/* _content/SermiAuditsBlazor.Web/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-693g8zt32d] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-693g8zt32d] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SermiAuditsBlazor.Web/Components/Pages/Admin/PromoCodes.razor.rz.scp.css */
.promo-codes-grid[b-tibyjqzze6] {
    align-items: flex-start;
}

[b-tibyjqzze6] .promo-editor-card,
[b-tibyjqzze6] .promo-codes-table-card {
    position: relative;
    overflow: hidden;
    border-top: 5px solid #0b6b72;
    background:
        radial-gradient(circle at 96% 3%, rgba(34, 211, 238, 0.11), transparent 11rem),
        var(--app-panel-background) !important;
}

.promo-panel-heading[b-tibyjqzze6] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 1.25rem;
}

.promo-panel-heading--list[b-tibyjqzze6] {
    flex-wrap: wrap;
}

.promo-panel-heading__copy[b-tibyjqzze6] {
    flex: 1 1 18rem;
}

.promo-panel-heading__icon[b-tibyjqzze6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.7rem;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(145deg, #0f766e, #0b4f76);
    box-shadow: 0 9px 20px rgba(8, 79, 118, 0.22);
}

.promo-form-section[b-tibyjqzze6] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
    margin: 0;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--app-panel-border) 82%, #0f766e);
    border-radius: 14px;
    background: color-mix(in srgb, var(--app-panel-alt-background) 74%, transparent);
}

.promo-form-section legend[b-tibyjqzze6] {
    padding: 0 0.45rem;
    color: var(--app-text);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.promo-form-grid[b-tibyjqzze6] {
    display: grid;
    gap: 0.85rem;
    align-items: end;
}

.promo-form-grid--availability[b-tibyjqzze6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.promo-form-grid--two[b-tibyjqzze6] {
    grid-template-columns: 1fr;
}

.promo-form-grid--three[b-tibyjqzze6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.promo-free-token-field[b-tibyjqzze6] {
    grid-column: 1 / -1;
}

.promo-form-hint[b-tibyjqzze6] {
    color: var(--app-muted-text);
}

.promo-active-check[b-tibyjqzze6] {
    min-height: 3.1rem;
    align-content: center;
    padding: 0.75rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 10px;
    background: var(--app-panel-background);
}

.promo-input-with-prefix[b-tibyjqzze6],
.promo-input-with-suffix[b-tibyjqzze6] {
    display: grid;
    align-items: stretch;
}

.promo-input-with-prefix[b-tibyjqzze6] {
    grid-template-columns: auto minmax(0, 1fr);
}

.promo-input-with-suffix[b-tibyjqzze6] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.promo-input-with-prefix > span[b-tibyjqzze6],
.promo-input-with-suffix > span[b-tibyjqzze6] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.7rem;
    border: 1px solid var(--app-panel-border);
    color: var(--app-muted-text);
    background: var(--app-panel-alt-background);
    font-size: 0.76rem;
    font-weight: 900;
}

.promo-input-with-prefix > span[b-tibyjqzze6] {
    border-right: 0;
    border-radius: 10px 0 0 10px;
}

.promo-input-with-prefix input[b-tibyjqzze6] {
    border-radius: 0 10px 10px 0 !important;
}

.promo-input-with-suffix > span[b-tibyjqzze6] {
    border-left: 0;
    border-radius: 0 10px 10px 0;
}

.promo-input-with-suffix input[b-tibyjqzze6] {
    border-radius: 10px 0 0 10px !important;
}

.promo-codes-table-shell[b-tibyjqzze6] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--app-panel-border);
    border-radius: 16px;
    background: var(--app-panel-background);
}

.promo-codes-table-shell[b-tibyjqzze6]::-webkit-scrollbar {
    height: 0.55rem;
}

.promo-codes-table-shell[b-tibyjqzze6]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(18, 52, 89, 0.32);
}

[b-tibyjqzze6] .promo-codes-table {
    width: 100%;
    min-width: 100%;
}

[b-tibyjqzze6] .promo-codes-table .mud-table-container {
    overflow: visible;
}

[b-tibyjqzze6] .promo-codes-table .mud-table-root {
    width: 100%;
    table-layout: fixed;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none;
}

[b-tibyjqzze6] .promo-codes-table .mud-table-head {
    background: color-mix(in srgb, var(--app-panel-alt-background) 75%, #dbeafe);
}

[b-tibyjqzze6] .promo-codes-table th {
    padding-block: 0.85rem;
    color: var(--app-muted-text);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

[b-tibyjqzze6] .promo-codes-table td {
    padding-block: 1rem;
    overflow-wrap: break-word;
    vertical-align: middle;
}

[b-tibyjqzze6] .promo-codes-table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--app-panel-alt-background) 42%, transparent);
}

[b-tibyjqzze6] .promo-codes-table__code {
    width: 16%;
}

[b-tibyjqzze6] .promo-codes-table__description {
    width: 26%;
}

[b-tibyjqzze6] .promo-codes-table__scope {
    width: 12%;
    white-space: nowrap;
}

[b-tibyjqzze6] .promo-codes-table__benefit {
    width: 16%;
}

[b-tibyjqzze6] .promo-codes-table__availability {
    width: 16%;
}

[b-tibyjqzze6] .promo-codes-table__action {
    width: 14%;
    padding-right: 1rem !important;
    text-align: right;
}

.promo-code-label[b-tibyjqzze6] {
    display: inline-block;
    padding: 0.38rem 0.55rem;
    border-radius: 7px;
    color: #075985;
    background: color-mix(in srgb, #bae6fd 55%, var(--app-panel-background));
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.79rem;
    font-weight: 900;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

.promo-code-label--link[b-tibyjqzze6] {
    text-decoration: none;
    transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.promo-code-label--link:hover[b-tibyjqzze6],
.promo-code-label--link:focus-visible[b-tibyjqzze6] {
    color: #034b72;
    background: color-mix(in srgb, #7dd3fc 65%, var(--app-panel-background));
    box-shadow: 0 5px 14px rgba(7, 89, 133, 0.16);
    transform: translateY(-1px);
}

.promo-use-count[b-tibyjqzze6] {
    display: block;
    margin-top: 0.35rem;
    color: var(--app-muted-text);
    font-size: 0.68rem;
    white-space: nowrap;
}

.promo-scope-label[b-tibyjqzze6] {
    font-size: 0.78rem;
    font-weight: 800;
}

[b-tibyjqzze6] .promo-codes-table__benefit strong,
[b-tibyjqzze6] .promo-codes-table__benefit small,
[b-tibyjqzze6] .promo-codes-table__availability small {
    display: block;
}

[b-tibyjqzze6] .promo-codes-table__benefit small,
[b-tibyjqzze6] .promo-codes-table__availability small {
    margin-top: 0.28rem;
    color: var(--app-muted-text);
    font-size: 0.72rem;
    line-height: 1.3;
}

.promo-row-actions[b-tibyjqzze6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.promo-codes-action-form[b-tibyjqzze6] {
    justify-content: flex-end;
}

[b-tibyjqzze6] .promo-codes-action-form .mud-button-root {
    min-width: 6.25rem;
    white-space: nowrap;
}

.promo-codes-no-action[b-tibyjqzze6] {
    display: block;
    color: var(--app-muted-text);
    text-align: right;
}

.promo-empty-state[b-tibyjqzze6] {
    padding: 2rem;
    text-align: center;
}

.promo-mobile-list[b-tibyjqzze6] {
    display: none;
}

[b-tibyjqzze6] .promo-admin-dialog .job-http-dialog__panel {
    width: min(100%, 54rem);
    border-top: 5px solid #0b6b72;
    background:
        radial-gradient(circle at 96% 3%, rgba(34, 211, 238, 0.12), transparent 12rem),
        var(--app-panel-background);
}

.promo-dialog-heading[b-tibyjqzze6] {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    margin-bottom: 0.8rem;
}

.promo-dialog-heading__icon[b-tibyjqzze6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, #0f766e, #075985);
    box-shadow: 0 9px 20px rgba(8, 79, 118, 0.22);
}

.promo-dialog-heading__copy[b-tibyjqzze6] {
    flex: 1 1 auto;
    min-width: 0;
}

.promo-dialog-kicker[b-tibyjqzze6] {
    display: block;
    margin-bottom: 0.12rem;
    color: #0f766e;
    font-size: 0.69rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.promo-dialog-heading .job-http-dialog__title[b-tibyjqzze6] {
    margin: 0;
}

.promo-dialog-description[b-tibyjqzze6],
.promo-dialog-intro[b-tibyjqzze6] {
    color: var(--app-muted-text);
    line-height: 1.45;
}

.promo-dialog-intro[b-tibyjqzze6] {
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
    border-left: 4px solid #0e7490;
    border-radius: 0 10px 10px 0;
    background: color-mix(in srgb, #cffafe 42%, var(--app-panel-alt-background));
}

.promo-form-grid--two-dialog[b-tibyjqzze6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.promo-form-grid--three-dialog[b-tibyjqzze6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.promo-dialog-total[b-tibyjqzze6] {
    flex: 0 0 auto;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    color: #075985;
    background: color-mix(in srgb, #bae6fd 58%, var(--app-panel-background));
    font-size: 0.75rem;
    font-weight: 900;
}

.promo-usage-empty[b-tibyjqzze6] {
    display: grid;
    justify-items: center;
    gap: 0.4rem;
    margin: 1.25rem 0;
    padding: 2.2rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--app-panel-border) 70%, #0e7490);
    border-radius: 16px;
    color: var(--app-muted-text);
    text-align: center;
    background: color-mix(in srgb, var(--app-panel-alt-background) 70%, transparent);
}

.promo-usage-empty[b-tibyjqzze6]  .mud-icon-root {
    width: 2.5rem;
    height: 2.5rem;
    color: #0e7490;
}

.promo-usage-empty strong[b-tibyjqzze6] {
    color: var(--app-text);
    font-size: 1rem;
}

.promo-usage-table-shell[b-tibyjqzze6] {
    overflow-x: auto;
    margin-top: 1.2rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 14px;
}

.promo-usage-table[b-tibyjqzze6] {
    width: 100%;
    border-collapse: collapse;
    color: var(--app-text);
    font-size: 0.78rem;
}

.promo-usage-table th[b-tibyjqzze6] {
    padding: 0.8rem;
    color: var(--app-muted-text);
    background: color-mix(in srgb, var(--app-panel-alt-background) 78%, #dbeafe);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-align: left;
    text-transform: uppercase;
}

.promo-usage-table td[b-tibyjqzze6] {
    padding: 0.9rem 0.8rem;
    border-top: 1px solid var(--app-panel-border);
    vertical-align: top;
}

.promo-usage-table tbody tr:nth-child(even)[b-tibyjqzze6] {
    background: color-mix(in srgb, var(--app-panel-alt-background) 45%, transparent);
}

.promo-usage-table td strong[b-tibyjqzze6],
.promo-usage-table td small[b-tibyjqzze6] {
    display: block;
}

.promo-usage-table td small[b-tibyjqzze6] {
    margin-top: 0.2rem;
    color: var(--app-muted-text);
}

.promo-usage-mobile-list[b-tibyjqzze6] {
    display: none;
}

.promo-dialog-footer[b-tibyjqzze6] {
    margin-top: 1rem;
}

@media (max-width: 959.98px) {
    [b-tibyjqzze6] .promo-editor-card,
    [b-tibyjqzze6] .promo-codes-table-card {
        padding-inline: 1rem;
    }
}

@media (max-width: 599.98px) {
    .promo-form-grid--two[b-tibyjqzze6],
    .promo-form-grid--three[b-tibyjqzze6],
    .promo-form-grid--availability[b-tibyjqzze6] {
        grid-template-columns: 1fr;
    }

    .promo-free-token-field[b-tibyjqzze6] {
        grid-column: auto;
    }

    .promo-codes-table-shell[b-tibyjqzze6] {
        display: none;
    }

    .promo-mobile-list[b-tibyjqzze6] {
        display: grid;
        gap: 0.85rem;
    }

    .promo-mobile-card[b-tibyjqzze6] {
        padding: 1rem;
        border: 1px solid var(--app-panel-border);
        border-radius: 14px;
        background:
            radial-gradient(circle at 100% 0, rgba(34, 211, 238, 0.1), transparent 8rem),
            var(--app-panel-background);
        box-shadow: 0 9px 22px rgba(8, 27, 52, 0.08);
    }

    .promo-mobile-card__header[b-tibyjqzze6] {
        display: flex;
        gap: 0.75rem;
        align-items: center;
        justify-content: space-between;
    }

    .promo-mobile-card__description[b-tibyjqzze6] {
        margin: 0.85rem 0;
        color: var(--app-text);
        line-height: 1.45;
    }

    .promo-mobile-card__facts[b-tibyjqzze6] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        margin: 0;
    }

    .promo-mobile-card__facts div[b-tibyjqzze6] {
        min-width: 0;
        padding: 0.65rem;
        border-radius: 10px;
        background: var(--app-panel-alt-background);
    }

    .promo-mobile-card__facts dt[b-tibyjqzze6] {
        color: var(--app-muted-text);
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .promo-mobile-card__facts dd[b-tibyjqzze6] {
        margin: 0.2rem 0 0;
        color: var(--app-text);
        font-size: 0.78rem;
        font-weight: 800;
        overflow-wrap: break-word;
    }

    .promo-mobile-card__action[b-tibyjqzze6] {
        display: inline-flex;
    }

    .promo-mobile-card__actions[b-tibyjqzze6] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 0.85rem;
    }

    .promo-form-grid--two-dialog[b-tibyjqzze6],
    .promo-form-grid--three-dialog[b-tibyjqzze6] {
        grid-template-columns: 1fr;
    }

    .promo-dialog-heading--usage[b-tibyjqzze6] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .promo-dialog-total[b-tibyjqzze6] {
        margin-left: 3.9rem;
    }

    .promo-usage-table-shell[b-tibyjqzze6] {
        display: none;
    }

    .promo-usage-mobile-list[b-tibyjqzze6] {
        display: grid;
        gap: 0.75rem;
        margin-top: 1rem;
    }

    .promo-usage-card[b-tibyjqzze6] {
        padding: 0.9rem;
        border: 1px solid var(--app-panel-border);
        border-radius: 13px;
        background: var(--app-panel-alt-background);
    }

    .promo-usage-card header[b-tibyjqzze6] {
        display: flex;
        gap: 0.75rem;
        justify-content: space-between;
    }

    .promo-usage-card header strong[b-tibyjqzze6],
    .promo-usage-card header small[b-tibyjqzze6] {
        display: block;
    }

    .promo-usage-card header small[b-tibyjqzze6],
    .promo-usage-card time[b-tibyjqzze6] {
        color: var(--app-muted-text);
        font-size: 0.7rem;
    }

    .promo-usage-card dl[b-tibyjqzze6] {
        display: grid;
        gap: 0.5rem;
        margin: 0.8rem 0 0;
    }

    .promo-usage-card dl div[b-tibyjqzze6] {
        display: grid;
        grid-template-columns: 5rem 1fr;
        gap: 0.5rem;
    }

    .promo-usage-card dt[b-tibyjqzze6] {
        color: var(--app-muted-text);
        font-size: 0.68rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .promo-usage-card dd[b-tibyjqzze6] {
        margin: 0;
        font-size: 0.76rem;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Home.razor.rz.scp.css */
.impact-home__hero[b-hak82jkizm],
.impact-home__proof[b-hak82jkizm] {
    --impact-navy: #071d36;
    --impact-blue: #114f87;
    --impact-yellow: #ffca2f;
    --impact-ice: #e8f5ff;
}

.impact-home__hero[b-hak82jkizm] {
    position: relative;
    overflow: hidden;
    color: #f8fbff;
    background:
        radial-gradient(circle at 12% 28%, rgba(83, 170, 234, 0.3), transparent 24rem),
        radial-gradient(circle at 90% 12%, rgba(255, 202, 47, 0.16), transparent 20rem),
        linear-gradient(145deg, var(--impact-navy) 0%, #0d3a66 56%, var(--impact-blue) 100%);
    isolation: isolate;
}

.impact-home__hero[b-hak82jkizm]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: 0.16;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.impact-home__hero[b-hak82jkizm]  .impact-home__hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(22rem, 0.72fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
    padding-block: clamp(2.5rem, 6vw, 5.5rem);
}

.impact-home__message[b-hak82jkizm] {
    display: grid;
    justify-items: start;
    min-width: 0;
    width: 100%;
    max-width: 44rem;
    animation: impact-rise-b-hak82jkizm 650ms ease-out both;
}

.impact-home__eyebrow[b-hak82jkizm] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: var(--impact-yellow);
    background: rgba(1, 16, 32, 0.42);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.impact-home__eyebrow[b-hak82jkizm]  .mud-icon-root {
    font-size: 1.15rem;
}

.impact-home__title[b-hak82jkizm] {
    max-width: 100%;
    margin-top: 1.2rem !important;
    color: #fff;
    font-size: clamp(3.4rem, 7vw, 6.5rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance;
    overflow-wrap: break-word;
    text-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.impact-home__intro[b-hak82jkizm] {
    max-width: 38rem;
    margin-top: 1.5rem !important;
    color: rgba(244, 250, 255, 0.88);
    font-size: clamp(1.05rem, 2vw, 1.35rem) !important;
    line-height: 1.55 !important;
}

.impact-home__title-mobile[b-hak82jkizm],
.impact-home__proof-title-mobile[b-hak82jkizm] {
    display: none;
}

.impact-home__actions[b-hak82jkizm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.75rem;
}

.impact-home__actions[b-hak82jkizm]  .mud-button-root,
.impact-home__closing[b-hak82jkizm]  .mud-button-root {
    min-height: 3.15rem;
    padding-inline: 1.35rem;
    border-radius: 999px;
    font-weight: 900;
    letter-spacing: 0.035em;
}

.impact-home__actions[b-hak82jkizm]  .mud-button-outlined {
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
}

.impact-home__trust-row[b-hak82jkizm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1.15rem;
    margin-top: 1.6rem;
    color: rgba(245, 251, 255, 0.76);
    font-size: 0.82rem;
    font-weight: 800;
}

.impact-home__trust-row span[b-hak82jkizm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.impact-home__trust-row[b-hak82jkizm]  .mud-icon-root {
    color: var(--impact-yellow);
    font-size: 1.05rem;
}

.impact-home__visual[b-hak82jkizm] {
    position: relative;
    margin: 0;
    animation: impact-rise-b-hak82jkizm 760ms 90ms ease-out both;
}

.impact-home__visual-glow[b-hak82jkizm] {
    position: absolute;
    inset: 10% -8% 8%;
    z-index: -1;
    border-radius: 50%;
    background: rgba(255, 202, 47, 0.22);
    filter: blur(50px);
}

.impact-home__campaign-image[b-hak82jkizm] {
    display: block;
    width: 100%;
    max-height: 48rem;
    object-fit: contain;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 1.8rem;
    box-shadow: 0 34px 80px rgba(0, 10, 24, 0.48);
}

.impact-home__visual figcaption[b-hak82jkizm] {
    position: absolute;
    right: -0.8rem;
    bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    max-width: 19rem;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 1rem;
    color: #fff;
    background: rgba(4, 24, 45, 0.9);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
    font-size: 0.82rem;
    font-weight: 800;
}

.impact-home__visual figcaption[b-hak82jkizm]  .mud-icon-root {
    color: var(--impact-yellow);
}

.impact-home__proof[b-hak82jkizm] {
    padding-block: clamp(2.6rem, 5vw, 4.6rem);
    color: var(--app-panel-text);
    background:
        radial-gradient(circle at 94% 14%, rgba(255, 202, 47, 0.22), transparent 18rem),
        var(--app-page-background);
}

.impact-home__proof-heading[b-hak82jkizm] {
    display: grid;
    gap: 0.25rem;
    max-width: 44rem;
}

.impact-home__proof-heading[b-hak82jkizm]  .mud-typography-overline {
    color: var(--app-theme-color);
    font-weight: 900;
    letter-spacing: 0.14em;
}

.impact-home__proof-heading[b-hak82jkizm]  .mud-typography-h2 {
    color: var(--app-panel-text);
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1;
    overflow-wrap: break-word;
}

.impact-home__proof-grid[b-hak82jkizm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.impact-home__proof-card[b-hak82jkizm] {
    position: relative;
    display: grid;
    min-height: 11rem;
    align-content: end;
    gap: 0.15rem;
    overflow: hidden;
    padding: 1.2rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 1.4rem;
    color: var(--app-panel-text);
    background: var(--app-panel-background);
    box-shadow: 0 18px 45px rgba(8, 27, 52, 0.1);
}

.impact-home__proof-card[b-hak82jkizm]::after {
    position: absolute;
    top: -2rem;
    right: -1.5rem;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    content: "";
    background: rgba(255, 202, 47, 0.18);
}

.impact-home__proof-icon[b-hak82jkizm] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    place-items: center;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(145deg, var(--impact-blue), var(--impact-navy));
    box-shadow: 0 12px 26px rgba(7, 41, 75, 0.24);
}

.impact-home__proof-card strong[b-hak82jkizm] {
    position: relative;
    font-size: 1.18rem;
}

.impact-home__proof-card small[b-hak82jkizm] {
    position: relative;
    color: var(--app-muted-text);
    font-weight: 700;
}

.impact-home__closing[b-hak82jkizm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
    padding: 1.5rem 1.65rem;
    border-radius: 1.5rem;
    color: #fff;
    background:
        linear-gradient(120deg, rgba(255, 202, 47, 0.12), transparent 45%),
        var(--impact-navy);
    box-shadow: 0 20px 50px rgba(8, 27, 52, 0.18);
}

.impact-home__closing[b-hak82jkizm]  .mud-typography-h3 {
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.impact-home__closing[b-hak82jkizm]  .mud-typography-body1 {
    margin-top: 0.25rem;
    color: rgba(245, 250, 255, 0.78);
}

@keyframes impact-rise-b-hak82jkizm {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 900px) {
    .impact-home__hero[b-hak82jkizm]  .impact-home__hero-inner {
        grid-template-columns: 1fr;
        gap: 2.2rem;
    }

    .impact-home__message[b-hak82jkizm] {
        max-width: 42rem;
    }

    .impact-home__visual[b-hak82jkizm] {
        width: min(34rem, 100%);
        justify-self: center;
    }

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

@media (max-width: 600px) {
    .impact-home__hero[b-hak82jkizm]  .impact-home__hero-inner {
        gap: 1.5rem;
        padding: 1.5rem 0.9rem 2.4rem;
    }

    .impact-home__message[b-hak82jkizm] {
        justify-items: stretch;
    }

    .impact-home__eyebrow[b-hak82jkizm] {
        justify-self: start;
        padding: 0.45rem 0.7rem;
        font-size: 0.68rem;
    }

    .impact-home__title[b-hak82jkizm] {
        margin-top: 0.9rem !important;
        font-size: clamp(2.5rem, 12vw, 3.25rem) !important;
        line-height: 0.94 !important;
        white-space: normal !important;
    }

    .impact-home__title-desktop[b-hak82jkizm],
    .impact-home__proof-title-desktop[b-hak82jkizm] {
        display: none;
    }

    .impact-home__title-mobile[b-hak82jkizm],
    .impact-home__proof-title-mobile[b-hak82jkizm] {
        display: inline;
    }

    .impact-home__intro[b-hak82jkizm] {
        margin-top: 1rem !important;
        font-size: 1rem !important;
        line-height: 1.45 !important;
    }

    .impact-home__actions[b-hak82jkizm] {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 1.2rem;
    }

    .impact-home__actions[b-hak82jkizm]  .mud-button-root {
        min-height: 2.85rem;
        padding-inline: 1rem;
    }

    .impact-home__trust-row[b-hak82jkizm] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.4rem;
        margin-top: 1rem;
        font-size: 0.64rem;
    }

    .impact-home__trust-row span[b-hak82jkizm] {
        align-items: flex-start;
        line-height: 1.2;
    }

    .impact-home__campaign-image[b-hak82jkizm] {
        border-radius: 1.25rem;
    }

    .impact-home__visual figcaption[b-hak82jkizm] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        justify-content: center;
        max-width: none;
        padding: 0.65rem 0.75rem;
        font-size: 0.72rem;
    }

    .impact-home__proof[b-hak82jkizm] {
        padding: 2.2rem 0.9rem;
    }

    .impact-home__proof-heading[b-hak82jkizm]  .mud-typography-h2 {
        font-size: 1.95rem;
        white-space: normal !important;
        word-break: normal;
    }

    .impact-home__proof-grid[b-hak82jkizm] {
        gap: 0.7rem;
        margin-top: 1.4rem;
    }

    .impact-home__proof-card[b-hak82jkizm] {
        min-height: 9.5rem;
        padding: 0.9rem;
        border-radius: 1.1rem;
    }

    .impact-home__proof-icon[b-hak82jkizm] {
        top: 0.8rem;
        left: 0.8rem;
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 0.85rem;
    }

    .impact-home__proof-card strong[b-hak82jkizm] {
        font-size: 1rem;
    }

    .impact-home__proof-card small[b-hak82jkizm] {
        font-size: 0.72rem;
    }

    .impact-home__closing[b-hak82jkizm] {
        display: grid;
        gap: 1rem;
        padding: 1.25rem;
    }

    .impact-home__closing[b-hak82jkizm]  .mud-button-root {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .impact-home__message[b-hak82jkizm],
    .impact-home__visual[b-hak82jkizm] {
        animation: none;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Jobs/JobEditor.razor.rz.scp.css */
.job-detail-band[b-nk3ysbsrtg] {
    --job-detail-record-width: 54rem;
    --job-record-label-column: clamp(10.5rem, 36.6%, 15rem);
    --job-record-action-column: minmax(2.75rem, auto);
    --job-record-vehicle-media-column: clamp(12rem, 43.9%, 18rem);
    padding-block: clamp(0.65rem, 2vw, 1.25rem);
}

[b-nk3ysbsrtg] .job-detail-container {
    padding-left: clamp(0.5rem, 1.4vw, 0.85rem);
    padding-right: clamp(0.5rem, 1.4vw, 0.85rem);
}

[b-nk3ysbsrtg] .job-detail-grid {
    align-items: start;
    width: min(100%, var(--job-detail-record-width));
    max-width: min(100%, var(--job-detail-record-width));
    margin: 0 auto !important;
}

[b-nk3ysbsrtg] .job-detail-grid > .mud-grid-item {
    flex-basis: 100%;
    max-width: 100%;
}

[b-nk3ysbsrtg] .job-detail-table-card {
    padding: 0 !important;
    overflow: hidden;
}

[b-nk3ysbsrtg] .job-detail-table-card.panel-card,
[b-nk3ysbsrtg] #job-update-panel.panel-card,
[b-nk3ysbsrtg] .job-detail-section.panel-card,
[b-nk3ysbsrtg] .job-detail-timeline-card.panel-card {
    border-radius: 8px !important;
    width: min(100%, var(--job-detail-record-width));
    max-width: min(100%, var(--job-detail-record-width));
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

[b-nk3ysbsrtg] #job-update-panel.panel-card {
    padding: clamp(1rem, 2vw, 1.35rem) !important;
}

[b-nk3ysbsrtg] .job-detail-section.panel-card {
    padding: clamp(0.8rem, 1.8vw, 1.1rem) !important;
}

.job-record-sheet[b-nk3ysbsrtg] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--app-panel-border);
    background: var(--app-panel-background);
}

.job-record-sheet__header[b-nk3ysbsrtg] {
    background: var(--app-hero-from);
    color: var(--app-hero-text);
    padding: 0.62rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

.job-record-sheet__rows[b-nk3ysbsrtg] {
    display: flex;
    flex-direction: column;
}

.job-record-row[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: var(--job-record-label-column) minmax(0, 1fr) var(--job-record-action-column);
    gap: 0;
    padding: 0;
    border-bottom: 1px solid var(--app-panel-border);
    align-items: stretch;
    min-height: 2.25rem;
}

.job-record-row:last-child[b-nk3ysbsrtg] {
    border-bottom: none;
}

.job-record-cell--label[b-nk3ysbsrtg] {
    display: flex;
    align-items: center;
    font-weight: 800;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--app-muted-text);
    background: color-mix(in srgb, var(--app-panel-alt-background) 80%, white);
    border-right: 1px solid var(--app-panel-border);
    padding: 0.58rem 0.78rem;
}

.job-record-cell--value[b-nk3ysbsrtg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    justify-content: center;
    padding: 0.58rem 0.78rem;
}

.job-record-cell--action[b-nk3ysbsrtg] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    padding: 0.42rem 0.58rem;
}

[b-nk3ysbsrtg] .job-record-cell--action .mud-button-root,
[b-nk3ysbsrtg] .job-map-link.mud-button-root {
    max-width: 100%;
    min-width: 0;
}

[b-nk3ysbsrtg] .job-record-cell--action .mud-button-label,
[b-nk3ysbsrtg] .job-map-link .mud-button-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-record-row--vehicle[b-nk3ysbsrtg] {
    --job-record-vehicle-height: clamp(4.3rem, 7vw, 5.7rem);
    --job-record-logo-height: clamp(3.4rem, 6vw, 4.8rem);
    grid-template-columns: var(--job-record-label-column) var(--job-record-vehicle-media-column) minmax(0, 1fr);
}

.job-record-row--vehicle .job-record-cell--label[b-nk3ysbsrtg] {
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding-block: 0.8rem;
    overflow: hidden;
}

.job-record-row--vehicle .job-record-cell--value[b-nk3ysbsrtg] {
    align-items: center;
    overflow: hidden;
}

.job-record-row--vehicle .job-record-cell--action[b-nk3ysbsrtg] {
    justify-content: flex-start;
    align-items: flex-start;
    padding-block: 0.72rem;
}

.job-record-cell--details[b-nk3ysbsrtg] {
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

[b-nk3ysbsrtg] .job-record-cell--details .mud-typography,
[b-nk3ysbsrtg] .job-record-cell--value .mud-typography,
[b-nk3ysbsrtg] .job-record-cell--action .mud-typography {
    min-width: 0;
    overflow-wrap: anywhere;
}

[b-nk3ysbsrtg] .job-record-vehicle__logo {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: min(82%, 7.4rem) !important;
    max-height: var(--job-record-logo-height) !important;
    object-fit: contain !important;
}

[b-nk3ysbsrtg] .job-record-vehicle__logo--compact {
    max-width: min(82%, 7.4rem) !important;
    max-height: var(--job-record-logo-height) !important;
}

[b-nk3ysbsrtg] .job-record-vehicle__image,
.job-record-vehicle__image[b-nk3ysbsrtg] {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 13rem) !important;
    max-height: var(--job-record-vehicle-height) !important;
    object-fit: contain !important;
    background: transparent;
    border-radius: 4px;
    padding: 0;
}

[b-nk3ysbsrtg] img.job-record-vehicle__image {
    transform: scaleX(-1);
}

[b-nk3ysbsrtg] .job-record-vehicle__image--primary,
.job-record-vehicle__image--primary[b-nk3ysbsrtg] {
    max-width: min(100%, 14rem) !important;
    max-height: var(--job-record-vehicle-height) !important;
}

.job-record-vehicle__image--placeholder[b-nk3ysbsrtg] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--app-muted-text);
}

[b-nk3ysbsrtg] .job-detail-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.25rem), 1fr));
    gap: 0.75rem 0.9rem !important;
    align-items: stretch;
    justify-items: stretch;
    width: 100%;
    max-width: min(100%, var(--job-detail-record-width));
    margin-left: auto;
    margin-right: auto;
}

[b-nk3ysbsrtg] .job-detail-actions .mud-button-root {
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding-inline: 0.8rem;
}

[b-nk3ysbsrtg] .job-detail-actions .mud-button-label {
    min-width: 0;
    overflow: visible;
    text-align: center;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.15;
}

[b-nk3ysbsrtg] .job-detail-actions .mud-button-start-icon {
    flex-shrink: 0;
}

[b-nk3ysbsrtg] .job-inline-action-panels {
    display: none !important;
}

.job-map-link[b-nk3ysbsrtg] {
    align-self: flex-start;
    margin-top: 0.32rem;
}

.job-invoice-preview[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: minmax(7rem, auto) minmax(0, 1fr);
    gap: 0.35rem 0.75rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--app-panel-alt-background) 72%, transparent);
}

.job-document-grid-shell[b-nk3ysbsrtg],
.job-timeline-table-shell[b-nk3ysbsrtg] {
    margin-top: 0.85rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--app-panel-alt-background) 34%, var(--app-panel-background));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.job-document-grid[b-nk3ysbsrtg] {
    min-width: 46rem;
    display: grid;
    grid-template-columns: 6rem 5.5rem minmax(18rem, 1fr) 7rem 4rem 5.25rem;
}

.job-document-grid__row[b-nk3ysbsrtg] {
    display: contents;
}

.job-document-grid__cell[b-nk3ysbsrtg] {
    min-width: 0;
    padding: 0.72rem 0.8rem;
    border-bottom: 1px solid var(--app-panel-border);
    background: var(--app-panel-background);
    color: var(--app-text);
    font-size: 0.9rem;
}

.job-document-grid__head .job-document-grid__cell[b-nk3ysbsrtg],
[b-nk3ysbsrtg] .job-timeline-table .mud-table-head .mud-table-cell {
    background: color-mix(in srgb, var(--app-panel-alt-background) 92%, #d5d9df);
    color: var(--app-muted-text);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.job-document-grid__row:not(.job-document-grid__head):nth-child(even) .job-document-grid__cell[b-nk3ysbsrtg],
[b-nk3ysbsrtg] .job-timeline-table .mud-table-body .mud-table-row:nth-child(odd) .mud-table-cell {
    background: color-mix(in srgb, var(--app-panel-alt-background) 46%, var(--app-panel-background));
}

.job-document-grid__row:not(.job-document-grid__head):hover .job-document-grid__cell[b-nk3ysbsrtg],
[b-nk3ysbsrtg] .job-timeline-table .mud-table-row:hover .mud-table-cell {
    background: color-mix(in srgb, var(--app-panel-alt-background) 62%, var(--app-panel-background));
}

.job-document-grid__row:last-child .job-document-grid__cell[b-nk3ysbsrtg] {
    border-bottom: none;
}

[b-nk3ysbsrtg] .job-timeline-table {
    min-width: 46rem;
    background: transparent;
}

[b-nk3ysbsrtg] .job-timeline-table .mud-table-container {
    background: transparent;
    border-radius: 0;
}

[b-nk3ysbsrtg] .job-timeline-table table {
    border-collapse: collapse;
}

[b-nk3ysbsrtg] .job-timeline-table .mud-table-cell {
    border-bottom: 1px solid var(--app-panel-border);
    background: var(--app-panel-background);
    color: var(--app-text);
    font-size: 0.9rem;
    line-height: 1.3;
    padding: 0.72rem 0.8rem;
}

[b-nk3ysbsrtg] .job-timeline-table .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: none;
}

.job-document-grid__description[b-nk3ysbsrtg] {
    overflow-wrap: anywhere;
}

.job-document-grid__imported[b-nk3ysbsrtg] {
    line-height: 1.25;
}

.job-document-grid__action[b-nk3ysbsrtg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.job-document-grid__empty-action[b-nk3ysbsrtg] {
    color: var(--app-muted-text);
    font-size: 0.78rem;
}

.job-document-grid__empty-row[b-nk3ysbsrtg] {
    grid-column: 1 / -1;
    padding: 1rem 0.8rem;
    color: var(--app-muted-text);
    border-bottom: none;
}

.job-detail-data-card[b-nk3ysbsrtg] {
    min-width: 0;
    overflow: hidden;
    scroll-margin-top: 6rem;
}

.job-detail-tabs[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid var(--app-panel-border);
    background: transparent;
}

.job-detail-tabs__tab[b-nk3ysbsrtg] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 2.65rem;
    margin-bottom: -1px;
    border: 1px solid var(--app-panel-border);
    border-radius: 7px 7px 0 0;
    background: color-mix(in srgb, var(--app-panel-alt-background) 82%, var(--app-panel-background));
    color: var(--app-muted-text);
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    padding: 0.55rem 0.65rem;
    box-sizing: border-box;
}

.job-detail-tabs__tab + .job-detail-tabs__tab[b-nk3ysbsrtg] {
    margin-left: -1px;
}

.job-detail-tabs__tab > span:first-child[b-nk3ysbsrtg] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.job-detail-tabs__tab:hover[b-nk3ysbsrtg],
.job-detail-tabs__tab:focus-visible[b-nk3ysbsrtg] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.job-detail-tabs__tab--active[b-nk3ysbsrtg] {
    z-index: 1;
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 -3px 10px rgba(8, 27, 52, 0.08);
}

.job-detail-tabs__tab--active:hover[b-nk3ysbsrtg],
.job-detail-tabs__tab--active:focus-visible[b-nk3ysbsrtg] {
    color: var(--mud-palette-primary-text);
}

.job-detail-tabs__count[b-nk3ysbsrtg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 1.75rem;
    min-height: 1.75rem;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 13%, transparent);
    font-size: 0.78rem;
    font-weight: 900;
}

.job-detail-tabs__tab--active .job-detail-tabs__count[b-nk3ysbsrtg] {
    background: rgba(255, 255, 255, 0.18);
}

.job-detail-tab-panel[b-nk3ysbsrtg] {
    margin-top: 0;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-panel-border);
    border-top: none;
    border-radius: 0 0 8px 8px;
    background: var(--app-panel-background);
    padding: clamp(0.8rem, 2vw, 1rem);
}

.job-detail-tab-panel[hidden][b-nk3ysbsrtg] {
    display: none;
}

.job-detail-tab-empty[b-nk3ysbsrtg] {
    margin-top: 0.85rem;
    padding: 1rem;
    border: 1px dashed var(--app-panel-border);
    border-radius: 8px;
    color: var(--app-muted-text);
    background: color-mix(in srgb, var(--app-panel-alt-background) 72%, transparent);
}

.job-http-dialog[b-nk3ysbsrtg] {
    --job-dialog-header-offset: clamp(8.2rem, 16vh, 9.25rem);
    position: fixed;
    inset: var(--job-dialog-header-offset) 0 0;
    z-index: 1500;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
}

.job-http-dialog:target[b-nk3ysbsrtg] {
    display: flex;
}

.job-http-dialog--open[b-nk3ysbsrtg] {
    display: flex;
}

.job-http-dialog__scrim[b-nk3ysbsrtg] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 52, 0.62);
    backdrop-filter: blur(2px);
}

.job-http-dialog__panel[b-nk3ysbsrtg] {
    position: relative;
    z-index: 1;
    width: min(100%, 34rem);
    max-height: calc(100vh - var(--job-dialog-header-offset) - 2rem);
    overflow: auto;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: var(--app-panel-background);
    box-shadow: 0 24px 70px rgba(8, 27, 52, 0.34);
    padding: clamp(1rem, 3vw, 1.35rem);
}

.job-http-dialog__panel--wide[b-nk3ysbsrtg] {
    width: min(100%, 42rem);
}

.job-http-dialog__title[b-nk3ysbsrtg] {
    margin: 0 0 1rem;
    color: var(--app-text);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.25;
}

.job-http-dialog__copy[b-nk3ysbsrtg] {
    margin: -0.45rem 0 1rem;
    color: var(--app-muted-text);
    line-height: 1.45;
}

.job-http-dialog__actions[b-nk3ysbsrtg] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.job-upload-progress-dialog[b-nk3ysbsrtg] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.job-upload-progress-dialog[hidden][b-nk3ysbsrtg] {
    display: none;
}

.job-upload-progress-dialog__scrim[b-nk3ysbsrtg] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 52, 0.68);
    backdrop-filter: blur(2px);
}

.job-upload-progress-dialog__panel[b-nk3ysbsrtg] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    width: min(100%, 29rem);
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: var(--app-panel-background);
    box-shadow: 0 24px 70px rgba(8, 27, 52, 0.34);
    padding: clamp(1rem, 3vw, 1.35rem);
}

.job-upload-progress-dialog__title[b-nk3ysbsrtg] {
    margin: 0;
    color: var(--app-text);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.25;
}

.job-upload-progress-dialog__file[b-nk3ysbsrtg],
.job-upload-progress-dialog__status[b-nk3ysbsrtg] {
    margin: 0;
    color: var(--app-muted-text);
    overflow-wrap: anywhere;
}

.job-upload-progress-dialog__file[b-nk3ysbsrtg] {
    color: var(--app-text);
    font-weight: 800;
}

.job-upload-progress-dialog__bar[b-nk3ysbsrtg] {
    height: 0.8rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-panel-border) 74%, transparent);
    box-shadow: inset 0 1px 2px rgba(8, 27, 52, 0.18);
}

.job-upload-progress-dialog__bar span[b-nk3ysbsrtg] {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--mud-palette-primary), #22a672);
    transition: width 120ms ease;
}

.job-upload-progress-dialog__cancel[b-nk3ysbsrtg] {
    justify-self: end;
    min-height: 2.55rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 999px;
    background: var(--app-panel-background);
    color: var(--app-text);
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    padding: 0.55rem 1.2rem;
}

.job-upload-progress-dialog__cancel:hover[b-nk3ysbsrtg],
.job-upload-progress-dialog__cancel:focus-visible[b-nk3ysbsrtg] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.job-upload-description-dialog[b-nk3ysbsrtg] {
    position: fixed;
    inset: 0;
    z-index: 1900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.job-upload-description-dialog[hidden][b-nk3ysbsrtg] {
    display: none;
}

.job-upload-description-dialog__scrim[b-nk3ysbsrtg] {
    position: absolute;
    inset: 0;
    background: rgba(8, 27, 52, 0.7);
    backdrop-filter: blur(2px);
}

.job-upload-description-dialog__panel[b-nk3ysbsrtg] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    width: min(100%, 31rem);
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: var(--app-panel-background);
    box-shadow: 0 24px 70px rgba(8, 27, 52, 0.34);
    padding: clamp(1rem, 3vw, 1.35rem);
}

.job-upload-description-dialog__title[b-nk3ysbsrtg] {
    margin: 0;
    color: var(--app-text);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.25;
}

.job-upload-description-dialog__file[b-nk3ysbsrtg],
.job-upload-description-dialog__error[b-nk3ysbsrtg] {
    margin: 0;
    overflow-wrap: anywhere;
}

.job-upload-description-dialog__file[b-nk3ysbsrtg] {
    color: var(--app-text);
    font-weight: 800;
}

.job-upload-description-dialog__error[b-nk3ysbsrtg] {
    color: var(--mud-palette-error);
    font-weight: 800;
}

.job-upload-description-dialog__actions[b-nk3ysbsrtg] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.job-upload-description-dialog__cancel[b-nk3ysbsrtg],
.job-upload-description-dialog__confirm[b-nk3ysbsrtg] {
    min-height: 2.55rem;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    padding: 0.55rem 1.2rem;
}

.job-upload-description-dialog__cancel[b-nk3ysbsrtg] {
    border: 1px solid var(--app-panel-border);
    background: var(--app-panel-background);
    color: var(--app-text);
}

.job-upload-description-dialog__confirm[b-nk3ysbsrtg] {
    border: 1px solid var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 8px 18px rgba(8, 27, 52, 0.2);
}

.job-upload-description-dialog__cancel:hover[b-nk3ysbsrtg],
.job-upload-description-dialog__cancel:focus-visible[b-nk3ysbsrtg] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.job-upload-description-dialog__confirm:hover[b-nk3ysbsrtg],
.job-upload-description-dialog__confirm:focus-visible[b-nk3ysbsrtg] {
    filter: brightness(1.04);
}

.job-upload-description-summary[b-nk3ysbsrtg] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.job-upload-description-summary[hidden][b-nk3ysbsrtg] {
    display: none;
}

.job-native-field .job-upload-description-summary__label[b-nk3ysbsrtg] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--app-muted-text);
}

.job-upload-description-summary__value[b-nk3ysbsrtg] {
    width: 100%;
    min-height: 2.75rem;
    margin: 0;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--app-panel-background) 86%, var(--app-panel-alt-background));
    color: var(--app-text);
    padding: 0.7rem 0.8rem;
    overflow-wrap: anywhere;
}

.job-sermi-section[b-nk3ysbsrtg] {
    scroll-margin-top: 6rem;
}

.job-sermi-score[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--app-panel-border) 70%, #1f9d6b);
    border-radius: 8px;
    background: color-mix(in srgb, var(--app-panel-alt-background) 78%, #fff7d6);
}

.job-sermi-score__bar[b-nk3ysbsrtg] {
    height: 0.72rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-panel-border) 68%, #f97316);
    box-shadow: inset 0 1px 2px rgba(8, 27, 52, 0.16);
}

.job-sermi-score__bar span[b-nk3ysbsrtg] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #16a34a, #22c55e);
    transition: width 180ms ease;
}

