/* Small movements, clear focus and restrained depth across the workspace. */
html[data-theme="light"]{--premium-line:#e7e7e5;--premium-ink:#181818;--premium-secondary:#626262;--premium-depth:0 2px 4px #18181803,0 9px 25px #18181803}
html[data-theme="light"] body{font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-theme="light"] :is(.card,.workspace-bar,.command-panel,.ops-card,.dh-panel,.ws-panel,.bi-panel){box-shadow:var(--premium-depth);border-color:var(--premium-line)}
html[data-theme="light"] :is(.btn,.icon-button,.quick-action,.text-button,.nav-item,.suggestion-button,.bi-button,.bi-icon-button,.ws-button,.dh-button,.ops-button){transition:transform 160ms ease,opacity 160ms ease;backface-visibility:hidden}
html[data-theme="light"] :is(.btn-primary,.btn-navy,.bi-primary,.ws-primary,.dh-primary):hover:not(:disabled){transform:translateY(-1px)}
html[data-theme="light"] :is(.btn,.icon-button,.quick-action,.bi-button,.ws-button,.dh-button,.ops-button):active:not(:disabled){transform:translateY(1px)}
html[data-theme="light"] :is(.nav-item,.search-result):hover{background:#ededeb;color:#181818}
html[data-theme="light"] .nav-item.active{background:#e9e9e6;color:#181818}
html[data-theme="light"] .nav-item.active:before{background:#181818}
html[data-theme="light"] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #333;outline-offset:3px}
html[data-theme="light"] :is(input,select,textarea):focus-visible{outline-offset:2px}
html[data-theme="light"] :is(.modal,.bi-dialog,.dh-dialog,.ws-dialog){box-shadow:0 24px 80px #18181821;border:1px solid #e0e0dd;background:#fff}
html[data-theme="light"] :is(.modal-backdrop,.bi-overlay,.dh-overlay,.ws-overlay){backdrop-filter:none;-webkit-backdrop-filter:none;background:#15151533}
html[data-theme="light"] :is(.modal-head,.bi-dialog>header,.dh-dialog>header,.ws-dialog>header){border-bottom-color:#e7e7e5}
html[data-theme="light"] .toast{box-shadow:0 8px 30px #18181813;border-color:#e1e1df;font-size:14px;background:#fff;color:#222}
html[data-theme="light"] :is(.table-scroll,.table-wrap,.bi-table-wrap,.dh-table-wrap,.ws-table-wrap){scrollbar-color:#c9c9c4 transparent;scrollbar-width:thin}
html[data-theme="light"] :is(.table-scroll,.table-wrap,.bi-table-wrap,.dh-table-wrap,.ws-table-wrap) th{color:#626262;background:#f8f8f6}
html[data-theme="light"] :is(.table-scroll,.table-wrap) td{color:#333;font-size:14px}
html[data-theme="light"] :is(.table-scroll,.table-wrap) td small{color:#626262;font-size:12px}
html[data-theme="light"] :is(.topbar,.sidebar){box-shadow:none}
html[data-theme="light"] .global-search-wrap{background:#f6f6f4;border-color:#e8e8e4}
html[data-theme="light"] .search-results{box-shadow:0 12px 35px #1818180f;border-color:#e4e4e0}
html[data-theme="light"] .search-result strong{font-size:14px;color:#222}
html[data-theme="light"] .search-result small{font-size:12px;color:#666}
html[data-theme="light"] :is(.validation-banner,.bi-validation,.dh-validation,.ws-validation){background:#f7f7f4;border-color:#e8e8e2;color:#626262;font-size:12px;letter-spacing:.04em}
main>:is(.page-heading,.workspace-bar,.section-summary,.card,.dashboard-grid,.lower-grid,.crm-workspace,.bi-workspace,.dh-workspace,.ws-workspace,.ops-workspace){animation:bono-reveal 190ms ease both}
:is(.modal,.bi-dialog,.dh-dialog,.ws-dialog){animation:bono-dialog-reveal 190ms cubic-bezier(.2,.7,.3,1) both}
:is(.modal-backdrop,.bi-overlay,.dh-overlay,.ws-overlay){animation:bono-overlay-reveal 140ms ease both}
.toast{animation:bono-toast-reveal 190ms ease both}
@keyframes bono-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes bono-dialog-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes bono-overlay-reveal{from{opacity:0}to{opacity:1}}
@keyframes bono-toast-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){
  .topbar{padding:0 12px;gap:6px}
  .environment-select{width:75px;max-width:75px;flex:0 0 75px}
  .unit-control{flex:1;min-width:0;gap:0;margin-right:0}
  .unit-control #unit-icon,.unit-control .unit-caption{display:none}
  .unit-control select{width:100%;max-width:100%;min-width:0}
  .global-search-wrap{flex:0 0 29px;margin-left:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-theme="light"] :is(.btn,.icon-button,.quick-action,.bi-button,.ws-button,.dh-button):hover,html[data-theme="light"] :is(.btn,.icon-button,.quick-action,.bi-button,.ws-button,.dh-button):active{transform:none}}
/* Keep the scope caption on one line, including a disabled network selector. */
.unit-caption{white-space:nowrap;pointer-events:none}