/* Generated by scripts/build-ui-css.mjs. Edit assets/css/appearance-shell.css. */
/* Shared themed navigation. Included only on the development host. */
.oz-theme-toggle { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex-shrink:0; border:1px solid rgb(var(--oz-border)); border-radius:8px; background:rgb(var(--oz-surface)); color:rgb(var(--oz-accent-text)); cursor:pointer; }
.oz-theme-toggle:hover { background:rgb(var(--oz-elevated)); }
.oz-theme-toggle:focus-visible { outline:2px solid rgb(var(--oz-accent-text)); outline-offset:3px; }
.oz-theme-toggle svg { width:18px; height:18px; }
html[data-oz-theme="dark"] .oz-theme-moon, html[data-oz-theme="light"] .oz-theme-sun { display:none; }
/* Historical date controls force dark with !important. */
html[data-oz-theme] input, html[data-oz-theme] select, html[data-oz-theme] textarea { color-scheme:inherit !important; }
html[data-oz-theme] :is(.bg-cyan-400, .bg-cyan-500, .bg-cyan-600, .bg-cyan-700).text-white { color:rgb(var(--oz-accent-ink)); }
:is(.topbar, .oz-site-sidebar, [data-oz-mobile-nav]) :is(.text-slate-100, .text-slate-200, .text-slate-300) { color: rgb(var(--oz-text)); }
:is(.topbar, .oz-site-sidebar, [data-oz-mobile-nav]) :is(.text-slate-400, .text-slate-500, .text-slate-600, .text-slate-700) { color: rgb(var(--oz-muted)); }
:is(.topbar, .oz-site-sidebar) :is(.hover\:text-white, .hover\:text-slate-300, .hover\:text-slate-400):hover { color: rgb(var(--oz-ink)); }
:is(.topbar, .oz-site-sidebar) .text-cyan-400 { color: rgb(var(--oz-accent-text)); }
.oz-site-sidebar .nav-item { color: rgb(var(--oz-muted)); }
.oz-site-sidebar .nav-item:hover { background: rgb(var(--oz-raised)); color: rgb(var(--oz-ink)); }
.oz-site-sidebar .nav-item.active { background: rgb(var(--oz-elevated)); color: rgb(var(--oz-accent-text)); }
.oz-site-sidebar .nav-domain { color: rgb(var(--oz-muted)); }
.oz-site-sidebar .nav-domain:hover { color: rgb(var(--oz-ink)); }
.oz-site-sidebar .nav-sub { border-color: rgb(var(--oz-border)); }
.oz-site-sidebar .nav-tooltip { background: rgb(var(--oz-elevated)); border-color: rgb(var(--oz-border)); color: rgb(var(--oz-text)); }
[data-oz-mobile-nav] .mobile-tab { color: rgb(var(--oz-muted)); }
[data-oz-mobile-nav] .mobile-tab.active { color: rgb(var(--oz-accent-text)); }
.topbar-search__field, .topbar-search:focus-within .topbar-search__field { background: rgb(var(--oz-base)); border-color: rgb(var(--oz-border)); box-shadow: none; }
.topbar-search:focus-within .topbar-search__field { border-color: rgb(var(--oz-accent-text)); }
.topbar-search input { color: rgb(var(--oz-ink)); }
.topbar-search input::placeholder, .topbar-search__icon { color: rgb(var(--oz-muted)); }
.topbar-search button { background: rgb(var(--oz-elevated)); color: rgb(var(--oz-accent-text)); }
.topbar-search-panel { background: rgb(var(--oz-raised)); border-color: rgb(var(--oz-border)); color: rgb(var(--oz-text)); }
.topbar-search-suggest { color: rgb(var(--oz-text)); }
.topbar-search-suggest:hover, .topbar-search-suggest:focus-visible { background: rgb(var(--oz-elevated)); }
.topbar-search-empty, .topbar-search-suggest__meta { color: rgb(var(--oz-muted)); }
.topbar-search-suggest__title { color: rgb(var(--oz-ink)); }
.topbar-search-suggest__type, .topbar-search-suggest__avatar { color: rgb(var(--oz-muted)); background: rgb(var(--oz-elevated)); border-color: rgb(var(--oz-border)); }
.topbar-search button:hover { background: rgb(var(--oz-elevated)); color: rgb(var(--oz-accent-text)); }
.topbar [data-appearance-menu-link] { color: rgb(var(--oz-accent-text)); }
@media (min-width: 761px) and (max-width: 1000px) { .oz-lab-grid { grid-template-columns: minmax(0, 1fr); } .oz-lab-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } }