/* /Components/CapacityHeatmap.razor.rz.scp.css */
.capacity-scroll[b-rutmo68252] { overflow-x: auto; padding-bottom: .25rem; scrollbar-width: thin; }
.capacity-heatmap[b-rutmo68252] { display: grid; grid-template-columns: repeat(14, minmax(70px, 1fr)); gap: .5rem; min-width: 1030px; }
.capacity-day[b-rutmo68252] { display: flex; min-height: 112px; flex-direction: column; align-items: center; justify-content: center; gap: .22rem; padding: .65rem .4rem; border: 1px solid var(--border); border-radius: 12px; color: var(--text); text-decoration: none; transition: transform .15s, border-color .15s, filter .15s; }
.capacity-day:hover[b-rutmo68252] { transform: translateY(-2px); border-color: var(--border-strong); text-decoration: none; filter: brightness(1.08); }
.capacity-day.free[b-rutmo68252] { background: color-mix(in srgb, var(--good) 10%, var(--raised)); }
.capacity-day.balanced[b-rutmo68252] { background: color-mix(in srgb, var(--info) 14%, var(--raised)); }
.capacity-day.tight[b-rutmo68252] { background: color-mix(in srgb, var(--warn) 18%, var(--raised)); }
.capacity-day.over[b-rutmo68252] { background: color-mix(in srgb, var(--bad) 20%, var(--raised)); border-color: color-mix(in srgb, var(--bad) 45%, var(--border)); }
.capacity-weekday[b-rutmo68252] { color: var(--muted); font: 600 .62rem/1 var(--font-mono); text-transform: capitalize; }
.capacity-day strong[b-rutmo68252] { font: 700 1.18rem/1 var(--font-display); }
.capacity-load[b-rutmo68252] { font: 700 .78rem/1 var(--font-mono); }
.capacity-day small[b-rutmo68252] { font-size: .65rem; }
.capacity-legend[b-rutmo68252] { display: flex; flex-wrap: wrap; gap: .45rem 1rem; margin-top: .7rem; color: var(--muted); font-size: .72rem; }
.capacity-legend span[b-rutmo68252] { display: inline-flex; align-items: center; gap: .35rem; }
.capacity-legend i[b-rutmo68252] { width: .55rem; height: .55rem; border-radius: 3px; }
.capacity-legend i.free[b-rutmo68252] { background: var(--good); }
.capacity-legend i.balanced[b-rutmo68252] { background: var(--info); }
.capacity-legend i.tight[b-rutmo68252] { background: var(--warn); }
.capacity-legend i.over[b-rutmo68252] { background: var(--bad); }
/* /Components/DifficultyChart.razor.rz.scp.css */
.difficulty-chart[b-74sqdu2ybl] { width: 100%; min-width: 0; }
.difficulty-bars[b-74sqdu2ybl] { display: grid; grid-template-columns: repeat(14, minmax(34px, 1fr)); gap: .45rem; min-width: 560px; height: 190px; padding-top: .25rem; }
.difficulty-column[b-74sqdu2ybl] { display: grid; grid-template-rows: 1rem minmax(0, 1fr) auto auto; gap: .25rem; min-width: 0; text-align: center; }
.difficulty-value[b-74sqdu2ybl] { color: var(--text); font: 600 .66rem/1 var(--font-mono); }
.difficulty-track[b-74sqdu2ybl] { display: flex; align-items: flex-end; min-height: 0; overflow: hidden; border-radius: 7px 7px 3px 3px; background: var(--head); }
.difficulty-fill[b-74sqdu2ybl] { display: block; width: 100%; min-height: 2px; border-radius: 7px 7px 0 0; transition: height .45s cubic-bezier(.2,.8,.2,1); }
.difficulty-fill.low[b-74sqdu2ybl], .difficulty-legend i.low[b-74sqdu2ybl] { background: var(--good); }
.difficulty-fill.medium[b-74sqdu2ybl], .difficulty-legend i.medium[b-74sqdu2ybl] { background: var(--info); }
.difficulty-fill.high[b-74sqdu2ybl], .difficulty-legend i.high[b-74sqdu2ybl] { background: var(--warn); }
.difficulty-fill.extreme[b-74sqdu2ybl], .difficulty-legend i.extreme[b-74sqdu2ybl] { background: var(--bad); }
.difficulty-fill.medium[b-74sqdu2ybl], .difficulty-fill.high[b-74sqdu2ybl], .difficulty-fill.extreme[b-74sqdu2ybl] { box-shadow: 0 0 14px -3px currentColor; }
.difficulty-day[b-74sqdu2ybl] { color: var(--text); font: 600 .65rem/1 var(--font-mono); text-transform: capitalize; }
.difficulty-date[b-74sqdu2ybl] { color: var(--muted); font: 500 .6rem/1 var(--font-mono); }
.difficulty-legend[b-74sqdu2ybl] { display: flex; flex-wrap: wrap; gap: .45rem 1rem; margin-top: .8rem; color: var(--muted); font-size: .72rem; }
.difficulty-legend span[b-74sqdu2ybl] { display: inline-flex; align-items: center; gap: .35rem; }
.difficulty-legend i[b-74sqdu2ybl] { width: .52rem; height: .52rem; border-radius: 50%; }

