@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/Niu.TaxiFort.App.DesignSystem/Niu.TaxiFort.App.DesignSystem.3shqsy2tch.bundle.scp.css';

/* _content/Niu.TaxiFort.App/Components/App.razor.rz.scp.css */
/* Global dark theme tokens and base typography (CSS isolation scoped to App) */
:root[b-fg4rqg1ekk] {
    /* Color tokens */
    --tf-bg: #0e141b; /* global background slightly lighter than black */
    --tf-surface: #151b23; /* elevated surfaces */
    --tf-surface-2: #1b212b; /* higher elevation */
    --tf-border: #2e3744; /* subtle borders on dark */
    --tf-primary: #2bb4ff; /* primary accent */
    --tf-primary-contrast: #08131a; /* text/icon on primary */
    --tf-secondary: #7aa7ff; /* secondary accent */
    --tf-muted: #a7b8c9; /* muted body text (slightly brighter) */
    --tf-text: #eef3f8; /* main text on dark (slightly brighter) */
    --tf-danger: #ff5a6a; /* danger */
    --tf-success: #48d597; /* success */
    --tf-warning: #ffcf5a; /* warning */
    /* Focus and shadows */
    --tf-focus-ring: 0 0 0 3px rgba(43,180,255,.55);
    --tf-shadow-soft: 0 6px 16px rgba(0,0,0,0.35);
    --tf-shadow-strong: 0 18px 42px rgba(0,0,0,0.55);
    /* Typography scale */
    --tf-font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
    --tf-font-size: 16px; /* base */
    --tf-line-height: 1.6;
    --tf-h1: clamp(1.75rem, 2.5vw, 2rem); /* ~28–32px */
    --tf-h2: clamp(1.375rem, 2vw, 1.625rem); /* ~22–26px */
    --tf-h3: clamp(1.125rem, 1.6vw, 1.25rem); /* ~18–20px */
    --tf-body: 1rem; /* 16px */
    --tf-body-sm: .9rem; /* 14–15px */
    --tf-weight-regular: 400;
    --tf-weight-medium: 600;
    --tf-weight-bold: 700;
    --tf-letter-spacing-tight: -0.01em;
    --tf-letter-spacing-wide: 0.02em;
}

/* Root document baseline */
:host[b-fg4rqg1ekk], html[b-fg4rqg1ekk], body[b-fg4rqg1ekk] {
    background: var(--tf-bg);
    color: var(--tf-text)
}

