/* Floating dashboard theme inspired by the approved reference. Visual overrides only. */
:root{
  --surface:#ffffff;
  --surface-soft:#f8fcfe;
  --surface-tint:#eaf8fd;
  --surface-tint-2:#f4f6ff;
  --page:#f2f9fc;
  --text:#111827;
  --text-soft:#667085;
  --line:#d9e7ee;
  --line-blue:#b9e6f6;
  --accent:#0796d2;
  --accent-strong:#087fb5;
  --panel-shadow:0 8px 24px rgba(31,76,98,.08),0 1px 3px rgba(31,76,98,.08);
  --panel-shadow-hover:0 14px 30px rgba(31,76,98,.13),0 2px 5px rgba(31,76,98,.08);
}
html{color-scheme:light}
body{background:radial-gradient(circle at 10% 0%,rgba(91,210,238,.11),transparent 26%),linear-gradient(180deg,#f7fcfe 0%,var(--page) 100%);color:var(--text);transition:background .22s ease,color .22s ease}
.top-header{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(31,76,98,.045);backdrop-filter:blur(12px)}
.brand-icon{background:linear-gradient(145deg,#04a5df,#087fb5);box-shadow:0 5px 14px rgba(7,150,210,.22)}
.brand-area h1{color:var(--text);font-weight:750;letter-spacing:-.2px}.brand-area p,.refresh-info{color:var(--text-soft)}
.header-actions{gap:9px}.refresh-info{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:6px 11px;box-shadow:0 2px 8px rgba(31,76,98,.05)}
.button{border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#0796d2,#087fb5);box-shadow:0 4px 10px rgba(7,150,210,.16)}.button-secondary,.button-outline{background:var(--surface);border-color:var(--line);color:var(--text)}
.theme-toggle{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);font-size:10px;font-weight:750;cursor:pointer;box-shadow:0 2px 8px rgba(31,76,98,.05);transition:.18s ease}.theme-toggle:hover{border-color:#a7dced;transform:translateY(-1px)}.theme-toggle-icon{font-size:13px}.theme-toggle-text{min-width:27px;text-align:left}
.dashboard-container{padding-top:18px}
.filter-panel,.trend-card,.distribution-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--panel-shadow);overflow:hidden;transition:background .22s ease,border-color .22s ease,box-shadow .18s ease}
.filter-panel{padding:0 16px 16px}.filter-panel>.section-header{margin:0 -16px 14px;padding:12px 16px;background:linear-gradient(90deg,#e5f7fc,#f4fbfd);border-bottom:1px solid var(--line-blue)}
.section-header h2,.trend-header h2,.distribution-header h2{color:var(--text);font-weight:750;letter-spacing:-.2px}.section-header p,.distribution-header p{color:var(--text-soft)}
.filter-item label{color:var(--text-soft)}.filter-item select,.date-range-control,.date-slicer{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:9px}.filter-item select{transition:border-color .15s ease,box-shadow .15s ease}.filter-item select:focus,.date-slicer:focus-within{border-color:#71cde9;box-shadow:0 0 0 3px rgba(7,150,210,.09)}.date-slicer label{background:#eef9fd;border-color:#cdebf5;color:var(--text)}.date-range-control input{color:var(--text)}
.kpi-section>.section-header{margin:4px 0 10px}.kpi-section>.section-header h2{font-size:16px}
.kpi-grid{gap:12px}.kpi-card{position:relative;min-height:108px;border-radius:15px;border:1px solid #cce9f4;background:linear-gradient(135deg,#fbfeff 0%,#eefbff 100%);box-shadow:0 5px 18px rgba(31,76,98,.055);padding:15px 16px;overflow:hidden}.kpi-card:nth-child(3n+2){border-color:#d9ddff;background:linear-gradient(135deg,#ffffff 0%,#f4f5ff 100%)}.kpi-card:nth-child(3n){border-color:#c8edf1;background:linear-gradient(135deg,#ffffff 0%,#effcfc 100%)}.kpi-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;bottom:-38px;background:rgba(7,150,210,.055);pointer-events:none}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--panel-shadow-hover);border-color:#8bd7ed}.kpi-title{color:var(--text-soft);font-size:9px;letter-spacing:.3px}.kpi-value{color:var(--text);font-size:27px;letter-spacing:-.7px}.kpi-icon{border-radius:9px}
.trend-card{padding:0 18px 14px}.trend-header{margin:0 -18px 12px;padding:14px 18px;background:linear-gradient(90deg,#e5f7fc,#f8fcfd);border-bottom:1px solid var(--line-blue);align-items:center}.trend-header h2{font-size:18px;margin-bottom:6px}.trend-breadcrumb{background:rgba(255,255,255,.72);border:1px solid #cdebf5;color:var(--text-soft)}.level-switch{border-color:var(--line);background:var(--surface)}.level-pill{background:var(--surface);border-color:var(--line);color:var(--text-soft)}.level-pill.active{background:var(--accent);color:#fff}.trend-grid-line{stroke:#e2edf2}.trend-axis-line{stroke:#a9bbc4}.trend-axis-label,.trend-x-label{fill:var(--text-soft)}.trend-value-label.approved{fill:var(--text)}.trend-bar{fill:var(--accent)}
.distribution-card{padding:0 18px 12px}.distribution-header{margin:0 -18px 14px;padding:13px 18px;background:linear-gradient(90deg,#e9f8fc,#f9fcfd);border-bottom:1px solid var(--line-blue);align-items:center}.distribution-total{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 10px;min-width:82px;box-shadow:0 2px 7px rgba(31,76,98,.04)}.distribution-total span{color:var(--text-soft)}.distribution-total strong{color:var(--text)}.status-row{border-radius:8px}.status-row:hover,.asset-legend-row:hover{background:var(--surface-soft)}.status-name,.status-value,.asset-legend-name,.asset-legend-value{color:var(--text)}.status-track{background:#edf4f7}.status-bar{background:linear-gradient(90deg,#0796d2,#55c5e7)}.status-row.selected .status-bar{background:#087fb5}.distribution-hint{color:#8a9aa3}.chart-detail-button{border-color:#b8e1ef;background:#effaff;color:#087fb5;border-radius:9px;box-shadow:none}.chart-detail-button:hover{background:#e2f6fd;border-color:#75cde8}.asset-legend-row.selected,.outcome-row:hover,.outcome-row.selected{background:#effaff;border-color:#b8e1ef}.outcome-stack{background:#edf4f7}.outcome-row{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:12px}.outcome-name{color:var(--text-soft)}
.record-modal{background:rgba(11,30,43,.48);backdrop-filter:blur(3px)}.record-dialog{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(11,30,43,.28)}.record-header,.record-toolbar,.record-footer{border-color:var(--line)}.record-header h2,.record-table td{color:var(--text)}.record-close{background:var(--surface-soft);color:var(--text-soft)}.record-search-wrap{background:var(--surface);border-color:var(--line)}.record-search-wrap input{background:transparent;color:var(--text)}.record-table th{background:var(--surface-soft);color:var(--text-soft);border-color:var(--line)}.record-table td{border-color:var(--line)}.record-table tbody tr:hover td{background:var(--surface-soft)}.record-loading,.record-empty{background:color-mix(in srgb,var(--surface) 90%,transparent)}
.loading-box{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--panel-shadow)}

html[data-theme="dark"]{color-scheme:dark;--surface:#13202b;--surface-soft:#182936;--surface-tint:#16303e;--surface-tint-2:#20263b;--page:#0b141c;--text:#edf5f8;--text-soft:#9fb0bb;--line:#263946;--line-blue:#285367;--accent:#35b7e5;--accent-strong:#63c9eb;--panel-shadow:0 10px 28px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25);--panel-shadow-hover:0 16px 34px rgba(0,0,0,.3)}
html[data-theme="dark"] body{background:radial-gradient(circle at 12% 0%,rgba(35,153,193,.12),transparent 25%),linear-gradient(180deg,#0d1821 0%,#091219 100%)}
html[data-theme="dark"] .top-header{background:rgba(16,29,39,.94);border-color:var(--line)}
html[data-theme="dark"] .filter-panel>.section-header,html[data-theme="dark"] .trend-header,html[data-theme="dark"] .distribution-header{background:linear-gradient(90deg,#14303e,#14232d);border-color:var(--line-blue)}
html[data-theme="dark"] .kpi-card{background:linear-gradient(135deg,#15242f,#122b37);border-color:#285064}html[data-theme="dark"] .kpi-card:nth-child(3n+2){background:linear-gradient(135deg,#172431,#20243a);border-color:#373d61}html[data-theme="dark"] .kpi-card:nth-child(3n){background:linear-gradient(135deg,#15242f,#153235);border-color:#285357}
html[data-theme="dark"] .date-slicer label{background:#183442;border-color:#285367;color:var(--text)}html[data-theme="dark"] .status-track,html[data-theme="dark"] .outcome-stack{background:#20333f}html[data-theme="dark"] .trend-grid-line{stroke:#243945}html[data-theme="dark"] .trend-axis-line{stroke:#4a626f}html[data-theme="dark"] .trend-tooltip{background:#eaf5f9;color:#0e1a22}html[data-theme="dark"] .blue{background:#173b4b;color:#61c8eb}html[data-theme="dark"] .green{background:#173a2c;color:#55d68c}html[data-theme="dark"] .red{background:#402429;color:#ff7d87}html[data-theme="dark"] .amber{background:#42351d;color:#ffc45a}html[data-theme="dark"] .neutral{background:#24343e;color:#aab9c2}html[data-theme="dark"] .chart-detail-button{background:#153443;border-color:#285367;color:#63c9eb}html[data-theme="dark"] .asset-legend-row.selected,html[data-theme="dark"] .outcome-row:hover,html[data-theme="dark"] .outcome-row.selected{background:#173443;border-color:#285367}html[data-theme="dark"] .record-table th{background:#172833}html[data-theme="dark"] .record-loading,html[data-theme="dark"] .record-empty{background:rgba(19,32,43,.9)}
@media(max-width:900px){.theme-toggle-text{display:none}.theme-toggle{width:34px;padding:0;justify-content:center}.refresh-info{display:none}}

/* Task Trend rewrite: scoped additions; preserves approved dashboard theme. */
.trend-subtitle{margin:2px 0 6px;font-size:10px;color:var(--text-soft);font-weight:500}
.trend-breadcrumb-clean{padding:0;background:transparent!important;border:0!important;border-radius:0;color:var(--text-soft);font-size:9px;cursor:pointer}
.trend-header{align-items:flex-start}
.trend-actions{padding-top:1px}
.trend-legend{margin:4px 0 2px;gap:24px}
.trend-scroll-shell{width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 7px;scrollbar-width:thin;scrollbar-color:#9bcfe1 transparent}
.trend-scroll-shell::-webkit-scrollbar{height:7px}.trend-scroll-shell::-webkit-scrollbar-track{background:transparent}.trend-scroll-shell::-webkit-scrollbar-thumb{background:#9bcfe1;border-radius:99px}
.trend-chart{height:300px;min-width:100%}
.trend-svg{display:block;max-width:none}
.trend-line{stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;filter:none}
.trend-point{stroke-width:2}
.trend-value-label{font-size:9px;font-weight:750;paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}
.trend-value-label.approved{stroke:var(--surface)}
.trend-value-label.cancelled{stroke:var(--surface)}
.trend-value-label.unsuccessful{stroke:var(--surface)}
.trend-hint{padding:4px 2px 0;color:var(--text-soft);font-size:9px}
html[data-theme="dark"] .trend-scroll-shell{scrollbar-color:#31586b transparent}
html[data-theme="dark"] .trend-scroll-shell::-webkit-scrollbar-thumb{background:#31586b}

/* Task Trend scroll/axis refinement */
.trend-scroll-shell{overflow-x:scroll!important;overflow-y:hidden!important;padding-bottom:10px!important;scrollbar-width:auto!important;scrollbar-color:#78bdd8 #e6f3f8!important}
.trend-scroll-shell::-webkit-scrollbar{display:block!important;height:10px!important}
.trend-scroll-shell::-webkit-scrollbar-track{background:#e6f3f8!important;border-radius:99px!important}
.trend-scroll-shell::-webkit-scrollbar-thumb{background:#78bdd8!important;border-radius:99px!important;border:2px solid #e6f3f8!important}
.trend-axis-label,.trend-x-label{font-weight:700!important}
.trend-value-label{paint-order:normal!important;stroke:none!important;text-shadow:none!important}
html[data-theme="dark"] .trend-scroll-shell{scrollbar-color:#477f99 #162a36!important}
html[data-theme="dark"] .trend-scroll-shell::-webkit-scrollbar-track{background:#162a36!important}
html[data-theme="dark"] .trend-scroll-shell::-webkit-scrollbar-thumb{background:#477f99!important;border-color:#162a36!important}

/* Task Trend 12-month viewport and selection refinement */
.trend-scroll-shell{overflow-x:hidden!important;padding-bottom:4px!important}
.trend-scroll-shell.trend-scroll-active{overflow-x:scroll!important;padding-bottom:10px!important}
.trend-scroll-shell:not(.trend-scroll-active)::-webkit-scrollbar{display:none!important}
.trend-scroll-shell.trend-scroll-active::-webkit-scrollbar{display:block!important;height:10px!important}
.trend-bar,.trend-point{transition:opacity .16s ease}
.trend-muted{opacity:.22!important}
.trend-selected{opacity:1!important}
.trend-line-context{opacity:.42}
.trend-label-muted{opacity:.38}
.trend-value-label.cancelled,.trend-value-label.unsuccessful{font-weight:750!important;stroke:none!important;paint-order:normal!important}

/* Checkbox multi-select slicers */
.multi-slicer{position:relative;min-width:0}
.multi-slicer-button{width:100%;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:7px;font:inherit;font-size:9px;cursor:pointer;text-align:left}
.multi-slicer-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-slicer-arrow{color:var(--text-soft);font-size:11px;flex:0 0 auto}
.multi-slicer.open .multi-slicer-button,.multi-slicer-button:focus{border-color:#71cde9;box-shadow:0 0 0 3px rgba(7,150,210,.09);outline:0}
.multi-slicer-menu{display:none;position:absolute;z-index:80;top:calc(100% + 5px);left:0;width:max(100%,220px);max-width:320px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--panel-shadow-hover)}
.multi-slicer.open .multi-slicer-menu{display:block}
.multi-slicer-search{width:100%;height:30px;border:1px solid var(--line);border-radius:7px;padding:0 8px;background:var(--surface-soft);color:var(--text);font-size:9px;outline:0;margin-bottom:5px}
.multi-slicer-options{max-height:220px;overflow:auto}
.multi-slicer-option{display:flex!important;align-items:center;gap:8px;padding:6px 7px!important;border-radius:6px!important;background:transparent!important;border:0!important;color:var(--text)!important;font-size:9px!important;font-weight:500!important;cursor:pointer}
.multi-slicer-option:hover{background:var(--surface-soft)!important}
.multi-slicer-option input{width:13px;height:13px;margin:0;accent-color:var(--accent);flex:0 0 auto}
html[data-theme="dark"] .multi-slicer-button,html[data-theme="dark"] .multi-slicer-menu{background:var(--surface);border-color:var(--line);color:var(--text)}

/* Multi-select dropdown overflow fix */
.filter-panel{overflow:visible!important;position:relative;z-index:40}
.filter-grid{overflow:visible!important}
.filter-item{overflow:visible!important;position:relative}
.filter-item:has(.multi-slicer.open){z-index:120}
.multi-slicer.open{z-index:130}
.multi-slicer-menu{z-index:140!important}
.kpi-section,.trend-section,.distribution-section{position:relative;z-index:1}

/* Dashboard readability pass */
/* Keep KPI values/cards at the approved visual scale; improve supporting UI readability. */
.section-header h2{font-size:16px!important}
.section-header p{font-size:10.5px!important}
.filter-item label{font-size:10px!important}
.multi-slicer-button{font-size:10.5px!important;height:34px}
.multi-slicer-search{font-size:10.5px!important;height:32px}
.multi-slicer-option{font-size:10.5px!important;padding:7px 8px!important}
.multi-slicer-arrow{font-size:12px!important}
.date-slicer label{font-size:10px!important}
.date-range-control input{font-size:10px!important}
.trend-header h2{font-size:19px!important}
.trend-subtitle{font-size:11px!important}
.trend-breadcrumb-clean{font-size:10px!important}
.level-pill{font-size:10.5px!important}
.trend-legend{font-size:11px!important}
.trend-axis-label{font-size:10.5px!important}
.trend-x-label{font-size:11px!important}
.trend-value-label{font-size:10.5px!important}
.trend-hint{font-size:10px!important}
.distribution-header h2{font-size:18px!important}
.distribution-header p{font-size:10.5px!important}
.distribution-total span{font-size:9.5px!important}
.status-name,.status-value{font-size:10.5px!important}
.distribution-hint{font-size:9.5px!important}
.asset-center span{font-size:9.5px!important}
.asset-legend-name,.asset-legend-value{font-size:11px!important}
.outcome-name{font-size:10px!important}
.outcome-segment{font-size:11px!important}
.chart-detail-button{font-size:10px!important}

/* Reliable slicer search hiding */
.multi-slicer-option.search-hidden{display:none!important}


/* Authentication and signed-in user */
.user-menu{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--border-color,#dbe4ef)}
.user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:var(--accent-soft,#e8f2ff);color:var(--accent,#2563eb)}
.user-meta{display:flex;flex-direction:column;min-width:0;max-width:170px}
.user-meta span{font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-meta small{font-size:9px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signout-button{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--page-bg,#f3f7fb);font-family:Inter,Segoe UI,Arial,sans-serif}
.auth-card{width:min(420px,calc(100vw - 40px));padding:42px 38px;border-radius:24px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#dbe4ef);box-shadow:0 18px 50px rgba(15,23,42,.10);text-align:center}
.auth-logo{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;background:#e8f2ff;color:#2563eb}
.auth-card h1{font-size:24px;margin:0 0 8px;color:var(--text-primary,#0f172a)}
.auth-card p{font-size:13px;line-height:1.6;margin:0 0 26px;color:var(--text-secondary,#64748b)}
.auth-primary{width:100%;height:44px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}
.auth-note{display:block;margin-top:18px;font-size:10px;color:var(--text-secondary,#64748b)}
.auth-error{margin:0 0 16px;padding:10px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:11px}
@media(max-width:1100px){.user-meta{display:none}}


/* Filter layout containment + date range presentation */
.filter-panel{overflow:visible!important}
.filter-grid{
  display:grid!important;
  grid-template-columns:minmax(310px,1.65fr) minmax(310px,1.65fr) repeat(8,minmax(128px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
  overflow:visible!important;
}
.filter-item{min-width:0!important}
.date-slicer{min-width:0!important}
.date-range-control{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
}
.date-range-control input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  font-variant-numeric:tabular-nums;
}
.multi-slicer{width:100%!important;min-width:0!important}
.multi-slicer-button{width:100%!important;min-width:0!important}
.multi-slicer-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-slicer-menu{
  left:0!important;
  right:auto!important;
  width:max(100%,220px)!important;
  max-width:min(360px,calc(100vw - 32px))!important;
  box-sizing:border-box!important;
}
.multi-slicer.menu-align-right .multi-slicer-menu{
  left:auto!important;
  right:0!important;
}
.multi-slicer-options{max-height:260px!important;overflow-y:auto!important;overflow-x:hidden!important}

@media(max-width:1750px){
  .filter-grid{
    grid-template-columns:minmax(280px,1.5fr) minmax(280px,1.5fr) repeat(4,minmax(140px,1fr))!important;
  }
}
@media(max-width:1200px){
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .multi-slicer-menu{width:max(100%,240px)!important}
}
@media(max-width:700px){
  .filter-grid{grid-template-columns:1fr!important}
  .multi-slicer-menu,.multi-slicer.menu-align-right .multi-slicer-menu{
    left:0!important;right:auto!important;width:100%!important;max-width:100%!important
  }
}


/* Date range display without activating a date filter */
.date-input-shell{position:relative;display:block;min-width:0;width:100%}
.date-input-shell>input{position:relative;z-index:1;background:transparent!important}
.date-display-value{
  position:absolute;
  z-index:2;
  left:7px;
  right:27px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px;
  font-weight:600;
  color:var(--text);
  background:var(--surface);
}
.date-display-value.hidden{display:none}
html[data-theme="dark"] .date-display-value{background:var(--surface)}


/* Clean native date text artifacts beneath the custom available-range display.
   Keep the browser calendar picker indicator visible and clickable. */
.date-input-shell > input:not(:focus)::-webkit-datetime-edit{
  color:transparent!important;
}
.date-input-shell > input:not(:focus)::-webkit-datetime-edit-fields-wrapper,
.date-input-shell > input:not(:focus)::-webkit-datetime-edit-text,
.date-input-shell > input:not(:focus)::-webkit-datetime-edit-month-field,
.date-input-shell > input:not(:focus)::-webkit-datetime-edit-day-field,
.date-input-shell > input:not(:focus)::-webkit-datetime-edit-year-field{
  color:transparent!important;
}
.date-input-shell > input::-webkit-calendar-picker-indicator{
  opacity:1!important;
  cursor:pointer;
  position:relative;
  z-index:4;
}


/* Intellicar dashboard branding */
.brand-logo-wrap{
  width:150px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
}
.brand-logo{
  display:block;
  width:142px;
  height:auto;
  max-height:32px;
  object-fit:contain;
  object-position:left center;
}
html[data-theme="dark"] .brand-logo{
  color:#f4f8fb;
}
@media(max-width:1100px){
  .brand-logo-wrap{width:118px}
  .brand-logo{width:112px}
}


/* Integrated adaptive Intellicar branding */
.brand-logo{color:#11214A}
html[data-theme="dark"] .brand-logo{color:#f4f8fb;background:transparent!important;padding:0!important;border-radius:0!important}

.auth-company-logo{
  width:220px;
  height:58px;
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.auth-company-logo img{
  display:block;
  width:210px;
  max-width:100%;
  height:auto;
  color:#11214A;
}

html[data-theme="dark"] .brand-logo{
  content:url("../assets/intellicar-logo-dark.svg");
}

/* Dashboard breadcrumb */
.page-breadcrumb{height:40px;padding:0 20px;display:flex;align-items:center;gap:9px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);color:var(--text-soft);font-size:11px}
.page-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);text-decoration:none;font-weight:650}.page-breadcrumb a:hover{color:var(--accent)}.breadcrumb-home-icon{font-size:14px;line-height:1}.breadcrumb-separator{font-size:17px;color:var(--text-soft);opacity:.65}.breadcrumb-current{color:var(--text-soft)}
html[data-theme="dark"] .page-breadcrumb{background:#101d27;border-color:var(--line)}


/* Operations breadcrumb: blend into dashboard canvas and align to dashboard content */
.app-shell > .page-breadcrumb{
  width:auto!important;
  height:38px!important;
  margin:0 20px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--text-soft)!important;
  font-size:11px!important;
}
.app-shell > .page-breadcrumb a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--text-soft)!important;
  text-decoration:none!important;
  font-weight:650!important;
}
.app-shell > .page-breadcrumb a:hover{color:var(--accent)!important}
.app-shell > .page-breadcrumb .breadcrumb-home-icon{font-size:14px!important;line-height:1}
.app-shell > .page-breadcrumb .breadcrumb-separator{font-size:17px!important;color:var(--text-soft)!important;opacity:.65}
.app-shell > .page-breadcrumb .breadcrumb-current{color:var(--text-soft)!important}
html[data-theme="dark"] .app-shell > .page-breadcrumb{background:transparent!important;border:0!important}