@media (max-width: 700px) {
    .difficulty-chart[b-74sqdu2ybl] { overflow-x: auto; padding-bottom: .3rem; scrollbar-width: thin; }
    .difficulty-bars[b-74sqdu2ybl] { height: 170px; }
    .difficulty-legend[b-74sqdu2ybl] { min-width: 560px; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.topnav[b-zmm0qeuz2e] {
    position: sticky; top: 0; z-index: 20;
    display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;
    padding: .6rem 1.1rem;
    border-bottom: 1px solid var(--border);
}
/* Frost the backing layer, not the container of viewport-fixed panels. */
.topnav[b-zmm0qeuz2e]::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--nav);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
}
/* faint accent line under the bar */
.topnav[b-zmm0qeuz2e]::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent-2) 70%, transparent);
    opacity: .45; pointer-events: none;
}
.brand[b-zmm0qeuz2e] { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; margin-right: 1.1rem; }
.brand:hover[b-zmm0qeuz2e] { text-decoration: none; }
.links[b-zmm0qeuz2e] { display: flex; flex-wrap: wrap; gap: .15rem; flex: 1; }
.links[b-zmm0qeuz2e]  a {
    position: relative;
    color: var(--muted); text-decoration: none;
    padding: .45rem .75rem; border-radius: 9px;
    font-size: .88rem; font-weight: 600; white-space: nowrap;
    transition: color .15s, background .15s;
}
.links[b-zmm0qeuz2e]  a:hover { color: var(--text); background: var(--hover); }
.links[b-zmm0qeuz2e]  a.active { color: var(--text); background: var(--hover); }
.links[b-zmm0qeuz2e]  a.active::after {
    content: ""; position: absolute; left: .75rem; right: .75rem; bottom: -.6rem; height: 2px;
    background: var(--accent-grad); border-radius: 2px; box-shadow: 0 0 12px var(--glow);
}
.nav-toggle[b-zmm0qeuz2e], .hamburger[b-zmm0qeuz2e] { display: none; }
.hamburger[b-zmm0qeuz2e] { margin-left: auto; font-size: 1.5rem; cursor: pointer; padding: 0 .5rem; color: var(--text); line-height: 1; }
.content[b-zmm0qeuz2e] { padding: 1.5rem 1.1rem 4rem; max-width: 1400px; margin: 0 auto; }

/* The bell/chat/rank/cog/signout group always stays together as one unbreakable unit, pinned to the
   right — never wraps onto its own line (which used to silently drop signout below the cog on narrow
   phones once the hamburger + icons stopped fitting on one row). */
.topnav-actions[b-zmm0qeuz2e] { display: flex; align-items: center; gap: .15rem; flex-wrap: nowrap; flex-shrink: 0; margin-left: auto; }

@media (max-width: 1100px) {
    .hamburger[b-zmm0qeuz2e] { display: block; }
    .links[b-zmm0qeuz2e] { display: none; flex-basis: 100%; flex-direction: column; padding: .4rem 0 .3rem; order: 10; max-height: 65dvh; overflow-y: auto; }
    .nav-toggle:checked ~ .links[b-zmm0qeuz2e] { display: flex; }
    .links[b-zmm0qeuz2e]  a { padding: .7rem .8rem; }
    .links[b-zmm0qeuz2e]  a.active::after { display: none; }
    .links[b-zmm0qeuz2e]  a.active { box-shadow: inset 2px 0 0 var(--accent); }
    .links-field[b-zmm0qeuz2e] { display: none; }
}

@media (max-width: 700px) {
    .topnav[b-zmm0qeuz2e] { gap: .15rem; padding: .5rem; flex-wrap: wrap; }
    .brand[b-zmm0qeuz2e] { margin-right: 0; gap: .35rem; min-width: 0; flex-shrink: 1; }
    .hamburger[b-zmm0qeuz2e] { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; }
    .content[b-zmm0qeuz2e] { width: 100%; min-width: 0; padding: 1rem .75rem 2rem; }
    .nav-toggle[b-zmm0qeuz2e] { display: block; position: absolute; opacity: 0; width: 1px; height: 1px; }
    .nav-toggle:focus-visible + .hamburger[b-zmm0qeuz2e] { outline: 2px solid var(--accent); outline-offset: 2px; }
    .topnav-actions[b-zmm0qeuz2e] { gap: 0; }
    .topnav-actions[b-zmm0qeuz2e]  .rank-badge { margin: 0; padding: .2rem; width: 44px; height: 44px; justify-content: center; }
}

