.display-choices{display:flex;gap:8px;flex-wrap:wrap}.display-choices .btn{width:auto;flex:1;padding:10px}.display-choices .chosen{box-shadow:0 0 0 2px var(--app-link,#0754b6)}.display-selector{width:115px;padding:7px!important;border-radius:7px!important;font-size:12px!important}
html[data-display-mode=dark] .customer .card,html[data-display-mode=dark] .customer .tile,html[data-display-mode=dark] .customer .notice,html[data-display-mode=dark] .customer .nav,html[data-display-mode=dark] .customer .guide-toc,html[data-display-mode=dark] .customer .pwa-banner{background:var(--app-surface);color:var(--app-surface-ink);border-color:#344155}html[data-display-mode=dark] .customer .btn.outline,html[data-display-mode=dark] .customer input,html[data-display-mode=dark] .customer select,html[data-display-mode=dark] .customer textarea,html[data-display-mode=dark] .customer .guide-reference{background:var(--app-surface);color:var(--app-link);border-color:#52647b}html[data-display-mode=dark] .customer .inner p,html[data-display-mode=dark] .customer .small,html[data-display-mode=dark] .customer .nav button{color:#b7c3d5}html[data-display-mode=dark] .customer .nav button.active{color:var(--app-link)}html[data-display-mode=dark] .customer .empty,html[data-display-mode=dark] .customer .tabs button:not(.active){background:#243142;color:#dce6f3}html[data-display-mode=dark] .customer .unread-count{border-color:var(--app-surface)}html[data-display-mode=dark] .customer .notice-picture,html[data-display-mode=dark] .customer .content-picture{background:var(--app-surface)}html[data-display-mode=dark] .customer .notice-dialog{background:var(--app-surface);color:var(--app-surface-ink)}
html[data-display-mode=dark] .console{background:#10151d;color:#e7edf6}html[data-display-mode=dark] .console .console-top,html[data-display-mode=dark] .console .box,html[data-display-mode=dark] .console .overview-card,html[data-display-mode=dark] .console .notice-dialog{background:#19222e;color:#e7edf6;border-color:#344155}html[data-display-mode=dark] .console input,html[data-display-mode=dark] .console select,html[data-display-mode=dark] .console textarea,html[data-display-mode=dark] .console .btn.outline,html[data-display-mode=dark] .console .item button,html[data-display-mode=dark] .console .summary-row button{background:#1f2b3b;color:#dce8f6;border-color:#52647b}html[data-display-mode=dark] .console .small,html[data-display-mode=dark] .console .page-heading p,html[data-display-mode=dark] .console .summary-row small,html[data-display-mode=dark] .console .overview-card small,html[data-display-mode=dark] .console .console-identity p{color:#b7c3d5;opacity:1}html[data-display-mode=dark] .console .overview-card strong,html[data-display-mode=dark] .console .eyebrow,html[data-display-mode=dark] .console .console-logo{color:#a9d0ff}html[data-display-mode=dark] .console a{color:#a9d0ff}html[data-display-mode=dark] .console .console-identity #coreVersion,html[data-display-mode=dark] .console .notice-schedule{background:#243142;color:#dce8f6}html[data-display-mode=dark] .console .item,html[data-display-mode=dark] .console .summary-row,html[data-display-mode=dark] .console .console-personalize{border-color:#344155}
@media(max-width:620px){.console .display-selector{width:82px!important}.console .top-actions button{max-width:90px;font-size:10px;padding:7px}}