/* /Components/DesignSystem/TcButton.razor.rz.scp.css */
.tc-button[b-ucs6xux7sz] {
    border: 0;
    border-radius: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    cursor: pointer;
    transition: all 0.18s ease;
    text-decoration: none;
    white-space: nowrap;
}

.tc-button-normal[b-ucs6xux7sz] {
    min-height: 44px;
    padding: 0.75rem 1.1rem;
    font-size: 0.95rem;
}

.tc-button-large[b-ucs6xux7sz] {
    min-height: 52px;
    padding: 0.9rem 1.35rem;
    font-size: 1rem;
}

.tc-button-small[b-ucs6xux7sz] {
    min-height: 36px;
    padding: 0.55rem 0.85rem;
    font-size: 0.85rem;
}

.tc-button-primary[b-ucs6xux7sz] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28);
}

.tc-button-primary:hover[b-ucs6xux7sz] {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.35);
}

.tc-button-accent[b-ucs6xux7sz] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(249, 115, 22, 0.28);
}

.tc-button-accent:hover[b-ucs6xux7sz] {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(249, 115, 22, 0.35);
}

.tc-button-secondary[b-ucs6xux7sz] {
    background: #eef2ff;
    color: #1e3a8a;
}

.tc-button-secondary:hover[b-ucs6xux7sz] {
    background: #dbeafe;
}

.tc-button-ghost[b-ucs6xux7sz] {
    background: transparent;
    color: #475569;
}

.tc-button-ghost:hover[b-ucs6xux7sz] {
    background: #f1f5f9;
    color: #0f172a;
}

.tc-button-danger[b-ucs6xux7sz] {
    background: #ef4444;
    color: #ffffff;
}

.tc-button-full[b-ucs6xux7sz] {
    width: 100%;
}

.tc-button-disabled[b-ucs6xux7sz],
.tc-button:disabled[b-ucs6xux7sz] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.tc-button-icon[b-ucs6xux7sz] {
    display: inline-flex;
    line-height: 1;
}
/* /Components/DesignSystem/TcCard.razor.rz.scp.css */
.tc-card[b-coa7wwy6w2] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.tc-card-hover[b-coa7wwy6w2] {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.tc-card-hover:hover[b-coa7wwy6w2] {
    transform: translateY(-2px);
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.10);
}

.tc-card-header[b-coa7wwy6w2] {
    padding: 1.25rem 1.35rem 0 1.35rem;
}

.tc-card-header h3[b-coa7wwy6w2] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.tc-card-header p[b-coa7wwy6w2] {
    margin: 0.35rem 0 0 0;
    color: #64748b;
    font-size: 0.92rem;
}

.tc-card-body[b-coa7wwy6w2] {
    padding: 1.35rem;
}

@media (max-width: 640px) {
    .tc-card[b-coa7wwy6w2] {
        border-radius: 16px;
    }

    .tc-card-body[b-coa7wwy6w2] {
        padding: 1rem;
    }

    .tc-card-header[b-coa7wwy6w2] {
        padding: 1rem 1rem 0 1rem;
    }
}
/* /Components/DesignSystem/TcPageHeader.razor.rz.scp.css */
.tc-page-header[b-zkzklppxgt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
}

.tc-page-header-left[b-zkzklppxgt] {
    flex: 1;
}

.tc-page-overline[b-zkzklppxgt] {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #2563EB;
    margin-bottom: .5rem;
}

.tc-page-header h1[b-zkzklppxgt] {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0F172A;
}

.tc-page-header p[b-zkzklppxgt] {
    margin-top: .65rem;
    color: #64748B;
    font-size: 1rem;
    max-width: 700px;
}

.tc-page-actions[b-zkzklppxgt] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

@media (max-width:768px) {

    .tc-page-header[b-zkzklppxgt] {
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .tc-page-header h1[b-zkzklppxgt] {
        font-size: 1.8rem;
    }

    .tc-page-actions[b-zkzklppxgt] {
        width: 100%;
    }

    .tc-page-actions>*[b-zkzklppxgt] {
        flex: 1;
    }

}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.tc-shell[b-5tfhhlb1sj] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 84px 1fr;
    background: #f8fafc;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tc-shell-sidebar[b-5tfhhlb1sj] {
    position: sticky;
    top: 0;
    height: 100vh;
    background: #0f172a;
    border-right: 1px solid rgba(255,255,255,.08);
    z-index: 20;
}