#blazor-error-ui[b-zmm0qeuz2e] {
    background: #FEF9C3; color: #422006; bottom: 0; display: none; left: 0; padding: .6rem 1.25rem;
    position: fixed; width: 100%; z-index: 1000; box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
}
#blazor-error-ui .dismiss[b-zmm0qeuz2e] { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
@media (max-width: 420px) {
    .brand .wordmark[b-zmm0qeuz2e] { display: none; }
}
/* /Components/Pages/AccountSettings.razor.rz.scp.css */
.account-settings-head[b-z9tldinhe3] { align-items: flex-start; }
.account-settings-subtitle[b-z9tldinhe3] { margin: .35rem 0 0; color: var(--muted); }
.account-settings-grid[b-z9tldinhe3] { display: grid; grid-template-columns: minmax(15rem, .75fr) minmax(18rem, 1.25fr); gap: 1rem; max-width: 58rem; }
.account-settings-grid .card[b-z9tldinhe3] { min-width: 0; }
.account-settings-grid h2[b-z9tldinhe3] { margin-top: 0; }
.account-settings-hint[b-z9tldinhe3] { color: var(--muted); margin: -.15rem 0 1.1rem; }
.account-password-form[b-z9tldinhe3] { display: grid; gap: .7rem; max-width: 30rem; }
.account-password-form label[b-z9tldinhe3] { display: grid; gap: .35rem; }
.account-password-form .hint[b-z9tldinhe3] { margin-top: -.35rem; }
.account-save-button[b-z9tldinhe3] { justify-self: start; margin-top: .35rem; }
@media (max-width: 700px) {
    .account-settings-grid[b-z9tldinhe3] { grid-template-columns: 1fr; }
    .account-settings-head[b-z9tldinhe3] { margin-bottom: .8rem; }
    .account-save-button[b-z9tldinhe3] { width: 100%; }
}
/* /Components/Pages/Audit.razor.rz.scp.css */
.audit-header[b-2uvxustlaa] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.audit-header h1[b-2uvxustlaa] { min-width: 0; }

.audit-month-navigation[b-2uvxustlaa] {
    display: grid;
    grid-template-columns: 44px minmax(9.5rem, auto) 44px;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.audit-month-navigation .btn[b-2uvxustlaa] {
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 1.4rem;
}

.audit-month-navigation .month[b-2uvxustlaa] {
    min-width: 0;
    text-align: center;
    white-space: nowrap;
}

.audit-header-spacer[b-2uvxustlaa] { min-width: 0; }

@media (max-width: 700px) {
    .audit-header[b-2uvxustlaa] {
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
    }

    .audit-month-navigation[b-2uvxustlaa] {
        grid-row: 2;
        width: min(100%, 22rem);
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        justify-self: center;
    }

    .audit-header-spacer[b-2uvxustlaa] { display: none; }
}
/* /Components/Pages/BookingDetail.razor.rz.scp.css */
.detail-page-head[b-4x5j210har] { align-items: flex-end; }
.detail-page-head h1[b-4x5j210har] { margin: .35rem 0 0; }
.detail-back[b-4x5j210har] { display: inline-block; color: var(--muted); font-size: .86rem; font-weight: 600; }
.job-detail-grid[b-4x5j210har] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.detail-card[b-4x5j210har] { min-width: 0; }
.detail-card h2[b-4x5j210har] { margin-bottom: 1rem; }
.detail-summary[b-4x5j210har],
.detail-route-card[b-4x5j210har],
.detail-notes[b-4x5j210har] { grid-column: span 1; }
.detail-hero[b-4x5j210har] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.detail-hero strong[b-4x5j210har] { display: block; color: var(--text); font: 700 1.2rem var(--font-display); }
.detail-hero span[b-4x5j210har] { display: block; margin-top: .25rem; color: var(--muted); font-size: .88rem; }
.detail-list[b-4x5j210har] { display: grid; grid-template-columns: minmax(110px, .65fr) minmax(0, 1.35fr); gap: .6rem 1rem; }
.detail-list dt[b-4x5j210har] { font-size: .8rem; }
.detail-list dd[b-4x5j210har] { min-width: 0; overflow-wrap: anywhere; }
.service-list dt[b-4x5j210har] { align-self: start; }
.route-stop[b-4x5j210har] { display: flex; align-items: flex-start; gap: .75rem; }
.route-stop > div[b-4x5j210har] { min-width: 0; }
.route-stop small[b-4x5j210har],
.route-stop strong[b-4x5j210har] { display: block; }
.route-stop small[b-4x5j210har] { margin-bottom: .18rem; font: 600 .68rem var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }
.route-stop strong[b-4x5j210har] { overflow-wrap: anywhere; font-size: .92rem; }
.route-marker[b-4x5j210har] { display: grid; flex: 0 0 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--raised); border: 1px solid var(--border-strong); color: var(--accent); font: 700 .75rem var(--font-mono); }
.route-marker.delivery[b-4x5j210har] { color: var(--violet); }
.route-line[b-4x5j210har] { width: 1px; height: 1.15rem; margin: .15rem 0 .15rem 1rem; background: var(--border-strong); }
.route-stats[b-4x5j210har] { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .82rem; }
.route-stats strong[b-4x5j210har] { color: var(--text); }
.detail-notes p[b-4x5j210har] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }

@media (max-width: 700px) {
    .detail-page-head[b-4x5j210har] { align-items: stretch; }
    .detail-page-head .actions[b-4x5j210har] { justify-content: space-between; width: 100%; }
    .job-detail-grid[b-4x5j210har] { grid-template-columns: minmax(0, 1fr); }
    .detail-card[b-4x5j210har],
    .detail-summary[b-4x5j210har],
    .detail-route-card[b-4x5j210har],
    .detail-notes[b-4x5j210har] { grid-column: 1; width: 100%; padding: 1rem; }
    .detail-list[b-4x5j210har] { grid-template-columns: minmax(95px, .6fr) minmax(0, 1.4fr); gap: .55rem .75rem; }
}

@media (max-width: 390px) {
    .detail-list[b-4x5j210har] { grid-template-columns: 1fr; gap: .18rem; }
    .detail-list dd[b-4x5j210har] { margin-bottom: .55rem; }
}
/* /Components/Pages/Bookings.razor.rz.scp.css */
.bookings-header[b-x8o0pzfspf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
}

