/* Moon Silver — one screen design across all agents. Print and offer PDFs retain their original styles. */
@media screen {
html:root,html:root[data-theme],html:root body.moon-glass {
  color-scheme:light;
  --bg:#f5f5f7!important;--paper:#f5f5f7!important;--surface:#ffffff!important;--ink:#1d1d1f!important;--ink-soft:#3a3a3c!important;
  --muted:#6e6e73!important;--soft:#77777d!important;--line:#dedee3!important;--line2:#cfcfd5!important;--line-strong:#c7c7ce!important;
  --fill:#ebebef!important;--band:#e8e8ed!important;--accent:#0071e3!important;
  --pos:#23784f!important;--pos-soft:#eaf4ee!important;--neg:#b33b35!important;--neg-soft:#fbeeed!important;--red:#c4423d!important;--green:#23784f!important;--ok:#23784f!important;
  --radius:0!important;--r-sm:0!important;--r-md:0!important;--r-lg:0!important;--r-pill:0!important;
  --mr-bg:#eeeeF1;--mr-surface:#fafafa;--mr-ink:#1d1d1f;--mr-muted:#636369;--mr-soft:#77777d;--mr-line:#d8d8de;--mr-fill:#e7e7eb;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  --mr-sans:var(--sans);--sh-up:0 4px 18px #00000009!important;--sh-dark:0 4px 16px #0000000f!important;--mr-shadow:var(--sh-up);
  --moon-side-width:248px;--moon-bar-height:62px;
}
html:root body.moon-glass { margin:0!important;padding:96px 20px 20px calc(var(--moon-side-width) + 20px)!important;min-height:100dvh;height:auto!important;font-family:var(--sans)!important;color:var(--ink)!important;background:radial-gradient(ellipse at 15% 0%,#f6f6f8 0,transparent 55%),radial-gradient(ellipse at 85% 0%,#e9e9ed 0,transparent 50%),#dcdce1!important;background-attachment:fixed!important; }
html:root body.moon-glass.moon-rail {--moon-side-width:76px;}
html body.moon-glass .app {display:block!important;min-height:0!important;height:auto!important;width:100%;}
html body.moon-glass :is(.app>.main,body>.main,.app>main,body>.wrap) {margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:calc(100dvh - 116px);height:auto!important;padding:32px 34px 48px!important;background:#f5f5f7!important;border:1px solid #d2d2d8!important;border-radius:0!important;overflow:visible!important;box-shadow:12px 18px 48px #0000000a!important;}
html body.moon-glass .moon-sidebar {position:fixed!important;inset:96px auto 20px 20px!important;width:var(--moon-side-width)!important;min-width:var(--moon-side-width)!important;height:calc(100dvh - 116px)!important;max-height:calc(100dvh - 116px)!important;z-index:250!important;display:flex!important;transform:none!important;padding:0 0 6px!important;border:1px solid #ffffffa6!important;border-right:none!important;border-radius:0!important;background:linear-gradient(155deg,#f2f2f5cc,#e9e9edb8 65%,#e3e3e8cc)!important;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 16px 40px #0000000a!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#b5b5be88 transparent;}
html body.moon-glass .moon-sidebar :is(.brand,.agbrand) {height:80px!important;min-height:80px!important;padding:0 22px!important;border-bottom:1px solid #5858581a!important;gap:10px!important;flex-direction:row!important;}
html body.moon-glass .moon-sidebar :is(.brand b,.agbrand b) {font-size:16px!important;font-weight:550!important;letter-spacing:-.025em!important;color:#1d1d1f!important;}
html body.moon-glass .moon-sidebar :is(.dot,.agbrand>i) {display:inline-flex!important;width:31px!important;height:31px!important;min-width:31px!important;border-radius:50%!important;background:#d7d7dd80!important;color:#414147!important;}
html body.moon-glass .moon-sidebar .dot::before {display:none!important;}
html body.moon-glass .moon-sidebar :is(.dot,.agbrand>i)::after {content:"m"!important;font-size:22px!important;font-weight:650!important;line-height:1!important;color:#414147!important;text-transform:lowercase!important;}
html body.moon-glass :is(.moon-legacy-nav,.railtog,.burger,.agburger) {display:none!important;}
html body.moon-glass .moon-nav {padding:16px 12px 14px;flex-shrink:0;}
html body.moon-glass .moon-nav-label {padding:4px 12px 12px;color:#5a5a5a;font-size:9px;font-weight:500;letter-spacing:.14em;}
html body.moon-glass .moon-nav-link {height:40px;margin:3px 0;padding:0 13px;display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid transparent;border-radius:0;color:#434343;font-size:13px;font-weight:450;transition:background .16s,color .16s,border-color .16s;white-space:nowrap;}
html body.moon-glass .moon-nav-link svg {width:18px;height:18px;flex:none;color:#565656;}
html body.moon-glass .moon-nav-link:hover {color:#1d1d1f;background:#00000007;border-color:#00000008;}
html body.moon-glass .moon-nav-link.is-current {background:#007aff14;border-color:#007aff1a;color:#0064c8;box-shadow:none;}
html body.moon-glass .moon-nav-link.is-current svg {color:#0071e3;}
html body.moon-glass .moon-sidebar :is(.sfoot,.sfoot2,.side-bottom) {margin-top:auto!important;border-top:1px solid #50505023!important;padding:14px 18px!important;background:transparent!important;color:#404040!important;}
html body.moon-glass .moon-sidebar :is(.sfa,.avatar) {background:#43434322!important;color:#262626!important;border:1px solid #43434315;}
html body.moon-glass .moon-sidebar :is(.sfn b,#sf-nm) {color:#2a2a2a!important;}
html body.moon-glass .moon-sidebar :is(.sec-t,.agsec) {color:#585858!important;}
html body.moon-glass .moon-sidebar :is(.tree,.sec-t button) {color:#424242!important;}
html body.moon-glass.moon-rail .moon-sidebar :is(.brand b,.agbrand b,.moon-nav-label,.moon-nav-link span,.sec-t,.tree,.sfn,.sfoot .sfl,.side-bottom) {display:none!important;}
html body.moon-glass.moon-rail .moon-sidebar :is(.brand,.agbrand) {padding:0!important;justify-content:center!important;}
html body.moon-glass.moon-rail .moon-nav {padding:16px 10px;}
html body.moon-glass.moon-rail .moon-nav-link {padding:0;justify-content:center;}
html body.moon-glass .moon-topbar {position:fixed;top:16px;left:20px;right:20px;height:var(--moon-bar-height);z-index:260;display:flex;align-items:center;gap:18px;padding:0 18px;border:1px solid #ffffffb3;border-radius:0;background:linear-gradient(110deg,#f9f9fbd6,#eeeeF2bd 65%,#f5f5f8c9);box-shadow:inset 0 1px 0 #ffffffd9,0 8px 28px #00000009;backdrop-filter:blur(28px) saturate(110%);-webkit-backdrop-filter:blur(28px) saturate(110%);color:#1d1d1f;}
html body.moon-glass .moon-wordmark {display:flex;align-items:center;gap:9px;font-size:24px;font-weight:550;letter-spacing:-.06em;color:#1d1d1f;text-decoration:none;flex:none;}
html body.moon-glass .moon-mark {width:29px;height:29px;display:grid;place-items:center;border:1px solid #77777d77;border-radius:50%;font-size:22px;line-height:1;}
html body.moon-glass .moon-wordmark-dot {color:#0071e3;}
html body.moon-glass .moon-bar-divider {width:1px;height:20px;background:#b8b8be70;}
html body.moon-glass .moon-current-agent {font-size:12px;color:#3e3e3e;white-space:nowrap;}
html body.moon-glass .moon-menu-button {width:34px;height:34px;flex:none;display:grid;place-items:center;padding:7px!important;background:transparent!important;color:#303030!important;border:1px solid transparent!important;box-shadow:none!important;}
html body.moon-glass .moon-menu-button:hover {background:#1a1a1a11!important;}
html body.moon-glass .moon-topbar svg {width:18px;height:18px;flex:none;}
html body.moon-glass .moon-search-trigger {margin-left:auto;display:flex;align-items:center;gap:9px;min-width:210px;padding:9px 13px!important;background:#ffffff66!important;border:1px solid #c7c7ce77!important;color:#6e6e73!important;border-radius:0!important;font-size:12px;box-shadow:none!important;}
html body.moon-glass .moon-search-trigger kbd {margin-left:auto;color:#505050;font-family:inherit;font-size:10px;background:#3434340c;padding:2px 5px;border-radius:0;}
html body.moon-glass .moon-shortcuts {display:flex;align-items:center;gap:7px;}
html body.moon-glass .moon-shortcut {display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #c7c7ce88;border-radius:0;text-decoration:none;font-size:12px;color:#424247;white-space:nowrap;transition:background .15s;}
html body.moon-glass .moon-shortcut:hover {background:#2c2c2c1a;}
html body.moon-glass .moon-account {height:33px;width:33px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d8d8de99;color:#48484d;font-size:11px;font-weight:600;}
html body.moon-glass .moon-menu-backdrop {display:none;}
/* Shared controls: consistent radius, contrast, focus and disabled states. */
html body.moon-glass :is(button,.btn,.pick,.tvabtn,.fins a,.pgmenu a,.menu a) {font-family:var(--sans)!important;border-radius:0!important;letter-spacing:0!important;}
html body.moon-glass :is(.btn,button:not(.step-head):not(.conversation-button):not(.moon-menu-backdrop):not(.moon-search-trigger):not(.moon-menu-button)) {color:#414146;background-color:#eeeeF2;border-color:#d2d2d8;box-shadow:none;}
html body.moon-glass :is(.btn,.pick,.tvabtn,.fins a,.pgmenu a,.menu a) {background:#eeeeF2!important;color:#414146!important;border:1px solid #d2d2d8!important;box-shadow:none!important;font-size:12px;font-weight:500;}
html body.moon-glass :is(.btn.primary,.btn:not(.ghost):not(.outline):not(.subtle),button.primary,#new-item,#a-go,#gate-go,#gate-form button[type=submit]) {background:#0071e3!important;border-color:#0071e3!important;color:#ffffff!important;box-shadow:0 2px 5px #0071e314!important;}
html body.moon-glass :is(.btn.ghost,.btn.outline,.quiet,.subtle) {background:#eeeeF2!important;border-color:#d2d2d8!important;color:#414146!important;}
html body.moon-glass :is(button,.btn):hover {filter:brightness(.97);}
html body.moon-glass :is(button,input,select,textarea,a,[tabindex]):focus-visible {outline:2px solid #007aff!important;outline-offset:3px;}
html body.moon-glass :is(button,input,select,textarea):disabled {opacity:.45!important;cursor:not-allowed!important;filter:none!important;}
html body.moon-glass :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {background:#ffffff!important;color:#242426!important;border:1px solid #d2d2d8!important;border-radius:0!important;box-shadow:none!important;accent-color:#007aff;}
html body.moon-glass :is(input,textarea)::placeholder {color:#7b7b82!important;opacity:1;}
html body.moon-glass :is(select option,optgroup) {background:#ffffff;color:#242426;}
html body.moon-glass :is(input[type=checkbox],input[type=radio]) {accent-color:#007aff;}
html body.moon-glass :is(.tabs button.on,.tabs button.active,.accchips button.on,.chip.on,.chip.active,.pick.active,.scope-filter.active) {background:#e4eefb!important;color:#0065c9!important;border-color:#bbd4f3!important;}
html body.moon-glass :is(.card,.panel,.step,.summary,.channel,.gate-card,.mcard,.icard,.mgrcard,.modal-card,.mc,.pickbox,.sl-card,.hist-card,.tx-card,.chk-card) {background:#ffffff!important;color:var(--ink)!important;border-color:#dedee4!important;border-radius:0!important;box-shadow:0 3px 12px #00000005!important;}
html body.moon-glass :is(.cards .card) {padding:26px!important;transition:transform .2s,border-color .2s;background:linear-gradient(135deg,#ffffff,#fafafc)!important;}
html body.moon-glass .cards {max-width:1240px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:34px!important;}
html body.moon-glass .cards .card:hover {border-color:#afc9ea!important;transform:translateY(-3px);}
html body.moon-glass .card :is(h2,h3),html body.moon-glass :is(h1,h2,h3,.step-title) {color:#1d1d1f!important;}
html body.moon-glass :is(.card p,.hero p,.hint,.note,.step-note,.mono,.small,.sub,small) {color:#5d5d5d;}
html body.moon-glass main>header p {color:#5d5d5d!important;}
html body.moon-glass :is(.cards .go,.eyebrow) {color:#006bcf!important;}
html body.moon-glass :is(.cards .rtile,.hero>.rtile) {background:#eeeeF2!important;color:#63636b!important;border:1px solid #e4e4e9!important;border-radius:0!important;}
html body.moon-glass :is(.hero h1,.m-head h1) {font-size:28px;font-weight:550!important;letter-spacing:-.035em!important;}
html body.moon-glass .hero {border-color:#c7c7c7!important;}
html body.moon-glass :is(.top,.m-head,.toolbar,.filters,.pgmenu,.controls,.filterbar) {color:var(--ink)!important;background:transparent!important;border-color:#c7c7c7!important;box-shadow:none!important;}
html body.moon-glass .top {position:relative!important;top:auto!important;margin:0 0 22px!important;padding:0 0 18px!important;border-bottom:1px solid #c7c7c7!important;}
html body.moon-glass :is(.m-head,.toolbar) {position:relative!important;top:auto!important;}
html body.moon-glass :is(.grp,.tblw,.table-wrap,.tbwrap,.tablewrap,.tbl-wrap) {border-color:#c5c5c5!important;border-radius:0!important;}
html body.moon-glass :is(table,td,th) {border-color:#c7c7c7!important;}
html body.moon-glass :is(table,td) {background-color:#ffffff;color:var(--ink);}
html body.moon-glass :is(thead th,thead td) {background:#e9e9ed!important;color:#55555d!important;}
html body.moon-glass :is(tbody tr:hover td) {background-color:#f1f4f8;}
html body.moon-glass :is(.grphead,.gh,.stotal,.total,.subtot,.section-row,.sumrow) {background:#e9e9ed!important;color:#414146!important;}
html body.moon-glass :is(.scope-pill,.tag,.count) {background:#ebebef;color:#62626a;}
html body.moon-glass :is(.b-head,.sec-head,.hist-head,.tx-row.tx-head,.chk-row.chk-head,.result.soft,.subrow,.addbar,.totrow td,.tb tr.totrow td.namec,table.year tr.total td,table.year tr.total td:first-child,tr.tot td,table.sold tr.tot td) {background:#ebebef!important;color:#48484f!important;border-color:#d8d8de!important;}
html body.moon-glass :is(.builder,.sheet,.pnl,.block,.kpis,.notes,.deal,.b-body,.sec-body,.section,.result,.row,.tx-row,.chk-row) {border-color:#c4c4c4!important;}
html body.moon-glass :is(.scard,.lcard,.rcard,.modal,#pickpop .pkcard,.splitbox,.rprev,#imp-cols,.impc,#rmodal .rcard .ra,.mgrmodal .lcard .ra) {background:#fafafc!important;color:#2b2b30!important;border-color:#d8d8de!important;border-radius:0!important;}
html body.moon-glass :is(.row:hover,.chk-row:hover,.pkopt:hover,.rprev-list .pr:hover,.tb tr.item:hover td,.tb tr.item:hover td.namec,table.year tr.mrow:hover td,table.year tr.mrow:hover td:first-child) {background:#f0f3f8!important;color:#25252a!important;}
html body.moon-glass :is(.row.sel,.tb tr.item.selected td,.tb tr.item.selected td.namec) {background:#e4eefb!important;}
html body.moon-glass :is(.board-l.on,.chip,.lchip,.ub,.accbtn,.mini,.tvabtn,.lbl,.catsel,.allocsel,.tvasel,.catrow .cb,.selck,.ovd) {background:#ebebef!important;color:#505058!important;border-color:#d3d3db!important;}
html body.moon-glass :is(.lchip.on,.selck.on,.board-l.on) {background:#0071e3!important;color:#ffffff!important;}
html body.moon-glass .selck:not(.on) {color:transparent!important;}
html body.moon-glass .statuscell {color:#ffffff!important;box-shadow:inset 0 0 0 100px #00000024!important;filter:none!important;border:1px solid #00000008;border-radius:0!important;}
html body.moon-glass .statuscell.empty {background:#ebebef!important;color:#65656d!important;box-shadow:none!important;border:1px dashed #bcbcc5!important;}
html body.moon-glass :is(.cbar .track,#mobnav .mn-pill) {background:#f2f2f5!important;border-color:#d2d2da!important;}
html body.moon-glass #selbar {background:#f1f5fc!important;color:#1d1d1f!important;border:1px solid #b6cae6;}
html body.moon-glass #notice {background:#edf5f0!important;color:#276148!important;border:1px solid #c8decf;}
html body.moon-glass #notice.error {background:#fbefee!important;color:#963c37!important;border-color:#e9c8c5!important;}
html body.moon-glass :is(#pop,#pop2,#profmenu,#txpop,.dropdown,.popover,.pickpop,.pmn,.cmenu) {background:#fdfdfef5!important;color:#2f2f34!important;border-color:#d3d3da!important;border-radius:0!important;box-shadow:0 16px 48px #00000016!important;}
html body.moon-glass :is(.pitem,.profitem,.pm-item,.pmopt) {color:#313131!important;}
html body.moon-glass :is(.imodal,.mmod,.veil,.mgrmodal) {backdrop-filter:blur(6px);background-color:#20202445!important;}
html body.moon-glass :is(.smodal,.lmodal,.rmodal,.modal) {color:var(--ink);}
html body.moon-glass :is(#gate,#login-gate) {background:radial-gradient(ellipse at 20% 0%,#f8f8fa,#e2e2e8 65%)!important;}
/* Meta inbox and campaigns use the same surface and controls. */
html body.moon-glass :is(.connection-banner,.inbox-layout) {background:#f4f4f7!important;border-color:#d7d7df!important;color:#393940!important;border-radius:0!important;}
html body.moon-glass :is(.connection-banner p,.panel p,.status-label,.channel p,.channel h3) {color:#565656;}
html body.moon-glass :is(.connection-banner .banner-icon,.live-label) {color:#49745a!important;}
html body.moon-glass .inbox-layout {height:calc(100dvh - 335px);min-height:480px;}
html body.moon-glass .inbox-layout>.panel {border-radius:0!important;box-shadow:none!important;}
html body.moon-glass :is(.inbox-sidebar,.chat-heading,#reply-form) {background:#fafafc!important;border-color:#dcdce3!important;}
html body.moon-glass :is(.chat-panel .messages,.chat-history-bar) {background:#f0f0f3!important;}
html body.moon-glass .conversation-button {background:transparent!important;color:#2f2f2f!important;border-color:transparent!important;border-radius:0!important;}
html body.moon-glass .conversation-button:hover {background:#eeeef2!important;}
html body.moon-glass .conversation-button.selected {background:#e3edfa!important;border-color:#b9d2f133!important;}
html body.moon-glass :is(.conversation-snippet,.conversation-top time,.message small,.message-day,.chat-placeholder p,.inbox-list-note) {color:#626262!important;}
html body.moon-glass .message {background:#e6e6eb!important;color:#27272c!important;border:1px solid #dddde3;}
html body.moon-glass .message.out {background:#e0edfc!important;border-color:#c3d8f4!important;}
html body.moon-glass .inbox-filters button[aria-pressed=true] {background:#e4eefb!important;color:#0065c9!important;border-color:#bbd4f3!important;}
html body.moon-glass :is(.inbox-heading p,.inbox-search,#inbox-sync-status,.chat-placeholder p,.chat-placeholder h3,.reply-actions p) {color:#585858!important;}
html body.moon-glass .moon-preview-notice {margin:20px 0 0;padding:13px 16px;background:#f3f1ea;color:#706343;border:1px solid #ded7c54d;border-radius:0;font-size:12px;}
html body.moon-glass .step {scroll-margin-top:96px;}
html body.moon-glass :is(.badge,.channel-tag,.avatar,.channel-mark) {background:#ededf2!important;color:#66666e!important;}
html body.moon-glass .badge.ok {background:#e8f2eb!important;color:#347149!important;}
/* Agent finder uses the same source of truth as the sidebar. */
html body.moon-glass .moon-agent-dialog {width:min(540px,calc(100vw - 32px));max-height:80dvh;padding:22px;background:#fafafbf5;color:#24242a;border:1px solid #d2d2dcaa;border-radius:0;box-shadow:0 28px 120px #00000022;backdrop-filter:blur(30px);}
html body.moon-glass .moon-agent-dialog::backdrop {background:#20202445;backdrop-filter:blur(7px);}
html body.moon-glass .moon-dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
html body.moon-glass .moon-dialog-heading h2 {font-size:20px;font-weight:500;margin:0;}
html body.moon-glass .moon-dialog-close {width:30px;height:30px;padding:6px;border:0;}
html body.moon-glass .moon-agent-dialog svg {height:20px;width:20px;flex:none;}
html body.moon-glass .moon-search-field {display:flex;align-items:center;gap:10px;border:1px solid #b5cbe8;border-radius:0;padding:0 12px;background:#ffffff;margin:0 0 12px;}
html body.moon-glass .moon-search-field input {width:100%;border:0!important;background:transparent!important;padding:13px 0;font-size:14px;}
html body.moon-glass .moon-search-result {display:grid;grid-template-columns:22px 1fr;gap:2px 12px;text-decoration:none;color:#2b2b2b;padding:10px 12px;border:1px solid transparent;border-radius:0;}
html body.moon-glass .moon-search-result svg {grid-row:1/3;margin-top:6px;color:#0071e3;}
html body.moon-glass .moon-search-result small {grid-column:2;color:#666666;font-size:11px;}
html body.moon-glass .moon-search-result:hover {background:#007aff0b;border-color:#007aff0c;}
html body.moon-glass .moon-search-result[hidden],html body.moon-glass .moon-search-empty[hidden] {display:none!important;}
html body.moon-glass .moon-dialog-hint {font-size:11px;color:#707070;margin:16px 12px 0;}
html body.moon-glass .moon-search-empty {font-size:13px;text-align:center;color:#646464;padding:25px 12px;}
html body.moon-glass :is(.moon-nav-link,.moon-shortcut,.moon-search-result).moon-hide {display:none!important;}
html body.moon-glass [hidden] {display:none!important;}
/* Financial summaries retain readable contrast on the light palette. */
html body.moon-glass :is(.col-head,.result,.net) {background:#e8e8ed!important;color:#414146!important;}
html body.moon-glass :is(.col-head .cap-b,.result .res-b) {color:#62626a!important;}
html body.moon-glass .col-head .cap-a {color:#23784f!important;}
html body.moon-glass :is(.result .res-d.pos,.net .v.pos) {color:var(--pos)!important;}
html body.moon-glass :is(.result .res-d.neg,.net .v.neg) {color:var(--neg)!important;}
html body.moon-glass .net .l {color:var(--muted)!important;}
/* The Sales PDF renderer captures .ofpdf on screen: keep its original document palette. */
html body.moon-glass .ofpdf {color-scheme:light;color:#100F0E!important;background:#fff!important;}
html body.moon-glass .ofpdf table {background:transparent!important;color:#100F0E!important;border-color:#ECEAE6!important;}
html body.moon-glass .ofpdf td {background:transparent!important;color:#100F0E!important;border-color:#ECEAE6!important;}
html body.moon-glass .ofpdf th {background:transparent!important;color:#A8A29A!important;border-color:#100F0E!important;}
html body.moon-glass .ofpdf tr:nth-child(even) td {background:#FAFAF8!important;}
@media(min-width:861px) and (max-width:1120px) {
  html body.moon-glass {--moon-side-width:218px;}
  html body.moon-glass :is(.app>.main,body>.main,.app>main,body>.wrap) {padding:26px 24px 40px!important;}
  html body.moon-glass .moon-search-trigger {min-width:170px;}
  html body.moon-glass .moon-search-trigger kbd {display:none;}
  html body.moon-glass .moon-topbar {gap:12px;}
}
@media(max-width:860px) {
  html:root body.moon-glass {padding:88px 10px 14px!important;--moon-side-width:268px;}
  html:root body.moon-glass.moon-rail {--moon-side-width:268px;}
  html body.moon-glass :is(.app>.main,body>.main,.app>main,body>.wrap) {padding:24px 16px 90px!important;border-radius:0!important;min-height:calc(100dvh - 102px);overflow-x:clip!important;}
  html body.moon-glass .moon-topbar {top:12px;left:10px;right:10px;height:60px;padding:0 12px;gap:12px;}
  html body.moon-glass :is(.moon-current-agent,.moon-bar-divider,.moon-shortcuts,.moon-search-trigger span,.moon-search-trigger kbd) {display:none;}
  html body.moon-glass .moon-search-trigger {min-width:0;width:34px;height:34px;justify-content:center;padding:7px!important;}
  html body.moon-glass .moon-wordmark {font-size:23px;}
  html body.moon-glass .moon-sidebar {inset:84px auto 14px 10px!important;width:268px!important;min-width:268px!important;height:calc(100dvh - 98px)!important;max-height:calc(100dvh - 98px)!important;z-index:720!important;border:1px solid #ffffffa6!important;border-radius:0!important;transform:translateX(calc(-100% - 20px))!important;transition:transform .2s ease;}
  html body.moon-glass.moon-menu-open .moon-sidebar {transform:none!important;}
  html body.moon-glass.moon-menu-open .moon-menu-backdrop {display:block;position:fixed;inset:78px 0 0;width:100%;height:calc(100dvh - 78px);background:#20202433!important;backdrop-filter:blur(5px);z-index:710;border:0!important;border-radius:0!important;}
  html body.moon-glass .moon-topbar {z-index:730;}
  html body.moon-glass.moon-rail .moon-sidebar :is(.brand b,.agbrand b,.moon-nav-label,.moon-nav-link span,.sec-t,.tree,.sfn,.sfoot .sfl,.side-bottom) {display:revert!important;}
  html body.moon-glass.moon-rail .moon-sidebar :is(.brand,.agbrand) {padding:0 22px!important;justify-content:flex-start!important;}
  html body.moon-glass.moon-rail .moon-nav-link {justify-content:flex-start;padding:0 13px;}
  html body.moon-glass .moon-nav-link {height:43px;}
  html body.moon-glass .cards {grid-template-columns:1fr!important;gap:13px!important;margin-top:25px!important;}
  html body.moon-glass :is(.hero h1,.m-head h1) {font-size:24px!important;}
  html body.moon-glass .hero {flex-wrap:wrap;}
  html body.moon-glass .inbox-layout {min-height:440px;height:calc(100dvh - 250px);}
  html body.moon-glass .moon-agent-dialog {padding:18px;}
}
/* Square surfaces and shared breathing room across all agents. */
html:root,html:root[data-theme],html:root body.moon-glass {--mono:var(--sans)!important;--mono2:var(--sans)!important;--mr-mono:var(--sans)!important;}
html:root body.moon-glass,html:root body.moon-glass :not(:where(svg,svg *,.ofpdf,.ofpdf *)) {font-family:var(--sans)!important;}
html:root body.moon-glass :is(.k-val,.k-sub,.x-val,.x-sub,.r-input,.r-diff,.s-sum,.res-b,.res-a,.res-d,.amt,.sum,td.v,td.n,.net .v) {font-variant-numeric:tabular-nums;}
html:root body.moon-glass :is(.card,.panel,.summary,.channel,.kpi,.exbox,.builder,.ledger,.notes,.chart,.rules,.box) {border-color:var(--line)!important;box-shadow:0 2px 8px #00000004!important;}
html:root body.moon-glass :is(.card,.summary,.channel,.panel:not(.inbox-sidebar):not(.chat-panel)) {padding:24px!important;}
html:root body.moon-glass :is(.card p,.panel p,.channel p,.hint,.note,.step-note,.sold-note) {line-height:1.55;}
html:root body.moon-glass :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),select,textarea):not(.ofpdf *) {box-sizing:border-box;min-height:38px;padding:9px 12px!important;line-height:1.4;}
html:root body.moon-glass :is(.btn,.pick,.tvabtn,.fins a,.pgmenu a,.menu a,.tabs button,.accbtn,.accchips button):not(.ofpdf *) {min-height:36px;padding:9px 14px!important;line-height:1.35;}
html:root body.moon-glass :is(.chip,.lchip,.scope-pill,.tag,.badge) {padding:5px 10px;line-height:1.4;}
html:root body.moon-glass :is(.filters,.filterbar) {padding:20px!important;gap:14px!important;}
html:root body.moon-glass :is(.f,.ctl) {gap:8px!important;}
html:root body.moon-glass .controls {gap:14px!important;}
html:root body.moon-glass :is(.f label,.ctl label) {line-height:1.4;}
html:root body.moon-glass .moon-search-field input {min-height:44px;padding:12px 0!important;}
html:root body.moon-glass .moon-search-result {padding:13px 14px;gap:5px 12px;}
html:root body.moon-glass .moon-agent-dialog {padding:24px;}
html:root body.moon-glass :is(.step-head,.b-head,.hist-head,.pkhead) {padding:18px 20px!important;}
html:root body.moon-glass :is(.step-body,.b-body) {padding:20px!important;}
/* Financial cards and ledgers share an aligned inner gutter. */
html:root body.moon-glass .wrap :is(.card,.notes,.chart,.rules) {padding:22px 24px!important;}
html:root body.moon-glass .kpis {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 24px;}
html:root body.moon-glass :is(.kpi,.exbox) {min-width:0;padding:20px!important;}
html:root body.moon-glass :is(.k-label,.x-label) {line-height:1.5;}
html:root body.moon-glass :is(.k-val,.x-val) {margin-top:10px;line-height:1.35;}
html:root body.moon-glass :is(.k-sub,.x-sub) {margin-top:8px;line-height:1.6;overflow-wrap:anywhere;}
html:root body.moon-glass .ledger :is(.col-head,.sec-head,.row,.result) {padding-left:20px!important;padding-right:20px!important;column-gap:12px;}
html:root body.moon-glass .ledger :is(.col-head,.sec-head,.result) {padding-top:15px!important;padding-bottom:15px!important;line-height:1.5;}
html:root body.moon-glass .ledger .row {padding-top:6px!important;padding-bottom:6px!important;}
html:root body.moon-glass .ledger :is(.r-label,.r-input) {min-width:0;min-height:40px;padding:10px 12px!important;line-height:1.4;}
html:root body.moon-glass .ledger :is(.r-diff,.rev0-budget,.s-sum,.res-b,.res-a,.res-d) {padding-right:12px;}
html:root body.moon-glass .ledger .col-head>span {padding-right:12px;}
html:root body.moon-glass .ledger :is(.col-head>span:first-child,.s-title,.res-name) {padding-left:12px;}
html:root body.moon-glass .ledger .add-row {padding:10px 20px 18px;}
html:root body.moon-glass .wrap .row:has(>.mid) {padding:16px 20px!important;row-gap:12px;}
html:root body.moon-glass .wrap .row .mid :is(.cp,.nt) {white-space:normal;overflow-wrap:anywhere;line-height:1.45;text-overflow:clip;}
html:root body.moon-glass .wrap .catw .acts {display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;margin-top:8px;}
html:root body.moon-glass .wrap .catw .allocsel {grid-column:1;grid-row:1;max-width:none;width:100%;}
html:root body.moon-glass .wrap .catw .tvasel {grid-column:2;grid-row:1;max-width:none;width:100%;}
html:root body.moon-glass .wrap .catw [data-split] {grid-column:1;grid-row:2;justify-self:start;min-height:30px;padding:6px 12px;}
html:root body.moon-glass .wrap .catw [data-comm] {grid-column:2;grid-row:2;justify-self:end;min-height:30px;width:36px;}
html:root body.moon-glass .wrap :is(td,th) {padding:12px 14px;line-height:1.5;}
html:root body.moon-glass .wrap :is(.net,.ftotal,.bulk) {padding:18px 20px;gap:12px;}
html:root body.moon-glass .wrap .f {min-width:0;max-width:100%;}
html:root body.moon-glass .wrap .f :is(input,select) {max-width:100%;}
html:root body.moon-glass .wrap .filters .f:has(#f-q) {flex:1 1 280px;}
html:root body.moon-glass .wrap #f-q {width:100%;min-width:0;}
html:root body.moon-glass .wrap #year {width:88px!important;}
html:root body.moon-glass :is(.tx-row,.chk-row) {padding-top:12px;padding-bottom:12px;}
@media(min-width:1650px) {
  html:root body.moon-glass .kpis {grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:860px) {
  html:root body.moon-glass :is(.card,.summary,.channel,.panel:not(.inbox-sidebar):not(.chat-panel)),html:root body.moon-glass .wrap :is(.card,.notes,.chart,.rules) {padding:20px!important;}
  html:root body.moon-glass :is(.filters,.filterbar) {padding:16px!important;gap:12px!important;}
  html:root body.moon-glass .kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  html:root body.moon-glass :is(.kpi,.exbox) {padding:16px!important;}
  html:root body.moon-glass :is(.k-val,.x-val) {font-size:17px;}
  html:root body.moon-glass .ledger {overflow-x:auto!important;overscroll-behavior-x:contain;}
  html:root body.moon-glass .ledger :is(.col-head,.sec-head,.row,.result) {min-width:700px;grid-template-columns:minmax(160px,1fr) 120px 120px 100px 24px;column-gap:12px;}
  html:root body.moon-glass .ledger .sec-body {min-width:700px;}
  html:root body.moon-glass .ledger :is(.r-label,.r-input) {font-size:13px;}
  html:root body.moon-glass .wrap .row:has(>.mid) {padding:14px 16px!important;}
  html:root body.moon-glass .wrap .catw .acts {grid-template-columns:100px minmax(0,1fr) 36px;}
  html:root body.moon-glass .wrap .catw .allocsel {grid-column:1/-1;grid-row:1;}
  html:root body.moon-glass .wrap .catw .tvasel {grid-column:1;grid-row:2;}
  html:root body.moon-glass .wrap .catw [data-split] {grid-column:2;grid-row:2;align-self:center;}
  html:root body.moon-glass .wrap .catw [data-comm] {grid-column:3;grid-row:2;align-self:center;}
  html:root body.moon-glass :is(.step-head,.b-head,.hist-head,.pkhead,.step-body,.b-body) {padding:16px!important;}
  html:root body.moon-glass .moon-agent-dialog {padding:20px;}
}

@media(prefers-reduced-motion:reduce) {html body.moon-glass *,html body.moon-glass *::before,html body.moon-glass *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important;}}
}
@media print {.moon-topbar,.moon-nav,.moon-menu-backdrop,.moon-agent-dialog {display:none!important;}}

/* Six department accordions with a shared, accessible navigation state. */
@media screen {
html:root body.moon-glass .moon-sidebar :is(.brand,.agbrand) {height:64px!important;min-height:64px!important;}
html:root body.moon-glass .moon-nav {padding:10px 12px 16px;}
html:root body.moon-glass .moon-nav-label {padding:4px 13px 10px;font-size:9px;letter-spacing:.12em;color:var(--muted);}
html:root body.moon-glass .moon-department {margin:3px 0;}
html:root body.moon-glass .moon-department-toggle {display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 13px!important;margin:0;background:transparent!important;color:#414146!important;border:1px solid transparent!important;box-shadow:none!important;font-size:13px;font-weight:500;line-height:1.45;text-align:left;cursor:pointer;}
html:root body.moon-glass .moon-department-toggle>svg {width:18px;height:18px;flex:none;color:#63636b;}
html:root body.moon-glass .moon-department-chevron {margin-left:auto;display:flex;align-items:center;flex:none;}
html:root body.moon-glass .moon-department-chevron svg {width:12px;height:12px;transition:transform .16s ease;}
html:root body.moon-glass .moon-department-toggle[aria-expanded=true] .moon-department-chevron svg {transform:rotate(90deg);}
html:root body.moon-glass .moon-department-toggle:hover {background:#00000005!important;}
html:root body.moon-glass .moon-department-toggle.is-current {color:#0064c8!important;background:#007aff0c!important;}
html:root body.moon-glass .moon-department-toggle.is-current>svg {color:#0071e3;}
html:root body.moon-glass .moon-submenu {margin:3px 0 10px 22px;padding:2px 0 2px 10px;border-left:1px solid #c7c7cf;}
html:root body.moon-glass .moon-submenu-link {display:flex;align-items:center;min-height:38px;height:auto;margin:2px 0;padding:9px 10px!important;gap:0;font-size:12px;line-height:1.45;white-space:normal;}
html:root body.moon-glass .moon-submenu-link>svg {display:none;}
html:root body.moon-glass .moon-submenu-link .moon-link-label {overflow-wrap:anywhere;}
html:root body.moon-glass .moon-nav-pending:disabled {opacity:1!important;cursor:default!important;filter:none!important;color:#73737b!important;background:transparent!important;box-shadow:none!important;border:1px solid transparent!important;}
html:root body.moon-glass .moon-submenu-link.moon-nav-pending {display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:3px;text-align:left;}
html:root body.moon-glass .moon-coming-soon {font-size:9px!important;font-weight:400;line-height:1.3;color:#7a7a83!important;letter-spacing:.01em;}
html:root body.moon-glass .moon-reporting {display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:12px;row-gap:4px;width:100%;height:auto;min-height:60px;margin-top:13px;padding:12px 13px!important;text-align:left;white-space:normal;line-height:1.45;}
html:root body.moon-glass .moon-reporting>svg {grid-row:1/3;align-self:start;margin-top:2px;}
html:root body.moon-glass .moon-reporting .moon-coming-soon {grid-column:2;}
html:root body.moon-glass .moon-nav-utilities {border-top:1px solid #d4d4db;margin-top:14px;padding-top:10px;}
html:root body.moon-glass .moon-current-agent {max-width:360px;overflow:hidden;text-overflow:ellipsis;}
html:root body.moon-glass .moon-search-result {width:100%;text-align:left;font-size:13px;line-height:1.45;}
html:root body.moon-glass .moon-search-result .moon-search-description {grid-column:2;font-size:11px;}
html:root body.moon-glass .moon-search-result .moon-coming-soon {grid-column:2;font-size:10px!important;}
html:root body.moon-glass .moon-search-result.moon-nav-pending .moon-search-description {display:none;}
@media(min-width:861px) {
  html:root body.moon-glass.moon-rail .moon-department-toggle {justify-content:center;padding:10px 0!important;}
  html:root body.moon-glass.moon-rail .moon-department-toggle>span,html:root body.moon-glass.moon-rail .moon-submenu {display:none!important;}
  html:root body.moon-glass.moon-rail .moon-reporting {display:flex;justify-content:center;padding:10px 0!important;min-height:42px;}
  html:root body.moon-glass.moon-rail .moon-reporting :is(span,small) {display:none!important;}
  html:root body.moon-glass.moon-rail .moon-reporting>svg {margin:0;}
}
@media(max-width:1120px) and (min-width:861px) {
  html:root body.moon-glass .moon-current-agent {max-width:170px;}
  html:root body.moon-glass .moon-shortcut {padding:9px 10px;}
}
@media(max-width:860px) {
  html:root body.moon-glass .moon-department-toggle {min-height:44px;}
  html:root body.moon-glass .moon-submenu-link {min-height:42px;}
}
}

/* Moon Silver Studio — shared surfaces, typographic hierarchy and fine contrast. */
@media screen {
html:root,html:root[data-theme],html:root body.moon-glass {
 --bg:#eff0f2!important;--paper:#eff0f2!important;--surface:#fff!important;--ink:#202329!important;--muted:#707780!important;--line:#e1e4e8!important;--line2:#d7dce2!important;
 --radius:16px!important;--r-sm:8px!important;--r-md:12px!important;--r-lg:20px!important;--r-pill:999px!important;
 --moon-side-width:236px;--studio-shadow:0 2px 5px #20293803,0 12px 30px #20293807;--studio-dark:linear-gradient(135deg,#353940 0%,#202329 58%,#15171b 100%);
}
html:root body.moon-glass {padding-left:calc(var(--moon-side-width) + 36px)!important;background:radial-gradient(ellipse at 80% -30%,#fff 0,transparent 56%),linear-gradient(120deg,#e7e9ec,#f0f1f3 52%,#e9ebee)!important;}
html:root body.moon-glass :is(.app>.main,body>.main,.app>main,body>.wrap) {border:1px solid #ffffff80!important;background:#f4f5f680!important;border-radius:22px!important;box-shadow:inset 0 1px 0 #fff8!important;padding:28px 30px 32px!important;min-height:calc(100dvh - 116px);}
html:root body.moon-glass .moon-sidebar {background:linear-gradient(160deg,#fffffff5,#f9fafbed)!important;border:1px solid #fff!important;border-radius:20px!important;box-shadow:0 8px 32px #27354a08!important;scrollbar-color:#c6cbd280 transparent;}
html:root body.moon-glass .moon-sidebar :is(.brand,.agbrand) {border-color:#e9ebef!important;padding:0 20px!important;height:68px!important;min-height:68px!important;}
html:root body.moon-glass .moon-sidebar :is(.brand b,.agbrand b) {font-size:14px!important;letter-spacing:-.035em!important;font-weight:600!important;text-transform:none!important;}
html:root body.moon-glass .moon-sidebar :is(.dot,.agbrand>i) {background:var(--studio-dark)!important;box-shadow:inset 0 1px 1px #ffffff70,0 3px 7px #0002;position:relative;}
html:root body.moon-glass .moon-sidebar :is(.dot,.agbrand>i)::after {content:""!important;width:13px;height:13px;border-radius:50%;box-shadow:-4px 2px 0 0 #f2f4f8;position:absolute;left:12px;top:7px;}
html:root body.moon-glass .moon-topbar {border-radius:18px;background:linear-gradient(125deg,#ffffffdf,#fbfcfdad)!important;border-color:#fff;box-shadow:0 3px 16px #1c293308,inset 0 1px 0 #fff;}
html:root body.moon-glass .moon-mark {width:31px;height:31px;font-size:0!important;border:0;background:var(--studio-dark);box-shadow:inset 0 1px 1px #fff8,0 3px 8px #1d202526;position:relative;}
html:root body.moon-glass .moon-mark::after {content:"";position:absolute;width:13px;height:13px;top:7px;left:13px;border-radius:50%;box-shadow:-5px 2px 0 0 #fff;}
html:root body.moon-glass .moon-wordmark {font-size:23px;font-weight:600;}
html:root body.moon-glass .moon-current-agent {font-size:11px;color:#6b737e;}
html:root body.moon-glass .moon-search-trigger {background:#fff9!important;border:1px solid #e2e6ec!important;border-radius:10px!important;box-shadow:0 2px 4px #16263303!important;}
html:root body.moon-glass .moon-search-trigger kbd {border:1px solid #e3e6eb;border-radius:4px;background:#f8f9fb;color:#7e8690;padding:2px 4px;}
html:root body.moon-glass .moon-shortcut {border:1px solid #e1e5e9;border-radius:10px;background:#fff8;padding:9px 13px;color:#545c66;}
html:root body.moon-glass .moon-shortcut[data-moon-route=concierge] {color:#fff;background:var(--studio-dark);border-color:#252930;box-shadow:inset 0 1px 0 #ffffff20,0 3px 7px #22252a15;}
html:root body.moon-glass .moon-shortcut[data-moon-route=concierge] svg {color:#cadcf4;}
html:root body.moon-glass .moon-menu-button {border-radius:8px!important;}
html:root body.moon-glass .moon-account {border:3px solid #fff;background:linear-gradient(145deg,#e3e7ed,#c5ccd7);color:#56606e;box-shadow:0 2px 5px #2834420a;}
html:root body.moon-glass .moon-nav {padding:12px 11px 14px;}
html:root body.moon-glass .moon-nav-label {font-size:9px;color:#959ca5;letter-spacing:.13em;padding:4px 13px 12px;}
html:root body.moon-glass .moon-department {margin:4px 0;}
html:root body.moon-glass .moon-department-toggle {border-radius:11px!important;color:#535b65!important;gap:11px;min-height:42px;font-size:12px;}
html:root body.moon-glass .moon-department-toggle>svg {width:17px;height:17px;color:#707b88;}
html:root body.moon-glass .moon-department-toggle:hover {background:#e9edf280!important;}
html:root body.moon-glass .moon-department-toggle.is-current {background:var(--studio-dark)!important;color:#fff!important;box-shadow:0 4px 9px #20242b16,inset 0 1px 0 #ffffff15!important;}
html:root body.moon-glass .moon-department-toggle.is-current>svg {color:#c6dcf8;}
html:root body.moon-glass .moon-department-chevron svg {width:11px;color:inherit;opacity:.65;}
html:root body.moon-glass .moon-submenu {margin:7px 0 12px 22px;padding-left:7px;border-color:#e0e5eb;}
html:root body.moon-glass .moon-submenu-link {border-radius:8px;gap:8px;font-size:11px;padding:9px 10px!important;}
html:root body.moon-glass .moon-submenu-link>svg {display:block;width:14px;height:14px;color:#8793a1;}
html:root body.moon-glass .moon-submenu-link.is-current {background:#eaf1fb!important;border-color:transparent;color:#3c6ea8;box-shadow:inset 2px 0 0 #6a95cd;}
html:root body.moon-glass .moon-submenu-link.is-current>svg {color:#527eb9;}
html:root body.moon-glass .moon-submenu-link.moon-nav-pending {display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:8px;row-gap:2px;}
html:root body.moon-glass .moon-submenu-link.moon-nav-pending>svg {grid-row:1/3;align-self:center;}
html:root body.moon-glass .moon-submenu-link.moon-nav-pending .moon-coming-soon {grid-column:2;font-size:9px!important;color:#89919b!important;}
html:root body.moon-glass .moon-reporting {border-radius:10px;font-size:11px;}
html:root body.moon-glass .moon-nav-utilities {border-color:#e7ebef;}
html:root body.moon-glass .moon-nav-utilities .moon-nav-link {font-size:12px;border-radius:9px;}
html:root body.moon-glass .moon-sidebar :is(.sfoot,.sfoot2,.side-bottom) {border-color:#e5e9ee!important;font-size:11px;}
/* Buttons and forms: one scale; dark graphite for primary actions. */
html:root body.moon-glass :is(button,.btn,.pick,.tvabtn,.fins a,.pgmenu a,.menu a):not(.ofpdf *) {border-radius:9px!important;transition:background .16s,box-shadow .16s,transform .16s;}
html:root body.moon-glass :is(.btn,.pick,.tvabtn,.fins a,.pgmenu a,.menu a,.secondary,.quiet):not(.ofpdf *) {background:linear-gradient(#fff,#fafbfc)!important;color:#4c5562!important;border:1px solid #dce1e8!important;box-shadow:0 1px 2px #1a293608,inset 0 1px 0 #fff!important;}
html:root body.moon-glass :is(.btn.primary,.btn:not(.ghost):not(.outline):not(.subtle),button.primary,#new-item,#a-go,#gate-go,#gate-form button[type=submit]):not(.ofpdf *) {background:var(--studio-dark)!important;color:white!important;border-color:#282d35!important;box-shadow:inset 0 1px 0 #ffffff20,0 4px 10px #1c222b14!important;}
html:root body.moon-glass :is(.tabs button.active,.tabs button.on,.accchips button.on,.chip.active,.pick.active,.scope-filter.active) {border-radius:8px!important;background:#e7eef9!important;color:#4975af!important;border-color:#d6e1f0!important;}
html:root body.moon-glass :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea):not(.ofpdf *) {border-radius:9px!important;border-color:#dfe4eb!important;background:#fff!important;box-shadow:inset 0 1px 2px #26354703!important;}
html:root body.moon-glass :is(button,input,select,textarea,a,[tabindex]):focus-visible {outline-color:#7197c9!important;outline-width:2px!important;}
html:root body.moon-glass :is(.card,.panel,.summary,.channel,.kpi,.exbox,.builder,.ledger,.notes,.chart,.rules,.box,.gate-card,.mcard,.icard,.mgrcard) {border-radius:16px!important;border-color:#e5e8ed!important;background:#fff!important;box-shadow:var(--studio-shadow)!important;}
html:root body.moon-glass :is(.scard,.lcard,.rcard,.modal,#pickpop .pkcard,.splitbox,.rprev,#imp-cols,.impc,#rmodal .rcard .ra,.mgrmodal .lcard .ra) {border-radius:16px!important;border-color:#e5e8ed!important;background:#fff!important;box-shadow:var(--studio-shadow)!important;}
html:root body.moon-glass :is(.modal,.smodal,.lmodal,.rmodal,.moon-agent-dialog,dialog) {border-radius:20px!important;}
html:root body.moon-glass :is(.moon-search-result,.moon-search-field) {border-radius:10px!important;}
html:root body.moon-glass :is(.table-wrap,.tblw,.tbwrap,.grp,.tablewrap,.tbl-wrap) {border-radius:12px!important;border-color:#dce2e9!important;}
html:root body.moon-glass :is(table,td,th) {border-color:#e3e7ed!important;}
html:root body.moon-glass :is(thead th,thead td,.grphead,.gh) {background:#edf0f4!important;color:#65707e!important;}
html:root body.moon-glass :is(.scope-pill,.tag,.badge,.count) {border-radius:6px!important;}
html:root body.moon-glass :is(.filters,.filterbar) {border:1px solid #e7ebef!important;background:#ffffffb3!important;border-radius:14px!important;box-shadow:0 5px 15px #2b3b5104!important;}
html:root body.moon-glass .kpi {position:relative;overflow:hidden;padding:22px!important;}
html:root body.moon-glass .kpi .k-label {font-weight:500!important;letter-spacing:.1em!important;color:#7c8592!important;}
html:root body.moon-glass .kpi .k-val {font-size:26px!important;font-weight:550!important;letter-spacing:-.04em!important;margin:14px 0 6px;}
html:root body.moon-glass .kpi:nth-child(3) {background:var(--studio-dark)!important;border-color:#343941!important;box-shadow:0 10px 22px #1d242c18!important;}
html:root body.moon-glass .kpi:nth-child(3) :is(.k-label,.k-sub) {color:#b7c0cd!important;}
html:root body.moon-glass .kpi:nth-child(3) .k-val {color:#fff!important;}
html:root body.moon-glass .kpi:nth-child(3) .k-val.pos {color:#b2ddcd!important;}
html:root body.moon-glass .kpi:nth-child(3) .k-val.neg {color:#ffb5b1!important;}
html:root body.moon-glass .kpi:nth-child(3) .k-sub .pos {color:#b2ddcd!important;}
html:root body.moon-glass .kpi:nth-child(3) .k-sub .neg {color:#ffb5b1!important;}
html:root body.moon-glass .moon-sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
/* Home: a quiet lunar signature and a useful starting point. */
html:root body.moon-glass .moon-home-hero {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:234px;margin:0 0 24px;gap:24px;padding:4px 8px 14px;overflow:hidden;border:0!important;}
html:root body.moon-glass .moon-section-kicker {font-size:9px;font-weight:600;letter-spacing:.16em;color:#7d8794;}
html:root body.moon-glass .moon-home-hero h1 {font-size:48px!important;font-weight:500!important;line-height:1.08;letter-spacing:-.055em!important;margin:16px 0 15px;}
html:root body.moon-glass .moon-home-hero h1>span {color:#88929e;font-weight:400;}
html:root body.moon-glass .moon-home-hero p {max-width:320px;font-size:12px;font-weight:400;color:#737f8d;line-height:1.7;}
html:root body.moon-glass .moon-orbit-art {position:relative;flex:none;width:290px;height:220px;margin:0 60px 0 0;}
html:root body.moon-glass .moon-orbit-sphere {position:absolute;inset:20px 52px 10px 52px;border-radius:50%!important;background:radial-gradient(circle at 29% 21%,#fff 0,#e5e9ee 23%,#bbc2cd 47%,#727e91 68%,#303a4b 94%);box-shadow:inset 2px 2px 6px #fff,18px 26px 32px -18px #1e293d65;}
html:root body.moon-glass .moon-orbit-sphere::after {content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 90% 80%,#0d162a99,transparent 64%);}
html:root body.moon-glass .moon-orbit-ring {position:absolute;z-index:1;width:290px;height:96px;left:0;top:76px;border:1px solid #ffffffdc;border-bottom-color:#bac5d6;box-shadow:0 1px 0 #a9b4c366;border-radius:50%!important;transform:rotate(-27deg);}
html:root body.moon-glass .moon-orbit-dot {position:absolute;width:12px;height:12px;top:86px;right:14px;border-radius:50%!important;background:radial-gradient(circle at 30% 20%,#c7d8ef,#5d85bd);box-shadow:0 3px 7px #466a9d35;z-index:2;}
html:root body.moon-glass .moon-section-heading {display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:16px;}
html:root body.moon-glass .moon-section-heading h2 {margin:0;font-size:15px;font-weight:550;letter-spacing:-.025em;}
html:root body.moon-glass .moon-section-heading>span {display:flex;align-items:center;gap:10px;font-size:10px;color:#8b949f;}
html:root body.moon-glass .moon-section-heading svg {width:14px;height:14px;}
html:root body.moon-glass #moon-home .cards {margin-top:0!important;gap:16px!important;}
html:root body.moon-glass #moon-home .cards .card {padding:23px!important;border:1px solid #ffffff!important;background:linear-gradient(135deg,#fff,#fafbfc)!important;box-shadow:0 4px 8px #26395103,0 12px 24px #26395106!important;gap:7px;min-height:225px;border-radius:18px!important;position:relative;}
html:root body.moon-glass #moon-home .cards .card:hover {transform:translateY(-3px);box-shadow:0 9px 25px #273b5811!important;border-color:#d1ddec!important;}
html:root body.moon-glass #moon-home .rtile {width:40px;height:40px;border-radius:12px!important;background:linear-gradient(150deg,#fafbfc,#e6eaf0)!important;box-shadow:inset 0 1px 1px #fff,0 3px 6px #22354b07!important;border:1px solid #e4e9f0!important;color:#5f6c7f!important;margin-bottom:7px;}
html:root body.moon-glass #moon-home .rtile svg {width:21px;height:21px;stroke-width:1.5;}
html:root body.moon-glass .moon-card-department {font-size:8px;font-weight:500;letter-spacing:.12em;color:#8c97a5;}
html:root body.moon-glass #moon-home .card h2 {font-size:18px;font-weight:550;letter-spacing:-.035em;margin:0 0 2px;}
html:root body.moon-glass #moon-home .card p {font-size:11px;color:#7c8693;font-weight:400;line-height:1.65;}
html:root body.moon-glass #moon-home .card .go {font-size:10px;text-transform:none;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;color:#596c86!important;font-weight:500;margin-top:12px;}
html:root body.moon-glass #moon-home .card .go svg {width:16px;height:16px;}
html:root body.moon-glass #moon-home .cards .moon-feature-card {background:radial-gradient(ellipse at 90% 0%,#5b6675 0,transparent 68%),var(--studio-dark)!important;border-color:#454e5a!important;box-shadow:0 10px 26px #27303d22!important;}
html:root body.moon-glass #moon-home .moon-feature-card h2 {color:#fff!important;}
html:root body.moon-glass #moon-home .moon-feature-card :is(p,.moon-card-department) {color:#b7c1d0!important;}
html:root body.moon-glass #moon-home .moon-feature-card .go {color:#d8e4f5!important;}
html:root body.moon-glass #moon-home .moon-feature-card .rtile {background:linear-gradient(145deg,#626e7e,#323d4e)!important;border-color:#ffffff20!important;color:#dae7fa!important;box-shadow:inset 0 1px 0 #ffffff30!important;}
html:root body.moon-glass #moon-home .fins {gap:5px;margin-top:12px;}
html:root body.moon-glass #moon-home .fins a {padding:7px 9px!important;min-height:30px;font-size:9px;}
html:root body.moon-glass #moon-home .card[data-agent=users] {grid-column:1/-1;min-height:70px;display:grid;grid-template-columns:40px 130px 1fr 90px;align-items:center;gap:16px;padding:17px 23px!important;}
html:root body.moon-glass #moon-home .card[data-agent=users] :is(.rtile,h2,.go) {margin:0;}
/* Concierge: platform icons, independent panels and a focused conversation. */
html:root body.moon-glass.concierge-view main {padding-top:24px!important;padding-bottom:24px!important;}
html:root body.moon-glass .inbox-heading {margin-bottom:24px;}
html:root body.moon-glass .concierge-title-group {display:flex;align-items:center;gap:18px;}
html:root body.moon-glass .concierge-emblem {position:relative;display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:18px!important;background:radial-gradient(ellipse at 30% 0%,#5a6472,#292e36 70%);color:#e8effa;box-shadow:inset 0 1px 1px #ffffff88,0 8px 14px #202d421d;}
html:root body.moon-glass .concierge-emblem svg {width:33px;height:33px;stroke-width:1.25;}
html:root body.moon-glass .inbox-heading h1 {font-size:35px;font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:5px 0 7px;}
html:root body.moon-glass .inbox-heading .eyebrow {font-size:8px;letter-spacing:.15em;color:#8c96a4!important;}
html:root body.moon-glass .inbox-heading p {font-size:12px;color:#818b98!important;}
html:root body.moon-glass .inbox-modes {background:#e3e7ed80;border:1px solid #dce2ea;border-radius:11px!important;padding:3px;}
html:root body.moon-glass .inbox-modes button {font-size:11px;padding:8px 13px!important;border-radius:8px!important;}
html:root body.moon-glass .inbox-modes button[aria-pressed=true] {color:#434d5d!important;box-shadow:0 2px 5px #3142580c!important;}
html:root body.moon-glass .inbox-heading .concierge-demo-note {font-size:9px;margin-top:8px;color:#929ca9!important;}
html:root body.moon-glass .concierge-channels {background:#ffffff7a;border:1px solid #fff;border-radius:15px!important;padding:6px;gap:5px;margin-bottom:19px;box-shadow:0 3px 9px #27395103;}
html:root body.moon-glass .concierge-channels button {border-radius:10px!important;min-height:43px;background:transparent!important;border:1px solid transparent!important;gap:9px;font-size:11px;padding:9px 12px!important;color:#798492;}
html:root body.moon-glass .concierge-channels button:hover {background:#fff!important;filter:none;opacity:1;}
html:root body.moon-glass .concierge-channels button[aria-pressed=true] {background:var(--studio-dark)!important;border-color:#333b46!important;color:#fff!important;box-shadow:0 4px 8px #1f273520,inset 0 1px 0 #ffffff20!important;}
html:root body.moon-glass .concierge-channel-mark {display:flex;width:18px;height:18px;flex:none;color:inherit;}
html:root body.moon-glass .concierge-channel-mark svg {width:18px;height:18px;}
html:root body.moon-glass .concierge-channel-count {border-radius:5px!important;background:#e7ebf1;color:#7c889a;font-size:9px;padding:2px 5px;}
html:root body.moon-glass .concierge-channels button[aria-pressed=true] .concierge-channel-count {background:#ffffff1a;color:#bdcee7;}
html:root body.moon-glass.concierge-view .inbox-layout {border:0!important;border-radius:0!important;background:transparent!important;overflow:visible;gap:14px;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 322px);min-height:440px;}
html:root body.moon-glass .inbox-layout>.panel {border:1px solid #fff!important;border-radius:17px!important;overflow:hidden;box-shadow:0 4px 16px #23334a07!important;background:#fff!important;}
html:root body.moon-glass .conversation-list-heading {display:flex;justify-content:space-between;align-items:center;padding:21px 20px 0;}
html:root body.moon-glass .conversation-list-heading h2 {font-size:14px;font-weight:550;letter-spacing:-.025em;margin:0;}
html:root body.moon-glass .conversation-list-heading svg {width:16px;height:16px;color:#9ba6b5;}
html:root body.moon-glass .inbox-sidebar .inbox-search {position:relative;margin:16px 16px 12px;}
html:root body.moon-glass .inbox-search>svg {position:absolute;left:13px;top:14px;width:15px;height:15px;color:#a3adba;pointer-events:none;}
html:root body.moon-glass #inbox-search {padding-left:35px!important;border:1px solid #eef1f5!important;background:#f6f8fa!important;box-shadow:none!important;border-radius:9px!important;font-size:12px;margin:0;min-height:40px;}
html:root body.moon-glass .inbox-sidebar .list {padding:3px 9px 10px;}
html:root body.moon-glass .conversation-button {border-radius:11px!important;border:1px solid transparent!important;padding:15px 12px!important;gap:12px;min-height:94px;margin:3px 0;}
html:root body.moon-glass .conversation-button:hover {background:#f4f6f9!important;}
html:root body.moon-glass .conversation-button.selected {background:linear-gradient(115deg,#eef3fa,#f4f7fb)!important;border-color:#e3ebf7!important;box-shadow:inset 2px 0 0 #779bd0;}
html:root body.moon-glass .conversation-top strong {font-size:13px;font-weight:550;color:#424d60;}
html:root body.moon-glass .conversation-top time {font-size:10px;color:#737f90!important;}
html:root body.moon-glass .conversation-snippet {font-size:12px;color:#778292!important;margin:6px 0 8px;}
html:root body.moon-glass .conversation-button .avatar {position:relative;width:35px;height:35px;flex-basis:35px;border-radius:12px!important;background:linear-gradient(140deg,#f2f5f9,#e0e7ef)!important;border:1px solid #fff;color:#748298!important;box-shadow:0 2px 4px #4a5a7305;font-size:10px;}
html:root body.moon-glass .conversation-button.selected .avatar {background:linear-gradient(140deg,#d5e2f5,#acbfdc)!important;color:#456084!important;}
html:root body.moon-glass .conversation-platform {position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #fff;border-radius:6px!important;background:#fff;color:#7d8da4;box-shadow:0 1px 4px #42557215;}
html:root body.moon-glass .conversation-platform svg {width:11px;height:11px;stroke-width:1.8;}
html:root body.moon-glass .channel-tag {font-size:9px;padding:2px 5px;border-radius:4px;background:#f0f3f7;color:#6d7b90;}
html:root body.moon-glass .unread-tag {font-size:9px;color:#627b9e;}
html:root body.moon-glass .unread-tag:before {background:#7e9dca;width:4px;height:4px;}
html:root body.moon-glass .inbox-list-note {font-size:9px;border-color:#eff2f6;color:#9aa6b6!important;padding:11px;}
html:root body.moon-glass #conversation .chat-heading {min-height:77px;padding:17px 22px;background:radial-gradient(ellipse at 95% -20%,#526176 0,transparent 66%),var(--studio-dark)!important;border-color:#343c47!important;}
html:root body.moon-glass .chat-heading h2 {font-size:15px;font-weight:500;color:#fff!important;letter-spacing:-.025em;}
html:root body.moon-glass .chat-heading p {font-size:10px;color:#b1bed0!important;}
html:root body.moon-glass .chat-avatar {position:relative;border-radius:12px!important;background:linear-gradient(145deg,#66768e,#404b5d)!important;color:#e7edf6!important;box-shadow:inset 0 1px 1px #ffffff55;border:1px solid #ffffff20;font-size:11px;}
html:root body.moon-glass .chat-avatar .conversation-platform {background:#dbe4f1;border-color:#dbe4f1;color:#465773;}
html:root body.moon-glass .demo-chat-detail {padding:11px 20px;border-color:#ebeff4;background:#fff;font-size:10px;gap:14px;}
html:root body.moon-glass .demo-detail {display:flex;align-items:center;gap:6px;color:#8492a5;}
html:root body.moon-glass .demo-detail svg {width:13px;height:13px;color:#9aa8bb;}
html:root body.moon-glass #demo-property {color:#6e7c8f;font-weight:400;}
html:root body.moon-glass .detail-topic {margin-left:auto;}
html:root body.moon-glass #demo-topic {border-radius:5px;background:#edf2f9;color:#6d86aa;font-size:9px;padding:4px 7px;}
html:root body.moon-glass .chat-history-bar {background:#f4f6f9!important;padding-top:5px;}
html:root body.moon-glass #chat-status {font-size:9px;color:#9ba7b8;}
html:root body.moon-glass .chat-panel .messages {background:radial-gradient(ellipse at 70% 20%,#edf1f8aa,transparent 80%),#f4f6f9!important;padding:10px 23px 17px;}
html:root body.moon-glass .message {padding:12px 15px;border-radius:13px 13px 13px 4px!important;border:1px solid #e5ebf2;background:#fff!important;box-shadow:0 3px 7px #34527c04;color:#566175!important;font-size:13px;line-height:1.65;max-width:85%;}
html:root body.moon-glass .message.out {background:#e7eef9!important;color:#4a6387!important;border-color:#d9e3f2!important;border-radius:13px 13px 4px 13px!important;box-shadow:0 3px 6px #42629005;}
html:root body.moon-glass .message small {font-size:9px;color:#758398!important;margin-top:8px;}
html:root body.moon-glass .message-day {font-size:9px;color:#99a6b8!important;margin:10px 0 15px;}
html:root body.moon-glass #reply-form {border:0!important;background:#fff!important;padding:14px 20px 15px;}
html:root body.moon-glass #reply-form label {font-size:9px;font-weight:400;color:#99a4b4;}
html:root body.moon-glass #reply-form textarea {font-size:12px;background:#f8f9fb!important;border-color:#edf0f5!important;border-radius:10px!important;min-height:55px;height:55px;padding:12px!important;}
html:root body.moon-glass .reply-actions p {font-size:9px;color:#9aa6b7!important;}
html:root body.moon-glass #reply-form button {display:flex;align-items:center;justify-content:center;gap:13px;background:var(--studio-dark)!important;border:1px solid #292f39!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #ffffff25,0 3px 7px #28334615;font-size:10px;padding:10px 14px;}
html:root body.moon-glass #reply-form button svg {width:14px;height:14px;color:#b6cdea;}
html:root body.moon-glass #back-conversations {background:#ffffff15!important;border:0!important;color:#fff!important;}
/* Recognizable platform colors, repeated in filters and conversation badges. */
html:root body.moon-glass :is([data-inbox-channel=all],.avatar.all) {--channel-color:#477ce1;--channel-tint:#eaf0ff;}
html:root body.moon-glass :is([data-inbox-channel=booking],.avatar.booking) {--channel-color:#1356bd;--channel-tint:#e9f0ff;}
html:root body.moon-glass :is([data-inbox-channel=instagram],.avatar.instagram) {--channel-color:#ce387b;--channel-tint:#fceaf2;}
html:root body.moon-glass :is([data-inbox-channel=whatsapp],.avatar.whatsapp) {--channel-color:#16864e;--channel-tint:#e2f5e9;}
html:root body.moon-glass :is([data-inbox-channel=airbnb],.avatar.airbnb) {--channel-color:#e85560;--channel-tint:#fff0f0;}
html:root body.moon-glass :is([data-inbox-channel=messenger],.avatar.messenger) {--channel-color:#1975e8;--channel-tint:#e7f1ff;}
html:root body.moon-glass .concierge-channel-mark {width:28px;height:28px;display:grid;place-items:center;border-radius:8px!important;background:var(--channel-tint);color:var(--channel-color)!important;box-shadow:inset 0 1px 0 #ffffffaa;}
html:root body.moon-glass .concierge-channel-mark svg {width:17px;height:17px;stroke-width:1.8;}
html:root body.moon-glass [data-inbox-channel=instagram] .concierge-channel-mark {background:linear-gradient(35deg,#ffd485,#f17471 43%,#c14593 74%,#7858c7);color:#fff!important;}
html:root body.moon-glass .concierge-channel-count {background:var(--channel-tint);color:var(--channel-color);}
html:root body.moon-glass .avatar .conversation-platform {background:var(--channel-tint)!important;border-color:#fff!important;color:var(--channel-color)!important;}
html:root body.moon-glass .avatar.instagram .conversation-platform {background:linear-gradient(35deg,#ffcb76,#ea657d 45%,#a64ab3)!important;color:#fff!important;}
html:root body.moon-glass .concierge-emblem {background:radial-gradient(ellipse at 15% 0%,#6a82a6,#343f54 64%,#242c3b);color:#e5f0ff;}
@media(min-width:861px) and (max-width:1120px) {
 html:root body.moon-glass {--moon-side-width:218px;padding-left:calc(var(--moon-side-width) + 30px)!important;}
 html:root body.moon-glass :is(.app>.main,body>.main,.app>main,body>.wrap) {padding:24px!important;}
 html:root body.moon-glass .moon-orbit-art {margin-right:0;width:240px;}
 html:root body.moon-glass .moon-orbit-ring {width:240px;}
 html:root body.moon-glass .moon-home-hero h1 {font-size:40px!important;}
 html:root body.moon-glass.concierge-view .inbox-layout {grid-template-columns:250px minmax(0,1fr);gap:10px;min-height:500px;}
 html:root body.moon-glass .concierge-channels button {flex:1 1 28%;}
 html:root body.moon-glass .concierge-emblem {width:48px;height:48px;}
 html:root body.moon-glass .inbox-heading h1 {font-size:29px;}
 html:root body.moon-glass .demo-chat-detail {gap:8px;flex-wrap:wrap;}
}
@media(min-width:861px) {
 html:root body.moon-glass.moon-rail {--moon-side-width:76px;}
 html:root body.moon-glass.moon-rail .moon-submenu {display:none!important;}
}
@media(max-width:860px) {
 html:root body.moon-glass {padding:88px 10px 14px!important;}
 html:root body.moon-glass .moon-sidebar {border-radius:16px!important;}
 html:root body.moon-glass :is(.app>.main,body>.main,.app>main,body>.wrap) {border-radius:18px!important;padding:22px 16px 28px!important;}
 html:root body.moon-glass .moon-topbar {border-radius:14px;}
 html:root body.moon-glass .moon-home-hero {min-height:205px;padding:0;gap:8px;flex-wrap:nowrap;}
 html:root body.moon-glass .moon-home-hero h1 {font-size:34px!important;}
 html:root body.moon-glass .moon-home-hero p {font-size:11px;max-width:240px;}
 html:root body.moon-glass .moon-orbit-art {width:100px;height:140px;margin:0 -18px 0 -25px;opacity:.8;}
 html:root body.moon-glass .moon-orbit-sphere {inset:27px 0 20px 0;}
 html:root body.moon-glass .moon-orbit-ring {width:140px;height:47px;left:-20px;top:50px;}
 html:root body.moon-glass .moon-orbit-dot {width:7px;height:7px;right:-5px;top:45px;}
 html:root body.moon-glass .moon-section-heading>span {display:none;}
 html:root body.moon-glass #moon-home .cards {grid-template-columns:1fr!important;}
 html:root body.moon-glass #moon-home .cards .card {min-height:205px;}
 html:root body.moon-glass #moon-home .card[data-agent=users] {display:flex;min-height:180px;align-items:flex-start;}
 html:root body.moon-glass .concierge-title-group {gap:13px;}
 html:root body.moon-glass .concierge-emblem {width:49px;height:49px;border-radius:15px!important;}
 html:root body.moon-glass .concierge-emblem svg {width:27px;height:27px;}
 html:root body.moon-glass .inbox-heading h1 {font-size:29px;}
 html:root body.moon-glass .inbox-heading p {font-size:10px;}
 html:root body.moon-glass .inbox-heading {gap:17px;margin-bottom:18px;}
 html:root body.moon-glass .inbox-heading .concierge-demo-note {font-size:9px;}
 html:root body.moon-glass .concierge-channels {gap:4px;padding:5px;}
 html:root body.moon-glass .concierge-channels button {font-size:9px;gap:5px;min-height:42px;padding:9px 5px!important;}
 html:root body.moon-glass .concierge-channel-mark {width:22px;height:22px;flex:0 0 22px;border-radius:6px!important;}
 html:root body.moon-glass .concierge-channel-mark svg {width:14px;height:14px;}
 html:root body.moon-glass .concierge-channel-count {font-size:8px;padding:2px 3px;min-width:12px;}
 html:root body.moon-glass.concierge-view .inbox-layout {grid-template-columns:1fr;height:600px;min-height:560px;gap:0;}
 html:root body.moon-glass .demo-chat-detail {padding:11px 15px;gap:7px;font-size:9px;}
 html:root body.moon-glass .chat-heading {padding:16px;}
 html:root body.moon-glass .chat-panel .messages {padding:10px 16px 17px;}
 html:root body.moon-glass #reply-form {padding:13px 16px;}
}
@media(prefers-reduced-motion:reduce) {html:root body.moon-glass :is(button,.card,.btn,.moon-shortcut) {transition:none!important;}}
}

/* Maestro identity uses the approved native vector artwork. */
@media screen {
  .maestro-brand-lockup {display:flex;align-items:center;justify-content:flex-start;flex:none;text-decoration:none;line-height:0;}
  .maestro-brand-logo {display:block;width:168px;max-width:100%;height:auto;}
  .maestro-brand-mark {display:none;width:35px;height:auto;}
  .gate-card .maestro-login-brand {margin:2px auto 25px!important;padding:0!important;max-width:100%;line-height:0!important;}
  .gate-card .maestro-login-brand img {display:block;width:228px;max-width:100%;height:auto;margin:0 auto;}
  html:root body.moon-glass .moon-sidebar :is(.brand,.agbrand) {padding-left:24px!important;padding-right:24px!important;}
  html:root body.moon-glass .maestro-wordmark {line-height:0;letter-spacing:0;}
  html:root body.moon-glass .maestro-wordmark img {display:block;width:148px;height:auto;}
  @media(min-width:861px) {
    html:root body.moon-glass.moon-rail .moon-sidebar :is(.brand,.agbrand) {padding-left:0!important;padding-right:0!important;}
    html:root body.moon-glass.moon-rail .maestro-brand-logo {display:none;}
    html:root body.moon-glass.moon-rail .maestro-brand-mark {display:block;}
  }
  @media(max-width:860px) {
    html:root body.moon-glass .maestro-wordmark img {width:128px;}
    html:root body.moon-glass .moon-sidebar :is(.brand,.agbrand) {justify-content:flex-start!important;}
  }
}

/* Concierge guest context: conversations, chat and booking details. */
@media screen {
  html:root body.moon-glass.concierge-view #inbox-layout {
    position:relative;
    grid-template-columns:clamp(220px,21vw,260px) minmax(280px,1fr) clamp(246px,23vw,290px);
    gap:12px;
    align-items:stretch;
  }
  html:root body.moon-glass #inbox-layout>.panel {min-width:0;min-height:0;}
  html:root body.moon-glass #guest-context {
    display:flex;
    flex-direction:column;
    padding:0!important;
    min-width:0;
    min-height:0;
    overflow:hidden;
    color:#303946;
  }
  html:root body.moon-glass .guest-context-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:none;
    gap:10px;
    min-height:77px;
    padding:17px 18px;
    border-bottom:1px solid #edf0f4;
    background:linear-gradient(135deg,#fff,#fafbfd);
  }
  html:root body.moon-glass .guest-context-heading>div {min-width:0;}
  html:root body.moon-glass .guest-context-heading h2 {margin:0;font-size:14px;font-weight:550;letter-spacing:-.025em;color:#414b59;}
  html:root body.moon-glass .guest-context-heading p {margin:5px 0 0;font-size:11px;color:#84909f;line-height:1.4;overflow-wrap:anywhere;}
  html:root body.moon-glass .guest-context-scroll {flex:1;min-height:0;overflow:auto;padding:0 18px 20px;scrollbar-width:thin;scrollbar-color:#d2d8e0 transparent;overscroll-behavior:contain;}
  html:root body.moon-glass #context-empty {padding:30px 4px;text-align:center;color:#8a96a5;font-size:12px;line-height:1.7;}
  html:root body.moon-glass #context-empty>svg {display:block;width:28px;height:28px;margin:0 auto 12px;color:#a8b3c2;}
  html:root body.moon-glass #context-empty p {font-size:12px;margin:8px 0;color:#8a96a5;}
  html:root body.moon-glass .context-section {padding:20px 0;border-bottom:1px solid #edf0f4;}
  html:root body.moon-glass .context-section:last-child {border-bottom:0;padding-bottom:0;}
  html:root body.moon-glass .context-section-label {display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.025em;color:#85909e;line-height:1.4;}
  html:root body.moon-glass .context-section-label svg {width:15px;height:15px;flex:none;color:#8e9aaa;}
  html:root body.moon-glass .context-demo {margin-left:auto;padding:3px 6px;border-radius:5px;background:#edf2fa;color:#6f87ab;font-size:8px;font-weight:500;letter-spacing:.02em;}
  html:root body.moon-glass .context-identity {display:flex;align-items:center;gap:12px;min-width:0;}
  html:root body.moon-glass .context-avatar {display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:var(--studio-dark);color:#f4f7fb;font-size:17px;font-weight:550;box-shadow:inset 0 1px 1px #ffffff33;}
  html:root body.moon-glass .context-person {min-width:0;}
  html:root body.moon-glass .context-person h3 {margin:0;color:#303a49;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere;}
  html:root body.moon-glass .context-person p {margin:5px 0 0;font-size:11px;line-height:1.45;color:#85909f;overflow-wrap:anywhere;}
  html:root body.moon-glass .context-property-tag {display:inline-flex;align-items:center;max-width:100%;margin-top:14px;padding:6px 10px;border:1px solid #e5e9ee;border-radius:20px;background:#f7f8fa;color:#657181;font-size:10px;line-height:1.4;overflow-wrap:anywhere;}
  html:root body.moon-glass #context-bookings {display:grid;gap:12px;}
  html:root body.moon-glass .context-booking {min-width:0;padding:15px 13px;background:#eff5ff;border:1px solid #e7effc;border-left:2px solid #5389e5;border-radius:13px;}
  html:root body.moon-glass .context-booking-top {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
  html:root body.moon-glass .context-booking-top strong {display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:600;color:#384860;overflow-wrap:anywhere;}
  html:root body.moon-glass .context-booking-top svg {width:15px;height:15px;flex:none;color:#4c82d8;}
  html:root body.moon-glass .context-booking-status {max-width:100%;padding:4px 7px;border-radius:20px;background:#e0e9f7;color:#637ca1;font-size:9px;font-weight:550;line-height:1.35;overflow-wrap:anywhere;}
  html:root body.moon-glass .context-booking-status[data-status=confirmed] {background:#dcf7e7;color:#31845c;}
  html:root body.moon-glass .context-booking-status[data-status=checked_in] {background:#dcf7e7;color:#31845c;}
  html:root body.moon-glass .context-booking-status[data-status=pending] {background:#fff0d7;color:#9c783f;}
  html:root body.moon-glass .context-booking-status[data-status=cancelled] {background:#fbe5e5;color:#ac6262;}
  html:root body.moon-glass .context-booking-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px;margin:0;}
  html:root body.moon-glass .context-booking-grid>div {min-width:0;}
  html:root body.moon-glass .context-booking :is(dt,dd) {margin:0;}
  html:root body.moon-glass .context-booking dt {color:#8190a3;font-size:10px;line-height:1.4;}
  html:root body.moon-glass .context-booking dd {margin-top:3px;font-size:11px;font-weight:500;line-height:1.5;color:#41516a;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
  html:root body.moon-glass .context-booking-total {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:15px 0 0;padding-top:12px;border-top:1px solid #dce7f8;}
  html:root body.moon-glass .context-booking-total dd {font-size:13px;font-weight:600;text-align:right;}
  html:root body.moon-glass .context-booking-links {display:grid;gap:9px;margin-top:16px;}
  html:root body.moon-glass .context-booking-links :is(a,span) {display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.5;overflow-wrap:anywhere;}
  html:root body.moon-glass .context-booking-links a {color:#437bc9;text-decoration:none;}
  html:root body.moon-glass .context-booking-links a:hover {text-decoration:underline;}
  html:root body.moon-glass .context-booking-links [aria-disabled=true] {color:#8191a8;}
  html:root body.moon-glass .context-booking-links svg {width:13px;height:13px;flex:0 0 13px;margin-top:1px;}
  html:root body.moon-glass .context-room-heading {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:11px;line-height:1.5;}
  html:root body.moon-glass .context-room-heading strong {font-weight:550;color:#455264;}
  html:root body.moon-glass .context-room-heading>span {color:#8a96a4;font-size:10px;}
  html:root body.moon-glass .context-room-tags {display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
  html:root body.moon-glass .context-room-tags>span {padding:5px 8px;border-radius:20px;background:#f2f4f7;color:#7b8899;font-size:9px;line-height:1.4;}
  html:root body.moon-glass :is(#context-services,.context-empty-note,.context-note,.context-unavailable) {font-size:11px;line-height:1.65;color:#8a95a3;overflow-wrap:anywhere;}
  html:root body.moon-glass .context-unavailable {margin:0;}
  html:root body.moon-glass #context-services :is(p,ul) {margin:0;font-size:11px;color:#8a95a3;}
  html:root body.moon-glass #context-services ul {padding-left:17px;}
  html:root body.moon-glass .context-memory {padding:13px 14px;border:1px solid #e7ebef;border-radius:12px;background:#f9fafb;font-size:11px;line-height:1.75;color:#738092;overflow-wrap:anywhere;white-space:pre-wrap;}
  html:root body.moon-glass .context-memory p {margin:0;font-size:11px;color:inherit;}
  html:root body.moon-glass .context-source-note {margin:12px 0 0;font-size:9px;line-height:1.5;color:#929eae;}
  html:root body.moon-glass :is(#open-context,#close-context) {display:none;align-items:center;justify-content:center;flex:none;gap:6px;min-width:34px;height:34px;padding:7px!important;border-radius:9px!important;font-size:10px;line-height:1;}
  html:root body.moon-glass :is(#open-context,#close-context) svg {width:17px;height:17px;flex:none;}
  html:root body.moon-glass #open-context {margin-left:auto;color:#dce8f9!important;background:#ffffff12!important;border:1px solid #ffffff26!important;box-shadow:none!important;}
  html:root body.moon-glass #close-context {color:#66788f!important;background:#f4f6f9!important;border:1px solid #e2e7ee!important;box-shadow:none!important;}
  html:root body.moon-glass #conversation .chat-heading>div:last-of-type {min-width:0;}
  html:root body.moon-glass #conversation .chat-heading h2 {overflow-wrap:anywhere;}

  @media(min-width:801px) and (max-width:1179px) {
    html:root body.moon-glass.concierge-view #inbox-layout {grid-template-columns:220px minmax(0,1fr);gap:12px;}
    html:root body.moon-glass #guest-context {display:none;position:absolute;z-index:4;inset:0 0 0 auto;width:min(340px,calc(100% - 232px));height:100%;box-shadow:-12px 0 30px #24344e1c!important;border-color:#e3e9f2!important;}
    html:root body.moon-glass #inbox-layout.context-open #guest-context:not([hidden]) {display:flex;}
    html:root body.moon-glass :is(#open-context,#close-context):not([hidden]) {display:flex;}
    html:root body.moon-glass #conversation .chat-heading {padding-left:16px;padding-right:16px;gap:9px;}
  }
  @media(max-width:800px) {
    html:root body.moon-glass.concierge-view #inbox-layout {grid-template-columns:minmax(0,1fr);gap:0;}
    html:root body.moon-glass #guest-context {display:none;width:100%;height:100%;}
    html:root body.moon-glass #inbox-layout.context-open.has-selection #guest-context:not([hidden]) {display:flex;}
    html:root body.moon-glass #inbox-layout.context-open.has-selection .chat-panel {display:none!important;}
    html:root body.moon-glass :is(#open-context,#close-context):not([hidden]) {display:flex;}
    html:root body.moon-glass .guest-context-heading {padding:17px 20px;}
    html:root body.moon-glass .guest-context-scroll {padding:0 20px 24px;}
    html:root body.moon-glass .context-section {padding:22px 0;}
    html:root body.moon-glass .context-booking {padding:18px;}
    html:root body.moon-glass .context-booking :is(dt,dd) {font-size:12px;}
    html:root body.moon-glass .context-booking-links :is(a,span) {font-size:11px;}
    html:root body.moon-glass .context-memory {font-size:12px;}
  }
}