
/* v20.55.51 — shared adaptive dashboard surfaces; classic/dark/blue/green/graphite. */
html[data-mp-theme="graphite"]{
--t-bg:#171717;--t-surface:#242424;--t-surface2:#2c2c2c;--t-text:#f2f2f2;
--t-muted:#a9abad;--t-line:#3b3b3b;--t-side:#1c1c1c;--t-side-text:#e3e3e3;
--t-accent:#3ecf8e;--t-accent-text:#082316;--t-soft:#193e2d;--t-soft-text:#69e5a9;
--t-nav:#173b2b;--t-nav-text:#8bf2bc;--t-input:#252525;--t-head:#303030;
--gold:#3ecf8e;--mp-primary:#3ecf8e;--mp-accent:#3ecf8e;--mp-card:#242424;
--mp-text:#f2f2f2;--mp-border:#3b3b3b;--mp-input:#252525;
--db-accent:#3ecf8e;--db-accent-ink:#082316;
color-scheme:dark;
}
/* Color variables dedicated to dashboards, derived from the chosen application theme. */
html{--db-shell:var(--t-bg);--db-card:var(--t-surface);--db-card2:var(--t-surface2);--db-ink:var(--t-text);--db-muted:var(--t-muted);--db-line:var(--t-line);--db-input:var(--t-input);--db-head:var(--t-head);--db-accent:var(--t-accent);--db-accent-ink:var(--t-accent-text);--db-bar-bg:color-mix(in srgb,var(--t-line) 48%,transparent);--db-elev:0 4px 16px #00000013}
html[data-mp-theme="dark"],html[data-mp-theme="graphite"]{--db-elev:0 5px 20px #00000038}
html .mp5517-dashboard{background:var(--db-shell)!important;color:var(--db-ink)!important;border-color:var(--db-line)!important}
html .mp5517-dashboard .mp50-panel,html .mp5517-dashboard .mp50-kpi,
html .mp5517-dashboard .mp47-card,html .mp5517-dashboard .mp47-metric,
html .mp5517-dashboard .mp5517-card{background:var(--db-card)!important;color:var(--db-ink)!important;border:1px solid var(--db-line)!important;box-shadow:var(--db-elev)!important}
html .mp5517-dashboard .mp50-kpi-copy span,html .mp5517-dashboard .mp50-panel h3,
html .mp5517-dashboard .mp50-kpi-copy strong,html .mp5517-dashboard .mp47-card h3,
html .mp5517-dashboard .mp47-metric strong,html .mp5517-dashboard .mp50-priority strong,
html .mp5517-dashboard .mp50-band>strong{color:var(--db-ink)!important}
html .mp5517-dashboard .mp50-kpi-copy small,html .mp5517-dashboard .mp47-metric small,
html .mp5517-dashboard .mp47-metric em,html .mp5517-dashboard .mp50-priority small,
html .mp5517-dashboard .mp50-filters label,html .mp5517-dashboard .mp50-band>small{
 color:var(--db-muted)!important}
html .mp5517-dashboard .mp50-priority{background:var(--db-card2)!important;border-color:var(--db-line)!important;border-left-color:var(--db-accent)!important}
html .mp5517-dashboard .mp50-priority.is-late{border-left-color:#e24b5c!important}
html .mp5517-dashboard .mp45-tab{background:var(--db-card)!important;color:var(--db-ink)!important;border:1px solid var(--db-line)!important}
html .mp5517-dashboard .mp45-tab.active{background:var(--db-accent)!important;color:var(--db-accent-ink)!important;border-color:var(--db-accent)!important;box-shadow:none!important}
html .mp5517-dashboard .mp45-tabs{border-color:var(--db-line)!important}
html .mp5517-dashboard .mp50-filters input,html .mp5517-dashboard .mp50-filters select,
html .mp5517-dashboard input:not([type="checkbox"]):not([type="radio"]),html .mp5517-dashboard select{
background:var(--db-input)!important;color:var(--db-ink)!important;border-color:var(--db-line)!important;color-scheme:inherit}
html .mp5517-dashboard .mp50-table th,html .mp5517-dashboard .mp50-rank-head{background:var(--db-head)!important;color:var(--db-ink)!important}
html .mp5517-dashboard .mp50-table td,html .mp5517-dashboard .mp50-rank-line,
html .mp5517-dashboard .mp48-ring-item,html .mp5517-dashboard .mp50-rank-head,
html .mp5517-dashboard .mp50-panel .mp48-ring-item{color:var(--db-ink)!important;border-color:var(--db-line)!important}
html .mp5517-dashboard .mp50-table tr:hover{background:var(--db-card2)!important}
html .mp5517-dashboard .mp50-track,html .mp5517-dashboard .mp47-track{background:var(--db-bar-bg)!important}
html .mp5517-dashboard .mp50-panel .mp48-ring-core{background:var(--db-card)!important;color:var(--db-ink)!important}
html .mp5517-dashboard .mp48-ring-item small,html .mp5517-dashboard .mp50-percent small{color:var(--db-muted)!important}
html .mp5517-dashboard .mp50-columnwrap{border-color:var(--db-line)!important;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,var(--db-line) 43px)!important}
html .mp5517-dashboard .mp50-action{background:var(--db-accent)!important;color:var(--db-accent-ink)!important;border-color:var(--db-accent)!important}
html .mp5517-dashboard .mp48-requests{background:var(--db-accent)!important;color:var(--db-accent-ink)!important}
html .mp5517-dashboard .mp50-chevron{color:var(--db-ink)!important}
html .mp5517-dashboard .mp50-avatar{color:#fff!important}
html .mp5517-dashboard .mp50-pill{font-weight:700}
html .mp5517-dashboard .mp50-red{background:#8e2631!important;color:#fff!important}
html .mp5517-dashboard .mp50-blue{background:#145b94!important;color:#fff!important}
html .mp5517-dashboard .mp50-green{background:#116a54!important;color:#fff!important}
html .mp5517-dashboard .mp50-gold{background:#f1c65b!important;color:#29210d!important}
html .mp5517-dashboard .mp50-danger{color:#c52e47!important}
html[data-mp-theme="dark"] .mp5517-dashboard .mp50-danger,html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-danger{color:#ff8693!important}
html .mp5517-dashboard .mp50-icon-0{color:#2073aa;background:#e3f1fa}html .mp5517-dashboard .mp50-icon-1{color:#aa3756;background:#fbe6eb}
html .mp5517-dashboard .mp50-icon-2{color:#9a7022;background:#fcf0d4}html .mp5517-dashboard .mp50-icon-3{color:#236cac;background:#e5f0fc}
html[data-mp-theme="dark"] .mp5517-dashboard .mp50-icon-0,html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-icon-0{background:#1a4263;color:#73c1ff}
html[data-mp-theme="dark"] .mp5517-dashboard .mp50-icon-1,html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-icon-1{background:#4f2936;color:#ff8298}
html[data-mp-theme="dark"] .mp5517-dashboard .mp50-icon-2,html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-icon-2{background:#504024;color:#ffce6e}
html[data-mp-theme="dark"] .mp5517-dashboard .mp50-icon-3,html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-icon-3{background:#193b61;color:#81bafb}
html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-kpi,
html[data-mp-theme="graphite"] .mp5517-dashboard .mp50-panel{border-color:#3b4046!important}
