/* MDS-OFFICE-COLORS-1.0 — approved color accents, not a layout or behavior replacement.
   Bound to the Office root. No fleet-map/status-color, tool visibility, permissions,
   unread-count, account preference, document or Driver App rules are changed. */
#mds-office-app[data-office-color-release="MDS-OFFICE-COLORS-1.0"] {
  --mds-color-blue:#245fc7; --mds-color-red:#bd2634;
  --mds-scroll-thumb:#6993b7; --mds-scroll-track:#e9eff7;
}
#mds-office-app[data-office-color-release] .mds-office-workspace {
  --ws-navy:#10283c; --ws-accent:#245fc7; --ws-bg:#f2f5fa;
  --color-tone:#245fc7; --color-soft:#edf3ff; --color-line:#bfd3f8; --color-light:#91b9ff;
}
/* Each color follows its department identifier, not its personal sort position. */
#mds-office-app .mds-office-workspace :is([data-department="dispatch"],[data-color-department="dispatch"]){--color-tone:#245fc7;--color-soft:#edf3ff;--color-line:#bfd3f8;--color-light:#91b9ff}
#mds-office-app .mds-office-workspace :is([data-department="safety"],[data-color-department="safety"]){--color-tone:#0b7a72;--color-soft:#eaf8f5;--color-line:#b4dfd7;--color-light:#71d1bd}
#mds-office-app .mds-office-workspace :is([data-department="equipment"],[data-color-department="equipment"]){--color-tone:#a7650e;--color-soft:#fff6e6;--color-line:#efd19e;--color-light:#f5c46e}
#mds-office-app .mds-office-workspace :is([data-department="finance"],[data-color-department="finance"]){--color-tone:#227648;--color-soft:#edf8ef;--color-line:#b8dfc5;--color-light:#8ad1a3}
#mds-office-app .mds-office-workspace :is([data-department="documents"],[data-color-department="documents"]){--color-tone:#7447bd;--color-soft:#f4efff;--color-line:#d8c6ef;--color-light:#bca3ed}
#mds-office-app .mds-office-workspace :is([data-department="company"],[data-color-department="company"]){--color-tone:#097892;--color-soft:#eaf7fb;--color-line:#b6dde8;--color-light:#7acde0}
#mds-office-app .mds-office-workspace :is([data-department="insights"],[data-color-department="insights"]){--color-tone:#514fb4;--color-soft:#f0f0ff;--color-line:#cecdf2;--color-light:#adaaf0}
#mds-office-app[data-office-color-release] .mds-ws-sidebar{background:linear-gradient(180deg,#10283c,#142e42)}
#mds-office-app .mds-office-workspace .mds-ws-sidebar nav button.active,
#mds-office-app .mds-office-workspace .mds-ws-sidebar nav button.active:hover{background:#245fc7!important;color:#fff!important;box-shadow:inset 3px 0 #a8d5ff!important}
#mds-office-app .mds-office-workspace .mds-ws-sidebar nav button:hover:not(.active){background:#23455e!important;color:#fff!important}
#mds-office-app .mds-office-workspace .mds-ws-sidebar nav button[data-color-department]>.mds-ws-icon{color:var(--color-light)}
#mds-office-app .mds-office-workspace .mds-ws-sidebar nav button.active :is(.mds-ws-icon,small){color:#fff}
#mds-office-app[data-office-color-release] .mds-ws-topbar{box-shadow:0 3px 12px #183b6106}
#mds-office-app .mds-office-workspace :is(.mds-ws-pin-card,.mds-ws-department[data-department]){box-shadow:inset 0 3px 0 var(--color-tone),0 2px 5px #17375208;background:#fff}
#mds-office-app .mds-office-workspace .mds-ws-pin-card:hover{border-color:var(--color-line);box-shadow:inset 0 3px 0 var(--color-tone),0 4px 12px #16395112}
#mds-office-app .mds-office-workspace .mds-ws-tool-icon{color:var(--color-tone);background:var(--color-soft)}
#mds-office-app .mds-office-workspace .mds-ws-department[data-department]>header{background:var(--color-soft);box-shadow:inset 0 3px 0 var(--color-tone)}
#mds-office-app .mds-office-workspace .mds-ws-department[data-department]>p{background:var(--color-soft)}
#mds-office-app .mds-office-workspace .mds-ws-department[data-department]>header>.mds-ws-icon,
#mds-office-app .mds-office-workspace .mds-ws-open-row>.mds-ws-icon:first-child{color:var(--color-tone)}
#mds-office-app .mds-office-workspace :is(.mds-ws-open-row,.mds-ws-pin-open):hover{background:var(--color-soft)!important}
#mds-office-app .mds-office-workspace .mds-ws-department>footer{background:#fcfdff}
#mds-office-app .mds-office-workspace .mds-ws-department>footer>button{color:var(--color-tone)!important}
/* Attention badges use only existing rendered counts. Department/tool totals stay neutral. */
#mds-office-app[data-office-color-release] :is(.mds-ws-badge,.mds-home-badge,[data-office-color-badge="unread"]){background:#bd2634!important;color:#fff!important;border-radius:999px!important;font-weight:750!important;min-width:24px;min-height:24px;padding:2px 7px;font-size:12px!important;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #70131b1a!important}
#mds-office-app .mds-office-workspace .mds-ws-open-row>.mds-ws-badge{margin-left:4px}
#mds-office-app .mds-office-workspace .mds-ws-pin-open:has(>.mds-ws-badge)>small{padding-right:36px}
#mds-office-app .mds-office-workspace .mds-ws-department>header>span{background:#edf2f7;color:#52677d}
#mds-office-app .mds-office-workspace .mds-ws-star.is-pinned{color:#a46b12!important}
#mds-office-app .mds-office-workspace .mds-ws-star.is-pinned .mds-ws-icon{fill:#fff0c4;color:#a46b12}
#mds-office-app .mds-office-workspace .mds-ws-star:hover{background:#fff6df!important}
#mds-office-app .mds-office-workspace .mds-ws-primary{background:#245fc7!important;border-color:#245fc7!important;color:#fff!important;box-shadow:0 2px 3px #245fc719!important}
#mds-office-app .mds-office-workspace .mds-ws-primary:hover:not(:disabled){background:#194ea9!important;border-color:#194ea9!important}
#mds-office-app .mds-office-workspace .mds-ws-button:not(.mds-ws-primary):hover:not(:disabled){background:#f0f5ff!important;border-color:#9dbbe5!important}
#mds-office-app .mds-office-workspace .mds-ws-search input:focus{border-color:#6799de!important;background:#fff!important;box-shadow:0 0 0 3px #e7f0ff!important}
#mds-office-app .mds-office-workspace :is(button,input,select):focus-visible{outline-color:#245fc7}
/* Email/message read and selection values are copied from the existing UI conditions.
   Selected rows stay pale blue so existing dark sender/subject text remains legible. */