.month-navigation[b-x8o0pzfspf] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: .5rem;
}

.month-navigation .btn[b-x8o0pzfspf] {
    padding: 0;
    min-height: 44px;
    font-size: 1.4rem;
}

.month-navigation .month[b-x8o0pzfspf] { min-width: 10rem; }

.booking-header-actions[b-x8o0pzfspf] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.booking-header-actions .btn[b-x8o0pzfspf] { min-height: 44px; white-space: nowrap; }
.booking-filters[b-x8o0pzfspf] { margin-bottom: 1rem; }
.booking-filters input[b-x8o0pzfspf] { width: min(100%, 22rem); }

@media (max-width: 1000px) {
    .bookings-header[b-x8o0pzfspf] { grid-template-columns: minmax(0, 1fr) auto; }
    .booking-header-actions[b-x8o0pzfspf] { grid-column: 2; grid-row: 1; }
    .month-navigation[b-x8o0pzfspf] { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
}

@media (max-width: 700px) {
    .bookings-header[b-x8o0pzfspf] { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
    .booking-header-actions[b-x8o0pzfspf] { grid-column: 1; grid-row: 2; }
    .booking-header-actions .btn[b-x8o0pzfspf] { flex: 1; }
    .month-navigation[b-x8o0pzfspf] { grid-row: 3; width: min(100%, 22rem); }
    .month-navigation .month[b-x8o0pzfspf] { min-width: 0; }
    .booking-filters[b-x8o0pzfspf] { display: grid; grid-template-columns: minmax(0, 1fr); }
    .booking-filters input[b-x8o0pzfspf], .booking-filters select[b-x8o0pzfspf] { width: 100%; min-height: 44px; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.overview-head[b-urmum8z7ec] { align-items: flex-end; }
.overview-head h1[b-urmum8z7ec] { margin-bottom: .25rem; }
.overview-head p[b-urmum8z7ec] { margin: 0; color: var(--muted); font-size: .86rem; text-transform: capitalize; }
.overview-quick-actions[b-urmum8z7ec] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.daily-briefing[b-urmum8z7ec] { display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem; padding: .9rem 1rem; border-color: color-mix(in srgb, var(--accent) 30%, var(--border)); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); }
.briefing-icon[b-urmum8z7ec] { display: grid; flex: 0 0 2.5rem; height: 2.5rem; place-items: center; border-radius: 12px; background: var(--accent-grad); color: var(--on-accent); font-size: 1.15rem; box-shadow: 0 8px 20px -8px var(--glow); }
.daily-briefing h2[b-urmum8z7ec] { margin: 0 0 .25rem; color: var(--accent); }
.daily-briefing p[b-urmum8z7ec] { margin: 0; font-size: .9rem; line-height: 1.45; }
.live-indicator[b-urmum8z7ec] { display: inline-flex; flex: none; align-items: center; gap: .35rem; margin-left: auto; color: var(--muted); font: 600 .65rem var(--font-mono); }
.live-indicator i[b-urmum8z7ec] { width: .45rem; height: .45rem; border-radius: 50%; background: var(--good); box-shadow: 0 0 8px var(--good); }
.overview-kpis a[b-urmum8z7ec] { color: inherit; text-decoration: none; transition: transform .15s, border-color .15s; }
.overview-kpis a:hover[b-urmum8z7ec] { transform: translateY(-2px); border-color: var(--border-strong); text-decoration: none; }
.overview-kpis .needs-attention[b-urmum8z7ec] { border-color: color-mix(in srgb, var(--bad) 45%, var(--border)); }
.overview-grid[b-urmum8z7ec] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.overview-panel[b-urmum8z7ec] { min-width: 0; }
.attention-panel[b-urmum8z7ec] { grid-column: span 5; }
.today-panel[b-urmum8z7ec] { grid-column: span 7; }
.capacity-panel[b-urmum8z7ec] { grid-column: 1 / -1; overflow: hidden; }
.suggestions-panel[b-urmum8z7ec], .risk-panel[b-urmum8z7ec] { grid-column: span 6; }
.workload-panel[b-urmum8z7ec] { grid-column: span 7; }
.forecast-panel[b-urmum8z7ec] { grid-column: span 5; }
.activity-panel[b-urmum8z7ec] { grid-column: 1 / -1; }
.panel-heading[b-urmum8z7ec] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.panel-heading h2[b-urmum8z7ec] { margin: 0 0 .25rem; }
.panel-heading p[b-urmum8z7ec] { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.4; }
.panel-heading > a[b-urmum8z7ec], .panel-heading > span[b-urmum8z7ec] { flex: none; font-size: .76rem; }
.panel-count[b-urmum8z7ec] { display: grid; min-width: 2rem; height: 2rem; place-items: center; border-radius: 9px; background: var(--raised); color: var(--text); font: 700 .78rem var(--font-mono); }
.attention-list[b-urmum8z7ec], .suggestion-list[b-urmum8z7ec], .risk-list[b-urmum8z7ec], .workload-list[b-urmum8z7ec], .activity-list[b-urmum8z7ec] { display: flex; flex-direction: column; gap: .5rem; }
.attention-item[b-urmum8z7ec] { display: flex; align-items: center; gap: .65rem; padding: .65rem .7rem; border: 1px solid var(--border); border-radius: 10px; color: inherit; background: var(--raised); text-decoration: none; }
.attention-item:hover[b-urmum8z7ec] { border-color: var(--border-strong); text-decoration: none; }
.attention-item > i[b-urmum8z7ec] { flex: 0 0 .55rem; height: .55rem; border-radius: 50%; }
.attention-item.danger > i[b-urmum8z7ec] { background: var(--bad); box-shadow: 0 0 8px var(--bad); }
.attention-item.warning > i[b-urmum8z7ec] { background: var(--warn); box-shadow: 0 0 8px var(--warn); }
.attention-item.info > i[b-urmum8z7ec] { background: var(--info); box-shadow: 0 0 8px var(--info); }
.attention-item > span[b-urmum8z7ec] { min-width: 0; flex: 1; }
.attention-item strong[b-urmum8z7ec], .attention-item small[b-urmum8z7ec] { display: block; }
.attention-item strong[b-urmum8z7ec] { font-size: .82rem; }
.attention-item small[b-urmum8z7ec] { margin-top: .15rem; font-size: .72rem; }
.attention-item > b[b-urmum8z7ec] { color: var(--accent); font-size: 1.25rem; }
.empty-state[b-urmum8z7ec] { display: flex; min-height: 150px; flex-direction: column; align-items: center; justify-content: center; gap: .45rem; color: var(--muted); text-align: center; }
.empty-state.compact[b-urmum8z7ec] { min-height: 100px; }
.empty-state > span[b-urmum8z7ec] { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--good) 15%, var(--raised)); color: var(--good); }
.empty-state p[b-urmum8z7ec] { margin: 0; font-size: .82rem; }
.today-timeline[b-urmum8z7ec] { display: flex; flex-direction: column; }
.timeline-job[b-urmum8z7ec] { display: grid; grid-template-columns: 3.2rem 1rem minmax(0, 1fr); gap: .55rem; }
.timeline-job time[b-urmum8z7ec] { padding-top: .15rem; color: var(--muted); font: 600 .7rem var(--font-mono); }
.timeline-dot[b-urmum8z7ec] { position: relative; width: .7rem; height: .7rem; margin-top: .2rem; border-radius: 50%; background: var(--muted); }
.timeline-dot[b-urmum8z7ec]::after { content: ""; position: absolute; top: .8rem; bottom: -100px; left: 50%; width: 1px; background: var(--border); }
.timeline-job:last-child .timeline-dot[b-urmum8z7ec]::after { display: none; }
.timeline-dot.pending[b-urmum8z7ec] { background: var(--warn); }
.timeline-dot.assigned[b-urmum8z7ec] { background: var(--info); }
.timeline-dot.inprogress[b-urmum8z7ec] { background: var(--violet); box-shadow: 0 0 9px var(--violet); }
.timeline-dot.completed[b-urmum8z7ec] { background: var(--good); }
.timeline-content[b-urmum8z7ec] { min-width: 0; padding-bottom: 1rem; }
.timeline-job-head[b-urmum8z7ec] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.timeline-job-head a[b-urmum8z7ec] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.timeline-content > p[b-urmum8z7ec] { margin: .3rem 0; color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }
.timeline-content > p span[b-urmum8z7ec] { color: var(--accent); }
.timeline-meta[b-urmum8z7ec], .timeline-actions[b-urmum8z7ec] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .8rem; font-size: .7rem; }
.timeline-meta[b-urmum8z7ec] { color: var(--muted); }
.timeline-actions[b-urmum8z7ec] { margin-top: .45rem; }
.timeline-actions .btn[b-urmum8z7ec] { min-height: 32px; margin-left: auto; padding: .3rem .6rem; font-size: .7rem; }
.suggestion-item[b-urmum8z7ec] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .7rem; border: 1px solid var(--border); border-radius: 10px; background: var(--raised); }
.suggestion-item strong[b-urmum8z7ec], .suggestion-item small[b-urmum8z7ec] { display: block; }
.suggestion-item small[b-urmum8z7ec] { margin-top: .15rem; font-size: .7rem; }
.suggestion-item p[b-urmum8z7ec] { margin: 0; color: var(--muted); font-size: .78rem; }
.suggestion-item .btn[b-urmum8z7ec] { padding: .35rem .65rem; font-size: .75rem; }
.risk-list a[b-urmum8z7ec] { display: flex; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--border); border-radius: 10px; background: var(--raised); color: inherit; text-decoration: none; }
.risk-list a:hover[b-urmum8z7ec] { border-color: var(--border-strong); text-decoration: none; }
.risk-minutes[b-urmum8z7ec] { flex: 0 0 3.8rem; color: var(--bad); font: 700 .7rem var(--font-mono); }
.risk-list strong[b-urmum8z7ec], .risk-list small[b-urmum8z7ec] { display: block; }
.risk-list small[b-urmum8z7ec] { margin-top: .15rem; font-size: .7rem; }
.workload-row[b-urmum8z7ec] { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(90px, 1fr) 2.5rem; align-items: center; gap: .7rem; padding: .45rem 0; color: inherit; text-decoration: none; }
.workload-row:hover[b-urmum8z7ec] { text-decoration: none; }
.workload-row strong[b-urmum8z7ec], .workload-row small[b-urmum8z7ec] { display: block; }
.workload-row strong[b-urmum8z7ec] { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.workload-row small[b-urmum8z7ec] { margin-top: .15rem; font-size: .65rem; }
.workload-meter[b-urmum8z7ec] { height: .5rem; overflow: hidden; border-radius: 999px; background: var(--head); }
.workload-meter i[b-urmum8z7ec] { display: block; height: 100%; border-radius: inherit; background: var(--accent-grad); }
.workload-row > b[b-urmum8z7ec] { text-align: right; font: 700 .7rem var(--font-mono); }
.forecast-grid[b-urmum8z7ec] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.forecast-grid > div[b-urmum8z7ec] { padding: .8rem; border: 1px solid var(--border); border-radius: 11px; background: var(--raised); }
.forecast-grid span[b-urmum8z7ec], .forecast-grid strong[b-urmum8z7ec] { display: block; }
.forecast-grid span[b-urmum8z7ec] { color: var(--muted); font-size: .68rem; }
.forecast-grid strong[b-urmum8z7ec] { margin-top: .35rem; font: 700 1rem var(--font-display); }
.activity-list[b-urmum8z7ec] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.activity-list > a[b-urmum8z7ec] { display: flex; align-items: center; gap: .65rem; padding: .65rem; border: 1px solid var(--border); border-radius: 10px; color: inherit; background: var(--raised); text-decoration: none; }
.activity-list > a:hover[b-urmum8z7ec] { border-color: var(--border-strong); text-decoration: none; }
.activity-dot[b-urmum8z7ec] { flex: 0 0 .5rem; height: .5rem; border-radius: 50%; background: var(--muted); }
.activity-dot.pending[b-urmum8z7ec] { background: var(--warn); }
.activity-dot.assigned[b-urmum8z7ec] { background: var(--info); }
.activity-dot.inprogress[b-urmum8z7ec] { background: var(--violet); }
.activity-dot.completed[b-urmum8z7ec] { background: var(--good); }
.activity-dot.cancelled[b-urmum8z7ec] { background: var(--bad); }
.activity-list a > span:nth-child(2)[b-urmum8z7ec] { min-width: 0; flex: 1; }
.activity-list strong[b-urmum8z7ec], .activity-list small[b-urmum8z7ec] { display: block; }
.activity-list strong[b-urmum8z7ec] { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.activity-list small[b-urmum8z7ec] { margin-top: .12rem; font-size: .68rem; }

@media (max-width: 1000px) {
    .attention-panel[b-urmum8z7ec], .today-panel[b-urmum8z7ec], .suggestions-panel[b-urmum8z7ec], .risk-panel[b-urmum8z7ec], .workload-panel[b-urmum8z7ec], .forecast-panel[b-urmum8z7ec] { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .overview-head[b-urmum8z7ec] { align-items: stretch; }
    .overview-quick-actions[b-urmum8z7ec] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-briefing[b-urmum8z7ec] { align-items: flex-start; }
    .live-indicator[b-urmum8z7ec] { display: none; }
    .overview-grid[b-urmum8z7ec] { grid-template-columns: minmax(0, 1fr); }
    .overview-panel[b-urmum8z7ec], .capacity-panel[b-urmum8z7ec], .activity-panel[b-urmum8z7ec] { grid-column: 1; width: 100%; padding: 1rem; }
    .suggestion-item[b-urmum8z7ec] { grid-template-columns: minmax(0, 1fr) auto; }
    .suggestion-item p[b-urmum8z7ec] { grid-column: 1; grid-row: 2; }
    .suggestion-item .btn[b-urmum8z7ec] { grid-column: 2; grid-row: 1 / span 2; }
    .activity-list[b-urmum8z7ec] { grid-template-columns: minmax(0, 1fr); }
    .timeline-actions .btn[b-urmum8z7ec] { width: 100%; margin-left: 0; }
}

@media (max-width: 390px) {
    .forecast-grid[b-urmum8z7ec] { grid-template-columns: minmax(0, 1fr); }
    .workload-row[b-urmum8z7ec] { grid-template-columns: minmax(100px, .8fr) minmax(70px, 1fr) 2.2rem; }
}
/* /Components/Pages/MyJobs.razor.rz.scp.css */
.myjobs-grid[b-9m3n4fl5h1] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}

.myjobs-header[b-9m3n4fl5h1] { align-items: center; }
.myjobs-heading[b-9m3n4fl5h1] { display: flex; align-items: center; gap: .9rem; min-width: 0; }
.myjobs-heading h1[b-9m3n4fl5h1] { flex: none; }
.myjobs-feedback[b-9m3n4fl5h1] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .35rem .65rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--raised) 78%, transparent);
    color: var(--text);
    white-space: nowrap;
}
.myjobs-feedback-label[b-9m3n4fl5h1] { color: var(--muted); font: 600 .68rem var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }

.myjobs-difficulty[b-9m3n4fl5h1] { width: 100%; margin-bottom: 1rem; overflow: hidden; }
.difficulty-heading[b-9m3n4fl5h1] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; }
.difficulty-heading h2[b-9m3n4fl5h1] { margin: 0 0 .3rem; }
.difficulty-heading p[b-9m3n4fl5h1] { margin: 0; color: var(--muted); font-size: .82rem; }
.difficulty-period[b-9m3n4fl5h1] { flex: none; color: var(--muted); font: 600 .7rem var(--font-mono); }

.myjob-card[b-9m3n4fl5h1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .65rem;
    color: inherit;
    text-decoration: none;
    transition: border-color .16s, background .16s, transform .16s, box-shadow .16s;
}

.myjob-card:hover[b-9m3n4fl5h1] {
    border-color: var(--border-strong);
    background: var(--hover);
    text-decoration: none;
    transform: translateY(-2px);
}

.myjob-card:focus-visible[b-9m3n4fl5h1] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--glow), var(--shadow);
}

.myjob-head[b-9m3n4fl5h1],
.myjob-title-row[b-9m3n4fl5h1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.myjob-date[b-9m3n4fl5h1],
.myjob-number[b-9m3n4fl5h1] {
    color: var(--muted);
    font: 600 .76rem var(--font-mono);
}

.myjob-customer[b-9m3n4fl5h1] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--text);
    font: 700 1.05rem var(--font-display);
    letter-spacing: -.01em;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.job-difficulty-dot[b-9m3n4fl5h1] { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; font: 700 .7rem/1 var(--font-mono); box-shadow: 0 5px 16px -7px currentColor; }
.job-difficulty-dot.low[b-9m3n4fl5h1] { background: var(--good); }
.job-difficulty-dot.medium[b-9m3n4fl5h1] { background: var(--info); }
.job-difficulty-dot.high[b-9m3n4fl5h1] { background: var(--warn); color: #201600; }
.job-difficulty-dot.extreme[b-9m3n4fl5h1] { background: var(--bad); }

.myjob-route[b-9m3n4fl5h1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem .7rem;
    margin: 0;
    font-size: .86rem;
}

.myjob-route dt[b-9m3n4fl5h1] {
    padding-top: .08rem;
    color: var(--muted);
    font: 600 .68rem var(--font-mono);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.myjob-route dd[b-9m3n4fl5h1] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myjob-number[b-9m3n4fl5h1] { margin-top: auto; }

@media (max-width: 700px) {
    .myjobs-header[b-9m3n4fl5h1] { align-items: stretch; }
    .myjobs-heading[b-9m3n4fl5h1] { justify-content: space-between; gap: .55rem; flex-wrap: wrap; }
    .myjobs-feedback[b-9m3n4fl5h1] { flex: 1 1 100%; justify-content: center; }
    .myjobs-grid[b-9m3n4fl5h1] { grid-template-columns: minmax(0, 1fr); }
    .myjob-card[b-9m3n4fl5h1] { width: 100%; padding: 1rem; }
    .myjobs-difficulty[b-9m3n4fl5h1] { padding: 1rem; }
    .difficulty-heading[b-9m3n4fl5h1] { flex-direction: column; gap: .35rem; }
    .job-difficulty-dot[b-9m3n4fl5h1] { flex-basis: 36px; width: 36px; height: 36px; }
}
/* /Components/Pages/Offers.razor.rz.scp.css */
.offers-header[b-rkgjzywj90] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
}

.month-navigation[b-rkgjzywj90] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: .5rem;
}