body[b-fg4rqg1ekk] {
    font-family: var(--tf-font-family);
    font-size: var(--tf-font-size);
    line-height: var(--tf-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* Headings default across app (can be overridden per component via isolation) */
h1[b-fg4rqg1ekk] {
    font-size: var(--tf-h1);
    font-weight: var(--tf-weight-bold);
    letter-spacing: var(--tf-letter-spacing-tight);
    margin: 0.25rem 0 0.75rem
}

h2[b-fg4rqg1ekk] {
    font-size: var(--tf-h2);
    font-weight: var(--tf-weight-medium);
    letter-spacing: var(--tf-letter-spacing-tight);
    margin: 1rem 0 0.6rem
}

h3[b-fg4rqg1ekk] {
    font-size: var(--tf-h3);
    font-weight: var(--tf-weight-medium);
    letter-spacing: 0;
    margin: 0.75rem 0 0.5rem
}

p[b-fg4rqg1ekk], li[b-fg4rqg1ekk], label[b-fg4rqg1ekk], span[b-fg4rqg1ekk] {
    font-size: var(--tf-body);
    color: var(--tf-text)
}

.small[b-fg4rqg1ekk], .text-muted[b-fg4rqg1ekk] {
    font-size: var(--tf-body-sm);
    color: white;
}

/* Surface helpers */
.tf-surface[b-fg4rqg1ekk] {
    background: var(--tf-surface);
    border: 1px solid var(--tf-border);
    box-shadow: var(--tf-shadow-soft);
    border-radius: 12px
}

.tf-surface-2[b-fg4rqg1ekk] {
    background: var(--tf-surface-2);
    border: 1px solid var(--tf-border);
    box-shadow: var(--tf-shadow-strong);
    border-radius: 12px
}

/* Utility classes for spacing/shadow/border to reuse in pages */
.u-shadow-soft[b-fg4rqg1ekk] {
    box-shadow: var(--tf-shadow-soft)
}

.u-shadow-strong[b-fg4rqg1ekk] {
    box-shadow: var(--tf-shadow-strong)
}

.u-border[b-fg4rqg1ekk] {
    border: 1px solid var(--tf-border)
}

.u-round-8[b-fg4rqg1ekk] {
    border-radius: 8px
}

.u-round-12[b-fg4rqg1ekk] {
    border-radius: 12px
}

/* Syncfusion buttons base normalization via tokens */
:where(.e-btn)[b-fg4rqg1ekk] {
    font-family: var(--tf-font-family);
    min-height: 44px; /* touch target */
    border-radius: 12px;
    border: 1px solid transparent;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease, border-color .16s ease;
}

:where(.e-btn:focus-visible)[b-fg4rqg1ekk] {
    box-shadow: var(--tf-focus-ring)
}

/* Primary button */
.cta-button-primary.e-btn[b-fg4rqg1ekk] {
    background: var(--tf-primary);
    color: var(--tf-primary-contrast);
    border-color: color-mix(in oklab, var(--tf-primary) 75%, black);
    box-shadow: var(--tf-shadow-soft)
}

    .cta-button-primary.e-btn:hover[b-fg4rqg1ekk] {
        filter: brightness(1.06);
        transform: translateY(-1px)
    }

    .cta-button-primary.e-btn:active[b-fg4rqg1ekk] {
        filter: brightness(.96);
        transform: translateY(0)
    }

    .cta-button-primary.e-btn:disabled[b-fg4rqg1ekk] {
        opacity: .7
    }

/* Secondary button (modern bordered) */
.cta-button-secondary.e-btn[b-fg4rqg1ekk] {
    background: linear-gradient(180deg, color-mix(in oklab, var(--tf-surface) 92%, #ffffff 8%), var(--tf-surface));
    color: var(--tf-text);
    border-color: var(--tf-border);
    box-shadow: var(--tf-shadow-soft)
}

    .cta-button-secondary.e-btn:hover[b-fg4rqg1ekk] {
        background: color-mix(in oklab, var(--tf-text) 6%, var(--tf-surface));
        transform: translateY(-1px)
    }

/* Danger button */
.cta-button-danger.e-btn[b-fg4rqg1ekk] {
    background: var(--tf-danger);
    color: #1b0a0d;
    border-color: color-mix(in oklab, var(--tf-danger) 75%, black);
    box-shadow: var(--tf-shadow-soft)
}

/* Floating action button */
.cta-fab.e-fab[b-fg4rqg1ekk] {
    background: var(--tf-primary);
    color: var(--tf-primary-contrast);
    box-shadow: var(--tf-shadow-strong)
}

/* Bordered card-like buttons */
.btn-outlined.e-btn[b-fg4rqg1ekk] {
    background: transparent;
    color: var(--tf-text);
    border-color: var(--tf-border);
    box-shadow: none
}

    .btn-outlined.e-btn:hover[b-fg4rqg1ekk] {
        background: color-mix(in oklab, var(--tf-text) 6%, transparent);
        box-shadow: var(--tf-shadow-soft)
    }

/* Links in dark with accessible contrast */
a[b-fg4rqg1ekk] {
    color: var(--tf-secondary)
}

    a:hover[b-fg4rqg1ekk] {
        color: color-mix(in oklab, var(--tf-secondary) 85%, white)
    }

/* Reduce heading size on very small screens */
@media (max-width:480px) {
    h1[b-fg4rqg1ekk] {
        font-size: calc(var(--tf-h1) - .25rem)
    }

    h2[b-fg4rqg1ekk] {
        font-size: calc(var(--tf-h2) - .25rem)
    }
}
/* _content/Niu.TaxiFort.App/Components/Layout/EmptyLayout.razor.rz.scp.css */
.page[b-lgsw2h3wrx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-lgsw2h3wrx] {
    flex: 1;
}

.sidebar[b-lgsw2h3wrx] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-lgsw2h3wrx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-lgsw2h3wrx]  a, .top-row[b-lgsw2h3wrx]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-lgsw2h3wrx]  a:hover, .top-row[b-lgsw2h3wrx]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-lgsw2h3wrx]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-lgsw2h3wrx] {
        justify-content: space-between;
    }

    .top-row[b-lgsw2h3wrx]  a, .top-row[b-lgsw2h3wrx]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-lgsw2h3wrx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-lgsw2h3wrx] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-lgsw2h3wrx]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-lgsw2h3wrx], article[b-lgsw2h3wrx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-lgsw2h3wrx] {
    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-lgsw2h3wrx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Niu.TaxiFort.App/Components/Layout/Footer.razor.rz.scp.css */
.bottom-nav-container[b-7annai4ymg] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    background: rgba(10,30,40,.96);
    backdrop-filter: blur(3px);
    box-shadow: 0 -4px 20px rgba(0,0,0,.45)
}

