/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-shell[b-lllc6kyr3l] {
    display: grid;
    width: min(100%, 66rem);
    gap: 1rem;
    margin: 1rem auto 3rem;
}

.login-card[b-lllc6kyr3l],
.login-external[b-lllc6kyr3l] {
    min-width: 0;
    padding: 1.25rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1.2rem;
    box-shadow: var(--app-shadow-sm);
}

.login-brand[b-lllc6kyr3l] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--app-text);
    text-decoration: none;
}

.login-brand img[b-lllc6kyr3l] {
    width: 3.25rem;
    height: 3.25rem;
    padding: 0.35rem;
    object-fit: contain;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.85rem;
    box-shadow: var(--app-logo-shadow);
}

.login-brand span[b-lllc6kyr3l] {
    display: grid;
    line-height: 1.1;
}

.login-brand strong[b-lllc6kyr3l] {
    font-size: 1.2rem;
    letter-spacing: -0.025em;
}

.login-brand small[b-lllc6kyr3l] {
    margin-top: 0.2rem;
    color: var(--app-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.login-heading[b-lllc6kyr3l] {
    margin: 2rem 0 1.5rem;
}

.login-heading p[b-lllc6kyr3l],
.login-external > p[b-lllc6kyr3l] {
    margin: 0 0 0.35rem;
    color: var(--app-brand);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.login-heading h1[b-lllc6kyr3l],
.login-external h2[b-lllc6kyr3l] {
    margin: 0;
    color: var(--app-text);
    font-weight: 750;
    letter-spacing: -0.035em;
}

.login-heading h1[b-lllc6kyr3l] {
    font-size: clamp(2rem, 9vw, 2.75rem);
}

.login-heading > span[b-lllc6kyr3l] {
    display: block;
    margin-top: 0.55rem;
    color: var(--app-text-muted);
}

.login-form[b-lllc6kyr3l] {
    max-width: 32rem;
}

.login-form .btn[b-lllc6kyr3l] {
    min-height: 2.85rem;
    font-weight: 700;
}

.login-divider[b-lllc6kyr3l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.25rem 0;
    color: var(--app-text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
}

.login-divider[b-lllc6kyr3l]::before,
.login-divider[b-lllc6kyr3l]::after {
    height: 1px;
    flex: 1;
    content: "";
    background: var(--app-border);
}

.login-passkey[b-lllc6kyr3l] {
    display: grid;
}

.login-passkey .btn[b-lllc6kyr3l] {
    color: var(--app-brand-strong);
    background: var(--app-surface-muted);
    border-color: var(--app-border);
}

.login-passkey .btn:hover[b-lllc6kyr3l],
.login-passkey .btn:focus-visible[b-lllc6kyr3l] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: var(--app-brand);
}

.login-links[b-lllc6kyr3l] {
    display: grid;
    gap: 0.55rem;
    margin-top: 1.25rem;
    font-size: 0.9rem;
}

.login-external[b-lllc6kyr3l] {
    align-self: start;
    background:
        radial-gradient(circle at top right, var(--app-hero-glow), transparent 38%),
        var(--app-surface);
}

.login-external h2[b-lllc6kyr3l] {
    margin-bottom: 1.25rem;
    font-size: 1.3rem;
}

@media (min-width: 48rem) {
    .login-shell[b-lllc6kyr3l] {
        grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
        align-items: start;
        margin-top: 2rem;
    }

    .login-card[b-lllc6kyr3l],
    .login-external[b-lllc6kyr3l] {
        padding: 2rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-vt4c60rtju] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--app-background);
}

.main-content[b-vt4c60rtju] {
    min-width: 0;
    flex: 1;
}

.sidebar[b-vt4c60rtju] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: linear-gradient(
        180deg,
        var(--app-sidebar-start) 0%,
        var(--app-sidebar-end) 100%);
    box-shadow: 0 1rem 3rem var(--app-sidebar-shadow);
}

.top-row[b-vt4c60rtju] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    min-height: 4.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 1rem;
    background: var(--app-header-background);
    border-bottom: 1px solid var(--app-border);
    backdrop-filter: blur(18px);
}

.top-brand[b-vt4c60rtju] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--app-text);
    text-decoration: none;
}

.top-brand img[b-vt4c60rtju] {
    flex: 0 0 auto;
    border-radius: 0.7rem;
    box-shadow: var(--app-logo-shadow);
}

.top-brand span[b-vt4c60rtju] {
    display: grid;
    line-height: 1.05;
}

.top-brand strong[b-vt4c60rtju] {
    font-size: 0.95rem;
    letter-spacing: -0.02em;
}

.top-brand small[b-vt4c60rtju] {
    margin-top: 0.2rem;
    color: var(--app-text-muted);
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.theme-toggle[b-vt4c60rtju] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.45rem 0.75rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 999px;
    box-shadow: var(--app-shadow-sm);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
}

.top-actions[b-vt4c60rtju] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.feedback-shortcut[b-vt4c60rtju] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding: .45rem .75rem;
    color: var(--app-brand-strong);
    text-decoration: none;
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
}

.feedback-shortcut:hover[b-vt4c60rtju],
.feedback-shortcut:focus-visible[b-vt4c60rtju] {
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    outline: none;
}

.theme-toggle:hover[b-vt4c60rtju] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: var(--app-brand);
}

.theme-toggle:focus-visible[b-vt4c60rtju] {
    outline: 3px solid var(--app-focus-ring);
    outline-offset: 2px;
}

.theme-toggle-icon[b-vt4c60rtju] {
    display: inline-grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1;
}

.content[b-vt4c60rtju] {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

@media (max-width: 30rem) {
    .feedback-shortcut[b-vt4c60rtju] {
        width: 2.75rem;
        padding: 0;
        justify-content: center;
        overflow: hidden;
        font-size: 0;
    }

    .feedback-shortcut[b-vt4c60rtju]::before {
        content: "?";
        font-size: 1rem;
    }

    .theme-toggle-label[b-vt4c60rtju] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .theme-toggle[b-vt4c60rtju] {
        width: 2.75rem;
        padding: 0;
    }
}

@media (min-width: 641px) {
    .page[b-vt4c60rtju] {
        flex-direction: row;
    }

    .sidebar[b-vt4c60rtju] {
        position: sticky;
        top: 0;
        width: 18.5rem;
        height: 100vh;
        flex: 0 0 18.5rem;
    }

    .top-row[b-vt4c60rtju] {
        padding-right: 1.5rem;
        padding-left: 2rem;
    }

    .content[b-vt4c60rtju] {
        padding-right: 1.5rem !important;
        padding-left: 2rem !important;
    }
}

@media (min-width: 641px) and (max-width: 74.999rem) {
    .sidebar[b-vt4c60rtju] {
        width: 15rem;
        flex-basis: 15rem;
    }

    .top-row[b-vt4c60rtju],
    .content[b-vt4c60rtju] {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
}

#blazor-error-ui[b-vt4c60rtju] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 1000;
    display: none;
    max-width: 42rem;
    padding: 0.85rem 3rem 0.85rem 1rem;
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border: 1px solid var(--app-danger-border);
    border-radius: 0.8rem;
    box-shadow: var(--app-shadow-md);
}

#blazor-error-ui .reload[b-vt4c60rtju] {
    margin-left: 0.5rem;
    color: var(--app-danger-text);
    font-weight: 700;
}

#blazor-error-ui .dismiss[b-vt4c60rtju] {
    position: absolute;
    top: 0.65rem;
    right: 0.85rem;
    cursor: pointer;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-toggle[b-6gvqhzq0by] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.navbar-toggler[b-6gvqhzq0by] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 34;
    display: block;
    width: 3rem;
    height: 2.75rem;
    cursor: pointer;
    background-color: var(--app-sidebar-panel);
    background-image:
        linear-gradient(var(--app-sidebar-text), var(--app-sidebar-text)),
        linear-gradient(var(--app-sidebar-text), var(--app-sidebar-text)),
        linear-gradient(var(--app-sidebar-text), var(--app-sidebar-text));
    background-repeat: no-repeat;
    background-position: center 31%, center 50%, center 69%;
    background-size: 1.4rem 2px;
    border: 1px solid var(--app-sidebar-border);
    border-radius: 0.8rem;
}

.nav-toggle:checked + .navbar-toggler[b-6gvqhzq0by] {
    background-color: var(--app-sidebar-active);
    border-color: var(--app-sidebar-accent);
}

.nav-toggle:focus-visible + .navbar-toggler[b-6gvqhzq0by] {
    outline: 3px solid var(--app-focus-ring);
    outline-offset: 2px;
}

.top-row[b-6gvqhzq0by] {
    position: relative;
    z-index: 33;
    min-height: 5.5rem;
    padding: 0.8rem 4.75rem 0.8rem 1rem;
    background: var(--app-sidebar-panel);
    border-bottom: 1px solid var(--app-sidebar-border);
}

.top-row .container-fluid[b-6gvqhzq0by] {
    padding: 0;
}

.navbar-brand[b-6gvqhzq0by] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    color: var(--app-on-brand);
    text-decoration: none;
}

.navbar-brand img[b-6gvqhzq0by] {
    width: 3.35rem;
    height: 3.35rem;
    flex: 0 0 auto;
    padding: 0.3rem;
    background: var(--app-surface);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 0.95rem;
    box-shadow: var(--app-logo-shadow);
}

.brand-copy[b-6gvqhzq0by] {
    display: grid;
    line-height: 1;
}

.brand-copy strong[b-6gvqhzq0by] {
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.brand-copy small[b-6gvqhzq0by] {
    margin-top: 0.3rem;
    color: var(--app-sidebar-muted);
    font-size: 0.64rem;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.nav-scrollable[b-6gvqhzq0by] {
    position: absolute;
    top: 5.5rem;
    right: 0;
    left: 0;
    z-index: 33;
    display: flex;
    height: calc(100vh - 5.5rem);
    flex-direction: column;
    overflow-y: auto;
    visibility: hidden;
    background: linear-gradient(
        180deg,
        var(--app-sidebar-start) 0%,
        var(--app-sidebar-end) 100%);
    box-shadow: var(--app-shadow-md);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.5rem);
    transition:
        opacity 160ms ease,
        transform 160ms ease,
        visibility 160ms ease;
}

.nav-toggle:checked ~ .nav-scrollable[b-6gvqhzq0by] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.nav-backdrop[b-6gvqhzq0by] {
    position: fixed;
    inset: 5.5rem 0 0;
    z-index: 32;
    display: none;
    cursor: pointer;
    background: var(--app-overlay);
}

.nav-toggle:checked ~ .nav-backdrop[b-6gvqhzq0by] {
    display: block;
}

.nav[b-6gvqhzq0by] {
    gap: 0.25rem;
    padding: 1rem 0 0.75rem;
}

.nav-section-label[b-6gvqhzq0by] {
    margin: 0 1rem 0.35rem;
    color: var(--app-sidebar-muted);
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.nav-item[b-6gvqhzq0by] {
    padding: 0 0.75rem;
    font-size: 0.9rem;
}

.nav-item[b-6gvqhzq0by]  .nav-link {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 3.1rem;
    align-items: center;
    padding: 0.65rem 0.8rem;
    color: var(--app-sidebar-text);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.85rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: left;
}

.nav-item[b-6gvqhzq0by]  a.active {
    color: var(--app-on-brand);
    background: var(--app-sidebar-active);
    border-color: var(--app-sidebar-border);
    box-shadow: inset 3px 0 0 var(--app-sidebar-accent);
}

.nav-item[b-6gvqhzq0by]  .nav-link:hover {
    color: var(--app-on-brand);
    background: var(--app-sidebar-hover);
    border-color: var(--app-sidebar-border);
}

.nav-footer[b-6gvqhzq0by] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    margin-top: auto;
    border-top: 1px solid var(--app-sidebar-border);
}

.user-profile[b-6gvqhzq0by] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.75rem;
    color: var(--app-sidebar-text);
    background: var(--app-sidebar-panel);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 0.9rem;
    text-decoration: none;
}

.user-profile:hover[b-6gvqhzq0by],
.user-profile:focus-visible[b-6gvqhzq0by] {
    color: var(--app-on-brand);
    background: var(--app-sidebar-hover);
    border-color: var(--app-sidebar-accent);
}

.profile-avatar[b-6gvqhzq0by] {
    display: inline-grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    color: var(--app-sidebar-accent);
    background: var(--app-sidebar-active);
    border-radius: 0.75rem;
}

.profile-avatar .bi[b-6gvqhzq0by] {
    width: 1.2rem;
    height: 1.2rem;
}

.profile-copy[b-6gvqhzq0by] {
    display: grid;
    min-width: 0;
    line-height: 1.15;
}

.profile-copy > small[b-6gvqhzq0by] {
    color: var(--app-sidebar-muted);
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.profile-copy > strong[b-6gvqhzq0by] {
    margin-top: 0.2rem;
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-list[b-6gvqhzq0by] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.45rem;
}

.role-chip[b-6gvqhzq0by] {
    padding: 0.18rem 0.4rem;
    color: var(--app-sidebar-accent);
    background: var(--app-sidebar-active);
    border-radius: 999px;
    font-size: 0.58rem;
    font-weight: 750;
}

.logout-form[b-6gvqhzq0by] {
    display: grid;
}

.logout-button[b-6gvqhzq0by],
.login-link[b-6gvqhzq0by] {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.75rem;
    color: var(--app-sidebar-muted);
    background: transparent;
    border: 1px solid var(--app-sidebar-border);
    border-radius: 0.8rem;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

.logout-button:hover[b-6gvqhzq0by],
.logout-button:focus-visible[b-6gvqhzq0by],
.login-link:hover[b-6gvqhzq0by],
.login-link:focus-visible[b-6gvqhzq0by] {
    color: var(--app-on-brand);
    background: var(--app-sidebar-hover);
    border-color: var(--app-sidebar-accent);
}

.bi[b-6gvqhzq0by] {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    margin-right: 0.7rem;
    background-color: currentColor;
    -webkit-mask: var(--nav-icon) center / contain no-repeat;
    mask: var(--nav-icon) center / contain no-repeat;
}

.profile-avatar .bi[b-6gvqhzq0by] {
    margin-right: 0;
}

.bi-house-door-fill-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Z'/%3E%3C/svg%3E");
}

.bi-tools-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 1.5 5.5 6 4 7.5-.5 3 1 1.5Zm5.7 5.2 2.6 2.6-1.6 1.6-2.6-2.6 1.6-1.6Zm3.4 1.4 3.4-3.4a3 3 0 0 0-3.8-3.8L7.4 3.2l2.4 2.4 2.3-2.3a1 1 0 0 1 .4 1.1l-3.8 3.8 1.4 1.4Zm-.8 2.6 2.5-2.5 3.7 3.7a2 2 0 0 1-2.8 2.8l-3.4-3.4Z'/%3E%3C/svg%3E");
}

.bi-box-seam-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 1.5 4.5v7L8 15l6.5-3.5v-7L8 1Zm0 1.1 4.9 2.6L8 7.35 3.1 4.7 8 2.1ZM2.5 5.55l5 2.7v5.45l-5-2.7V5.55Zm6 8.15V8.25l5-2.7V11l-5 2.7Z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H7Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM5.2 9.3C2.2 9.7 1 11.4 1 13c0 1 1 1 1 1h3.2a2 2 0 0 1-.2-1c0-1.4.6-2.7 1.7-3.7a6 6 0 0 0-1.5 0ZM4 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-6gvqhzq0by],
.bi-person-badge-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-images-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.502 1a1.5 1.5 0 0 0-1.415 1H2.5A2.5 2.5 0 0 0 0 4.5v7A2.5 2.5 0 0 0 2.5 14h9a2.5 2.5 0 0 0 2.5-2.5v-.587A1.5 1.5 0 0 0 15 9.5v-7A1.5 1.5 0 0 0 13.5 1h-9Zm0 1h9a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-.086l-2.223-2.223a1 1 0 0 0-1.414 0L7.5 10.057 5.223 7.78a1 1 0 0 0-1.414 0L1 10.586V4.5A1.5 1.5 0 0 1 2.5 3h.502v6.5A1.5 1.5 0 0 0 4.502 11H13v.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 1 11.5v-.086l3.516-3.516 2.277 2.277a1 1 0 0 0 1.414 0l2.279-2.279L13.59 11H4.502a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5ZM11.5 3.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-6gvqhzq0by] {
    --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.7l2.15 2.15a.5.5 0 0 1-.7.7l-3-3a.5.5 0 0 1 0-.7l3-3a.5.5 0 0 1 .7.7L3.7 7.5h5.8a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

@media (min-width: 641px) {
    .nav-toggle[b-6gvqhzq0by],
    .navbar-toggler[b-6gvqhzq0by] {
        display: none;
    }

    .nav-scrollable[b-6gvqhzq0by] {
        position: static;
        display: flex;
        height: calc(100vh - 5.5rem);
        visibility: visible;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .nav-backdrop[b-6gvqhzq0by],
    .nav-toggle:checked ~ .nav-backdrop[b-6gvqhzq0by] {
        display: none;
    }
}

@media (min-width: 641px) and (max-width: 74.999rem) {
    .top-row[b-6gvqhzq0by] {
        padding-right: 1rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7ilem4tgng],
.components-reconnect-repeated-attempt-visible[b-7ilem4tgng],
.components-reconnect-failed-visible[b-7ilem4tgng],
.components-pause-visible[b-7ilem4tgng],
.components-resume-failed-visible[b-7ilem4tgng],
.components-rejoining-animation[b-7ilem4tgng] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-retrying[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-failed[b-7ilem4tgng],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-7ilem4tgng] {
    display: block;
}


#components-reconnect-modal[b-7ilem4tgng] {
    width: min(20rem, calc(100vw - 2rem));
    margin: 20vh auto;
    padding: 2rem;
    color: var(--app-text);
    background-color: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-md);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-7ilem4tgng 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-7ilem4tgng 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-7ilem4tgng 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-7ilem4tgng]::backdrop {
    background-color: var(--app-overlay);
    animation: components-reconnect-modal-fadeInOpacity-b-7ilem4tgng 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-7ilem4tgng {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-7ilem4tgng {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-7ilem4tgng {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-7ilem4tgng] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-7ilem4tgng] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-7ilem4tgng] {
    border: 0;
    background-color: var(--app-brand-strong);
    color: var(--app-on-brand);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-7ilem4tgng] {
        background-color: var(--app-brand);
    }

    #components-reconnect-modal button:active[b-7ilem4tgng] {
        background-color: var(--app-brand-strong);
    }

.components-rejoining-animation[b-7ilem4tgng] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-7ilem4tgng] {
        position: absolute;
        border: 3px solid var(--app-brand);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-7ilem4tgng 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-7ilem4tgng] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-7ilem4tgng {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Attendance.razor.rz.scp.css */
.attendance-page[b-m98m7arvia] {
    display: grid;
    gap: 1rem;
    max-width: 64rem;
    margin: 0 auto;
}

.attendance-page > header[b-m98m7arvia],
.attendance-card[b-m98m7arvia] {
    padding: 1rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.attendance-page h1[b-m98m7arvia],
.attendance-page h2[b-m98m7arvia],
.attendance-page p[b-m98m7arvia] {
    margin: 0;
}

.attendance-page > header > p:last-child[b-m98m7arvia],
.attendance-card p[b-m98m7arvia],
.attendance-list span[b-m98m7arvia] {
    color: var(--app-text-muted);
}

.attendance-eyebrow[b-m98m7arvia] {
    color: var(--app-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.attendance-card--primary[b-m98m7arvia],
.attendance-heading[b-m98m7arvia],
.attendance-list li[b-m98m7arvia] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.attendance-card--primary .btn[b-m98m7arvia] {
    min-width: 10rem;
    min-height: 3rem;
    font-weight: 800;
}

.attendance-list[b-m98m7arvia] {
    display: grid;
    gap: 0;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.attendance-list li[b-m98m7arvia] {
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--app-border);
}

.attendance-list li:last-child[b-m98m7arvia] {
    border-bottom: 0;
}

@media (max-width: 35.999rem) {
    .attendance-card--primary .btn[b-m98m7arvia] {
        width: 100%;
    }
}
/* /Components/Pages/DeliveredJobs.razor.rz.scp.css */
.delivered-page[b-ocuoqy8r67] {
    display: grid;
    gap: 1rem;
    max-width: 96rem;
    margin: 0 auto;
}

.delivered-hero[b-ocuoqy8r67],
.delivered-filters[b-ocuoqy8r67],
.delivered-state[b-ocuoqy8r67],
.delivered-summary[b-ocuoqy8r67],
.delivered-table-wrap[b-ocuoqy8r67],
.delivered-cards > a[b-ocuoqy8r67] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.delivered-hero[b-ocuoqy8r67] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
}

.delivered-hero p[b-ocuoqy8r67] {
    margin: 0;
    color: var(--app-brand);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.delivered-hero h1[b-ocuoqy8r67] {
    margin: 0.15rem 0;
}

.delivered-hero span[b-ocuoqy8r67],
.delivered-summary span[b-ocuoqy8r67],
.delivered-cards p[b-ocuoqy8r67],
.delivered-cards dt[b-ocuoqy8r67] {
    color: var(--app-text-muted);
}

.delivered-filters[b-ocuoqy8r67] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.delivered-filters label[b-ocuoqy8r67] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    font-weight: 700;
}

.delivered-filters .btn[b-ocuoqy8r67] {
    min-height: 2.75rem;
    align-self: end;
}

.delivered-summary[b-ocuoqy8r67] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    padding: 0.8rem 1rem;
}

.delivered-state[b-ocuoqy8r67] {
    padding: 2rem 1rem;
    text-align: center;
}

.delivered-table-wrap[b-ocuoqy8r67] {
    display: none;
    overflow-x: auto;
}

.delivered-table[b-ocuoqy8r67] {
    min-width: 58rem;
    margin: 0;
    color: var(--app-text);
}

.delivered-table > :not(caption) > * > *[b-ocuoqy8r67] {
    padding: 0.85rem;
    color: inherit;
    background: transparent;
    border-color: var(--app-border);
}

.delivered-cards[b-ocuoqy8r67] {
    display: grid;
    gap: 0.75rem;
}

.delivered-cards > a[b-ocuoqy8r67] {
    display: grid;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 1rem;
    color: var(--app-text);
    text-decoration: none;
}

.delivered-cards > a:hover[b-ocuoqy8r67],
.delivered-cards > a:focus-visible[b-ocuoqy8r67] {
    border-color: var(--app-brand);
    box-shadow: var(--app-focus-ring);
}

.delivered-cards header[b-ocuoqy8r67] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
}

.delivered-cards header strong[b-ocuoqy8r67] {
    font-size: 1.35rem;
}

.delivered-cards p[b-ocuoqy8r67],
.delivered-cards dl[b-ocuoqy8r67] {
    margin: 0;
}

.delivered-cards dl[b-ocuoqy8r67] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.delivered-cards dd[b-ocuoqy8r67] {
    margin: 0;
    overflow-wrap: anywhere;
}

.delivered-open[b-ocuoqy8r67] {
    color: var(--app-brand);
    font-weight: 800;
}

@media (min-width: 48rem) {
    .delivered-filters[b-ocuoqy8r67] {
        grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(10rem, 1fr)) auto;
    }

    .delivered-table-wrap[b-ocuoqy8r67] {
        display: block;
    }

    .delivered-cards[b-ocuoqy8r67] {
        display: none;
    }
}

