/* BKAR's published FleetPortal / appearance palette, adapted to BKronos components. */
:root {
 --bk-bg:#0c1523;--bk-card:#142235;--bk-nav:#101e30;--bk-ink:#e5edf7;
 --bk-muted:#afc0d4;--bk-line:#31455c;--bk-input:#0e1b2c;--bk-control:#1c3045;
 --bk-control-hover:#29435e;--bk-control-line:#47627e;--bk-accent:#69ddbc;
 --bk-active:#153c3a;--bk-active-ink:#87e7ca;--bk-soft:#1a2a3f;
 --bk-primary:#087d65;--bk-primary-hover:#096a57;--bk-ring:#70b9f0;
 --bk-shadow:0 5px 20px #0002;--bk-radius:14px;
}
html[data-theme=light] {
 --bk-bg:#eef2f6;--bk-card:#d2dfed;--bk-nav:#e6edf5;--bk-ink:#19334e;
 --bk-muted:#405a73;--bk-line:#acbfd3;--bk-input:#edf3f9;--bk-control:#e4edf6;
 --bk-control-hover:#d4e2f0;--bk-control-line:#a9bed3;--bk-accent:#087d65;
 --bk-active:#dbeae7;--bk-active-ink:#05775e;--bk-soft:#c5d5e6;
 --bk-primary:#117c62;--bk-primary-hover:#096f54;--bk-ring:#22a890;
 --bk-shadow:0 5px 20px #193c2608;
}
html[data-theme] {
 background:var(--bk-bg);
 --bg:var(--bk-bg);--nav:var(--bk-nav);--ink:var(--bk-ink);--muted:var(--bk-muted);
 --line:var(--bk-line);--surface:var(--bk-card);--surface-raised:var(--bk-soft);
 --green:var(--bk-accent);--blue:var(--bk-ring);--cyan:var(--bk-ring);
 scrollbar-color:var(--bk-control-line) var(--bk-bg);
}
html[data-theme] body {background:var(--bk-bg);color:var(--bk-ink);font:400 14px/1.5 Inter,system-ui,sans-serif}
html[data-theme] :is(button,input,select,textarea) {font-family:Inter,system-ui,sans-serif}
html[data-theme] :is(h1,h2,h3,h4) {font-family:'Space Grotesk',Inter,system-ui,sans-serif;color:var(--bk-ink)}
html[data-theme] :is(.sidebar:before,.sidebar:after,.page-heading:before,.page-heading:after,header:after,.operations-grid:before,.operations-grid>.card:before,.sidebar-project:before,.project-orbit) {display:none}
html[data-theme] .sidebar {width:232px;background:var(--bk-nav);border-color:var(--bk-line);box-shadow:none;padding-top:28px}
html[data-theme] .shell {margin-left:232px;background:var(--bk-bg)}
html[data-theme] .sidebar .brand {border-color:var(--bk-line);padding-bottom:24px}
html[data-theme] :is(.sidebar .brand-name,.login .brand-name) {font-family:Inter,system-ui,sans-serif;font-size:27px;color:var(--bk-ink)}
html[data-theme] :is(.brand-accent,.brand .brand-small) {color:var(--bk-accent)}
html[data-theme] .brand-name .brand-accent {font-style:italic}
html[data-theme] .workspace {color:var(--bk-muted);font:500 10px Inter,system-ui,sans-serif;letter-spacing:.05em;margin-top:24px}
html[data-theme] .sidebar nav button {background:transparent;border-color:transparent;border-radius:11px;padding:13px 12px;color:var(--bk-muted);font-weight:600;box-shadow:none;transform:none}
html[data-theme] .sidebar nav button span {font-size:13px;text-shadow:none}
html[data-theme] .sidebar nav button:hover {background:var(--bk-soft);color:var(--bk-ink)}
html[data-theme] .sidebar nav button.active {background:var(--bk-active);color:var(--bk-active-ink);border-color:transparent;box-shadow:none}
html[data-theme] nav b {background:var(--bk-primary);border:0;color:#fff;border-radius:5px}
html[data-theme] :is(.sidebar-project,.avatar,.sidebar .avatar) {background:var(--bk-active);border-color:var(--bk-line);color:var(--bk-active-ink);box-shadow:none}
html[data-theme] .sidebar-project {border-radius:var(--bk-radius);padding:18px}
html[data-theme] .sidebar-project strong {color:var(--bk-ink)}
html[data-theme] :is(.sidebar-project p,.small-label,.sidebar-foot small) {color:var(--bk-muted)}
html[data-theme] .sidebar-foot {border-color:var(--bk-line)}
html[data-theme] header {background:var(--bk-nav);border-color:var(--bk-line);box-shadow:none;backdrop-filter:none}
html[data-theme] :is(.breadcrumb,#userControls,#reportDate) {color:var(--bk-muted)}
html[data-theme] .snapshot {background:transparent;border-color:var(--bk-line);color:var(--bk-accent);font-size:11px;box-shadow:none}
html[data-theme] .snapshot i {background:var(--bk-accent);box-shadow:none}
html[data-theme] .page-heading {border-color:var(--bk-line);padding-top:8px}
html[data-theme] .page-heading h1 {font:650 30px/1.25 'Space Grotesk',Inter,sans-serif;letter-spacing:-.65px;color:var(--bk-ink)}
html[data-theme] :is(.eyebrow,.dot) {color:var(--bk-accent);text-shadow:none}
html[data-theme] .eyebrow-line {background:var(--bk-accent);box-shadow:none}
html[data-theme] :is(.card,.filters) {background:var(--bk-card);border:1px solid var(--bk-line);border-radius:var(--bk-radius);box-shadow:var(--bk-shadow);backdrop-filter:none}
html[data-theme] .card:hover {border-color:var(--bk-control-line);box-shadow:var(--bk-shadow);transform:none}
html[data-theme] :is(.filters,.source-card,.contact) {padding:24px}
html[data-theme] .kpi {padding:22px;min-height:0}
html[data-theme] .drill-card {border-radius:17px}
html[data-theme] #projectSchedule h2,html[data-theme] #content .card h2,html[data-theme] #content .card.contact h3,html[data-theme] #content .task-insight-heading h3,html[data-theme] .filters .filter-title strong {font:600 14px/1.4 'Space Grotesk',Inter,sans-serif;letter-spacing:0;color:var(--bk-ink)}
html[data-theme] :is(.card-header small,.schedule-heading>span,.source-card p,.view-intro,.sub-note,.kpi-foot,.operations-heading,.operations-heading>span,.drill-level,.filter-title,.filter-title button,.date-label,.search-line>span,.contact p,.facts dt) {color:var(--bk-muted)}
html[data-theme] :is(.kpi-value,.donut-center,.schedule-metric-value strong,.schedule-day-ring>strong) {color:var(--bk-ink);text-shadow:none;font-family:Inter,system-ui,sans-serif}
html[data-theme] .kpi-value {font-size:34px;font-weight:650;letter-spacing:-1px}
html[data-theme] .kpi:first-child .kpi-icon {background:#194639;border-color:transparent;color:#9ce9c7;box-shadow:none;border-radius:12px}
html[data-theme] .status-kpi .kpi-icon {background:#203e65;border-color:transparent;color:#a9d2ff;box-shadow:none;border-radius:12px}
html[data-theme] :is(.bar,.donut-track,.schedule-ring-track) {background:var(--bk-line);stroke:var(--bk-line)}
html[data-theme] .bar i {background:var(--bk-primary);box-shadow:none}
html[data-theme] .donut-inner {stroke:var(--bk-line)}
html[data-theme] :is(.donut-segment,.schedule-ring-value) {filter:none}
html[data-theme] .donut-center small {color:var(--bk-muted)}
html[data-theme] .schedule-ring-value {stroke:var(--bk-ring)}
html[data-theme] .project-schedule {padding:24px}
html[data-theme] .project-schedule .schedule-metrics>.schedule-metric {background:var(--bk-soft);border-color:var(--bk-line);border-radius:12px}
html[data-theme] .project-schedule :is(.schedule-label,.schedule-metric-caption) {color:var(--bk-muted);font-family:Inter,system-ui,sans-serif}
html[data-theme] .project-schedule .schedule-metric-value strong,html[data-theme] .project-schedule .schedule-day-ring>strong {font-family:Inter,system-ui,sans-serif;color:var(--bk-ink)}
html[data-theme] .schedule-day-ring.is-overrun .schedule-ring-value {stroke:#ffd08c;filter:none}
html[data-theme] .project-schedule .schedule-day-ring.is-overrun>strong {color:#ffd08c}
html[data-theme] :is(.legend-row,.legend-row b,.task-insight .facts dd,.facts dd) {color:var(--bk-ink)}
html[data-theme] .status-kpi .legend-row i {box-shadow:none}
html[data-theme] :is(input,select,textarea,.search-line>input,.project-picker select) {background:var(--bk-input);border:1px solid var(--bk-control-line);border-radius:8px;color:var(--bk-ink);box-shadow:none;font-size:13px}
html[data-theme] :is(input,select) {min-height:40px}
html[data-theme] input::placeholder {color:var(--bk-muted);opacity:.85}
html[data-theme] option {background:var(--bk-input);color:var(--bk-ink)}
html[data-theme] :is(input,select,textarea):focus {border-color:var(--bk-ring);outline:2px solid var(--bk-ring);outline-offset:1px;box-shadow:none}
html[data-theme] :is(label,.date-label,.project-picker>label) {color:var(--bk-muted);font-family:Inter,system-ui,sans-serif}
html[data-theme] #filterFields {border-color:var(--bk-line)}
html[data-theme] :is(.button,.primary,.secondary,.install-app,.theme-toggle,#logoutButton,#toggleFilters,.drill-phone-toggle) {border-radius:8px;box-shadow:none;text-shadow:none;font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;min-height:40px;padding:10px 15px;transition:background .2s,color .2s,border-color .2s,transform .2s}
html[data-theme] :is(.primary,.login .google) {background:var(--bk-primary);color:#fff;border:1px solid transparent;box-shadow:none}
html[data-theme] :is(.primary,.login .google):hover:not(:disabled) {background:var(--bk-primary-hover);box-shadow:none;transform:translateY(-1px)}
html[data-theme] :is(.secondary,.install-app,.theme-toggle,#logoutButton,#toggleFilters,.drill-phone-toggle) {background:var(--bk-control);border:1px solid var(--bk-control-line);color:var(--bk-ink);box-shadow:none}
html[data-theme] :is(.secondary,.install-app,.theme-toggle,#logoutButton,#toggleFilters,.drill-phone-toggle):hover:not(:disabled) {background:var(--bk-control-hover);border-color:var(--bk-control-line);box-shadow:none;transform:none}
html[data-theme] .drill-back {background:var(--bk-control)!important;border-color:var(--bk-control-line);color:var(--bk-ink)!important;border-radius:8px;font:600 12px Inter,sans-serif!important;min-height:40px;padding:10px 15px}
html[data-theme] .drill-back:hover {background:var(--bk-control-hover)!important}
html[data-theme] .drill-phone-toggle {background:var(--bk-control)!important;color:var(--bk-ink)!important;font-size:12px!important}
html[data-theme] .drill-phone-toggle:hover,html[data-theme] .drill-phone-toggle[aria-pressed=true] {background:var(--bk-control-hover)!important;border-color:var(--bk-control-line)}
html[data-theme] .pill.green {background:var(--bk-active);color:var(--bk-active-ink);border-color:var(--bk-line);box-shadow:none}
html[data-theme] :is(button,a):focus-visible {outline:3px solid var(--bk-ring);outline-offset:3px}
html[data-theme] button:disabled {opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
html[data-theme] .favorite-project.is-favorite {background:var(--bk-active);color:var(--bk-active-ink);border-color:#447b6c}
html[data-theme] #clear {background:transparent;border:0;color:var(--bk-muted);font-size:12px;min-height:40px}
html[data-theme] :is(.filter-selections span,nav.drill-crumbs,.drill-card>.sub-note) {background:var(--bk-soft);color:var(--bk-muted);border-color:var(--bk-line)}
html[data-theme] .drill-row {border-color:var(--bk-line);color:var(--bk-ink);border-radius:8px;box-shadow:none}
html[data-theme] .drill-row:hover {background:var(--bk-soft);border-color:var(--bk-control-line);transform:none;box-shadow:none}
html[data-theme] :is(.drill-index,.phase-number) {background:var(--bk-active);border-color:var(--bk-line);color:var(--bk-active-ink);border-radius:8px}
html[data-theme] :is(.drill-row-title strong,.task-owner strong,.task-deadline strong,.task-actuals b,.tree summary,.tree-task button) {color:var(--bk-ink)}
html[data-theme] :is(.drill-row-title small,.drill-row-title .task-area-owner,.task-owner small,.task-deadline small,.drill-progress strong,nav.drill-crumbs button,nav.drill-crumbs>span) {color:var(--bk-muted)}
html[data-theme] :is(.task-insight-grid,.tree-task,.import-preview) {background:var(--bk-soft);border-color:var(--bk-line);border-radius:12px}
html[data-theme] .tree details {border-color:var(--bk-line)}
html[data-theme] .task-link:hover,html[data-theme] .contact a,html[data-theme] .facts a {color:var(--bk-accent)}
html[data-theme] .badge {border-radius:6px;padding:5px 9px;font-family:Inter,system-ui,sans-serif;font-weight:600}
html[data-theme=dark] .badge.status-PLANEJADA {background:#27394d;color:#ccdae8;border-color:#415770}
html[data-theme=dark] .badge.status-REPROGRAMADA {background:#3b3059;color:#d8beff;border-color:#675384}
html[data-theme=dark] .badge.status-EM-EXECUÇÃO {background:#203e65;color:#a9d2ff;border-color:#355f8b}
html[data-theme=dark] .badge.status-BLOQUEADA {background:#46252d;color:#ffb5bb;border-color:#7d414d}
html[data-theme=dark] .badge.status-PAUSADA {background:#502b35;color:#ffb6c1;border-color:#85434f}
html[data-theme=dark] .badge.status-EM-VALIDAÇÃO {background:#503b1f;color:#ffda96;border-color:#91613a}
html[data-theme=dark] .badge.status-CANCELADA {background:#203249;color:#afc0d4;border-color:#47627e}
html[data-theme=dark] .badge.status-CONCLUÍDA {background:#194639;color:#9ce9c7;border-color:#36574e}
html[data-theme] :is(.notice,.quality-summary span) {background:var(--bk-soft);border:1px solid var(--bk-line);border-radius:10px;color:var(--bk-muted)}
html[data-theme] :is(th,td,.table-bottom,footer) {border-color:var(--bk-line);font-family:Inter,system-ui,sans-serif;color:var(--bk-muted)}
html[data-theme] th {background:var(--bk-soft)}
html[data-theme] td {color:var(--bk-ink)}
html[data-theme] .table-bottom button {background:var(--bk-control);color:var(--bk-ink);border-radius:8px}
html[data-theme] :is(dialog,.install-help) {background:var(--bk-card);border:1px solid var(--bk-control-line);border-radius:17px;color:var(--bk-ink);box-shadow:0 24px 100px #0008;font-family:Inter,system-ui,sans-serif}
html[data-theme] dialog::backdrop {background:#0008;backdrop-filter:blur(4px)}
html[data-theme] :is(dialog h2,#projectDetails h3,.project-scope-text) {color:var(--bk-ink);font-family:'Space Grotesk',Inter,sans-serif}
html[data-theme] .project-scope-text {font-family:Inter,system-ui,sans-serif}
html[data-theme] #toast {background:var(--bk-control);border-color:var(--bk-control-line);color:var(--bk-ink);border-radius:10px;box-shadow:var(--bk-shadow)}
html[data-theme] .login-page {background:radial-gradient(ellipse at top,#183857,var(--bk-bg) 75%)}
html[data-theme=light] .login-page {background:radial-gradient(circle at 75% 20%,#176ba2 0,transparent 45%),linear-gradient(135deg,#061c38,#0b3a67)}
html[data-theme] .login {background:var(--bk-card);border:1px solid var(--bk-line);border-radius:24px;box-shadow:0 20px 80px #0005;padding:40px}
html[data-theme] .login h1 {font-size:28px;letter-spacing:-.6px}
html[data-theme] .login :is(p,.foot) {color:var(--bk-muted)}
html[data-theme] .login .google {border-radius:8px;font:600 14px Inter,system-ui,sans-serif;min-height:48px}
html[data-theme] .login .g {background:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:17px}
html[data-theme] .login .foot {border-color:var(--bk-line)}
@media(max-width:1150px) and (min-width:801px){html[data-theme] .sidebar{width:207px}html[data-theme] .shell{margin-left:207px}}
@media(max-width:800px){
 html[data-theme] .sidebar{width:100%;padding:20px 16px 12px}html[data-theme] .shell{margin-left:0}
 html[data-theme] .sidebar .brand{padding-bottom:0}html[data-theme] .sidebar nav button{padding:11px 12px;min-height:44px}
 html[data-theme] .sidebar nav button span{font-size:12px}
 html[data-theme] :is(.filters,.source-card,.contact,.project-schedule,.kpi){padding:18px}
 html[data-theme] .page-heading h1{font-size:25px;overflow-wrap:anywhere}
 html[data-theme] .login{padding:28px}
 html[data-theme] :is(.button,.primary,.secondary,.install-app,.drill-phone-toggle,.theme-toggle){min-height:44px}
 html[data-theme] :is(input,select,textarea,.project-picker select,.search-line>input){font-size:16px;min-height:44px}
 html[data-theme] .theme-toggle{min-width:48px;padding:12px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] *{transition:none!important;animation:none!important}}

/* BKAR light FleetPortal surfaces, controls and status families. */
html[data-theme=light] header{background:#e6edf5}
html[data-theme=light] .card,html[data-theme=light] .filters{box-shadow:0 4px 9px #193c2608}
html[data-theme=light] :is(input,select,textarea,.project-picker select,.search-line>input){border-color:#b6c8da;color:#25415e}
html[data-theme=light] :is(input,select,textarea):focus{outline-color:#b1d5c5;border-color:#85bca5}
html[data-theme=light] .kpi:first-child .kpi-icon{background:#e8f5ec;color:#1e8866}
html[data-theme=light] .status-kpi .kpi-icon{background:#edf3fe;color:#5b8ed2}
html[data-theme=light] :is(.secondary,.install-app,#logoutButton,#toggleFilters,.drill-phone-toggle){color:#355443}
html[data-theme=light] .theme-toggle{background:#e4edf6;border-color:#a9bed3;color:#184d77}
html[data-theme=light] .theme-toggle:hover{background:#d4e2f0}
html[data-theme=light] .schedule-day-ring.is-overrun .schedule-ring-value{stroke:#b17b3a}
html[data-theme=light] .project-schedule .schedule-day-ring.is-overrun>strong{color:#99602a}
html[data-theme=light] .badge.status-PLANEJADA{background:#edf1ed;color:#596b60;border-color:#d7e0d8}
html[data-theme=light] .badge.status-REPROGRAMADA{background:#eee8f9;color:#725095;border-color:#d9cdec}
html[data-theme=light] .badge.status-EM-EXECUÇÃO{background:#e9effa;color:#436798;border-color:#cdddf0}
html[data-theme=light] .badge.status-BLOQUEADA{background:#f8e9e5;color:#a5434f;border-color:#edc9c4}
html[data-theme=light] .badge.status-PAUSADA{background:#f8e9ed;color:#9b505a;border-color:#eccdd5}
html[data-theme=light] .badge.status-EM-VALIDAÇÃO{background:#faf0d9;color:#856521;border-color:#eadbb6}
html[data-theme=light] .badge.status-CANCELADA{background:#e8eef5;color:#526b7e;border-color:#cedbe6}
html[data-theme=light] .badge.status-CONCLUÍDA{background:#e6f2e5;color:#387445;border-color:#c9e3cb}
html[data-theme=light] .badge.status-SEM-STATUS{background:#edf1ed;color:#596b60;border-color:#d7e0d8}

html[data-theme=light] .kpi:before,html[data-theme=light] .kpi:after{display:none}