/* Scoped footer spacing tokens */
.bottom-nav-container[b-7annai4ymg] {
    --footer-gap: 12px;
    --footer-padding-block: 8px;
    --footer-padding-inline: 16px;
    --footer-item-padding-block: 8px;
    --footer-item-padding-inline: 12px;
    --footer-item-radius: 12px;
    --footer-shadow: 0 -4px 20px rgba(0,0,0,.45);
}

.bottom-nav-container[b-7annai4ymg] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    background: rgba(10,30,40,.96);
    backdrop-filter: blur(3px);
    box-shadow: var(--footer-shadow);
}

.bottom-nav[b-7annai4ymg] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--footer-gap);
    padding: var(--footer-padding-block) var(--footer-padding-inline) calc(var(--footer-padding-block) + env(safe-area-inset-bottom)) var(--footer-padding-inline);
}

[b-7annai4ymg] .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #e8f1ff;
    text-decoration: none;
    padding: var(--footer-item-padding-block) var(--footer-item-padding-inline);
    border-radius: var(--footer-item-radius);
    min-height: 56px;
    min-width: 60px;
    opacity: .75;
    transition: background .18s, box-shadow .18s, transform .18s, opacity .18s;
}

    [b-7annai4ymg] .nav-item:hover {
        background: rgba(255,255,255,.06);
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(0,0,0,.35);
        opacity: 1;
    }

    [b-7annai4ymg] .nav-item:focus-visible {
        outline: 2px solid rgba(255,255,255,.4);
        outline-offset: 2px;
        opacity: 1;
    }

    [b-7annai4ymg] .nav-item.active {
        opacity: 1;
        background: rgba(255,255,255,.10);
        box-shadow: 0 2px 10px rgba(0,0,0,.3);
    }

    [b-7annai4ymg] .nav-item i {
        font-size: 18px;
        line-height: 1;
    }

    [b-7annai4ymg] .nav-item span {
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .25px;
    }

@media(min-width:600px) {
    [b-7annai4ymg] .nav-item span {
        font-size: .75rem;
    }
}
/* _content/Niu.TaxiFort.App/Components/Layout/Header.razor.rz.scp.css */
*[b-awzr5iiox2] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.app-header[b-awzr5iiox2] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(10,30,40,.95);
    backdrop-filter: blur(3px);
    box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 6px 18px rgba(0,0,0,.32)
}

.app-header__container[b-awzr5iiox2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px
}

.app-header__left[b-awzr5iiox2] {
    display: flex;
    align-items: center;
    gap: 10px
}

.brand-logo[b-awzr5iiox2] {
    height: 44px;
    width: 44px;
    object-fit: cover;
    border-radius:50%;
    box-shadow: 0 0 0 2px rgba(255,255,255,.08);
}

.app-title[b-awzr5iiox2] {
    font-weight: 800;
    font-size: 1rem;
    color: #fff;
    letter-spacing: .2px
}

.app-header__right[b-awzr5iiox2] {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight:bold;
}

/* New: refined greeting layout and type */
.user-greeting[b-awzr5iiox2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
    color: #e8f1ff;
    line-height: 1.2;
}
.greeting-text[b-awzr5iiox2] {
    font-size: .95rem;
    font-weight: 600;
    opacity: .9;
}
.user-name[b-awzr5iiox2] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: .3px;
    color: #ffffff;
    text-transform: capitalize;
}