@media (max-width: 24.375rem) {
    .delivered-cards dl[b-ocuoqy8r67] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/DeliveryReceiving.razor.rz.scp.css */
.delivery-page[b-t57rr3mc3y] { color: var(--app-text); display: grid; gap: 1rem; padding-bottom: 3rem; }
.delivery-hero[b-t57rr3mc3y] { align-items: end; background: linear-gradient(135deg, var(--app-surface-raised), var(--app-surface)); border: 1px solid var(--app-border); border-radius: 1.2rem; display: flex; gap: 1rem; justify-content: space-between; padding: clamp(1rem, 4vw, 1.8rem); }
.delivery-hero p[b-t57rr3mc3y], .delivery-detail-header p[b-t57rr3mc3y] { color: var(--app-brand); font-size: .75rem; font-weight: 800; letter-spacing: .1em; margin: 0; text-transform: uppercase; }
.delivery-hero h1[b-t57rr3mc3y], .delivery-detail-header h2[b-t57rr3mc3y] { margin: .2rem 0; }
.delivery-hero span[b-t57rr3mc3y] { color: var(--app-text-muted); }
.delivery-upload[b-t57rr3mc3y] { display: grid; gap: .55rem; min-width: min(100%, 20rem); }
.delivery-upload .btn[b-t57rr3mc3y] { min-height: 44px; }
.delivery-layout[b-t57rr3mc3y] { display: grid; gap: 1rem; }
.delivery-documents[b-t57rr3mc3y], .delivery-detail[b-t57rr3mc3y] { background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1rem; box-shadow: var(--app-shadow-sm); display: grid; gap: .75rem; padding: .8rem; }
.delivery-documents[b-t57rr3mc3y] { align-content: start; }
.delivery-documents h2[b-t57rr3mc3y] { font-size: 1rem; margin: .25rem; }
.delivery-document[b-t57rr3mc3y] { background: var(--app-surface-muted); border: 1px solid var(--app-border); border-radius: .8rem; color: var(--app-text); display: grid; gap: .15rem; min-height: 44px; padding: .75rem; text-align: left; }
.delivery-document:hover[b-t57rr3mc3y], .delivery-document:focus-visible[b-t57rr3mc3y], .delivery-document.active[b-t57rr3mc3y] { border-color: var(--app-brand); }
.delivery-document span[b-t57rr3mc3y] { color: var(--app-brand-strong); font-size: .78rem; font-weight: 750; }
.delivery-document small[b-t57rr3mc3y], .delivery-empty[b-t57rr3mc3y], .delivery-line dt[b-t57rr3mc3y], .delivery-line small[b-t57rr3mc3y] { color: var(--app-text-muted); }
.delivery-detail-header[b-t57rr3mc3y] { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.delivery-line-form[b-t57rr3mc3y] { align-items: end; background: var(--app-surface-muted); border-radius: .9rem; display: grid; gap: .65rem; padding: .8rem; }
.delivery-line-form h3[b-t57rr3mc3y] { grid-column: 1 / -1; margin: 0; }
.delivery-line-form label[b-t57rr3mc3y] { display: grid; gap: .3rem; }
.delivery-line-form label > span[b-t57rr3mc3y] { color: var(--app-text-muted); font-size: .74rem; font-weight: 750; }
.delivery-line-form .btn[b-t57rr3mc3y] { min-height: 44px; }
.delivery-metadata[b-t57rr3mc3y] { align-items: end; background: var(--app-surface-muted); border: 1px solid var(--app-border); border-radius: .9rem; display: grid; gap: .65rem; padding: .8rem; }
.delivery-metadata h3[b-t57rr3mc3y] { grid-column: 1 / -1; margin: 0; }
.delivery-metadata label[b-t57rr3mc3y] { display: grid; gap: .3rem; }
.delivery-metadata label > span[b-t57rr3mc3y] { color: var(--app-text-muted); font-size: .74rem; font-weight: 750; }
.delivery-metadata .btn[b-t57rr3mc3y] { min-height: 44px; }
.delivery-lines[b-t57rr3mc3y], .delivery-proposals[b-t57rr3mc3y] { display: grid; gap: .75rem; }
.delivery-line[b-t57rr3mc3y] { border: 1px solid var(--app-border); border-radius: .9rem; display: grid; gap: .75rem; padding: .85rem; }
.delivery-line > header[b-t57rr3mc3y] { align-items: start; display: flex; gap: .75rem; justify-content: space-between; }
.delivery-line > header span[b-t57rr3mc3y] { color: var(--app-brand); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.delivery-line h3[b-t57rr3mc3y] { margin: .15rem 0 0; }
.delivery-line dl[b-t57rr3mc3y] { display: grid; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.delivery-line dl div[b-t57rr3mc3y] { display: grid; min-width: 0; }
.delivery-line dd[b-t57rr3mc3y] { margin: 0; overflow-wrap: anywhere; }
.delivery-edit-line[b-t57rr3mc3y] { background: var(--app-surface-muted); border-radius: .7rem; padding: .6rem; }
.delivery-edit-line summary[b-t57rr3mc3y] { cursor: pointer; font-weight: 700; min-height: 32px; }
.delivery-edit-line > div[b-t57rr3mc3y] { display: grid; gap: .5rem; margin-top: .6rem; }
.delivery-proposal[b-t57rr3mc3y] { align-items: center; background: var(--app-surface-muted); border: 1px solid var(--app-border); border-radius: .75rem; display: grid; gap: .65rem; padding: .7rem; }
.delivery-proposal.confirmed[b-t57rr3mc3y] { border-color: var(--app-success-border); }
.delivery-proposal.rejected[b-t57rr3mc3y] { opacity: .7; }
.delivery-proposal > div:first-child[b-t57rr3mc3y] { display: grid; gap: .15rem; }
.delivery-proposal span[b-t57rr3mc3y], .delivery-proposal small[b-t57rr3mc3y] { color: var(--app-text-muted); font-size: .78rem; }
.delivery-proposal-actions[b-t57rr3mc3y] { display: grid; gap: .45rem; grid-template-columns: 5rem 1fr 1fr; }
.delivery-proposal-actions .btn[b-t57rr3mc3y] { min-height: 44px; }
.delivery-partial[b-t57rr3mc3y] { color: var(--app-warning-text) !important; font-weight: 800; }
.delivery-result[b-t57rr3mc3y] { color: var(--app-success-text) !important; font-weight: 800; }
.delivery-control-queue[b-t57rr3mc3y] { background: var(--app-warning-soft); border: 1px solid var(--app-warning-border); border-radius: .75rem; display: grid; gap: .55rem; padding: .75rem; }
.delivery-state[b-t57rr3mc3y] { border: 1px dashed var(--app-border); border-radius: .9rem; color: var(--app-text-muted); padding: 2rem 1rem; text-align: center; }
@media (min-width: 64rem) { .delivery-layout[b-t57rr3mc3y] { grid-template-columns: 20rem minmax(0, 1fr); } .delivery-metadata[b-t57rr3mc3y] { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; } .delivery-line-form[b-t57rr3mc3y] { grid-template-columns: repeat(5, minmax(0, 1fr)) auto; } .delivery-edit-line > div[b-t57rr3mc3y] { grid-template-columns: repeat(5, minmax(0, 1fr)) auto; } .delivery-proposal[b-t57rr3mc3y] { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 47.99rem) { .delivery-hero[b-t57rr3mc3y], .delivery-detail-header[b-t57rr3mc3y] { align-items: stretch; flex-direction: column; } .delivery-line dl[b-t57rr3mc3y] { grid-template-columns: 1fr; } .delivery-proposal-actions[b-t57rr3mc3y] { grid-template-columns: 1fr; } }
/* /Components/Pages/Feedback.razor.rz.scp.css */
.feedback-page[b-n1s66m4ja6] {
    display: grid;
    max-width: 72rem;
    gap: 1rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.feedback-header[b-n1s66m4ja6],
.feedback-section-heading[b-n1s66m4ja6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.feedback-header p[b-n1s66m4ja6] {
    margin: 0;
    color: var(--app-brand);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.feedback-header h1[b-n1s66m4ja6],
.feedback-section-heading h2[b-n1s66m4ja6] {
    margin: .25rem 0;
    font-weight: 780;
}

.feedback-header span[b-n1s66m4ja6],
.feedback-empty[b-n1s66m4ja6] {
    color: var(--app-text-muted);
}

.feedback-panel[b-n1s66m4ja6] {
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.feedback-form-grid[b-n1s66m4ja6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.feedback-form-grid label[b-n1s66m4ja6] {
    display: grid;
    gap: .35rem;
}

.feedback-form-grid label > span[b-n1s66m4ja6] {
    color: var(--app-text-muted);
    font-size: .72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.feedback-field-wide[b-n1s66m4ja6] {
    grid-column: 1 / -1;
}

.feedback-submit[b-n1s66m4ja6] {
    min-height: 44px;
    margin-top: 1rem;
}

.feedback-list[b-n1s66m4ja6] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.feedback-list a[b-n1s66m4ja6] {
    display: grid;
    gap: .3rem;
    min-height: 44px;
    padding: .8rem;
    color: var(--app-text);
    text-decoration: none;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.feedback-list a:hover[b-n1s66m4ja6],
.feedback-list a:focus-visible[b-n1s66m4ja6] {
    border-color: var(--app-brand);
    outline: none;
}

.feedback-list small[b-n1s66m4ja6] {
    color: var(--app-text-muted);
}

.feedback-status[b-n1s66m4ja6] {
    width: fit-content;
    padding: .25rem .5rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 750;
}

@media (max-width: 47.999rem) {
    .feedback-header[b-n1s66m4ja6] {
        align-items: stretch;
        flex-direction: column;
    }

    .feedback-form-grid[b-n1s66m4ja6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .feedback-field-wide[b-n1s66m4ja6] {
        grid-column: auto;
    }

    .feedback-submit[b-n1s66m4ja6],
    .feedback-header .btn[b-n1s66m4ja6] {
        width: 100%;
    }
}
/* /Components/Pages/FeedbackAdmin.razor.rz.scp.css */
.feedback-admin-page[b-afkady00sg] {
    display: grid;
    max-width: 76rem;
    gap: 1rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.feedback-admin-page > header[b-afkady00sg],
.feedback-admin-filters[b-afkady00sg] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.feedback-admin-page header p[b-afkady00sg] {
    margin: 0;
    color: var(--app-brand);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.feedback-admin-page h1[b-afkady00sg] {
    margin: .25rem 0;
}

.feedback-admin-page header span[b-afkady00sg],
.feedback-admin-list small[b-afkady00sg] {
    color: var(--app-text-muted);
}

.feedback-admin-filters[b-afkady00sg],
.feedback-admin-list[b-afkady00sg],
.feedback-admin-state[b-afkady00sg] {
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.feedback-admin-filters label[b-afkady00sg] {
    display: grid;
    flex: 1;
    gap: .3rem;
}

.feedback-admin-filters label span[b-afkady00sg] {
    color: var(--app-text-muted);
    font-size: .72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.feedback-admin-list[b-afkady00sg] {
    display: grid;
    gap: .65rem;
}

.feedback-admin-list a[b-afkady00sg] {
    display: grid;
    gap: .35rem;
    min-height: 44px;
    padding: .8rem;
    color: var(--app-text);
    text-decoration: none;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.feedback-admin-list a:hover[b-afkady00sg],
.feedback-admin-list a:focus-visible[b-afkady00sg] {
    border-color: var(--app-brand);
    outline: none;
}

.feedback-admin-status[b-afkady00sg],
.feedback-admin-severity[b-afkady00sg] {
    display: inline-flex;
    padding: .25rem .5rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 750;
}

.feedback-admin-status[b-afkady00sg] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
}

.feedback-admin-severity[b-afkady00sg] {
    color: var(--app-warning-text);
    background: var(--app-warning-soft);
}

@media (max-width: 47.999rem) {
    .feedback-admin-page > header[b-afkady00sg],
    .feedback-admin-filters[b-afkady00sg] {
        align-items: stretch;
        flex-direction: column;
    }

    .feedback-admin-page .btn[b-afkady00sg] {
        min-height: 44px;
        width: 100%;
    }
}
/* /Components/Pages/FeedbackCase.razor.rz.scp.css */
.feedback-case-page[b-6jrdb22hs2] {
    display: grid;
    max-width: 70rem;
    gap: 1rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.feedback-case-page > nav a[b-6jrdb22hs2] {
    color: var(--app-brand-strong);
    font-weight: 700;
}

.feedback-case-hero[b-6jrdb22hs2],
.feedback-case-comments article header[b-6jrdb22hs2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.feedback-case-hero p[b-6jrdb22hs2] {
    margin: 0;
    color: var(--app-brand);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.feedback-case-hero h1[b-6jrdb22hs2] {
    margin: .25rem 0;
}

.feedback-case-hero > div > span[b-6jrdb22hs2],
.feedback-case-muted[b-6jrdb22hs2],
.feedback-case-comments small[b-6jrdb22hs2] {
    color: var(--app-text-muted);
}

.feedback-case-status[b-6jrdb22hs2] {
    padding: .4rem .7rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 999px;
    font-weight: 750;
}

.feedback-case-panel[b-6jrdb22hs2],
.feedback-case-state[b-6jrdb22hs2] {
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.feedback-case-panel h2[b-6jrdb22hs2],
.feedback-case-panel h3[b-6jrdb22hs2] {
    margin: 0 0 .7rem;
}

.feedback-case-panel h3[b-6jrdb22hs2] {
    margin-top: 1rem;
    font-size: 1rem;
}

.feedback-case-text[b-6jrdb22hs2] {
    white-space: pre-wrap;
}

.feedback-case-metadata[b-6jrdb22hs2],
.feedback-case-admin-grid[b-6jrdb22hs2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.feedback-case-metadata div[b-6jrdb22hs2] {
    padding: .7rem;
    background: var(--app-surface-muted);
    border-radius: .7rem;
}

.feedback-case-metadata dt[b-6jrdb22hs2],
.feedback-case-admin-grid span[b-6jrdb22hs2],
.feedback-case-comment-input span[b-6jrdb22hs2] {
    color: var(--app-text-muted);
    font-size: .7rem;
    font-weight: 750;
    text-transform: uppercase;
}

.feedback-case-metadata dd[b-6jrdb22hs2] {
    margin: .2rem 0 0;
}

.feedback-case-admin-grid label[b-6jrdb22hs2],
.feedback-case-comment-input[b-6jrdb22hs2] {
    display: grid;
    gap: .35rem;
}

.feedback-case-admin-grid[b-6jrdb22hs2],
.feedback-case-comment-input[b-6jrdb22hs2] {
    margin-bottom: .8rem;
}

.feedback-case-comments[b-6jrdb22hs2] {
    display: grid;
    gap: .6rem;
    margin-bottom: 1rem;
}

.feedback-case-comments article[b-6jrdb22hs2] {
    padding: .75rem;
    background: var(--app-surface-muted);
    border-radius: .7rem;
}

.feedback-case-comments p[b-6jrdb22hs2] {
    margin: .5rem 0 0;
    white-space: pre-wrap;
}

.feedback-case-attachments[b-6jrdb22hs2] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.feedback-case-attachments a[b-6jrdb22hs2],
.feedback-case-panel .btn[b-6jrdb22hs2] {
    min-height: 44px;
}

@media (max-width: 47.999rem) {
    .feedback-case-hero[b-6jrdb22hs2] {
        flex-direction: column;
    }

    .feedback-case-metadata[b-6jrdb22hs2],
    .feedback-case-admin-grid[b-6jrdb22hs2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .feedback-case-panel .btn[b-6jrdb22hs2] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-shell[b-ex9kg96yo8] {
    max-width: 94rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.dashboard-hero[b-ex9kg96yo8] {
    display: grid;
    gap: 1.1rem;
    padding: 1.1rem;
    margin-bottom: 1rem;
    overflow: hidden;
    color: var(--app-on-brand);
    background:
        radial-gradient(circle at top right, var(--app-hero-glow), transparent 34%),
        linear-gradient(135deg, var(--app-hero-start) 0%, var(--app-hero-end) 100%);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1.4rem;
    box-shadow: var(--app-shadow-md);
}

.dashboard-hero-main[b-ex9kg96yo8] {
    display: grid;
    gap: 0.9rem;
}

.dashboard-heading[b-ex9kg96yo8] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.dashboard-heading h1[b-ex9kg96yo8] {
    margin: 0;
    font-size: clamp(1.65rem, 6vw, 2.35rem);
    font-weight: 780;
    letter-spacing: -0.04em;
}

.dashboard-logo[b-ex9kg96yo8] {
    width: 3.7rem;
    height: 3.7rem;
    flex: 0 0 auto;
    padding: 0.45rem;
    object-fit: contain;
    background: var(--app-surface);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1.05rem;
    box-shadow: var(--app-logo-shadow);
}

.dashboard-brand-line[b-ex9kg96yo8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.dashboard-eyebrow[b-ex9kg96yo8],
.panel-kicker[b-ex9kg96yo8] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.dashboard-eyebrow[b-ex9kg96yo8],
.dashboard-intro[b-ex9kg96yo8] {
    color: var(--app-hero-text-muted);
}

.dashboard-intro[b-ex9kg96yo8] {
    max-width: 38rem;
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.operational-status[b-ex9kg96yo8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    color: var(--app-on-brand);
    background: var(--app-sidebar-panel);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 750;
}

.operational-status[b-ex9kg96yo8]::before {
    width: 0.45rem;
    height: 0.45rem;
    content: "";
    background: var(--app-success-text);
    border-radius: 50%;
    box-shadow: 0 0 0 0.2rem var(--app-success-soft);
}

.dashboard-context[b-ex9kg96yo8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
}

.dashboard-context-item[b-ex9kg96yo8] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.7rem;
    background: var(--app-sidebar-panel);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 0.9rem;
}

.dashboard-context-item > span:last-child[b-ex9kg96yo8] {
    display: grid;
    min-width: 0;
}

.dashboard-context-item small[b-ex9kg96yo8] {
    color: var(--app-hero-text-muted);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.dashboard-context-item strong[b-ex9kg96yo8] {
    overflow: hidden;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-icon[b-ex9kg96yo8],
.metric-icon[b-ex9kg96yo8],
.job-meta-icon[b-ex9kg96yo8] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
}

.context-icon[b-ex9kg96yo8] {
    width: 2rem;
    height: 2rem;
    color: var(--app-sidebar-accent);
    background: var(--app-sidebar-panel);
    border-radius: 0.65rem;
}

.context-icon svg[b-ex9kg96yo8],
.metric-icon svg[b-ex9kg96yo8],
.job-meta-icon svg[b-ex9kg96yo8] {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.dashboard-actions[b-ex9kg96yo8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    align-content: start;
}

.dashboard-date-navigation[b-ex9kg96yo8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.dashboard-date-navigation .btn[b-ex9kg96yo8] {
    min-height: 2.75rem;
    align-content: center;
    font-weight: 700;
}

.dashboard-action[b-ex9kg96yo8] {
    display: inline-flex;
    min-height: 2.85rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font-weight: 700;
}

.dashboard-action--primary[b-ex9kg96yo8] {
    color: var(--app-brand-strong);
    background: var(--app-surface);
    border-color: var(--app-surface);
}

.dashboard-action--primary:hover[b-ex9kg96yo8],
.dashboard-action--primary:focus-visible[b-ex9kg96yo8] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: var(--app-brand-soft);
}

.dashboard-action--secondary[b-ex9kg96yo8] {
    color: var(--app-on-brand);
    background: transparent;
    border-color: var(--app-sidebar-border);
}

.dashboard-action--secondary:hover[b-ex9kg96yo8],
.dashboard-action--secondary:focus-visible[b-ex9kg96yo8] {
    color: var(--app-brand-strong);
    background: var(--app-surface);
    border-color: var(--app-surface);
}

.dashboard-state[b-ex9kg96yo8] {
    display: grid;
    min-height: 16rem;
    justify-items: center;
    gap: 0.9rem;
    padding: 3rem 1.25rem;
    text-align: center;
    border-radius: 1rem;
}

.dashboard-state p[b-ex9kg96yo8] {
    margin: 0;
}

.dashboard-spinner[b-ex9kg96yo8] {
    color: var(--app-brand);
}

.metric-grid[b-ex9kg96yo8],
.dashboard-grid[b-ex9kg96yo8],
.dashboard-sidebar[b-ex9kg96yo8],
.job-list[b-ex9kg96yo8],
.status-list[b-ex9kg96yo8],
.attention-list[b-ex9kg96yo8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
}

.metric-grid[b-ex9kg96yo8] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.75rem), 1fr));
    gap: 0.65rem;
    margin-bottom: 1.5rem;
}

.metric-card[b-ex9kg96yo8],
.dashboard-panel[b-ex9kg96yo8] {
    min-width: 0;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.dashboard-priority-panel[b-ex9kg96yo8] {
    margin-bottom: 0.8rem;
    border-left: 0.25rem solid var(--app-warning-text);
    box-shadow: none;
}

.dashboard-followup-list[b-ex9kg96yo8] {
    display: grid;
    gap: 0.6rem;
}

.dashboard-followup-item[b-ex9kg96yo8] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 44px;
    padding: 0.65rem 0.75rem;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.8rem;
    text-decoration: none;
}

.dashboard-followup-item:hover[b-ex9kg96yo8],
.dashboard-followup-item:focus-visible[b-ex9kg96yo8] {
    color: var(--app-text);
    border-color: var(--app-brand);
}

.dashboard-followup-item > span:first-child[b-ex9kg96yo8] {
    display: grid;
    min-width: 0;
}

.dashboard-followup-item small[b-ex9kg96yo8] {
    overflow: hidden;
    color: var(--app-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-card[b-ex9kg96yo8] {
    position: relative;
    display: grid;
    min-height: 7.6rem;
    align-content: start;
    gap: 0.15rem;
    padding: 0.8rem 0.85rem;
    overflow: hidden;
    color: var(--app-text);
    text-decoration: none;
}

.metric-card:hover[b-ex9kg96yo8],
.metric-card:focus-visible[b-ex9kg96yo8],
.job-card:hover[b-ex9kg96yo8],
.job-card:focus-visible[b-ex9kg96yo8] {
    color: var(--app-text);
    border-color: var(--app-brand);
    box-shadow: var(--app-shadow-md);
    outline: none;
}

.metric-card[b-ex9kg96yo8]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.3rem;
    content: "";
    background: var(--app-text-muted);
}

.metric-card--primary[b-ex9kg96yo8]::before { background: var(--app-brand); }
.metric-card--success[b-ex9kg96yo8]::before { background: var(--app-success-text); }
.metric-card--danger[b-ex9kg96yo8]::before { background: var(--app-danger-text); }
.metric-card--warning[b-ex9kg96yo8]::before { background: var(--app-warning-text); }

.metric-card-top[b-ex9kg96yo8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.15rem;
}

.metric-icon[b-ex9kg96yo8] {
    width: 2rem;
    height: 2rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 28%, transparent);
    border-radius: 0.6rem;
}

.metric-card--danger .metric-icon[b-ex9kg96yo8] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.metric-card--success .metric-icon[b-ex9kg96yo8] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.metric-card--warning .metric-icon[b-ex9kg96yo8] {
    color: var(--app-warning-text);
    background: var(--app-warning-soft);
    border-color: var(--app-warning-border);
}

.metric-card--neutral .metric-icon[b-ex9kg96yo8] {
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border-color: var(--app-border);
}

.metric-period[b-ex9kg96yo8] {
    color: var(--app-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.metric-label[b-ex9kg96yo8],
.metric-caption[b-ex9kg96yo8] {
    color: var(--app-text-muted);
}

.metric-label[b-ex9kg96yo8] {
    font-size: 0.85rem;
    font-weight: 700;
}

.metric-value[b-ex9kg96yo8] {
    margin-top: 0.1rem;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.05em;
}

.metric-caption[b-ex9kg96yo8] {
    align-self: end;
    margin-top: auto;
    font-size: 0.72rem;
}

.pkk-dashboard-slots[b-ex9kg96yo8] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.15rem;
}

.pkk-dashboard-slot[b-ex9kg96yo8],
.pkk-dashboard-dropin[b-ex9kg96yo8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.78rem;
}

.pkk-dashboard-slot > span[b-ex9kg96yo8],
.pkk-dashboard-dropin > span[b-ex9kg96yo8] {
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
    font-weight: 750;
}

.pkk-dashboard-slot .is-available[b-ex9kg96yo8] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
}

.pkk-dashboard-slot .is-occupied[b-ex9kg96yo8] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
}

.pkk-dashboard-dropin > span[b-ex9kg96yo8] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
}

.dashboard-grid[b-ex9kg96yo8],
.dashboard-sidebar[b-ex9kg96yo8] {
    gap: 1rem;
}

.dashboard-panel[b-ex9kg96yo8] {
    padding: 1rem;
}

.panel-heading[b-ex9kg96yo8],
.job-card-heading[b-ex9kg96yo8],
.status-row > div[b-ex9kg96yo8],
.attention-heading[b-ex9kg96yo8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

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

.panel-heading h2[b-ex9kg96yo8] {
    margin: 0.25rem 0 0;
    font-size: 1.25rem;
    font-weight: 760;
    letter-spacing: -0.025em;
}

.panel-kicker[b-ex9kg96yo8] {
    color: var(--app-brand);
}

.count-badge[b-ex9kg96yo8] {
    display: inline-flex;
    min-width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 28%, transparent);
    border-radius: 0.7rem;
    font-weight: 800;
}

.job-card[b-ex9kg96yo8] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    background: var(--app-surface-raised);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: 0 0.25rem 0.8rem color-mix(in srgb, var(--app-text) 5%, transparent);
    color: var(--app-text);
    text-decoration: none;
}

.job-card--urgent[b-ex9kg96yo8] {
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.job-registration[b-ex9kg96yo8],
.job-customer[b-ex9kg96yo8],
.job-description[b-ex9kg96yo8] {
    margin: 0;
}

.job-registration[b-ex9kg96yo8] {
    display: inline-flex;
    width: fit-content;
    padding: 0.38rem 0.65rem;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 2px solid var(--app-border);
    border-radius: 0.45rem;
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    line-height: 1;
}

.job-customer[b-ex9kg96yo8] {
    margin-top: 0.45rem;
    color: var(--app-text);
    font-size: 0.92rem;
    font-weight: 700;
}

.job-description[b-ex9kg96yo8] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--app-text);
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.job-meta[b-ex9kg96yo8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--app-surface-muted);
    border-radius: 0.75rem;
}

.job-meta-item[b-ex9kg96yo8] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.55rem;
}

.job-meta-item > span:last-child[b-ex9kg96yo8] {
    display: grid;
    min-width: 0;
}

.job-meta-icon[b-ex9kg96yo8] {
    width: 1.8rem;
    height: 1.8rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 0.55rem;
}

.job-meta small[b-ex9kg96yo8],
.attention-copy small[b-ex9kg96yo8] {
    color: var(--app-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.job-meta strong[b-ex9kg96yo8] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-flags[b-ex9kg96yo8],
.attention-reasons[b-ex9kg96yo8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.job-details-link[b-ex9kg96yo8] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.8rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 28%, transparent);
    border-radius: 0.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: none;
}

.job-details-link:hover[b-ex9kg96yo8],
.job-details-link:focus-visible[b-ex9kg96yo8] {
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border-color: var(--app-brand-strong);
}

.dashboard-badge[b-ex9kg96yo8] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.34rem 0.62rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1;
}

.dashboard-badge--primary[b-ex9kg96yo8],
.dashboard-badge--info[b-ex9kg96yo8] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: color-mix(in srgb, var(--app-brand) 35%, transparent);
}

.dashboard-badge--neutral[b-ex9kg96yo8] {
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border-color: var(--app-border);
}

.dashboard-badge--success[b-ex9kg96yo8] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.dashboard-badge--warning[b-ex9kg96yo8] {
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-color: var(--app-warning-border);
}

.dashboard-badge--danger[b-ex9kg96yo8] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.dashboard-muted[b-ex9kg96yo8] {
    color: var(--app-text-muted);
}

.status-row[b-ex9kg96yo8] {
    display: grid;
    gap: 0.5rem;
    padding: 0.65rem 0;
    color: var(--app-text);
    border-bottom: 1px solid var(--app-border);
    font-size: 0.88rem;
}

.status-row:last-child[b-ex9kg96yo8] {
    padding-bottom: 0;
    border-bottom: 0;
}

.status-value[b-ex9kg96yo8] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
}

.status-value strong[b-ex9kg96yo8] {
    font-size: 1rem;
}

.status-value small[b-ex9kg96yo8] {
    color: var(--app-text-muted);
    font-size: 0.68rem;
}

.status-row progress[b-ex9kg96yo8] {
    width: 100%;
    height: 0.65rem;
    overflow: hidden;
    accent-color: var(--app-brand);
    border: 0;
    border-radius: 999px;
}

.status-row progress[b-ex9kg96yo8]::-webkit-progress-bar {
    background: var(--app-surface-muted);
    border-radius: 999px;
}

.status-row progress[b-ex9kg96yo8]::-webkit-progress-value {
    background: linear-gradient(90deg, var(--app-brand-strong), var(--app-brand));
    border-radius: 999px;
}

.status-row progress[b-ex9kg96yo8]::-moz-progress-bar {
    background: linear-gradient(90deg, var(--app-brand-strong), var(--app-brand));
    border-radius: 999px;
}

.attention-item[b-ex9kg96yo8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9rem;
    background: var(--app-warning-soft);
    border: 1px solid var(--app-warning-border);
    border-radius: 0.85rem;
}

.attention-item--urgent[b-ex9kg96yo8] {
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.attention-icon[b-ex9kg96yo8] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-radius: 0.65rem;
    font-weight: 850;
}

.attention-item--urgent .attention-icon[b-ex9kg96yo8] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border: 1px solid var(--app-danger-border);
}

.attention-copy[b-ex9kg96yo8] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.attention-copy p[b-ex9kg96yo8],
.attention-copy small[b-ex9kg96yo8] {
    margin: 0;
}

.attention-copy p[b-ex9kg96yo8] {
    color: var(--app-text);
    font-size: 0.85rem;
    font-weight: 650;
}

.priority-chip[b-ex9kg96yo8] {
    padding: 0.2rem 0.45rem;
    color: var(--app-neutral-text) !important;
    background: var(--app-neutral-pill);
    border: 1px solid var(--app-border);
    border-radius: 999px;
    font-size: 0.65rem !important;
    font-weight: 750;
}

.attention-reasons span[b-ex9kg96yo8] {
    padding: 0.2rem 0.5rem;
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
}

.attention-details-link[b-ex9kg96yo8] {
    width: fit-content;
    margin-top: 0.15rem;
    color: var(--app-brand-strong);
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.attention-details-link:hover[b-ex9kg96yo8],
.attention-details-link:focus-visible[b-ex9kg96yo8] {
    text-decoration: underline;
}

.attention-item--urgent .attention-reasons span[b-ex9kg96yo8] {
    color: var(--app-danger-text);
    background: color-mix(in srgb, var(--app-danger-soft) 70%, var(--app-surface));
    border: 1px solid var(--app-danger-border);
}

.attention-clear[b-ex9kg96yo8],
.empty-state[b-ex9kg96yo8] {
    padding: 1.5rem;
    color: var(--app-text-muted);
    text-align: center;
    background: var(--app-surface-muted);
    border-radius: 0.8rem;
}

.empty-state h3[b-ex9kg96yo8] {
    margin: 0 0 0.35rem;
    color: var(--app-text);
    font-size: 1.05rem;
}

.empty-state p[b-ex9kg96yo8] {
    margin: 0;
}

@media (min-width: 30rem) {
    .metric-grid[b-ex9kg96yo8],
    .dashboard-context[b-ex9kg96yo8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 48rem) {
    .dashboard-hero[b-ex9kg96yo8] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        padding: 1.25rem;
    }

    .dashboard-actions[b-ex9kg96yo8] {
        grid-template-columns: repeat(2, auto);
        justify-content: end;
    }

    .dashboard-panel[b-ex9kg96yo8] {
        padding: 1.35rem;
    }

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

@media (min-width: 48rem) and (max-width: 74.999rem) {
    .dashboard-hero[b-ex9kg96yo8] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .dashboard-heading[b-ex9kg96yo8],
    .dashboard-heading > div[b-ex9kg96yo8] {
        min-width: 0;
    }

    .dashboard-actions[b-ex9kg96yo8] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr));
        justify-content: stretch;
    }
}

@media (min-width: 75rem) {
    .metric-grid[b-ex9kg96yo8] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .dashboard-grid[b-ex9kg96yo8] {
        grid-template-columns: minmax(0, 2fr) minmax(19rem, 0.85fr);
        align-items: start;
    }
}

@media (max-width: 29.999rem) {
    .dashboard-date-navigation[b-ex9kg96yo8] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-heading[b-ex9kg96yo8] {
        display: grid;
        gap: 0.65rem;
    }

    .dashboard-logo[b-ex9kg96yo8] {
        width: 3.25rem;
        height: 3.25rem;
    }

    .dashboard-hero[b-ex9kg96yo8] {
        border-radius: 1rem;
    }

    .metric-card[b-ex9kg96yo8] {
        min-height: 6.9rem;
        padding: 0.7rem 0.75rem;
    }

    .metric-label[b-ex9kg96yo8] {
        font-size: 0.78rem;
    }

    .metric-value[b-ex9kg96yo8] {
        font-size: 1.7rem;
    }

    .dashboard-followup-item[b-ex9kg96yo8] {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .job-meta[b-ex9kg96yo8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .metric-card[b-ex9kg96yo8],
    .job-card[b-ex9kg96yo8] {
        transition: transform 160ms ease, box-shadow 160ms ease;
    }

    .metric-card:hover[b-ex9kg96yo8],
    .job-card:hover[b-ex9kg96yo8] {
        transform: translateY(-1px);
        box-shadow: var(--app-shadow-md);
    }
}
/* /Components/Pages/Inventory.razor.rz.scp.css */
.inventory-page[b-79e54lxcix],.inventory-panel[b-79e54lxcix],.inventory-editor[b-79e54lxcix],.inventory-list[b-79e54lxcix],.inventory-history[b-79e54lxcix]{display:grid;gap:1rem}.inventory-page[b-79e54lxcix]{max-width:84rem;margin:0 auto}.inventory-header[b-79e54lxcix],.inventory-section-heading[b-79e54lxcix],.inventory-card header[b-79e54lxcix],.inventory-card-actions[b-79e54lxcix]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.inventory-header[b-79e54lxcix],.inventory-panel[b-79e54lxcix],.inventory-card[b-79e54lxcix],.inventory-state[b-79e54lxcix]{padding:1rem;background:var(--app-surface);border:1px solid var(--app-border);border-radius:1rem;box-shadow:var(--app-shadow-sm)}.inventory-header p[b-79e54lxcix],.inventory-section-heading p[b-79e54lxcix]{margin:0;color:var(--app-brand);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.inventory-header h1[b-79e54lxcix],.inventory-section-heading h2[b-79e54lxcix],.inventory-card h2[b-79e54lxcix]{margin:.15rem 0}.inventory-form-grid[b-79e54lxcix],.inventory-filters[b-79e54lxcix],.inventory-action-grid[b-79e54lxcix]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem}.inventory-form-grid label[b-79e54lxcix],.inventory-filters label[b-79e54lxcix],.inventory-action-grid label[b-79e54lxcix]{display:grid;gap:.3rem;font-weight:700}.inventory-wide[b-79e54lxcix]{grid-column:1/-1}.inventory-save[b-79e54lxcix]{justify-self:start}.inventory-action-grid>div[b-79e54lxcix]{display:grid;align-content:start;gap:.6rem;padding:.75rem;background:var(--app-surface-muted);border-radius:.75rem}.inventory-list[b-79e54lxcix]{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.inventory-card[b-79e54lxcix]{align-content:start}.inventory-card--warning[b-79e54lxcix]{border-left:.3rem solid var(--app-warning-text)}.inventory-card--danger[b-79e54lxcix]{border-left:.3rem solid var(--app-danger-text)}.inventory-status[b-79e54lxcix]{padding:.3rem .55rem;background:var(--app-brand-soft);border-radius:999px;font-size:.78rem;font-weight:800}.inventory-image[b-79e54lxcix]{width:100%;height:11rem;object-fit:cover;border-radius:.7rem}.inventory-card dl[b-79e54lxcix]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.inventory-card dl div[b-79e54lxcix]{padding:.55rem;background:var(--app-surface-muted);border-radius:.55rem}.inventory-card dt[b-79e54lxcix]{color:var(--app-text-muted);font-size:.7rem}.inventory-card dd[b-79e54lxcix]{margin:0;font-weight:750}.inventory-history>div[b-79e54lxcix]{display:grid;gap:.15rem;padding:.55rem;border-bottom:1px solid var(--app-border)}.inventory-state[b-79e54lxcix]{text-align:center;color:var(--app-text-muted)}@media(max-width:36rem){.inventory-header[b-79e54lxcix],.inventory-section-heading[b-79e54lxcix]{align-items:flex-start;flex-direction:column}.inventory-card-actions .btn[b-79e54lxcix]{flex:1 1 8rem}}
/* /Components/Pages/InventoryPurchases.razor.rz.scp.css */
.purchase-page[b-a0du7wmy7m],.purchase-list[b-a0du7wmy7m]{display:grid;gap:1rem}.purchase-page[b-a0du7wmy7m]{max-width:70rem;margin:0 auto}.purchase-page>header[b-a0du7wmy7m],.purchase-controls[b-a0du7wmy7m],.purchase-list article[b-a0du7wmy7m],.purchase-state[b-a0du7wmy7m]{padding:1rem;background:var(--app-surface);border:1px solid var(--app-border);border-radius:1rem}.purchase-page>header[b-a0du7wmy7m],.purchase-list article>header[b-a0du7wmy7m],.purchase-actions[b-a0du7wmy7m],.purchase-controls[b-a0du7wmy7m]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem}.purchase-page>header p[b-a0du7wmy7m]{margin:0;color:var(--app-brand);font-weight:800;text-transform:uppercase}.purchase-page h1[b-a0du7wmy7m],.purchase-list h2[b-a0du7wmy7m]{margin:.15rem 0}.purchase-controls label[b-a0du7wmy7m]{display:grid;gap:.3rem}.purchase-list article[b-a0du7wmy7m]{display:grid;gap:.7rem}.purchase-list article p[b-a0du7wmy7m]{margin:0}.purchase-actions input[b-a0du7wmy7m]{width:8rem}.purchase-state[b-a0du7wmy7m]{text-align:center;color:var(--app-text-muted)}
/* /Components/Pages/LiveStatus.razor.rz.scp.css */
.live-status-page[b-mrcvepkk9s] {
    display: grid;
    gap: 1.25rem;
}

.live-status-header[b-mrcvepkk9s],
.live-status-line[b-mrcvepkk9s],
.live-status-meta[b-mrcvepkk9s] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.live-status-header > div > p[b-mrcvepkk9s] {
    color: var(--app-brand);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0;
    text-transform: uppercase;
}

.live-status-header h1[b-mrcvepkk9s],
.live-status-feed[b-mrcvepkk9s],
.live-status-feed p[b-mrcvepkk9s] {
    margin: 0;
}

.live-status-updated[b-mrcvepkk9s] {
    color: var(--app-text-muted);
    margin: 0;
}

.live-status-feed[b-mrcvepkk9s] {
    display: grid;
    gap: .85rem;
    list-style: none;
    padding: 0;
}

.live-status-feed li[b-mrcvepkk9s] {
    display: grid;
    gap: .75rem;
    grid-template-columns: .65rem minmax(0, 1fr);
}

.live-status-marker[b-mrcvepkk9s] {
    background: var(--app-brand);
    border-radius: 999px;
    box-shadow: 0 0 0 .3rem var(--app-brand-soft);
    height: .65rem;
    margin-top: 1.25rem;
    width: .65rem;
}

.live-status-feed article[b-mrcvepkk9s],
.live-status-state[b-mrcvepkk9s] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.live-status-chip[b-mrcvepkk9s] {
    background: var(--app-brand-soft);
    border-radius: 999px;
    color: var(--app-brand-strong);
    font-size: .78rem;
    font-weight: 800;
    padding: .35rem .7rem;
}

.live-status-meta[b-mrcvepkk9s] {
    color: var(--app-text-muted);
    flex-wrap: wrap;
    font-size: .82rem;
    justify-content: flex-start;
}

@media (max-width: 767.98px) {
    .live-status-header[b-mrcvepkk9s] {
        align-items: stretch;
        flex-direction: column;
    }

    .live-status-header .btn[b-mrcvepkk9s] {
        min-height: 44px;
        width: 100%;
    }
}
/* /Components/Pages/ManagementDashboard.razor.rz.scp.css */
.management-page[b-0dw2zvryfx],
.management-focus[b-0dw2zvryfx],
.management-groups[b-0dw2zvryfx],
.management-group[b-0dw2zvryfx],
.management-list[b-0dw2zvryfx],
.management-calendar[b-0dw2zvryfx],
.management-calendar-list[b-0dw2zvryfx],
.management-dialog[b-0dw2zvryfx],
.management-task[b-0dw2zvryfx] {
    display: grid;
    gap: 1rem;
}

.management-hero[b-0dw2zvryfx],
.management-section-heading[b-0dw2zvryfx],
.management-task header[b-0dw2zvryfx],
.management-task-actions[b-0dw2zvryfx],
.management-comment[b-0dw2zvryfx],
.management-calendar-list article[b-0dw2zvryfx],
.management-dialog-actions[b-0dw2zvryfx] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.management-hero[b-0dw2zvryfx],
.management-section-heading[b-0dw2zvryfx],
.management-task header[b-0dw2zvryfx],
.management-calendar-list article[b-0dw2zvryfx] {
    justify-content: space-between;
}

.management-hero h1[b-0dw2zvryfx],
.management-hero p[b-0dw2zvryfx],
.management-section-heading h2[b-0dw2zvryfx],
.management-task h3[b-0dw2zvryfx],
.management-task p[b-0dw2zvryfx],
.management-dialog h2[b-0dw2zvryfx],
.management-dialog p[b-0dw2zvryfx] {
    margin: 0;
}

.management-eyebrow[b-0dw2zvryfx] {
    margin: 0;
    color: var(--app-brand);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.management-focus[b-0dw2zvryfx],
.management-group[b-0dw2zvryfx],
.management-calendar[b-0dw2zvryfx],
.management-state[b-0dw2zvryfx] {
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.management-focus-grid[b-0dw2zvryfx],
.management-groups[b-0dw2zvryfx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    gap: 1rem;
}

.management-task[b-0dw2zvryfx] {
    padding: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .85rem;
}

.management-task--focus[b-0dw2zvryfx] {
    background: var(--app-surface-raised);
    box-shadow: var(--app-shadow-sm);
}

.management-task--urgent[b-0dw2zvryfx] {
    border-color: var(--app-danger-border);
}

.management-task header span[b-0dw2zvryfx],
.management-task dl dt[b-0dw2zvryfx],
.management-calendar-list span[b-0dw2zvryfx],
.management-empty[b-0dw2zvryfx] {
    color: var(--app-text-muted);
    font-size: .8rem;
}

.management-task header strong[b-0dw2zvryfx] {
    padding: .3rem .6rem;
    color: var(--app-warning-text);
    background: var(--app-warning-soft);
    border-radius: 999px;
    font-size: .75rem;
}

.management-task dl[b-0dw2zvryfx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
}

.management-task dl dd[b-0dw2zvryfx] {
    margin: .15rem 0 0;
}

.management-task-actions[b-0dw2zvryfx] {
    flex-wrap: wrap;
}

.management-task-actions .form-select[b-0dw2zvryfx] {
    width: auto;
    min-width: 10rem;
}

.management-comment .form-control[b-0dw2zvryfx] {
    min-width: 0;
}

.management-calendar-list article[b-0dw2zvryfx] {
    padding: .8rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.management-calendar-list article > div[b-0dw2zvryfx] {
    display: grid;
}

.management-dialog-backdrop[b-0dw2zvryfx] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: var(--app-overlay);
}

.management-dialog[b-0dw2zvryfx] {
    width: min(100%, 38rem);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding: 1.25rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-md);
}

.management-dialog label[b-0dw2zvryfx] {
    display: grid;
    gap: .3rem;
}

.management-dialog label > span[b-0dw2zvryfx] {
    color: var(--app-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.management-form-grid[b-0dw2zvryfx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.management-dialog-actions[b-0dw2zvryfx] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.management-page .btn[b-0dw2zvryfx],
.management-page .form-control[b-0dw2zvryfx],
.management-page .form-select[b-0dw2zvryfx],
.management-dialog .btn[b-0dw2zvryfx],
.management-dialog .form-control[b-0dw2zvryfx],
.management-dialog .form-select[b-0dw2zvryfx] {
    min-height: 44px;
}

@media (max-width: 767.98px) {
    .management-hero[b-0dw2zvryfx],
    .management-task-actions[b-0dw2zvryfx],
    .management-comment[b-0dw2zvryfx],
    .management-calendar-list article[b-0dw2zvryfx],
    .management-dialog-actions[b-0dw2zvryfx] {
        align-items: stretch;
        flex-direction: column;
    }

    .management-form-grid[b-0dw2zvryfx],
    .management-task dl[b-0dw2zvryfx] {
        grid-template-columns: 1fr;
    }

    .management-task-actions > *[b-0dw2zvryfx],
    .management-comment > *[b-0dw2zvryfx],
    .management-calendar-list .btn[b-0dw2zvryfx],
    .management-dialog-actions > *[b-0dw2zvryfx] {
        width: 100%;
    }
}
/* /Components/Pages/MechanicJobs.razor.rz.scp.css */
.mechanic-page[b-lre97rhnpq] {
    max-width: 94rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.mechanic-hero[b-lre97rhnpq] {
    display: grid;
    gap: 1.15rem;
    padding: 1.25rem;
    color: var(--app-on-brand);
    background:
        radial-gradient(circle at top right, var(--app-hero-glow), transparent 36%),
        linear-gradient(135deg, var(--app-hero-start), var(--app-hero-end));
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1.3rem;
    box-shadow: var(--app-shadow-md);
}

.mechanic-hero h1[b-lre97rhnpq],
.mechanic-hero p[b-lre97rhnpq] {
    margin: 0;
}

.mechanic-hero h1[b-lre97rhnpq] {
    font-size: clamp(2rem, 9vw, 3.2rem);
    font-weight: 820;
    letter-spacing: -0.045em;
}

.mechanic-hero > div > p:last-child[b-lre97rhnpq] {
    max-width: 39rem;
    margin-top: 0.55rem;
    color: var(--app-hero-text-muted);
}

.mechanic-eyebrow[b-lre97rhnpq] {
    margin: 0 0 0.3rem;
    color: var(--app-brand);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mechanic-hero .mechanic-eyebrow[b-lre97rhnpq] {
    color: var(--app-hero-text-muted);
}

.mechanic-dashboard-link[b-lre97rhnpq] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    color: var(--app-on-brand);
    border: 1px solid var(--app-sidebar-border);
    font-weight: 750;
}

.mechanic-dashboard-link:hover[b-lre97rhnpq],
.mechanic-dashboard-link:focus-visible[b-lre97rhnpq] {
    color: var(--app-brand-strong);
    background: var(--app-surface);
    border-color: var(--app-surface);
}

.mechanic-scope-note[b-lre97rhnpq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.85rem;
    margin: 1rem 0;
    color: var(--app-info-text);
    background: var(--app-info-soft);
    border: 1px solid var(--app-info-border);
    border-radius: 0.9rem;
}

.mechanic-scope-note p[b-lre97rhnpq] {
    margin: 0.2rem 0 0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.mechanic-scope-icon[b-lre97rhnpq] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: var(--app-surface);
    border-radius: 0.65rem;
    font-weight: 850;
}

.mechanic-controls[b-lre97rhnpq] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.mechanic-controls-heading[b-lre97rhnpq] {
    display: grid;
    gap: 0.8rem;
}

.mechanic-controls-heading h2[b-lre97rhnpq],
.mechanic-controls-heading p[b-lre97rhnpq] {
    margin: 0;
}

.mechanic-controls-heading h2[b-lre97rhnpq] {
    font-size: 1.2rem;
    font-weight: 780;
    letter-spacing: -0.025em;
}

.mechanic-updated-time[b-lre97rhnpq] {
    margin-top: 0.3rem !important;
    color: var(--app-text-muted);
    font-size: 0.72rem;
}

.mechanic-updated-time time[b-lre97rhnpq] {
    color: var(--app-text);
    font-weight: 750;
}

.mechanic-refresh-button[b-lre97rhnpq],
.mechanic-clear-button[b-lre97rhnpq] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    font-weight: 750;
}

.mechanic-refresh-button > span[b-lre97rhnpq] {
    font-size: 1.15rem;
    line-height: 1;
}

.mechanic-filter-grid[b-lre97rhnpq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
}

.mechanic-filter-grid label[b-lre97rhnpq] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--app-text-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mechanic-filter-grid .form-control[b-lre97rhnpq],
.mechanic-filter-grid .form-select[b-lre97rhnpq] {
    min-height: 2.9rem;
    border-radius: 0.75rem;
}

.mechanic-filter-options[b-lre97rhnpq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
}

.mechanic-filter-check[b-lre97rhnpq] {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    cursor: pointer;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.mechanic-filter-check:has(input:checked)[b-lre97rhnpq] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: color-mix(in srgb, var(--app-brand) 35%, transparent);
}

.mechanic-filter-check .form-check-input[b-lre97rhnpq] {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    margin: 0;
}

.mechanic-refresh-error[b-lre97rhnpq] {
    margin: 1rem 0;
    border-radius: 0.9rem;
}

.mechanic-state[b-lre97rhnpq] {
    display: grid;
    min-height: 15rem;
    place-items: center;
    align-content: center;
    gap: 0.8rem;
    padding: 2rem 1rem;
    text-align: center;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
}

.mechanic-state h2[b-lre97rhnpq],
.mechanic-state p[b-lre97rhnpq] {
    margin: 0;
}

.mechanic-state > div:not(.spinner-border)[b-lre97rhnpq] {
    display: grid;
    gap: 0.25rem;
}

.mechanic-state h2[b-lre97rhnpq] {
    font-size: 1.25rem;
}

.mechanic-state .spinner-border[b-lre97rhnpq] {
    color: var(--app-brand);
}

.mechanic-state--empty[b-lre97rhnpq] {
    color: var(--app-text-muted);
    background: var(--app-surface-muted);
    border-style: dashed;
}

.mechanic-list-heading[b-lre97rhnpq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.25rem 0 0.8rem;
}

.mechanic-list-heading h2[b-lre97rhnpq] {
    margin: 0;
    font-size: clamp(1.35rem, 6vw, 1.8rem);
    font-weight: 780;
    letter-spacing: -0.035em;
}

.mechanic-list-heading > span[b-lre97rhnpq] {
    display: grid;
    min-width: 3.6rem;
    min-height: 2.5rem;
    place-items: center;
    padding: 0.35rem 0.55rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 0.75rem;
    font-weight: 850;
}

.mechanic-list-heading > span small[b-lre97rhnpq] {
    color: var(--app-text-muted);
    font-size: 0.55rem;
    font-weight: 750;
}

.mechanic-job-grid[b-lre97rhnpq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
}

.mechanic-previous[b-lre97rhnpq] {
    display: grid;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--app-border);
}

.mechanic-job-card[b-lre97rhnpq] {
    display: grid;
    min-width: 0;
    gap: 0.9rem;
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    color: var(--app-text);
    text-decoration: none;
}

.mechanic-job-card:hover[b-lre97rhnpq],
.mechanic-job-card:focus-visible[b-lre97rhnpq] {
    color: var(--app-text);
    border-color: var(--app-brand);
    box-shadow: var(--app-shadow-md);
    outline: none;
}

.mechanic-job-card--urgent[b-lre97rhnpq] {
    background:
        linear-gradient(135deg, var(--app-danger-soft), transparent 48%),
        var(--app-surface);
    border-color: var(--app-danger-border);
}

.mechanic-job-header[b-lre97rhnpq],
.mechanic-status-line[b-lre97rhnpq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.mechanic-registration[b-lre97rhnpq],
.mechanic-customer[b-lre97rhnpq],
.mechanic-description[b-lre97rhnpq] {
    margin: 0;
}

.mechanic-registration[b-lre97rhnpq] {
    display: inline-flex;
    width: fit-content;
    padding: 0.42rem 0.65rem;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 2px solid var(--app-border);
    border-radius: 0.45rem;
    font-size: 1.1rem;
    font-weight: 880;
    letter-spacing: 0.08em;
    line-height: 1;
}

.mechanic-customer[b-lre97rhnpq] {
    margin-top: 0.5rem;
    font-size: 0.98rem;
    font-weight: 750;
}

.mechanic-priority[b-lre97rhnpq] {
    display: grid;
    min-width: 4.3rem;
    padding: 0.4rem 0.55rem;
    color: var(--app-neutral-text);
    text-align: center;
    background: var(--app-neutral-pill);
    border: 1px solid var(--app-border);
    border-radius: 0.65rem;
    font-size: 1rem;
    font-weight: 850;
}

.mechanic-priority small[b-lre97rhnpq] {
    color: var(--app-text-muted);
    font-size: 0.55rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mechanic-status-line[b-lre97rhnpq] {
    align-items: center;
}

.mechanic-status-line > small[b-lre97rhnpq] {
    color: var(--app-text-muted);
    font-size: 0.68rem;
}

.mechanic-status[b-lre97rhnpq],
.mechanic-chip[b-lre97rhnpq] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.35rem 0.62rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 780;
    line-height: 1;
}

.mechanic-status--neutral[b-lre97rhnpq] {
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border-color: var(--app-border);
}

.mechanic-status--primary[b-lre97rhnpq] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: color-mix(in srgb, var(--app-brand) 35%, transparent);
}

.mechanic-status--info[b-lre97rhnpq] {
    color: var(--app-info-text);
    background: var(--app-info-soft);
    border-color: var(--app-info-border);
}

.mechanic-status--warning[b-lre97rhnpq],
.mechanic-chip--warning[b-lre97rhnpq] {
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-color: var(--app-warning-border);
}

.mechanic-status--success[b-lre97rhnpq] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.mechanic-chip--danger[b-lre97rhnpq] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.mechanic-description[b-lre97rhnpq] {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.mechanic-facts[b-lre97rhnpq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.mechanic-facts > div[b-lre97rhnpq] {
    min-width: 0;
    padding: 0.65rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.7rem;
}

.mechanic-facts dt[b-lre97rhnpq] {
    color: var(--app-text-muted);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mechanic-facts dd[b-lre97rhnpq] {
    margin: 0.2rem 0 0;
    overflow: hidden;
    font-size: 0.82rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mechanic-flags[b-lre97rhnpq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.mechanic-job-action[b-lre97rhnpq] {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.7rem 0.85rem;
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border: 1px solid var(--app-brand-strong);
    border-radius: 0.75rem;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}

.mechanic-job-action:hover[b-lre97rhnpq],
.mechanic-job-action:focus-visible[b-lre97rhnpq] {
    color: var(--app-on-brand);
    background: var(--app-brand);
    border-color: var(--app-brand);
}

@media (min-width: 48rem) {
    .mechanic-hero[b-lre97rhnpq] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        padding: 1.75rem;
    }

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

    .mechanic-controls-heading[b-lre97rhnpq] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .mechanic-filter-grid[b-lre97rhnpq] {
        grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
    }

    .mechanic-filter-options[b-lre97rhnpq] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    }
}

@media (min-width: 75rem) {
    .mechanic-job-grid[b-lre97rhnpq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 24rem) {
    .mechanic-job-header[b-lre97rhnpq],
    .mechanic-status-line[b-lre97rhnpq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mechanic-facts[b-lre97rhnpq] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/MechanicPlan.razor.rz.scp.css */
.mechanic-plan-page[b-o3rom0mu4i],
.mechanic-timeline[b-o3rom0mu4i],
.mechanic-unscheduled-time[b-o3rom0mu4i],
.mechanic-mobile-timed[b-o3rom0mu4i] {
    display: grid;
    gap: 1rem;
}

.mechanic-plan-header[b-o3rom0mu4i],
.mechanic-plan-controls[b-o3rom0mu4i],
.mechanic-timeline-heading[b-o3rom0mu4i],
.mechanic-timeline-row > header[b-o3rom0mu4i] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.mechanic-plan-header p[b-o3rom0mu4i],
.mechanic-timeline-heading p[b-o3rom0mu4i],
.mechanic-timeline-row > header span[b-o3rom0mu4i],
.mechanic-plan-dialog p[b-o3rom0mu4i] {
    color: var(--app-brand);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase;
}

.mechanic-plan-header h1[b-o3rom0mu4i],
.mechanic-timeline-heading h2[b-o3rom0mu4i],
.mechanic-timeline-row h3[b-o3rom0mu4i],
.mechanic-plan-dialog h2[b-o3rom0mu4i],
.mechanic-plan-empty[b-o3rom0mu4i] {
    margin: 0;
}

.mechanic-plan-controls[b-o3rom0mu4i],
.mechanic-timeline[b-o3rom0mu4i],
.mechanic-unscheduled-time[b-o3rom0mu4i],
.mechanic-mobile-timed[b-o3rom0mu4i],
.mechanic-plan-state[b-o3rom0mu4i] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    padding: 1rem;
}

.mechanic-plan-controls label[b-o3rom0mu4i] {
    display: grid;
    gap: .2rem;
    margin-left: auto;
}

.mechanic-plan-controls label span[b-o3rom0mu4i] {
    color: var(--app-text-muted);
    font-size: .75rem;
    font-weight: 700;
}

.mechanic-plan-saving[b-o3rom0mu4i] {
    background: var(--app-brand-soft);
    border: 1px solid var(--app-brand);
    border-radius: .75rem;
    color: var(--app-brand-strong);
    font-weight: 800;
    padding: .75rem 1rem;
}

.mechanic-timeline-heading > span[b-o3rom0mu4i],
.mechanic-plan-empty[b-o3rom0mu4i] {
    color: var(--app-text-muted);
}

.mechanic-time-ruler[b-o3rom0mu4i] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-left: 12rem;
    color: var(--app-text-muted);
    font-size: .72rem;
}

.mechanic-time-ruler span:last-child[b-o3rom0mu4i] {
    text-align: right;
}

.mechanic-timeline-row[b-o3rom0mu4i] {
    display: grid;
    grid-template-columns: 11rem minmax(46rem, 1fr);
    gap: 1rem;
    min-width: 0;
}

.mechanic-timeline-row > header[b-o3rom0mu4i] {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: .2rem;
    padding: .75rem;
}

.mechanic-timeline-row > header strong[b-o3rom0mu4i] {
    align-items: center;
    background: var(--app-brand-soft);
    border-radius: 999px;
    color: var(--app-brand-strong);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    min-width: 2rem;
}

.mechanic-timeline-lane[b-o3rom0mu4i] {
    background-color: var(--app-surface-muted);
    background-image: linear-gradient(to right, var(--app-border) 1px, transparent 1px);
    background-size: 6.25% 100%;
    border: 1px solid var(--app-border);
    border-radius: .75rem;
    min-height: calc(max(var(--lane-rows), 1) * 10.6rem);
    overflow: hidden;
    position: relative;
}

.mechanic-timeline-lane > .mechanic-plan-empty[b-o3rom0mu4i] {
    padding: 1rem;
}

.mechanic-timeline-job[b-o3rom0mu4i] {
    background: var(--app-surface);
    border: 1px solid var(--app-brand);
    border-radius: .65rem;
    left: var(--plan-start);
    min-width: 9rem;
    overflow: hidden;
    padding: .45rem;
    position: absolute;
    top: calc(var(--plan-row) * 10.5rem + .45rem);
    width: var(--plan-width);
    z-index: 1;
}

.mechanic-timeline-job--urgent[b-o3rom0mu4i] {
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.mechanic-timeline-job a[b-o3rom0mu4i],
.mechanic-no-time-job a[b-o3rom0mu4i] {
    color: var(--app-text);
    display: grid;
    gap: .12rem;
    text-decoration: none;
}

.mechanic-timeline-job a:focus-visible[b-o3rom0mu4i],
.mechanic-no-time-job a:focus-visible[b-o3rom0mu4i] {
    border-radius: .4rem;
    outline: 3px solid var(--app-focus-ring);
}

.mechanic-plan-vehicle[b-o3rom0mu4i],
.mechanic-timeline-job small[b-o3rom0mu4i],
.mechanic-no-time-job small[b-o3rom0mu4i],
.mechanic-continuation[b-o3rom0mu4i] {
    color: var(--app-text-muted);
    font-size: .75rem;
}

.mechanic-plan-job-summary[b-o3rom0mu4i] {
    display: -webkit-box;
    font-size: .82rem;
    line-height: 1.25;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mechanic-continuation[b-o3rom0mu4i] {
    color: var(--app-brand-strong);
    font-weight: 700;
}

.mechanic-plan-edit[b-o3rom0mu4i] {
    margin-top: .35rem;
    min-height: 32px;
    width: 100%;
}

.mechanic-resize-control[b-o3rom0mu4i] {
    display: grid;
    gap: .12rem;
    margin-top: .35rem;
}

.mechanic-resize-control span[b-o3rom0mu4i],
.mechanic-resize-control output[b-o3rom0mu4i] {
    color: var(--app-text-muted);
    font-size: .68rem;
    font-weight: 700;
}

.mechanic-resize-control output[b-o3rom0mu4i] {
    color: var(--app-brand-strong);
}

.mechanic-resize-control input[b-o3rom0mu4i] {
    accent-color: var(--app-brand);
    min-height: 24px;
    width: 100%;
}

.mechanic-no-time-grid[b-o3rom0mu4i] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.mechanic-mobile-timed[b-o3rom0mu4i] {
    display: none;
}

.mechanic-no-time-job[b-o3rom0mu4i] {
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.mechanic-plan-dialog-backdrop[b-o3rom0mu4i] {
    background: var(--app-overlay);
    display: grid;
    inset: 0;
    padding: 1rem;
    place-items: center;
    position: fixed;
    z-index: 1200;
}

.mechanic-plan-dialog[b-o3rom0mu4i] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-md);
    color: var(--app-text);
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    width: min(100%, 32rem);
}

.mechanic-plan-dialog label[b-o3rom0mu4i] {
    display: grid;
    gap: .35rem;
}

.mechanic-plan-dialog-actions[b-o3rom0mu4i] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .mechanic-timeline[b-o3rom0mu4i] {
        overflow-x: auto;
    }
}

@media (max-width: 767.98px) {
    .mechanic-plan-header[b-o3rom0mu4i],
    .mechanic-plan-controls[b-o3rom0mu4i],
    .mechanic-timeline-heading[b-o3rom0mu4i] {
        align-items: stretch;
        flex-direction: column;
    }

    .mechanic-plan-controls label[b-o3rom0mu4i] {
        margin-left: 0;
    }

    .mechanic-plan-controls .btn[b-o3rom0mu4i],
    .mechanic-plan-header .btn[b-o3rom0mu4i],
    .mechanic-no-time-job .btn[b-o3rom0mu4i],
    .mechanic-plan-dialog-actions .btn[b-o3rom0mu4i] {
        min-height: 44px;
        width: 100%;
    }

    .mechanic-timeline[b-o3rom0mu4i],
    .mechanic-time-ruler[b-o3rom0mu4i] {
        display: none;
    }

    .mechanic-mobile-timed[b-o3rom0mu4i] {
        display: grid;
    }

    .mechanic-plan-dialog-actions[b-o3rom0mu4i] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Parts.razor.rz.scp.css */
.parts-page[b-zbjanma18q] {
    max-width: 94rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.parts-hero[b-zbjanma18q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.25rem;
    overflow: hidden;
    color: var(--app-on-brand);
    background:
        radial-gradient(circle at top right, var(--app-hero-glow), transparent 38%),
        linear-gradient(135deg, var(--app-hero-start), var(--app-hero-end));
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1.25rem;
    box-shadow: var(--app-shadow-md);
}

.parts-hero h1[b-zbjanma18q],
.parts-hero p[b-zbjanma18q],
.parts-controls h2[b-zbjanma18q],
.parts-list-heading h2[b-zbjanma18q],
.parts-card h3[b-zbjanma18q],
.parts-state h2[b-zbjanma18q],
.parts-state h3[b-zbjanma18q],
.parts-state p[b-zbjanma18q] {
    margin: 0;
}

.parts-hero h1[b-zbjanma18q] {
    font-size: clamp(1.9rem, 8vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.parts-hero p:last-child[b-zbjanma18q] {
    max-width: 42rem;
    margin-top: 0.45rem;
    color: var(--app-hero-text-muted);
}

.parts-hero-mark[b-zbjanma18q] {
    display: none;
    width: 4.25rem;
    height: 4.25rem;
    flex: 0 0 auto;
    place-items: center;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1rem;
    box-shadow: var(--app-logo-shadow);
    font-size: 2rem;
}

.parts-kicker[b-zbjanma18q],
.parts-card-label[b-zbjanma18q] {
    margin: 0 0 0.3rem;
    color: var(--app-brand);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.parts-hero .parts-kicker[b-zbjanma18q] {
    color: var(--app-sidebar-accent);
}

.parts-controls[b-zbjanma18q],
.parts-panel[b-zbjanma18q],
.parts-state[b-zbjanma18q] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.parts-controls[b-zbjanma18q],
.parts-panel[b-zbjanma18q] {
    padding: 1rem;
}

.parts-controls[b-zbjanma18q] {
    margin-bottom: 1rem;
}

.parts-controls-heading[b-zbjanma18q],
.parts-list-heading[b-zbjanma18q],
.parts-card-heading[b-zbjanma18q],
.parts-job-context[b-zbjanma18q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.parts-controls-heading[b-zbjanma18q] {
    margin-bottom: 1rem;
}

.parts-controls h2[b-zbjanma18q],
.parts-list-heading h2[b-zbjanma18q] {
    font-size: 1.2rem;
    font-weight: 760;
    letter-spacing: -0.02em;
}

.parts-count[b-zbjanma18q] {
    display: inline-flex;
    min-height: 2.2rem;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.35rem 0.7rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 999px;
    font-weight: 800;
}

.parts-count small[b-zbjanma18q] {
    color: var(--app-text-muted);
    font-size: 0.7rem;
}

.parts-filter-grid[b-zbjanma18q] {
    display: grid;
    gap: 0.8rem;
}

.parts-filter-grid label[b-zbjanma18q] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--app-text-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.parts-filter-grid .form-control[b-zbjanma18q],
.parts-filter-grid .form-select[b-zbjanma18q],
.parts-clear-button[b-zbjanma18q] {
    min-height: 2.75rem;
}

.parts-clear-button[b-zbjanma18q] {
    align-self: end;
}

.parts-list-heading[b-zbjanma18q] {
    margin-bottom: 1rem;
}

.parts-state[b-zbjanma18q] {
    display: grid;
    min-height: 12rem;
    place-items: center;
    align-content: center;
    gap: 0.8rem;
    padding: 2rem 1rem;
    color: var(--app-text-muted);
    text-align: center;
}

.parts-state strong[b-zbjanma18q],
.parts-state h2[b-zbjanma18q],
.parts-state h3[b-zbjanma18q] {
    color: var(--app-text);
}

.parts-state--empty[b-zbjanma18q] {
    min-height: 14rem;
    background: var(--app-surface-muted);
    border-style: dashed;
    box-shadow: none;
}

.parts-state .btn[b-zbjanma18q] {
    min-height: 2.75rem;
}

.parts-table-wrap[b-zbjanma18q] {
    display: none;
    max-width: 100%;
    overflow-x: auto;
}

.parts-table[b-zbjanma18q] {
    min-width: 64rem;
    margin-bottom: 0;
    color: var(--app-text);
}

.parts-table > :not(caption) > * > *[b-zbjanma18q] {
    padding: 0.8rem 0.7rem;
    color: var(--app-text);
    background: var(--app-surface);
    border-bottom-color: var(--app-border);
    vertical-align: middle;
}

.parts-table thead > tr > *[b-zbjanma18q] {
    color: var(--app-text-muted);
    background: var(--app-surface-muted);
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.parts-table tbody tr:last-child > *[b-zbjanma18q] {
    border-bottom: 0;
}

.parts-table .parts-row--delayed > *[b-zbjanma18q] {
    background: var(--app-danger-soft);
}

.parts-table td:nth-child(2)[b-zbjanma18q] {
    min-width: 10.5rem;
}

.parts-table td:nth-child(2) small[b-zbjanma18q] {
    display: block;
    margin-top: 0.35rem;
    color: var(--app-text-muted);
}

.parts-registration[b-zbjanma18q] {
    display: inline-flex;
    width: fit-content;
    padding: 0.3rem 0.5rem;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.4rem;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    line-height: 1;
}

.parts-chip[b-zbjanma18q] {
    display: inline-flex;
    width: fit-content;
    min-height: 1.75rem;
    align-items: center;
    padding: 0.25rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.parts-chip--success[b-zbjanma18q] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.parts-chip--warning[b-zbjanma18q] {
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-color: var(--app-warning-border);
}

.parts-chip--danger[b-zbjanma18q] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.parts-delivery[b-zbjanma18q] {
    display: grid;
    gap: 0.35rem;
}

.parts-job-link[b-zbjanma18q] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 0.7rem;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.parts-job-link:hover[b-zbjanma18q],
.parts-job-link:focus-visible[b-zbjanma18q] {
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border-color: var(--app-brand-strong);
}

.parts-card-list[b-zbjanma18q] {
    display: grid;
    gap: 0.85rem;
}

.parts-card[b-zbjanma18q] {
    display: grid;
    min-width: 0;
    gap: 1rem;
    padding: 1rem;
    background: var(--app-surface-raised);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.parts-card--delayed[b-zbjanma18q] {
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.parts-card-heading h3[b-zbjanma18q] {
    overflow-wrap: anywhere;
    font-size: 1.05rem;
    font-weight: 780;
}

.parts-job-context[b-zbjanma18q] {
    justify-content: flex-start;
    padding: 0.8rem;
    background: var(--app-surface-muted);
    border-radius: 0.8rem;
}

.parts-job-context > div[b-zbjanma18q] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.parts-job-context strong[b-zbjanma18q],
.parts-job-context small[b-zbjanma18q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parts-job-context small[b-zbjanma18q],
.parts-card-details dt[b-zbjanma18q] {
    color: var(--app-text-muted);
}

.parts-card-details[b-zbjanma18q] {
    display: grid;
    gap: 0.8rem;
    margin: 0;
}

.parts-card-details > div[b-zbjanma18q] {
    padding-top: 0.75rem;
    border-top: 1px solid var(--app-border);
}

.parts-card-details dt[b-zbjanma18q] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.parts-card-details dd[b-zbjanma18q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0.25rem 0 0;
    color: var(--app-text);
}

@media (min-width: 34rem) {
    .parts-hero-mark[b-zbjanma18q] {
        display: grid;
    }

    .parts-card-list[b-zbjanma18q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 48rem) {
    .parts-hero[b-zbjanma18q],
    .parts-controls[b-zbjanma18q],
    .parts-panel[b-zbjanma18q] {
        padding: 1.4rem;
    }

    .parts-filter-grid[b-zbjanma18q] {
        grid-template-columns: minmax(14rem, 2fr) minmax(12rem, 1fr) auto;
        align-items: end;
    }

    .parts-table-wrap[b-zbjanma18q] {
        display: block;
    }

    .parts-card-list[b-zbjanma18q] {
        display: none;
    }
}
/* /Components/Pages/PkkBookings.razor.rz.scp.css */
.pkk-page[b-hvzie8wcva],
.pkk-slots[b-hvzie8wcva],
.pkk-slot[b-hvzie8wcva],
.pkk-followups[b-hvzie8wcva],
.pkk-followup-list[b-hvzie8wcva],
.pkk-dialog[b-hvzie8wcva] {
    display: grid;
    gap: 1rem;
}

.pkk-hero[b-hvzie8wcva],
.pkk-date-controls[b-hvzie8wcva],
.pkk-slot header[b-hvzie8wcva],
.pkk-followups > header[b-hvzie8wcva],
.pkk-followup-item[b-hvzie8wcva],
.pkk-actions[b-hvzie8wcva],
.pkk-dialog-actions[b-hvzie8wcva] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.pkk-hero[b-hvzie8wcva],
.pkk-slot header[b-hvzie8wcva],
.pkk-followups > header[b-hvzie8wcva],
.pkk-followup-item[b-hvzie8wcva] {
    justify-content: space-between;
}

.pkk-hero h1[b-hvzie8wcva],
.pkk-hero p[b-hvzie8wcva],
.pkk-slot h2[b-hvzie8wcva],
.pkk-slot p[b-hvzie8wcva],
.pkk-followups h2[b-hvzie8wcva],
.pkk-followups p[b-hvzie8wcva],
.pkk-dialog h2[b-hvzie8wcva],
.pkk-dialog p[b-hvzie8wcva] {
    margin: 0;
}

.pkk-eyebrow[b-hvzie8wcva] {
    color: var(--app-brand);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pkk-date-controls[b-hvzie8wcva],
.pkk-slot[b-hvzie8wcva],
.pkk-followups[b-hvzie8wcva],
.pkk-state[b-hvzie8wcva] {
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.pkk-date-controls[b-hvzie8wcva] {
    justify-content: center;
    flex-wrap: wrap;
}

.pkk-date-controls label[b-hvzie8wcva],
.pkk-dialog label[b-hvzie8wcva] {
    display: grid;
    gap: .3rem;
}

.pkk-date-controls label span[b-hvzie8wcva],
.pkk-dialog label span[b-hvzie8wcva] {
    color: var(--app-text-muted);
    font-size: .78rem;
    font-weight: 700;
}

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

.pkk-slot--available[b-hvzie8wcva] {
    border-color: var(--app-success-border);
}

.pkk-status[b-hvzie8wcva] {
    padding: .35rem .7rem;
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border: 1px solid var(--app-success-border);
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 800;
}

.pkk-slot--occupied .pkk-status[b-hvzie8wcva] {
    color: var(--app-warning-text);
    background: var(--app-warning-soft);
    border-color: var(--app-warning-border);
}

.pkk-slot dl[b-hvzie8wcva] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
}

.pkk-slot dt[b-hvzie8wcva] {
    color: var(--app-text-muted);
    font-size: .75rem;
}

.pkk-slot dd[b-hvzie8wcva] {
    margin: .15rem 0 0;
    font-weight: 700;
}

.pkk-followup-item[b-hvzie8wcva] {
    min-height: 44px;
    padding: .75rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .8rem;
}

.pkk-followup-item > div[b-hvzie8wcva] {
    display: grid;
    gap: .15rem;
}

.pkk-followup-item span[b-hvzie8wcva],
.pkk-empty[b-hvzie8wcva] {
    color: var(--app-text-muted);
}

.pkk-actions[b-hvzie8wcva],
.pkk-dialog-actions[b-hvzie8wcva] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.pkk-slot .btn[b-hvzie8wcva],
.pkk-date-controls .btn[b-hvzie8wcva],
.pkk-dialog .btn[b-hvzie8wcva] {
    min-height: 44px;
}

.pkk-dialog-backdrop[b-hvzie8wcva] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: var(--app-overlay);
}

.pkk-dialog[b-hvzie8wcva] {
    width: min(100%, 32rem);
    padding: 1.25rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-md);
}

@media (max-width: 767.98px) {
    .pkk-hero[b-hvzie8wcva],
    .pkk-date-controls[b-hvzie8wcva],
    .pkk-followups > header[b-hvzie8wcva],
    .pkk-followup-item[b-hvzie8wcva],
    .pkk-dialog-actions[b-hvzie8wcva] {
        align-items: stretch;
        flex-direction: column;
    }

    .pkk-slots[b-hvzie8wcva] {
        grid-template-columns: 1fr;
    }

    .pkk-date-controls > *[b-hvzie8wcva],
    .pkk-actions > *[b-hvzie8wcva],
    .pkk-dialog-actions > *[b-hvzie8wcva] {
        width: 100%;
    }
}
/* /Components/Pages/QuoteNotes.razor.rz.scp.css */
.quote-page[b-duj5iv2qww] { display: grid; gap: 1rem; max-width: 78rem; margin: 0 auto; }
.quote-header[b-duj5iv2qww], .quote-create[b-duj5iv2qww], .quote-list-section[b-duj5iv2qww] { padding: 1rem; background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1rem; box-shadow: var(--app-shadow-sm); }
.quote-header[b-duj5iv2qww], .quote-list-heading[b-duj5iv2qww], .quote-card-heading[b-duj5iv2qww], .quote-form-actions[b-duj5iv2qww], .quote-card-actions[b-duj5iv2qww] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.quote-header p[b-duj5iv2qww], .quote-kicker[b-duj5iv2qww] { margin: 0; color: var(--app-brand); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.quote-header h1[b-duj5iv2qww], .quote-create h2[b-duj5iv2qww], .quote-list-heading h2[b-duj5iv2qww] { margin: .15rem 0; }
.quote-open-count[b-duj5iv2qww], .quote-status[b-duj5iv2qww] { padding: .35rem .65rem; color: var(--app-brand-strong); background: var(--app-brand-soft); border-radius: 999px; font-weight: 800; }
.quote-create[b-duj5iv2qww], .quote-list-section[b-duj5iv2qww], .quote-list[b-duj5iv2qww], form[b-duj5iv2qww] { display: grid; gap: 1rem; }
.quote-form-grid[b-duj5iv2qww], .quote-filters[b-duj5iv2qww] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: .8rem; }
.quote-form-grid label[b-duj5iv2qww], .quote-filters label[b-duj5iv2qww] { display: grid; gap: .3rem; font-weight: 700; }
.quote-wide[b-duj5iv2qww] { grid-column: 1 / -1; }
.quote-contact-hint[b-duj5iv2qww] { margin: 0; color: var(--app-text-muted); font-size: .82rem; }
.quote-list[b-duj5iv2qww] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr)); }
.quote-card[b-duj5iv2qww] { display: grid; align-content: start; gap: .7rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .9rem; }
.quote-card--open[b-duj5iv2qww] { border-left: .3rem solid var(--app-warning-text); }
.quote-card p[b-duj5iv2qww] { margin: 0; white-space: pre-wrap; }
.quote-registration[b-duj5iv2qww] { display: inline-block; margin-right: .5rem; letter-spacing: .07em; }
.quote-note[b-duj5iv2qww] { padding: .6rem; background: var(--app-surface-muted); border-radius: .6rem; }
.quote-contact[b-duj5iv2qww] { display: flex; flex-wrap: wrap; gap: .4rem .8rem; color: var(--app-text-muted); }
.quote-state[b-duj5iv2qww] { padding: 2rem 1rem; color: var(--app-text-muted); text-align: center; background: var(--app-surface-muted); border-radius: .8rem; }
@media (max-width: 36rem) { .quote-header[b-duj5iv2qww], .quote-list-heading[b-duj5iv2qww] { align-items: flex-start; flex-direction: column; } .quote-card-actions .btn[b-duj5iv2qww] { flex: 1 1 9rem; } }
/* /Components/Pages/ReceptionNotifications.razor.rz.scp.css */
.notification-page[b-fwnur1qt9c] {
    display: grid;
    gap: 1rem;
    max-width: 70rem;
    margin: 0 auto;
}

.notification-page header[b-fwnur1qt9c],
.notification-state[b-fwnur1qt9c],
.notification-list article[b-fwnur1qt9c] {
    padding: 1rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.notification-page h1[b-fwnur1qt9c],
.notification-page p[b-fwnur1qt9c] {
    margin: 0;
}

.notification-page header > p:last-child[b-fwnur1qt9c],
.notification-state span[b-fwnur1qt9c],
.notification-list time[b-fwnur1qt9c] {
    color: var(--app-text-muted);
}

.notification-eyebrow[b-fwnur1qt9c] {
    color: var(--app-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.notification-list[b-fwnur1qt9c] {
    display: grid;
    gap: 0.75rem;
}

.notification-list article[b-fwnur1qt9c],
.notification-state[b-fwnur1qt9c] {
    display: grid;
    gap: 0.65rem;
}

.notification-list article > div:first-child[b-fwnur1qt9c],
.notification-actions[b-fwnur1qt9c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.notification-registration[b-fwnur1qt9c] {
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.notification-actions .btn[b-fwnur1qt9c] {
    min-height: 2.75rem;
}

@media (max-width: 35.999rem) {
    .notification-actions .btn[b-fwnur1qt9c] {
        width: 100%;
    }
}
/* /Components/Pages/SalesImages.razor.rz.scp.css */
.sales-images-page[b-29qg430htg] {
    display: grid;
    width: min(100%, 92rem);
    margin: 0 auto;
    gap: 1rem;
}

.sales-images-hero[b-29qg430htg],
.sales-images-workspace[b-29qg430htg] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1.25rem;
    box-shadow: var(--app-shadow-sm);
}

.sales-images-hero[b-29qg430htg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: clamp(1.15rem, 3vw, 2rem);
    background:
        radial-gradient(circle at 8% 0%, var(--app-brand-soft), transparent 34%),
        linear-gradient(135deg, var(--app-surface-raised), var(--app-surface));
}

.sales-images-hero-copy[b-29qg430htg] {
    max-width: 49rem;
}

.sales-images-title-row[b-29qg430htg],
.section-heading[b-29qg430htg],
.workspace-heading[b-29qg430htg],
.selected-images-heading[b-29qg430htg],
.workspace-footer[b-29qg430htg],
.review-toolbar[b-29qg430htg],
.result-meta[b-29qg430htg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.sales-images-eyebrow[b-29qg430htg],
.sales-images-kicker[b-29qg430htg] {
    margin: 0;
    color: var(--app-brand-strong);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.sales-images-hero h1[b-29qg430htg] {
    margin: .35rem 0 .45rem;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    letter-spacing: -.045em;
}

.sales-images-hero p:not(.sales-images-eyebrow)[b-29qg430htg] {
    max-width: 46rem;
    margin: 0;
    color: var(--app-text-muted);
}

.prototype-badge[b-29qg430htg],
.processing-live-badge[b-29qg430htg],
.review-status[b-29qg430htg] {
    display: inline-flex;
    min-height: 1.8rem;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    color: var(--app-info-text);
    background: var(--app-info-soft);
    border: 1px solid var(--app-info-border);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.prototype-badge--muted[b-29qg430htg] {
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border-color: var(--app-border);
}

.selected-vehicle-summary[b-29qg430htg] {
    display: grid;
    min-width: min(100%, 21rem);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    padding: .8rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
}

.selected-vehicle-summary > span:last-child[b-29qg430htg],
.vehicle-option > span:nth-child(2)[b-29qg430htg],
.demo-load-row > span[b-29qg430htg],
.style-copy[b-29qg430htg],
.review-total[b-29qg430htg],
.processing-summary div[b-29qg430htg] {
    display: grid;
    gap: .12rem;
}

.selected-vehicle-summary small[b-29qg430htg],
.vehicle-option small[b-29qg430htg],
.demo-load-row small[b-29qg430htg],
.review-total span[b-29qg430htg] {
    color: var(--app-text-muted);
    font-size: .75rem;
}

.selected-vehicle-registration[b-29qg430htg] {
    padding: .52rem .6rem;
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border-radius: .55rem;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.selected-vehicle-summary--empty[b-29qg430htg] {
    color: var(--app-text-muted);
    border-style: dashed;
}

.selected-vehicle-icon[b-29qg430htg] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: .75rem;
    font-size: 1.4rem;
}

.sales-images-steps[b-29qg430htg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.sales-images-step[b-29qg430htg] {
    display: flex;
    min-width: 0;
    min-height: 3.6rem;
    align-items: center;
    gap: .65rem;
    padding: .6rem .75rem;
    color: var(--app-text-muted);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .9rem;
    text-align: left;
}

.sales-images-step > span[b-29qg430htg] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 auto;
    place-items: center;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 850;
}

.sales-images-step strong[b-29qg430htg] {
    overflow: hidden;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-images-step:disabled[b-29qg430htg] {
    opacity: .58;
}

.sales-images-step:not(:disabled):hover[b-29qg430htg],
.sales-images-step:not(:disabled):focus-visible[b-29qg430htg],
.sales-images-step.is-current[b-29qg430htg] {
    color: var(--app-brand-strong);
    border-color: var(--app-brand);
    outline: none;
}

.sales-images-step.is-current[b-29qg430htg] {
    background: var(--app-brand-soft);
    box-shadow: inset 0 -3px 0 var(--app-brand);
}

.sales-images-step.is-current > span[b-29qg430htg],
.sales-images-step.is-complete > span[b-29qg430htg] {
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border-color: var(--app-brand-strong);
}

.sales-images-message[b-29qg430htg] {
    margin: 0;
}

.sales-images-workspace[b-29qg430htg] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.workspace-heading[b-29qg430htg] {
    padding-bottom: .9rem;
    border-bottom: 1px solid var(--app-border);
}

.workspace-heading > div:first-child[b-29qg430htg] {
    display: grid;
    gap: .1rem;
}

.workspace-heading > div:first-child > span[b-29qg430htg] {
    color: var(--app-brand-strong);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.workspace-heading h2[b-29qg430htg],
.section-heading h3[b-29qg430htg],
.review-actions h3[b-29qg430htg],
.sales-images-dialog h2[b-29qg430htg] {
    margin: 0;
}

.workspace-heading h2[b-29qg430htg] {
    font-size: 1.35rem;
}

.vehicle-picker-layout[b-29qg430htg] {
    display: grid;
    grid-template-columns: minmax(18rem, .8fr) minmax(24rem, 1.2fr);
    gap: 1rem;
}

.vehicle-picker[b-29qg430htg],
.upload-panel[b-29qg430htg],
.selected-images[b-29qg430htg],
.simulation-options[b-29qg430htg],
.review-actions[b-29qg430htg] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: .85rem;
    padding: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
}

.section-heading h3[b-29qg430htg] {
    margin-top: .12rem;
    font-size: 1rem;
}

.section-heading > span[b-29qg430htg] {
    color: var(--app-text-muted);
    font-size: .76rem;
    font-weight: 750;
}

.vehicle-list[b-29qg430htg] {
    display: grid;
    gap: .45rem;
    max-height: 17.25rem;
    overflow: auto;
}

.vehicle-option[b-29qg430htg] {
    display: grid;
    min-height: 4.4rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .7rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
    text-align: left;
}

.vehicle-option:hover[b-29qg430htg],
.vehicle-option:focus-visible[b-29qg430htg],
.vehicle-option.is-selected[b-29qg430htg] {
    border-color: var(--app-brand);
    outline: none;
}

.vehicle-option.is-selected[b-29qg430htg] {
    background: var(--app-brand-soft);
}

.vehicle-option-registration[b-29qg430htg] {
    min-width: 5.6rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.vehicle-option-check[b-29qg430htg] {
    display: grid;
    width: 1.6rem;
    height: 1.6rem;
    place-items: center;
    color: transparent;
    border: 1px solid var(--app-border);
    border-radius: 50%;
    font-size: .7rem;
}

.vehicle-option.is-selected .vehicle-option-check[b-29qg430htg] {
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border-color: var(--app-brand-strong);
}

.image-dropzone[b-29qg430htg] {
    position: relative;
    display: grid;
    min-height: 16rem;
    place-items: center;
    align-content: center;
    gap: .3rem;
    padding: 1.25rem;
    overflow: hidden;
    color: var(--app-text-muted);
    background: var(--app-surface);
    border: 2px dashed color-mix(in srgb, var(--app-brand) 45%, var(--app-border));
    border-radius: .9rem;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease;
}

.image-dropzone:hover[b-29qg430htg],
.image-dropzone:has(.image-dropzone-input:focus-visible)[b-29qg430htg] {
    background: var(--app-brand-soft);
    border-color: var(--app-brand);
}

.image-dropzone.is-disabled[b-29qg430htg] {
    filter: grayscale(.5);
    opacity: .65;
}

.image-dropzone-input[b-29qg430htg] {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.dropzone-icon[b-29qg430htg] {
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 1rem;
}

.dropzone-icon svg[b-29qg430htg] {
    width: 1.6rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.image-dropzone strong[b-29qg430htg] {
    color: var(--app-text);
    font-size: 1.05rem;
}

.image-dropzone small[b-29qg430htg] {
    margin-top: .25rem;
    font-size: .72rem;
}

.dropzone-button[b-29qg430htg] {
    margin: .4rem 0 .15rem;
    padding: .45rem .8rem;
    color: var(--app-brand-strong);
    background: var(--app-surface);
    border: 1px solid var(--app-brand);
    border-radius: .55rem;
    font-size: .78rem;
    font-weight: 800;
}

.demo-load-row[b-29qg430htg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .8rem;
    background: var(--app-info-soft);
    border: 1px solid var(--app-info-border);
    border-radius: .8rem;
}

.selection-actions[b-29qg430htg],
.primary-review-actions[b-29qg430htg],
.review-navigation[b-29qg430htg] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.sales-images-empty[b-29qg430htg],
.derivative-missing[b-29qg430htg] {
    display: grid;
    min-height: 10rem;
    place-items: center;
    align-content: center;
    padding: 1.5rem;
    color: var(--app-text-muted);
    background: var(--app-surface);
    border: 1px dashed var(--app-border);
    border-radius: .85rem;
    text-align: center;
}

.sales-images-empty > span[b-29qg430htg] {
    font-size: 2rem;
}

.sales-images-empty p[b-29qg430htg],
.derivative-missing p[b-29qg430htg] {
    margin: .2rem 0 0;
}

.upload-thumbnail-grid[b-29qg430htg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: .7rem;
}

.upload-thumbnail[b-29qg430htg] {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 4.8rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    padding: .45rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.upload-thumbnail.is-selected[b-29qg430htg] {
    border-color: var(--app-brand);
    box-shadow: 0 0 0 2px var(--app-focus-ring);
}

.upload-thumbnail img[b-29qg430htg] {
    width: 4.8rem;
    height: 3.8rem;
    object-fit: cover;
    border-radius: .5rem;
}

.upload-thumbnail > div[b-29qg430htg] {
    display: grid;
    min-width: 0;
}

.upload-thumbnail strong[b-29qg430htg] {
    overflow: hidden;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-thumbnail small[b-29qg430htg] {
    color: var(--app-text-muted);
    font-size: .7rem;
}

.thumbnail-select[b-29qg430htg] {
    position: absolute;
    top: .65rem;
    left: .65rem;
    z-index: 1;
}

.thumbnail-delete[b-29qg430htg] {
    position: absolute;
    top: .25rem;
    right: .25rem;
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    color: var(--app-danger-text);
    background: var(--app-surface);
    border: 1px solid var(--app-danger-border);
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1;
}

.workspace-footer[b-29qg430htg] {
    min-height: 3.5rem;
    padding-top: .85rem;
    color: var(--app-text-muted);
    border-top: 1px solid var(--app-border);
}

.workspace-footer > span[b-29qg430htg] {
    margin-right: auto;
}

.style-intro[b-29qg430htg],
.processing-summary[b-29qg430htg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.style-intro > div[b-29qg430htg],
.processing-summary > div[b-29qg430htg] {
    display: grid;
    gap: .15rem;
    padding: .8rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.style-intro span[b-29qg430htg],
.processing-summary span[b-29qg430htg] {
    color: var(--app-text-muted);
    font-size: .75rem;
}

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

.style-card[b-29qg430htg] {
    position: relative;
    display: grid;
    min-width: 0;
    overflow: hidden;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .9rem;
    text-align: left;
}

.style-card:hover[b-29qg430htg],
.style-card:focus-visible[b-29qg430htg],
.style-card.is-selected[b-29qg430htg] {
    border-color: var(--app-brand);
    outline: none;
    box-shadow: 0 0 0 3px var(--app-focus-ring);
}

.style-preview[b-29qg430htg] {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: var(--app-surface-muted);
}

.style-preview img[b-29qg430htg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}

.style-card:hover .style-preview img[b-29qg430htg] {
    transform: scale(1.025);
}

.style-white .style-preview img[b-29qg430htg],
.style-winter .style-preview img[b-29qg430htg] {
    filter: brightness(1.08) saturate(.75);
}

.style-autumn .style-preview img[b-29qg430htg] {
    filter: sepia(.22) saturate(1.12);
}

.style-urban .style-preview img[b-29qg430htg] {
    filter: saturate(.76) contrast(1.08);
}

.style-copy[b-29qg430htg] {
    padding: .75rem;
}

.style-copy > span:first-child[b-29qg430htg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
}

.style-copy > span:first-child small[b-29qg430htg] {
    padding: .15rem .4rem;
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 800;
}

.style-copy > span:last-child[b-29qg430htg] {
    color: var(--app-text-muted);
    font-size: .72rem;
}

.style-check[b-29qg430htg] {
    position: absolute;
    top: .55rem;
    right: .55rem;
    display: none;
    width: 1.8rem;
    height: 1.8rem;
    place-items: center;
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border: 2px solid var(--app-surface);
    border-radius: 50%;
    font-size: .75rem;
}

.style-card.is-selected .style-check[b-29qg430htg] {
    display: grid;
}

.simulation-options[b-29qg430htg] {
    background: var(--app-warning-soft);
    border-color: var(--app-warning-border);
}

.simulation-options label[b-29qg430htg] {
    display: flex;
    align-items: center;
    gap: .65rem;
    cursor: pointer;
}

.simulation-options label > span[b-29qg430htg] {
    display: grid;
}

.simulation-options small[b-29qg430htg] {
    color: var(--app-text-muted);
}

.processing-live-badge > span[b-29qg430htg] {
    width: .55rem;
    height: .55rem;
    background: currentColor;
    border-radius: 50%;
    animation: processing-pulse-b-29qg430htg 1.3s ease-in-out infinite;
}

@keyframes processing-pulse-b-29qg430htg {
    50% { opacity: .35; transform: scale(.8); }
}

.processing-summary[b-29qg430htg] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.batch-progress[b-29qg430htg] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
    color: var(--app-on-brand);
    background: linear-gradient(135deg, var(--app-hero-start), var(--app-hero-end));
    border-radius: 1rem;
}

.batch-progress > div:first-child[b-29qg430htg] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.batch-progress strong[b-29qg430htg] {
    font-size: 1.7rem;
}

.batch-progress .progress[b-29qg430htg],
.processing-item .progress[b-29qg430htg] {
    height: .45rem;
    background: color-mix(in srgb, var(--app-surface) 24%, transparent);
}

.batch-progress .progress-bar[b-29qg430htg],
.processing-item .progress-bar[b-29qg430htg] {
    background: var(--app-sidebar-accent);
}

.processing-list[b-29qg430htg] {
    display: grid;
    gap: .55rem;
}

.processing-item[b-29qg430htg] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .55rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .8rem;
}

.processing-item.status-error[b-29qg430htg] {
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.processing-item.status-needsreview[b-29qg430htg] {
    background: var(--app-warning-soft);
    border-color: var(--app-warning-border);
}

.processing-item img[b-29qg430htg] {
    width: 5rem;
    height: 3.5rem;
    object-fit: cover;
    border-radius: .55rem;
}

.processing-item-copy[b-29qg430htg] {
    display: grid;
    min-width: 0;
    gap: .28rem;
}

.processing-item-copy small[b-29qg430htg] {
    overflow: hidden;
    color: var(--app-text-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.processing-status-pill[b-29qg430htg] {
    min-width: 3rem;
    padding: .3rem .45rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    text-align: center;
}

.review-total[b-29qg430htg] {
    text-align: right;
}

.review-layout[b-29qg430htg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
    gap: 1rem;
}

.review-stage[b-29qg430htg] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: .7rem;
}

.review-toolbar[b-29qg430htg] {
    min-height: 2.4rem;
}

.view-toggle[b-29qg430htg] {
    display: inline-flex;
    padding: .2rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .6rem;
}

.view-toggle button[b-29qg430htg] {
    min-height: 2rem;
    padding: .3rem .6rem;
    color: var(--app-text-muted);
    background: transparent;
    border: 0;
    border-radius: .4rem;
    font-size: .75rem;
    font-weight: 750;
}

.view-toggle button.is-active[b-29qg430htg] {
    color: var(--app-text);
    background: var(--app-surface);
    box-shadow: var(--app-shadow-sm);
}

.before-after[b-29qg430htg],
.side-by-side-comparison[b-29qg430htg],
.single-result[b-29qg430htg] {
    position: relative;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    margin: 0;
    background: #101820;
    border-radius: 1rem;
}

.before-after img[b-29qg430htg],
.side-by-side-comparison img[b-29qg430htg],
.single-result img[b-29qg430htg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.before-after-original[b-29qg430htg],
.before-after-result[b-29qg430htg] {
    position: absolute;
    inset: 0;
}

.before-after-result[b-29qg430htg] {
    clip-path: inset(0 calc(100% - var(--compare-position)) 0 0);
}

.before-after > input[type="range"][b-29qg430htg] {
    position: absolute;
    z-index: 5;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: ew-resize;
    opacity: 0;
}

.compare-handle[b-29qg430htg] {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: var(--compare-position);
    width: 3px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .18);
    transform: translateX(-50%);
}

.compare-handle[b-29qg430htg]::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    content: "↔";
    color: #17334a;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 .25rem .8rem rgba(0, 0, 0, .22);
    font-size: 1rem;
    font-weight: 900;
    transform: translate(-50%, -50%);
}

.compare-label[b-29qg430htg] {
    position: absolute;
    z-index: 3;
    top: .75rem;
    padding: .3rem .55rem;
    color: #fff;
    background: rgba(8, 31, 51, .72);
    border-radius: .45rem;
    font-size: .7rem;
    font-weight: 800;
    backdrop-filter: blur(8px);
}

.compare-label--before[b-29qg430htg] { right: .75rem; }
.compare-label--after[b-29qg430htg] { left: .75rem; }

.side-by-side-comparison[b-29qg430htg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
}

.side-by-side-comparison figure[b-29qg430htg] {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
}

.side-by-side-comparison figcaption[b-29qg430htg],
.single-result figcaption[b-29qg430htg] {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    padding: .3rem .55rem;
    color: #fff;
    background: rgba(8, 31, 51, .72);
    border-radius: .45rem;
    font-size: .7rem;
    font-weight: 800;
}

.result-meta[b-29qg430htg] {
    flex-wrap: wrap;
    justify-content: flex-start;
    color: var(--app-text-muted);
    font-size: .78rem;
}

.result-meta .review-status[b-29qg430htg] {
    margin-left: auto;
}

.review-approved[b-29qg430htg] {
    color: var(--app-success-text) !important;
    background: var(--app-success-soft) !important;
    border-color: var(--app-success-border) !important;
}

.review-rejected[b-29qg430htg],
.review-deleted[b-29qg430htg] {
    color: var(--app-danger-text) !important;
    background: var(--app-danger-soft) !important;
    border-color: var(--app-danger-border) !important;
}

.review-retry[b-29qg430htg] {
    color: var(--app-warning-text) !important;
    background: var(--app-warning-soft) !important;
    border-color: var(--app-warning-border) !important;
}

.review-pending[b-29qg430htg] {
    color: var(--app-neutral-text) !important;
    background: var(--app-neutral-pill) !important;
}

.review-actions[b-29qg430htg] {
    background: var(--app-surface-muted);
}

.primary-review-actions .btn[b-29qg430htg] {
    flex: 1 1 7rem;
}

.original-retention[b-29qg430htg] {
    display: grid;
    gap: .55rem;
    margin: .3rem 0 0;
    padding: .8rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.original-retention legend[b-29qg430htg] {
    margin: 0 0 .15rem;
    font-size: .78rem;
    font-weight: 800;
}

.original-retention label[b-29qg430htg] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    font-size: .76rem;
}

.original-deleted-status[b-29qg430htg] {
    padding: .7rem;
    color: var(--app-warning-text);
    background: var(--app-warning-soft);
    border: 1px solid var(--app-warning-border);
    border-radius: .7rem;
    font-size: .78rem;
    font-weight: 800;
}

.review-navigation[b-29qg430htg] {
    margin-top: auto;
}

.review-navigation .btn[b-29qg430htg] {
    flex: 1 1 6rem;
}

.review-thumbnails[b-29qg430htg] {
    display: flex;
    gap: .55rem;
    padding: .2rem 0 .45rem;
    overflow-x: auto;
}

.review-thumbnail[b-29qg430htg] {
    position: relative;
    width: 8.5rem;
    flex: 0 0 8.5rem;
    padding: .25rem;
    overflow: hidden;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .7rem;
}

.review-thumbnail.is-current[b-29qg430htg] {
    border-color: var(--app-brand);
    box-shadow: 0 0 0 2px var(--app-focus-ring);
}

.review-thumbnail img[b-29qg430htg] {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: .45rem;
}

.review-thumbnail span[b-29qg430htg] {
    position: absolute;
    right: .45rem;
    bottom: .45rem;
    max-width: calc(100% - .9rem);
    padding: .16rem .35rem;
    overflow: hidden;
    border-radius: .35rem;
    font-size: .58rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-images-dialog-backdrop[b-29qg430htg] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: var(--app-overlay);
}

.sales-images-dialog[b-29qg430htg],
.zoom-dialog[b-29qg430htg] {
    width: min(100%, 34rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.2rem;
    color: var(--app-text);
    background: var(--app-surface-raised);
    border: 1px solid var(--app-border);
    border-radius: 1.1rem;
    box-shadow: var(--app-shadow-md);
}

.sales-images-dialog[b-29qg430htg] {
    display: grid;
    gap: .9rem;
}

.dialog-warning-icon[b-29qg430htg] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border: 1px solid var(--app-danger-border);
    border-radius: 50%;
    font-size: 1.4rem;
    font-weight: 900;
}

.sales-images-dialog p[b-29qg430htg] {
    margin: .25rem 0 0;
    color: var(--app-text-muted);
}

.sales-images-dialog dl[b-29qg430htg] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: .8rem;
    background: var(--app-surface-muted);
    border-radius: .75rem;
}

.sales-images-dialog dl div[b-29qg430htg] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: .5rem;
}

.sales-images-dialog dt[b-29qg430htg] {
    color: var(--app-text-muted);
    font-size: .72rem;
}

.sales-images-dialog dd[b-29qg430htg] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .78rem;
    font-weight: 750;
}

.dialog-note[b-29qg430htg] {
    padding: .65rem;
    color: var(--app-warning-text) !important;
    background: var(--app-warning-soft);
    border: 1px solid var(--app-warning-border);
    border-radius: .65rem;
    font-size: .74rem;
}

.sales-images-dialog footer[b-29qg430htg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.zoom-dialog[b-29qg430htg] {
    position: relative;
    width: min(100%, 78rem);
    padding: .5rem;
}

.zoom-dialog img[b-29qg430htg] {
    display: block;
    width: 100%;
    max-height: calc(100vh - 8rem);
    object-fit: contain;
    border-radius: .8rem;
}

.zoom-close[b-29qg430htg] {
    position: absolute;
    z-index: 2;
    top: .85rem;
    right: .85rem;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    color: #fff;
    background: rgba(8, 31, 51, .82);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    font-size: 1.4rem;
}

.zoom-dialog footer[b-29qg430htg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .7rem .4rem .2rem;
    color: var(--app-text-muted);
}

.zoom-dialog footer strong[b-29qg430htg] {
    color: var(--app-text);
}

@media (max-width: 72rem) {
    .style-grid[b-29qg430htg] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 58rem) {
    .sales-images-hero[b-29qg430htg] { align-items: stretch; flex-direction: column; }
    .selected-vehicle-summary[b-29qg430htg] { width: 100%; }
    .vehicle-picker-layout[b-29qg430htg] { grid-template-columns: 1fr; }
    .style-grid[b-29qg430htg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .review-layout[b-29qg430htg] { grid-template-columns: 1fr; }
    .review-actions[b-29qg430htg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .review-actions > div:first-child[b-29qg430htg],
    .original-retention[b-29qg430htg],
    .original-deleted-status[b-29qg430htg],
    .review-navigation[b-29qg430htg] { grid-column: 1 / -1; }
}

@media (max-width: 42rem) {
    .sales-images-page[b-29qg430htg] { gap: .75rem; }
    .sales-images-hero[b-29qg430htg],
    .sales-images-workspace[b-29qg430htg] { border-radius: .95rem; }
    .sales-images-title-row[b-29qg430htg] { align-items: flex-start; flex-direction: column; }
    .sales-images-steps[b-29qg430htg] { grid-template-columns: repeat(4, 1fr); gap: .3rem; }
    .sales-images-step[b-29qg430htg] { min-height: 3.3rem; justify-content: center; padding: .45rem; }
    .sales-images-step > span[b-29qg430htg] { width: 1.7rem; height: 1.7rem; }
    .sales-images-step strong[b-29qg430htg] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .workspace-heading[b-29qg430htg],
    .selected-images-heading[b-29qg430htg],
    .workspace-footer[b-29qg430htg] { align-items: stretch; flex-direction: column; }
    .workspace-footer > span[b-29qg430htg] { margin-right: 0; }
    .workspace-footer .btn[b-29qg430htg] { width: 100%; min-height: 2.75rem; }
    .demo-load-row[b-29qg430htg] { align-items: stretch; flex-direction: column; }
    .selection-actions[b-29qg430htg] { width: 100%; }
    .selection-actions .btn[b-29qg430htg] { flex: 1 1 auto; }
    .upload-thumbnail-grid[b-29qg430htg] { grid-template-columns: 1fr; }
    .style-intro[b-29qg430htg],
    .processing-summary[b-29qg430htg] { grid-template-columns: 1fr; }
    .style-grid[b-29qg430htg] { grid-template-columns: 1fr; }
    .style-card[b-29qg430htg] { grid-template-columns: 8rem minmax(0, 1fr); }
    .style-preview[b-29qg430htg] { height: 100%; aspect-ratio: auto; }
    .processing-item[b-29qg430htg] { grid-template-columns: 4.25rem minmax(0, 1fr); }
    .processing-item img[b-29qg430htg] { width: 4.25rem; height: 3.2rem; }
    .processing-status-pill[b-29qg430htg] { grid-column: 2; justify-self: start; }
    .review-actions[b-29qg430htg] { grid-template-columns: 1fr; }
    .review-actions > *[b-29qg430htg] { grid-column: auto; }
    .before-after[b-29qg430htg],
    .side-by-side-comparison[b-29qg430htg],
    .single-result[b-29qg430htg] { aspect-ratio: 4 / 3; }
    .side-by-side-comparison[b-29qg430htg] { grid-template-columns: 1fr; aspect-ratio: auto; }
    .side-by-side-comparison figure[b-29qg430htg] { aspect-ratio: 3 / 2; }
    .result-meta .review-status[b-29qg430htg] { width: 100%; margin-left: 0; justify-content: center; }
    .sales-images-dialog footer .btn[b-29qg430htg] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .processing-live-badge > span[b-29qg430htg],
    .style-preview img[b-29qg430htg] { animation: none; transition: none; }
}
/* /Components/Pages/SalesRequestDetails.razor.rz.scp.css */
.sales-request-detail-page[b-q8b3nezf61] {
    display: grid;
    gap: 1.1rem;
}

.sales-request-back[b-q8b3nezf61] {
    color: var(--app-brand-strong);
    font-weight: 750;
    text-decoration: none;
}

.sales-request-detail-hero[b-q8b3nezf61],
.sales-request-detail-card > footer[b-q8b3nezf61],
.sales-request-messages header[b-q8b3nezf61],
.sales-request-messages footer[b-q8b3nezf61] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.sales-request-detail-hero p[b-q8b3nezf61] {
    color: var(--app-brand);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase;
}

.sales-request-detail-hero h1[b-q8b3nezf61] {
    margin: 0;
}

.sales-request-detail-grid[b-q8b3nezf61],
.sales-request-detail-form-grid[b-q8b3nezf61] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sales-request-detail-card[b-q8b3nezf61],
.sales-request-detail-state[b-q8b3nezf61] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.sales-request-detail-card h2[b-q8b3nezf61],
.sales-request-detail-card p[b-q8b3nezf61],
.sales-request-detail-card dl[b-q8b3nezf61],
.sales-request-messages[b-q8b3nezf61] {
    margin: 0;
}

.sales-request-detail-card dl[b-q8b3nezf61] {
    display: grid;
    gap: .6rem;
}

.sales-request-detail-card dl > div[b-q8b3nezf61] {
    display: grid;
    grid-template-columns: minmax(8rem, .5fr) minmax(0, 1fr);
}

.sales-request-detail-card dt[b-q8b3nezf61],
.sales-request-detail-card label > span[b-q8b3nezf61] {
    color: var(--app-text-muted);
    font-size: .8rem;
    font-weight: 750;
}

.sales-request-detail-card label[b-q8b3nezf61] {
    display: grid;
    gap: .35rem;
}

.sales-request-description[b-q8b3nezf61] {
    white-space: pre-wrap;
}

.sales-request-messages[b-q8b3nezf61] {
    display: grid;
    gap: .7rem;
    list-style: none;
    padding: 0;
}

.sales-request-messages li[b-q8b3nezf61] {
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .8rem;
    display: grid;
    gap: .5rem;
    padding: .8rem;
}

.sales-request-messages span[b-q8b3nezf61] {
    color: var(--app-text-muted);
    font-size: .8rem;
}

@media (max-width: 47.99rem) {
    .sales-request-detail-hero[b-q8b3nezf61],
    .sales-request-detail-card > footer[b-q8b3nezf61] {
        align-items: stretch;
        flex-direction: column;
    }

    .sales-request-detail-grid[b-q8b3nezf61],
    .sales-request-detail-form-grid[b-q8b3nezf61] {
        grid-template-columns: 1fr;
    }

    .sales-request-detail-card dl > div[b-q8b3nezf61] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SalesRequests.razor.rz.scp.css */
.sales-requests-page[b-5hbgmlwx9z] {
    display: grid;
    gap: 1.25rem;
}

.sales-requests-hero[b-5hbgmlwx9z],
.sales-requests-list > header[b-5hbgmlwx9z] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.sales-requests-hero p[b-5hbgmlwx9z],
.sales-requests-list header p[b-5hbgmlwx9z] {
    color: var(--app-brand);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase;
}

.sales-requests-hero h1[b-5hbgmlwx9z],
.sales-requests-list h2[b-5hbgmlwx9z],
.sales-requests-list header p[b-5hbgmlwx9z] {
    margin: 0;
}

.sales-requests-hero .btn[b-5hbgmlwx9z] {
    min-height: 44px;
}

.sales-requests-list[b-5hbgmlwx9z],
.sales-requests-state[b-5hbgmlwx9z] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    padding: 1rem;
}

.sales-requests-list[b-5hbgmlwx9z] {
    display: grid;
    gap: .7rem;
}

.sales-requests-list > header > strong[b-5hbgmlwx9z] {
    background: var(--app-brand-soft);
    border-radius: 999px;
    color: var(--app-brand-strong);
    padding: .45rem .7rem;
}

.sales-requests-list > a[b-5hbgmlwx9z] {
    align-items: center;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .8rem;
    color: var(--app-text);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 44px;
    padding: .8rem;
    text-decoration: none;
}

.sales-requests-list > a > span[b-5hbgmlwx9z] {
    display: grid;
}

.sales-requests-list > a > span:last-child[b-5hbgmlwx9z] {
    text-align: right;
}

.sales-requests-list small[b-5hbgmlwx9z],
.sales-requests-state span[b-5hbgmlwx9z] {
    color: var(--app-text-muted);
}

.sales-request-dialog-backdrop[b-5hbgmlwx9z] {
    align-items: center;
    background: rgb(15 23 42 / .65);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1050;
}

.sales-request-dialog[b-5hbgmlwx9z] {
    background: var(--app-surface);
    border-radius: 1rem;
    display: grid;
    gap: 1rem;
    max-height: calc(100vh - 2rem);
    max-width: 48rem;
    overflow: auto;
    padding: 1.25rem;
    width: 100%;
}

.sales-request-dialog > header[b-5hbgmlwx9z],
.sales-request-dialog > footer[b-5hbgmlwx9z] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.sales-request-dialog header p[b-5hbgmlwx9z],
.sales-request-dialog header h2[b-5hbgmlwx9z] {
    margin: 0;
}

.sales-request-form-grid[b-5hbgmlwx9z] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sales-request-dialog label[b-5hbgmlwx9z] {
    display: grid;
    gap: .35rem;
}

@media (max-width: 47.99rem) {
    .sales-requests-hero[b-5hbgmlwx9z] {
        align-items: stretch;
        flex-direction: column;
    }

    .sales-request-form-grid[b-5hbgmlwx9z] {
        grid-template-columns: 1fr;
    }
    .sales-requests-list > a[b-5hbgmlwx9z] {
        align-items: flex-start;
        flex-direction: column;
    }

    .sales-requests-list > a > span:last-child[b-5hbgmlwx9z] {
        text-align: left;
    }
}
/* /Components/Pages/SalesTestDriveDashboard.razor.rz.scp.css */
.sales-dashboard[b-kv51b71rqn] { display: grid; gap: 1rem; }
.sales-hero[b-kv51b71rqn] { align-items: end; background: linear-gradient(135deg, var(--app-surface-raised), var(--app-surface)); border: 1px solid var(--app-border); border-radius: 1.25rem; display: flex; gap: 1rem; justify-content: space-between; padding: clamp(1.1rem, 4vw, 2rem); }
.sales-hero h1[b-kv51b71rqn], .sales-dialog h2[b-kv51b71rqn] { margin: 0; }
.sales-hero p[b-kv51b71rqn] { color: var(--app-text-muted); margin: .35rem 0 0; max-width: 54rem; }
.sales-eyebrow[b-kv51b71rqn] { color: var(--app-brand); font-size: .75rem; font-weight: 800; letter-spacing: .11em; margin: 0 0 .25rem; text-transform: uppercase; }
.sales-kpis[b-kv51b71rqn] { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sales-kpi[b-kv51b71rqn] { background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1rem; display: grid; padding: 1rem; }
.sales-kpi strong[b-kv51b71rqn] { color: var(--app-text); font-size: 1.65rem; }
.sales-kpi span[b-kv51b71rqn] { color: var(--app-text-muted); font-size: .82rem; }
.sales-kpi--alert[b-kv51b71rqn] { border-color: var(--app-danger-border); }
.sales-request-queue[b-kv51b71rqn] { background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1.1rem; display: grid; gap: .8rem; padding: 1rem; }
.sales-request-queue-heading[b-kv51b71rqn] { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.sales-request-queue-heading h2[b-kv51b71rqn] { font-size: 1.1rem; margin: 0; }
.sales-request-queue-list[b-kv51b71rqn] { display: grid; gap: .55rem; }
.sales-request-queue-item[b-kv51b71rqn] { align-items: center; background: var(--app-surface-muted); border: 1px solid var(--app-border); border-radius: .8rem; color: var(--app-text); display: flex; gap: .8rem; justify-content: space-between; min-height: 44px; padding: .75rem; text-decoration: none; }
.sales-request-queue-item:hover[b-kv51b71rqn], .sales-request-queue-item:focus-visible[b-kv51b71rqn] { border-color: var(--app-brand); color: var(--app-text); }
.sales-request-queue-item > span[b-kv51b71rqn], .sales-request-queue-meta[b-kv51b71rqn] { display: grid; gap: .2rem; }
.sales-request-queue-item small[b-kv51b71rqn] { color: var(--app-text-muted); }
.sales-request-queue-meta[b-kv51b71rqn] { justify-items: end; }
.sales-grid[b-kv51b71rqn] { display: grid; gap: .85rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); }
.sales-card[b-kv51b71rqn] { background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1.1rem; color: var(--app-text); display: grid; gap: .75rem; min-height: 44px; padding: 1rem; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.sales-card:hover[b-kv51b71rqn], .sales-card:focus-visible[b-kv51b71rqn] { border-color: var(--app-brand); color: var(--app-text); transform: translateY(-2px); }
.sales-card header[b-kv51b71rqn] { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.sales-card header strong[b-kv51b71rqn] { font-size: 1.4rem; letter-spacing: .06em; }
.sales-card h2[b-kv51b71rqn] { font-size: 1rem; margin: 0; }
.sales-card dl[b-kv51b71rqn] { display: grid; gap: .5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.sales-card dl div[b-kv51b71rqn] { display: grid; }
.sales-card dt[b-kv51b71rqn] { color: var(--app-text-muted); font-size: .72rem; }
.sales-card dd[b-kv51b71rqn] { margin: 0; overflow-wrap: anywhere; }
.sales-chip[b-kv51b71rqn] { background: var(--app-surface-raised); border: 1px solid var(--app-border); border-radius: 999px; font-size: .72rem; font-weight: 700; padding: .3rem .55rem; }
.sales-critical[b-kv51b71rqn] { color: var(--app-danger-text); font-size: .82rem; font-weight: 800; }
.sales-state[b-kv51b71rqn] { align-items: center; background: var(--app-surface); border: 1px dashed var(--app-border); border-radius: 1rem; color: var(--app-text-muted); display: grid; gap: .25rem; justify-items: center; padding: 2rem 1rem; text-align: center; }
.sales-state--error[b-kv51b71rqn] { border-color: var(--app-danger-border); color: var(--app-danger-text); }
.sales-dialog-backdrop[b-kv51b71rqn] { align-items: center; background: var(--app-overlay); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 1100; }
.sales-dialog[b-kv51b71rqn] { background: var(--app-surface-raised); border: 1px solid var(--app-border); border-radius: 1.1rem; box-shadow: var(--app-shadow-md); display: grid; gap: 1rem; max-height: calc(100vh - 2rem); max-width: 42rem; overflow: auto; padding: 1rem; width: 100%; }
.sales-dialog > header[b-kv51b71rqn], .sales-dialog > footer[b-kv51b71rqn] { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.sales-dialog label[b-kv51b71rqn] { display: grid; gap: .35rem; }
.sales-dialog label > span[b-kv51b71rqn] { color: var(--app-text-muted); font-size: .8rem; font-weight: 700; }
.sales-form-grid[b-kv51b71rqn] { display: grid; gap: .8rem; }
@media (min-width: 48rem) { .sales-kpis[b-kv51b71rqn] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sales-form-grid[b-kv51b71rqn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 39.99rem) { .sales-hero[b-kv51b71rqn] { align-items: stretch; flex-direction: column; } .sales-hero .btn[b-kv51b71rqn] { min-height: 44px; } .sales-request-queue-item[b-kv51b71rqn] { align-items: stretch; flex-direction: column; } .sales-request-queue-meta[b-kv51b71rqn] { align-items: center; display: flex; justify-content: space-between; } }
/* /Components/Pages/SalesTestDriveDetails.razor.rz.scp.css */
.sales-detail[b-u052o5cbhc] { color: var(--app-text); display: grid; gap: 1rem; padding-bottom: 3rem; }
.sales-back[b-u052o5cbhc] { align-items: center; display: inline-flex; min-height: 44px; width: fit-content; }
.sales-detail-hero[b-u052o5cbhc] { align-items: end; background: linear-gradient(135deg, var(--app-hero-start), var(--app-hero-end)); border-radius: 1.25rem; color: var(--app-on-brand); display: flex; gap: 1rem; justify-content: space-between; padding: clamp(1.1rem, 4vw, 2rem); }
.sales-detail-hero p[b-u052o5cbhc] { color: var(--app-hero-text-muted); font-size: .75rem; font-weight: 800; letter-spacing: .1em; margin: 0; text-transform: uppercase; }
.sales-detail-hero h1[b-u052o5cbhc] { font-size: clamp(2rem, 8vw, 3.4rem); letter-spacing: .09em; margin: .2rem 0; }
.sales-detail-hero-actions[b-u052o5cbhc] { align-items: flex-end; display: grid; gap: .65rem; justify-items: end; }
.sales-status[b-u052o5cbhc] { background: var(--app-brand-soft); border: 1px solid var(--app-brand); border-radius: 999px; color: var(--app-brand-strong); font-size: .78rem; font-weight: 800; padding: .35rem .65rem; white-space: nowrap; }
.sales-detail-grid[b-u052o5cbhc] { display: grid; gap: 1rem; }
.sales-panel[b-u052o5cbhc] { background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1.1rem; box-shadow: var(--app-shadow-sm); display: grid; gap: 1rem; padding: 1rem; }
.sales-panel h2[b-u052o5cbhc], .sales-panel h3[b-u052o5cbhc] { margin: 0; }
.sales-panel dl[b-u052o5cbhc] { display: grid; gap: .7rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.sales-panel dl div[b-u052o5cbhc] { display: grid; }
.sales-panel dt[b-u052o5cbhc], .sales-panel small[b-u052o5cbhc], .sales-empty[b-u052o5cbhc], .sales-section-heading p[b-u052o5cbhc] { color: var(--app-text-muted); font-size: .78rem; }
.sales-panel dd[b-u052o5cbhc] { margin: 0; overflow-wrap: anywhere; }
.sales-notes[b-u052o5cbhc] { background: var(--app-surface-muted); border-radius: .8rem; margin: 0; padding: .8rem; white-space: pre-wrap; }
.sales-inline-form[b-u052o5cbhc], .sales-upload[b-u052o5cbhc] { align-items: end; display: grid; gap: .7rem; }
.sales-inline-form .btn[b-u052o5cbhc], .sales-upload .btn[b-u052o5cbhc] { min-height: 44px; }
.sales-section-heading[b-u052o5cbhc] { align-items: center; display: flex; justify-content: space-between; }
.sales-section-heading p[b-u052o5cbhc] { font-weight: 800; letter-spacing: .08em; margin: 0; text-transform: uppercase; }
.sales-finding-form[b-u052o5cbhc] { align-items: end; background: var(--app-surface-muted); border-radius: .9rem; display: grid; gap: .75rem; padding: .85rem; }
.sales-finding-form label[b-u052o5cbhc], .sales-upload label[b-u052o5cbhc] { display: grid; gap: .3rem; }
.sales-finding-form label > span[b-u052o5cbhc], .sales-upload label > span[b-u052o5cbhc] { color: var(--app-text-muted); font-size: .75rem; font-weight: 750; }
.sales-findings[b-u052o5cbhc] { display: grid; gap: .75rem; }
.sales-finding[b-u052o5cbhc] { border: 1px solid var(--app-border); border-left: .3rem solid var(--app-info-border); border-radius: .9rem; display: grid; gap: .65rem; padding: .85rem; }
.sales-finding--high[b-u052o5cbhc] { border-left-color: var(--app-warning-border); }
.sales-finding--critical[b-u052o5cbhc] { border-left-color: var(--app-danger-border); }
.sales-finding header[b-u052o5cbhc] { align-items: start; display: flex; gap: .75rem; justify-content: space-between; }
.sales-finding header span:first-child[b-u052o5cbhc] { color: var(--app-text-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.sales-finding p[b-u052o5cbhc] { margin: 0; white-space: pre-wrap; }
.sales-finding .btn[b-u052o5cbhc] { min-height: 44px; width: fit-content; }
.sales-workshop-request[b-u052o5cbhc] { background: var(--app-surface-muted); border: 1px solid var(--app-border); border-radius: .75rem; display: grid; gap: .35rem; padding: .75rem; }
.sales-workshop-request p[b-u052o5cbhc] { margin: 0; }
.sales-request-form[b-u052o5cbhc] { align-items: end; display: grid; gap: .65rem; }
.sales-request-form label[b-u052o5cbhc] { display: grid; gap: .3rem; }
.sales-request-form label > span[b-u052o5cbhc] { color: var(--app-text-muted); font-size: .75rem; font-weight: 750; }
.sales-request-actions[b-u052o5cbhc] { display: flex; flex-wrap: wrap; gap: .5rem; }
.sales-message-form[b-u052o5cbhc] { align-items: end; background: var(--app-surface-muted); border-radius: .9rem; display: grid; gap: .75rem; padding: .85rem; }
.sales-message-form label[b-u052o5cbhc] { display: grid; gap: .3rem; }
.sales-message-form label > span[b-u052o5cbhc] { color: var(--app-text-muted); font-size: .75rem; font-weight: 750; }
.sales-message-followup[b-u052o5cbhc] { align-items: center !important; display: flex !important; min-height: 44px; }
.sales-message-followup input[b-u052o5cbhc] { height: 1.15rem; width: 1.15rem; }
.sales-message-list[b-u052o5cbhc] { display: grid; gap: .65rem; }
.sales-message[b-u052o5cbhc] { border: 1px solid var(--app-border); border-left: .25rem solid var(--app-info-border); border-radius: .8rem; display: grid; gap: .4rem; padding: .75rem; }
.sales-message--important[b-u052o5cbhc] { border-left-color: var(--app-warning-border); }
.sales-message--urgent[b-u052o5cbhc] { border-left-color: var(--app-danger-border); }
.sales-message header[b-u052o5cbhc] { display: flex; gap: .75rem; justify-content: space-between; }
.sales-message-labels[b-u052o5cbhc] { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; }
.sales-message-unread[b-u052o5cbhc] { background: var(--app-brand-soft); border: 1px solid var(--app-brand); border-radius: 999px; color: var(--app-brand-strong); font-size: .7rem; font-weight: 800; padding: .2rem .45rem; }
.sales-message-context[b-u052o5cbhc] { color: var(--app-brand-strong); font-size: .78rem; font-weight: 750; width: fit-content; }
.sales-message p[b-u052o5cbhc] { margin: 0; white-space: pre-wrap; }
.sales-message-resolved[b-u052o5cbhc] { color: var(--app-success-text); font-size: .78rem; font-weight: 750; }
.sales-media-grid[b-u052o5cbhc] { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.sales-media-grid article[b-u052o5cbhc] { background: var(--app-surface-muted); border: 1px solid var(--app-border); border-radius: .9rem; display: grid; gap: .5rem; overflow: hidden; padding: .55rem; }
.sales-media-grid img[b-u052o5cbhc], .sales-media-grid video[b-u052o5cbhc] { aspect-ratio: 4 / 3; background: var(--app-background); border-radius: .6rem; object-fit: contain; width: 100%; }
.sales-detail-state[b-u052o5cbhc] { background: var(--app-surface); border: 1px dashed var(--app-border); border-radius: 1rem; color: var(--app-text-muted); padding: 2rem 1rem; text-align: center; }
.sales-dialog-backdrop[b-u052o5cbhc] { align-items: center; background: var(--app-overlay); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 1100; }
.sales-dialog[b-u052o5cbhc] { background: var(--app-surface-raised); border: 1px solid var(--app-border); border-radius: 1.1rem; box-shadow: var(--app-shadow-md); display: grid; gap: 1rem; max-height: calc(100vh - 2rem); max-width: 42rem; overflow: auto; padding: 1rem; width: 100%; }
.sales-dialog > header[b-u052o5cbhc], .sales-dialog > footer[b-u052o5cbhc] { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }
.sales-dialog h2[b-u052o5cbhc] { margin: 0; }
.sales-dialog label[b-u052o5cbhc] { display: grid; gap: .35rem; }
.sales-dialog label > span[b-u052o5cbhc] { color: var(--app-text-muted); font-size: .8rem; font-weight: 700; }
.sales-edit-grid[b-u052o5cbhc] { display: grid; gap: .8rem; }
@media (min-width: 48rem) { .sales-detail-grid[b-u052o5cbhc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sales-inline-form[b-u052o5cbhc] { grid-template-columns: 1fr auto; } .sales-upload[b-u052o5cbhc] { grid-template-columns: minmax(12rem, .75fr) minmax(16rem, 1fr) auto; } .sales-finding-form[b-u052o5cbhc] { grid-template-columns: 1fr 13rem auto; } .sales-finding-form .sales-wide[b-u052o5cbhc] { grid-column: 1 / -1; } .sales-request-form[b-u052o5cbhc] { grid-template-columns: 1fr auto; } .sales-message-form[b-u052o5cbhc] { grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1fr) 10rem auto auto; } .sales-message-form .sales-wide[b-u052o5cbhc] { grid-column: 1 / -1; } .sales-edit-grid[b-u052o5cbhc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 39.99rem) { .sales-detail-hero[b-u052o5cbhc] { align-items: start; flex-direction: column; } .sales-panel dl[b-u052o5cbhc] { grid-template-columns: 1fr; } .sales-finding header[b-u052o5cbhc] { align-items: start; flex-direction: column; } }
/* /Components/Pages/UnscheduledJobs.razor.rz.scp.css */
.unscheduled-page[b-w7cghmaafx] {
    display: grid;
    gap: 1.25rem;
}

.unscheduled-header[b-w7cghmaafx],
.unscheduled-card__topline[b-w7cghmaafx],
.unscheduled-actions[b-w7cghmaafx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.unscheduled-header h1[b-w7cghmaafx],
.unscheduled-card h2[b-w7cghmaafx],
.unscheduled-card p[b-w7cghmaafx],
.unscheduled-card dl[b-w7cghmaafx] {
    margin: 0;
}

.unscheduled-eyebrow[b-w7cghmaafx] {
    color: var(--app-brand);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.unscheduled-grid[b-w7cghmaafx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
}

.unscheduled-card[b-w7cghmaafx],
.unscheduled-state[b-w7cghmaafx] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    padding: 1.1rem;
}

.unscheduled-card[b-w7cghmaafx] {
    display: grid;
    gap: .9rem;
    position: relative;
}

.unscheduled-card-hit-area[b-w7cghmaafx] {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
}

.unscheduled-card-hit-area:focus-visible[b-w7cghmaafx] {
    outline: .2rem solid var(--app-brand);
    outline-offset: .15rem;
}

.unscheduled-card > *:not(.unscheduled-card-hit-area)[b-w7cghmaafx] {
    position: relative;
    z-index: 0;
    pointer-events: none;
}

.unscheduled-card .unscheduled-actions[b-w7cghmaafx] {
    z-index: 2;
    pointer-events: auto;
}

.unscheduled-card:has(.unscheduled-card-hit-area:hover)[b-w7cghmaafx],
.unscheduled-card:has(.unscheduled-card-hit-area:focus-visible)[b-w7cghmaafx] {
    border-color: var(--app-brand);
    box-shadow: var(--app-shadow-md);
}

.unscheduled-card__topline strong[b-w7cghmaafx] {
    font-size: 1.35rem;
    letter-spacing: .04em;
}

.unscheduled-card__topline span[b-w7cghmaafx] {
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 999px;
    color: var(--app-text-muted);
    font-size: .78rem;
    font-weight: 700;
    padding: .35rem .65rem;
}

.unscheduled-card dl[b-w7cghmaafx] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.unscheduled-card dt[b-w7cghmaafx],
.unscheduled-actions label span[b-w7cghmaafx] {
    color: var(--app-text-muted);
    font-size: .75rem;
    font-weight: 700;
}

.unscheduled-card dd[b-w7cghmaafx] {
    margin: .15rem 0 0;
}

.unscheduled-actions[b-w7cghmaafx] {
    align-items: end;
    flex-wrap: wrap;
}

.unscheduled-actions label[b-w7cghmaafx] {
    display: grid;
    flex: 1 1 10rem;
    gap: .3rem;
}

.unscheduled-actions .btn[b-w7cghmaafx] {
    min-height: 44px;
}

.unscheduled-state[b-w7cghmaafx] {
    display: grid;
    gap: .35rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .unscheduled-header[b-w7cghmaafx] {
        align-items: stretch;
        flex-direction: column;
    }

    .unscheduled-actions > *[b-w7cghmaafx] {
        width: 100%;
    }
}
/* /Components/Pages/UserAdministration.razor.rz.scp.css */
.user-admin-header[b-99ihyalxub] {
    margin-bottom: 1.5rem;
    padding: 1.35rem;
    color: var(--app-on-brand);
    background:
        radial-gradient(circle at top right, var(--app-hero-glow), transparent 38%),
        linear-gradient(135deg, var(--app-hero-start), var(--app-hero-end));
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1.25rem;
    box-shadow: var(--app-shadow-md);
}

.user-admin-header h1[b-99ihyalxub],
.user-admin-header p[b-99ihyalxub] {
    margin-bottom: 0;
}

.user-admin-intro[b-99ihyalxub] {
    max-width: 42rem;
    margin-top: 0.5rem;
    color: var(--app-hero-text-muted);
}

.user-admin-kicker[b-99ihyalxub] {
    margin: 0 0 0.35rem;
    color: var(--app-brand);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.user-admin-header .user-admin-kicker[b-99ihyalxub] {
    color: var(--app-sidebar-accent);
}

.user-admin-panel[b-99ihyalxub] {
    padding: 1.1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1.1rem;
    box-shadow: var(--app-shadow-sm);
}

.user-list-heading[b-99ihyalxub],
.profile-editor-heading[b-99ihyalxub],
.user-card-heading[b-99ihyalxub] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.user-list-heading[b-99ihyalxub] {
    margin-bottom: 1rem;
}

.user-list-heading h2[b-99ihyalxub],
.profile-editor-heading h3[b-99ihyalxub],
.user-card-heading h3[b-99ihyalxub] {
    margin-bottom: 0;
    color: var(--app-text);
}

.profile-editor-heading h3:focus-visible[b-99ihyalxub] {
    outline: 3px solid color-mix(in srgb, var(--app-brand) 55%, transparent);
    outline-offset: 0.2rem;
}

.user-count[b-99ihyalxub],
.role-badge[b-99ihyalxub] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.25rem 0.65rem;
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border: 1px solid var(--app-border);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.profile-editor[b-99ihyalxub] {
    margin-bottom: 1.25rem;
    padding: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid color-mix(in srgb, var(--app-brand) 34%, var(--app-border));
    border-radius: 1rem;
}

.profile-editor-heading[b-99ihyalxub] {
    margin-bottom: 1rem;
}

.profile-editor-heading p:last-child[b-99ihyalxub],
.form-hint[b-99ihyalxub],
.user-list-state[b-99ihyalxub],
.user-card-label[b-99ihyalxub],
.user-card-details dt[b-99ihyalxub],
.technical-identity[b-99ihyalxub] {
    color: var(--app-text-muted);
}

.profile-editor-heading p:last-child[b-99ihyalxub],
.form-hint[b-99ihyalxub] {
    margin: 0.3rem 0 0;
}

.profile-form-grid[b-99ihyalxub] {
    display: grid;
    gap: 1rem;
}

.readonly-profile-value[b-99ihyalxub] {
    min-height: 3rem;
    padding: 0.75rem 0.9rem;
    overflow-wrap: anywhere;
    color: var(--app-text);
    background: var(--app-input-disabled);
    border: 1px solid var(--app-border);
    border-radius: 0.7rem;
}

.form-hint[b-99ihyalxub] {
    font-size: 0.82rem;
}

.profile-editor-actions[b-99ihyalxub] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.profile-editor-actions .btn[b-99ihyalxub],
.profile-editor-heading .btn[b-99ihyalxub],
.user-card-heading .btn[b-99ihyalxub],
.user-table .btn[b-99ihyalxub] {
    min-height: 2.75rem;
}

.user-list-state[b-99ihyalxub] {
    padding: 1.5rem;
    text-align: center;
    background: var(--app-surface-muted);
    border: 1px dashed var(--app-border);
    border-radius: 0.9rem;
}

.user-table-wrap[b-99ihyalxub] {
    display: none;
    overflow-x: auto;
}

.user-table[b-99ihyalxub] {
    margin-bottom: 0;
    color: var(--app-text);
}

.user-table > :not(caption) > * > *[b-99ihyalxub] {
    padding: 0.85rem;
    color: var(--app-text);
    background: var(--app-surface);
    border-bottom-color: var(--app-border);
}

.user-table thead > tr > *[b-99ihyalxub] {
    color: var(--app-text-muted);
    background: var(--app-surface-muted);
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.role-list[b-99ihyalxub] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.user-row-actions[b-99ihyalxub] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.access-grid[b-99ihyalxub] {
    display: grid;
    gap: 1rem;
    margin-block: 1rem;
}

.access-grid fieldset[b-99ihyalxub] {
    min-width: 0;
    padding: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.85rem;
}

.access-grid legend[b-99ihyalxub] {
    float: none;
    width: auto;
    margin: 0 0 0.65rem;
    color: var(--app-text);
    font-size: 0.9rem;
    font-weight: 800;
}

.access-option[b-99ihyalxub],
.access-admin-confirmation[b-99ihyalxub] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-height: 2.75rem;
    padding: 0.6rem;
    color: var(--app-text);
    cursor: pointer;
}

.access-option input[b-99ihyalxub],
.access-admin-confirmation input[b-99ihyalxub] {
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 0.12rem;
    accent-color: var(--app-accent);
}

.access-admin-confirmation[b-99ihyalxub] {
    margin-bottom: 1rem;
    background: var(--app-warning-soft);
    border: 1px solid var(--app-warning-border);
    border-radius: 0.85rem;
}

.user-card-list[b-99ihyalxub] {
    display: grid;
    gap: 0.85rem;
}

.user-card[b-99ihyalxub] {
    padding: 1rem;
    background: var(--app-surface-raised);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.user-card-heading h3[b-99ihyalxub] {
    margin-top: 0.2rem;
    overflow-wrap: anywhere;
    font-size: 1rem;
}

.technical-identity[b-99ihyalxub] {
    display: block;
    margin-top: 0.2rem;
    overflow-wrap: anywhere;
    font-size: 0.78rem;
}

.user-card-label[b-99ihyalxub],
.user-card-details dt[b-99ihyalxub] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.user-card-details[b-99ihyalxub] {
    display: grid;
    gap: 0.8rem;
    margin: 1rem 0 0;
}

.user-card-details div[b-99ihyalxub] {
    padding-top: 0.75rem;
    border-top: 1px solid var(--app-border);
}

.user-card-details dd[b-99ihyalxub] {
    margin: 0.25rem 0 0;
    color: var(--app-text);
}

@media (min-width: 36rem) {
    .profile-editor-actions[b-99ihyalxub] {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 48rem) {
    .user-admin-header[b-99ihyalxub],
    .user-admin-panel[b-99ihyalxub] {
        padding: 1.5rem;
    }

    .profile-form-grid[b-99ihyalxub] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .user-table-wrap[b-99ihyalxub] {
        display: block;
    }

    .user-card-list[b-99ihyalxub] {
        display: none;
    }
}
/* /Components/Pages/WorkshopCalendar.razor.rz.scp.css */
.calendar-page[b-z3wx9qnqs0],
.calendar-day-list[b-z3wx9qnqs0],
.calendar-day-list__jobs[b-z3wx9qnqs0] {
    display: grid;
    gap: 1rem;
}

.calendar-hero[b-z3wx9qnqs0],
.calendar-controls[b-z3wx9qnqs0],
.calendar-period-controls[b-z3wx9qnqs0],
.calendar-view-switch[b-z3wx9qnqs0] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.calendar-hero[b-z3wx9qnqs0],
.calendar-controls[b-z3wx9qnqs0] {
    justify-content: space-between;
}

.calendar-hero h1[b-z3wx9qnqs0],
.calendar-hero p[b-z3wx9qnqs0],
.calendar-day-list h2[b-z3wx9qnqs0] {
    margin: 0;
}

.calendar-eyebrow[b-z3wx9qnqs0] {
    color: var(--app-brand);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.calendar-controls[b-z3wx9qnqs0],
.calendar-state[b-z3wx9qnqs0] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
    padding: 1rem;
}

.calendar-date-button[b-z3wx9qnqs0] {
    display: grid;
    gap: .25rem;
    min-height: 44px;
    padding: .35rem .8rem;
    border: 0;
    background: transparent;
    color: var(--app-text);
    font-weight: 800;
    text-align: center;
}

.calendar-date-button input[b-z3wx9qnqs0] {
    max-width: 10rem;
    margin: auto;
    color: var(--app-text-muted);
    background: var(--app-input-background);
    border: 1px solid var(--app-border);
    border-radius: .5rem;
}

.calendar-summary[b-z3wx9qnqs0] {
    margin: 0;
    color: var(--app-text-muted);
}

.calendar-desktop-grid[b-z3wx9qnqs0] {
    display: grid;
    gap: .5rem;
}

.calendar-desktop-grid--month[b-z3wx9qnqs0] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-desktop-grid--week[b-z3wx9qnqs0] {
    grid-template-columns: repeat(7, minmax(8rem, 1fr));
    overflow-x: auto;
}

.calendar-day[b-z3wx9qnqs0] {
    min-height: 9rem;
    padding: .65rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: .8rem;
}

.calendar-day--today[b-z3wx9qnqs0] {
    border-color: var(--app-brand);
    box-shadow: inset 0 0 0 1px var(--app-brand);
}

.calendar-day--drop-target[b-z3wx9qnqs0] {
    background: var(--app-brand-soft);
    border-color: var(--app-brand);
    box-shadow: inset 0 0 0 2px var(--app-brand);
}

.calendar-desktop-grid--week .calendar-job-shell[draggable="true"][b-z3wx9qnqs0] {
    cursor: grab;
}

.calendar-desktop-grid--week .calendar-job-shell[draggable="true"]:active[b-z3wx9qnqs0] {
    cursor: grabbing;
}

.calendar-day > header[b-z3wx9qnqs0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .55rem;
    color: var(--app-text-muted);
    text-transform: capitalize;
}

.calendar-day > header strong[b-z3wx9qnqs0] {
    color: var(--app-text);
}

.calendar-day-jobs[b-z3wx9qnqs0] {
    display: grid;
    gap: .4rem;
}

.calendar-job[b-z3wx9qnqs0] {
    display: grid;
    gap: .15rem;
    padding: .5rem;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .6rem;
    text-decoration: none;
}

.calendar-job-shell[b-z3wx9qnqs0] {
    display: grid;
    gap: .35rem;
    position: relative;
}

.calendar-job-edit[b-z3wx9qnqs0] {
    position: absolute;
    top: .2rem;
    right: .2rem;
    z-index: 1;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 999px;
}

.calendar-job:hover[b-z3wx9qnqs0],
.calendar-job:focus-visible[b-z3wx9qnqs0] {
    border-color: var(--app-brand);
    color: var(--app-text);
    outline: none;
}

.calendar-job--urgent[b-z3wx9qnqs0] {
    border-color: var(--app-danger-border);
    background: var(--app-danger-soft);
}

.calendar-job span[b-z3wx9qnqs0],
.calendar-job small[b-z3wx9qnqs0] {
    overflow: hidden;
    color: var(--app-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-mobile-list[b-z3wx9qnqs0] {
    display: none;
}

.calendar-job--mobile[b-z3wx9qnqs0] {
    min-height: 64px;
    padding: .8rem;
}

.calendar-unplanned[b-z3wx9qnqs0] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
}

.calendar-unplanned h2[b-z3wx9qnqs0],
.calendar-unplanned p[b-z3wx9qnqs0] {
    margin: 0;
}

.calendar-unplanned-list[b-z3wx9qnqs0] {
    display: grid;
    gap: .65rem;
}

.calendar-unplanned-list article[b-z3wx9qnqs0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .75rem;
}

.calendar-unplanned-list article > div[b-z3wx9qnqs0] {
    display: grid;
}

.calendar-unplanned-list span[b-z3wx9qnqs0] {
    color: var(--app-text-muted);
}

.calendar-dialog-backdrop[b-z3wx9qnqs0] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: var(--app-overlay);
}

.calendar-dialog[b-z3wx9qnqs0] {
    display: grid;
    gap: 1rem;
    width: min(100%, 32rem);
    padding: 1.25rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-md);
}

.calendar-dialog h2[b-z3wx9qnqs0],
.calendar-dialog p[b-z3wx9qnqs0] {
    margin: 0;
}

.calendar-dialog label[b-z3wx9qnqs0] {
    display: grid;
    gap: .35rem;
}

.calendar-dialog-actions[b-z3wx9qnqs0] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.calendar-dialog-actions .btn[b-z3wx9qnqs0] {
    min-height: 44px;
}

@media (max-width: 767.98px) {
    .calendar-hero[b-z3wx9qnqs0],
    .calendar-controls[b-z3wx9qnqs0] {
        align-items: stretch;
        flex-direction: column;
    }

    .calendar-period-controls[b-z3wx9qnqs0],
    .calendar-view-switch[b-z3wx9qnqs0] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .calendar-period-controls .btn[b-z3wx9qnqs0],
    .calendar-view-switch .btn[b-z3wx9qnqs0],
    .calendar-hero .btn[b-z3wx9qnqs0] {
        min-height: 44px;
    }

    .calendar-desktop-grid[b-z3wx9qnqs0] {
        display: none;
    }

    .calendar-mobile-list[b-z3wx9qnqs0] {
        display: block;
    }

    .calendar-job-shell > .btn[b-z3wx9qnqs0],
    .calendar-unplanned-list article[b-z3wx9qnqs0],
    .calendar-dialog-actions .btn[b-z3wx9qnqs0] {
        width: 100%;
    }

    .calendar-unplanned-list article[b-z3wx9qnqs0],
    .calendar-dialog-actions[b-z3wx9qnqs0] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/WorkshopJobDetails.razor.rz.scp.css */
.job-detail-page[b-ayg65j8k7q] {
    max-width: 94rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.job-detail-breadcrumb[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1rem;
    color: var(--app-text-muted);
    font-size: 0.78rem;
    font-weight: 650;
}

.job-detail-breadcrumb a[b-ayg65j8k7q] {
    color: var(--app-brand-strong);
    text-decoration: none;
}

.job-detail-breadcrumb a:hover[b-ayg65j8k7q],
.job-detail-breadcrumb a:focus-visible[b-ayg65j8k7q] {
    text-decoration: underline;
}

.job-detail-state[b-ayg65j8k7q] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    align-content: center;
    gap: 0.85rem;
    padding: 2rem;
    text-align: center;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1.2rem;
    box-shadow: var(--app-shadow-sm);
}

.job-detail-state h1[b-ayg65j8k7q],
.job-detail-state p[b-ayg65j8k7q] {
    margin: 0;
}

.job-detail-state h1[b-ayg65j8k7q] {
    font-size: clamp(1.5rem, 6vw, 2.2rem);
}

.job-detail-state .spinner-border[b-ayg65j8k7q] {
    color: var(--app-brand);
}

.job-detail-state--empty[b-ayg65j8k7q] {
    background: var(--app-surface-muted);
    border-style: dashed;
}

.job-detail-message[b-ayg65j8k7q] {
    margin-bottom: 1rem;
    border-radius: 0.9rem;
    box-shadow: var(--app-shadow-sm);
}

.job-detail-hero[b-ayg65j8k7q] {
    display: grid;
    gap: 1.25rem;
    padding: 1.25rem;
    color: var(--app-on-brand);
    background:
        radial-gradient(circle at top right, var(--app-hero-glow), transparent 36%),
        linear-gradient(135deg, var(--app-hero-start), var(--app-hero-end));
    border: 1px solid var(--app-sidebar-border);
    border-radius: 1.35rem;
    box-shadow: var(--app-shadow-md);
}

.job-detail-hero .job-detail-eyebrow[b-ayg65j8k7q] {
    color: var(--app-hero-text-muted);
}

.job-detail-title-row[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
}

.job-detail-title-row h1[b-ayg65j8k7q] {
    width: fit-content;
    margin: 0;
    padding: 0.45rem 0.7rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 2px solid var(--app-border);
    border-radius: 0.5rem;
    box-shadow: var(--app-logo-shadow);
    font-size: clamp(1.8rem, 9vw, 3.4rem);
    font-weight: 880;
    letter-spacing: 0.08em;
    line-height: 1;
}

.job-detail-customer[b-ayg65j8k7q] {
    margin: 0.75rem 0 0;
    color: var(--app-on-brand);
    font-size: 1.05rem;
    font-weight: 700;
}

.job-detail-eyebrow[b-ayg65j8k7q] {
    margin: 0 0 0.3rem;
    color: var(--app-brand);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.job-detail-flags[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem;
}

.job-detail-actions[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
    align-content: start;
}

.job-detail-hero-tools[b-ayg65j8k7q] {
    display: grid;
    gap: 0.75rem;
}

.job-detail-mechanic-actions[b-ayg65j8k7q] {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
    color: var(--app-on-brand);
    background: var(--app-sidebar-panel);
    border: 1px solid var(--app-sidebar-border);
    border-radius: 0.9rem;
}

.job-detail-mechanic-actions p[b-ayg65j8k7q],
.job-detail-mechanic-actions > span[b-ayg65j8k7q] {
    margin: 0;
}

.job-detail-mechanic-actions p[b-ayg65j8k7q] {
    color: var(--app-hero-text-muted);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.job-detail-mechanic-actions > span[b-ayg65j8k7q] {
    max-width: 18rem;
    color: var(--app-hero-text-muted);
    font-size: 0.78rem;
}

.job-detail-mechanic-actions > div[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
}

.job-detail-action-guidance[b-ayg65j8k7q] {
    color: var(--app-hero-text-muted);
    display: block;
    font-size: 0.78rem;
    line-height: 1.35;
}

.job-detail-status-action[b-ayg65j8k7q] {
    min-height: 3rem;
    color: var(--app-brand-strong);
    background: var(--app-surface);
    border: 1px solid var(--app-surface);
    font-weight: 800;
}

.job-detail-status-action:hover[b-ayg65j8k7q],
.job-detail-status-action:focus-visible[b-ayg65j8k7q] {
    color: var(--app-on-brand);
    background: var(--app-brand);
    border-color: var(--app-brand);
}

.job-detail-status-action:disabled[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    background: var(--app-input-disabled);
    border-color: var(--app-border);
}

.job-detail-actions .btn[b-ayg65j8k7q] {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    font-weight: 750;
}

.job-detail-flow[b-ayg65j8k7q],
.job-detail-card[b-ayg65j8k7q] {
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1.1rem;
    box-shadow: var(--app-shadow-sm);
}

.job-detail-flow[b-ayg65j8k7q] {
    padding: 1rem;
    margin-top: 1rem;
}

.job-detail-section-heading[b-ayg65j8k7q],
.job-detail-card-heading[b-ayg65j8k7q],
.job-detail-part-heading[b-ayg65j8k7q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.job-detail-section-heading h2[b-ayg65j8k7q],
.job-detail-card-heading h2[b-ayg65j8k7q] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 780;
    letter-spacing: -0.025em;
}

.job-detail-flow-position[b-ayg65j8k7q],
.job-detail-count[b-ayg65j8k7q] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.6rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 0.65rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.job-detail-steps[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0;
    margin: 1.25rem 0 0;
    list-style: none;
}

.job-detail-step[b-ayg65j8k7q] {
    position: relative;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    min-height: 3rem;
    color: var(--app-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
}

.job-detail-step:not(:last-child)[b-ayg65j8k7q]::after {
    position: absolute;
    top: 2rem;
    bottom: 0;
    left: 0.95rem;
    width: 0.12rem;
    content: "";
    background: var(--app-border);
}

.job-detail-step-marker[b-ayg65j8k7q] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    z-index: 1;
    place-items: center;
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border: 1px solid var(--app-border);
    border-radius: 50%;
    font-size: 0.7rem;
}

.job-detail-step--complete[b-ayg65j8k7q] {
    color: var(--app-success-text);
}

.job-detail-step--complete .job-detail-step-marker[b-ayg65j8k7q] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.job-detail-step--complete:not(:last-child)[b-ayg65j8k7q]::after {
    background: var(--app-success-border);
}

.job-detail-step--current[b-ayg65j8k7q] {
    color: var(--app-text);
}

.job-detail-step--current .job-detail-step-marker[b-ayg65j8k7q] {
    color: var(--app-on-brand);
    background: var(--app-brand-strong);
    border-color: var(--app-brand-strong);
    box-shadow: 0 0 0 0.25rem var(--app-brand-soft);
}

.job-detail-grid[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.job-detail-card[b-ayg65j8k7q] {
    min-width: 0;
    padding: 1rem;
}

.job-detail-card-heading[b-ayg65j8k7q] {
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.job-detail-card-heading > span:first-child[b-ayg65j8k7q] {
    display: inline-grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 0.75rem;
    font-size: 0.7rem;
    font-weight: 850;
}

.job-detail-card-heading .job-detail-count[b-ayg65j8k7q] {
    width: auto;
    height: 2.4rem;
    margin-left: auto;
}

.job-detail-facts[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
    margin: 0;
}

.job-detail-facts > div[b-ayg65j8k7q] {
    min-width: 0;
    padding: 0.75rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.75rem;
}

.job-detail-facts dt[b-ayg65j8k7q],
.job-detail-part dt[b-ayg65j8k7q] {
    margin-bottom: 0.25rem;
    color: var(--app-text-muted);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.job-detail-facts dd[b-ayg65j8k7q],
.job-detail-part dd[b-ayg65j8k7q] {
    margin: 0;
    overflow-wrap: anywhere;
    font-weight: 700;
}

.job-detail-contact-status[b-ayg65j8k7q] {
    align-items: flex-start;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: .85rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: 1rem;
    padding: .9rem;
}

.job-detail-contact-status span[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    font-size: .85rem;
}

.job-detail-contact-status .btn[b-ayg65j8k7q] {
    min-height: 44px;
}

.job-detail-registration[b-ayg65j8k7q] {
    letter-spacing: 0.06em;
}

.job-detail-description[b-ayg65j8k7q] {
    padding: 1rem;
    margin-bottom: 0.8rem;
    white-space: pre-wrap;
    background: var(--app-surface-muted);
    border-left: 0.25rem solid var(--app-brand);
    border-radius: 0.75rem;
    line-height: 1.6;
}

.job-detail-status[b-ayg65j8k7q],
.job-detail-chip[b-ayg65j8k7q] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.35rem 0.62rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 780;
    line-height: 1;
}

.job-detail-status--neutral[b-ayg65j8k7q] {
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border-color: var(--app-border);
}

.job-detail-status--primary[b-ayg65j8k7q] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: color-mix(in srgb, var(--app-brand) 35%, transparent);
}

.job-detail-status--info[b-ayg65j8k7q] {
    color: var(--app-info-text);
    background: var(--app-info-soft);
    border-color: var(--app-info-border);
}

.job-detail-status--warning[b-ayg65j8k7q],
.job-detail-chip--warning[b-ayg65j8k7q] {
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-color: var(--app-warning-border);
}

.job-detail-status--success[b-ayg65j8k7q],
.job-detail-chip--success[b-ayg65j8k7q] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.job-detail-chip--danger[b-ayg65j8k7q] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.job-detail-parts[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

.job-detail-part[b-ayg65j8k7q] {
    padding: 0.85rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.85rem;
}

.job-detail-part h3[b-ayg65j8k7q],
.job-detail-part p[b-ayg65j8k7q],
.job-detail-part dl[b-ayg65j8k7q] {
    margin: 0;
}

.job-detail-part h3[b-ayg65j8k7q] {
    font-size: 1rem;
}

.job-detail-part-heading > div[b-ayg65j8k7q] {
    min-width: 0;
}

.job-detail-part-quantity[b-ayg65j8k7q] {
    display: inline-block;
    margin-top: 0.3rem;
    color: var(--app-text-muted);
    font-size: 0.75rem;
    font-weight: 750;
}

.job-detail-part dl[b-ayg65j8k7q] {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.job-detail-part p[b-ayg65j8k7q] {
    padding-top: 0.7rem;
    margin-top: 0.7rem;
    color: var(--app-text-muted);
    border-top: 1px solid var(--app-border);
    white-space: pre-wrap;
}

.job-detail-part-actions[b-ayg65j8k7q] {
    display: flex;
    padding-top: 0.8rem;
    margin-top: 0.8rem;
    border-top: 1px solid var(--app-border);
}

.job-detail-part-actions .btn[b-ayg65j8k7q] {
    width: 100%;
    min-height: 2.8rem;
    font-weight: 800;
}

.job-detail-empty[b-ayg65j8k7q] {
    padding: 1.25rem;
    margin: 0;
    color: var(--app-text-muted);
    text-align: center;
    background: var(--app-surface-muted);
    border: 1px dashed var(--app-border);
    border-radius: 0.8rem;
}

.job-detail-upload[b-ayg65j8k7q] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
}

.job-detail-upload > *[b-ayg65j8k7q] {
    min-width: 0;
}

.job-detail-upload h3[b-ayg65j8k7q],
.job-detail-upload p[b-ayg65j8k7q] {
    margin: 0;
}

.job-detail-upload h3[b-ayg65j8k7q] {
    font-size: 1rem;
    font-weight: 800;
}

.job-detail-upload p[b-ayg65j8k7q] {
    margin-top: 0.3rem;
    color: var(--app-text-muted);
    font-size: 0.8rem;
    line-height: 1.5;
}

.job-detail-upload-button[b-ayg65j8k7q] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    min-width: 0;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    align-self: center;
    cursor: pointer;
    font-weight: 800;
}

.job-detail-upload-button.disabled[b-ayg65j8k7q] {
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

.job-detail-upload-button[b-ayg65j8k7q]  .job-detail-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

.job-detail-upload-message[b-ayg65j8k7q] {
    margin-bottom: 1rem;
}

.job-detail-gallery[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
}

.job-detail-image[b-ayg65j8k7q] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
}

.job-detail-image-frame[b-ayg65j8k7q] {
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--app-input-disabled);
}

.job-detail-image-frame a[b-ayg65j8k7q] {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    overflow: hidden;
}

.job-detail-image img[b-ayg65j8k7q] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: rotate(var(--job-image-rotation, 0deg));
    transition: transform 160ms ease;
}

.job-detail-image a:hover img[b-ayg65j8k7q],
.job-detail-image a:focus-visible img[b-ayg65j8k7q] {
    transform: rotate(var(--job-image-rotation, 0deg)) scale(1.025);
}

.job-detail-image figcaption[b-ayg65j8k7q] {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
}

.job-detail-image-name[b-ayg65j8k7q] {
    overflow: hidden;
    font-size: 0.78rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-detail-image-meta[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    font-size: 0.72rem;
}

.job-detail-image-meta strong[b-ayg65j8k7q] {
    color: var(--app-text);
}

.job-detail-image figcaption time[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    font-size: 0.7rem;
}

.job-detail-image-editor[b-ayg65j8k7q] {
    display: grid;
    gap: 0.7rem;
    padding: 0.8rem;
    border-top: 1px solid var(--app-border);
}

.job-detail-image-editor label[b-ayg65j8k7q] {
    font-size: 0.78rem;
    font-weight: 800;
}

.job-detail-image-editor textarea[b-ayg65j8k7q] {
    min-height: 5.5rem;
    resize: vertical;
}

.job-detail-image-comment-footer[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.job-detail-image-comment-footer small[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    white-space: nowrap;
}

.job-detail-image-comment-footer .btn[b-ayg65j8k7q] {
    min-height: 2.75rem;
    font-weight: 800;
}

.job-detail-image-actions[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--app-border);
}

.job-detail-image-actions .btn[b-ayg65j8k7q] {
    min-height: 2.75rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.job-detail-image-message[b-ayg65j8k7q] {
    margin: 0;
    font-size: 0.8rem;
}

.job-detail-history[b-ayg65j8k7q] {
    display: grid;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

.job-detail-history li[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--app-border);
}

.job-detail-history li:last-child[b-ayg65j8k7q] {
    border-bottom: 0;
}

.job-detail-history-marker[b-ayg65j8k7q] {
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.35rem;
    background: var(--app-brand);
    border: 0.18rem solid var(--app-brand-soft);
    border-radius: 50%;
    box-sizing: content-box;
}

.job-detail-history li > div[b-ayg65j8k7q] {
    display: grid;
    gap: 0.2rem;
}

.job-detail-history time[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    font-size: 0.75rem;
}

.job-detail-dialog-backdrop[b-ayg65j8k7q] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 0.75rem;
    background: var(--app-overlay);
}

.job-detail-dialog[b-ayg65j8k7q] {
    display: grid;
    width: min(100%, 30rem);
    gap: 1rem;
    padding: 1.15rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1.1rem;
    box-shadow: var(--app-shadow-md);
}

.job-detail-dialog-icon[b-ayg65j8k7q] {
    display: inline-grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border: 1px solid var(--app-danger-border);
    border-radius: 0.8rem;
    font-size: 1.2rem;
    font-weight: 900;
}

.job-detail-dialog h2[b-ayg65j8k7q],
.job-detail-dialog p[b-ayg65j8k7q] {
    margin: 0;
}

.job-detail-dialog h2[b-ayg65j8k7q] {
    font-size: clamp(1.3rem, 6vw, 1.7rem);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.job-detail-dialog p:last-child[b-ayg65j8k7q] {
    margin-top: 0.5rem;
    color: var(--app-text-muted);
    line-height: 1.5;
}

.job-detail-dialog-actions[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--app-border);
}

.job-detail-dialog-actions .btn[b-ayg65j8k7q] {
    min-height: 3rem;
    font-weight: 800;
}

@media (min-width: 36rem) {
    .job-detail-actions[b-ayg65j8k7q] {
        grid-template-columns: repeat(2, auto);
        justify-content: start;
    }

    .job-detail-facts[b-ayg65j8k7q],
    .job-detail-parts[b-ayg65j8k7q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-detail-dialog[b-ayg65j8k7q] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1.4rem;
    }

    .job-detail-dialog-actions[b-ayg65j8k7q] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-detail-upload[b-ayg65j8k7q] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .job-detail-gallery[b-ayg65j8k7q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-detail-image-actions[b-ayg65j8k7q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-detail-image-actions .btn-outline-danger[b-ayg65j8k7q] {
        grid-column: 1 / -1;
    }

    .job-detail-part-actions .btn[b-ayg65j8k7q] {
        width: auto;
    }
}

@media (min-width: 48rem) {
    .job-detail-mechanic-actions > div[b-ayg65j8k7q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-detail-flow[b-ayg65j8k7q],
    .job-detail-card[b-ayg65j8k7q] {
        padding: 1.35rem;
    }

    .job-detail-facts--compact[b-ayg65j8k7q] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .job-detail-gallery[b-ayg65j8k7q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 75rem) {
    .job-detail-gallery[b-ayg65j8k7q] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 64rem) {
    .job-detail-hero[b-ayg65j8k7q] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, auto);
        align-items: end;
        padding: 1.75rem;
    }

    .job-detail-actions[b-ayg65j8k7q] {
        justify-content: end;
    }

    .job-detail-steps[b-ayg65j8k7q] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        margin-top: 1.5rem;
    }

    .job-detail-step[b-ayg65j8k7q] {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 0.55rem;
        min-height: auto;
        padding: 0 0.25rem;
        text-align: center;
    }

    .job-detail-step:not(:last-child)[b-ayg65j8k7q]::after {
        top: 0.95rem;
        right: -50%;
        bottom: auto;
        left: 50%;
        width: 100%;
        height: 0.12rem;
    }

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

    .job-detail-card--wide[b-ayg65j8k7q],
    .job-detail-card--full[b-ayg65j8k7q] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 29.999rem) {
    .job-detail-section-heading[b-ayg65j8k7q] {
        align-items: stretch;
        flex-direction: column;
    }

    .job-detail-flow-position[b-ayg65j8k7q] {
        width: fit-content;
    }

    .job-detail-part-heading[b-ayg65j8k7q] {
        flex-direction: column;
    }
}

.job-detail-messages[b-ayg65j8k7q] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.job-detail-messages li[b-ayg65j8k7q] {
    padding: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
}

.job-detail-message-heading[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.35rem 1rem;
}

.job-detail-message-heading time[b-ayg65j8k7q],
.job-detail-message-composer small[b-ayg65j8k7q] {
    color: var(--app-text-muted);
}

.job-detail-messages p[b-ayg65j8k7q] {
    margin: 0.65rem 0;
    white-space: pre-wrap;
}

.job-detail-message-composer[b-ayg65j8k7q] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--app-border);
}

.job-detail-message-composer > div[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.job-detail-message-composer .btn[b-ayg65j8k7q] {
    min-height: 2.75rem;
}

.job-detail-time-action[b-ayg65j8k7q],
.job-detail-time-list li[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.job-detail-time-action[b-ayg65j8k7q] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
}

.job-detail-time-action > div[b-ayg65j8k7q],
.job-detail-time-list li > div[b-ayg65j8k7q] {
    display: grid;
    gap: 0.2rem;
}

.job-detail-time-action span[b-ayg65j8k7q],
.job-detail-time-list span[b-ayg65j8k7q] {
    color: var(--app-text-muted);
}

.job-detail-time-action .btn[b-ayg65j8k7q] {
    min-height: 2.75rem;
}

.job-detail-assignment-history[b-ayg65j8k7q] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--app-border);
}

.job-detail-assignment-history h3[b-ayg65j8k7q] {
    margin: 0;
    color: var(--app-text);
    font-size: 1rem;
}

.job-detail-assignment-history time[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.job-detail-time-list[b-ayg65j8k7q] {
    display: grid;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.job-detail-time-list li[b-ayg65j8k7q] {
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--app-border);
}

.job-detail-time-list li:last-child[b-ayg65j8k7q] {
    border-bottom: 0;
}

.job-detail-vehicle-history[b-ayg65j8k7q] {
    display: grid;
    gap: 0.75rem;
}

.job-detail-vehicle-history > a[b-ayg65j8k7q] {
    display: grid;
    gap: 0.65rem;
    min-height: 2.75rem;
    padding: 1rem;
    color: var(--app-text);
    text-decoration: none;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
}

.job-detail-vehicle-history > a:hover[b-ayg65j8k7q],
.job-detail-vehicle-history > a:focus-visible[b-ayg65j8k7q] {
    border-color: var(--app-brand);
    box-shadow: var(--app-focus-ring);
}

.job-detail-vehicle-history > a > div:first-child[b-ayg65j8k7q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem 1rem;
}

.job-detail-vehicle-history p[b-ayg65j8k7q] {
    margin: 0;
}

.job-detail-vehicle-history dl[b-ayg65j8k7q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.job-detail-vehicle-history dl > div[b-ayg65j8k7q] {
    min-width: 0;
}

.job-detail-vehicle-history dt[b-ayg65j8k7q] {
    color: var(--app-text-muted);
    font-size: 0.78rem;
}

.job-detail-vehicle-history dd[b-ayg65j8k7q] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 35.999rem) {
    .job-detail-time-action .btn[b-ayg65j8k7q] {
        width: 100%;
    }

    .job-detail-vehicle-history dl[b-ayg65j8k7q] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/WorkshopPlan.razor.rz.scp.css */
.workshop-page[b-wr34k76na8] {
    max-width: 100%;
    padding-bottom: 3rem;
    color: var(--app-text);
}

.workshop-page-header[b-wr34k76na8],
.workshop-list-heading[b-wr34k76na8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.workshop-page-header[b-wr34k76na8] {
    padding: 0.25rem 0 1.25rem;
}

.workshop-page-header h1[b-wr34k76na8],
.workshop-list-heading h2[b-wr34k76na8] {
    margin: 0;
    font-weight: 780;
    letter-spacing: -0.04em;
}

.workshop-page-header h1[b-wr34k76na8] {
    font-size: clamp(2rem, 7vw, 3rem);
}

.workshop-page-intro[b-wr34k76na8] {
    margin: 0.4rem 0 0;
    color: var(--app-text-muted);
}

.workshop-eyebrow[b-wr34k76na8],
.workshop-section-heading p[b-wr34k76na8],
.workshop-subsection-heading p[b-wr34k76na8] {
    margin: 0 0 0.3rem;
    color: var(--app-brand);
    font-size: 0.68rem;
    font-weight: 780;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.workshop-date-summary[b-wr34k76na8] {
    display: grid;
    min-width: 10rem;
    padding: 0.75rem 0.9rem;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
    box-shadow: var(--app-shadow-sm);
    text-align: right;
}

.workshop-date-summary small[b-wr34k76na8],
.workshop-date-summary span[b-wr34k76na8] {
    color: var(--app-text-muted);
    font-size: 0.68rem;
}

.workshop-date-summary strong[b-wr34k76na8] {
    margin: 0.1rem 0;
    font-size: 1rem;
}

.workshop-message[b-wr34k76na8] {
    border-radius: 0.9rem;
    box-shadow: var(--app-shadow-sm);
}

.workshop-card[b-wr34k76na8],
.workshop-parts-card[b-wr34k76na8] {
    overflow: hidden;
    background: var(--app-surface);
    border-color: var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.workshop-card--create[b-wr34k76na8] {
    border-color: var(--app-brand);
}

.workshop-card--edit[b-wr34k76na8] {
    border-color: var(--app-warning-border);
}

.workshop-filter-card[b-wr34k76na8] {
    background:
        linear-gradient(90deg, var(--app-brand-soft), transparent 38%),
        var(--app-surface);
}

.workshop-filter-panel[b-wr34k76na8] {
    margin: -0.4rem 0 1rem;
    overflow: hidden;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.workshop-filter-panel summary[b-wr34k76na8] {
    display: flex;
    min-height: 3rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    color: var(--app-text);
    cursor: pointer;
    font-weight: 780;
}

.workshop-filter-count[b-wr34k76na8] {
    padding: 0.25rem 0.5rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 999px;
    font-size: 0.7rem;
}

.workshop-filter-body[b-wr34k76na8] {
    display: grid;
    gap: 1rem;
    padding: 0 1rem 1rem;
}

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

.workshop-filter-field--wide[b-wr34k76na8] {
    grid-column: span 2;
}

.workshop-filter-field label[b-wr34k76na8] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--app-text-muted);
    font-size: 0.7rem;
    font-weight: 750;
    text-transform: uppercase;
}

.workshop-filter-toggles[b-wr34k76na8],
.workshop-filter-actions[b-wr34k76na8],
.workshop-filter-chips[b-wr34k76na8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.workshop-filter-toggles label[b-wr34k76na8] {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.7rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.7rem;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 650;
}

.workshop-filter-actions .btn[b-wr34k76na8] {
    min-height: 2.75rem;
}

.workshop-filter-chips[b-wr34k76na8] {
    margin-bottom: 1rem;
}

.workshop-filter-chips span[b-wr34k76na8] {
    padding: 0.35rem 0.6rem;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.workshop-filter-card > .card-body[b-wr34k76na8],
.workshop-form-card-body[b-wr34k76na8] {
    padding: 1rem;
}

.workshop-section-heading[b-wr34k76na8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.workshop-section-heading h2[b-wr34k76na8],
.workshop-subsection-heading h3[b-wr34k76na8] {
    margin: 0;
    color: var(--app-text);
    font-size: 1.2rem;
    font-weight: 760;
    letter-spacing: -0.025em;
}

.workshop-section-icon[b-wr34k76na8] {
    display: inline-grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 0.75rem;
    font-size: 0.72rem;
    font-weight: 850;
}

.workshop-card--edit .workshop-section-icon[b-wr34k76na8] {
    color: var(--app-warning-text);
    background: var(--app-warning-soft);
    border-color: var(--app-warning-border);
}

.workshop-subsection-heading[b-wr34k76na8] {
    margin-bottom: 1rem;
}

.workshop-parts-card[b-wr34k76na8] {
    background: var(--app-surface-muted);
    border-style: dashed;
    box-shadow: none;
}

.workshop-form-grid[b-wr34k76na8] {
    padding: 0.9rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
}

.workshop-page .form-label[b-wr34k76na8] {
    margin-bottom: 0.4rem;
    color: var(--app-text-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workshop-page .form-select[b-wr34k76na8],
.workshop-page .form-control[b-wr34k76na8] {
    min-height: 2.8rem;
    border-radius: 0.7rem;
}

.workshop-page textarea.form-control[b-wr34k76na8] {
    min-height: 7rem;
}

.workshop-page .form-check[b-wr34k76na8] {
    min-height: 2.8rem;
    padding: 0.7rem 0.75rem 0.7rem 2.25rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 0.7rem;
}

.workshop-page .form-check-input[b-wr34k76na8] {
    margin-top: 0.18rem;
}

.workshop-page .form-check-label[b-wr34k76na8] {
    color: var(--app-text);
    font-size: 0.85rem;
    font-weight: 650;
}

.workshop-toolbar[b-wr34k76na8],
.workshop-form-actions[b-wr34k76na8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.workshop-toolbar .btn[b-wr34k76na8],
.workshop-form-actions .btn[b-wr34k76na8] {
    min-height: 2.75rem;
    margin-right: 0 !important;
    border-radius: 0.7rem;
    font-weight: 700;
}

.workshop-primary-action[b-wr34k76na8] {
    box-shadow: 0 0.35rem 0.8rem color-mix(in srgb, var(--app-brand) 20%, transparent);
}

.workshop-form-actions[b-wr34k76na8] {
    padding-top: 1rem;
    border-top: 1px solid var(--app-border);
}

.workshop-delete-confirmation[b-wr34k76na8] {
    padding: 1.1rem;
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.workshop-delete-confirmation h2[b-wr34k76na8] {
    font-weight: 760;
}

.workshop-list-heading[b-wr34k76na8] {
    margin: 1.75rem 0 0.85rem;
}

.workshop-list-heading h2[b-wr34k76na8] {
    font-size: clamp(1.35rem, 5vw, 1.8rem);
}

.workshop-job-count[b-wr34k76na8] {
    display: inline-grid;
    min-width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border: 1px solid color-mix(in srgb, var(--app-brand) 30%, transparent);
    border-radius: 0.75rem;
    font-weight: 850;
}

.workshop-empty-state[b-wr34k76na8] {
    padding: 2rem 1.25rem;
    color: var(--app-text-muted);
    text-align: center;
    background: var(--app-surface-muted);
    border: 1px dashed var(--app-border);
    border-radius: 1rem;
}

.table-responsive[b-wr34k76na8] {
    overflow: hidden;
    overflow-x: auto;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.table-responsive .table[b-wr34k76na8] {
    margin-bottom: 0;
    color: var(--app-text);
    background: var(--app-surface);
}

.table-responsive .table > thead > tr > th[b-wr34k76na8] {
    padding: 0.85rem 0.75rem;
    color: var(--app-text-muted);
    background: var(--app-surface-muted);
    border-bottom-color: var(--app-border);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.table-responsive .table > :not(caption) > * > *[b-wr34k76na8] {
    padding: 0.85rem 0.75rem;
    color: var(--app-text);
    background-color: var(--app-surface);
    border-color: var(--app-border);
    vertical-align: middle;
}

.table-responsive .table > tbody > .workshop-row--urgent > *[b-wr34k76na8] {
    background-color: var(--app-danger-soft);
}

.workshop-priority[b-wr34k76na8] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border: 1px solid var(--app-border);
    border-radius: 0.6rem;
    font-weight: 850;
}

.workshop-registration[b-wr34k76na8] {
    display: inline-flex;
    width: fit-content;
    padding: 0.32rem 0.55rem;
    color: var(--app-text);
    background: var(--app-surface-muted);
    border: 2px solid var(--app-border);
    border-radius: 0.4rem;
    font-size: 0.86rem;
    letter-spacing: 0.07em;
}

.workshop-customer[b-wr34k76na8],
.workshop-mechanic[b-wr34k76na8] {
    color: var(--app-text);
    font-weight: 700;
}

.workshop-description[b-wr34k76na8] {
    min-width: 14rem;
    max-width: 24rem;
    white-space: pre-wrap;
}

.workshop-status-cell[b-wr34k76na8] {
    min-width: 15rem;
}

.workshop-status-summary[b-wr34k76na8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
}

.workshop-status-summary small[b-wr34k76na8],
.workshop-status-position[b-wr34k76na8] {
    display: block;
    color: var(--app-text-muted);
    font-size: 0.65rem;
    font-weight: 700;
}

.workshop-parts-cell[b-wr34k76na8] {
    min-width: 14rem;
}

.workshop-parts-cell li[b-wr34k76na8] {
    padding: 0.55rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.65rem;
}

.workshop-actions-cell[b-wr34k76na8] {
    min-width: 10rem;
}

.workshop-actions-cell .btn[b-wr34k76na8] {
    margin: 0.2rem 0.2rem 0.2rem 0;
}

.workshop-details-action[b-wr34k76na8] {
    font-weight: 750;
}

.workshop-muted[b-wr34k76na8] {
    color: var(--app-text-muted);
}

.workshop-badge[b-wr34k76na8] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.3rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.workshop-badge--neutral[b-wr34k76na8] {
    color: var(--app-neutral-text);
    background: var(--app-neutral-pill);
    border-color: var(--app-border);
}

.workshop-badge--primary[b-wr34k76na8] {
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-color: color-mix(in srgb, var(--app-brand) 35%, transparent);
}

.workshop-badge--info[b-wr34k76na8] {
    color: var(--app-info-text);
    background: var(--app-info-soft);
    border-color: var(--app-info-border);
}

.workshop-badge--warning[b-wr34k76na8] {
    color: var(--app-warning-text);
    background: var(--app-warning-pill);
    border-color: var(--app-warning-border);
}

.workshop-badge--danger[b-wr34k76na8] {
    color: var(--app-danger-text);
    background: var(--app-danger-soft);
    border-color: var(--app-danger-border);
}

.workshop-badge--success[b-wr34k76na8] {
    color: var(--app-success-text);
    background: var(--app-success-soft);
    border-color: var(--app-success-border);
}

.workshop-mobile-view[b-wr34k76na8] {
    display: none;
}

.workshop-mobile-card[b-wr34k76na8] {
    position: relative;
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    background: var(--app-surface);
    border: 1px solid var(--app-border);
    border-radius: 1rem;
    box-shadow: var(--app-shadow-sm);
}

.workshop-mobile-card-hit-area[b-wr34k76na8] {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
}

.workshop-mobile-card-hit-area:focus-visible[b-wr34k76na8] {
    outline: 0.2rem solid var(--app-brand);
    outline-offset: 0.15rem;
}

.workshop-mobile-card > *:not(.workshop-mobile-card-hit-area)[b-wr34k76na8] {
    position: relative;
    z-index: 0;
    pointer-events: none;
}

.workshop-mobile-card .workshop-mobile-status[b-wr34k76na8],
.workshop-mobile-card .workshop-mobile-actions[b-wr34k76na8] {
    z-index: 2;
    pointer-events: auto;
}

.workshop-mobile-card:has(.workshop-mobile-card-hit-area:hover)[b-wr34k76na8],
.workshop-mobile-card:has(.workshop-mobile-card-hit-area:focus-visible)[b-wr34k76na8] {
    border-color: var(--app-brand);
    box-shadow: var(--app-shadow-md);
}

.workshop-mobile-card--urgent[b-wr34k76na8] {
    background:
        linear-gradient(135deg, var(--app-danger-soft), transparent 48%),
        var(--app-surface);
    border-color: var(--app-danger-border);
}

.workshop-mobile-card-header[b-wr34k76na8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.workshop-mobile-card .workshop-registration[b-wr34k76na8] {
    padding: 0.42rem 0.65rem;
    font-size: 1.05rem;
}

.workshop-mobile-customer[b-wr34k76na8],
.workshop-mobile-description[b-wr34k76na8] {
    margin: 0;
}

.workshop-mobile-customer[b-wr34k76na8] {
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1rem;
    font-weight: 750;
}

.workshop-mobile-card .workshop-priority[b-wr34k76na8] {
    display: grid;
    width: auto;
    min-width: 4.25rem;
    height: auto;
    padding: 0.4rem 0.55rem;
    text-align: center;
}

.workshop-mobile-card .workshop-priority small[b-wr34k76na8] {
    color: var(--app-text-muted);
    font-size: 0.55rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workshop-mobile-section[b-wr34k76na8],
.workshop-mobile-status[b-wr34k76na8],
.workshop-mobile-parts[b-wr34k76na8] {
    padding-top: 0.85rem;
    border-top: 1px solid var(--app-border);
}

.workshop-mobile-label[b-wr34k76na8] {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--app-text-muted);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.workshop-mobile-description[b-wr34k76na8] {
    color: var(--app-text);
    line-height: 1.5;
    white-space: pre-wrap;
}

.workshop-mobile-facts[b-wr34k76na8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.workshop-mobile-facts > div[b-wr34k76na8] {
    min-width: 0;
    padding: 0.7rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.75rem;
}

.workshop-mobile-facts strong[b-wr34k76na8] {
    display: block;
    overflow: hidden;
    color: var(--app-text);
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workshop-mobile-flags[b-wr34k76na8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.workshop-mobile-section-heading[b-wr34k76na8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.workshop-mobile-section-heading strong[b-wr34k76na8] {
    display: inline-grid;
    min-width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    color: var(--app-brand-strong);
    background: var(--app-brand-soft);
    border-radius: 0.55rem;
    font-size: 0.75rem;
}

.workshop-mobile-parts li[b-wr34k76na8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.65rem;
    margin-top: 0.45rem;
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border);
    border-radius: 0.7rem;
}

.workshop-mobile-parts li > div[b-wr34k76na8] {
    display: grid;
    min-width: 0;
}

.workshop-mobile-parts li small[b-wr34k76na8] {
    overflow: hidden;
    color: var(--app-text-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workshop-mobile-status-controls[b-wr34k76na8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.workshop-mobile-status-controls .btn[b-wr34k76na8],
.workshop-mobile-actions .btn[b-wr34k76na8] {
    min-height: 2.75rem;
    font-weight: 750;
}

.workshop-mobile-actions[b-wr34k76na8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.55rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--app-border);
}

@media (min-width: 48rem) {
    .workshop-filter-panel > summary[b-wr34k76na8] {
        display: none;
    }

    .workshop-filter-panel:not([open]) .workshop-filter-body[b-wr34k76na8] {
        display: grid;
        padding-top: 1rem;
    }

    .workshop-filter-card > .card-body[b-wr34k76na8],
    .workshop-form-card-body[b-wr34k76na8] {
        padding: 1.35rem;
    }
}

@media (max-width: 63.999rem) {
    .workshop-desktop-view[b-wr34k76na8] {
        display: none;
    }

    .workshop-mobile-view[b-wr34k76na8] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
        gap: 0.8rem;
    }
}

@media (min-width: 641px) and (max-width: 74.999rem) {
    .workshop-page[b-wr34k76na8],
    .workshop-page-header > div[b-wr34k76na8],
    .workshop-date-summary[b-wr34k76na8] {
        min-width: 0;
    }

    .workshop-filter-card .row > .col-md-4[b-wr34k76na8],
    .workshop-filter-card .row > .col-md-8[b-wr34k76na8] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .workshop-toolbar[b-wr34k76na8] {
        align-items: stretch;
    }
}

@media (max-width: 47.999rem) {
    .workshop-filter-grid[b-wr34k76na8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workshop-filter-field--wide[b-wr34k76na8] {
        grid-column: auto;
    }

    .workshop-filter-toggles[b-wr34k76na8],
    .workshop-filter-actions[b-wr34k76na8] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .workshop-page-header[b-wr34k76na8] {
        align-items: stretch;
        flex-direction: column;
    }

    .workshop-date-summary[b-wr34k76na8] {
        text-align: left;
    }

    .workshop-toolbar[b-wr34k76na8],
    .workshop-form-actions[b-wr34k76na8] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .workshop-page .btn[b-wr34k76na8] {
        min-height: 2.75rem;
        margin: 0 !important;
    }

    .workshop-page .d-flex.gap-2[b-wr34k76na8] {
        align-items: stretch !important;
        flex-direction: column;
    }
}

@media (max-width: 29.999rem) {
    .workshop-mobile-status-controls[b-wr34k76na8],
    .workshop-mobile-actions[b-wr34k76na8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workshop-list-heading[b-wr34k76na8] {
        align-items: flex-start;
    }

    .workshop-mobile-parts li[b-wr34k76na8] {
        align-items: flex-start;
        flex-direction: column;
    }
}