/* Neutral overview palette. Navigation and other pages retain their design. */
body.dashboard-view{background:#181818!important}
body.dashboard-view #app{background:#181818}
body.dashboard-view main{filter:grayscale(1);background:#181818!important;padding:12px 16px!important}
body.dashboard-view main::before{background:#181818}
body.dashboard-view #content .stats-strip{background:#232323;border-color:#414141}
body.dashboard-view #content .stats-graph,
body.dashboard-view #content .stats-side{background:#222;border-color:#414141;padding:12px}
body.dashboard-view #content .stat-card{padding:10px 12px;gap:12px;min-height:104px}
body.dashboard-view #content .stat-card:hover,
body.dashboard-view #content .stat-card:focus-visible{background:#303030;border-color:#777;box-shadow:none}
body.dashboard-view #content .stat-icon{background:#3b3b3b;color:#e0e0e0;flex-basis:44px;height:44px;border-radius:9px}
body.dashboard-view #content .stat-icon svg{width:28px;height:28px}
body.dashboard-view #content .stat-label{font-size:15px;color:#eee}
body.dashboard-view #content .stat-value{font-size:30px}
body.dashboard-view #content .stat-comparison{font-size:13px}
body.dashboard-view #content .stat-message{font-size:12px}
body.dashboard-view #content .stat-updated{font-size:11px;color:#bbb}
body.dashboard-view #content .stats-analytics{gap:10px;margin-top:10px;align-items:start;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
body.dashboard-view #content .stats-overview h2{font-size:17px;line-height:1.3}
body.dashboard-view #content .stats-section-head{margin-bottom:6px}
body.dashboard-view #content .stats-section-head select{font-size:14px;color:#eee;background:#333;border-color:#666;box-shadow:none;padding:6px 25px 6px 10px;max-width:170px}
body.dashboard-view #content .stats-security-title{gap:9px;margin-bottom:8px}
body.dashboard-view #content .stats-security-title p{font-size:14px;color:#ccc}
body.dashboard-view #content .security-row{font-size:14px;min-height:30px;padding:3px 0;gap:8px;grid-template-columns:22px minmax(140px,1fr) minmax(35px,1fr) 30px}
body.dashboard-view #content .security-row meter,
body.dashboard-view #content .security-row meter::-webkit-meter-bar{background:#3b3b3b}
body.dashboard-view #content .security-row meter::-webkit-meter-optimum-value{background:#aaa}
body.dashboard-view #content .security-row meter::-moz-meter-bar{background:#aaa}
body.dashboard-view #content .security-value{font-size:19px}
body.dashboard-view #content .stats-recent{margin-top:7px;padding-top:7px;border-color:#444}
body.dashboard-view #content .stats-recent h2{font-size:16px}
body.dashboard-view #content .stats-event{font-size:14px;min-height:28px;padding:3px 0;gap:7px}
body.dashboard-view #content .stats-event time{font-size:12px}
body.dashboard-view #content .stats-text-link{font-size:13px}
body.dashboard-view #content .event-icon{background:#3c3c3c;color:#ddd}
body.dashboard-view #content .activity-note,
body.dashboard-view #content .activity-data,
body.dashboard-view #content .stats-footnote,
body.dashboard-view #content .security-warning{font-size:12px;line-height:1.4}
body.dashboard-view #content .activity-axis{font-size:12px}
body.dashboard-view #content .stats-error{font-size:14px}
body.dashboard-view #content .activity-chart{min-height:200px}
body.dashboard-view #content .activity-chart svg{height:200px}
body.dashboard-view #content .activity-loading{height:200px;font-size:14px}
body.dashboard-view #content .bb-module-section{gap:6px}
body.dashboard-view #content .bb-module-section>h2{font-size:17px;margin:0}
body.dashboard-view #content .bb-module-list.panel{background:#262626!important;border-color:#454545!important}
body.dashboard-view #content .module-row{min-height:48px;padding:5px 12px;gap:9px;grid-template-columns:38px minmax(0,1fr) auto auto;border-color:#414141}
body.dashboard-view #content .module-icon{width:32px;height:32px;background:#3c3c3c;color:#eee}
body.dashboard-view #content .module-meta h3{font-size:16px;margin:0 0 2px;line-height:1.2}
body.dashboard-view #content .module-meta p{font-size:14px;line-height:1.25;color:#ccc}
body.dashboard-view #content .module-configure-link{font-size:15px!important}
body.dashboard-view #content .bald-switch-state{font-size:13px;min-width:80px}
body.dashboard-view #content .dashboard-note{font-size:12px}
body.dashboard-view .stats-last-update{font-size:14px}
body.dashboard-view #connection{font-size:13px}
@media(max-width:1350px){
 body.dashboard-view #content .stat-card{gap:8px;padding:9px}
 body.dashboard-view #content .stat-icon{flex-basis:34px;height:36px}
 body.dashboard-view #content .stat-label{font-size:14px}
 body.dashboard-view #content .stats-analytics{grid-template-columns:1.25fr 1fr}
 body.dashboard-view #content .security-row{grid-template-columns:20px minmax(125px,1fr) minmax(25px,.7fr) 25px;font-size:13px}
}
@media(max-width:1050px){body.dashboard-view #content .stats-analytics{grid-template-columns:1fr}}
@media(max-width:760px){
 body.dashboard-view main{padding:12px!important}
 body.dashboard-view #content .module-row{grid-template-columns:32px minmax(0,1fr);padding:8px;gap:6px}
 body.dashboard-view #content .module-meta h3{font-size:15px}
 body.dashboard-view #content .module-meta p{font-size:13px}
 body.dashboard-view #content .stats-overview h2{font-size:15px}
 body.dashboard-view #content .stats-section-head select{font-size:12px;flex-shrink:0;max-width:135px}
 body.dashboard-view #content .stats-event{font-size:13px}
 body.dashboard-view #content .stats-event time{font-size:11px}
 body.dashboard-view #content .security-row{grid-template-columns:18px minmax(115px,1fr) minmax(20px,.5fr) 24px;gap:5px}
}

/* The overview does not display a connection badge. */
body.dashboard-view #connection{display:none!important}
/* Shared charcoal surfaces and restrained blue-gray accents from the logo. */
body.dashboard-view #content .stats-footnote{display:none}
body.dashboard-view{--bb-bg:#1a1b1d;--bb-soft:#bdcbd7;--bb-muted:#bfc3c8;background:#1a1b1d!important}
body.dashboard-view #app{background:#1a1b1d}
body.dashboard-view main{filter:none;background:#1a1b1d!important}
body.dashboard-view main::before{background:#1a1b1d}
body.dashboard-view aside{background:#1a1b1d!important;border-color:#3a3d42;backdrop-filter:none;box-shadow:none}
body.dashboard-view aside>.brand.brand--vertical{border-color:#36393d}
body.dashboard-view .sidebar-bottom{background:#1a1b1d;border-color:#36393d}
body.dashboard-view .server-label{background:#25272a!important;border-color:#41464d!important}
body.dashboard-view #nav button.active,
body.dashboard-view #nav button[aria-current="page"]{background:#343f49!important;color:#f1f4f7;border-color:transparent}
body.dashboard-view #nav button:hover{background:#2b3036!important}
body.dashboard-view #content .stats-strip,
body.dashboard-view #content .stats-graph,
body.dashboard-view #content .stats-side{background:#242629;border-color:#404449}
body.dashboard-view #content .bb-module-list.panel{background:#242629!important;border-color:#404449!important}
body.dashboard-view #content .module-row{background:transparent!important;border-color:#3a3e43}
body.dashboard-view #content .stat-icon,
body.dashboard-view #content .module-icon,
body.dashboard-view #content .event-icon{background:#36424d;color:#bfd0df}
body.dashboard-view #content .stat-card:not(:last-child)::after{background:#40464c}
body.dashboard-view #content .stat-card:hover,
body.dashboard-view #content .stat-card:focus-visible{background:#303840;border-color:#758a9d}
body.dashboard-view #content .stats-title-group svg,
body.dashboard-view #content .stats-security-title>svg,
body.dashboard-view #content .security-row svg{color:#b3c8da}
body.dashboard-view #content .stats-section-head select{background:#30363c;border-color:#566573;color:#edf1f5}
body.dashboard-view #content .stats-event:hover,
body.dashboard-view #content .security-row:hover{background:#30363c}
body.dashboard-view #content .stat-comparison,
body.dashboard-view #content .stat-comparison.positive,
body.dashboard-view #content .stat-comparison.attention{color:#c9d5df}
body.dashboard-view #content .stat-message,
body.dashboard-view #content .stats-error,
body.dashboard-view #content .security-warning{color:#d4c6b2}
body.dashboard-view #content .security-row meter,
body.dashboard-view #content .security-row meter::-webkit-meter-bar{background:#3b434b}
body.dashboard-view #content .security-row meter::-webkit-meter-optimum-value{background:#92adc4}
body.dashboard-view #content .security-row meter::-moz-meter-bar{background:#92adc4}
body.dashboard-view #content .activity-line{stroke:#9dbbd3}
body.dashboard-view #content .activity-point{fill:#9dbbd3;stroke:#d4e0e9}
body.dashboard-view #content .activity-point.partial{fill:#242629;stroke:#9dbbd3}
body.dashboard-view #content .activity-grid-line{stroke:#424a52}
body.dashboard-view #content .activity-chart stop{stop-color:#91acc3}
body.dashboard-view .stats-last-update::before{background:#a9bfd0;box-shadow:none}
body.dashboard-view #content .bald-switch{filter:grayscale(1)}

/* Equal-height summary panels with a compact, shared lower edge. */
body.dashboard-view #content .stats-analytics{align-items:stretch}
body.dashboard-view #content .stats-graph{display:flex;flex-direction:column}
body.dashboard-view #content .activity-chart{flex:1;display:flex;align-items:stretch}
body.dashboard-view #content .activity-chart svg{flex:1;min-width:0;width:100%;height:100%;min-height:200px}
body.dashboard-view #content .bb-dashboard{gap:8px}
body.dashboard-view #content .bb-module-section{gap:6px}

/* Bald BOT visual kit: charcoal, steel, ice and semantic accents. */
body.dashboard-view{background:#171717!important}
body.dashboard-view #app,body.dashboard-view main,body.dashboard-view aside{background:#171717!important}
body.dashboard-view main::before{background:#171717}
body.dashboard-view .sidebar-bottom{background:#171717}
body.dashboard-view #content .stats-strip,
body.dashboard-view #content .stats-graph,
body.dashboard-view #content .stats-side{background:#222;border-color:#425365}
body.dashboard-view #content .bb-module-list.panel{background:#222!important;border-color:#425365!important}
body.dashboard-view #nav button.active,
body.dashboard-view #nav button[aria-current="page"]{background:#2D465C!important;color:#F2F3F4}
body.dashboard-view #nav button:hover{background:#293a49!important}
body.dashboard-view #content .stat-icon,
body.dashboard-view #content .module-icon{background:#2D465C;color:#AFC5D8}
body.dashboard-view #content .stat-card[data-metric="active"] .stat-icon{background:#283e32;color:#9CC5AB}
body.dashboard-view #content .stat-card[data-metric="tickets"] .stat-icon{background:#443b28;color:#E7C477}
body.dashboard-view #content .stat-card[data-metric="alerts"] .stat-icon{background:#452e32;color:#E5A0A0}
body.dashboard-view #content .stat-comparison.positive{color:#9CC5AB}
body.dashboard-view #content .stat-comparison.attention{color:#E5A0A0}
body.dashboard-view #content .stat-message,
body.dashboard-view #content .security-warning{color:#E7C477}
body.dashboard-view #content .stats-error{color:#E5A0A0}
body.dashboard-view #content .stats-section-head select{background:#2D465C;border-color:#5F7488;color:#F2F3F4}
body.dashboard-view #content .module-configure-link{color:#AFC5D8!important}
body.dashboard-view #content .module-configure-link:hover{color:#F2F3F4!important;background:#2D465C!important}
body.dashboard-view #content .stats-text-link{color:#AFC5D8}
body.dashboard-view #content .stats-title-group svg,
body.dashboard-view #content .stats-security-title>svg{color:#AFC5D8}
body.dashboard-view #content .activity-line{stroke:#AFC5D8;stroke-width:2.5}
body.dashboard-view #content .activity-point{fill:#AFC5D8;stroke:#F2F3F4}
body.dashboard-view #content .activity-chart stop{stop-color:#AFC5D8}
body.dashboard-view #content .security-row meter::-webkit-meter-optimum-value{background:#AFC5D8}
body.dashboard-view #content .security-row meter::-moz-meter-bar{background:#AFC5D8}
body.dashboard-view #content .event-icon{background:#2D465C;color:#AFC5D8}
body.dashboard-view #content .event-icon.join{background:#283e32;color:#9CC5AB}
body.dashboard-view #content .event-icon.words{background:#443b28;color:#E7C477}
body.dashboard-view #content .event-icon.account_age{background:#452e32;color:#E5A0A0}
body.dashboard-view #content .bald-switch{filter:none}
body.dashboard-view #content .bald-switch[aria-checked=true] .bald-switch-track{background:#477859}
body.dashboard-view #content .bald-switch[aria-checked=true] .bald-switch-state{color:#9CC5AB}
body.dashboard-view #content .bald-switch[aria-checked=false] .bald-switch-track{background:#555b62}
body.dashboard-view .stats-last-update::before{background:#9CC5AB}
/* Expressive use of the supplied steel/ice palette, with charcoal breathing room. */
body.dashboard-view aside>.brand.brand--vertical{background:#203344;border-bottom:2px solid #5F7488}
body.dashboard-view .server-label{background:#2D465C!important;border-color:#5F7488!important}
body.dashboard-view #nav button.active,
body.dashboard-view #nav button[aria-current="page"]{background:#AFC5D8!important;color:#171717!important}
body.dashboard-view #nav button.active::before{background:#2D465C!important}
body.dashboard-view #content .stats-strip{background:#263e53;border-color:#5F7488;box-shadow:0 4px 18px #0003}
body.dashboard-view #content .stat-card{border-radius:0}
body.dashboard-view #content .stat-card:not(:last-child)::after{background:#5F7488}
body.dashboard-view #content .stat-label,
body.dashboard-view #content .stat-value{color:#F2F3F4}
body.dashboard-view #content .stat-card:hover{background:#36556f}
body.dashboard-view #content .stat-icon{background:#AFC5D8;color:#2D465C}
body.dashboard-view #content .stat-card[data-metric="active"] .stat-icon{background:#9CC5AB;color:#285A3B}
body.dashboard-view #content .stat-card[data-metric="tickets"] .stat-icon{background:#E7C477;color:#6E4B00}
body.dashboard-view #content .stat-card[data-metric="alerts"] .stat-icon{background:#E5A0A0;color:#923333}
body.dashboard-view #content .stats-graph,
body.dashboard-view #content .stats-side{background:#20272e;border-color:#5F7488}
body.dashboard-view #content .stats-graph>.stats-section-head,
body.dashboard-view #content .stats-security-title{background:#2D465C;margin:-12px -12px 10px;padding:10px 12px;border-radius:9px 9px 0 0}
body.dashboard-view #content .stats-section-head select{background:#AFC5D8;color:#171717;border-color:#AFC5D8;font-weight:600}
body.dashboard-view #content .stats-security-title p{color:#dae4ed}
body.dashboard-view #content .activity-chart stop:first-child{stop-opacity:.48}
body.dashboard-view #content .activity-point{fill:#AFC5D8;stroke:#F2F3F4;stroke-width:1.5}
body.dashboard-view #content .activity-grid-line{stroke:#536677}
body.dashboard-view #content .security-row meter::-webkit-meter-optimum-value{background:#AFC5D8}
body.dashboard-view #content .event-icon{background:#AFC5D8;color:#2D465C}
body.dashboard-view #content .event-icon.join{background:#9CC5AB;color:#285A3B}
body.dashboard-view #content .event-icon.words{background:#E7C477;color:#6E4B00}
body.dashboard-view #content .event-icon.account_age{background:#E5A0A0;color:#923333}
body.dashboard-view #content .module-icon{background:#2D465C;color:#F2F3F4;border:1px solid #5F7488}
body.dashboard-view #content .module-configure-link{background:#2D465C!important;border:1px solid #5F7488!important;border-radius:6px;padding:5px 10px!important;color:#F2F3F4!important}
body.dashboard-view #content .module-configure-link:hover{background:#AFC5D8!important;color:#171717!important}
body.dashboard-view #content .bald-switch[aria-checked=true] .bald-switch-track{background:#9CC5AB}
body.dashboard-view #content .bald-switch[aria-checked=true] .bald-switch-track:after{background:#285A3B}
body.dashboard-view #content .module-row:hover{background:#27323c!important}
/* Horizontal supplied brand and softer, lighter ice-blue accents. */
body #app aside>.brand.brand--vertical{padding:18px 10px 14px;gap:0}
body #app aside>.brand.brand--vertical .sidebar-brand-image{width:200px;max-width:100%;height:auto}
body #app aside>.brand.brand--vertical::after{font-size:9px;letter-spacing:1px;margin-top:8px}
body.dashboard-view aside>.brand.brand--vertical{background:#293b49}
body.dashboard-view #content .stats-strip{background:#354b5d}
body.dashboard-view #content .stats-graph>.stats-section-head,
body.dashboard-view #content .stats-security-title{background:#3c5264}
body.dashboard-view .server-label{background:#3c5264!important}
body.dashboard-view #nav button.active,
body.dashboard-view #nav button[aria-current="page"]{background:#C7D9E8!important}
body.dashboard-view #content .stat-icon{background:#C7D9E8;color:#354b5d}
body.dashboard-view #content .stats-section-head select{background:#C7D9E8;border-color:#C7D9E8}
body.dashboard-view #content .module-configure-link{background:#3c5264!important;border-color:#8297a9!important}
body.dashboard-view #content .module-configure-link:hover{background:#C7D9E8!important}
body.dashboard-view #content .activity-line{stroke:#C7D9E8}
body.dashboard-view #content .activity-point{fill:#C7D9E8}
body.dashboard-view #content .activity-chart stop{stop-color:#C7D9E8}
body.dashboard-view #content .security-row meter::-webkit-meter-optimum-value{background:#C7D9E8}
body.dashboard-view #content .security-row meter::-moz-meter-bar{background:#C7D9E8}
body.dashboard-view #content .stats-title-group svg,
body.dashboard-view #content .stats-security-title>svg{color:#C7D9E8}

/* Uniform backgrounds; layout and typography stay unchanged. */
body.dashboard-view #content .stats-strip{background:#20272e}
body.dashboard-view aside>.brand.brand--vertical{background:#171717}
/* 0.6: reference layout, integrated brand and a bounded event feed. */
#app aside>.brand--horizontal{display:block;padding:16px 12px 13px;margin:0;background:#171717;border-bottom:1px solid #3c4953}
#app .sidebar-brand-row{display:flex;align-items:center;justify-content:center;gap:8px}
#app .sidebar-brand-row img{display:block;width:48px;height:48px;object-fit:contain;flex:none}
#app .sidebar-brand-row span{font-family:inherit;font-weight:700;font-size:23px;line-height:1.1;white-space:nowrap;color:#F2F3F4;letter-spacing:-.5px}
#app .brand--horizontal p{margin:10px 0 0;text-align:center;font-size:9px;line-height:1.4;letter-spacing:1px;font-weight:600;color:#AFC5D8}
body.dashboard-view #content .stats-strip,
body.dashboard-view #content .stats-graph,
body.dashboard-view #content .stats-side,
body.dashboard-view #content .bb-module-list.panel{border-radius:16px!important;background:linear-gradient(115deg,#232f38,#20272e)!important;border-color:#445f73!important;box-shadow:inset 0 1px 0 #ffffff08}
body.dashboard-view #content .stats-graph>.stats-section-head,
body.dashboard-view #content .stats-security-title{background:linear-gradient(110deg,#354b5c,#2b3b48);border-radius:15px 15px 0 0}
body.dashboard-view #content .stat-icon{border-radius:10px;box-shadow:inset 0 2px 2px #ffffff45,0 2px 3px #0003}
body.dashboard-view #content .stats-side{min-width:0;min-height:330px}
body.dashboard-view #content .stats-recent{min-height:0}
body.dashboard-view #content .stats-event-scroll{height:128px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#697078 #252c32;scrollbar-gutter:stable;overscroll-behavior:contain;padding-right:4px}
body.dashboard-view #content .stats-event-scroll::-webkit-scrollbar{width:7px}
body.dashboard-view #content .stats-event-scroll::-webkit-scrollbar-track{background:#252c32;border-radius:6px}
body.dashboard-view #content .stats-event-scroll::-webkit-scrollbar-thumb{background:#697078;border-radius:6px}
body.dashboard-view #content .stats-event-scroll:focus-visible{outline:1px solid #AFC5D8;outline-offset:2px}
body.dashboard-view #content .stats-load-more{width:100%;min-height:28px;font-size:12px;padding:4px;background:#303c46;color:#dce7ef;border-color:#54616c}
.pc-timezone label{display:block;margin:12px 0}
.pc-timezone select{width:100%;max-width:100%}
.pc-timezone button{margin-right:8px}
.pc-timezone p{font-size:13px;line-height:1.5;color:#bdcbd6}
@media(max-width:760px){#app .sidebar-brand-row img{width:42px;height:42px}#app .sidebar-brand-row span{font-size:22px}}
@media(min-width:1060px){
 body.dashboard-view #content .stats-overview h2{font-size:15px}
 body.dashboard-view #content .stats-security-title p{font-size:12px}
 body.dashboard-view #content .stats-graph>.stats-section-head,
 body.dashboard-view #content .stats-security-title{min-height:48px;box-sizing:border-box;padding:8px 12px}
 body.dashboard-view #content .stats-side{min-height:300px}
 body.dashboard-view #content .stats-event-scroll{height:112px}
 body.dashboard-view #content .security-row{min-height:28px;font-size:13px}
 body.dashboard-view #content .stats-event{font-size:13px}
 body.dashboard-view #content .module-row{min-height:45px;padding:4px 12px}
 body.dashboard-view #content .module-meta h3{font-size:14px}
 body.dashboard-view #content .module-meta p{font-size:12px}
 body.dashboard-view #content .module-configure-link{font-size:13px!important}
 body.dashboard-view #content .stat-label{font-size:14px}
 body.dashboard-view #content .stat-value{font-size:27px}
}