.login-link[b-awzr5iiox2] {
    color: #e8f1ff;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 8px;
    transition: background .18s, box-shadow .18s
}

    .login-link:hover[b-awzr5iiox2] {
        background: rgba(255,255,255,.06);
        box-shadow: 0 2px 8px rgba(0,0,0,.24)
    }

.logout-btn[b-awzr5iiox2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 10px;
    padding: 10px 14px;
    min-height: 40px;
    line-height: 1;
    font-weight: 700;
    transition: transform .18s, box-shadow .18s, background .18s
}

    .logout-btn:hover[b-awzr5iiox2] {
        background: rgba(255,255,255,.08);
        box-shadow: 0 2px 10px rgba(0,0,0,.28);
        transform: translateY(-1px)
    }

    .logout-btn:focus-visible[b-awzr5iiox2] {
        box-shadow: 0 0 0 3px rgba(0,154,247,.55)
    }

@media(min-width:768px) {
    .app-title[b-awzr5iiox2] {
        font-size: 1.05rem
    }
    .user-name[b-awzr5iiox2] { font-size: 1.15rem; }
}
/* _content/Niu.TaxiFort.App/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-roz04ax0yo] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-roz04ax0yo] {
    flex: 1;
}

/* Content container uses dark surface with proper contrast */
.content[b-roz04ax0yo] {
    background: var(--tf-surface);
    border: 1px solid var(--tf-border);
    border-radius: 12px;
    padding: 16px;
    box-shadow: var(--tf-shadow-soft);
}

/* Headings inside content area: high contrast and spacing */
:where(.content) h1[b-roz04ax0yo],
:where(.content) h2[b-roz04ax0yo],
:where(.content) h3[b-roz04ax0yo] {
    color: var(--tf-text);
    text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

:where(.content) h1[b-roz04ax0yo] {
    font-size: var(--tf-h1);
    font-weight: var(--tf-weight-bold);
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
}

:where(.content) h2[b-roz04ax0yo] {
    font-size: var(--tf-h2);
    font-weight: var(--tf-weight-medium);
    margin-top: 1.25rem;
    margin-bottom: 0.6rem;
}

:where(.content) h3[b-roz04ax0yo] {
    font-size: var(--tf-h3);
    font-weight: var(--tf-weight-medium);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* Ensure content isn't hidden under header on smaller screens */
@media (max-width: 768px) {
    .content[b-roz04ax0yo] {
        padding-top: 8px;
    }
}

/* Legacy layout helpers retained (unused in new header but kept for compatibility) */
.sidebar[b-roz04ax0yo] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-roz04ax0yo] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-roz04ax0yo]  a, .top-row[b-roz04ax0yo]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-roz04ax0yo]  a:hover, .top-row[b-roz04ax0yo]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-roz04ax0yo]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-roz04ax0yo] {
        justify-content: space-between;
    }

    .top-row[b-roz04ax0yo]  a, .top-row[b-roz04ax0yo]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-roz04ax0yo] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-roz04ax0yo] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-roz04ax0yo]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-roz04ax0yo], article[b-roz04ax0yo] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Blazor error UI kept as-is */
#blazor-error-ui[b-roz04ax0yo] {
    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-roz04ax0yo] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.layout-root[b-roz04ax0yo]{
    padding-bottom:80px;
}
/* _content/Niu.TaxiFort.App/Components/Pages/P1/Definicoes.razor.rz.scp.css */
/* Local tokens scoped to Definicoes */
.def-page[b-tdb71m6twj] { --def-card-padding:16px; --def-card-radius:12px; --def-card-shadow:0 8px 20px rgba(0,0,0,.35); }

.def-page[b-tdb71m6twj] { display:grid; gap:16px; padding:12px; }
.def-header h3[b-tdb71m6twj] { margin:0; font-size: var(--tf-h3); font-weight: var(--tf-weight-medium); color: var(--tf-text); }
.def-content[b-tdb71m6twj] { }
.def-grid[b-tdb71m6twj] { display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:900px){ .def-grid[b-tdb71m6twj] { grid-template-columns: 1fr 1fr; } }