#mds-office-app[data-office-color-release] [data-office-color-row]{color:#203448!important}
#mds-office-app[data-office-color-release] [data-office-color-row][data-office-color-unread="true"]{background:#eff5ff!important;box-shadow:inset 3px 0 #6691e0!important}
#mds-office-app[data-office-color-release] [data-office-color-row][data-office-color-unread="true"]>div:first-child>strong::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd2634;margin-right:7px;vertical-align:middle}
#mds-office-app[data-office-color-release] [data-office-color-row][data-office-color-selected="true"]{background:#e5efff!important;box-shadow:inset 3px 0 #245fc7!important}
#mds-office-app[data-office-color-release] [data-office-color-row]:hover{background:#e9f1ff!important}
#mds-office-app[data-office-color-release] [data-office-color-row]:focus-visible{outline:3px solid #245fc7;outline-offset:2px}
/* Native scrolling is preserved. Browser/OS settings decide whether a scrollbar
   stays visible. No custom JavaScript scroller, body overflow or dimensions. */
html:has(#mds-office-app[data-office-color-release]),
#mds-office-app[data-office-color-release],
#mds-office-app[data-office-color-release] *{scrollbar-color:#6993b7 #e9eff7;scrollbar-width:auto}
html:has(#mds-office-app[data-office-color-release])::-webkit-scrollbar,
#mds-office-app[data-office-color-release]::-webkit-scrollbar,
#mds-office-app[data-office-color-release] *::-webkit-scrollbar{width:12px;height:12px}
html:has(#mds-office-app[data-office-color-release])::-webkit-scrollbar-track,
#mds-office-app[data-office-color-release]::-webkit-scrollbar-track,
#mds-office-app[data-office-color-release] *::-webkit-scrollbar-track{background:#e9eff7}
html:has(#mds-office-app[data-office-color-release])::-webkit-scrollbar-thumb,
#mds-office-app[data-office-color-release]::-webkit-scrollbar-thumb,
#mds-office-app[data-office-color-release] *::-webkit-scrollbar-thumb{background:#6993b7;border:3px solid #e9eff7;border-radius:12px}
html:has(#mds-office-app[data-office-color-release])::-webkit-scrollbar-thumb:hover,
#mds-office-app[data-office-color-release] *::-webkit-scrollbar-thumb:hover{background:#3b6a96}
#mds-office-app[data-office-color-release] .mds-ws-sidebar{scrollbar-color:#597e9a #132c40}
#mds-office-app[data-office-color-release] .mds-ws-sidebar::-webkit-scrollbar-track{background:#132c40}
#mds-office-app[data-office-color-release] .mds-ws-sidebar::-webkit-scrollbar-thumb{background:#597e9a;border-color:#132c40}
@media(forced-colors:active){
 #mds-office-app[data-office-color-release] :is(.mds-ws-badge,.mds-home-badge,[data-office-color-badge="unread"]){forced-color-adjust:auto;border:1px solid CanvasText}
 #mds-office-app .mds-office-workspace .mds-ws-sidebar nav button.active{outline:2px solid Highlight}
 #mds-office-app[data-office-color-release] [data-office-color-row][data-office-color-selected="true"]{outline:2px solid Highlight}
}