.month-navigation .btn[b-rkgjzywj90] {
    padding: 0;
    min-height: 44px;
    font-size: 1.4rem;
}

.month-navigation .month[b-rkgjzywj90] { min-width: 10rem; text-align: center; }

.offer-header-actions[b-rkgjzywj90] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.offer-header-actions .btn[b-rkgjzywj90] { min-height: 44px; white-space: nowrap; }

@media (max-width: 1000px) {
    .offers-header[b-rkgjzywj90] { grid-template-columns: minmax(0, 1fr) auto; }
    .offer-header-actions[b-rkgjzywj90] { grid-column: 2; grid-row: 1; }
    .month-navigation[b-rkgjzywj90] { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
}

@media (max-width: 700px) {
    .offers-header[b-rkgjzywj90] { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
    .offer-header-actions[b-rkgjzywj90] { grid-column: 1; grid-row: 2; }
    .offer-header-actions .btn[b-rkgjzywj90] { flex: 1; }
    .month-navigation[b-rkgjzywj90] { grid-row: 3; width: min(100%, 22rem); }
    .month-navigation .month[b-rkgjzywj90] { min-width: 0; }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.account-details[b-dhpplzji02] { display: block; margin: 0; }
.account-details dt[b-dhpplzji02] { margin: 0 0 .2rem; color: var(--muted); font-size: .8rem; }
.account-details dd[b-dhpplzji02] { margin: 0 0 1rem; overflow-wrap: anywhere; }
.account-details dd:last-child[b-dhpplzji02] { margin-bottom: 0; }
.registration-invite-card[b-dhpplzji02] { grid-column: 1 / -1; }
.registration-invite-card small[b-dhpplzji02] { display: block; margin-bottom: .75rem; }
.registration-invite-card label[b-dhpplzji02] { display: grid; gap: .35rem; max-width: 18rem; }
.registration-invite-card .btn[b-dhpplzji02] { margin-top: .8rem; }
.registration-link-label[b-dhpplzji02] { max-width: none !important; margin-top: .8rem; }
.registration-link[b-dhpplzji02] { width: 100%; font-size: .78rem; }
/* /Components/Pages/SuperAdmin.razor.rz.scp.css */
.super-head[b-x7d7wpvdl8] { align-items: flex-end; }
.eyebrow[b-x7d7wpvdl8] { margin: 0 0 .25rem; color: var(--accent); font: 700 .68rem var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.super-subtitle[b-x7d7wpvdl8] { margin: .35rem 0 0; color: var(--muted); }
.super-metrics[b-x7d7wpvdl8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.super-metric[b-x7d7wpvdl8] { min-height: 8rem; display: flex; flex-direction: column; justify-content: center; }
.super-metric span[b-x7d7wpvdl8], .super-metric small[b-x7d7wpvdl8] { color: var(--muted); font-size: .78rem; }
.super-metric strong[b-x7d7wpvdl8] { margin: .35rem 0; color: var(--text); font-size: 2rem; letter-spacing: -.04em; }
.super-grid[b-x7d7wpvdl8] { display: grid; grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr); gap: 1rem; }
.super-health h2[b-x7d7wpvdl8], .super-companies h2[b-x7d7wpvdl8] { margin: 0; }
.super-health-list[b-x7d7wpvdl8] { display: grid; grid-template-columns: 1fr auto; gap: .65rem 1rem; margin: 1.2rem 0; }
.super-health-list dt[b-x7d7wpvdl8] { color: var(--muted); font-size: .78rem; }
.super-health-list dd[b-x7d7wpvdl8] { margin: 0; font-weight: 650; text-align: right; overflow-wrap: anywhere; }
.health-dot[b-x7d7wpvdl8] { width: .65rem; height: .65rem; border-radius: 50%; background: #22c55e; box-shadow: 0 0 12px #22c55e; }
.super-version[b-x7d7wpvdl8] { display: block; color: var(--muted); font-size: .68rem; line-height: 1.35; }
.super-count[b-x7d7wpvdl8] { color: var(--accent); font: 700 1.2rem var(--font-mono); }
.super-company-list[b-x7d7wpvdl8] { display: grid; gap: .55rem; margin-top: 1rem; }
.super-company-row[b-x7d7wpvdl8] { display: grid; grid-template-columns: minmax(12rem, 1fr) auto auto; align-items: center; gap: 1rem; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb, var(--raised) 72%, transparent); }
.super-company-name[b-x7d7wpvdl8] { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.super-company-name div[b-x7d7wpvdl8] { min-width: 0; }
.super-company-name strong[b-x7d7wpvdl8], .super-company-name small[b-x7d7wpvdl8] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.super-company-name small[b-x7d7wpvdl8] { margin-top: .15rem; color: var(--muted); font-size: .7rem; }
.company-avatar[b-x7d7wpvdl8] { display: grid; flex: 0 0 2.1rem; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 10px; color: #07111f; background: var(--accent-grad); font: 800 .7rem var(--font-mono); }
.super-company-stats[b-x7d7wpvdl8] { display: flex; gap: .8rem; color: var(--muted); font-size: .7rem; white-space: nowrap; }
.super-company-stats b[b-x7d7wpvdl8] { color: var(--text); }
.status-pill[b-x7d7wpvdl8] { padding: .3rem .55rem; border-radius: 999px; font: 700 .62rem var(--font-mono); white-space: nowrap; }
.status-active[b-x7d7wpvdl8] { color: #86efac; background: #14532d66; }
.status-inactive[b-x7d7wpvdl8] { color: #fca5a5; background: #7f1d1d66; }
.super-denied[b-x7d7wpvdl8] { max-width: 40rem; margin: 2rem auto; text-align: center; }
@media (max-width: 900px) { .super-metrics[b-x7d7wpvdl8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .super-grid[b-x7d7wpvdl8] { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .super-head[b-x7d7wpvdl8] { align-items: stretch; gap: .8rem; } .super-head .btn[b-x7d7wpvdl8] { width: 100%; } .super-metrics[b-x7d7wpvdl8] { gap: .65rem; } .super-metric[b-x7d7wpvdl8] { min-height: 6.5rem; padding: .85rem; } .super-metric strong[b-x7d7wpvdl8] { font-size: 1.55rem; } .super-company-row[b-x7d7wpvdl8] { grid-template-columns: 1fr auto; gap: .65rem; } .super-company-stats[b-x7d7wpvdl8] { grid-column: 1 / -1; justify-content: space-between; } .status-pill[b-x7d7wpvdl8] { grid-column: 2; grid-row: 1; } }
/* /Components/Pages/Users.razor.rz.scp.css */
.users-table td.actions[b-niieqf8gmo] {
    /* Keep the divider visible even while action buttons are hidden. The old opacity on the
       entire cell also faded its border, making each row appear to stop halfway across. */
    opacity: 1;
}

.users-table td.actions > *[b-niieqf8gmo] {
    opacity: 0;
    transition: opacity .12s;
}

.users-table tbody tr:hover td.actions > *[b-niieqf8gmo],
.users-table tbody tr:focus-within td.actions > *[b-niieqf8gmo] {
    opacity: 1;
}

.feedback-summary[b-niieqf8gmo],
.feedback-stat[b-niieqf8gmo] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.feedback-summary[b-niieqf8gmo] { white-space: nowrap; }
.feedback-separator[b-niieqf8gmo] { color: var(--muted); margin: 0 .1rem; }

.feedback-triangle[b-niieqf8gmo] {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
}

.feedback-triangle-up[b-niieqf8gmo] {
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-bottom: .68rem solid #22c55e;
}

.feedback-triangle-down[b-niieqf8gmo] {
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-top: .68rem solid #ef4444;
}

.feedback-action[b-niieqf8gmo] {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
}

@media (max-width: 700px) {
    .users-table td.actions > *[b-niieqf8gmo] { opacity: 1; }
    .feedback-summary[b-niieqf8gmo] { justify-content: flex-end; }
}