.job-sermi-checklist[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.job-sermi-tile[b-nk3ysbsrtg] {
    --sermi-tile-accent: #f59e0b;
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    min-height: 6.4rem;
    padding: 0.85rem;
    border-radius: 8px;
    border: 1px solid var(--app-panel-border);
    color: var(--app-text);
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    box-shadow: inset 4px 0 0 var(--sermi-tile-accent), 0 10px 24px rgba(8, 27, 52, 0.09);
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.job-sermi-tile:hover[b-nk3ysbsrtg],
.job-sermi-tile:focus-visible[b-nk3ysbsrtg] {
    transform: translateY(-1px);
    box-shadow: inset 4px 0 0 var(--sermi-tile-accent), 0 16px 32px rgba(8, 27, 52, 0.15);
    text-decoration: none;
}

.job-sermi-tile--complete[b-nk3ysbsrtg] {
    --sermi-tile-accent: #a7f3d0;
    color: #ffffff;
    border-color: #0b6249;
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 255, 255, 0.2), transparent 34%),
        linear-gradient(135deg, #0d7353 0%, #15966a 58%, #23aa74 100%);
}

.job-sermi-tile--pending[b-nk3ysbsrtg] {
    --sermi-tile-accent: #f97316;
    border-color: color-mix(in srgb, #f97316 66%, var(--app-panel-border));
    background:
        radial-gradient(circle at 88% 15%, color-mix(in srgb, #fdba74 34%, transparent), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, #fffaf0 91%, var(--app-panel-background)), color-mix(in srgb, #ffedd5 72%, var(--app-panel-background)));
}

.job-sermi-tile--signature.job-sermi-tile--pending[b-nk3ysbsrtg] {
    --sermi-tile-accent: #22d3ee;
    border-color: color-mix(in srgb, #0f766e 74%, var(--app-panel-border));
    background:
        radial-gradient(circle at 88% 14%, color-mix(in srgb, #67e8f9 30%, transparent), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, #e6fffb 86%, var(--app-panel-background)), color-mix(in srgb, #bae6fd 72%, var(--app-panel-background)));
}

.job-sermi-tile--signature.job-sermi-tile--complete[b-nk3ysbsrtg] {
    --sermi-tile-accent: #a5f3fc;
    border-color: #0f5f66;
    background:
        radial-gradient(circle at 88% 14%, rgba(165, 243, 252, 0.25), transparent 36%),
        linear-gradient(135deg, #0f766e 0%, #087f8c 55%, #0891b2 100%);
}

.job-sermi-tile__status[b-nk3ysbsrtg],
.job-sermi-tile__count[b-nk3ysbsrtg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-weight: 900;
    line-height: 1;
}

.job-sermi-tile__status[b-nk3ysbsrtg] {
    width: 1.85rem;
    height: 1.85rem;
}

.job-sermi-tile__count[b-nk3ysbsrtg] {
    width: 2.05rem;
    height: 2.05rem;
    align-self: end;
    border: 1px solid currentColor;
}

.job-sermi-tile--complete .job-sermi-tile__status[b-nk3ysbsrtg] {
    color: #16815f;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(8, 27, 52, 0.16);
}

.job-sermi-tile--complete .job-sermi-tile__count[b-nk3ysbsrtg] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
}

.job-sermi-tile--pending .job-sermi-tile__status[b-nk3ysbsrtg] {
    color: #c2410c;
    background: #ffffff;
}

.job-sermi-tile--signature.job-sermi-tile--pending .job-sermi-tile__status[b-nk3ysbsrtg] {
    color: #0f766e;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(8, 27, 52, 0.12);
}

.job-sermi-tile--signature.job-sermi-tile--complete .job-sermi-tile__status[b-nk3ysbsrtg] {
    color: #0f766e;
}

.job-sermi-tile__body[b-nk3ysbsrtg] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.job-sermi-tile__status[b-nk3ysbsrtg],
.job-sermi-tile__count[b-nk3ysbsrtg] {
    position: relative;
    z-index: 2;
}

.job-sermi-tile__watermark[b-nk3ysbsrtg] {
    position: absolute;
    z-index: 0;
    right: -0.55rem;
    bottom: -0.85rem;
    color: currentColor;
    opacity: 0.1;
    transform: rotate(-8deg);
    pointer-events: none;
}

.job-sermi-tile__watermark[b-nk3ysbsrtg]  .mud-icon-root {
    width: 5.8rem;
    height: 5.8rem;
    font-size: 5.8rem;
}

.job-sermi-tile--pending .job-sermi-tile__watermark[b-nk3ysbsrtg] {
    opacity: 0.075;
}

.job-sermi-tile__title[b-nk3ysbsrtg] {
    font-weight: 900;
    line-height: 1.25;
}

.job-sermi-tile__copy[b-nk3ysbsrtg],
.job-sermi-tile__description[b-nk3ysbsrtg] {
    font-size: 0.82rem;
    line-height: 1.38;
}

.job-sermi-tile__description[b-nk3ysbsrtg] {
    margin-top: 0.2rem;
    overflow-wrap: anywhere;
    opacity: 0.9;
}

.job-sermi-review-grid[b-nk3ysbsrtg] {
    display: grid;
    gap: 0.75rem;
}

.job-sermi-review-empty[b-nk3ysbsrtg] {
    padding: 0.9rem;
    border: 1px dashed var(--app-panel-border);
    border-radius: 8px;
    color: var(--app-muted-text);
    background: color-mix(in srgb, var(--app-panel-alt-background) 72%, transparent);
}

.job-sermi-document-card[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--app-panel-alt-background) 70%, transparent);
}

.job-sermi-document-card__thumb[b-nk3ysbsrtg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 7px;
    color: var(--app-muted-text);
    background: var(--app-panel-background);
    border: 1px solid var(--app-panel-border);
}

.job-sermi-document-card__thumb img[b-nk3ysbsrtg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.job-sermi-document-card__thumb--link[b-nk3ysbsrtg],
.job-sermi-document-card__title--link[b-nk3ysbsrtg] {
    text-decoration: none;
}

.job-sermi-document-card__thumb--link[b-nk3ysbsrtg] {
    cursor: pointer;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.job-sermi-document-card__thumb--link:hover[b-nk3ysbsrtg],
.job-sermi-document-card__thumb--link:focus-visible[b-nk3ysbsrtg] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 10px 22px rgba(8, 27, 52, 0.16);
    transform: translateY(-1px);
}

.job-sermi-document-card__body[b-nk3ysbsrtg] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    color: var(--app-muted-text);
    font-size: 0.82rem;
    line-height: 1.35;
}

.job-sermi-document-card__title[b-nk3ysbsrtg] {
    color: var(--app-text);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.job-sermi-document-card__title--link:hover[b-nk3ysbsrtg],
.job-sermi-document-card__title--link:focus-visible[b-nk3ysbsrtg] {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

.job-sermi-document-card__unavailable[b-nk3ysbsrtg] {
    color: var(--mud-palette-error);
    font-weight: 800;
}

.job-sermi-document-card__delete[b-nk3ysbsrtg] {
    align-self: center;
}

.job-inline-form[b-nk3ysbsrtg],
.job-native-form[b-nk3ysbsrtg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.job-inline-form[b-nk3ysbsrtg] {
    width: min(100%, 20rem);
    align-items: flex-end;
    gap: 0.6rem;
}

.job-native-form--compact[b-nk3ysbsrtg] {
    gap: 0.7rem;
}

.job-native-section[b-nk3ysbsrtg] {
    scroll-margin-top: 6rem;
}

.job-native-field[b-nk3ysbsrtg],
.job-native-fieldset[b-nk3ysbsrtg] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--app-text);
}

.job-native-field span[b-nk3ysbsrtg],
.job-native-fieldset legend[b-nk3ysbsrtg],
.job-native-check span[b-nk3ysbsrtg] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--app-muted-text);
}

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

.job-native-field--compact[b-nk3ysbsrtg] {
    width: 100%;
}

.job-native-field input[b-nk3ysbsrtg],
.job-native-field select[b-nk3ysbsrtg],
.job-native-field textarea[b-nk3ysbsrtg],
.job-native-check--stacked input[type="number"][b-nk3ysbsrtg],
.job-stock-row input[b-nk3ysbsrtg],
.job-stock-row select[b-nk3ysbsrtg] {
    width: 100%;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    background: var(--app-panel-background);
    color: var(--app-text);
    padding: 0.7rem 0.8rem;
    font: inherit;
}

.job-native-field textarea[b-nk3ysbsrtg] {
    min-height: 5.5rem;
    resize: vertical;
}

.job-native-field small[b-nk3ysbsrtg] {
    color: var(--app-muted-text);
    line-height: 1.4;
}

.job-native-check[b-nk3ysbsrtg] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--app-text);
}

.job-native-check input[type="checkbox"][b-nk3ysbsrtg] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--mud-palette-primary);
}

.job-native-check--stacked[b-nk3ysbsrtg] {
    align-items: stretch;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    padding: 0.75rem;
}

.job-native-check--stacked > span[b-nk3ysbsrtg] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.job-native-check--inline[b-nk3ysbsrtg] {
    justify-content: space-between;
    border: 1px solid var(--app-panel-border);
    border-radius: 8px;
    padding: 0.75rem;
}