.tc-shell-main[b-5tfhhlb1sj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.tc-topbar[b-5tfhhlb1sj] {
    position: sticky;
    top: 0;
    z-index: 15;
    min-height: 74px;
    padding: 1rem 1.5rem;
    background: rgba(255,255,255,.84);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.tc-search[b-5tfhhlb1sj] {
    flex: 1;
    max-width: 620px;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: .75rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0 1rem;
}

.tc-search input[b-5tfhhlb1sj] {
    width: 100%;
    border: 0;
    background: transparent;
    outline: none;
    font-size: .95rem;
    color: #0f172a;
}

.tc-search input[b-5tfhhlb1sj]::placeholder {
    color: #94a3b8;
}

.tc-topbar-actions[b-5tfhhlb1sj] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.tc-icon-button[b-5tfhhlb1sj] {
    width: 44px;
    height: 44px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tc-user-pill[b-5tfhhlb1sj] {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: .35rem .45rem .35rem .35rem;
    box-shadow: 0 10px 28px rgba(15,23,42,.06);
}

.tc-avatar[b-5tfhhlb1sj] {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #f97316);
    color: white;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
}

.tc-user-text[b-5tfhhlb1sj] {
    display: grid;
    line-height: 1.05;
}

.tc-user-text strong[b-5tfhhlb1sj] {
    color: #0f172a;
    font-size: .88rem;
}

.tc-user-text span[b-5tfhhlb1sj] {
    color: #64748b;
    font-size: .75rem;
}

.tc-logout[b-5tfhhlb1sj] {
    text-decoration: none;
    color: #64748b;
    font-weight: 800;
    font-size: .8rem;
    padding: .55rem .75rem;
    border-radius: 999px;
}

.tc-logout:hover[b-5tfhhlb1sj] {
    background: #f1f5f9;
    color: #0f172a;
}

.tc-content[b-5tfhhlb1sj] {
    padding: 1.5rem;
    min-width: 0;
}

.tc-login-layout[b-5tfhhlb1sj] {
    min-height: 100vh;
}

@media (max-width: 760px) {
    .tc-shell[b-5tfhhlb1sj] {
        grid-template-columns: 1fr;
        padding-bottom: 76px;
    }

    .tc-shell-sidebar[b-5tfhhlb1sj] {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        height: 76px;
        border-right: 0;
        border-top: 1px solid rgba(255,255,255,.08);
    }

    .tc-topbar[b-5tfhhlb1sj] {
        min-height: auto;
        padding: .85rem 1rem;
        flex-direction: column;
        align-items: stretch;
    }

    .tc-search[b-5tfhhlb1sj] {
        max-width: none;
    }

    .tc-topbar-actions[b-5tfhhlb1sj] {
        justify-content: space-between;
    }

    .tc-user-pill[b-5tfhhlb1sj] {
        flex: 1;
        justify-content: space-between;
    }

    .tc-content[b-5tfhhlb1sj] {
        padding: 1rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.tc-nav-shell[b-i2zd7tjadv] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem .65rem;
    gap: 1.25rem;
}

.tc-nav-logo[b-i2zd7tjadv] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: linear-gradient(135deg, #2563eb, #f97316);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 36px rgba(37,99,235,.28);
    flex-shrink: 0;
}

.tc-nav-logo svg[b-i2zd7tjadv] {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: white;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tc-nav-main[b-i2zd7tjadv],
.tc-nav-bottom[b-i2zd7tjadv] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    width: 100%;
    align-items: center;
}

.tc-nav-main[b-i2zd7tjadv] {
    flex: 1;
}

[b-i2zd7tjadv] .tc-nav-link {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    color: rgba(226,232,240,.74) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    position: relative;
    transition: all .18s ease;
}

[b-i2zd7tjadv] .tc-nav-link svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-i2zd7tjadv] .tc-nav-link span {
    position: absolute;
    left: 72px;
    top: 50%;
    transform: translateY(-50%) translateX(-6px);
    opacity: 0;
    pointer-events: none;
    background: #0f172a;
    color: white;
    padding: .55rem .75rem;
    border-radius: 12px;
    font-size: .85rem;
    font-weight: 900;
    box-shadow: 0 16px 35px rgba(15,23,42,.22);
    white-space: nowrap;
    transition: all .16s ease;
    z-index: 50;
}

[b-i2zd7tjadv] .tc-nav-link:hover {
    background: rgba(255,255,255,.08);
    color: white !important;
    transform: translateY(-1px);
}

[b-i2zd7tjadv] .tc-nav-link:hover span {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

[b-i2zd7tjadv] .tc-nav-link.active {
    background: white;
    color: #2563eb !important;
    box-shadow: 0 18px 38px rgba(15,23,42,.25);
}

[b-i2zd7tjadv] .tc-nav-link.active::after {
    content: "";
    position: absolute;
    left: -10px;
    width: 4px;
    height: 28px;
    border-radius: 999px;
    background: #f97316;
}

@media (max-width: 760px) {
    .tc-nav-shell[b-i2zd7tjadv] {
        flex-direction: row;
        justify-content: space-around;
        padding: .5rem .7rem;
        gap: .25rem;
    }

    .tc-nav-logo[b-i2zd7tjadv] {
        display: none;
    }

    .tc-nav-main[b-i2zd7tjadv] {
        flex-direction: row;
        justify-content: space-around;
        flex: 1;
    }

    .tc-nav-bottom[b-i2zd7tjadv] {
        flex-direction: row;
        width: auto;
    }

    [b-i2zd7tjadv] .tc-nav-link {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    [b-i2zd7tjadv] .tc-nav-link svg {
        width: 21px;
        height: 21px;
    }

    [b-i2zd7tjadv] .tc-nav-link span {
        display: none;
    }

    [b-i2zd7tjadv] .tc-nav-link.active::after {
        left: 50%;
        bottom: -7px;
        top: auto;
        transform: translateX(-50%);
        width: 22px;
        height: 4px;
    }
}
/* /Components/Pages/CustomerDetails.razor.rz.scp.css */
.customer-details-page[b-pcklwj6d52] {
    display: grid;
    gap: 1.25rem;
}

.customer-details-loading[b-pcklwj6d52] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 2rem;
    color: #64748b;
    font-weight: 800;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.customer-details-hero[b-pcklwj6d52] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.22), transparent 28%),
        linear-gradient(135deg, #2563eb, #0f172a);
    color: white;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
}

.customer-hero-left[b-pcklwj6d52] {
    display: grid;
    gap: 1rem;
}

.back-link[b-pcklwj6d52] {
    color: rgba(255,255,255,.78);
    text-decoration: none;
    font-weight: 900;
    width: fit-content;
}

.back-link:hover[b-pcklwj6d52] {
    color: white;
}

.customer-title-row[b-pcklwj6d52] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.customer-avatar-large[b-pcklwj6d52] {
    width: 76px;
    height: 76px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.55rem;
    font-weight: 950;
    box-shadow: 0 18px 38px rgba(249, 115, 22, .32);
    flex-shrink: 0;
}

.customer-kicker[b-pcklwj6d52] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .78rem;
    font-weight: 900;
    color: rgba(255,255,255,.72);
    margin: 0 0 .45rem 0;
}

.customer-details-hero h1[b-pcklwj6d52] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.06em;
    margin: 0;
}

.customer-details-hero p[b-pcklwj6d52] {
    margin: .75rem 0 0 0;
    color: rgba(255,255,255,.78);
}

.new-job-button[b-pcklwj6d52] {
    border: 0;
    color: white;
    font-weight: 950;
    padding: .95rem 1.2rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    box-shadow: 0 16px 34px rgba(249, 115, 22, .28);
    white-space: nowrap;
    cursor: pointer;
}

.new-job-button.secondary[b-pcklwj6d52] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 16px 34px rgba(37, 99, 235, .20);
}

