/* _content/Picars.Dashboard/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0q9bkw0hhg] { position: relative; display: flex; flex-direction: column; min-height: 100vh; }

main[b-0q9bkw0hhg] { flex: 1; display: flex; flex-direction: column; min-width: 0; background: #f3f3f4; }

/* INSPINIA dark navy sidebar */
.sidebar[b-0q9bkw0hhg] { background: #2f4050; flex: none; }

/* top bar (INSPINIA white header) */
.top-row[b-0q9bkw0hhg] {
    background: #ffffff;
    border-bottom: 1px solid #e7eaec;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}

.topbar-title[b-0q9bkw0hhg] { font-weight: 600; color: #676a6c; font-size: .9rem; }
.topbar-right[b-0q9bkw0hhg] { display: flex; align-items: center; gap: .9rem; }

.lang-toggle[b-0q9bkw0hhg] {
    appearance: none; cursor: pointer;
    border: 1px solid #e5e6e7; background: #f9fafb; color: #676a6c;
    font-weight: 700; font-size: .78rem; border-radius: 3px; padding: .35rem .7rem; min-width: 2.2rem;
}
.lang-toggle:hover[b-0q9bkw0hhg] { background: #fbeae3; border-color: #c0451f; color: #c0451f; }

.topbar-user[b-0q9bkw0hhg] { display: flex; align-items: center; gap: .55rem; }
.topbar-user .avatar[b-0q9bkw0hhg] {
    width: 32px; height: 32px; border-radius: 50%; flex: none;
    background: #2f4050; color: #fff; display: grid; place-items: center; font-weight: 700; font-size: .78rem;
}
.topbar-user .who[b-0q9bkw0hhg] { display: flex; flex-direction: column; line-height: 1.15; }
.topbar-user .uname[b-0q9bkw0hhg] { font-weight: 600; font-size: .82rem; color: #3a3f44; }
.topbar-user .urole[b-0q9bkw0hhg] { font-size: .7rem; color: #9aa0a4; }
@media (max-width: 640.98px) { .topbar-user .who[b-0q9bkw0hhg] { display: none; } }

.content[b-0q9bkw0hhg] { padding: 1.5rem 1.75rem; }
@media (max-width: 640.98px) { .content[b-0q9bkw0hhg] { padding: 1.1rem 1rem; } }

@media (min-width: 641px) {
    .page[b-0q9bkw0hhg] { flex-direction: row; }
    .sidebar[b-0q9bkw0hhg] { width: 220px; height: 100vh; position: sticky; top: 0; }
    .top-row[b-0q9bkw0hhg] { position: sticky; top: 0; z-index: 10; padding: 0 1.75rem; }
}
@media (max-width: 640.98px) { .top-row[b-0q9bkw0hhg] { padding: 0 1rem; } }

#blazor-error-ui[b-0q9bkw0hhg] {
    background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-0q9bkw0hhg] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* _content/Picars.Dashboard/Components/Layout/NavMenu.razor.rz.scp.css */
/* INSPINIA profile element at the top of the dark sidebar */
.nav-profile[b-u8bqxuug8v] {
    background: #293846; padding: 1.25rem 1rem 1.1rem; text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.nav-profile .avatar[b-u8bqxuug8v] {
    width: 56px; height: 56px; border-radius: 50%; margin: 0 auto .55rem;
    background: #c0451f; color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 1.3rem;
}
.nav-profile .brand[b-u8bqxuug8v] { color: #fff; font-size: 1.05rem; font-weight: 800; letter-spacing: .05em; }
.nav-profile .uname[b-u8bqxuug8v] { color: #dfe4ea; font-weight: 600; font-size: .82rem; margin-top: .3rem; }
.nav-profile .urole[b-u8bqxuug8v] { color: #8095a8; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; margin-top: .1rem; }

/* collapsible section headers (INSPINIA-style grouping) */
.nav-group[b-u8bqxuug8v] { border-bottom: 1px solid rgba(255, 255, 255, .04); padding-bottom: .2rem; }
.nav-section[b-u8bqxuug8v] {
    display: flex; align-items: center; gap: .55rem; cursor: pointer; user-select: none;
    padding: .75rem 1.1rem .45rem; color: #7d93a7;
    font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
}
.nav-section:hover[b-u8bqxuug8v] { color: #c0451f; }
.nav-section .caret[b-u8bqxuug8v] { margin-inline-start: auto; font-size: .75rem; opacity: .7; }
/* icon column inside each link */
.nav-item[b-u8bqxuug8v]  .nav-link i, .nav-item[b-u8bqxuug8v]  .logout i {
    width: 1.15rem; text-align: center; margin-inline-end: .55rem; opacity: 1; font-size: .9rem;
}

.navbar-toggler[b-u8bqxuug8v] {
    appearance: none; cursor: pointer; width: 3.25rem; height: 2.5rem;
    position: absolute; top: .5rem; right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.6rem rgba(255, 255, 255, 0.08);
}
[dir="rtl"] .navbar-toggler[b-u8bqxuug8v] { right: auto; left: 1rem; }
.navbar-toggler:checked[b-u8bqxuug8v] { background-color: rgba(255, 255, 255, 0.18); }

.nav-item[b-u8bqxuug8v] { padding: 0; font-size: .88rem; }

.nav-item[b-u8bqxuug8v]  .nav-link {
    color: #cdd5e0;   /* brighter for clear contrast on the #2f4050 sidebar (was #a7b1c2, too dim) */
    background: none; border: none; border-radius: 0;
    height: 2.85rem; display: flex; align-items: center; gap: .15rem;
    padding: 0 1.1rem; width: 100%; font-weight: 600;
    border-inline-start: 4px solid transparent;
    transition: background-color .15s, color .15s, border-color .15s;
}
.nav-item[b-u8bqxuug8v]  a.active {
    background: #293846; color: #fff; border-inline-start-color: #c0451f;
}
.nav-item[b-u8bqxuug8v]  .nav-link:hover { color: #fff; background: #293846; }

.nav-item[b-u8bqxuug8v]  .logout {
    color: #cdd5e0; font-weight: 600; margin-top: .4rem;
    border-top: 1px solid rgba(255, 255, 255, .06); border-inline-start: 4px solid transparent; height: 2.85rem;
}
.nav-item[b-u8bqxuug8v]  .logout:hover { color: #fff; background: #293846; }

/* icons */
.bi[b-u8bqxuug8v] { display: inline-block; position: relative; width: 1.1rem; height: 1.1rem; margin-inline-end: .65rem; top: -1px; background-size: cover; opacity: .85; }
.bi-house-door-fill-nav-menu[b-u8bqxuug8v] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); }
.bi-list-nested-nav-menu[b-u8bqxuug8v] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); }

.nav-scrollable[b-u8bqxuug8v] { display: none; }
.navbar-toggler:checked ~ .nav-scrollable[b-u8bqxuug8v] { display: block; }

@media (min-width: 641px) {
    .navbar-toggler[b-u8bqxuug8v] { display: none; }
    .nav-scrollable[b-u8bqxuug8v] { display: block; height: calc(100vh - 3.5rem); overflow-y: auto; }
}
/* _content/Picars.Dashboard/Components/Pages/Analytics.razor.rz.scp.css */
.ask-bar[b-4gjuzh4mbt] { display: flex; gap: .6rem; align-items: center; margin-bottom: .7rem; }
.ask-bar .ask[b-4gjuzh4mbt] { max-width: none; flex: 1; }
.examples[b-4gjuzh4mbt] { display: flex; flex-wrap: wrap; gap: .4rem; }
.chart[b-4gjuzh4mbt] { padding: 1rem 0 .4rem; }
.result-table[b-4gjuzh4mbt] { margin-top: .3rem; }
.route[b-4gjuzh4mbt] { text-transform: uppercase; font-size: .62rem; letter-spacing: .04em; }
.sql[b-4gjuzh4mbt] { margin-top: .9rem; }
.sql summary[b-4gjuzh4mbt] { cursor: pointer; font-weight: 600; color: var(--text); font-size: .8rem; }
.sql pre[b-4gjuzh4mbt] {
    background: #f7f7f8; border: 1px solid var(--border); border-radius: 4px;
    padding: .6rem .8rem; font-size: .78rem; overflow-x: auto; margin-top: .4rem;
    direction: ltr; text-align: left;
}
/* _content/Picars.Dashboard/Components/Pages/CommandCenterPage.razor.rz.scp.css */
.cc[b-negizkv14v] { position: fixed; inset: 0; background: #161f2b; color: #e8edf2; font-family: 'Open Sans', Arial, sans-serif; display: flex; flex-direction: column; overflow: auto; }
.cc-top[b-negizkv14v] { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1.5rem; background: #1f2a38; border-bottom: 2px solid #c0451f; }
.cc-brand[b-negizkv14v] { font-size: 1.35rem; font-weight: 800; letter-spacing: .05em; }
.cc-brand span[b-negizkv14v] { color: #9fb0c0; font-weight: 600; font-size: .95rem; }
.cc-exit[b-negizkv14v] { color: #9fb0c0; text-decoration: none; font-size: 1.3rem; }
.cc-exit:hover[b-negizkv14v] { color: #fff; }
.cc-loading[b-negizkv14v] { color: #9fb0c0; text-align: center; padding: 4rem; }

.cc-grid[b-negizkv14v] { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 14px; padding: 16px; }
.cc-card[b-negizkv14v] { background: #1f2a38; border-radius: 10px; padding: 16px; }
.cc-card.span1[b-negizkv14v] { grid-column: 1 / 2; } .cc-card.span2[b-negizkv14v] { grid-column: 2 / 4; }
.cc-h[b-negizkv14v] { font-size: .75rem; color: #9fb0c0; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 12px; }

.cc-card.risk[b-negizkv14v] { text-align: center; }
.cc-risk-val[b-negizkv14v] { font-size: 2.4rem; font-weight: 800; line-height: 1; }
.risk.high .cc-risk-val[b-negizkv14v] { color: #ed5565; } .risk.medium .cc-risk-val[b-negizkv14v] { color: #f8ac59; } .risk.low .cc-risk-val[b-negizkv14v] { color: #1ab394; }
.cc-risk-legend[b-negizkv14v] { display: flex; justify-content: center; gap: 14px; margin-top: 14px; font-size: .75rem; }
.cc-risk-legend .fire[b-negizkv14v] { color: #ed5565; } .cc-risk-legend .fault[b-negizkv14v] { color: #f8ac59; } .cc-risk-legend .ok[b-negizkv14v] { color: #1ab394; }

.cc-bars[b-negizkv14v] { display: flex; align-items: flex-end; gap: 3px; height: 90px; }
.cc-bar[b-negizkv14v] { flex: 1; background: #2f4d62; border-radius: 3px 3px 0 0; min-height: 2px; }

.cc-sla[b-negizkv14v] { font-size: 2.3rem; font-weight: 800; color: #1ab394; line-height: 1; }
.cc-sla span[b-negizkv14v] { font-size: .9rem; color: #9fb0c0; font-weight: 600; }
.cc-sub[b-negizkv14v] { font-size: .8rem; color: #9fb0c0; margin-top: .4rem; }

.cc-risk-row[b-negizkv14v] { display: flex; justify-content: space-between; font-size: .82rem; color: #c7d2dd; padding: .35rem 0; border-bottom: 1px solid rgba(255,255,255,.05); }
.cc-risk-row .score[b-negizkv14v] { color: #ed5565; font-weight: 700; }

.cc-feed[b-negizkv14v] { display: grid; grid-template-columns: 1fr 1.4fr 56px; align-items: center; gap: 8px; background: #22282f; border-inline-start: 4px solid #44566a; border-radius: 6px; padding: .55rem .85rem; margin-bottom: .45rem; font-size: .85rem; }
.cc-feed .t[b-negizkv14v] { color: #9fb0c0; text-align: end; }
.cc-feed.fire[b-negizkv14v] { border-inline-start-color: #ed5565; background: #2a1d22; }
.cc-feed.fire span[b-negizkv14v] { color: #ff8a96; }
.cc-feed.fault[b-negizkv14v] { border-inline-start-color: #f8ac59; }
@media (max-width: 760px) { .cc-grid[b-negizkv14v] { grid-template-columns: 1fr; } .cc-card.span1[b-negizkv14v], .cc-card.span2[b-negizkv14v] { grid-column: auto; } }
/* _content/Picars.Dashboard/Components/Pages/EventHeatmapPage.razor.rz.scp.css */
.hm[b-byiycj6xdy] { display: grid; grid-template-columns: 40px repeat(24, 1fr); grid-template-rows: 20px repeat(7, 22px); gap: 3px; max-width: 720px; }
.hm-corner[b-byiycj6xdy] { grid-row: 1; grid-column: 1; }
.hm-hh[b-byiycj6xdy] { grid-row: 1; font-size: .68rem; color: var(--text-muted); }
.hm-dl[b-byiycj6xdy] { grid-column: 1; font-size: .72rem; color: var(--text); align-self: center; }
.hm-cell[b-byiycj6xdy] { border-radius: 2px; }
.hm-scale[b-byiycj6xdy] { display: flex; align-items: center; gap: 4px; margin-top: 1rem; font-size: .72rem; color: var(--text-muted); }
.hm-scale span[b-byiycj6xdy] { width: 16px; height: 12px; border-radius: 2px; display: inline-block; }
.hm-scale .s0[b-byiycj6xdy] { background: #f0f1f2; } .hm-scale .s1[b-byiycj6xdy] { background: #f3c9bb; } .hm-scale .s2[b-byiycj6xdy] { background: #e0876a; } .hm-scale .s3[b-byiycj6xdy] { background: #c0451f; } .hm-scale .s4[b-byiycj6xdy] { background: #a23817; }
/* _content/Picars.Dashboard/Components/Pages/TVMode.razor.rz.scp.css */
.tv[b-0696i55idr] {
    position: fixed; inset: 0; background: #161f2b; color: #e8edf2;
    font-family: 'Open Sans', Arial, sans-serif; display: flex; flex-direction: column; overflow: hidden;
}
.tv-top[b-0696i55idr] {
    display: flex; align-items: center; justify-content: space-between;
    padding: .9rem 1.6rem; background: #1f2a38; border-bottom: 2px solid #c0451f;
}
.tv-brand[b-0696i55idr] { font-size: 1.5rem; font-weight: 800; letter-spacing: .06em; }
.tv-brand span[b-0696i55idr] { color: #9fb0c0; font-weight: 600; font-size: 1rem; }
.tv-exit[b-0696i55idr] { color: #9fb0c0; text-decoration: none; font-size: 1.4rem; padding: 0 .5rem; }
.tv-exit:hover[b-0696i55idr] { color: #fff; }

.tv-kpis[b-0696i55idr] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; padding: 1.4rem 1.6rem; }
.tv-kpi[b-0696i55idr] { background: #1f2a38; border-radius: 8px; padding: 1.2rem; text-align: center; border-top: 4px solid #44566a; }
.tv-kpi .v[b-0696i55idr] { font-size: 2.8rem; font-weight: 800; line-height: 1; }
.tv-kpi .l[b-0696i55idr] { font-size: .85rem; color: #9fb0c0; text-transform: uppercase; letter-spacing: .05em; margin-top: .5rem; }
.tv-kpi.ok[b-0696i55idr] { border-top-color: #1ab394; } .tv-kpi.ok .v[b-0696i55idr] { color: #1ab394; }
.tv-kpi.danger[b-0696i55idr] { border-top-color: #ed5565; } .tv-kpi.danger .v[b-0696i55idr] { color: #ed5565; }
.tv-kpi.warn[b-0696i55idr] { border-top-color: #f8ac59; } .tv-kpi.warn .v[b-0696i55idr] { color: #f8ac59; }

.tv-events[b-0696i55idr] { flex: 1; overflow-y: auto; padding: 0 1.6rem 1.6rem; }
.tv-h[b-0696i55idr] { font-size: 1.1rem; font-weight: 700; color: #9fb0c0; text-transform: uppercase; letter-spacing: .05em; margin: .4rem 0 .8rem; }
.tv-row[b-0696i55idr] {
    display: grid; grid-template-columns: 1fr 1fr 140px; align-items: center;
    background: #1f2a38; border-radius: 6px; padding: .9rem 1.3rem; margin-bottom: .55rem;
    font-size: 1.25rem; border-inline-start: 5px solid #44566a;
}
.tv-row .dev[b-0696i55idr] { font-weight: 700; }
.tv-row .kind[b-0696i55idr] { color: #c7d2dd; }
.tv-row .time[b-0696i55idr] { color: #9fb0c0; font-size: 1.05rem; text-align: end; }
.tv-row.fire[b-0696i55idr] { border-inline-start-color: #ed5565; background: #2a1d22; }
.tv-row.fire .kind[b-0696i55idr] { color: #ff8a96; font-weight: 700; }
.tv-row.fault[b-0696i55idr] { border-inline-start-color: #f8ac59; }
.tv-empty[b-0696i55idr], .tv-loading[b-0696i55idr] { color: #9fb0c0; text-align: center; padding: 3rem; font-size: 1.2rem; }
/* _content/Picars.Dashboard/Components/Pages/Verification.razor.rz.scp.css */
.vf[b-85qf0sjz0u] {
    position: fixed;
    inset: 0;
    background: #0b0f14;
    color: #e7edf3;
    display: flex;
    flex-direction: column;
    font-family: "Segoe UI", system-ui, sans-serif;
}

.vf-top[b-85qf0sjz0u] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1.4rem;
    border-bottom: 1px solid #1c2632;
    background: #0d131b;
}

.vf-brand[b-85qf0sjz0u] { font-weight: 700; letter-spacing: .04em; }
.vf-brand span[b-85qf0sjz0u] { color: #5fa8ff; font-weight: 500; }
.vf-queue[b-85qf0sjz0u] { margin-left: auto; }
.vf-badge[b-85qf0sjz0u] {
    background: #b9412f; color: #fff; font-weight: 600;
    padding: .25rem .7rem; border-radius: 999px; font-size: .82rem;
}
.vf-exit[b-85qf0sjz0u] { color: #6b7a8c; text-decoration: none; font-size: 1.2rem; padding: 0 .3rem; }
.vf-exit:hover[b-85qf0sjz0u] { color: #e7edf3; }

/* Idle (nothing to verify) */
.vf-idle[b-85qf0sjz0u] { margin: auto; text-align: center; opacity: .65; }
.vf-idle-icon[b-85qf0sjz0u] {
    width: 84px; height: 84px; margin: 0 auto 1rem; border-radius: 50%;
    background: #11321f; color: #3ddc84; display: grid; place-items: center; font-size: 2.6rem;
}
.vf-idle-text[b-85qf0sjz0u] { font-size: 1.05rem; }

/* Verification window */
.vf-grid[b-85qf0sjz0u] {
    flex: 1; display: grid; grid-template-columns: 1fr 360px; gap: 1px;
    background: #1c2632; min-height: 0;
}
.vf-grid.critical[b-85qf0sjz0u] { box-shadow: inset 0 0 0 3px #b9412f; animation: vf-pulse 1.4s ease-in-out infinite; }
@@keyframes vf-pulse { 0%[b-85qf0sjz0u],100%[b-85qf0sjz0u] { box-shadow: inset 0 0 0 2px #b9412f; } 50%[b-85qf0sjz0u] { box-shadow: inset 0 0 0 5px #e0503b; } }

.vf-view[b-85qf0sjz0u] { background: #05080b; display: flex; flex-direction: column; min-height: 0; }
.vf-snap[b-85qf0sjz0u] { flex: 1; width: 100%; object-fit: contain; min-height: 0; background: #000; }
.vf-noview[b-85qf0sjz0u] { flex: 1; display: grid; place-items: center; color: #4a5765; }
.vf-view-foot[b-85qf0sjz0u] {
    display: flex; align-items: center; gap: 1rem; padding: .6rem 1rem;
    background: #0d131b; border-top: 1px solid #1c2632; font-size: .85rem;
}
.vf-cam[b-85qf0sjz0u] { color: #9fb2c6; }
.vf-stream[b-85qf0sjz0u] { margin-left: auto; color: #5fa8ff; text-decoration: none; }
.vf-stream:hover[b-85qf0sjz0u] { text-decoration: underline; }

.vf-panel[b-85qf0sjz0u] { background: #0d131b; padding: 1.2rem; display: flex; flex-direction: column; gap: 1rem; overflow: auto; }

.vf-alarm[b-85qf0sjz0u] { text-align: center; }
.vf-kind[b-85qf0sjz0u] { font-size: 1.7rem; font-weight: 800; color: #e0503b; }
.vf-dev[b-85qf0sjz0u] { font-size: 1rem; color: #cdd9e6; margin-top: .15rem; }
.vf-time[b-85qf0sjz0u] { font-size: .8rem; color: #6b7a8c; margin-top: .15rem; }

.vf-ai[b-85qf0sjz0u] { border: 1px solid #1c2632; border-radius: 10px; padding: .8rem; }
.vf-ai.alert[b-85qf0sjz0u] { border-color: #b9412f; background: #1a0f0d; }
.vf-ai-h[b-85qf0sjz0u] { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: #6b7a8c; margin-bottom: .4rem; }
.vf-ai-verdict[b-85qf0sjz0u] { font-weight: 700; margin-bottom: .45rem; }
.vf-ai-bar[b-85qf0sjz0u] { height: 8px; border-radius: 999px; background: #16202c; overflow: hidden; }
.vf-ai-bar span[b-85qf0sjz0u] { display: block; height: 100%; background: linear-gradient(90deg,#e0a23b,#e0503b); }
.vf-ai-pct[b-85qf0sjz0u] { font-size: .8rem; color: #9fb2c6; margin-top: .35rem; }
.vf-ai-na[b-85qf0sjz0u] { color: #6b7a8c; font-size: .85rem; }

.vf-count[b-85qf0sjz0u] { text-align: center; margin-top: .3rem; }
.vf-count-num[b-85qf0sjz0u] { font-size: 2.6rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.vf-count-bar[b-85qf0sjz0u] { height: 6px; border-radius: 999px; background: #16202c; overflow: hidden; margin: .35rem 0; }
.vf-count-bar span[b-85qf0sjz0u] { display: block; height: 100%; background: #5fa8ff; transition: width 1s linear; }
.vf-count-lbl[b-85qf0sjz0u] { font-size: .72rem; color: #6b7a8c; }

.vf-actions[b-85qf0sjz0u] { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.vf-actions button[b-85qf0sjz0u] { border: none; border-radius: 10px; padding: .9rem; font-size: 1rem; font-weight: 700; cursor: pointer; }
.vf-actions button:disabled[b-85qf0sjz0u] { opacity: .5; cursor: default; }
.vf-reject[b-85qf0sjz0u] { background: #2a323c; color: #e7edf3; }
.vf-reject:hover:not(:disabled)[b-85qf0sjz0u] { background: #36404c; }
.vf-accept[b-85qf0sjz0u] { background: #1f8a4c; color: #fff; }
.vf-accept:hover:not(:disabled)[b-85qf0sjz0u] { background: #25a259; }
/* _content/Picars.Dashboard/Components/Shared/SearchableSelect.razor.rz.scp.css */
.ss[b-qdbnddbr77] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ss-list[b-qdbnddbr77] {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    max-height: 240px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

.ss-opt[b-qdbnddbr77] {
    padding: .4rem .7rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ss-opt:hover[b-qdbnddbr77] {
    background: #eef4ff;
}

.ss-clear[b-qdbnddbr77] {
    color: #6b7a8c;
    font-style: italic;
    border-bottom: 1px solid #eef0f2;
}

.ss-none[b-qdbnddbr77] {
    padding: .4rem .7rem;
    color: #6b7a8c;
}