/* Card on dark surface with proper border and shadow */
.def-card[b-tdb71m6twj] { background: var(--tf-surface); color: var(--tf-text); border:1px solid var(--tf-border); border-radius:var(--def-card-radius); box-shadow: var(--def-card-shadow); padding:var(--def-card-padding); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.def-card__info[b-tdb71m6twj] { display:flex; align-items:flex-start; gap:12px; flex:1 1 auto; }
.def-card__title[b-tdb71m6twj] { font-weight: var(--tf-weight-bold); font-size: var(--tf-body); line-height:1.25; margin-bottom:4px; }
.def-card__desc[b-tdb71m6twj] { color: var(--tf-muted); font-size: var(--tf-body-sm); }

/* Ensure icons are visible on dark */
.def-card i[b-tdb71m6twj]{ color: var(--tf-secondary); font-size:20px; }

.def-card__actions[b-tdb71m6twj] { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
@media(max-width:640px){ .def-card__actions[b-tdb71m6twj]{ width:100%; } .def-card__actions .e-btn[b-tdb71m6twj]{ width:100%; } }

/* Use standardized Syncfusion button classes from App tokens */
.cta-primary[b-tdb71m6twj]{ }
.cta-primary.e-btn[b-tdb71m6twj]{ background: var(--tf-primary); color: var(--tf-primary-contrast); border: 1px solid color-mix(in oklab, var(--tf-primary) 75%, black); min-height:44px; padding: 12px 16px; border-radius: 12px; transition: box-shadow 180ms ease, transform 180ms ease, background-color 160ms ease }
.cta-primary.e-btn:hover[b-tdb71m6twj]{ filter: brightness(1.05); transform: translateY(-1px); box-shadow: var(--def-card-shadow) }
.cta-primary.e-btn:focus-visible[b-tdb71m6twj]{ box-shadow: var(--tf-focus-ring) }
.cta-primary.e-btn:active[b-tdb71m6twj]{ filter: brightness(.95); transform: translateY(0); box-shadow: var(--tf-shadow-soft) }
/* _content/Niu.TaxiFort.App/Components/Pages/P2/Sinistro.razor.rz.scp.css */
/* Local tokens scoped to Sinistro */
.sinistro-page[b-5j6qtenh2h] { --sin-card-padding:16px; --sin-card-radius:14px; --sin-card-shadow:0 8px 20px rgba(0,0,0,.35); }

.sinistro-page[b-5j6qtenh2h] { display: grid; gap: 16px; padding: 12px; }
.sinistro-header h3[b-5j6qtenh2h] { margin: 0; font-size: var(--tf-h3); font-weight: var(--tf-weight-medium); color: var(--tf-text); }
.sinistro-cards[b-5j6qtenh2h] { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) { .sinistro-cards[b-5j6qtenh2h] { grid-template-columns: 1fr 1fr; } }

/* Dark scenario card */
.sinistro-card[b-5j6qtenh2h] { background: var(--tf-surface); border:1px solid var(--tf-border); border-radius: var(--sin-card-radius); box-shadow: var(--sin-card-shadow); padding: var(--sin-card-padding); color: var(--tf-text); display:flex; flex-direction:column; gap:12px; }
.sinistro-card h4[b-5j6qtenh2h]{font-size: var(--tf-h4); font-weight: var(--tf-weight-semibold); margin:0; color: var(--tf-secondary); letter-spacing:.5px; }
.sinistro-steps[b-5j6qtenh2h] { margin: 4px 0 8px; padding-left: 18px; display:flex; flex-direction:column; gap:8px; }
.sinistro-steps li[b-5j6qtenh2h]{color: var(--tf-text); font-size: var(--tf-body); line-height: var(--tf-line-height) }
.sinistro-whatsapp[b-5j6qtenh2h] { font-weight: 700; color: var(--tf-text) }
.sinistro-actions[b-5j6qtenh2h] { display: flex; gap: 12px; }
@media(max-width:640px){ .sinistro-actions[b-5j6qtenh2h]{ flex-direction:column; } .sinistro-actions .e-btn[b-5j6qtenh2h]{ width:100%; } }

/* Button styles consistent */
.cta-primary[b-5j6qtenh2h]{ }
.cta-primary.e-btn[b-5j6qtenh2h]{ background: var(--tf-primary); color: var(--tf-primary-contrast); border: 1px solid color-mix(in oklab, var(--tf-primary) 75%, black); min-height:48px; padding: 14px 18px; border-radius: 12px; box-shadow: var(--sin-card-shadow); transition: box-shadow 180ms ease, transform 180ms ease, background-color 160ms ease }
.cta-primary.e-btn:hover[b-5j6qtenh2h]{ filter: brightness(1.06); transform: translateY(-1px); }
.cta-primary.e-btn:focus-visible[b-5j6qtenh2h]{ box-shadow: var(--tf-focus-ring) }
.cta-primary.e-btn:active[b-5j6qtenh2h]{ filter: brightness(.96); transform: translateY(0); box-shadow: var(--tf-shadow-soft) }
/* _content/Niu.TaxiFort.App/Components/Pages/P3/DocumentosRCF.razor.rz.scp.css */
/* Local tokens scoped to Documentos RCF */
.documentos-rcf[b-teahp4932g] { --doc-card-padding:16px; --doc-card-radius:12px; --doc-card-shadow:0 8px 20px rgba(0,0,0,.35); }

.documentos-rcf[b-teahp4932g] {
    display: grid;
    gap: 16px;
    padding: 12px;
}

.documentos-rcf__header[b-teahp4932g] {
    margin-bottom: 4px;
}

.documentos-rcf__header h3[b-teahp4932g] {
    font-size: var(--tf-h3);
    font-weight: var(--tf-weight-medium);
    color: var(--tf-text);
    margin:0;
}

.documentos-rcf__status[b-teahp4932g] {
}

.documentos-rcf__content[b-teahp4932g] {
    display: grid;
    gap: 16px;
}

.doc-grid[b-teahp4932g] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 900px) {
    .doc-grid[b-teahp4932g] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.doc-card[b-teahp4932g] {
    background: var(--tf-surface);
    color: var(--tf-text);
    border: 1px solid var(--tf-border);
    border-radius: var(--doc-card-radius);
    box-shadow: var(--doc-card-shadow);
    padding: var(--doc-card-padding);
    display:flex;
    flex-direction:column;
    gap:12px;
}

.doc-card__header[b-teahp4932g] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--tf-weight-bold);
    margin:0;
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.doc-card__header i[b-teahp4932g] {
    color: var(--tf-secondary);
    font-size:20px;
}

.doc-card__header strong[b-teahp4932g] { font-size: 1rem; font-weight: 700; }

.doc-card__content[b-teahp4932g] { display:block; }

/* Empty state from DriveDocumentList should appear muted */
.drive-empty[b-teahp4932g], .doc-empty[b-teahp4932g] { color: var(--tf-muted); font-size: var(--tf-body-sm); }

.documentos-rcf__list[b-teahp4932g] {
    list-style: decimal;
    padding-left: 1.25rem;
}

.documentos-rcf__list li[b-teahp4932g] {
    color: var(--tf-text);
    font-size: var(--tf-body);
}
/* _content/Niu.TaxiFort.App/Components/Pages/P4/DocumentosAPP.razor.rz.scp.css */
.documentos-app[b-0wsrgm069u] { --doc-card-padding:16px; --doc-card-radius:12px; --doc-card-shadow:0 8px 20px rgba(0,0,0,.35); }

.documentos-app[b-0wsrgm069u] {
    display: grid;
    gap: 16px;
    padding: 12px;
}

.documentos-app__header[b-0wsrgm069u] {
    margin-bottom: 4px;
}

.documentos-app__header h3[b-0wsrgm069u] {
    font-size: var(--tf-h3);
    font-weight: var(--tf-weight-medium);
    color: var(--tf-text);
    margin:0;
}

.documentos-app__status[b-0wsrgm069u] {
}

.documentos-app__content[b-0wsrgm069u] {
    display: grid;
    gap: 16px;
}

.doc-grid[b-0wsrgm069u] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 900px) {
    .doc-grid[b-0wsrgm069u] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.doc-card[b-0wsrgm069u] {
    background: var(--tf-surface);
    color: var(--tf-text);
    border: 1px solid var(--tf-border);
    border-radius: var(--doc-card-radius);
    box-shadow: var(--doc-card-shadow);
    padding: var(--doc-card-padding);
    display:flex;
    flex-direction:column;
    gap:12px;
}

.doc-card__header[b-0wsrgm069u] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--tf-weight-bold);
    margin:0;
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.doc-card__header i[b-0wsrgm069u] {
    color: var(--tf-secondary);
    font-size:20px;
}

.doc-card__header strong[b-0wsrgm069u] {
    font-size: 1rem;
    font-weight: 700;
}

.doc-card__content[b-0wsrgm069u] { display:block; }

.drive-empty[b-0wsrgm069u], .doc-empty[b-0wsrgm069u] {
    color: var(--tf-muted);
    font-size: var(--tf-body-sm);
}

.documentos-app__list[b-0wsrgm069u] {
    list-style: decimal;
    padding-left: 1.25rem;
}

.documentos-app__list li[b-0wsrgm069u] {
    color: var(--tf-text);
    font-size: var(--tf-body);
}
/* _content/Niu.TaxiFort.App/Components/Pages/P5/VistoriaSMTR.razor.rz.scp.css */
/* Local tokens scoped to Vistoria SMTR */
.vistoria-smtr[b-vh2ca8f0nm] { --vs-card-padding:16px; --vs-card-radius:12px; --vs-card-shadow:0 8px 20px rgba(0,0,0,.35); }

.vistoria-smtr[b-vh2ca8f0nm] { display: grid; gap: 16px; padding: 12px; }
.vistoria-smtr__header h3[b-vh2ca8f0nm] { margin: 0; font-size: var(--tf-h3); font-weight: var(--tf-weight-medium); color: var(--tf-text); }
.vistoria-smtr__content[b-vh2ca8f0nm] { }

/* Card on dark surface */
.aruana-card[b-vh2ca8f0nm] { background: var(--tf-surface); color: var(--tf-text); border: 1px solid var(--tf-border); border-radius: var(--vs-card-radius); box-shadow: var(--vs-card-shadow); padding: var(--vs-card-padding); display: grid; gap: 16px; }
.aruana-card__row[b-vh2ca8f0nm] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: var(--tf-body); }
.aruana-card__row strong[b-vh2ca8f0nm]{ font-weight: var(--tf-weight-semibold); }
.aruana-link[b-vh2ca8f0nm] { word-break: break-all; color: var(--tf-secondary); font-size: var(--tf-body); text-decoration:none; }
.aruana-link:hover[b-vh2ca8f0nm]{ text-decoration:underline; }

.aruana-actions[b-vh2ca8f0nm] { display: flex; flex-direction:column; gap: 12px; }
@media(min-width:640px){ .aruana-actions[b-vh2ca8f0nm]{ flex-direction:row; flex-wrap:wrap; } }

/* CTA styles */
.cta-primary.e-btn[b-vh2ca8f0nm], .cta-secondary.e-btn[b-vh2ca8f0nm] { min-height:48px; padding: 14px 18px; border-radius: 12px; box-shadow: var(--vs-card-shadow); transition: box-shadow 180ms ease, transform 180ms ease, background-color 160ms ease }
.cta-primary.e-btn[b-vh2ca8f0nm] { background: var(--tf-primary); color: var(--tf-primary-contrast); border:1px solid color-mix(in oklab, var(--tf-primary) 75%, black); }
.cta-secondary.e-btn[b-vh2ca8f0nm] { background: #112032; color: var(--tf-text); border:1px solid var(--tf-border); }
.cta-primary.e-btn:hover[b-vh2ca8f0nm], .cta-secondary.e-btn:hover[b-vh2ca8f0nm] { transform: translateY(-1px); }
.cta-primary.e-btn:focus-visible[b-vh2ca8f0nm], .cta-secondary.e-btn:focus-visible[b-vh2ca8f0nm] { box-shadow: var(--tf-focus-ring); }
.cta-primary.e-btn:active[b-vh2ca8f0nm], .cta-secondary.e-btn:active[b-vh2ca8f0nm] { transform: translateY(0); box-shadow: var(--tf-shadow-soft); }

.aruana-status[b-vh2ca8f0nm] { font-size: var(--tf-body-sm); margin-top:4px; }
/* _content/Niu.TaxiFort.App/Components/Shared/DocumentItem.razor.rz.scp.css */
.doc-item[b-ozx5redijh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-radius: 12px;
    background: var(--card-bg, #fff);
    box-shadow: var(--card-shadow, 0 2px 8px rgba(0,0,0,.08));
    gap: 12px;
    color: var(--tf-text, #1a1a1a);
    border: 1px solid var(--tf-border, rgba(0,0,0,.08));
}

.doc-item__info[b-ozx5redijh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.doc-item__title[b-ozx5redijh] {
    font-weight: 700;
    font-size: 1rem;
    color: #1a1a1a;
}

.doc-item__status[b-ozx5redijh] {
    font-size: .9rem;
    color: var(--tf-muted, #555);
}

.doc-item i[b-ozx5redijh] {
    color: var(--tf-secondary, #0b5ed7);
}

.cta-secondary[b-ozx5redijh] {
    min-height: 44px;
    padding: 8px 14px;
    border-radius: 10px;
    transition: box-shadow 180ms ease, transform 180ms ease;
    background: var(--tf-button-bg, #f3f4f6);
    color: var(--tf-button-fg, #111);
    border: 1px solid var(--tf-border, rgba(0,0,0,.12));
}

    .cta-secondary:hover[b-ozx5redijh], .cta-secondary:focus[b-ozx5redijh] {
        transform: translateY(-1px);
        box-shadow: var(--cta-shadow, 0 6px 12px rgba(0,0,0,.12));
    }

    .cta-secondary:active[b-ozx5redijh] {
        transform: translateY(0);
        box-shadow: var(--card-shadow, 0 2px 8px rgba(0,0,0,.08));
    }
/* _content/Niu.TaxiFort.App/Components/Shared/DriveDocumentLink.razor.rz.scp.css */
.drive-document-link[b-f3v1re4zd1] {
}
/* _content/Niu.TaxiFort.App/Components/Shared/DriveDocumentList.razor.rz.scp.css */
.drive-document-list[b-peqpws8nv6] {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.drive-document-list__item[b-peqpws8nv6] {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--tf-border);
    border-radius: 10px;
    background: rgba(255, 255, 255, .02);
}

    .drive-document-list__item i[b-peqpws8nv6] {
        color: var(--tf-text);
    }

.drive-document-list__name[b-peqpws8nv6] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.drive-document-list__open[b-peqpws8nv6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    background: var(--tf-primary);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    border: 1px solid rgba(255, 255, 255, .15);
    cursor: pointer;
}

.drive-document-list__open:hover[b-peqpws8nv6] {
    filter: brightness(1.05);
}

.drive-document-list__open:active[b-peqpws8nv6] {
    transform: translateY(1px);
}

.drive-empty[b-peqpws8nv6] {
    color: var(--tf-muted);
}
/* _content/Niu.TaxiFort.App/Components/Shared/DriveViewerModal.razor.rz.scp.css */
.drive-viewer-backdrop[b-7co6aojovw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.6);
    z-index: 1050
}

.drive-viewer-modal[b-7co6aojovw] {
    position: relative;
    margin: 4vh auto;
    background: #fff;
    width: 96vw;
    max-width: 1000px;
    height: 92vh;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
    display: flex;
    flex-direction: column;
    outline: none;
    padding-bottom: 40px;
}

.drive-viewer-header[b-7co6aojovw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .75rem;
    border-bottom: 1px solid #e5e5e5
}

.drive-viewer-title[b-7co6aojovw] {
    font-size: 1rem;
    margin: 0
}

.drive-viewer-body[b-7co6aojovw] {
    flex: 1;
    min-height: 0
}

.drive-viewer-iframe[b-7co6aojovw] {
    width: 100%;
    height: 100%;
    border: 0
}

.drive-viewer-error[b-7co6aojovw] {
    padding: .75rem;
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    margin: .5rem;
    border-radius: .25rem
}