.job-native-check--inline > span[b-nk3ysbsrtg],
.job-primary-radio[b-nk3ysbsrtg] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.job-primary-radio[b-nk3ysbsrtg] {
    color: var(--app-muted-text);
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.job-primary-radio input[type="radio"][b-nk3ysbsrtg] {
    accent-color: var(--mud-palette-primary);
}

.job-native-fieldset[b-nk3ysbsrtg] {
    border: 1px solid var(--app-panel-border);
    border-radius: 12px;
    padding: 0.9rem;
}

.job-stock-row[b-nk3ysbsrtg] {
    display: grid;
    grid-template-columns: minmax(8rem, 1fr) 5rem 7rem minmax(8rem, 1fr);
    gap: 0.6rem;
    align-items: end;
}

@media (max-width: 900px) {
    [b-nk3ysbsrtg] .job-detail-container {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

    [b-nk3ysbsrtg] .job-detail-grid {
        width: 100%;
        margin: 0 auto !important;
    }

    [b-nk3ysbsrtg] .job-detail-grid > .mud-grid-item {
        padding-left: 0;
    }

    [b-nk3ysbsrtg] .job-detail-table-card {
        width: min(100%, var(--job-detail-record-width));
        margin-left: auto;
        margin-right: auto;
        border-radius: 8px !important;
        padding: 0 !important;
    }

    .job-record-sheet[b-nk3ysbsrtg] {
        border-radius: 8px;
    }

    .job-record-sheet__header[b-nk3ysbsrtg] {
        border-radius: 7px 7px 0 0;
        padding: 0.62rem 0.7rem;
    }
}

@media (max-width: 599.98px) {
    .job-detail-band[b-nk3ysbsrtg] {
        --job-record-label-column: clamp(6.75rem, 34%, 11rem);
        --job-record-action-column: minmax(2.25rem, auto);
    }

    .job-record-row[b-nk3ysbsrtg] {
        grid-template-columns: var(--job-record-label-column) minmax(0, 1fr) var(--job-record-action-column);
        grid-template-areas: "label value action";
        gap: 0;
        align-items: stretch;
        padding: 0;
    }

    .job-record-cell--label[b-nk3ysbsrtg] {
        grid-area: label;
        padding: 0.55rem 0.55rem;
    }

    .job-record-cell--value[b-nk3ysbsrtg] {
        grid-area: value;
        padding: 0.55rem 0.62rem;
    }

    .job-record-cell--action[b-nk3ysbsrtg] {
        grid-area: action;
        justify-content: flex-end;
        padding: 0.38rem 0.45rem;
    }

    .job-record-cell--value .mud-typography[b-nk3ysbsrtg],
    .job-record-cell--action .mud-typography[b-nk3ysbsrtg] {
        overflow-wrap: anywhere;
    }

    .job-record-row--vehicle[b-nk3ysbsrtg] {
        --job-record-vehicle-height: clamp(4.1rem, 19vw, 5.15rem);
        --job-record-logo-height: clamp(3.25rem, 16vw, 4.25rem);
        grid-template-columns: var(--job-record-label-column) minmax(0, 1fr);
        grid-template-areas:
            "label value"
            "label action";
        align-items: stretch;
    }

    .job-record-row--vehicle .job-record-cell--label[b-nk3ysbsrtg] {
        grid-area: label;
        justify-content: center;
        padding-inline: 0.45rem;
    }

    .job-record-row--vehicle .job-record-cell--value[b-nk3ysbsrtg] {
        grid-area: value;
        align-items: center;
        padding-bottom: 0.2rem;
    }

    .job-record-row--vehicle .job-record-cell--action[b-nk3ysbsrtg] {
        grid-area: action;
        min-width: 0;
        padding-top: 0.15rem;
        padding-bottom: 0.58rem;
    }

    .job-inline-form[b-nk3ysbsrtg] {
        width: 100%;
        align-items: stretch;
    }

    [b-nk3ysbsrtg] .job-detail-actions {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
        gap: 0.65rem !important;
    }

    .job-stock-row[b-nk3ysbsrtg] {
        grid-template-columns: 1fr;
    }

    .job-sermi-checklist[b-nk3ysbsrtg] {
        grid-template-columns: 1fr;
    }

    .job-sermi-score[b-nk3ysbsrtg] {
        grid-template-columns: 1fr;
    }

    .job-sermi-document-card[b-nk3ysbsrtg] {
        grid-template-columns: 4.75rem minmax(0, 1fr);
    }

    .job-sermi-document-card__thumb[b-nk3ysbsrtg] {
        width: 4.75rem;
    }

    .job-sermi-document-card__delete[b-nk3ysbsrtg] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    [b-nk3ysbsrtg] .job-record-vehicle__logo,
    [b-nk3ysbsrtg] .job-record-vehicle__logo--compact {
        max-width: min(84%, 5.25rem) !important;
        max-height: var(--job-record-logo-height) !important;
    }

    [b-nk3ysbsrtg] .job-record-vehicle__image,
    [b-nk3ysbsrtg] .job-record-vehicle__image--primary,
    .job-record-vehicle__image[b-nk3ysbsrtg],
    .job-record-vehicle__image--primary[b-nk3ysbsrtg] {
        max-width: min(100%, 12.5rem) !important;
        max-height: var(--job-record-vehicle-height) !important;
        padding: 0;
    }
}

@media (max-width: 480px) {
    .job-detail-band[b-nk3ysbsrtg] {
        --job-record-label-column: clamp(5.85rem, 32%, 9.5rem);
        --job-record-action-column: minmax(2rem, auto);
    }

    [b-nk3ysbsrtg] .job-detail-container {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    [b-nk3ysbsrtg] .job-detail-table-card.panel-card,
    [b-nk3ysbsrtg] #job-update-panel.panel-card,
    [b-nk3ysbsrtg] .job-detail-section.panel-card,
    [b-nk3ysbsrtg] .job-detail-timeline-card.panel-card {
        border-radius: 8px !important;
    }

    .job-record-row[b-nk3ysbsrtg] {
        grid-template-columns: var(--job-record-label-column) minmax(0, 1fr) var(--job-record-action-column);
    }

    .job-record-row--vehicle[b-nk3ysbsrtg] {
        grid-template-columns: var(--job-record-label-column) minmax(0, 1fr);
    }

    .job-record-cell--label[b-nk3ysbsrtg] {
        padding-inline: 0.42rem;
    }

    .job-record-cell--value[b-nk3ysbsrtg] {
        padding-inline: 0.52rem;
    }

    .job-record-cell--action[b-nk3ysbsrtg] {
        padding-inline: 0.38rem;
    }

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

    [b-nk3ysbsrtg] .job-detail-actions .mud-button-root {
        min-height: 3rem;
        padding-inline: 0.55rem;
    }

    .job-detail-tabs__tab[b-nk3ysbsrtg] {
        min-height: 2.55rem;
        padding-inline: 0.45rem;
    }

    .job-http-dialog[b-nk3ysbsrtg] {
        --job-dialog-header-offset: clamp(7.2rem, 18vh, 8.25rem);
        padding: 0.5rem;
    }

    [b-nk3ysbsrtg] .job-http-dialog__actions .mud-button-root {
        flex: 1 1 9rem;
    }

    .job-sermi-tile[b-nk3ysbsrtg] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .job-sermi-tile__count[b-nk3ysbsrtg] {
        grid-column: 2;
        justify-self: start;
        align-self: start;
        margin-top: 0.35rem;
    }

    [b-nk3ysbsrtg] .job-record-vehicle__logo,
    [b-nk3ysbsrtg] .job-record-vehicle__logo--compact {
        max-width: min(86%, 4.7rem) !important;
    }

    [b-nk3ysbsrtg] .job-record-vehicle__image,
    [b-nk3ysbsrtg] .job-record-vehicle__image--primary,
    .job-record-vehicle__image[b-nk3ysbsrtg],
    .job-record-vehicle__image--primary[b-nk3ysbsrtg] {
        max-width: min(100%, 11.3rem) !important;
    }
}
.job-sermi-gateway[b-nk3ysbsrtg] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.25rem;
    overflow: hidden;
    border: 1px solid rgba(21, 106, 156, .42);
    background:
        radial-gradient(circle at 90% 15%, rgba(255, 205, 55, .28), transparent 30%),
        linear-gradient(135deg, #e9f8fb 0%, #cbeaf2 55%, #fff5c8 100%);
}

.job-sermi-gateway[b-nk3ysbsrtg]::after {
    content: "SERMI";
    position: absolute;
    right: 1rem;
    bottom: -1.2rem;
    color: rgba(12, 55, 91, .06);
    font-size: clamp(4rem, 10vw, 8rem);
    font-weight: 900;
    letter-spacing: .08em;
    pointer-events: none;
}

.job-sermi-gateway__icon[b-nk3ysbsrtg] {
    display: grid;
    place-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1.15rem;
    color: #fff;
    background: linear-gradient(145deg, #0b416d, #168c9b);
    box-shadow: 0 .75rem 1.5rem rgba(11, 65, 109, .22);
}

.job-sermi-gateway__body[b-nk3ysbsrtg] {
    display: grid;
    gap: .35rem;
}

@media (max-width: 700px) {
    .job-sermi-gateway[b-nk3ysbsrtg] { grid-template-columns: auto 1fr; }
    .job-sermi-gateway .mud-button-root[b-nk3ysbsrtg] { grid-column: 1 / -1; width: 100%; }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Jobs/JobList2.razor.rz.scp.css */
.jobs-grid__bar-cell[b-7xhssys89a] {
    position: relative;
    height: 100%;
    padding: 0.4rem 0;
}

.jobs-grid__bar-stack[b-7xhssys89a] {
    position: absolute;
    top: 0.4rem;
    bottom: 0.4rem;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.18rem;
}

.jobs-grid__bar[b-7xhssys89a] {
    width: 0.35rem;
    border-radius: 999px;
    height: 100%;
    display: block;
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Jobs/JobSermi.razor.rz.scp.css */
.sermi-workspace[b-chsfzyfmb0] {
    overflow: hidden;
}

.sermi-band[b-chsfzyfmb0] {
    padding-block: 0;
}

.sermi-hero[b-chsfzyfmb0] {
    padding: clamp(2rem, 5vw, 4.5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 85% 20%, rgba(255, 209, 54, 0.28), transparent 25%),
        linear-gradient(135deg, #061b31, #0d4d76 62%, #147f8c);
}

.sermi-hero__content[b-chsfzyfmb0] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 2rem;
    margin-top: 1rem;
}

.sermi-score[b-chsfzyfmb0] {
    display: grid;
    min-width: 10rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.sermi-score strong[b-chsfzyfmb0] {
    font-size: 2rem;
}

.sermi-content[b-chsfzyfmb0] {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding-block: 2rem 4rem;
}

.sermi-progress[b-chsfzyfmb0] {
    height: 0.7rem;
    overflow: hidden;
    border-radius: 999px;
    background: #ecd6c9;
    box-shadow: inset 0 1px 3px rgba(7, 38, 57, 0.12);
}

.sermi-progress span[b-chsfzyfmb0] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #118c78, #21c86a);
}

.sermi-grid[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.4rem);
}

.sermi-card[b-chsfzyfmb0] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0.85rem;
    min-width: 0;
    min-height: 12.25rem;
    padding: clamp(1.1rem, 2vw, 1.5rem);
    overflow: hidden;
    border: 1px solid rgba(8, 61, 90, 0.16);
    border-radius: 1.35rem;
    box-shadow: 0 16px 34px rgba(7, 48, 72, 0.12);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.sermi-card:hover[b-chsfzyfmb0] {
    transform: translateY(-3px);
    box-shadow: 0 21px 40px rgba(7, 48, 72, 0.18);
}

.sermi-card > :not(.sermi-card__watermark)[b-chsfzyfmb0] {
    position: relative;
    z-index: 1;
}

.sermi-card--complete[b-chsfzyfmb0] {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.28);
    background:
        radial-gradient(circle at 94% 8%, rgba(255, 221, 94, 0.23), transparent 34%),
        linear-gradient(145deg, #075847, #08705a 58%, #064a3d);
}

.sermi-card--pending.sermi-card--owner[b-chsfzyfmb0] {
    background:
        radial-gradient(circle at 96% 6%, rgba(32, 176, 134, 0.18), transparent 34%),
        linear-gradient(145deg, #f7fffc, #e3f6ef);
}

.sermi-card--pending.sermi-card--registration[b-chsfzyfmb0] {
    background:
        radial-gradient(circle at 96% 6%, rgba(30, 130, 186, 0.18), transparent 34%),
        linear-gradient(145deg, #f8fcff, #e2f1f8);
}

.sermi-card--pending.sermi-card--authority[b-chsfzyfmb0] {
    border-color: rgba(205, 133, 26, 0.34);
    background:
        radial-gradient(circle at 96% 6%, rgba(255, 194, 63, 0.26), transparent 34%),
        linear-gradient(145deg, #fffdf8, #fff0d6);
}

.sermi-card--pending.sermi-card--additional[b-chsfzyfmb0] {
    background:
        radial-gradient(circle at 96% 6%, rgba(77, 120, 151, 0.17), transparent 34%),
        linear-gradient(145deg, #fbfdff, #e9f0f5);
}

.sermi-card--signature.sermi-card--pending[b-chsfzyfmb0] {
    border-color: rgba(17, 135, 151, 0.36);
    background:
        radial-gradient(circle at 96% 6%, rgba(17, 165, 176, 0.21), transparent 34%),
        linear-gradient(145deg, #f5feff, #dff5f7);
}

.sermi-card__watermark[b-chsfzyfmb0] {
    position: absolute;
    right: -1.5rem;
    bottom: -2rem;
    z-index: 0;
    color: currentColor;
    opacity: 0.09;
    filter: blur(1.5px);
    transform: rotate(-9deg);
    pointer-events: none;
}

.sermi-card__watermark[b-chsfzyfmb0]  .mud-icon-root {
    font-size: clamp(7.5rem, 11vw, 10.5rem);
}

.sermi-card__heading[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: start;
}

.sermi-card__heading[b-chsfzyfmb0]  .mud-typography-h6,
.sermi-card__heading[b-chsfzyfmb0]  .mud-typography-body2,
.sermi-card--complete[b-chsfzyfmb0]  .mud-typography {
    color: inherit;
}

.sermi-card__icon[b-chsfzyfmb0] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid rgba(255, 255, 255, 0.44);
    border-radius: 0.85rem;
    color: #087660;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 7px 16px rgba(7, 48, 72, 0.1);
}

.sermi-files[b-chsfzyfmb0] {
    display: grid;
    gap: 0.4rem;
}

.sermi-files a[b-chsfzyfmb0] {
    color: inherit;
    overflow-wrap: anywhere;
}

.sermi-file-row[b-chsfzyfmb0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sermi-card--pending .sermi-file-row[b-chsfzyfmb0] {
    border-bottom-color: rgba(8, 61, 90, 0.1);
}

.sermi-card--complete[b-chsfzyfmb0]  .sermi-remove-action {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 999px;
    background: rgba(55, 7, 19, 0.34);
}

.sermi-card--complete[b-chsfzyfmb0]  .sermi-remove-action:hover,
.sermi-card--complete[b-chsfzyfmb0]  .sermi-remove-action:focus-visible {
    background: rgba(55, 7, 19, 0.55);
}

.sermi-file-row form[b-chsfzyfmb0] {
    flex: 0 0 auto;
}

.sermi-upload[b-chsfzyfmb0] {
    display: grid;
    gap: 0.7rem;
    align-content: end;
}

.sermi-native-field[b-chsfzyfmb0] {
    display: grid;
    gap: 0.3rem;
    font-weight: 800;
}

.sermi-native-field input[b-chsfzyfmb0] {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(8, 61, 90, 0.24);
    border-radius: 0.75rem;
    color: #092b47;
    background: rgba(255, 255, 255, 0.94);
}

.sermi-native-field input:focus[b-chsfzyfmb0] {
    border-color: #137f91;
    outline: 3px solid rgba(19, 127, 145, 0.17);
}

.sermi-upload__actions[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.sermi-native-file[b-chsfzyfmb0] {
    min-width: 0;
    max-width: 100%;
    padding: 0.35rem;
    border: 1px dashed rgba(8, 61, 90, 0.25);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.72);
}

.sermi-native-file[b-chsfzyfmb0]::file-selector-button {
    margin-right: 0.65rem;
    padding: 0.55rem 0.8rem;
    border: 0;
    border-radius: 0.55rem;
    color: #fff;
    background: #0b416d;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.sermi-card--signature[b-chsfzyfmb0]  .mud-button-root {
    justify-self: start;
    align-self: end;
}

.sermi-upgrade-card[b-chsfzyfmb0] {
    display: grid;
    gap: 1.25rem;
    max-width: 58rem;
    margin-inline: auto;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid rgba(8, 61, 90, 0.14);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 90% 10%, rgba(255, 205, 55, 0.32), transparent 30%),
        linear-gradient(145deg, #fff, #e9f7fa);
    box-shadow: 0 18px 40px rgba(7, 48, 72, 0.13);
}

.sermi-upgrade-card__icon[b-chsfzyfmb0] {
    display: grid;
    place-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 1.25rem;
    color: #fff;
    background: linear-gradient(145deg, #0b416d, #168c9b);
}

.sermi-upgrade-costs[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.sermi-upgrade-costs span[b-chsfzyfmb0] {
    display: grid;
    padding: 1rem;
    border-radius: 0.8rem;
    background: rgba(8, 61, 90, 0.07);
}

.sermi-help[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(8, 61, 90, 0.12);
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 95% 10%, rgba(17, 146, 156, 0.14), transparent 30%),
        linear-gradient(135deg, #fff, #eaf5f8);
    box-shadow: 0 13px 28px rgba(7, 48, 72, 0.1);
}

@media (max-width: 760px) {
    .sermi-hero__content[b-chsfzyfmb0] {
        align-items: start;
        flex-direction: column;
    }

    .sermi-grid[b-chsfzyfmb0],
    .sermi-upgrade-costs[b-chsfzyfmb0] {
        grid-template-columns: 1fr;
    }

    .sermi-help[b-chsfzyfmb0] {
        grid-template-columns: auto 1fr;
    }

    .sermi-help[b-chsfzyfmb0]  .mud-button-root {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .sermi-card[b-chsfzyfmb0] {
        min-height: 11rem;
        padding: 1rem;
    }

    .sermi-upload__actions[b-chsfzyfmb0] {
        grid-template-columns: 1fr;
    }

    .sermi-upload__actions[b-chsfzyfmb0]  .mud-button-root,
    .sermi-card--signature[b-chsfzyfmb0]  .mud-button-root {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sermi-card[b-chsfzyfmb0] {
        transition: none;
    }

    .sermi-card:hover[b-chsfzyfmb0] {
        transform: none;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Jobs/JobSignature.razor.rz.scp.css */
.signature-page-shell[b-x9k81ify9a] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--mud-palette-primary) 18%, transparent), transparent 28rem),
        linear-gradient(145deg, var(--app-page-background), color-mix(in srgb, var(--app-panel-alt-background) 84%, var(--app-page-background)));
}

.signature-hero[b-x9k81ify9a] {
    padding: clamp(2rem, 6vw, 5rem) 0 2rem;
    border-bottom: 1px solid var(--app-panel-border);
}

.signature-heading-row[b-x9k81ify9a],
.signature-canvas-heading[b-x9k81ify9a],
.signature-save-actions[b-x9k81ify9a] {
    flex-wrap: wrap;
    gap: 1rem;
}

.signature-content[b-x9k81ify9a] {
    padding: 2rem 0 4rem;
}

.signature-wording[b-x9k81ify9a],
.signature-notes .mud-typography[b-x9k81ify9a] {
    white-space: pre-wrap;
}

.signature-capture-form[b-x9k81ify9a] {
    display: grid;
    gap: 1rem;
}

.signature-canvas-card[b-x9k81ify9a] {
    display: grid;
    gap: 1rem;
}

.signature-canvas-card .signature-pad__canvas[b-x9k81ify9a] {
    background: #fff;
}

.signature-canvas-heading[b-x9k81ify9a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signature-canvas-card:fullscreen[b-x9k81ify9a],
.signature-canvas-card--expanded[b-x9k81ify9a] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: 100vw;
    height: 100vh;
    padding: clamp(0.75rem, 2vw, 1.5rem) !important;
    border-radius: 0 !important;
    background: var(--app-panel-background);
}

.signature-canvas-card--expanded[b-x9k81ify9a] {
    position: fixed;
    inset: 0;
    z-index: 2000;
}

.signature-canvas-card:fullscreen .signature-pad__canvas[b-x9k81ify9a],
.signature-canvas-card--expanded .signature-pad__canvas[b-x9k81ify9a] {
    min-height: 0;
    height: 100%;
}

.signature-review-grid[b-x9k81ify9a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.signature-review-grid div[b-x9k81ify9a] {
    display: grid;
    gap: 0.2rem;
}

.signature-review-grid span[b-x9k81ify9a] {
    color: var(--app-muted-text);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.signature-image-frame[b-x9k81ify9a] {
    width: min(100%, 45rem);
    max-height: 22rem;
    overflow: hidden;
    border: 1px solid var(--app-panel-border);
    border-radius: 12px;
    background: #fff;
}

.signature-image-frame img[b-x9k81ify9a] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.signature-form-error[b-x9k81ify9a] {
    min-height: 1.25rem;
    margin-top: 0.6rem;
    color: var(--mud-palette-error);
    font-weight: 700;
}

@media (max-width: 599.98px) {
    .signature-review-grid[b-x9k81ify9a] {
        grid-template-columns: 1fr;
    }

    .signature-heading-row[b-x9k81ify9a],
    .signature-save-actions[b-x9k81ify9a] {
        align-items: stretch !important;
        flex-direction: column !important;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Tokens.razor.rz.scp.css */
.token-checkout-form[b-k4st5sqidx] {
    width: 100%;
}

[b-k4st5sqidx] .token-balance-chip {
    width: fit-content;
    height: auto;
    min-height: 4rem;
    padding: 0.55rem 1rem 0.55rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(4, 19, 38, 0.24);
}

[b-k4st5sqidx] .token-balance-chip .mud-chip-icon {
    width: 1.65rem;
    height: 1.65rem;
    margin-inline: 0 0.75rem;
}

[b-k4st5sqidx] .token-balance-chip .mud-chip-content {
    overflow: visible;
    white-space: normal;
}

.token-balance-chip__content[b-k4st5sqidx] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.token-balance-chip__content > strong[b-k4st5sqidx] {
    min-width: 2.2rem;
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.token-balance-chip__content > span[b-k4st5sqidx],
.token-balance-chip__content b[b-k4st5sqidx],
.token-balance-chip__content small[b-k4st5sqidx] {
    display: block;
}

.token-balance-chip__content b[b-k4st5sqidx] {
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.15;
}

.token-balance-chip__content small[b-k4st5sqidx] {
    margin-top: 0.2rem;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.15;
    opacity: 0.9;
}

.token-checkout-form__refresh[b-k4st5sqidx] {
    display: none;
}

.token-checkout-card[b-k4st5sqidx],
.token-summary-card[b-k4st5sqidx] {
    height: 100%;
}

.token-checkout-lines[b-k4st5sqidx] {
    display: grid;
    gap: 1rem;
}

.token-promo-field[b-k4st5sqidx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.token-promo-field[b-k4st5sqidx]  .mud-button-root {
    min-height: 3.1rem;
    margin-bottom: 0;
}

.token-summary-card[b-k4st5sqidx] {
    position: sticky;
    top: 6rem;
}

.token-promo-dialog[b-k4st5sqidx] {
    text-align: left;
}

.token-promo-dialog__value[b-k4st5sqidx] {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid var(--app-panel-border);
    border-radius: 12px;
    background: var(--app-panel-alt-background);
}

@media (max-width: 600px) {
    [b-k4st5sqidx] .token-balance-chip {
        max-width: 100%;
        min-height: 3.65rem;
    }

    .token-promo-field[b-k4st5sqidx] {
        grid-template-columns: 1fr;
    }

    .token-promo-field[b-k4st5sqidx]  .mud-button-root {
        width: 100%;
    }

    .token-summary-card[b-k4st5sqidx] {
        position: static;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/TokenStatement.razor.rz.scp.css */
.statement-page[b-mu8tlmxtqd]{overflow:hidden}.statement-hero[b-mu8tlmxtqd]{padding:clamp(2.5rem,6vw,5rem) 0;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(255,205,55,.3),transparent 24%),linear-gradient(135deg,#071a2e,#124d78 65%,#13828f)}.statement-content[b-mu8tlmxtqd]{display:grid;gap:1.25rem;padding-block:2rem 4rem}.statement-nav[b-mu8tlmxtqd]{display:flex;justify-content:space-between;align-items:center}.statement-summary[b-mu8tlmxtqd]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.statement-summary>.mud-paper[b-mu8tlmxtqd]{display:grid;padding:1rem;border-radius:1rem;background:linear-gradient(145deg,#fff,#edf6f8)}.statement-summary strong[b-mu8tlmxtqd]{font-size:2rem}.statement-credit strong[b-mu8tlmxtqd]{color:#08765f}.statement-debit strong[b-mu8tlmxtqd]{color:#b76a08}.statement-close[b-mu8tlmxtqd]{color:#fff;background:linear-gradient(145deg,#0c416b,#14818c)!important}.statement-table-shell[b-mu8tlmxtqd]{overflow-x:auto}.statement-reference[b-mu8tlmxtqd]{display:block;opacity:.65}.statement-empty[b-mu8tlmxtqd]{display:grid;place-items:center;gap:.5rem;padding:3rem}@media(max-width:760px){.statement-summary[b-mu8tlmxtqd]{grid-template-columns:repeat(2,1fr)}.statement-nav[b-mu8tlmxtqd]{gap:.5rem}.statement-nav .mud-typography-h5[b-mu8tlmxtqd]{font-size:1rem;text-align:center}.statement-nav .mud-button-label[b-mu8tlmxtqd]{display:none}}
/* _content/SermiAuditsBlazor.Web/Components/Pages/VehicleLookup.razor.rz.scp.css */
.lookup-page[b-8gw0aqk8w3] {
    overflow: hidden;
}

.lookup-hero[b-8gw0aqk8w3] {
    padding: clamp(2.5rem, 6vw, 5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 86% 18%, rgba(255, 205, 55, .3), transparent 24%),
        linear-gradient(135deg, #071a2e, #124d78 62%, #13828f);
}

.lookup-content[b-8gw0aqk8w3] {
    display: grid;
    gap: clamp(2.5rem, 5vw, 4rem);
    padding-block: clamp(2rem, 4vw, 3.5rem) 4rem;
}

.lookup-primary[b-8gw0aqk8w3],
.lookup-history[b-8gw0aqk8w3] {
    display: grid;
    gap: 1.25rem;
}

.lookup-console[b-8gw0aqk8w3] {
    display: grid;
    grid-template-columns: minmax(14rem, .7fr) minmax(20rem, 1.3fr);
    gap: 1.75rem;
    align-items: center;
    background:
        radial-gradient(circle at 95% 0, rgba(255, 206, 54, .18), transparent 30%),
        linear-gradient(145deg, var(--mud-palette-surface), color-mix(in srgb, var(--mud-palette-surface) 86%, #d9f3f7));
}

.lookup-form[b-8gw0aqk8w3] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .75rem;
    align-items: end;
}

.lookup-quote[b-8gw0aqk8w3] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1.25rem;
    align-items: center;
    margin-top: .25rem;
    padding: 1.25rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
}

.lookup-validation[b-8gw0aqk8w3] {
    grid-column: 1 / -1;
}

.lookup-quote > div[b-8gw0aqk8w3] {
    display: grid;
    gap: .25rem;
}

.lookup-quote form[b-8gw0aqk8w3] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.lookup-history-heading[b-8gw0aqk8w3] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding-inline: .25rem;
}

.lookup-grid[b-8gw0aqk8w3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.25rem, 2vw, 1.75rem);
}

.lookup-card[b-8gw0aqk8w3] {
    position: relative;
    display: grid;
    grid-template-columns: 8rem 1fr;
    gap: 1.1rem;
    min-height: 12rem;
    padding: 1.25rem;
    color: inherit;
    text-decoration: none;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
    border-radius: 1rem;
    background: linear-gradient(145deg, var(--mud-palette-surface), color-mix(in srgb, var(--mud-palette-surface) 88%, #d9f3f7));
    box-shadow: 0 .8rem 2rem rgba(7, 26, 46, .08);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.lookup-card:hover[b-8gw0aqk8w3],
.lookup-card:focus-visible[b-8gw0aqk8w3] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 55%, transparent);
    box-shadow: 0 1rem 2.5rem rgba(7, 26, 46, .15);
}

.lookup-card__image[b-8gw0aqk8w3] {
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: .8rem;
    background: color-mix(in srgb, var(--mud-palette-surface) 65%, #b9e1e7);
}

.lookup-card__image img[b-8gw0aqk8w3] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.lookup-card__body[b-8gw0aqk8w3] {
    display: grid;
    align-content: center;
    gap: .4rem;
    padding-top: .8rem;
}

.lookup-card__action[b-8gw0aqk8w3] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: .4rem;
    color: var(--mud-palette-primary);
    font-weight: 700;
}

.lookup-empty[b-8gw0aqk8w3] {
    padding: 3rem;
    text-align: center;
}

.lookup-empty .mud-icon-root[b-8gw0aqk8w3] {
    font-size: 3rem;
}

@media (max-width: 1050px) {
    .lookup-grid[b-8gw0aqk8w3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .lookup-content[b-8gw0aqk8w3] {
        gap: 2.5rem;
        padding-top: 2rem;
    }

    .lookup-primary[b-8gw0aqk8w3],
    .lookup-history[b-8gw0aqk8w3] {
        gap: 1rem;
    }

    .lookup-console[b-8gw0aqk8w3],
    .lookup-quote[b-8gw0aqk8w3],
    .lookup-form[b-8gw0aqk8w3],
    .lookup-grid[b-8gw0aqk8w3] {
        grid-template-columns: 1fr;
    }

    .lookup-console[b-8gw0aqk8w3] {
        gap: 1.25rem;
    }

    .lookup-grid[b-8gw0aqk8w3] {
        gap: 1rem;
    }

    .lookup-card[b-8gw0aqk8w3] {
        grid-template-columns: 6.5rem 1fr;
        min-height: 11rem;
        padding: 1rem;
    }

    .lookup-history-heading[b-8gw0aqk8w3] {
        align-items: flex-start;
    }

    .lookup-quote form[b-8gw0aqk8w3] {
        display: grid;
    }

    .lookup-quote .mud-button-root[b-8gw0aqk8w3] {
        width: 100%;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/VehicleLookupDetail.razor.rz.scp.css */
.vehicle-record[b-ww7dxcdgqo] {
    overflow: hidden;
}

.vehicle-record__band[b-ww7dxcdgqo] {
    padding-block: 0;
}

.vehicle-record__hero[b-ww7dxcdgqo] {
    padding: 2.5rem 0;
    color: #fff;
    background:
        radial-gradient(circle at 88% 16%, rgba(255, 205, 55, 0.3), transparent 25%),
        linear-gradient(135deg, #071a2e, #124d78 65%, #13828f);
}

.vehicle-record__title[b-ww7dxcdgqo] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-top: 1rem;
}

.vehicle-record__content[b-ww7dxcdgqo] {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding-block: 2rem 4rem;
}

.vehicle-record__grid[b-ww7dxcdgqo] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.8fr) minmax(20rem, 1.2fr);
    gap: clamp(1rem, 2vw, 1.5rem);
}

.vehicle-record__panel[b-ww7dxcdgqo] {
    position: relative;
    min-width: 0;
    padding: clamp(1.25rem, 2.4vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(9, 54, 85, 0.12);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 95% 8%, rgba(25, 135, 150, 0.11), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 250, 0.98));
    box-shadow: 0 18px 42px rgba(10, 45, 69, 0.1);
}

.vehicle-record__panel-copy[b-ww7dxcdgqo],
.vehicle-record__action-buttons[b-ww7dxcdgqo],
.vehicle-record__facts-action[b-ww7dxcdgqo],
.vehicle-record__refresh form[b-ww7dxcdgqo] {
    position: relative;
    z-index: 1;
}

.vehicle-record__visual[b-ww7dxcdgqo] {
    display: grid;
    place-items: center;
    gap: 1rem;
    min-height: 18rem;
    background:
        radial-gradient(circle at 20% 15%, rgba(255, 205, 55, 0.22), transparent 28%),
        linear-gradient(145deg, #eaf7f9, #fff);
}

.vehicle-record__visual img[b-ww7dxcdgqo] {
    width: 100%;
    height: 13rem;
    object-fit: contain;
    filter: drop-shadow(0 16px 18px rgba(5, 35, 55, 0.18));
}

.vehicle-record__empty-image[b-ww7dxcdgqo] {
    display: grid;
    place-items: center;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    color: #167b8a;
    background: rgba(22, 123, 138, 0.09);
}

.vehicle-record__empty-image[b-ww7dxcdgqo]  .mud-icon-root {
    font-size: 6rem;
}

.vehicle-record__facts[b-ww7dxcdgqo] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.25rem;
}

.vehicle-record__facts dl[b-ww7dxcdgqo] {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr);
    gap: 0.65rem 1rem;
    margin: 0.8rem 0 0;
}

.vehicle-record__facts dt[b-ww7dxcdgqo] {
    font-weight: 800;
}

.vehicle-record__facts dd[b-ww7dxcdgqo] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.vehicle-record__facts-action[b-ww7dxcdgqo] {
    display: flex;
    justify-content: flex-end;
}

.vehicle-record__watermark[b-ww7dxcdgqo] {
    position: absolute;
    right: -1.2rem;
    bottom: -1.8rem;
    z-index: 0;
    color: rgba(12, 91, 116, 0.11);
    filter: blur(1.5px);
    transform: rotate(-8deg);
    pointer-events: none;
}

.vehicle-record__watermark[b-ww7dxcdgqo]  .mud-icon-root {
    font-size: clamp(7rem, 11vw, 11rem);
}

.vehicle-record__actions[b-ww7dxcdgqo],
.vehicle-record__refresh[b-ww7dxcdgqo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.vehicle-record__action-buttons[b-ww7dxcdgqo],
.vehicle-record__refresh form[b-ww7dxcdgqo] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.vehicle-record__history[b-ww7dxcdgqo] {
    padding-bottom: 1rem;
}

.vehicle-detail-drawer[b-ww7dxcdgqo] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: grid;
    justify-items: end;
}

.vehicle-detail-drawer__scrim[b-ww7dxcdgqo] {
    position: absolute;
    inset: 0;
    background: rgba(3, 18, 31, 0.66);
    backdrop-filter: blur(4px);
    animation: vehicle-drawer-scrim-b-ww7dxcdgqo 180ms ease-out both;
}

.vehicle-detail-drawer__panel[b-ww7dxcdgqo] {
    position: relative;
    z-index: 1;
    width: min(52rem, 100vw);
    height: 100dvh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    color: var(--app-text-color);
    background: var(--app-panel-background);
    box-shadow: -24px 0 60px rgba(3, 18, 31, 0.35);
    animation: vehicle-drawer-enter-b-ww7dxcdgqo 280ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.vehicle-detail-drawer__header[b-ww7dxcdgqo] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 7rem;
    padding: 1.25rem clamp(1rem, 3vw, 2rem);
    color: #fff;
    background:
        radial-gradient(circle at 80% 20%, rgba(255, 205, 55, 0.28), transparent 32%),
        linear-gradient(135deg, #071a2e, #0f587e 70%, #168b91);
}

.vehicle-detail-drawer__close[b-ww7dxcdgqo] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    text-decoration: none;
}

.vehicle-detail-drawer__close:hover[b-ww7dxcdgqo],
.vehicle-detail-drawer__close:focus-visible[b-ww7dxcdgqo] {
    background: rgba(255, 255, 255, 0.24);
    outline: 3px solid rgba(255, 205, 55, 0.55);
    outline-offset: 2px;
}

.vehicle-detail-drawer__body[b-ww7dxcdgqo] {
    min-height: 0;
    padding: clamp(1rem, 3vw, 2rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}

@keyframes vehicle-drawer-enter-b-ww7dxcdgqo {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes vehicle-drawer-scrim-b-ww7dxcdgqo {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 700px) {
    .vehicle-record__title[b-ww7dxcdgqo] {
        align-items: start;
        flex-direction: column;
    }

    .vehicle-record__grid[b-ww7dxcdgqo] {
        grid-template-columns: 1fr;
    }

    .vehicle-record__actions[b-ww7dxcdgqo],
    .vehicle-record__refresh[b-ww7dxcdgqo] {
        align-items: stretch;
        flex-direction: column;
    }

    .vehicle-record__facts-action[b-ww7dxcdgqo],
    .vehicle-record__action-buttons[b-ww7dxcdgqo],
    .vehicle-record__refresh form[b-ww7dxcdgqo] {
        display: grid;
        justify-content: stretch;
    }

    .vehicle-record__facts-action[b-ww7dxcdgqo]  .mud-button-root,
    .vehicle-record__action-buttons[b-ww7dxcdgqo]  .mud-button-root {
        width: 100%;
    }

    .vehicle-record__facts dl[b-ww7dxcdgqo] {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .vehicle-detail-drawer__panel[b-ww7dxcdgqo] {
        width: 100vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vehicle-detail-drawer__panel[b-ww7dxcdgqo],
    .vehicle-detail-drawer__scrim[b-ww7dxcdgqo] {
        animation: none;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Shared/QueryPager.razor.rz.scp.css */
.app-query-pager[b-qx08pvaf2c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.85rem;
    color: var(--app-muted-text);
    font-size: 0.84rem;
}

.app-query-pager__summary[b-qx08pvaf2c] {
    font-weight: 800;
}

.app-query-pager__sizes[b-qx08pvaf2c],
.app-query-pager__pages[b-qx08pvaf2c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.app-query-pager__sizes[b-qx08pvaf2c] {
    justify-self: end;
}

.app-query-pager__pages[b-qx08pvaf2c] {
    grid-column: 1 / -1;
}

.app-query-pager__size[b-qx08pvaf2c],
.app-query-pager__page[b-qx08pvaf2c],
.app-query-pager__button[b-qx08pvaf2c],
.app-query-pager__gap[b-qx08pvaf2c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.1rem;
    border-radius: 999px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.app-query-pager__size[b-qx08pvaf2c],
.app-query-pager__page[b-qx08pvaf2c],
.app-query-pager__button[b-qx08pvaf2c] {
    border: 1px solid var(--app-panel-border);
    background: var(--app-panel-background);
    color: var(--app-text);
    padding: 0.45rem 0.7rem;
}

.app-query-pager__size:hover[b-qx08pvaf2c],
.app-query-pager__size:focus-visible[b-qx08pvaf2c],
.app-query-pager__page:hover[b-qx08pvaf2c],
.app-query-pager__page:focus-visible[b-qx08pvaf2c],
.app-query-pager__button:hover[b-qx08pvaf2c],
.app-query-pager__button:focus-visible[b-qx08pvaf2c] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.app-query-pager__size--active[b-qx08pvaf2c],
.app-query-pager__page--active[b-qx08pvaf2c] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.app-query-pager__button--disabled[b-qx08pvaf2c] {
    color: var(--app-muted-text);
    opacity: 0.58;
}

.app-query-pager__gap[b-qx08pvaf2c] {
    min-width: 1.2rem;
    color: var(--app-muted-text);
}

@media (max-width: 599.98px) {
    .app-query-pager[b-qx08pvaf2c] {
        grid-template-columns: 1fr;
    }

    .app-query-pager__sizes[b-qx08pvaf2c],
    .app-query-pager__pages[b-qx08pvaf2c] {
        justify-content: flex-start;
    }
}