/* Warm maize palette shared by the live HMS and its previews. */
:root{
  --maize:#FBEC5D;
  --accent:#d7c63b;
  --accent-strong:#8e842e;
  --surface:#fffefa;
  --surface-2:#fbfaf0;
  --canvas:#f8f8f2;
  --ink:#292a22;
  --muted:#777b70;
  --line:#e9e8dc;
  --shadow:0 6px 24px rgba(48,44,20,.065);
  --sidebar-text:#686d62;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --surface:#2b2d25;
  --surface-2:#34362d;
  --canvas:#20221c;
  --ink:#f3f0dc;
  --muted:#b8b9a7;
  --line:#46493d;
  --shadow:0 8px 26px rgba(0,0,0,.22);
  --sidebar-text:#d1d3bd;
}
.sidebar{
  background:#fffdf0;
  border-right:1px solid #ece9d7;
  color:#292a22;
}
.sidebar .brand{color:#292a22}
.sidebar .brand small{color:#8d8e7b}
.brand-mark,.profile-link .avatar{
  background:#FBEC5D;
  color:#3b3515;
  box-shadow:0 5px 13px rgba(191,173,37,.23);
}
.sidebar .nav-label{color:#a2a38d}
.sidebar .nav a{
  color:#666a60;
  border-left:0;
  border-radius:11px;
  margin:0 12px;
  padding-inline:13px;
}
.sidebar .nav a:hover,
.sidebar .nav a:focus,
.sidebar .nav a.active{
  background:#f7f1ca;
  border-left-color:transparent;
  color:#292a22;
}
.sidebar-tip{
  background:#f8edaa;
  border-color:#f1e7a5;
  color:#403b20;
}
.sidebar-tip>span,.sidebar-tip p{color:#696342}
.sidebar-collapse{
  background:#fffef6;
  border-color:#e9e5ce;
  color:#77776b;
}
.topbar{background:#fffefa;box-shadow:none}
.live-chip{background:#faf9ee}
.theme-switch{background:#f8f7ed}
.profile-link:hover{color:#7e7628}
.welcome-banner{
  background:#FBEC5D;
  border:1px solid #ebdb4f;
  color:#2f2e1c;
  box-shadow:0 12px 26px rgba(203,184,42,.14);
}
.welcome-banner p,.banner-eyebrow{color:#645d25}
.banner-button{
  background:#fffdf0;
  color:#453d15;
  border:1px solid #eadf86;
}
.banner-stat{
  background:#fff8c8;
  color:#3d3718;
}
.banner-stat span{color:#70662a}
.metric-card{
  box-shadow:0 7px 24px rgba(48,44,20,.07);
}
.metric-card:nth-child(1){background:#fff079;border-color:#f3e469}
.metric-card:nth-child(2){background:#e8f6df;border-color:#ddecda}
.metric-card:nth-child(3){background:#e6f4fb;border-color:#dcecf4}
.metric-card:nth-child(4){background:#fff0dc;border-color:#f4e7d6}
.metric-card:nth-child(5){background:#fff8d1;border-color:#f3ebc5}
.metric-card:nth-child(6){background:#f1edfa;border-color:#e9e3f3}
.metric-card>span:not(.metric-icon):not(.card-arrow),
.metric-card>small{color:#666b5d}
.metric-card .metric-icon{background:#ffffffa8}
.panel{box-shadow:var(--shadow)}
.panel-heading .eyebrow,.eyebrow{color:#999140}
.occupancy-track{background:#eeeee3}
.occupancy-track span{background:#e8cd27}
.dot.olive{background:#e8cd27}
.dot.maize{background:#FBEC5D}
.dot.grey{background:#ced0c4}
.pulse-list>a{background:#fffefa}
.status-filters button[aria-pressed="true"]{
  background:#fff7c9;
  border-color:#d6c53a;
}
.room-card{background:#fffefa}
.room-card:hover{box-shadow:0 8px 24px rgba(44,41,20,.12)}
.workspace-tabs button.active,.workspace-tabs button:hover{
  background:#FBEC5D;
  color:#332d13;
}
.heading-count,
.form-panel input,.form-panel select,.profile-form input,.profile-form select,
.auth-card input,.status-form select{
  background:var(--surface);
  border-color:var(--line);
  color:var(--ink);
}
.table-panel tbody tr:hover{background:#fffbea}
.table-panel tbody tr.selected-row{background:#fff6c6;outline-color:#e8cd27}
.notice{background:#eaf6e8;color:#356b3e}
.alert{background:#ffede8;color:#ae544d}
.profile-email{background:#fff9d8}
.empty-state{background:var(--surface-2);border-color:var(--line)}
.workspace-tabs span{background:#f6f3dc;color:#777b70}
html[data-theme="dark"] .sidebar{
  background:#282b22;
  border-right-color:#414536;
  color:#f4f0db;
}
html[data-theme="dark"] .sidebar .brand{color:#f4f0db}
html[data-theme="dark"] .sidebar .brand small,
html[data-theme="dark"] .sidebar .nav-label{color:#aaa995}
html[data-theme="dark"] .sidebar .nav a{color:#d1d3bd}
html[data-theme="dark"] .sidebar .nav a:hover,
html[data-theme="dark"] .sidebar .nav a:focus,
html[data-theme="dark"] .sidebar .nav a.active{
  background:#474833;
  color:#fff7ce;
}
html[data-theme="dark"] .sidebar-tip{
  background:#414333;
  border-color:#56563a;
  color:#f4edc8;
}
html[data-theme="dark"] .sidebar-tip p,
html[data-theme="dark"] .sidebar-tip>span{color:#d8cc83}
html[data-theme="dark"] .sidebar-collapse,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .live-chip,
html[data-theme="dark"] .theme-switch{
  background:var(--surface);
  color:var(--ink);
  border-color:var(--line);
}
html[data-theme="dark"] .welcome-banner{
  background:#d9c848;
  border-color:#c5b33b;
  color:#252718;
}
html[data-theme="dark"] .welcome-banner p,
html[data-theme="dark"] .banner-eyebrow{color:#4e4d21}
html[data-theme="dark"] .banner-stat{background:#ece09a;color:#303018}
html[data-theme="dark"] .banner-stat span{color:#57552c}
html[data-theme="dark"] .banner-button{background:#fff5bd;color:#343017}
html[data-theme="dark"] .metric-card{
  border-color:#50513f;
  color:var(--ink);
}
html[data-theme="dark"] .metric-card:nth-child(1){background:#554f29}
html[data-theme="dark"] .metric-card:nth-child(2){background:#2f4934}
html[data-theme="dark"] .metric-card:nth-child(3){background:#304853}
html[data-theme="dark"] .metric-card:nth-child(4){background:#524134}
html[data-theme="dark"] .metric-card:nth-child(5){background:#4a442c}
html[data-theme="dark"] .metric-card:nth-child(6){background:#443c50}
html[data-theme="dark"] .metric-card>span:not(.metric-icon):not(.card-arrow),
html[data-theme="dark"] .metric-card>small{color:#d2d0ba}
html[data-theme="dark"] .metric-card .metric-icon{background:#ffffff23}
html[data-theme="dark"] .occupancy-track{background:#424338}
html[data-theme="dark"] .occupancy-track span{background:#f3da44}
html[data-theme="dark"] .pulse-list>a,
html[data-theme="dark"] .room-card{background:var(--surface)}
html[data-theme="dark"] .status-filters button[aria-pressed="true"]{
  background:#4b492c;
  border-color:#c8b445;
}
html[data-theme="dark"] .heading-count,
html[data-theme="dark"] .profile-email,
html[data-theme="dark"] .workspace-tabs span,
html[data-theme="dark"] .status-filters b{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .table-panel tbody tr:hover{background:#34362d}
html[data-theme="dark"] .table-panel tbody tr.selected-row{background:#46442a;outline-color:#e8cd27}
html[data-theme="dark"] .status-tag.ready,
html[data-theme="dark"] .status-tag.checkedin,
html[data-theme="dark"] .status-tag.done{background:#2f4934;color:#a2eab8}
html[data-theme="dark"] .status-tag.cleaning{background:#304853;color:#9bd4f0}
html[data-theme="dark"] .status-tag.outofservice,
html[data-theme="dark"] .status-tag.cancelled{background:#533139;color:#ff9aa2}
html[data-theme="dark"] .status-tag.checkedout{background:#45483e;color:#d0d3c5}
@media(max-width:720px){
  .sidebar .nav a{margin:0 2px;border-radius:8px}
  .sidebar .nav a.active{border-bottom-color:#d4c13c}
}