/* Château La Châteline Operations Suite — UI System v20.003
   Layered after legacy app.css to preserve backward compatibility. */
:root{
  --ui-bg:#f2f5f3;--ui-bg-2:#e9efec;--ui-card:#ffffff;--ui-card-soft:#f8faf9;
  --ui-ink:#17241f;--ui-muted:#66766f;--ui-line:#dfe7e2;--ui-line-strong:#cbd8d1;
  --ui-brand:var(--green,#0f5136);--ui-brand-2:#0b3f2c;--ui-brand-soft:#e7f2ec;
  --ui-gold:#b99058;--ui-danger:#b42318;--ui-warning:#a45a08;--ui-info:#285da8;
  --ui-r-sm:10px;--ui-r:14px;--ui-r-lg:20px;--ui-r-xl:26px;
  --ui-shadow-sm:0 1px 2px rgba(13,35,27,.04),0 7px 20px rgba(13,35,27,.05);
  --ui-shadow:0 16px 45px rgba(13,35,27,.08);--ui-shadow-lg:0 28px 80px rgba(13,35,27,.12);
  --ui-sidebar:286px;--ui-topbar:76px;--ui-focus:0 0 0 4px color-mix(in srgb,var(--ui-brand) 13%,transparent);
}
html{background:var(--ui-bg);accent-color:var(--ui-brand)}
body.backend-wa,body.reception-wa,body.pwa-body{color:var(--ui-ink);background:var(--ui-bg);font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}
body.backend-wa{background:
  radial-gradient(circle at 78% 0%,color-mix(in srgb,var(--ui-brand) 5%,transparent),transparent 27rem),
  linear-gradient(180deg,#f7f9f8 0,var(--ui-bg) 380px)}
::selection{background:color-mix(in srgb,var(--ui-brand) 20%,transparent)}
:focus-visible{outline:0;box-shadow:var(--ui-focus)}

/* Buttons, controls, fields */
.btn{min-height:40px;border-radius:11px;padding:10px 14px;font-weight:760;letter-spacing:-.01em;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(13,35,27,.10)}
.btn:active{transform:none}.btn.sm{min-height:34px;border-radius:9px;padding:7px 10px}.btn.secondary{background:#fff;border-color:var(--ui-line-strong);color:var(--ui-brand)}.btn.ghost{background:rgba(255,255,255,.6);border-color:var(--ui-line)}.btn.danger{background:var(--ui-danger)}
.input,.select,.textarea,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-color:var(--ui-line-strong);border-radius:11px;background:#fff;color:var(--ui-ink);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
.input:focus,.select:focus,.textarea:focus,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--ui-brand) 65%,#fff);box-shadow:var(--ui-focus);outline:0}
.label,label.label{color:#44554e;font-size:12px;letter-spacing:.015em}.muted{color:var(--ui-muted)}
.check-row{border-color:var(--ui-line)}
.alert{border:1px solid color-mix(in srgb,var(--ui-brand) 16%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ui-brand) 7%,#fff)}
.alert.error{border-color:#f0cbc7;background:#fff5f3}.alert.warn{border-color:#f0d9b5;background:#fff9ed}
.badge,.status{border-radius:999px;font-weight:780;letter-spacing:.01em}

/* Admin architecture */
.admin-shell{grid-template-columns:var(--ui-sidebar) minmax(0,1fr)}
.sidebar{width:var(--ui-sidebar);padding:16px 12px 13px;background:
  radial-gradient(circle at 25% -8%,rgba(255,255,255,.10),transparent 15rem),
  linear-gradient(180deg,#113b2f 0%,#0a2b23 58%,#08241d 100%);border-right:1px solid rgba(255,255,255,.07);box-shadow:12px 0 40px rgba(6,26,20,.08);overflow:hidden}
.sidebar .brand-lockup{padding:7px 9px 16px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.09)}
.sidebar .brand-logo{width:45px;height:45px;background:#fff;border-radius:12px;padding:4px;object-fit:contain;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.sidebar .brand-crest{width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,#f5e4c9,#cfa36c);color:#10382d;box-shadow:0 8px 28px rgba(0,0,0,.14)}
.sidebar .brand-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:-.015em}.sidebar .brand-copy span{color:#a8c4b8;font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin-top:4px}
.nav{min-height:0;overflow:auto;padding:5px 3px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.nav-group{margin:9px 0 3px}.nav-group:first-child{margin-top:2px}.nav-group-toggle{width:100%;border:0;background:transparent;color:#93b4a7;padding:7px 9px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:uppercase;font-size:9px;line-height:1;font-weight:900;letter-spacing:.14em;cursor:pointer;text-align:left}.nav-group-toggle:after{content:"⌄";font-size:12px;opacity:.65;transition:transform .16s ease}.nav-group.collapsed .nav-group-toggle:after{transform:rotate(-90deg)}.nav-group.collapsed .nav-group-items{display:none}.nav-group-items{display:grid;gap:3px}
.nav a{min-height:40px;padding:9px 10px;border-radius:10px;color:#cfe0d9;font-size:12.5px;font-weight:650;gap:10px;border:1px solid transparent;transition:.14s ease}.nav a .ui-icon{width:17px;height:17px;color:#a9c9bb;flex:0 0 auto}.nav a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.06);color:#fff}.nav a.active{background:linear-gradient(110deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border-color:rgba(255,255,255,.11);color:#fff;box-shadow:inset 3px 0 0 #e2c294,0 6px 18px rgba(0,0,0,.09)}.nav a.active .ui-icon{color:#f2d6a8}.nav-badge{margin-left:auto;background:#e9c690;color:#163c30;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;font-size:10px;font-weight:900}
.sidebar-foot{padding:13px 7px 2px;border-top-color:rgba(255,255,255,.09)}.user-mini{display:flex;align-items:center;gap:9px;padding:7px}.user-mini>div{min-width:0}.user-mini strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini span:not(.user-avatar){display:block;color:#8fb0a3;font-size:10px;margin-top:2px}.user-avatar{background:linear-gradient(145deg,#e8d0a9,#ba8d53)!important;color:#173d31!important;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.sidebar-logout{margin-top:5px;padding:8px 9px;border-radius:9px;color:#a9c0b7;font-size:11px;display:flex;align-items:center;gap:8px}.sidebar-logout:hover{background:rgba(255,255,255,.06);color:#fff}
.main{min-width:0}.topbar{height:var(--ui-topbar);padding:0 28px;background:rgba(250,252,251,.86);backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid rgba(207,219,213,.8);box-shadow:0 8px 28px rgba(18,44,35,.035);z-index:80}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.topbar-title strong{display:block;font-size:16px;letter-spacing:-.018em}.topbar-title span{display:block;font-size:10px;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.global-search{min-width:min(31vw,390px);height:42px;border:1px solid var(--ui-line);background:#fff;border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:8px;box-shadow:0 3px 12px rgba(17,42,33,.025)}.global-search .ui-icon{width:16px;color:#87958f}.global-search input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;font-size:12px;min-width:0}.top-icon,.icon-btn{width:40px;height:40px;border:1px solid var(--ui-line);border-radius:11px;background:#fff;color:#51635b;display:grid;place-items:center;position:relative;cursor:pointer;transition:.14s}.top-icon:hover,.icon-btn:hover{color:var(--ui-brand);border-color:#c5d5cd;box-shadow:0 7px 18px rgba(18,44,35,.07);transform:translateY(-1px)}.top-icon .ui-icon,.icon-btn .ui-icon{width:18px;height:18px}.top-count{top:-5px;right:-5px}.top-user{padding-left:8px;border-left:1px solid var(--ui-line);display:flex;align-items:center;gap:9px}.top-user strong{font-size:11px}.top-user span:not(.user-avatar){font-size:9px;color:var(--ui-muted)}
.page{padding:28px clamp(18px,2.35vw,38px) 40px;max-width:1800px;width:100%;margin:0 auto}.page-head{margin:2px 0 22px;padding:0}.page-head h1{font-size:25px;letter-spacing:-.03em;font-weight:790}.page-head>div>p,.page-head>p{color:var(--ui-muted);max-width:760px}.actions{align-items:center}

/* Shared professional surfaces */
.card,.ops-panel,.pro-card,.reception-easy-card,.reception-action-card,.guest-request-card,.list-card{border:1px solid var(--ui-line);background:rgba(255,255,255,.96);border-radius:var(--ui-r);box-shadow:var(--ui-shadow-sm)}
.card{overflow:hidden}.card-head{min-height:52px;padding:14px 17px;border-color:var(--ui-line);background:linear-gradient(180deg,#fff,#fbfcfb)}.card-head h2,.card-head h3{font-size:14px;letter-spacing:-.01em}.card-body{padding:17px}.card-foot{border-color:var(--ui-line);background:#fbfcfb}
.grid-2,.grid-3{gap:18px}.metrics{gap:14px}.metric,.metric-card,.mobile-metric{border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow-sm)}
.table-wrap{border-radius:12px;border:1px solid var(--ui-line);background:#fff;scrollbar-width:thin}.table{font-size:12px}.table th{position:sticky;top:0;z-index:2;background:#f5f8f6;color:#5f7169;text-transform:uppercase;letter-spacing:.055em;font-size:9.5px;border-color:var(--ui-line)}.table td{border-color:#e8eeea;padding-top:12px;padding-bottom:12px}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#f7faf8}
.empty-state,.ops-empty,.guest-empty{border:1px dashed #cfdad4;background:#fafcfb;border-radius:12px;color:var(--ui-muted)}

/* Dashboard v20.003 */
.ops-dashboard{max-width:none}.ops-dashboard-head{position:relative;padding:26px 28px;margin-bottom:18px;border-radius:22px;overflow:hidden;background:linear-gradient(125deg,#0b3a2c 0%,#12543e 65%,#176149 100%);color:#fff;box-shadow:0 20px 55px rgba(11,58,44,.18)}.ops-dashboard-head:after{content:"";position:absolute;right:-80px;top:-130px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 115px rgba(255,255,255,.018)}.ops-dashboard-head-copy,.ops-head-actions{position:relative;z-index:1}.ops-dashboard-head h1{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(34px,3.5vw,50px)!important;font-weight:500!important;letter-spacing:-.035em!important;color:#fff!important;margin:8px 0 7px!important}.ops-dashboard-head p{max-width:720px!important;color:rgba(255,255,255,.72)!important;font-size:13px!important}.ops-eyebrow{color:#e1c398!important;font-weight:800!important;letter-spacing:.085em!important}.ops-live-dot{box-shadow:0 0 0 5px rgba(117,216,166,.14)}.ops-btn-primary{background:#fff!important;color:#113e31!important}.ops-btn-light{border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.09)!important;color:#fff!important}.ops-kpi-strip{gap:12px;margin-bottom:18px}.ops-kpi{border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important;padding:17px 18px!important}.ops-kpi strong{font-size:30px!important;letter-spacing:-.035em!important;color:#163b30!important}.ops-kpi-label{color:#75857e!important;font-size:9px!important;letter-spacing:.095em!important}.ops-kpi small{color:#7b8983!important}.ops-kpi.needs-attention{border-color:#ead8bc!important;background:linear-gradient(180deg,#fff,#fffbf4)!important}.ops-attention-bar{border:1px solid #ead5b0!important;border-radius:14px!important;background:#fffaf0!important;box-shadow:none!important}.ops-dashboard-grid{gap:18px!important}.ops-panel{border-radius:16px!important;overflow:hidden}.ops-panel-head{padding:17px 18px!important;border-bottom:1px solid var(--ui-line);background:linear-gradient(180deg,#fff,#fbfcfb)}.ops-panel-head h2{font-size:17px!important;letter-spacing:-.02em!important}.ops-section-label{font-size:9px!important;letter-spacing:.11em!important;color:#819089!important}.ops-event-row,.ops-work-row,.ops-message-row,.ops-property-row,.ops-catch-row{border-color:#e8eeea!important;transition:background .12s ease,transform .12s ease}.ops-event-row:hover,.ops-work-row:hover,.ops-message-row:hover,.ops-property-row:hover,.ops-catch-row:hover{background:#f7faf8!important}.ops-panel-footer{background:#fbfcfb!important;border-color:var(--ui-line)!important}.ops-occupancy-ring{filter:drop-shadow(0 8px 18px rgba(18,70,52,.08))}

/* Website Studio / dense configuration pages */
.studio-hero{border:1px solid var(--ui-line)!important;border-radius:20px!important;background:linear-gradient(128deg,#0e402f,#176149)!important;color:#fff!important;box-shadow:var(--ui-shadow)!important}.studio-hero h1,.studio-hero h2{color:#fff!important}.studio-subtitle{color:rgba(255,255,255,.73)!important}.studio-tabs,.website-tabs{position:sticky;top:var(--ui-topbar);z-index:35;display:flex;gap:6px;overflow:auto;padding:9px;border:1px solid var(--ui-line);border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(18,44,35,.06);scrollbar-width:none}.studio-tabs a,.website-tabs a{white-space:nowrap;border-radius:9px!important;padding:9px 12px!important;font-size:11px!important;font-weight:760!important}.studio-tabs a.active,.website-tabs a.active{background:var(--ui-brand)!important;color:#fff!important}.v5-split{gap:18px!important}.v5-list,.v5-editor,.layout-studio,.block-layout-panel{border-color:var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important}.v5-list-row,.block-row{border-color:#e8eeea!important}.v5-list-row:hover,.block-row:hover{background:#f7faf8!important}.v5-callout{border-radius:13px!important;border-color:#dbe6e0!important}.option-grid>*,.layout-preview{border-radius:13px!important;border-color:var(--ui-line)!important}.code-block{border-radius:11px!important;background:#10231c!important;color:#d8e9e1!important}

/* Chat */
.chat-layout{border-color:var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow);background:#fff}.chat-list{border-color:var(--ui-line);background:#fff}.thread{border-color:#e9eeeb}.thread:hover,.thread.active{background:#f0f6f3}.chat-pane{background:#edf2ef}.chat-head{height:68px;border-color:var(--ui-line)}.messages{background-color:#edf2ef;background-image:radial-gradient(rgba(19,77,57,.055) 1px,transparent 1px);background-size:22px 22px}.bubble{border-radius:13px 13px 13px 4px;box-shadow:0 2px 7px rgba(14,37,29,.07)}.bubble.mine{border-radius:13px 13px 4px 13px;background:#dff3e7}.chat-compose{border-color:var(--ui-line);background:rgba(250,252,251,.96);backdrop-filter:blur(14px)}

/* Reception */
body.reception-wa{background:linear-gradient(180deg,#f7f9f8,var(--ui-bg))}.reception-shell{background:transparent!important}.reception-side{background:linear-gradient(180deg,#113b2f,#08251e)!important;border-right:1px solid rgba(255,255,255,.07);box-shadow:12px 0 40px rgba(6,26,20,.08)}.reception-side .brand-logo{background:#fff;padding:4px;border-radius:11px}.reception-side nav a{border-radius:10px!important;color:#cadfd6!important;font-weight:680!important}.reception-side nav a:hover{background:rgba(255,255,255,.07)!important}.reception-side nav a.active{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 3px 0 0 #e0c08d}.reception-top{min-height:76px!important;background:rgba(250,252,251,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--ui-line)!important;padding-inline:24px!important}.reception-top-title span{color:#7b8a83!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-size:9px!important}.reception-top-title strong{font-size:17px!important;letter-spacing:-.02em}.reception-page{padding:26px!important;max-width:1650px;margin:0 auto;width:100%}.call-ready-button{border-radius:11px!important}.reception-easy-card,.reception-action-card{overflow:hidden}.reception-title h1{letter-spacing:-.03em!important}.reception-list,.easy-body{border-color:var(--ui-line)!important}.reception-row{border-color:#e8eeea!important}.reception-mobile-nav{border-top:1px solid var(--ui-line)!important;box-shadow:0 -10px 30px rgba(14,37,29,.08)!important}

/* Staff & guest PWA */
body.pwa-body{background:#e8eeeb;min-height:100svh}.mobile-shell{max-width:620px;background:linear-gradient(180deg,#f7f9f8,#edf2ef);box-shadow:0 0 0 1px rgba(25,60,47,.06),0 20px 70px rgba(12,38,28,.12)}.mobile-top{min-height:68px;padding:12px 16px;background:linear-gradient(120deg,#0f4936,#146246);box-shadow:0 10px 26px rgba(13,60,44,.18)}.mobile-top .title{letter-spacing:-.015em}.mobile-body{padding:15px}.hero-card{border:0;border-radius:20px;box-shadow:var(--ui-shadow);overflow:hidden}.hero-photo{min-height:175px}.list-card{border-radius:16px}.list-item{border-color:#e8eeea;padding:14px}.bottom-nav,.guest-hub-bottom{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);border-top:1px solid var(--ui-line)!important;box-shadow:0 -12px 32px rgba(13,35,27,.08)!important}.bottom-nav a.active,.guest-hub-bottom a.active{color:var(--ui-brand)!important}.catch-card{border-color:var(--ui-line);border-radius:16px;box-shadow:var(--ui-shadow-sm)}
.guest-hub{background:linear-gradient(180deg,#f7f9f8,#eef3f0)!important}.guest-hub-main{max-width:1080px!important}.guest-page-head h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.03em!important}.guest-welcome,.guest-stay-list article,.guest-menu-preview article,.guest-news-preview article,.guest-menu-full,.guest-news-list article,.guest-account-grid>*{border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-sm)!important;border-radius:16px!important}.guest-request-card{padding:20px!important}.guest-party-grid{gap:10px!important}

/* Print stays print-first; only screen toolbar polish */
@media screen{.a4-toolbar{border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important}}

/* UI preference panel + command palette */
.ui-pref-panel{position:fixed;z-index:5000;right:18px;top:74px;width:min(330px,calc(100vw - 28px));padding:16px;border:1px solid var(--ui-line);border-radius:16px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:var(--ui-shadow-lg);display:none}.ui-pref-panel.open{display:block}.ui-pref-panel h3{font-size:14px;margin:0 0 4px}.ui-pref-panel p{font-size:11px;color:var(--ui-muted);margin:0 0 14px}.ui-pref-row{display:grid;gap:7px;margin-top:11px}.ui-pref-row>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#75857e;font-weight:850}.ui-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ui-segments button{border:1px solid var(--ui-line);background:#f8faf9;border-radius:9px;padding:8px 6px;font-size:10px;font-weight:760;cursor:pointer}.ui-segments button.active{background:var(--ui-brand);border-color:var(--ui-brand);color:#fff}
.command-backdrop{position:fixed;inset:0;z-index:5100;background:rgba(5,20,15,.46);backdrop-filter:blur(5px);display:none;align-items:flex-start;justify-content:center;padding:11vh 18px 30px}.command-backdrop.open{display:flex}.command-palette{width:min(680px,100%);max-height:72vh;background:#fff;border:1px solid var(--ui-line);border-radius:20px;box-shadow:0 32px 100px rgba(4,20,14,.28);overflow:hidden}.command-search{height:64px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--ui-line)}.command-search .ui-icon{width:20px;color:#6e8178}.command-search input{width:100%;height:100%;border:0!important;box-shadow:none!important;background:transparent!important;font-size:16px!important}.command-results{padding:8px;overflow:auto;max-height:calc(72vh - 64px)}.command-item{display:flex;align-items:center;gap:12px;padding:11px;border-radius:11px;font-size:12px}.command-item:hover,.command-item.selected{background:#edf5f1;color:var(--ui-brand)}.command-item .ui-icon{width:17px}.command-item span{flex:1}.command-item small{color:#8a9892}.command-empty{padding:28px;text-align:center;color:var(--ui-muted);font-size:12px}

/* Theme and density controls */
html[data-ui-theme="dark"]{--ui-bg:#111a16;--ui-bg-2:#17221d;--ui-card:#18231e;--ui-card-soft:#1b2822;--ui-ink:#edf4f0;--ui-muted:#9eafa7;--ui-line:#2a3a32;--ui-line-strong:#385044}
html[data-ui-theme="dark"] body.backend-wa,html[data-ui-theme="dark"] body.reception-wa{background:#111a16;color:var(--ui-ink)}
html[data-ui-theme="dark"] .main,html[data-ui-theme="dark"] .page{color:var(--ui-ink)}
html[data-ui-theme="dark"] .topbar,html[data-ui-theme="dark"] .reception-top{background:rgba(18,28,23,.9)!important;border-color:var(--ui-line)!important}
html[data-ui-theme="dark"] .card,html[data-ui-theme="dark"] .ops-panel,html[data-ui-theme="dark"] .metric,html[data-ui-theme="dark"] .ops-kpi,html[data-ui-theme="dark"] .table-wrap,html[data-ui-theme="dark"] .ui-pref-panel{background:var(--ui-card)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-ui-theme="dark"] .card-head,html[data-ui-theme="dark"] .card-foot,html[data-ui-theme="dark"] .ops-panel-head,html[data-ui-theme="dark"] .ops-panel-footer,html[data-ui-theme="dark"] .table th{background:var(--ui-card-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-ui-theme="dark"] input,html[data-ui-theme="dark"] select,html[data-ui-theme="dark"] textarea,html[data-ui-theme="dark"] .global-search,html[data-ui-theme="dark"] .top-icon{background:#1b2922!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-ui-theme="dark"] .table td{border-color:var(--ui-line)}html[data-ui-theme="dark"] .table tbody tr:hover{background:#1d2b24}
html[data-ui-density="compact"] .page{padding-top:20px}html[data-ui-density="compact"] .card-body{padding:13px 14px}html[data-ui-density="compact"] .table th,html[data-ui-density="compact"] .table td{padding-top:8px;padding-bottom:8px}html[data-ui-density="compact"] .nav a{min-height:35px;padding-block:7px}
html[data-ui-sidebar="compact"]{--ui-sidebar:86px}html[data-ui-sidebar="compact"] .sidebar .brand-copy,html[data-ui-sidebar="compact"] .nav-group-toggle span,html[data-ui-sidebar="compact"] .nav a>span:not(.nav-badge),html[data-ui-sidebar="compact"] .user-mini>div,html[data-ui-sidebar="compact"] .sidebar-logout{display:none}html[data-ui-sidebar="compact"] .sidebar .brand-lockup{justify-content:center}html[data-ui-sidebar="compact"] .nav a{justify-content:center;padding-inline:8px}html[data-ui-sidebar="compact"] .nav a .ui-icon{width:19px;height:19px}html[data-ui-sidebar="compact"] .nav-group-toggle{justify-content:center;padding-inline:0;font-size:0}html[data-ui-sidebar="compact"] .nav-group-toggle:before{content:"•••";font-size:8px;letter-spacing:2px}html[data-ui-sidebar="compact"] .nav-group-toggle:after{display:none}html[data-ui-sidebar="compact"] .user-mini{justify-content:center}

@media(max-width:1180px){:root{--ui-sidebar:250px}.top-user>div{display:none}.global-search{min-width:240px}.page{padding-inline:20px}}
@media(max-width:920px){.admin-shell{display:block}.sidebar{position:fixed!important;display:flex!important;left:0;top:0;bottom:0;z-index:300;width:min(310px,88vw);transform:translateX(-104%);transition:transform .2s ease}.sidebar.open,.sidebar.is-open{transform:none}.sidebar-scrim{position:fixed;inset:0;z-index:290;background:rgba(4,20,14,.48);backdrop-filter:blur(3px);display:none}.sidebar-scrim.open,.sidebar-scrim.is-open{display:block}.topbar{padding-inline:14px;height:68px}.global-search{display:none}.top-user{display:none}.page{padding:18px 13px 100px}.page-head h1{font-size:22px}.ops-dashboard-head{padding:22px 19px;border-radius:18px}.ops-dashboard-head h1{font-size:36px!important}.ops-dashboard-head p{font-size:12px!important}.ops-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ops-dashboard-grid{grid-template-columns:1fr!important}.studio-tabs,.website-tabs{top:68px}.reception-page{padding:16px 13px 92px!important}}
@media(max-width:620px){.topbar-title span{display:none}.topbar-right{gap:5px}.pwa-install-btn span{display:none}.ops-kpi-strip{grid-template-columns:1fr 1fr!important}.ops-kpi{padding:14px!important}.ops-kpi strong{font-size:25px!important}.ops-head-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.ops-head-actions .btn{width:100%}.grid-2,.grid-3,.form-grid,.form-grid.three{grid-template-columns:1fr!important}.reception-top{padding-inline:10px!important}.reception-top .actions{gap:4px!important}.reception-top-logout span,.call-ready-button span{display:none}.ui-pref-panel{top:66px;right:8px}.command-backdrop{padding:7vh 9px 20px}.command-palette{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.ui-pref-panel,.command-backdrop{display:none!important}}

/* Authentication & setup surfaces */
.visual-login,.login-shell{background:
 radial-gradient(circle at 15% 15%,rgba(232,210,174,.18),transparent 22rem),
 radial-gradient(circle at 88% 2%,rgba(255,255,255,.10),transparent 26rem),
 linear-gradient(145deg,#0b392c 0%,#0f4e39 38%,#eaf0ed 38%,#f4f7f5 100%)!important}
.login-shell{padding:30px 18px}.visual-login .login-card,.login-card{position:relative;border:1px solid rgba(255,255,255,.65)!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;padding:30px!important;box-shadow:0 28px 90px rgba(5,31,22,.20)!important;overflow:hidden}.visual-login .login-card:before,.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ui-brand),#c7a26c)}.login-brand{margin-bottom:25px}.login-brand img{width:55px!important;height:55px!important;padding:3px;background:#fff!important;border-radius:12px!important;box-shadow:0 7px 20px rgba(15,56,42,.08)}.login-brand strong{font-family:Georgia,"Times New Roman",serif!important;font-size:17px!important;color:#153d30!important}.login-brand span{color:#7b8a83!important;font-size:9px!important;letter-spacing:.11em!important}.visual-login h1{font-family:Georgia,"Times New Roman",serif;font-size:30px!important;font-weight:500;letter-spacing:-.03em;color:#183e32}.visual-login p{font-size:12px!important;line-height:1.6}.visual-login .btn.block{min-height:46px;border-radius:11px}.login-pwa-help{font-size:10px!important;text-align:center}.mdesk-credit{color:#7c8b84!important;font-size:10px!important}
@media(max-width:600px){.visual-login,.login-shell{background:linear-gradient(180deg,#0e4936 0,#0e4936 26%,#eef3f0 26%,#f6f8f7 100%)!important}.visual-login .login-card,.login-card{padding:24px!important;border-radius:17px!important}}
/* v20.004 domain map studio additions */
.domain-map-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.domain-map-toolbar [data-domain-status]{flex:1;min-width:240px}.domain-map-settings{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2,#f7f9f8);display:grid;gap:10px}.website-map-builder{min-height:520px;border-radius:18px;overflow:hidden}