/* _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/AdminSettings.razor.rz.scp.css */
.admin-action-section[b-87qac8nyv3]  .admin-action-grid__item {
    display: flex;
    min-width: 0;
}

@media (max-width: 379px) {
    .admin-action-section[b-87qac8nyv3]  .admin-action-grid__item {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}
/* _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: var(--app-panel-alt-background);
}

[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: #fff;
    background: #0e5f91;
    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: #fff;
    background: #0a4871;
    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: 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: 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;
    border: 1px solid #0e5f91;
    color: #fff;
    background: #0e5f91;
    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: var(--app-panel-alt-background);
    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/Dashboard.razor.rz.scp.css */
.dashboard-workspace[b-h0l49xqexc] {
    border-block: 1px solid color-mix(in srgb, var(--app-panel-border, #dbe5ef) 72%, transparent);
    background: var(--app-panel-background, #ffffff);
    padding-block-start: 0 !important;
}

.dashboard-workspace[b-h0l49xqexc]  .dashboard-card-band {
    padding-block: clamp(0.25rem, 0.5vw, 0.4rem) clamp(1.25rem, 2vw, 1.75rem);
}

.dashboard-workspace[b-h0l49xqexc]  .dashboard-card-grid {
    align-items: stretch;
}

.dashboard-workspace[b-h0l49xqexc]  .dashboard-card-grid__item {
    display: flex;
    min-width: 0;
}

@media (max-width: 599px) {
    .dashboard-workspace[b-h0l49xqexc]  .dashboard-card-band {
        padding: 0.2rem 0.35rem 1.1rem;
    }
}

@media (max-width: 379px) {
    .dashboard-workspace[b-h0l49xqexc]  .dashboard-card-grid__item {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}
/* _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);
    --job-record-grid-line: color-mix(in srgb, var(--app-action-tile-slate-surface) 42%, var(--app-panel-border));
    --job-record-row-surface: var(--app-workspace-background, #fff);
    --job-record-row-alt-surface: color-mix(in srgb, var(--app-action-tile-blue-surface) 3%, var(--job-record-row-surface));
    --job-record-label-surface: var(--app-action-tile-slate-surface);
    --job-record-label-text: #f7fbff;
    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(--job-record-grid-line);
    background: var(--job-record-row-surface);
    box-shadow: 0 0.45rem 1.2rem rgba(8, 41, 65, 0.12);
}

.job-record-sheet__header[b-nk3ysbsrtg] {
    background: var(--app-action-tile-neutral-surface);
    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(--job-record-grid-line);
    background: var(--job-record-row-surface);
    align-items: stretch;
    min-height: 2.25rem;
}

.job-record-row:nth-child(even)[b-nk3ysbsrtg] {
    background: var(--job-record-row-alt-surface);
}

.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(--job-record-label-text);
    background: var(--job-record-label-surface);
    border-right: 1px solid var(--job-record-grid-line);
    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;
    color: var(--app-panel-text);
}

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

[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--label[b-nk3ysbsrtg]  .job-record-vehicle__logo {
    box-sizing: border-box;
    padding: 0.35rem 0.5rem;
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.2rem 0.55rem rgba(8, 41, 65, 0.18);
}

.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;
    }
}
/* _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],
.sermi-band[b-chsfzyfmb0] {
    --sermi-text: var(--app-card-text-strong, var(--app-panel-text, #17324d));
    --sermi-muted: var(--app-card-text-muted, var(--app-muted-text, #5b7184));
    --sermi-surface: var(--app-card-surface, var(--app-panel-background, #fff));
    --sermi-subtle-surface: color-mix(in srgb, var(--app-action-primary, #123f67) 3%, var(--sermi-surface));
    --sermi-border: var(--app-card-border-soft, var(--app-panel-border, #cbd9e4));
    --sermi-accent: var(--app-card-accent-blue, #2f6f9f);
    --sermi-action: var(--app-action-primary, #123f67);
    --sermi-action-hover: var(--app-action-primary-hover, #0c3152);
    --sermi-success: var(--app-status-success, #176b54);
    --sermi-success-soft: var(--app-status-success-soft, #e4f3ed);
    --sermi-warning: var(--app-status-warning, #8a5b12);
    --sermi-warning-soft: var(--app-status-warning-soft, #f8edcf);
    --sermi-danger: var(--app-status-danger, #a8323c);
    --sermi-danger-soft: var(--app-status-danger-soft, #fbecef);
    --sermi-radius: var(--app-card-radius, 18px);
    --sermi-shadow: var(--app-card-shadow, 0 8px 22px rgba(8, 41, 65, 0.09));
    --sermi-shadow-hover: var(--app-card-shadow-hover, 0 12px 28px rgba(8, 41, 65, 0.14));
    overflow: hidden;
    color: var(--sermi-text);
    background: var(--app-workspace-background, #fff) !important;
}

.sermi-band[b-chsfzyfmb0] {
    padding-block: 0;
    background: var(--app-workspace-background, #fff);
}

.sermi-hero[b-chsfzyfmb0] {
    padding: clamp(1rem, 2vw, 1.65rem) 0 clamp(1.2rem, 2.35vw, 1.9rem);
    color: #fff;
    background:
        radial-gradient(circle at 88% 14%, rgba(117, 180, 206, 0.2), transparent 27%),
        linear-gradient(135deg, #0a2944, #174f74 64%, #3b737e);
}

.sermi-hero__content[b-chsfzyfmb0] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: clamp(0.9rem, 2vw, 1.5rem);
    margin-top: 0.4rem;
}

.sermi-score[b-chsfzyfmb0] {
    display: grid;
    min-width: 10rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 1rem;
    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-record-context[b-chsfzyfmb0] {
    position: sticky;
    top: 0.75rem;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0.8rem;
    border: 1px solid rgba(112, 201, 239, 0.42);
    border-left: 6px solid #55d8ff;
    border-radius: 1rem;
    color: #fff;
    background: #0b456c;
    box-shadow: 0 9px 22px rgba(6, 45, 75, 0.2);
}

.sermi-record-context span[b-chsfzyfmb0] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
    padding: 0.42rem 0.65rem;
    border-radius: 0.7rem;
    background: rgba(2, 30, 51, 0.32);
}

.sermi-record-context small[b-chsfzyfmb0] {
    color: rgba(225, 243, 253, 0.8);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sermi-record-context strong[b-chsfzyfmb0] {
    overflow: hidden;
    color: #fff;
    font-size: 0.95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sermi-record-context__status--open[b-chsfzyfmb0] {
    box-shadow: inset 3px 0 0 #59e4b3;
}

.sermi-record-context__status--closed[b-chsfzyfmb0] {
    box-shadow: inset 3px 0 0 #ffca79;
}

.sermi-progress[b-chsfzyfmb0] {
    height: 0.55rem;
    overflow: hidden;
    border: 1px solid var(--sermi-border);
    border-radius: 999px;
    background: var(--sermi-subtle-surface);
}

.sermi-progress span[b-chsfzyfmb0] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--sermi-success);
}

[b-chsfzyfmb0] .sermi-access-notice {
    --sermi-notice-surface: var(--app-action-tile-blue-surface, #085b91);
    --sermi-notice-accent: var(--app-action-tile-blue-rail, #44d2ff);
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--sermi-notice-accent) 70%, #ffffff 30%) !important;
    border-left: 6px solid var(--sermi-notice-accent) !important;
    border-radius: 1rem !important;
    color: #ffffff !important;
    background: var(--sermi-notice-surface) !important;
    box-shadow: 0 9px 22px rgba(6, 45, 75, 0.18);
}

[b-chsfzyfmb0] .sermi-access-notice.sermi-access-notice--warning {
    --sermi-notice-surface: var(--app-action-tile-slate-surface, #124e76);
    --sermi-notice-accent: var(--app-action-tile-slate-rail, #ffad38);
}

[b-chsfzyfmb0] .sermi-access-notice.sermi-access-notice--info {
    --sermi-notice-surface: var(--app-action-tile-blue-surface, #085b91);
    --sermi-notice-accent: var(--app-action-tile-blue-rail, #44d2ff);
}

[b-chsfzyfmb0] .sermi-access-notice .mud-alert-icon {
    color: var(--sermi-notice-accent) !important;
}

[b-chsfzyfmb0] .sermi-access-notice .mud-alert-message {
    color: #f7fbff !important;
    font-weight: 650;
    line-height: 1.45;
}

[b-chsfzyfmb0] .sermi-access-notice strong {
    color: #ffffff;
    font-weight: 900;
}

.sermi-record-lock-notice[b-chsfzyfmb0] {
    margin-bottom: 0.1rem;
}

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

.sermi-card[b-chsfzyfmb0] {
    --sermi-panel-surface: var(--app-action-tile-blue-surface, #085b91);
    --sermi-panel-rail: var(--app-action-tile-blue-rail, #44d2ff);
    --sermi-panel-watermark: var(--app-action-tile-blue-watermark, #58c9f4);
    --sermi-accent: var(--sermi-panel-rail);
    --sermi-text: #ffffff;
    --sermi-muted: rgba(239, 248, 255, 0.9);
    --sermi-surface: var(--sermi-panel-surface);
    --sermi-subtle-surface: rgba(3, 27, 48, 0.4);
    --sermi-border: color-mix(in srgb, var(--sermi-panel-rail) 30%, rgba(255, 255, 255, 0.32));
    --sermi-action: #062f50;
    --sermi-action-hover: #041f36;
    --sermi-danger: #ffb5bd;
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0.9rem;
    min-width: 0;
    min-height: 12.25rem;
    padding: clamp(1.1rem, 2vw, 1.45rem) clamp(1.1rem, 2vw, 1.45rem) clamp(1.1rem, 2vw, 1.45rem) clamp(1.3rem, 2.25vw, 1.7rem);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 42%, rgba(255, 255, 255, 0.38));
    border-radius: var(--sermi-radius);
    color: var(--sermi-text);
    background: var(--sermi-panel-surface);
    box-shadow:
        0 12px 28px rgba(6, 45, 75, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.sermi-card[b-chsfzyfmb0]::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 2;
    width: 6px;
    background: var(--sermi-panel-rail);
    box-shadow: 3px 0 18px color-mix(in srgb, var(--sermi-panel-rail) 42%, transparent);
    content: "";
}

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

.sermi-card--owner[b-chsfzyfmb0] {
    --sermi-panel-surface: var(--app-action-tile-teal-surface, #075a74);
    --sermi-panel-rail: var(--app-action-tile-teal-rail, #42e0aa);
    --sermi-panel-watermark: var(--app-action-tile-teal-watermark, #55d8ac);
}

.sermi-card--registration[b-chsfzyfmb0] {
    --sermi-panel-surface: var(--app-action-tile-blue-surface, #085b91);
    --sermi-panel-rail: var(--app-action-tile-blue-rail, #44d2ff);
    --sermi-panel-watermark: var(--app-action-tile-blue-watermark, #58c9f4);
}

.sermi-card--authority[b-chsfzyfmb0] {
    --sermi-panel-surface: var(--app-action-tile-slate-surface, #124e76);
    --sermi-panel-rail: var(--app-action-tile-slate-rail, #ffad38);
    --sermi-panel-watermark: var(--app-action-tile-slate-watermark, #ffc25b);
}

.sermi-card--additional[b-chsfzyfmb0] {
    --sermi-panel-surface: var(--app-action-tile-neutral-surface, #14527b);
    --sermi-panel-rail: var(--app-action-tile-neutral-rail, #ffd029);
    --sermi-panel-watermark: var(--app-action-tile-neutral-watermark, #ffe05c);
}

.sermi-card--signature[b-chsfzyfmb0] {
    --sermi-panel-surface: var(--app-action-tile-teal-surface, #075a74);
    --sermi-panel-rail: var(--app-action-tile-teal-rail, #42e0aa);
    --sermi-panel-watermark: var(--app-action-tile-teal-watermark, #55d8ac);
}

.sermi-card__watermark[b-chsfzyfmb0] {
    position: absolute;
    top: 1.9rem;
    right: -0.65rem;
    z-index: 0;
    color: var(--sermi-panel-watermark);
    opacity: 0.18;
    filter: blur(0.35px);
    transform: rotate(-8deg);
    pointer-events: none;
}

.sermi-card__watermark[b-chsfzyfmb0]  .mud-icon-root {
    font-size: clamp(6.5rem, 9vw, 8.25rem);
}

.sermi-card__watermark--v5[b-chsfzyfmb0] {
    top: 1.15rem;
    right: 1.25rem;
    display: grid;
    width: clamp(5.6rem, 8vw, 7.25rem);
    height: clamp(6.7rem, 9.5vw, 8.4rem);
    place-items: center;
    opacity: 0.2;
    filter: none;
    transform: rotate(-4deg);
}

.sermi-v5-document[b-chsfzyfmb0] {
    position: relative;
    display: grid;
    width: 74%;
    height: 86%;
    place-content: center;
    border: 0.28rem solid currentColor;
    border-radius: 0.65rem;
    background: color-mix(in srgb, currentColor 12%, transparent);
    box-shadow: inset 0 0 0 0.18rem color-mix(in srgb, currentColor 20%, transparent);
    text-align: center;
}

.sermi-v5-document[b-chsfzyfmb0]::before {
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    width: 1.7rem;
    height: 1.7rem;
    border-bottom: 0.28rem solid currentColor;
    border-left: 0.28rem solid currentColor;
    border-radius: 0 0 0 0.35rem;
    background: var(--sermi-panel-surface);
    content: "";
}

.sermi-v5-document strong[b-chsfzyfmb0],
.sermi-v5-document small[b-chsfzyfmb0] {
    position: relative;
    z-index: 1;
    display: block;
    color: currentColor;
    line-height: 1;
}

.sermi-v5-document strong[b-chsfzyfmb0] {
    font-size: clamp(2rem, 3.6vw, 3.2rem);
    font-weight: 950;
    letter-spacing: -0.06em;
}

.sermi-v5-document small[b-chsfzyfmb0] {
    margin-top: 0.28rem;
    font-size: clamp(0.65rem, 1.1vw, 0.9rem);
    font-weight: 900;
    letter-spacing: 0.13em;
}

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

.sermi-card[b-chsfzyfmb0]  .mud-typography {
    color: inherit;
}

.sermi-card__heading[b-chsfzyfmb0]  .mud-typography-body2 {
    color: rgba(239, 248, 255, 0.9);
}

.sermi-card__icon[b-chsfzyfmb0] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 44%, transparent);
    border-radius: 0.8rem;
    color: var(--sermi-panel-rail);
    background: rgba(4, 31, 54, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.sermi-status-chip[b-chsfzyfmb0] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 1.8rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.sermi-status-chip--complete[b-chsfzyfmb0] {
    border-color: rgba(117, 226, 184, 0.78);
    color: #d8ffef;
    background: rgba(3, 52, 45, 0.58);
}

.sermi-status-chip--required[b-chsfzyfmb0] {
    border-color: rgba(245, 197, 97, 0.82);
    color: #ffe6a3;
    background: rgba(62, 40, 2, 0.52);
}

.sermi-status-chip--locked[b-chsfzyfmb0] {
    border-color: rgba(185, 211, 229, 0.72);
    color: #edf7ff;
    background: rgba(8, 37, 61, 0.62);
}

.sermi-files[b-chsfzyfmb0] {
    display: grid;
    gap: 0.45rem;
    padding: 0.25rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 28%, rgba(255, 255, 255, 0.16));
    border-radius: 0.75rem;
    background: rgba(3, 27, 48, 0.38);
}

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

.sermi-files a:hover[b-chsfzyfmb0],
.sermi-files a:focus-visible[b-chsfzyfmb0] {
    color: #ffffff;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2rem;
}

.sermi-files a:focus-visible[b-chsfzyfmb0] {
    border-radius: 0.2rem;
    outline: 3px solid #ffffff;
    outline-offset: 3px;
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--sermi-panel-rail) 78%, transparent);
}

.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-file-row:last-child[b-chsfzyfmb0] {
    border-bottom: 0;
}

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

.sermi-card[b-chsfzyfmb0]  .sermi-remove-action {
    min-height: 2.8rem;
    border: 1px solid rgba(255, 133, 145, 0.68);
    border-radius: 0.7rem;
    color: #ffd7db !important;
    background: rgba(104, 19, 31, 0.46);
}

.sermi-card[b-chsfzyfmb0]  .sermi-remove-action:hover,
.sermi-card[b-chsfzyfmb0]  .sermi-remove-action:focus-visible {
    background: rgba(126, 21, 35, 0.72);
}

.sermi-card[b-chsfzyfmb0]  .sermi-remove-action:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px rgba(255, 133, 145, 0.65);
}

.sermi-upload[b-chsfzyfmb0] {
    display: grid;
    gap: 0.7rem;
    align-content: end;
    margin-top: auto;
    padding: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 32%, rgba(255, 255, 255, 0.14));
    border-radius: 0.9rem;
    background: rgba(3, 27, 48, 0.38);
}

.sermi-native-field[b-chsfzyfmb0],
.sermi-file-picker[b-chsfzyfmb0] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
    color: var(--sermi-text);
    font-weight: 800;
}

.sermi-native-field input[b-chsfzyfmb0],
.sermi-native-field textarea[b-chsfzyfmb0] {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--sermi-border);
    border-radius: 0.7rem;
    color: var(--sermi-text);
    background: var(--sermi-surface);
    font: inherit;
}

.sermi-native-field textarea[b-chsfzyfmb0] {
    resize: vertical;
}

.sermi-native-field input:focus[b-chsfzyfmb0],
.sermi-native-field textarea:focus[b-chsfzyfmb0],
.sermi-native-file:focus-visible[b-chsfzyfmb0] {
    border-color: var(--sermi-panel-rail);
    outline: 3px solid #ffffff;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--sermi-panel-rail) 72%, transparent);
}

.sermi-native-field small[b-chsfzyfmb0] {
    color: var(--sermi-muted);
    font-weight: 600;
    line-height: 1.35;
}

.sermi-upload__description-fallback[hidden][b-chsfzyfmb0] {
    display: none;
}

.sermi-upload__actions[b-chsfzyfmb0] {
    display: grid;
    min-width: 0;
}

.sermi-upload-picker[b-chsfzyfmb0] {
    min-width: 0;
}

.sermi-upload-trigger[b-chsfzyfmb0] {
    display: none;
}

.sermi-upload--guided .sermi-upload-trigger[b-chsfzyfmb0],
.sermi-upload-fallback-submit[b-chsfzyfmb0] {
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.8rem;
    padding: 0.62rem 0.95rem;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 52%, transparent);
    border-radius: 0.7rem;
    color: #ffffff;
    background: rgba(3, 27, 48, 0.78);
    box-shadow: 0 7px 16px rgba(8, 41, 65, 0.2);
    cursor: pointer;
    font: inherit;
    font-weight: 900;
}

.sermi-upload--guided .sermi-upload-trigger[b-chsfzyfmb0] {
    display: inline-flex;
}

.sermi-upload--guided .sermi-upload-fallback-submit[b-chsfzyfmb0] {
    display: none;
}

.sermi-upload-fallback-submit[b-chsfzyfmb0] {
    display: inline-flex;
}

.sermi-upload-trigger[b-chsfzyfmb0]  .mud-icon-root,
.sermi-upload-fallback-submit[b-chsfzyfmb0]  .mud-icon-root {
    color: var(--sermi-panel-rail);
}

.sermi-upload-description-dialog__confirm[b-chsfzyfmb0]  .mud-icon-root {
    color: currentColor;
}

.sermi-upload--guided .sermi-upload-trigger:hover[b-chsfzyfmb0],
.sermi-upload--guided .sermi-upload-trigger:focus-visible[b-chsfzyfmb0],
.sermi-upload-fallback-submit:hover[b-chsfzyfmb0],
.sermi-upload-fallback-submit:focus-visible[b-chsfzyfmb0] {
    border-color: var(--sermi-panel-rail);
    background: var(--sermi-action-hover);
    box-shadow: 0 9px 20px rgba(8, 41, 65, 0.24);
}

.sermi-upload--guided .sermi-upload-trigger:focus-visible[b-chsfzyfmb0],
.sermi-upload-fallback-submit:focus-visible[b-chsfzyfmb0] {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--sermi-panel-rail) 72%, transparent);
}

.sermi-upload--guided .sermi-upload-trigger:disabled[b-chsfzyfmb0] {
    cursor: wait;
    opacity: 0.68;
}

.sermi-native-file[b-chsfzyfmb0] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0.35rem;
    border: 1px dashed color-mix(in srgb, var(--sermi-panel-rail) 50%, rgba(255, 255, 255, 0.22));
    border-radius: 0.7rem;
    color: var(--sermi-muted);
    background: var(--sermi-surface);
}

.sermi-upload--guided .sermi-native-file[b-chsfzyfmb0] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.sermi-native-file[b-chsfzyfmb0]::file-selector-button {
    min-height: 2.8rem;
    margin-right: 0.65rem;
    padding: 0.55rem 0.8rem;
    border-radius: 0.6rem;
    color: var(--app-action-primary-text, #fff);
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 44%, transparent);
    background: rgba(3, 27, 48, 0.72);
    box-shadow: 0 5px 12px rgba(8, 41, 65, 0.16);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.sermi-native-file[b-chsfzyfmb0]::file-selector-button:hover {
    border-color: var(--sermi-panel-rail);
    background: rgba(3, 23, 42, 0.92);
}

.sermi-card--signature[b-chsfzyfmb0]  .mud-button-root {
    min-height: 2.8rem;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 44%, transparent) !important;
    border-radius: 0.7rem;
    color: var(--app-action-primary-text, #fff) !important;
    background: rgba(3, 27, 48, 0.72) !important;
    box-shadow: 0 7px 16px rgba(8, 41, 65, 0.2);
}

.sermi-card--signature[b-chsfzyfmb0]  .mud-button-root:hover,
.sermi-card--signature[b-chsfzyfmb0]  .mud-button-root:focus-visible {
    border-color: var(--sermi-panel-rail) !important;
    background: var(--sermi-action-hover) !important;
    box-shadow: 0 9px 20px rgba(8, 41, 65, 0.24);
}

.sermi-card--signature[b-chsfzyfmb0]  .mud-button-root:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--sermi-panel-rail) 72%, transparent);
}

.sermi-upload__hint[b-chsfzyfmb0] {
    color: var(--sermi-muted);
}

.sermi-upload-description-summary[b-chsfzyfmb0] {
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--sermi-panel-rail) 36%, rgba(255, 255, 255, 0.18));
    border-radius: 0.7rem;
    background: rgba(3, 27, 48, 0.48);
}

.sermi-upload-description-summary[hidden][b-chsfzyfmb0] {
    display: none;
}

.sermi-upload-description-summary__label[b-chsfzyfmb0] {
    color: var(--sermi-muted);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
}

.sermi-upload-description-summary__value[b-chsfzyfmb0] {
    margin: 0;
    color: var(--sermi-text);
    font-weight: 750;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.sermi-remove-dialog[b-chsfzyfmb0] {
    position: fixed;
    inset: 0;
    z-index: 1925;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.sermi-remove-dialog:target[b-chsfzyfmb0] {
    display: flex;
}

.sermi-remove-dialog__scrim[b-chsfzyfmb0] {
    position: absolute;
    inset: 0;
    background: rgba(5, 25, 44, 0.74);
    backdrop-filter: blur(3px);
}

.sermi-remove-dialog__panel[b-chsfzyfmb0] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(100%, 34rem);
    max-height: calc(100dvh - 2rem);
    gap: 1rem;
    overflow-y: auto;
    padding: clamp(1rem, 3vw, 1.45rem);
    border: 1px solid color-mix(in srgb, var(--sermi-danger) 24%, var(--sermi-border));
    border-radius: var(--sermi-radius);
    color: var(--sermi-text);
    background: var(--sermi-surface);
    box-shadow: 0 28px 80px rgba(5, 25, 44, 0.38);
}

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

.sermi-remove-dialog__icon[b-chsfzyfmb0] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid color-mix(in srgb, var(--sermi-warning) 36%, transparent);
    border-radius: 0.8rem;
    color: var(--sermi-warning);
    background: var(--sermi-warning-soft);
}

.sermi-remove-dialog__title[b-chsfzyfmb0] {
    margin: 0;
    color: var(--sermi-text);
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.2;
}

.sermi-remove-dialog__copy[b-chsfzyfmb0] {
    margin: 0.5rem 0 0;
    color: var(--sermi-muted);
    line-height: 1.5;
}

.sermi-remove-dialog__file[b-chsfzyfmb0] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--sermi-border);
    border-radius: 0.75rem;
    overflow-wrap: anywhere;
    color: var(--sermi-text);
    background: var(--sermi-subtle-surface);
    font-weight: 800;
}

.sermi-remove-dialog__form[b-chsfzyfmb0] {
    display: grid;
}

.sermi-remove-dialog__actions[b-chsfzyfmb0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

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

.sermi-upload-progress-dialog[b-chsfzyfmb0] {
    z-index: 1950;
}

.sermi-upload-progress-dialog[hidden][b-chsfzyfmb0],
.sermi-upload-description-dialog[hidden][b-chsfzyfmb0] {
    display: none;
}

.sermi-upload-progress-dialog__scrim[b-chsfzyfmb0],
.sermi-upload-description-dialog__scrim[b-chsfzyfmb0] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(5, 25, 44, 0.74);
    backdrop-filter: blur(3px);
}

.sermi-upload-progress-dialog__panel[b-chsfzyfmb0],
.sermi-upload-description-dialog__panel[b-chsfzyfmb0] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(100%, 31rem);
    max-height: calc(100dvh - 2rem);
    gap: 0.85rem;
    overflow-y: auto;
    padding: clamp(1rem, 3vw, 1.4rem);
    border: 1px solid color-mix(in srgb, var(--sermi-accent) 25%, var(--sermi-border));
    border-radius: var(--sermi-radius);
    color: var(--sermi-text);
    background: var(--sermi-surface);
    box-shadow: 0 28px 80px rgba(5, 25, 44, 0.38);
}

.sermi-upload-progress-dialog__panel[b-chsfzyfmb0] {
    width: min(100%, 29rem);
}

.sermi-upload-progress-dialog__title[b-chsfzyfmb0],
.sermi-upload-description-dialog__title[b-chsfzyfmb0] {
    margin: 0;
    color: var(--sermi-text);
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.2;
}

.sermi-upload-progress-dialog__file[b-chsfzyfmb0],
.sermi-upload-description-dialog__file[b-chsfzyfmb0],
.sermi-upload-progress-dialog__status[b-chsfzyfmb0],
.sermi-upload-description-dialog__error[b-chsfzyfmb0] {
    margin: 0;
    overflow-wrap: anywhere;
}

.sermi-upload-progress-dialog__file[b-chsfzyfmb0],
.sermi-upload-description-dialog__file[b-chsfzyfmb0] {
    color: var(--sermi-text);
    font-weight: 800;
}

.sermi-upload-progress-dialog__status[b-chsfzyfmb0] {
    color: var(--sermi-muted);
}

.sermi-upload-description-dialog__error[b-chsfzyfmb0] {
    padding: 0.65rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--sermi-danger) 42%, transparent);
    border-radius: 0.65rem;
    color: var(--sermi-danger);
    background: var(--sermi-danger-soft);
    font-weight: 800;
}

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

.sermi-upload-progress-dialog__bar span[b-chsfzyfmb0] {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--sermi-action);
    transition: width 120ms ease;
}

.sermi-upload-progress-dialog[data-upload-progress-state="failed"] .sermi-upload-progress-dialog__bar[b-chsfzyfmb0] {
    background: var(--sermi-danger-soft);
}

.sermi-upload-progress-dialog[data-upload-progress-state="failed"] .sermi-upload-progress-dialog__bar span[b-chsfzyfmb0] {
    background: var(--sermi-danger);
}

.sermi-upload-progress-dialog[data-upload-progress-state="failed"] .sermi-upload-progress-dialog__status[b-chsfzyfmb0] {
    color: var(--sermi-danger);
    font-weight: 800;
}

.sermi-upload-progress-dialog[data-upload-progress-state="cancelled"] .sermi-upload-progress-dialog__bar[b-chsfzyfmb0] {
    background: var(--sermi-warning-soft);
}

.sermi-upload-progress-dialog[data-upload-progress-state="cancelled"] .sermi-upload-progress-dialog__bar span[b-chsfzyfmb0] {
    background: var(--sermi-warning);
}

.sermi-upload-progress-dialog[data-upload-progress-state="cancelled"] .sermi-upload-progress-dialog__status[b-chsfzyfmb0] {
    color: var(--sermi-warning);
    font-weight: 800;
}

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

.sermi-upload-progress-dialog__cancel[b-chsfzyfmb0],
.sermi-upload-description-dialog__cancel[b-chsfzyfmb0],
.sermi-upload-description-dialog__confirm[b-chsfzyfmb0] {
    min-height: 2.8rem;
    padding: 0.58rem 1.1rem;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
}

.sermi-upload-progress-dialog__cancel[b-chsfzyfmb0],
.sermi-upload-description-dialog__cancel[b-chsfzyfmb0] {
    border: 1px solid var(--sermi-border);
    color: var(--sermi-text);
    background: var(--sermi-surface);
}

.sermi-upload-description-dialog__confirm[b-chsfzyfmb0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--sermi-action);
    color: var(--app-action-primary-text, #fff);
    background: var(--sermi-action);
    box-shadow: 0 8px 18px rgba(8, 41, 65, 0.2);
}

.sermi-upload-progress-dialog__cancel:hover[b-chsfzyfmb0],
.sermi-upload-progress-dialog__cancel:focus-visible[b-chsfzyfmb0],
.sermi-upload-description-dialog__cancel:hover[b-chsfzyfmb0],
.sermi-upload-description-dialog__cancel:focus-visible[b-chsfzyfmb0] {
    border-color: var(--sermi-action);
    color: var(--sermi-action);
}

.sermi-upload-description-dialog__confirm:hover[b-chsfzyfmb0],
.sermi-upload-description-dialog__confirm:focus-visible[b-chsfzyfmb0] {
    background: var(--sermi-action-hover);
}

.sermi-upload-progress-dialog__cancel:focus-visible[b-chsfzyfmb0],
.sermi-upload-description-dialog__cancel:focus-visible[b-chsfzyfmb0],
.sermi-upload-description-dialog__confirm:focus-visible[b-chsfzyfmb0] {
    outline: 3px solid color-mix(in srgb, var(--app-focus-ring, #247fb6) 28%, transparent);
    outline-offset: 2px;
}

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

.sermi-upgrade-card[b-chsfzyfmb0] {
    --sermi-upgrade-accent: var(--sermi-accent);
    display: grid;
    gap: 1.4rem;
    max-width: 64rem;
    margin-inline: auto;
    padding: clamp(1.35rem, 3vw, 2.4rem);
    border: 1px solid color-mix(in srgb, var(--sermi-upgrade-accent) 38%, var(--sermi-border));
    border-left: 6px solid var(--sermi-upgrade-accent);
    border-radius: var(--sermi-radius);
    color: var(--sermi-text);
    background: var(--sermi-surface);
    box-shadow: var(--sermi-shadow);
}

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

.sermi-upgrade-card__icon[b-chsfzyfmb0] {
    display: grid;
    place-items: center;
    width: 4.25rem;
    height: 4.25rem;
    border: 1px solid #2c80ad;
    border-radius: 1rem;
    color: #fff;
    background: var(--app-action-tile-blue-surface, #085b91);
    box-shadow: 0 10px 20px rgba(8, 52, 86, 0.2);
}

.sermi-upgrade-card[b-chsfzyfmb0]  a.sermi-upgrade-card__requirements-link {
    display: inline-flex;
    margin-top: 0.75rem;
    color: var(--sermi-upgrade-accent) !important;
    font-weight: 850;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.22rem;
}

.sermi-upgrade-recommendation[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.95rem 1rem;
    border: 1px solid #218b7e;
    border-left: 5px solid #55e1b0;
    border-radius: 0.9rem;
    color: #fff;
    background: var(--app-action-tile-teal-surface, #075a74);
    box-shadow: 0 9px 20px rgba(7, 54, 79, 0.16);
}

.sermi-upgrade-recommendation[b-chsfzyfmb0]  .mud-icon-root {
    color: #5ce6b5;
}

.sermi-upgrade-recommendation[b-chsfzyfmb0]  .mud-typography {
    color: inherit;
}

.sermi-upgrade-recommendation[b-chsfzyfmb0]  .mud-typography-body2 {
    margin-top: 0.12rem;
    color: rgba(244, 252, 255, 0.9);
}

.sermi-upgrade-benefits[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border-block: 1px solid var(--sermi-border);
}

.sermi-upgrade-benefits > div[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 1rem;
}

.sermi-upgrade-benefits > div + div[b-chsfzyfmb0] {
    border-left: 1px solid var(--sermi-border);
}

.sermi-upgrade-benefits[b-chsfzyfmb0]  .mud-icon-root {
    color: #08729f;
}

.sermi-upgrade-benefits span[b-chsfzyfmb0] {
    display: grid;
    gap: 0.18rem;
}

.sermi-upgrade-benefits small[b-chsfzyfmb0] {
    color: var(--sermi-muted);
    line-height: 1.35;
}

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

.sermi-upgrade-costs span[b-chsfzyfmb0] {
    display: grid;
    gap: 0.18rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--sermi-upgrade-accent) 24%, var(--sermi-border));
    border-radius: 0.8rem;
    background: var(--sermi-subtle-surface);
    box-shadow: inset 0 3px 0 var(--sermi-upgrade-accent);
}

.sermi-upgrade-costs small[b-chsfzyfmb0] {
    color: var(--sermi-muted);
    font-weight: 750;
}

.sermi-upgrade-costs strong[b-chsfzyfmb0] {
    color: var(--sermi-text);
    font-size: 1.05rem;
}

.sermi-upgrade-retention[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
    padding: 1.1rem 1.2rem;
    border: 1px solid #2b7198;
    border-radius: 1rem;
    color: #fff;
    background: var(--app-action-tile-blue-surface, #085b91);
    box-shadow: 0 10px 22px rgba(8, 48, 78, 0.18);
}

.sermi-upgrade-retention__icon[b-chsfzyfmb0] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(91, 221, 255, 0.48);
    border-radius: 0.8rem;
    color: #62dcff;
    background: rgba(4, 31, 54, 0.42);
}

.sermi-upgrade-retention[b-chsfzyfmb0]  .mud-typography {
    color: inherit;
}

.sermi-upgrade-retention[b-chsfzyfmb0]  .mud-typography-body2 {
    margin-top: 0.2rem;
    color: rgba(241, 249, 255, 0.9);
    line-height: 1.45;
}

.sermi-upgrade-actions[b-chsfzyfmb0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.sermi-upgrade-confirmation[b-chsfzyfmb0] {
    display: grid;
    gap: 1rem;
    width: min(100%, 42rem);
    padding: 1.1rem;
    border: 1px solid color-mix(in srgb, var(--sermi-upgrade-accent) 34%, var(--sermi-border));
    border-left: 5px solid var(--sermi-upgrade-accent);
    border-radius: 1rem;
    background: var(--sermi-subtle-surface);
}

.sermi-upgrade-work-type[b-chsfzyfmb0] {
    gap: 0.45rem;
}

.sermi-upgrade-work-type select[b-chsfzyfmb0] {
    min-height: 3.2rem;
    border-color: color-mix(in srgb, var(--sermi-upgrade-accent) 42%, var(--sermi-border));
    background: var(--sermi-surface);
}

.sermi-upgrade-work-type select:focus-visible[b-chsfzyfmb0] {
    outline: 3px solid color-mix(in srgb, var(--sermi-upgrade-accent) 24%, transparent);
    outline-offset: 2px;
}

.sermi-upgrade-confirmation__actions[b-chsfzyfmb0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.sermi-upgrade-actions[b-chsfzyfmb0]  .sermi-upgrade-actions__secondary {
    color: var(--sermi-upgrade-accent) !important;
}

.sermi-upgrade-actions[b-chsfzyfmb0]  .sermi-upgrade-actions__secondary .mud-icon-root {
    color: inherit !important;
}

.sermi-upgrade-assurance[b-chsfzyfmb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.9rem 1rem;
    border: 1px solid var(--sermi-border);
    border-left: 4px solid var(--app-card-accent-slate, #2b4d65);
    border-radius: 0.85rem;
    color: var(--sermi-text);
    background: var(--sermi-subtle-surface);
}

.sermi-upgrade-assurance[b-chsfzyfmb0]  .mud-icon-root {
    color: var(--app-card-accent-slate, #2b4d65);
}

.sermi-upgrade-assurance[b-chsfzyfmb0]  .mud-typography-body2 {
    margin-top: 0.12rem;
    color: var(--sermi-muted);
}

@media (max-width: 900px) {
    .sermi-record-context[b-chsfzyfmb0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

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

    .sermi-status-chip[b-chsfzyfmb0] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .sermi-hero[b-chsfzyfmb0] {
        padding-block: 0.9rem 1.2rem;
    }

    .sermi-hero__content[b-chsfzyfmb0] {
        align-items: start;
        flex-direction: column;
        gap: 0.7rem;
        margin-top: 0.25rem;
    }

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

    .sermi-upgrade-benefits > div + div[b-chsfzyfmb0] {
        border-top: 1px solid var(--sermi-border);
        border-left: 0;
    }
}

@media (max-width: 520px) {
    .sermi-record-context[b-chsfzyfmb0] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
        padding: 0.65rem;
    }

    .sermi-record-context span:nth-child(3)[b-chsfzyfmb0],
    .sermi-record-context span:nth-child(4)[b-chsfzyfmb0] {
        grid-column: 1 / -1;
    }

    .sermi-content[b-chsfzyfmb0] {
        padding-block: 1.25rem 2.5rem;
    }

    .sermi-card[b-chsfzyfmb0] {
        min-height: 11rem;
        padding: 1rem 1rem 1rem 1.2rem;
    }

    .sermi-card__watermark--v5[b-chsfzyfmb0] {
        top: 1rem;
        right: 0.65rem;
        width: 5.4rem;
        height: 6.5rem;
        opacity: 0.17;
    }

    .sermi-status-chip[b-chsfzyfmb0] {
        max-width: 100%;
        white-space: normal;
    }

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

    .sermi-upgrade-actions[b-chsfzyfmb0],
    .sermi-upgrade-actions form[b-chsfzyfmb0],
    .sermi-upgrade-confirmation__actions[b-chsfzyfmb0],
    .sermi-upgrade-actions[b-chsfzyfmb0]  .mud-button-root {
        width: 100%;
    }

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

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

    .sermi-upload-progress-dialog[b-chsfzyfmb0],
    .sermi-upload-description-dialog[b-chsfzyfmb0],
    .sermi-remove-dialog[b-chsfzyfmb0] {
        align-items: flex-end;
        padding: 0.5rem;
    }

    .sermi-upload-progress-dialog__panel[b-chsfzyfmb0],
    .sermi-upload-description-dialog__panel[b-chsfzyfmb0],
    .sermi-remove-dialog__panel[b-chsfzyfmb0] {
        width: 100%;
        max-height: calc(100dvh - 1rem);
        border-radius: 1rem;
    }

    .sermi-upload-description-dialog__actions[b-chsfzyfmb0] {
        display: grid;
        grid-template-columns: 1fr;
    }

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

    .sermi-remove-dialog__actions[b-chsfzyfmb0]  .mud-button-root {
        width: 100%;
    }

    .sermi-upload-progress-dialog__cancel[b-chsfzyfmb0],
    .sermi-upload-description-dialog__cancel[b-chsfzyfmb0],
    .sermi-upload-description-dialog__confirm[b-chsfzyfmb0] {
        width: 100%;
    }

    .sermi-file-row[b-chsfzyfmb0] {
        align-items: start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sermi-upload-progress-dialog__bar span[b-chsfzyfmb0] {
        transition: none;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Jobs/JobSermiSuitability.razor.rz.scp.css */
.sermi-check-page[b-7799ryjhxg],
.sermi-check-band[b-7799ryjhxg] {
    color: var(--app-text, #132f49);
    background: var(--app-workspace-background, #fff) !important;
}

.sermi-check-hero[b-7799ryjhxg] {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 86% 20%, rgba(79, 176, 214, 0.2), transparent 25%),
        linear-gradient(128deg, #071f36 0%, #0b3c64 58%, #0e6280 100%) !important;
}

.sermi-check-hero[b-7799ryjhxg]::after {
    position: absolute;
    top: -4.5rem;
    right: 6%;
    width: 15rem;
    height: 15rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.sermi-check-hero__inner[b-7799ryjhxg] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    width: min(100%, 72rem);
    margin-inline: auto;
}

.sermi-check-hero__icon[b-7799ryjhxg],
.sermi-check-result__icon[b-7799ryjhxg] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 1rem;
    color: #75dcff;
    background: rgba(3, 29, 50, 0.45);
}

.sermi-check-hero__link[b-7799ryjhxg] {
    display: inline-flex;
    margin-top: 1rem;
    color: #fff !important;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #75dcff;
    text-underline-offset: 0.25rem;
}

.sermi-check-container[b-7799ryjhxg] {
    width: min(100%, 58rem);
}

.sermi-check-card[b-7799ryjhxg] {
    position: relative;
    padding: clamp(1.25rem, 3vw, 2.25rem);
    overflow: hidden;
    border: 1px solid #2b6289;
    border-top: 5px solid #0f5e8e;
    border-radius: var(--app-card-radius, 18px);
    color: var(--app-panel-text, #132f49);
    background: var(--app-panel-background, #fff);
    box-shadow: 0 14px 34px rgba(5, 39, 66, 0.13);
}

.sermi-check-card[b-7799ryjhxg]::after {
    position: absolute;
    top: -4.5rem;
    right: -3.5rem;
    width: 12rem;
    height: 12rem;
    border: 1.5rem solid rgba(13, 88, 135, 0.045);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.sermi-check-card > *[b-7799ryjhxg] {
    position: relative;
    z-index: 1;
}

.sermi-check-question[b-7799ryjhxg] {
    max-width: 44rem;
}

.sermi-check-options[b-7799ryjhxg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    padding: 0;
    border: 0;
}

.sermi-check-options legend[b-7799ryjhxg] {
    grid-column: 1 / -1;
    margin-bottom: 0.15rem;
}

.sermi-check-option[b-7799ryjhxg] {
    min-height: 3.65rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #7598b2;
    border-radius: 0.75rem;
    color: var(--app-panel-text, #132f49);
    background: var(--app-panel-background, #fff);
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.sermi-check-option:hover[b-7799ryjhxg] {
    border-color: #0f5e8e;
    box-shadow: 0 5px 14px rgba(7, 48, 79, 0.12);
}

.sermi-check-option:has(input:checked)[b-7799ryjhxg] {
    border-color: #0b4067;
    color: #fff;
    background: #0b4067;
    box-shadow: 0 5px 14px rgba(7, 48, 79, 0.22);
}

.sermi-check-option:has(input:checked) span[b-7799ryjhxg] {
    color: #fff;
}

.sermi-check-option input[b-7799ryjhxg] {
    flex: 0 0 auto;
}

.sermi-check-note[b-7799ryjhxg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid #5f829d;
    border-radius: 0.8rem;
    color: var(--app-panel-text, #132f49);
    background: var(--app-panel-background, #fff);
}

.sermi-check-note[b-7799ryjhxg]  .mud-icon-root,
.sermi-check-note[b-7799ryjhxg]  .mud-link-root {
    color: #0f5e8e;
}

.sermi-check-note[b-7799ryjhxg]  .mud-typography-caption {
    display: block;
    margin-top: 0.35rem;
    color: var(--app-muted-text, #526c80);
}

.sermi-check-result[b-7799ryjhxg] {
    border-top-color: #16705a;
}

.sermi-check-result__icon[b-7799ryjhxg] {
    border-color: #16705a;
    color: #fff;
    background: #16705a;
}

@media (max-width: 700px) {
    .sermi-check-hero__inner[b-7799ryjhxg] {
        grid-template-columns: 1fr;
    }

    .sermi-check-hero__icon[b-7799ryjhxg] {
        width: 3rem;
        height: 3rem;
    }

    .sermi-check-options[b-7799ryjhxg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .sermi-check-card[b-7799ryjhxg] {
        padding: 1.1rem;
        border-radius: 1rem;
    }

    .sermi-check-card[b-7799ryjhxg]  .mud-stack-row {
        width: 100%;
    }

    .sermi-check-card[b-7799ryjhxg]  .mud-button-root {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sermi-check-option[b-7799ryjhxg] {
        transition: 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] {
    display: block;
    min-height: clamp(18rem, 44dvh, 28rem);
    background: #fff;
    overscroll-behavior: contain;
    -webkit-user-select: none;
    user-select: none;
}

.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;
    height: var(--signature-overlay-height, 100dvh);
    max-height: var(--signature-overlay-height, 100dvh);
    padding:
        max(0.75rem, env(safe-area-inset-top))
        max(0.75rem, env(safe-area-inset-right))
        max(0.75rem, env(safe-area-inset-bottom))
        max(0.75rem, env(safe-area-inset-left)) !important;
    overflow: hidden;
    overscroll-behavior: none;
    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] {
    display: grid;
    place-items: center;
    width: min(100%, 45rem);
    height: clamp(12rem, 42vw, 22rem);
    overflow: hidden;
    border: 1px solid var(--app-panel-border);
    border-radius: 12px;
    background: #fff;
    cursor: zoom-in;
}

.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-content[b-x9k81ify9a] {
        padding: 1rem 0 2.5rem;
    }

    .signature-canvas-card[b-x9k81ify9a] {
        margin-inline: -0.35rem;
    }

    .signature-canvas-card .signature-pad__canvas[b-x9k81ify9a] {
        min-height: clamp(20rem, 50dvh, 31rem);
    }

    .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;
    }

    [b-x9k81ify9a] .signature-canvas-heading .mud-button-root {
        width: 100%;
    }
}

@media (max-height: 520px) and (orientation: landscape) {
    .signature-canvas-card:fullscreen[b-x9k81ify9a],
    .signature-canvas-card--expanded[b-x9k81ify9a] {
        grid-template-columns: minmax(12rem, 0.35fr) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .signature-canvas-card:fullscreen .signature-canvas-heading[b-x9k81ify9a],
    .signature-canvas-card--expanded .signature-canvas-heading[b-x9k81ify9a] {
        grid-row: 1 / -1;
        align-content: start;
        align-items: stretch;
        padding-right: 0.65rem;
    }

    .signature-canvas-card:fullscreen .signature-pad__canvas[b-x9k81ify9a],
    .signature-canvas-card--expanded .signature-pad__canvas[b-x9k81ify9a] {
        grid-column: 2;
        grid-row: 1;
    }

    .signature-canvas-card:fullscreen .signature-pad__actions[b-x9k81ify9a],
    .signature-canvas-card--expanded .signature-pad__actions[b-x9k81ify9a] {
        grid-column: 2;
        grid-row: 2;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/LocksmithJobManagement.razor.rz.scp.css */
.job-platform[b-1b01y10gm4] {
    --platform-navy: #071d36;
    --platform-blue: #0d4f84;
    --platform-cyan: #36b7db;
    --platform-teal: #08766f;
    --platform-yellow: #ffca2f;
    color: var(--app-page-text);
    background: var(--app-page-background) !important;
}

.job-platform__hero[b-1b01y10gm4] {
    position: relative;
    overflow: hidden;
    color: #f7fbff;
    background:
        radial-gradient(circle at 15% 15%, rgba(54, 183, 219, 0.24), transparent 23rem),
        linear-gradient(135deg, var(--platform-navy) 0%, #0a3d68 58%, var(--platform-blue) 100%);
}

.job-platform__hero[b-1b01y10gm4]::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0.12;
    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: 46px 46px;
    mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

.job-platform__hero[b-1b01y10gm4]  .job-platform__hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.75fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
    padding-block: clamp(3rem, 7vw, 6rem);
}

.job-platform__message[b-1b01y10gm4] {
    max-width: 48rem;
}

.job-platform__eyebrow[b-1b01y10gm4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.48rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    color: var(--platform-yellow);
    background: rgba(0, 11, 24, 0.34);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.job-platform__eyebrow[b-1b01y10gm4]  .mud-icon-root {
    font-size: 1.05rem;
}

.job-platform__message[b-1b01y10gm4]  .mud-typography-h1 {
    margin-top: 1.15rem;
    color: #fff;
    font-size: clamp(2.85rem, 5.6vw, 5.2rem);
    line-height: 0.96;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.job-platform__message[b-1b01y10gm4]  .mud-typography-subtitle1 {
    max-width: 43rem;
    margin-top: 1.25rem;
    color: rgba(245, 250, 255, 0.84);
    font-size: clamp(1rem, 1.8vw, 1.18rem);
    line-height: 1.55;
}

.job-platform__actions[b-1b01y10gm4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.6rem;
}

.job-platform__actions[b-1b01y10gm4]  .mud-button-root,
.job-platform__closing[b-1b01y10gm4]  .mud-button-root {
    min-height: 3rem;
    padding-inline: 1.15rem;
    border-radius: 999px;
    font-weight: 900;
}

.job-platform__actions[b-1b01y10gm4]  .mud-button-outlined {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.job-platform__visual[b-1b01y10gm4] {
    display: grid;
    gap: 0.85rem;
    padding: clamp(1.1rem, 3vw, 1.6rem);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 4px solid var(--platform-yellow);
    border-radius: 1.4rem;
    background: rgba(3, 25, 47, 0.84);
    box-shadow: 0 24px 65px rgba(0, 8, 22, 0.34);
    backdrop-filter: blur(10px);
}

.job-platform__visual-header[b-1b01y10gm4] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.job-platform__visual-header > span[b-1b01y10gm4] {
    display: grid;
    width: 3.15rem;
    height: 3.15rem;
    place-items: center;
    border-radius: 0.9rem;
    color: var(--platform-navy);
    background: var(--platform-yellow);
}

.job-platform__visual-header div[b-1b01y10gm4],
.job-platform__visual-choice div[b-1b01y10gm4] {
    display: grid;
}

.job-platform__visual-header strong[b-1b01y10gm4] {
    color: #fff;
    font-size: 1.12rem;
}

.job-platform__visual-header small[b-1b01y10gm4],
.job-platform__visual-choice small[b-1b01y10gm4] {
    color: rgba(244, 250, 255, 0.64);
}

.job-platform__visual-flow[b-1b01y10gm4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
    padding-block: 0.7rem;
    border-block: 1px solid rgba(255, 255, 255, 0.12);
}

.job-platform__visual-flow span[b-1b01y10gm4] {
    display: grid;
    justify-items: center;
    gap: 0.3rem;
    color: rgba(244, 250, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
}

.job-platform__visual-flow[b-1b01y10gm4]  .mud-icon-root {
    color: var(--platform-cyan);
    font-size: 1.45rem;
}

.job-platform__visual-choice[b-1b01y10gm4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.job-platform__visual-choice article[b-1b01y10gm4] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-left: 4px solid var(--platform-cyan);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.055);
}

.job-platform__visual-choice article:last-child[b-1b01y10gm4] {
    border-left-color: var(--platform-yellow);
}

.job-platform__visual-choice[b-1b01y10gm4]  .mud-icon-root {
    flex: 0 0 auto;
    color: var(--platform-cyan);
}

.job-platform__visual-choice article:last-child[b-1b01y10gm4]  .mud-icon-root {
    color: var(--platform-yellow);
}

.job-platform__visual-choice strong[b-1b01y10gm4] {
    color: #fff;
}

.job-platform__workspace[b-1b01y10gm4] {
    padding-block: clamp(2.8rem, 6vw, 5rem);
    background: var(--app-page-background);
}

.job-platform__section-heading[b-1b01y10gm4] {
    max-width: 46rem;
}

.job-platform__section-heading[b-1b01y10gm4]  .mud-typography-overline,
.job-platform__job-types-heading[b-1b01y10gm4]  .mud-typography-overline {
    color: var(--app-card-accent-blue, var(--platform-blue));
    font-weight: 900;
    letter-spacing: 0.13em;
}

.job-platform__section-heading[b-1b01y10gm4]  .mud-typography-h2 {
    margin-top: 0.25rem;
    color: var(--app-card-text-strong);
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.04;
}

.job-platform__benefits[b-1b01y10gm4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1.8rem;
}

.job-platform__benefit[b-1b01y10gm4] {
    display: grid;
    align-content: start;
    min-height: 13.5rem;
    gap: 0.55rem;
    padding: 1.1rem;
    border: 1px solid #b6c7d4;
    border-left: 5px solid var(--platform-blue);
    border-radius: 1rem;
    background: var(--app-card-surface);
    box-shadow: 0 10px 26px rgba(7, 36, 62, 0.08);
}

.job-platform__benefit:nth-child(2)[b-1b01y10gm4] {
    border-left-color: var(--platform-teal);
}

.job-platform__benefit:nth-child(3)[b-1b01y10gm4] {
    border-left-color: #d79700;
}

.job-platform__benefit:nth-child(4)[b-1b01y10gm4] {
    border-left-color: #365b76;
}

.job-platform__benefit > span[b-1b01y10gm4] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    border-radius: 0.75rem;
    color: #fff;
    background: var(--platform-blue);
}

.job-platform__benefit:nth-child(2) > span[b-1b01y10gm4] {
    background: var(--platform-teal);
}

.job-platform__benefit:nth-child(3) > span[b-1b01y10gm4] {
    color: var(--app-card-text-strong);
    background: var(--platform-yellow);
}

.job-platform__benefit:nth-child(4) > span[b-1b01y10gm4] {
    background: #365b76;
}

.job-platform__benefit[b-1b01y10gm4]  .mud-typography-h5 {
    margin-top: 0.3rem;
    color: var(--app-card-text-strong);
    font-size: 1.15rem;
}

.job-platform__benefit p[b-1b01y10gm4] {
    margin: 0;
    color: var(--app-card-text-muted);
    line-height: 1.55;
}

.job-platform__job-types[b-1b01y10gm4] {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(30rem, 1.22fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: center;
    margin-top: clamp(2.5rem, 6vw, 4.5rem);
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border-radius: 1.4rem;
    color: #fff;
    background: var(--platform-navy);
    box-shadow: 0 20px 48px rgba(7, 29, 54, 0.16);
}

.job-platform__job-types-heading[b-1b01y10gm4]  .mud-typography-overline {
    color: var(--platform-yellow);
}

.job-platform__job-types-heading[b-1b01y10gm4]  .mud-typography-h3 {
    margin-top: 0.3rem;
    color: #fff;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    line-height: 1.07;
}

.job-platform__job-types-heading[b-1b01y10gm4]  .mud-typography-body1 {
    margin-top: 0.75rem;
    color: rgba(244, 250, 255, 0.76);
    line-height: 1.6;
}

.job-platform__type-grid[b-1b01y10gm4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.job-platform__type[b-1b01y10gm4] {
    display: grid;
    align-content: start;
    min-height: 16rem;
    gap: 0.55rem;
    padding: 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-top: 4px solid var(--platform-cyan);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.065);
}

.job-platform__type--sermi[b-1b01y10gm4] {
    border-top-color: var(--platform-yellow);
}

.job-platform__type-icon[b-1b01y10gm4] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.8rem;
    color: var(--platform-navy);
    background: var(--platform-cyan);
}

.job-platform__type--sermi .job-platform__type-icon[b-1b01y10gm4] {
    background: var(--platform-yellow);
}

.job-platform__type[b-1b01y10gm4]  .mud-typography-h4 {
    margin-top: 0.35rem;
    color: #fff;
    font-size: 1.35rem;
}

.job-platform__type p[b-1b01y10gm4] {
    margin: 0;
    color: rgba(244, 250, 255, 0.74);
    line-height: 1.55;
}

.job-platform__type strong[b-1b01y10gm4] {
    margin-top: auto;
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.82rem;
    line-height: 1.45;
}

.job-platform__closing[b-1b01y10gm4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 1.2rem;
    padding: clamp(1.35rem, 3vw, 2rem);
    border: 1px solid #b6c7d4;
    border-left: 6px solid var(--platform-yellow);
    border-radius: 1.2rem;
    background: var(--app-card-surface);
}

.job-platform__closing[b-1b01y10gm4]  .mud-typography-h3 {
    color: var(--app-card-text-strong);
    font-size: clamp(1.55rem, 3vw, 2.3rem);
}

.job-platform__closing[b-1b01y10gm4]  .mud-typography-body1 {
    margin-top: 0.35rem;
    color: var(--app-card-text-muted);
}

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

    .job-platform__job-types[b-1b01y10gm4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .job-platform__hero[b-1b01y10gm4]  .job-platform__hero-inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .job-platform__hero[b-1b01y10gm4]  .job-platform__hero-inner {
        gap: 1.5rem;
        padding: 2rem 0.9rem 2.5rem;
    }

    .job-platform__message[b-1b01y10gm4]  .mud-typography-h1 {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .job-platform__actions[b-1b01y10gm4] {
        display: grid;
    }

    .job-platform__visual-choice[b-1b01y10gm4],
    .job-platform__benefits[b-1b01y10gm4],
    .job-platform__type-grid[b-1b01y10gm4] {
        grid-template-columns: 1fr;
    }

    .job-platform__visual-flow[b-1b01y10gm4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0.75rem;
    }

    .job-platform__workspace[b-1b01y10gm4] {
        padding: 2.25rem 0.9rem;
    }

    .job-platform__benefit[b-1b01y10gm4],
    .job-platform__type[b-1b01y10gm4] {
        min-height: 0;
    }

    .job-platform__closing[b-1b01y10gm4] {
        display: grid;
    }

    .job-platform__closing[b-1b01y10gm4]  .mud-button-root {
        width: 100%;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/Referrals.razor.rz.scp.css */
.referral-link-actions[b-ufwc5fensn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.referral-link-actions[b-ufwc5fensn]  .referral-link-field {
    min-width: 0;
}

.referral-link-actions[b-ufwc5fensn]  .referral-copy-button {
    min-width: 12.5rem;
    height: 3.5rem;
    min-height: 3.5rem;
    border-radius: 0.8rem;
    box-shadow: 0 0.45rem 1rem rgba(4, 42, 78, 0.2);
}

.referral-link-actions[b-ufwc5fensn]  .referral-copy-button.is-copied {
    background-color: var(--mud-palette-success);
}

.referral-link-actions[b-ufwc5fensn]  .referral-copy-button.is-copy-error {
    background-color: var(--mud-palette-error);
}

.referral-copy-feedback[b-ufwc5fensn] {
    min-height: 1.35rem;
    margin-top: 0.45rem;
    color: var(--mud-palette-success-darken);
    font-size: 0.82rem;
    font-weight: 600;
}

.referral-copy-feedback.is-copy-error[b-ufwc5fensn] {
    color: var(--mud-palette-error);
}

@media (max-width: 599px) {
    .referral-link-actions[b-ufwc5fensn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .referral-link-actions[b-ufwc5fensn]  .referral-copy-button {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .referral-link-actions[b-ufwc5fensn]  .referral-copy-button {
        transition: none;
    }
}
/* _content/SermiAuditsBlazor.Web/Components/Pages/SermiRequirements.razor.rz.scp.css */
.sermi-guide[b-0s6aq931uo] {
    --guide-navy: #071d36;
    --guide-blue: #0d4f84;
    --guide-cyan: #37b7da;
    --guide-teal: #0c756f;
    --guide-yellow: #ffca2f;
    color: var(--app-page-text);
    background: var(--app-page-background) !important;
}

.sermi-guide__hero[b-0s6aq931uo] {
    position: relative;
    overflow: hidden;
    color: #f7fbff;
    background:
        radial-gradient(circle at 84% 14%, rgba(55, 183, 218, 0.24), transparent 22rem),
        linear-gradient(135deg, var(--guide-navy) 0%, #0a3c66 58%, var(--guide-blue) 100%);
}

.sermi-guide__hero[b-0s6aq931uo]::after {
    position: absolute;
    right: -7rem;
    bottom: -10rem;
    width: 25rem;
    height: 25rem;
    border: 3rem solid rgba(255, 202, 47, 0.08);
    border-radius: 50%;
    content: "";
}

.sermi-guide__hero[b-0s6aq931uo]  .sermi-guide__hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.72fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
    padding-block: clamp(3rem, 7vw, 6rem);
}

.sermi-guide__hero-copy[b-0s6aq931uo] {
    max-width: 47rem;
}

.sermi-guide__eyebrow[b-0s6aq931uo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.48rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    color: var(--guide-yellow);
    background: rgba(0, 11, 24, 0.34);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.sermi-guide__eyebrow[b-0s6aq931uo]  .mud-icon-root {
    font-size: 1.05rem;
}

.sermi-guide__hero-copy[b-0s6aq931uo]  .mud-typography-h1 {
    max-width: 46rem;
    margin-top: 1.15rem;
    color: #fff;
    font-size: clamp(2.8rem, 5.4vw, 5rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.sermi-guide__hero-copy[b-0s6aq931uo]  .mud-typography-subtitle1 {
    max-width: 42rem;
    margin-top: 1.2rem;
    color: rgba(245, 250, 255, 0.84);
    font-size: clamp(1rem, 1.8vw, 1.18rem);
    line-height: 1.55;
}

.sermi-guide__hero-actions[b-0s6aq931uo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.6rem;
}

.sermi-guide__hero-actions[b-0s6aq931uo]  .mud-button-root {
    min-height: 3rem;
    padding-inline: 1.15rem;
    border-radius: 999px;
    font-weight: 900;
}

.sermi-guide__hero-actions[b-0s6aq931uo]  .mud-button-outlined {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.sermi-guide__decision[b-0s6aq931uo] {
    display: grid;
    gap: 0.55rem;
    padding: clamp(1.25rem, 3vw, 1.8rem);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 4px solid var(--guide-yellow);
    border-radius: 1.35rem;
    background: rgba(3, 25, 47, 0.82);
    box-shadow: 0 22px 60px rgba(0, 8, 22, 0.32);
    backdrop-filter: blur(10px);
}

.sermi-guide__decision-icon[b-0s6aq931uo] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.85rem;
    color: var(--guide-navy);
    background: var(--guide-yellow);
}

.sermi-guide__decision[b-0s6aq931uo]  .mud-typography-overline {
    margin-top: 0.35rem;
    color: var(--guide-cyan);
    font-weight: 900;
    letter-spacing: 0.12em;
}

.sermi-guide__decision[b-0s6aq931uo]  .mud-typography-h4 {
    color: #fff;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    line-height: 1.08;
}

.sermi-guide__decision p[b-0s6aq931uo] {
    margin: 0.25rem 0 0;
    color: rgba(244, 250, 255, 0.8);
    line-height: 1.55;
}

.sermi-guide__decision-note[b-0s6aq931uo] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.35rem;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    color: rgba(244, 250, 255, 0.72);
    font-size: 0.78rem;
    line-height: 1.4;
}

.sermi-guide__decision-note[b-0s6aq931uo]  .mud-icon-root {
    flex: 0 0 auto;
    color: var(--guide-yellow);
    font-size: 1rem;
}

.sermi-guide__workspace[b-0s6aq931uo] {
    padding-block: clamp(2.8rem, 6vw, 5rem);
    background: var(--app-page-background);
}

.sermi-guide__section-heading[b-0s6aq931uo] {
    max-width: 50rem;
}

.sermi-guide__section-heading[b-0s6aq931uo]  .mud-typography-overline,
.sermi-guide__product-copy[b-0s6aq931uo]  .mud-typography-overline,
.sermi-guide__official[b-0s6aq931uo]  .mud-typography-overline {
    color: var(--app-card-accent-blue, var(--guide-blue));
    font-weight: 900;
    letter-spacing: 0.13em;
}

.sermi-guide__section-heading[b-0s6aq931uo]  .mud-typography-h2 {
    margin-top: 0.25rem;
    color: var(--app-card-text-strong);
    font-size: clamp(2rem, 4vw, 3.3rem);
    line-height: 1.04;
}

.sermi-guide__section-heading[b-0s6aq931uo]  .mud-typography-body1 {
    max-width: 47rem;
    margin-top: 0.75rem;
    color: var(--app-card-text-muted);
    line-height: 1.65;
}

.sermi-guide__steps[b-0s6aq931uo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.sermi-guide__step[b-0s6aq931uo] {
    position: relative;
    display: grid;
    align-content: start;
    min-height: 15rem;
    gap: 0.65rem;
    overflow: hidden;
    padding: 1.25rem;
    border: 1px solid #b6c7d4;
    border-left: 5px solid var(--guide-blue);
    border-radius: 1.1rem;
    background: var(--app-card-surface);
    box-shadow: 0 12px 30px rgba(7, 36, 62, 0.09);
}

.sermi-guide__step:nth-child(2)[b-0s6aq931uo] {
    border-left-color: var(--guide-teal);
}

.sermi-guide__step:nth-child(3)[b-0s6aq931uo] {
    border-left-color: #d79700;
}

.sermi-guide__step-number[b-0s6aq931uo] {
    position: absolute;
    top: 0.75rem;
    right: 0.9rem;
    color: color-mix(in srgb, var(--app-card-text-muted) 18%, transparent);
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 1;
}

.sermi-guide__step-icon[b-0s6aq931uo] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 0.8rem;
    color: #fff;
    background: var(--guide-blue);
}

.sermi-guide__step:nth-child(2) .sermi-guide__step-icon[b-0s6aq931uo] {
    background: var(--guide-teal);
}

.sermi-guide__step:nth-child(3) .sermi-guide__step-icon[b-0s6aq931uo] {
    color: var(--app-card-text-strong);
    background: var(--guide-yellow);
}

.sermi-guide__step[b-0s6aq931uo]  .mud-typography-h5 {
    margin-top: 0.3rem;
    color: var(--app-card-text-strong);
    font-size: 1.25rem;
}

.sermi-guide__step p[b-0s6aq931uo] {
    margin: 0;
    color: var(--app-card-text-muted);
    line-height: 1.6;
}

.sermi-guide__product[b-0s6aq931uo] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    margin-top: clamp(2rem, 5vw, 4rem);
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border-radius: 1.4rem;
    color: #fff;
    background:
        radial-gradient(circle at 90% 0%, rgba(55, 183, 218, 0.2), transparent 17rem),
        var(--guide-navy);
    box-shadow: 0 20px 48px rgba(7, 29, 54, 0.16);
}

.sermi-guide__product-copy[b-0s6aq931uo]  .mud-typography-overline {
    color: var(--guide-yellow);
}

.sermi-guide__product-copy[b-0s6aq931uo]  .mud-typography-h3 {
    margin-top: 0.3rem;
    color: #fff;
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
    line-height: 1.06;
}

.sermi-guide__product-copy[b-0s6aq931uo]  .mud-typography-body1 {
    max-width: 44rem;
    margin-top: 0.85rem;
    color: rgba(244, 250, 255, 0.78);
    line-height: 1.65;
}

.sermi-guide__product-copy[b-0s6aq931uo]  .sermi-guide__retention-note {
    margin-top: 0.8rem;
    padding-left: 0.75rem;
    border-left: 3px solid var(--guide-yellow);
    color: rgba(255, 255, 255, 0.92);
    font-weight: 800;
    line-height: 1.5;
}

.sermi-guide__product-facts[b-0s6aq931uo] {
    display: grid;
    align-content: center;
    gap: 0.65rem;
}

.sermi-guide__product-facts span[b-0s6aq931uo] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 0.8rem;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.055);
    font-weight: 800;
}

.sermi-guide__product-facts[b-0s6aq931uo]  .mud-icon-root {
    color: var(--guide-cyan);
}

.sermi-guide__official[b-0s6aq931uo] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1.1fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: center;
    margin-top: 1.25rem;
    padding: clamp(1.35rem, 3vw, 2rem);
    border: 1px solid #c3d0da;
    border-radius: 1.25rem;
    background: var(--app-card-surface);
}

.sermi-guide__official[b-0s6aq931uo]  .mud-typography-h3 {
    margin-top: 0.25rem;
    color: var(--app-card-text-strong);
    font-size: clamp(1.55rem, 3vw, 2.25rem);
}

.sermi-guide__official[b-0s6aq931uo]  .mud-typography-body1 {
    margin-top: 0.6rem;
    color: var(--app-card-text-muted);
    line-height: 1.55;
}

.sermi-guide__official-links[b-0s6aq931uo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.sermi-guide__official-links a[b-0s6aq931uo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 3.35rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #8da7ba;
    border-left: 4px solid var(--app-card-accent-blue, var(--guide-blue));
    border-radius: 0.75rem;
    color: var(--app-card-text-strong);
    background: var(--app-card-surface);
    font-weight: 900;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.sermi-guide__official-links a:hover[b-0s6aq931uo] {
    border-color: var(--app-card-accent-blue, var(--guide-blue));
    box-shadow: 0 8px 18px rgba(7, 36, 62, 0.12);
    transform: translateY(-2px);
}

.sermi-guide__official-links a:focus-visible[b-0s6aq931uo] {
    outline: 3px solid var(--guide-yellow);
    outline-offset: 2px;
}

.sermi-guide__official-links[b-0s6aq931uo]  .mud-icon-root {
    flex: 0 0 auto;
    color: var(--app-card-accent-blue, var(--guide-blue));
    font-size: 1.05rem;
}

@media (max-width: 900px) {
    .sermi-guide__hero[b-0s6aq931uo]  .sermi-guide__hero-inner,
    .sermi-guide__product[b-0s6aq931uo],
    .sermi-guide__official[b-0s6aq931uo] {
        grid-template-columns: 1fr;
    }

    .sermi-guide__steps[b-0s6aq931uo] {
        grid-template-columns: 1fr;
    }

    .sermi-guide__step[b-0s6aq931uo] {
        min-height: 0;
    }
}

@media (max-width: 600px) {
    .sermi-guide__hero[b-0s6aq931uo]  .sermi-guide__hero-inner {
        gap: 1.5rem;
        padding: 2rem 0.9rem 2.5rem;
    }

    .sermi-guide__hero-copy[b-0s6aq931uo]  .mud-typography-h1 {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
    }

    .sermi-guide__hero-actions[b-0s6aq931uo] {
        display: grid;
    }

    .sermi-guide__workspace[b-0s6aq931uo] {
        padding: 2.25rem 0.9rem;
    }

    .sermi-guide__official-links[b-0s6aq931uo] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sermi-guide__official-links a[b-0s6aq931uo] {
        transition: none;
    }

    .sermi-guide__official-links a:hover[b-0s6aq931uo] {
        transform: none;
    }
}
/* _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, 0.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;
    gap: 1rem;
}

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

.statement-summary[b-mu8tlmxtqd]  > .mud-paper {
    --statement-accent: var(--app-card-accent-slate);
    display: grid;
    gap: 0.2rem;
    min-height: 7rem;
    padding: 1rem;
    color: var(--app-card-text-strong);
    border: 1px solid var(--app-card-border-soft);
    border-top: 4px solid var(--statement-accent);
    border-radius: var(--app-card-radius);
    background: var(--app-card-surface-neutral);
    box-shadow: var(--app-card-shadow);
}

.statement-summary small[b-mu8tlmxtqd] {
    color: var(--app-card-text-muted);
    font-weight: 700;
}

.statement-summary strong[b-mu8tlmxtqd] {
    align-self: end;
    font-size: 2rem;
    line-height: 1;
}

.statement-summary[b-mu8tlmxtqd]  .statement-credit {
    --statement-accent: var(--app-status-success) !important;
    background: var(--app-status-success-soft) !important;
}

.statement-summary[b-mu8tlmxtqd]  .statement-credit strong {
    color: var(--app-status-success);
}

.statement-summary[b-mu8tlmxtqd]  .statement-debit {
    --statement-accent: var(--app-status-warning) !important;
    background: var(--app-status-warning-soft) !important;
}

.statement-summary[b-mu8tlmxtqd]  .statement-debit strong {
    color: var(--app-status-warning);
}

.statement-summary[b-mu8tlmxtqd]  .statement-close {
    --statement-accent: var(--app-card-accent-blue) !important;
    color: var(--app-card-text-strong) !important;
    background: var(--app-card-surface-blue) !important;
}

.statement-table-shell[b-mu8tlmxtqd] {
    overflow-x: auto;
    border: 1px solid var(--app-card-border-soft) !important;
    border-top: 4px solid var(--app-card-accent-blue) !important;
    border-radius: var(--app-card-radius) !important;
    background: var(--app-card-surface) !important;
    box-shadow: var(--app-card-shadow) !important;
}

.statement-reference[b-mu8tlmxtqd] {
    display: block;
    color: var(--app-card-text-muted);
    opacity: 0.8;
}

.statement-empty[b-mu8tlmxtqd] {
    display: grid;
    place-items: center;
    gap: 0.5rem;
    padding: 3rem;
    color: var(--app-card-text-muted);
}

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

    .statement-nav[b-mu8tlmxtqd] {
        gap: 0.5rem;
    }

    .statement-nav[b-mu8tlmxtqd]  .mud-typography-h5 {
        font-size: 1rem;
        text-align: center;
    }

    .statement-nav[b-mu8tlmxtqd]  .mud-button-label {
        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, 0.3), transparent 24%),
        linear-gradient(135deg, #071a2e, #124d78 62%, #13828f);
}

.lookup-content[b-8gw0aqk8w3] {
    display: grid;
    gap: clamp(2rem, 4vw, 3rem);
    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, 0.7fr) minmax(20rem, 1.3fr);
    gap: 1.75rem;
    align-items: center;
    border: 1px solid var(--app-card-border-soft) !important;
    border-top: 4px solid var(--app-card-accent-blue) !important;
    border-radius: var(--app-card-radius) !important;
    background: var(--app-card-surface-blue) !important;
    box-shadow: var(--app-card-shadow) !important;
}

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

.lookup-native-field input[b-8gw0aqk8w3] {
    border-color: var(--app-card-border-soft);
    border-radius: 12px;
    background: var(--app-card-surface);
    color: var(--app-card-text-strong);
}

.lookup-native-field input:focus-visible[b-8gw0aqk8w3] {
    border-color: var(--app-focus-ring);
    outline: 3px solid color-mix(in srgb, var(--app-focus-ring) 24%, transparent);
    outline-offset: 1px;
}

.lookup-quote[b-8gw0aqk8w3] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1.25rem;
    align-items: center;
    margin-top: 0.25rem;
    padding: 1.25rem;
    border: 1px solid var(--app-card-border-soft);
    border-left: 4px solid var(--app-card-accent-aqua);
    border-radius: 14px;
    background: var(--app-card-surface-aqua);
}

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

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

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

.lookup-native-action[b-8gw0aqk8w3] {
    min-height: 2.75rem;
    padding: 0.6rem 1rem;
    border: 1px solid var(--app-action-primary);
    border-radius: 12px;
    color: var(--app-action-primary-text);
    background: var(--app-action-primary);
    box-shadow: 0 6px 14px rgba(8, 41, 65, 0.16);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.lookup-native-action:hover[b-8gw0aqk8w3],
.lookup-native-action:focus-visible[b-8gw0aqk8w3] {
    background: var(--app-action-primary-hover);
}

.lookup-native-action:focus-visible[b-8gw0aqk8w3] {
    outline: 3px solid color-mix(in srgb, var(--app-focus-ring) 70%, transparent);
    outline-offset: 2px;
}

.lookup-native-action--outline[b-8gw0aqk8w3] {
    color: var(--app-action-primary);
    background: var(--app-card-surface);
    box-shadow: none;
}

.lookup-native-action--outline:hover[b-8gw0aqk8w3],
.lookup-native-action--outline:focus-visible[b-8gw0aqk8w3] {
    color: var(--app-action-primary);
    background: color-mix(in srgb, var(--app-action-primary) 9%, var(--app-card-surface));
}

.lookup-history-heading[b-8gw0aqk8w3] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding-inline: 0.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;
    overflow: hidden;
    color: var(--app-card-text-strong);
    text-decoration: none;
    border: 1px solid var(--app-card-border-soft);
    border-top: 4px solid var(--app-card-accent-slate);
    border-radius: var(--app-card-radius);
    background: var(--app-card-surface);
    box-shadow: var(--app-card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.lookup-card:hover[b-8gw0aqk8w3],
.lookup-card:focus-visible[b-8gw0aqk8w3] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--app-card-accent-blue) 55%, var(--app-card-border-soft));
    box-shadow: var(--app-card-shadow-hover);
}

.lookup-card:focus-visible[b-8gw0aqk8w3] {
    outline: 3px solid color-mix(in srgb, var(--app-focus-ring) 70%, transparent);
    outline-offset: 2px;
}

.lookup-card__image[b-8gw0aqk8w3] {
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--app-card-accent-aqua) 24%, var(--app-card-border-soft));
    border-radius: 12px;
    background: var(--app-card-surface-aqua);
}

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

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

.lookup-card__body > span:not(.lookup-card__action)[b-8gw0aqk8w3] {
    color: var(--app-card-text-muted);
}

.lookup-card__action[b-8gw0aqk8w3] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.4rem;
    color: var(--app-action-primary);
    font-weight: 800;
}

.lookup-empty[b-8gw0aqk8w3] {
    padding: 3rem;
    text-align: center;
    border: 1px solid var(--app-card-border-soft) !important;
    border-top: 4px solid var(--app-card-accent-slate) !important;
    border-radius: var(--app-card-radius) !important;
    background: var(--app-card-surface-neutral) !important;
    box-shadow: var(--app-card-shadow) !important;
}

.lookup-empty[b-8gw0aqk8w3]  .mud-icon-root {
    font-size: 3rem;
    color: var(--app-card-accent-slate);
}

@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[b-8gw0aqk8w3]  .mud-button-root,
    .lookup-native-action[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] {
    --vehicle-panel-accent: var(--app-card-accent-slate);
    position: relative;
    min-width: 0;
    padding: clamp(1.25rem, 2.4vw, 2rem);
    overflow: hidden;
    color: var(--app-card-text-strong);
    border: 1px solid var(--app-card-border-soft);
    border-top: 4px solid var(--vehicle-panel-accent);
    border-radius: var(--app-card-radius);
    background: var(--app-card-surface);
    box-shadow: var(--app-card-shadow);
}

.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] {
    --vehicle-panel-accent: var(--app-card-accent-aqua);
    display: grid;
    place-items: center;
    gap: 1rem;
    min-height: 18rem;
    background: var(--app-card-surface-aqua);
}

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

.vehicle-record__empty-image[b-ww7dxcdgqo] {
    display: grid;
    place-items: center;
    width: 10rem;
    height: 10rem;
    border: 1px solid color-mix(in srgb, var(--app-card-accent-aqua) 24%, var(--app-card-border-soft));
    border-radius: 50%;
    color: var(--app-card-accent-aqua);
    background: color-mix(in srgb, var(--app-card-accent-aqua) 9%, var(--app-card-surface));
}

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

.vehicle-record__facts[b-ww7dxcdgqo] {
    --vehicle-panel-accent: var(--app-card-accent-blue);
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.25rem;
    background: var(--app-card-surface-blue);
}

.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] {
    color: var(--app-card-text-muted);
    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: var(--vehicle-panel-accent);
    opacity: 0.08;
    filter: blur(1px);
    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__actions[b-ww7dxcdgqo] {
    --vehicle-panel-accent: var(--app-card-accent-blue);
    background: var(--app-card-surface-blue);
}

.vehicle-record__refresh[b-ww7dxcdgqo] {
    --vehicle-panel-accent: var(--app-status-warning);
    background: var(--app-status-warning-soft);
}

.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-native-action[b-ww7dxcdgqo] {
    min-height: 2.75rem;
    padding: 0.6rem 1rem;
    border: 1px solid var(--app-action-primary);
    border-radius: 12px;
    color: var(--app-action-primary-text);
    background: var(--app-action-primary);
    box-shadow: 0 6px 14px rgba(8, 41, 65, 0.16);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.vehicle-native-action:hover[b-ww7dxcdgqo],
.vehicle-native-action:focus-visible[b-ww7dxcdgqo] {
    background: var(--app-action-primary-hover);
}

.vehicle-native-action:focus-visible[b-ww7dxcdgqo] {
    outline: 3px solid color-mix(in srgb, var(--app-focus-ring) 70%, transparent);
    outline-offset: 2px;
}

.vehicle-native-action--outline[b-ww7dxcdgqo] {
    color: var(--app-action-primary);
    background: var(--app-card-surface);
    box-shadow: none;
}

.vehicle-native-action--outline:hover[b-ww7dxcdgqo],
.vehicle-native-action--outline:focus-visible[b-ww7dxcdgqo] {
    color: var(--app-action-primary);
    background: color-mix(in srgb, var(--app-action-primary) 9%, var(--app-card-surface));
}

.vehicle-record__history[b-ww7dxcdgqo] {
    --vehicle-panel-accent: var(--app-card-accent-slate);
    padding-bottom: 1rem;
    background: var(--app-card-surface-neutral);
}

.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;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(52rem, 100vw);
    height: 100dvh;
    overflow: hidden;
    color: var(--app-card-text-strong);
    background: var(--app-card-surface);
    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 color-mix(in srgb, var(--app-focus-ring) 70%, transparent);
    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,
    .vehicle-native-action[b-ww7dxcdgqo] {
        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/AppActionTile.razor.rz.scp.css */
.app-action-tile-host[b-fhnwrp1asf] {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile {
    --action-tile-surface: var(--app-action-tile-blue-surface, #085b91);
    --action-tile-rail: var(--app-action-tile-blue-rail, #44d2ff);
    --action-tile-watermark: var(--app-action-tile-blue-watermark, #58c9f4);
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--action-tile-rail) 38%, rgba(255, 255, 255, 0.48)) !important;
    border-radius: var(--app-card-radius, 18px) !important;
    background: var(--action-tile-surface) !important;
    color: #ffffff;
    box-shadow:
        0 12px 28px rgba(6, 45, 75, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease, filter 170ms ease;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 4;
    width: 6px;
    background: var(--action-tile-rail);
    box-shadow: 3px 0 18px color-mix(in srgb, var(--action-tile-rail) 48%, transparent);
    content: "";
    pointer-events: none;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--teal {
    --action-tile-surface: var(--app-action-tile-teal-surface, #075a74);
    --action-tile-rail: var(--app-action-tile-teal-rail, #42e0aa);
    --action-tile-watermark: var(--app-action-tile-teal-watermark, #55d8ac);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--slate {
    --action-tile-surface: var(--app-action-tile-slate-surface, #124e76);
    --action-tile-rail: var(--app-action-tile-slate-rail, #ffad38);
    --action-tile-watermark: var(--app-action-tile-slate-watermark, #ffc25b);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--neutral {
    --action-tile-surface: var(--app-action-tile-neutral-surface, #14527b);
    --action-tile-rail: var(--app-action-tile-neutral-rail, #ffd029);
    --action-tile-watermark: var(--app-action-tile-neutral-watermark, #ffe05c);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile:not(.app-action-tile--disabled):not(.app-action-tile--informational):hover {
    border-color: color-mix(in srgb, var(--action-tile-rail) 72%, #ffffff) !important;
    box-shadow:
        0 18px 36px rgba(6, 45, 75, 0.3),
        0 0 0 1px color-mix(in srgb, var(--action-tile-rail) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
    filter: saturate(1.08);
    transform: translateY(-3px);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__link {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-rows: auto 1fr;
    align-content: start;
    justify-items: start;
    width: 100%;
    min-height: 11.2rem;
    gap: 0.65rem;
    padding: 1rem 1rem 1rem 1.15rem;
    border: 0;
    color: #ffffff;
    background: transparent;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__link:focus-visible {
    border-radius: calc(var(--app-card-radius, 18px) - 2px);
    outline: 3px solid color-mix(in srgb, var(--action-tile-rail) 82%, #ffffff);
    outline-offset: -5px;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__link--informational {
    cursor: default;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--informational .app-action-tile__description {
    padding-right: 0.5rem;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__topline {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__icon {
    width: 2.65rem;
    height: 2.65rem;
    padding: 0.55rem;
    border: 1px solid color-mix(in srgb, var(--action-tile-rail) 42%, transparent);
    border-radius: 0.82rem;
    color: var(--action-tile-rail);
    background: rgba(4, 31, 54, 0.32);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__watermark {
    position: absolute !important;
    top: 2.15rem;
    right: -0.65rem;
    z-index: 1;
    color: var(--action-tile-watermark);
    font-size: clamp(6.2rem, 7.2vw, 7.8rem) !important;
    opacity: 0.2;
    filter: blur(0.35px);
    transform: rotate(-8deg);
    pointer-events: none;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-rows: auto auto auto 1fr;
    align-content: start;
    justify-items: start;
    width: 100%;
    min-height: 0;
    gap: 0.2rem;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__eyebrow {
    color: var(--action-tile-rail);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__title,
.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__value,
.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__description {
    width: 100%;
    margin: 0;
    color: inherit;
    text-align: left;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__title {
    color: #ffffff;
    font-size: 1.08rem !important;
    line-height: 1.15;
    text-shadow: 0 1px 1px rgba(5, 31, 52, 0.28);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__value {
    color: var(--action-tile-rail);
    font-size: clamp(2rem, 2.6vw, 2.55rem) !important;
    line-height: 1.05;
    text-shadow: 0 2px 7px rgba(4, 29, 49, 0.35);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__description {
    display: -webkit-box;
    padding-right: 2.8rem;
    overflow: hidden;
    align-self: end;
    color: rgba(239, 248, 255, 0.91);
    line-height: 1.35;
    text-shadow: 0 1px 1px rgba(4, 29, 49, 0.22);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__action {
    position: absolute;
    right: 0.82rem;
    bottom: 0.78rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 1.85rem;
    padding: 0.3rem 0.42rem 0.3rem 0.62rem;
    border: 1px solid color-mix(in srgb, var(--action-tile-rail) 42%, transparent);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(4, 27, 48, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
    transition: background 170ms ease, transform 170ms ease;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__action .mud-icon-root {
    color: var(--action-tile-rail);
    font-size: 1rem !important;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile:not(.app-action-tile--disabled):not(.app-action-tile--informational):hover .app-action-tile__action {
    background: rgba(3, 23, 42, 0.62);
    transform: translateX(2px);
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__topline .mud-chip {
    min-height: 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    color: #102f4a !important;
    background: #ffd053 !important;
    box-shadow: 0 5px 12px rgba(4, 29, 49, 0.18);
    font-weight: 800;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--disabled {
    --action-tile-surface: var(--app-action-tile-disabled-surface, #4c6578);
    --action-tile-rail: var(--app-action-tile-disabled-rail, #becbd5);
    --action-tile-watermark: var(--app-action-tile-disabled-watermark, #d6e0e7);
    border-color: rgba(190, 203, 213, 0.52) !important;
    box-shadow: 0 8px 18px rgba(6, 45, 75, 0.14) !important;
    filter: saturate(0.55);
    opacity: 0.72;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--disabled::before {
    box-shadow: none;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--disabled .app-action-tile__link {
    cursor: not-allowed;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--disabled .app-action-tile__action {
    display: none;
}

.app-action-tile-host[b-fhnwrp1asf]  .app-action-tile--disabled .app-action-tile__watermark {
    opacity: 0.12;
}

.app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__link {
    min-height: 10.25rem;
    padding: 1.1rem 1.25rem 1.1rem 1.45rem;
}

.app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__content {
    max-width: min(72%, 52rem);
}

.app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__watermark {
    top: 0.5rem;
    right: 2.25rem;
    font-size: clamp(7.5rem, 11vw, 10rem) !important;
}

.app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__description {
    padding-right: 0;
}

@media (max-width: 599px) {
    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__link {
        min-height: 10.65rem;
        gap: 0.5rem;
        padding: 0.85rem 0.78rem 0.82rem 0.92rem;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__icon {
        width: 2.3rem;
        height: 2.3rem;
        padding: 0.46rem;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__watermark {
        top: 2.35rem;
        right: -0.8rem;
        font-size: 5.3rem !important;
        opacity: 0.17;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__title {
        font-size: 0.96rem !important;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__value {
        font-size: 1.95rem !important;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__description {
        padding-right: 1.8rem;
        font-size: 0.82rem !important;
        -webkit-line-clamp: 2;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__action {
        right: 0.65rem;
        bottom: 0.62rem;
        min-width: 1.75rem;
        min-height: 1.75rem;
        justify-content: center;
        padding: 0.3rem;
    }

    .app-action-tile-host:not(.app-action-tile-host--wide)[b-fhnwrp1asf]  .app-action-tile__action-label {
        display: none;
    }

    .app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__content {
        max-width: 100%;
    }

    .app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__watermark {
        top: 1rem;
        right: -0.8rem;
        font-size: 7rem !important;
        opacity: 0.14;
    }

    .app-action-tile-host--wide[b-fhnwrp1asf]  .app-action-tile__description {
        max-width: calc(100% - 1.5rem);
        padding-right: 1.5rem;
        -webkit-line-clamp: 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile,
    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile__action {
        transition: none;
    }

    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile:not(.app-action-tile--disabled):not(.app-action-tile--informational):hover,
    .app-action-tile-host[b-fhnwrp1asf]  .app-action-tile:not(.app-action-tile--disabled):not(.app-action-tile--informational):hover .app-action-tile__action {
        transform: 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;
    }
}