#display-preferences{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:7px 16px;background:#eef2f5;border-bottom:1px solid #d2dbe1;color:#344451;flex-wrap:wrap;font-size:calc(12px * var(--font-scale,1.2))}#display-preferences label{display:flex;align-items:center;gap:8px;margin:0}#display-preferences select{font-size:inherit;border-radius:5px;padding:5px 9px}input,select,textarea{font-family:inherit;font-size:inherit}svg text{font-size:calc(11px * var(--font-scale,1.2))}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#151b22;color:#e0e7ee}html[data-theme=dark] #display-preferences{background:#222d38;border-color:#405060;color:#e0e7ee}html[data-theme=dark] header{background:#202b36;color:#e0e7ee}html[data-theme=dark] aside{background:#304455}html[data-theme=dark] .customer{background:#151b22}html[data-theme=dark] .customer header{background:#202b36;color:#e0e7ee}html[data-theme=dark] .panel,html[data-theme=dark] dialog{background:#222d38;color:#e0e7ee;border-color:#465665}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#1c2630;color:#e0e7ee;border-color:#506171}html[data-theme=dark] th,html[data-theme=dark] th:first-child{background:#2c3a47;color:#d3dee7}html[data-theme=dark] td,html[data-theme=dark] td:first-child{background:#202b36;color:#e0e7ee}html[data-theme=dark] tr:nth-child(even) td{background:#273441}html[data-theme=dark] td,html[data-theme=dark] th{border-color:#465665}html[data-theme=dark] .muted{color:#b3c5d4}html[data-theme=dark] .notice,html[data-theme=dark] .customer h2{color:#78c6e7}html[data-theme=dark] .customer header button{background:#2d3e4b;color:#dce9f2;border-color:#516777}html[data-theme=dark] svg text{fill:#c4d5e2}
html[data-theme=dark] .customer main,html[data-theme=dark] .customer h3,html[data-theme=dark] .metrics b{color:#d7e5ee}html[data-theme=dark] .report-summary{background:#263541!important}html[data-theme=dark] .map{background:#344553}.trend text{font-size:calc(12px * var(--font-scale,1.2))}@media print{#display-preferences{display:none!important}}
/* Display preferences share the existing console header. */
header{gap:12px;flex-wrap:wrap}
header #display-preferences{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0;background:transparent;border:0;color:inherit;flex-wrap:nowrap}
html[data-theme=dark] header #display-preferences{background:transparent;border:0;color:inherit}
header #display-preferences label{white-space:nowrap}
header #display-preferences select{width:auto}
header #display-preferences+span{white-space:nowrap}
.customer header #display-preferences{flex-wrap:wrap}