.customer-details-grid[b-pcklwj6d52] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 1rem;
}

.customer-contact-card[b-pcklwj6d52],
.customer-summary-card[b-pcklwj6d52],
.customer-jobs-section[b-pcklwj6d52] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 1.35rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.section-heading[b-pcklwj6d52] {
    margin-bottom: 1rem;
}

.section-heading h2[b-pcklwj6d52],
.jobs-section-header h2[b-pcklwj6d52] {
    margin: 0;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.section-heading p[b-pcklwj6d52],
.jobs-section-header p[b-pcklwj6d52] {
    margin: .3rem 0 0 0;
    color: #64748b;
}

.contact-list[b-pcklwj6d52] {
    display: grid;
    gap: .8rem;
}

.contact-list div[b-pcklwj6d52] {
    padding: .9rem 1rem;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    display: grid;
    gap: .25rem;
}

.contact-list span[b-pcklwj6d52],
.summary-stats span[b-pcklwj6d52] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.contact-list strong[b-pcklwj6d52] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.summary-stats[b-pcklwj6d52] {
    display: grid;
    gap: .8rem;
}

.summary-stats div[b-pcklwj6d52] {
    padding: 1rem;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.16), transparent 35%),
        #f8fafc;
    border: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-stats strong[b-pcklwj6d52] {
    font-size: 1.6rem;
    font-weight: 950;
    color: #2563eb;
}

.jobs-section-header[b-pcklwj6d52] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.jobs-section-header .customer-kicker[b-pcklwj6d52] {
    color: #2563eb;
}

.customer-job-list[b-pcklwj6d52] {
    display: grid;
    gap: .85rem;
}

.customer-job-card[b-pcklwj6d52] {
    text-decoration: none;
    color: inherit;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    transition: all .18s ease;
}

.customer-job-card:hover[b-pcklwj6d52] {
    background: #eff6ff;
    border-color: #bfdbfe;
    transform: translateY(-1px);
}

.job-number[b-pcklwj6d52] {
    color: #2563eb;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: .25rem;
}

.customer-job-card h3[b-pcklwj6d52] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
}

.customer-job-card p[b-pcklwj6d52] {
    margin: .35rem 0 0 0;
    color: #64748b;
}

.job-meta[b-pcklwj6d52] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    gap: .45rem;
    text-align: right;
}

.status-pill[b-pcklwj6d52],
.priority-pill[b-pcklwj6d52] {
    font-size: .75rem;
    font-weight: 950;
    padding: .35rem .65rem;
    border-radius: 999px;
    white-space: nowrap;
}

.status-pill[b-pcklwj6d52] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status-quote[b-pcklwj6d52] {
    background: #e0f2fe;
    color: #0369a1;
}

.status-sent[b-pcklwj6d52] {
    background: #ffedd5;
    color: #9a3412;
}

.status-accepted[b-pcklwj6d52] {
    background: #dcfce7;
    color: #166534;
}

.status-pending[b-pcklwj6d52] {
    background: #fef3c7;
    color: #92400e;
}

.status-progress[b-pcklwj6d52] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status-hold[b-pcklwj6d52] {
    background: #f3e8ff;
    color: #7e22ce;
}

.status-completed[b-pcklwj6d52] {
    background: #dcfce7;
    color: #166534;
}

.status-cancelled[b-pcklwj6d52] {
    background: #fee2e2;
    color: #991b1b;
}

.priority-pill[b-pcklwj6d52] {
    background: #e2e8f0;
    color: #334155;
}

.job-meta strong[b-pcklwj6d52] {
    color: #2563eb;
    font-size: .85rem;
}

.customer-details-empty[b-pcklwj6d52] {
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 3rem 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.customer-details-empty.small[b-pcklwj6d52] {
    padding: 2rem 1rem;
}

.customer-details-empty h3[b-pcklwj6d52] {
    color: #0f172a;
    font-weight: 950;
}

.customer-details-empty p[b-pcklwj6d52] {
    color: #64748b;
}

.customer-details-empty a[b-pcklwj6d52],
.customer-details-empty button[b-pcklwj6d52] {
    display: inline-flex;
    margin-top: .75rem;
    text-decoration: none;
    color: white;
    background: linear-gradient(135deg, #f97316, #ea580c);
    padding: .85rem 1rem;
    border-radius: 16px;
    font-weight: 900;
    border: 0;
    cursor: pointer;
}

@media (max-width: 1000px) {
    .customer-details-grid[b-pcklwj6d52] {
        grid-template-columns: 1fr;
    }

    .customer-job-card[b-pcklwj6d52] {
        flex-direction: column;
    }

    .job-meta[b-pcklwj6d52] {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 720px) {
    .customer-details-hero[b-pcklwj6d52] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.35rem;
        border-radius: 22px;
    }

    .customer-title-row[b-pcklwj6d52] {
        align-items: flex-start;
    }

    .customer-avatar-large[b-pcklwj6d52] {
        width: 62px;
        height: 62px;
        border-radius: 20px;
        font-size: 1.25rem;
    }

    .new-job-button[b-pcklwj6d52] {
        width: 100%;
    }

    .jobs-section-header[b-pcklwj6d52] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Customers.razor.rz.scp.css */
.customers-page[b-p6e49vf4bu] {
    display: grid;
    gap: 1.25rem;
}

.customers-hero[b-p6e49vf4bu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.22), transparent 28%),
        linear-gradient(135deg, #2563eb, #0f172a);
    color: white;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
}

.customers-kicker[b-p6e49vf4bu] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .8rem;
    font-weight: 900;
    color: rgba(255,255,255,.72);
    margin-bottom: .5rem;
}

.customers-hero h1[b-p6e49vf4bu] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.06em;
    margin: 0;
}

.customers-hero p[b-p6e49vf4bu] {
    margin: .85rem 0 0 0;
    color: rgba(255,255,255,.78);
}

.customers-primary-action[b-p6e49vf4bu] {
    text-decoration: none;
    color: white;
    font-weight: 900;
    padding: .9rem 1.15rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    box-shadow: 0 16px 34px rgba(249, 115, 22, .28);
    white-space: nowrap;
}

.customers-toolbar[b-p6e49vf4bu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.customers-search[b-p6e49vf4bu] {
    flex: 1;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: .75rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.customers-search span[b-p6e49vf4bu] {
    color: #64748b;
    font-size: 1.15rem;
    font-weight: 900;
}

.customers-search input[b-p6e49vf4bu] {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: #0f172a;
}

.customers-count[b-p6e49vf4bu] {
    color: #64748b;
    font-weight: 900;
    white-space: nowrap;
}

.customers-grid[b-p6e49vf4bu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.customer-card[b-p6e49vf4bu] {
    text-decoration: none;
    color: inherit;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 1.25rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
    transition: all .18s ease;
}

.customer-card:hover[b-p6e49vf4bu] {
    transform: translateY(-2px);
    box-shadow: 0 26px 65px rgba(15, 23, 42, 0.12);
    border-color: #bfdbfe;
}

.customer-avatar[b-p6e49vf4bu] {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #2563eb, #f97316);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
}

.customer-card-main h3[b-p6e49vf4bu] {
    margin: 0 0 .9rem 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 950;
}

.customer-detail[b-p6e49vf4bu] {
    display: grid;
    gap: .15rem;
    margin-bottom: .65rem;
}

.customer-detail span[b-p6e49vf4bu] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.customer-detail strong[b-p6e49vf4bu] {
    color: #334155;
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.customer-footer[b-p6e49vf4bu] {
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #64748b;
    font-size: .85rem;
}

.customer-footer strong[b-p6e49vf4bu] {
    color: #2563eb;
}

.customers-empty[b-p6e49vf4bu] {
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 3rem 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.customers-empty h3[b-p6e49vf4bu] {
    color: #0f172a;
    font-weight: 950;
}

.customers-empty p[b-p6e49vf4bu] {
    color: #64748b;
}

.customers-empty a[b-p6e49vf4bu] {
    display: inline-flex;
    margin-top: .75rem;
    text-decoration: none;
    color: white;
    background: linear-gradient(135deg, #f97316, #ea580c);
    padding: .85rem 1rem;
    border-radius: 16px;
    font-weight: 900;
}

@media (max-width: 1100px) {
    .customers-grid[b-p6e49vf4bu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .customers-hero[b-p6e49vf4bu] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.35rem;
        border-radius: 22px;
    }

    .customers-primary-action[b-p6e49vf4bu] {
        width: 100%;
        text-align: center;
    }

    .customers-toolbar[b-p6e49vf4bu] {
        flex-direction: column;
        align-items: stretch;
    }

    .customers-count[b-p6e49vf4bu] {
        text-align: center;
    }

    .customers-grid[b-p6e49vf4bu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-hero[b-y0rmowx4k0] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    padding: 2rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.22), transparent 28%),
        linear-gradient(135deg, #2563eb, #0f172a);
    color: white;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    margin-bottom: 1.5rem;
}

.dashboard-kicker[b-y0rmowx4k0] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .8rem;
    font-weight: 900;
    color: rgba(255,255,255,.72);
    margin-bottom: .5rem;
}

.dashboard-hero h1[b-y0rmowx4k0] {
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.06em;
    margin: 0;
}

.dashboard-hero p[b-y0rmowx4k0] {
    margin: .85rem 0 0 0;
    color: rgba(255,255,255,.78);
}

.dashboard-quick-actions[b-y0rmowx4k0] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.dashboard-action[b-y0rmowx4k0] {
    text-decoration: none;
    color: white;
    font-weight: 800;
    padding: .85rem 1rem;
    border-radius: 16px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.18);
}

.dashboard-action-primary[b-y0rmowx4k0] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    box-shadow: 0 16px 34px rgba(249, 115, 22, .28);
}

.dashboard-grid[b-y0rmowx4k0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-card[b-y0rmowx4k0] {
    background: white;
    border-radius: 22px;
    padding: 1.25rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
    border: 1px solid #e5e7eb;
    transition: all .18s ease;
}

.stat-card:hover[b-y0rmowx4k0] {
    transform: translateY(-2px);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.11);
}

.stat-card span[b-y0rmowx4k0] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.35rem;
}

.stat-card p[b-y0rmowx4k0] {
    margin: 0;
    color: #64748b;
    font-weight: 800;
}

.stat-card h2[b-y0rmowx4k0] {
    margin: .35rem 0 0 0;
    font-size: 2.4rem;
    font-weight: 950;
    color: #0f172a;
}

.stat-blue span[b-y0rmowx4k0] { background: #dbeafe; }
.stat-orange span[b-y0rmowx4k0] { background: #ffedd5; }
.stat-green span[b-y0rmowx4k0] { background: #dcfce7; }
.stat-dark span[b-y0rmowx4k0] { background: #e2e8f0; }

.dashboard-layout[b-y0rmowx4k0] {
    display: grid;
    grid-template-columns: 1.5fr .8fr;
    gap: 1rem;
}

.attention-list[b-y0rmowx4k0] {
    display: grid;
    gap: .75rem;
}

.attention-item[b-y0rmowx4k0] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    text-decoration: none;
    color: inherit;
    padding: 1rem;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    transition: all .18s ease;
}

.attention-item:hover[b-y0rmowx4k0] {
    background: #eff6ff;
    border-color: #bfdbfe;
    transform: translateY(-1px);
}

.attention-item p[b-y0rmowx4k0] {
    margin: .25rem 0 0 0;
    color: #64748b;
}

.attention-meta[b-y0rmowx4k0] {
    text-align: right;
    display: grid;
    gap: .35rem;
    justify-items: end;
}

.status-pill[b-y0rmowx4k0] {
    font-size: .8rem;
    font-weight: 900;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: #ffedd5;
    color: #9a3412;
}

.attention-meta small[b-y0rmowx4k0] {
    color: #64748b;
}

.workflow-list[b-y0rmowx4k0] {
    display: grid;
    gap: .75rem;
}

.workflow-list div[b-y0rmowx4k0] {
    display: flex;
    justify-content: space-between;
    padding: .9rem 1rem;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.workflow-list span[b-y0rmowx4k0] {
    color: #64748b;
    font-weight: 800;
}

.workflow-list strong[b-y0rmowx4k0] {
    color: #0f172a;
    font-size: 1.15rem;
}

.dashboard-empty[b-y0rmowx4k0] {
    text-align: center;
    padding: 2rem 1rem;
    color: #64748b;
}

.dashboard-empty h3[b-y0rmowx4k0] {
    color: #0f172a;
    font-weight: 900;
}

@media (max-width: 1000px) {
    .dashboard-grid[b-y0rmowx4k0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-layout[b-y0rmowx4k0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dashboard-hero[b-y0rmowx4k0] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.35rem;
        border-radius: 22px;
    }

    .dashboard-quick-actions[b-y0rmowx4k0] {
        width: 100%;
    }

    .dashboard-action[b-y0rmowx4k0] {
        flex: 1;
        text-align: center;
    }

    .dashboard-grid[b-y0rmowx4k0] {
        grid-template-columns: 1fr;
    }

    .attention-item[b-y0rmowx4k0] {
        flex-direction: column;
    }

    .attention-meta[b-y0rmowx4k0] {
        text-align: left;
        justify-items: start;
    }
}
/* /Components/Pages/JobDetails.razor.rz.scp.css */
.job-page[b-wb3ypw5zmi] {
    display: grid;
    gap: 1.25rem;
}

.job-loading[b-wb3ypw5zmi],
.job-empty[b-wb3ypw5zmi] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 2rem;
    color: #64748b;
    font-weight: 800;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
    text-align: center;
}

.job-empty h3[b-wb3ypw5zmi] {
    color: #0f172a;
    font-weight: 950;
}

.job-empty a[b-wb3ypw5zmi],
.job-empty button[b-wb3ypw5zmi] {
    display: inline-flex;
    margin-top: .75rem;
    text-decoration: none;
    color: white;
    background: linear-gradient(135deg, #f97316, #ea580c);
    padding: .85rem 1rem;
    border-radius: 16px;
    font-weight: 900;
    border: 0;
}

.job-empty.small[b-wb3ypw5zmi] {
    padding: 2rem;
}

.job-hero[b-wb3ypw5zmi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.22), transparent 28%),
        linear-gradient(135deg, #2563eb, #0f172a);
    color: white;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
}

.job-back[b-wb3ypw5zmi] {
    color: rgba(255,255,255,.78);
    text-decoration: none;
    font-weight: 900;
}

.job-kicker[b-wb3ypw5zmi] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .78rem;
    font-weight: 900;
    color: rgba(255,255,255,.72);
    margin: 1rem 0 .45rem 0;
}

.job-hero h1[b-wb3ypw5zmi] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.06em;
    margin: 0;
}

.job-hero p[b-wb3ypw5zmi] {
    margin: .75rem 0 0 0;
    color: rgba(255,255,255,.78);
}

.job-hero-actions[b-wb3ypw5zmi] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.job-hero-actions a[b-wb3ypw5zmi] {
    text-decoration: none;
    color: white;
    font-weight: 950;
    padding: .9rem 1rem;
    border-radius: 16px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.18);
}

.job-hero-actions a.accent[b-wb3ypw5zmi] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    box-shadow: 0 16px 34px rgba(249, 115, 22, .28);
    border: 0;
}

.job-summary-grid[b-wb3ypw5zmi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.job-stat[b-wb3ypw5zmi] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 1.25rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.job-stat span[b-wb3ypw5zmi] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.job-stat strong[b-wb3ypw5zmi] {
    display: block;
    margin-top: .45rem;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 950;
}

.job-tabs[b-wb3ypw5zmi] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: .5rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.job-tabs button[b-wb3ypw5zmi] {
    border: 0;
    background: transparent;
    color: #64748b;
    font-weight: 950;
    padding: .8rem 1rem;
    border-radius: 15px;
    cursor: pointer;
}

.job-tabs button.active[b-wb3ypw5zmi] {
    background: #2563eb;
    color: white;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .24);
}

.job-panel[b-wb3ypw5zmi] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 1.35rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
}

.panel-heading[b-wb3ypw5zmi] {
    margin-bottom: 1rem;
}

.panel-heading.with-action[b-wb3ypw5zmi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.panel-heading h2[b-wb3ypw5zmi] {
    margin: 0;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 950;
}

.panel-heading p[b-wb3ypw5zmi] {
    margin: .3rem 0 0 0;
    color: #64748b;
}

.panel-heading a[b-wb3ypw5zmi] {
    text-decoration: none;
    color: white;
    background: linear-gradient(135deg, #f97316, #ea580c);
    padding: .85rem 1rem;
    border-radius: 16px;
    font-weight: 900;
}

.overview-grid[b-wb3ypw5zmi] {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 1rem;
}

.overview-grid label[b-wb3ypw5zmi] {
    display: block;
    color: #64748b;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .45rem;
}

.overview-grid select[b-wb3ypw5zmi],
.note-box textarea[b-wb3ypw5zmi] {
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    background: #f8fafc;
    padding: .85rem 1rem;
    outline: none;
}

.save-status[b-wb3ypw5zmi],
.note-box button[b-wb3ypw5zmi] {
    margin-top: .75rem;
    border: 0;
    color: white;
    font-weight: 950;
    padding: .85rem 1rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    cursor: pointer;
}

.overview-info[b-wb3ypw5zmi] {
    display: grid;
    gap: .75rem;
}

.overview-info div[b-wb3ypw5zmi] {
    padding: .9rem 1rem;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.overview-info span[b-wb3ypw5zmi] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.overview-info strong[b-wb3ypw5zmi] {
    display: block;
    color: #0f172a;
    margin-top: .25rem;
}

.timeline-list[b-wb3ypw5zmi] {
    display: grid;
    gap: 1rem;
}

.timeline-item[b-wb3ypw5zmi] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    padding: 1rem;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.timeline-dot[b-wb3ypw5zmi] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #f97316;
    margin-top: .35rem;
    box-shadow: 0 0 0 5px #ffedd5;
}

.timeline-item h3[b-wb3ypw5zmi] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
}

.timeline-item p[b-wb3ypw5zmi] {
    margin: .35rem 0;
    color: #475569;
}

.timeline-item small[b-wb3ypw5zmi],
.note-card small[b-wb3ypw5zmi] {
    color: #64748b;
}

.photo-grid[b-wb3ypw5zmi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.photo-card[b-wb3ypw5zmi] {
    text-decoration: none;
    color: inherit;
    border-radius: 18px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.photo-card img[b-wb3ypw5zmi] {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.photo-card div[b-wb3ypw5zmi] {
    padding: .85rem;
    display: grid;
    gap: .2rem;
}

.photo-card strong[b-wb3ypw5zmi] {
    color: #0f172a;
    font-weight: 950;
}

.photo-card span[b-wb3ypw5zmi] {
    color: #64748b;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.note-box[b-wb3ypw5zmi] {
    display: grid;
    margin-bottom: 1rem;
}

.notes-list[b-wb3ypw5zmi] {
    display: grid;
    gap: .75rem;
}

.note-card[b-wb3ypw5zmi] {
    padding: 1rem;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.note-card p[b-wb3ypw5zmi] {
    margin: 0 0 .5rem 0;
    color: #0f172a;
}

@media (max-width: 1000px) {
    .job-summary-grid[b-wb3ypw5zmi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-grid[b-wb3ypw5zmi] {
        grid-template-columns: 1fr;
    }

    .photo-grid[b-wb3ypw5zmi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .job-hero[b-wb3ypw5zmi] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.35rem;
        border-radius: 22px;
    }

    .job-hero-actions[b-wb3ypw5zmi] {
        width: 100%;
    }

    .job-hero-actions a[b-wb3ypw5zmi] {
        flex: 1;
        text-align: center;
    }

    .job-summary-grid[b-wb3ypw5zmi],
    .photo-grid[b-wb3ypw5zmi] {
        grid-template-columns: 1fr;
    }

    .panel-heading.with-action[b-wb3ypw5zmi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .panel-heading a[b-wb3ypw5zmi] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Jobs.razor.rz.scp.css */
.jobs-page[b-f7oubpwime]{
display:grid;
gap:1.25rem;
}

.jobs-hero[b-f7oubpwime]{
display:flex;
justify-content:space-between;
align-items:center;
padding:2rem;
border-radius:28px;
background:
radial-gradient(circle at top right,rgba(249,115,22,.22),transparent 28%),
linear-gradient(135deg,#2563eb,#0f172a);
color:white;
}

.jobs-kicker[b-f7oubpwime]{
text-transform:uppercase;
letter-spacing:.14em;
font-size:.75rem;
font-weight:900;
opacity:.75;
}

.jobs-hero h1[b-f7oubpwime]{
margin:0;
font-size:3rem;
font-weight:950;
letter-spacing:-.05em;
}

.jobs-hero p[b-f7oubpwime]{
margin-top:.6rem;
opacity:.8;
}

.jobs-add-button[b-f7oubpwime]{
background:linear-gradient(135deg,#f97316,#ea580c);
padding:1rem 1.25rem;
border-radius:16px;
color:white;
font-weight:900;
text-decoration:none;
}

.jobs-toolbar[b-f7oubpwime]{
display:flex;
gap:1rem;
align-items:center;
}

.jobs-search[b-f7oubpwime]{
flex:1;
display:flex;
align-items:center;
gap:.75rem;
background:white;
border:1px solid #e2e8f0;
border-radius:999px;
padding:.8rem 1rem;
}

.jobs-search input[b-f7oubpwime]{
border:0;
outline:none;
width:100%;
background:transparent;
}

.jobs-count[b-f7oubpwime]{
font-weight:800;
color:#64748b;
}

.jobs-list[b-f7oubpwime]{
display:grid;
gap:1rem;
}

.job-card[b-f7oubpwime]{
display:flex;
justify-content:space-between;
align-items:center;
gap:1rem;
background:white;
padding:1.25rem;
border-radius:24px;
text-decoration:none;
color:inherit;
border:1px solid #e5e7eb;
transition:.15s;
box-shadow:0 14px 35px rgba(15,23,42,.06);
}

.job-card:hover[b-f7oubpwime]{
transform:translateY(-2px);
box-shadow:0 24px 55px rgba(15,23,42,.12);
}

.job-number[b-f7oubpwime]{
font-size:.75rem;
font-weight:900;
letter-spacing:.1em;
color:#2563eb;
text-transform:uppercase;
margin-bottom:.3rem;
}

.job-main h3[b-f7oubpwime]{
margin:0;
font-size:1.1rem;
font-weight:900;
color:#0f172a;
}

.job-main p[b-f7oubpwime]{
margin:.4rem 0;
color:#475569;
font-weight:700;
}

.job-main small[b-f7oubpwime]{
color:#64748b;
}

.job-right[b-f7oubpwime]{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:.5rem;
}

.status[b-f7oubpwime],
.priority[b-f7oubpwime]{
padding:.35rem .75rem;
border-radius:999px;
font-size:.75rem;
font-weight:900;
}

.status.quote[b-f7oubpwime]{background:#e0f2fe;color:#075985;}
.status.quotesent[b-f7oubpwime]{background:#ffedd5;color:#9a3412;}
.status.accepted[b-f7oubpwime]{background:#dcfce7;color:#166534;}
.status.pendingstart[b-f7oubpwime]{background:#fef3c7;color:#92400e;}
.status.inprogress[b-f7oubpwime]{background:#dbeafe;color:#1d4ed8;}
.status.onhold[b-f7oubpwime]{background:#ede9fe;color:#6d28d9;}
.status.completed[b-f7oubpwime]{background:#dcfce7;color:#166534;}
.status.cancelled[b-f7oubpwime]{background:#fee2e2;color:#991b1b;}

.priority[b-f7oubpwime]{
background:#e2e8f0;
color:#334155;
}

.jobs-empty[b-f7oubpwime]{
background:white;
padding:3rem;
border-radius:24px;
text-align:center;
}

@media(max-width:800px){

.jobs-hero[b-f7oubpwime]{
flex-direction:column;
align-items:flex-start;
}

.jobs-toolbar[b-f7oubpwime]{
flex-direction:column;
align-items:stretch;
}

.job-card[b-f7oubpwime]{
flex-direction:column;
align-items:flex-start;
}

.job-right[b-f7oubpwime]{
align-items:flex-start;
}

}
/* /Components/Pages/Login.razor.rz.scp.css */
.tc-login-page[b-n553lxsgc0] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 15% 10%, rgba(249, 115, 22, 0.22), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(37, 99, 235, 0.25), transparent 28%),
        linear-gradient(135deg, #f8fafc 0%, #eef6ff 45%, #fff7ed 100%);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tc-login-shell[b-n553lxsgc0] {
    width: min(1180px, 100%);
    min-height: 680px;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    background: rgba(255,255,255,0.84);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 35px 90px rgba(15, 23, 42, 0.16);
}

.tc-login-panel[b-n553lxsgc0] {
    padding: 3rem;
    background: rgba(255,255,255,0.96);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tc-login-logo-wrap[b-n553lxsgc0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.tc-login-logo[b-n553lxsgc0] {
    width: 68px;
    height: 68px;
    border-radius: 20px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 35px rgba(37, 99, 235, 0.28);
}

.tc-login-logo svg[b-n553lxsgc0] {
    width: 42px;
    height: 42px;
    fill: none;
    stroke: white;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tc-login-logo-wrap h1[b-n553lxsgc0] {
    margin: 0;
    font-size: 2.35rem;
    font-weight: 900;
    letter-spacing: -0.05em;
    color: #0f172a;
}

.tc-login-logo-wrap p[b-n553lxsgc0] {
    margin: .45rem 0 0 0;
    color: #64748b;
}

.tc-login-form[b-n553lxsgc0] {
    display: grid;
    gap: 1.1rem;
}

.tc-form-group[b-n553lxsgc0] {
    display: grid;
    gap: .45rem;
}

.tc-form-group label[b-n553lxsgc0] {
    font-weight: 800;
    color: #334155;
}

.tc-form-group input[b-n553lxsgc0] {
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    background: #f8fafc;
    min-height: 54px;
    padding: 0 1rem;
    font-size: 1rem;
    outline: none;
}

.tc-form-group input:focus[b-n553lxsgc0] {
    border-color: #2563eb;
    background: white;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

.tc-login-options label[b-n553lxsgc0] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #64748b;
}

.tc-login-button[b-n553lxsgc0] {
    min-height: 56px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
    font-weight: 900;
    font-size: 1rem;
    box-shadow: 0 18px 38px rgba(249, 115, 22, .30);
}

.tc-login-hero[b-n553lxsgc0] {
    padding: 3.5rem;
    background: linear-gradient(135deg, #2563eb, #0f172a);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tc-hero-badge[b-n553lxsgc0] {
    width: fit-content;
    padding: .55rem .85rem;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.tc-login-hero h2[b-n553lxsgc0] {
    font-size: clamp(2.2rem, 4vw, 4.3rem);
    line-height: .95;
    font-weight: 950;
    letter-spacing: -0.06em;
}

.tc-login-hero p[b-n553lxsgc0] {
    color: rgba(255,255,255,.78);
    font-size: 1.08rem;
}

.tc-hero-grid[b-n553lxsgc0] {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.tc-hero-card[b-n553lxsgc0] {
    padding: 1.1rem;
    border-radius: 20px;
    background: rgba(255,255,255,.13);
    display: grid;
    gap: .25rem;
}

@media (max-width: 900px) {
    .tc-login-shell[b-n553lxsgc0] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .tc-login-hero[b-n553lxsgc0] {
        display: none;
    }

    .tc-login-panel[b-n553lxsgc0] {
        padding: 2rem;
    }
}
/* /Components/Search/GlobalSearch.razor.rz.scp.css */
.global-search[b-aea2omleuy] {
    position: relative;
    flex: 1;
    max-width: 620px;
}

.global-search-box[b-aea2omleuy] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: .75rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0 1rem;
}

.search-icon[b-aea2omleuy] {
    color: #64748b;
    font-size: 1.15rem;
    font-weight: 900;
}

.global-search-box input[b-aea2omleuy] {
    width: 100%;
    border: 0;
    background: transparent;
    outline: none;
    font-size: .95rem;
    color: #0f172a;
}

.clear-search[b-aea2omleuy] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-weight: 900;
}

.search-results[b-aea2omleuy] {
    position: absolute;
    top: calc(100% + .65rem);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .16);
    padding: .75rem;
    z-index: 100;
}

.search-section-title[b-aea2omleuy] {
    margin: .5rem .65rem .35rem;
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.search-result[b-aea2omleuy] {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .85rem;
    border-radius: 14px;
    text-align: left;
    cursor: pointer;
}

.search-result:hover[b-aea2omleuy] {
    background: #eff6ff;
}

.result-icon[b-aea2omleuy] {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: #dbeafe;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-result strong[b-aea2omleuy] {
    display: block;
    color: #0f172a;
    font-size: .92rem;
}

.search-result small[b-aea2omleuy] {
    display: block;
    color: #64748b;
    margin-top: .2rem;
}

.search-empty[b-aea2omleuy] {
    padding: 1rem;
    color: #64748b;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 760px) {
    .global-search[b-aea2omleuy] {
        max-width: none;
        width: 100%;
    }

    .search-results[b-aea2omleuy] {
        position: fixed;
        left: 1rem;
        right: 1rem;
        top: 5rem;
    }
}