:root{color-scheme:light;--ink:#14372b;--green:#102f27;--deep:#0a211c;--sage:#e8efe5;--paper:#f6f7ef;--white:#fffef9;--line:#d9e2d5;--muted:#526e61;--lime:#d7eda8;--peach:#f8b58b;--radius:20px;--shadow:0 20px 50px -34px #203e30a0;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b07546;outline-offset:3px}button[disabled]{cursor:wait;opacity:.6}h1,h2,h3,p{margin:0}button svg,a svg,.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.loading{padding:30px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:9px}.skip:focus{top:10px}.brand-logo{width:142px;height:42px;object-fit:contain;object-position:left center;display:block}.eyebrow{font-size:10px;letter-spacing:.145em;font-weight:800;text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:12px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:41px;padding:8px 13px;border-radius:11px;border:1px solid transparent;background:#204f3c;color:#fffef2;font-weight:700;text-decoration:none;line-height:1.2}.button:hover{background:#153d2e}.button.subtle{background:#f1f5ee;border-color:#d7e3d4;color:#245039}.button.subtle:hover{background:#e5efe3}.button.warn{background:#fff4e9;border-color:#f0d3bd;color:#824823}.tag{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border:1px solid #d6e2d4;background:#eef4e9;color:#315740;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:730;white-space:nowrap}.tag[data-tone=amber]{background:#fff0df;border-color:#f0d4b5;color:#824d24}.tag[data-tone=grey]{background:#eef0eb;border-color:#d9dfd5;color:#53685b}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.login{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(370px,.78fr)}.login-scene{isolation:isolate;position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:clamp(28px,5vw,76px);color:#f8f8e9;background:radial-gradient(ellipse at 75% 70%,#32644d 0,transparent 62%),radial-gradient(ellipse at 0% 4%,#244d38,transparent 61%),#0b251e}.scene-brand{display:flex;align-items:center;gap:13px}.scene-brand img{background:#f8f7eb;padding:5px 10px;border-radius:12px;width:131px;height:36px;object-position:center}.scene-brand span{color:#b3c9b7}.login-title{font:400 clamp(58px,7vw,112px)/.87 var(--display);letter-spacing:-.07em;max-width:780px;position:relative}.login-title em{display:block;color:#d6eeb0;font-weight:400}.scene-story>p{margin:20px 0 0;max-width:365px;color:#d1e0ce}.scene-story>.eyebrow{display:block;margin-bottom:16px;color:#c1d5a4}.scene-foot{display:flex;justify-content:space-between;gap:8px;color:#bed2bd;font-size:10px;letter-spacing:.08em}.login-door{display:grid;place-items:center;padding:clamp(25px,5vw,69px);background:radial-gradient(ellipse at 95% 0%,#e0eadc,transparent 70%),#f6f7ef}.door-inner{width:100%;max-width:392px}.door-inner>.eyebrow{color:#52715c}.door-inner h2{font:400 clamp(43px,5vw,65px)/.94 var(--display);letter-spacing:-.055em;margin:8px 0 10px}.door-inner>p{color:var(--muted);margin-bottom:21px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#e8eee4;margin-bottom:16px}.role-picker button{border:0;background:transparent;border-radius:9px;min-height:40px;padding:6px;font-size:12px;font-weight:700}.role-picker [aria-pressed=true]{background:#fffff8;box-shadow:0 3px 8px -4px #24493566;color:#163c2c}.field{display:grid;gap:5px;margin-bottom:12px;font-size:12px;font-weight:680}.field input,.field select,.field textarea,.control{width:100%;min-width:0;min-height:42px;padding:8px 10px;background:#fffef9;border:1px solid #cddccf;border-radius:9px;color:var(--ink)}.field textarea{min-height:100px;resize:vertical}.login .button[type=submit]{width:100%;min-height:47px;justify-content:space-between}.demo-fill{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:12px 0;color:#345944;font-weight:650}.error{color:#973a23;margin:5px 0 10px;min-height:19px}
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100svh}.rail{position:sticky;top:0;height:100svh;background:linear-gradient(165deg,#183e31,#0c2821);color:#e9f4e5;padding:20px 13px;display:flex;flex-direction:column;gap:23px;z-index:3}.rail .brand-logo{background:#fffef6;border-radius:10px;padding:3px 8px;object-position:center;width:min(180px,calc(100% - 6px));height:auto;aspect-ratio:3.1;flex:none;margin-left:6px}.rail-scope{padding:10px 9px 0;border-top:1px solid #d5f0d52a}.rail-scope small,.rail-label{color:#bad5bf;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.rail-scope b{display:block;overflow-wrap:anywhere}.rail nav{display:grid;gap:4px}.rail nav a,.rail button{display:flex;align-items:center;gap:8px;min-height:41px;border:1px solid transparent;border-radius:9px;padding:7px 9px;color:#e6f0e5;text-decoration:none;font-size:12px;background:transparent}.rail nav a[aria-current=page]{background:#e7f5d222;color:#edffcf;border-color:#d3edab34}.rail nav a:hover,.rail button:hover{background:#ffffff15}.rail-footer{margin-top:auto;border-top:1px solid #d5f0d52a;padding-top:8px}.main{min-width:0}.topbar{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px clamp(15px,3vw,35px);border-bottom:1px solid #dde5d7;background:#fbfcf5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:#dcebdc;color:#28553f;font-size:12px;font-weight:800}.topbar .menu-toggle{display:none}.content{max-width:1360px;margin:0 auto;padding:clamp(16px,3.5vw,40px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-heading h1{font:400 clamp(37px,4vw,57px)/.95 var(--display);letter-spacing:-.055em;margin:4px 0 7px}.page-heading p{color:var(--muted);max-width:62ch}.spotlight{position:relative;isolation:isolate;overflow:hidden;border:1px solid #234839;border-radius:var(--radius);background:radial-gradient(ellipse at 90% 8%,#3c6c4b,transparent 70%),#15392d;color:#f7f7e9;padding:clamp(17px,3vw,29px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:end;gap:18px}.spotlight::after{position:absolute;content:"";inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 94% 110%,transparent 0 14px,#daedb121 15px,transparent 16px 28px);mask-image:linear-gradient(110deg,transparent 55%,#000)}.spotlight h2{font:400 clamp(27px,4vw,46px)/.95 var(--display);letter-spacing:-.035em;margin:4px 0 8px}.spotlight p{color:#d6e4d3;max-width:57ch}.spotlight .eyebrow{color:#d6edaf}.spotlight .button{justify-self:end;background:#d8eeb0;color:#1c432e}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 17px}.metric,.panel{min-width:0;border:1px solid #d3dfd1;border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.metric{padding:12px 13px}.metric .icon{color:#47765c}.metric b{display:block;font:400 34px/1 var(--display);margin:5px 0 2px;font-variant-numeric:lining-nums}.metric span{font-size:11px;color:#486957}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:12px}.panel{padding:clamp(12px,2vw,20px)}.panel h2{font-size:17px;letter-spacing:-.025em}.panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.panel-head p{font-size:12px;color:var(--muted)}.rows{display:grid;gap:6px}.data-row{width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;border:1px solid #e1e9dd;border-radius:11px;background:#f8faf4;padding:8px;color:var(--ink)}button.data-row:hover,.data-row.selected{border-color:#8fb29d;background:#ecf4e9}.data-row b,.data-row small{display:block;overflow-wrap:anywhere}.data-row small{color:var(--muted)}.list-label{font-size:10px;color:var(--muted);font-weight:700}.empty{border:1px dashed #cfddd0;border-radius:12px;padding:17px;color:var(--muted)}.setup-list{display:grid;gap:9px;list-style:none;padding:0;margin:0}.setup-list li{display:flex;align-items:flex-start;gap:8px}.setup-list .icon{color:#4a7d60}.setup-list small{display:block;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar .control{width:auto;max-width:100%}.inbox{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:12px}.thread{display:grid;gap:9px;margin:12px 0}.bubble{max-width:90%;background:#f0f4ed;border:1px solid #dde7dc;border-radius:11px 11px 11px 4px;padding:7px 10px;overflow-wrap:anywhere}.bubble.agent{justify-self:end;background:#e5f1e1;border-color:#d0e5cf;border-radius:11px 11px 4px 11px}.bubble.note{background:#fff4df;border-color:#edd7b9}.bubble b{display:block;font-size:10px;color:#3d654f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.faq-row{border-bottom:1px solid var(--line);padding:11px 0}.faq-row:last-child{border:0}.faq-row p{color:var(--muted);margin:3px 0 7px;overflow-wrap:anywhere}.faq-actions{display:flex;gap:6px}.faq-actions button{min-height:36px}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{border-bottom:1px solid var(--line);padding:8px 0;display:grid;gap:3px;overflow-wrap:anywhere}.activity-list li:last-child{border:0}.activity-list small{color:var(--muted)}.account-list{display:grid;gap:7px}.account-list .data-row{grid-template-columns:auto minmax(0,1fr) auto auto}.settings-status{display:flex;gap:8px;align-items:center;margin-bottom:12px}dialog{width:min(490px,calc(100% - 24px));max-height:90svh;overflow:auto;border:1px solid #b3cdb5;border-radius:19px;background:#fbfcf5;color:var(--ink);padding:18px;box-shadow:0 28px 65px #0c2e2555}dialog::backdrop{background:#09251fb0;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.dialog-head h2{font-size:19px}.close-dialog{border:1px solid #d6e3d4;border-radius:8px;background:#f1f6ee;min-height:36px;padding:5px 9px}.credential{background:#e8f2e4;border-radius:9px;padding:8px;overflow-wrap:anywhere}#toast:not(:empty){position:fixed;z-index:8;bottom:15px;right:15px;max-width:min(340px,calc(100vw - 30px));border:1px solid #acc8ae;border-radius:11px;background:#173f30;color:#f7fff1;padding:9px 13px;box-shadow:0 9px 28px #12352a55}
@media(max-width:900px){.login-scene{padding:27px}.shell{grid-template-columns:180px minmax(0,1fr)}.split,.inbox{grid-template-columns:1fr}.login-title{font-size:clamp(52px,8vw,75px)}}
@media(max-width:680px){.login{grid-template-columns:1fr}.login-scene{min-height:auto;padding:23px;gap:18px}.login-title{font-size:clamp(44px,10vw,66px)}.scene-story>.eyebrow{margin-bottom:8px}.scene-story>p{margin-top:10px;font-size:12px}.scene-foot{display:none}.login-door{padding:21px 18px 32px}.door-inner h2{font-size:42px}.shell{display:block}.rail{position:fixed;inset:0 auto 0 0;width:min(245px,80vw);display:none;box-shadow:0 0 0 100vmax #0a251d65}.rail.open{display:flex}.topbar .menu-toggle{display:inline-flex}.topbar .avatar{display:none}.spotlight{grid-template-columns:1fr;align-items:start}.spotlight .button{justify-self:start}.account-list .data-row{grid-template-columns:auto minmax(0,1fr) auto}.account-list .data-row .account-action{grid-column:2 / -1;justify-self:start}.form-grid{grid-template-columns:1fr}.metrics{gap:5px}.metric{padding:9px 7px}.metric b{font-size:25px}.metric span{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.login-title,.door-inner{animation:enter .48s ease-out both}.door-inner{animation-delay:.12s}@keyframes enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
.login-scene[data-workspace=admin] {
  --relief-shadow:#26261c; --relief-mid:#665038; --relief-light:#b68f5c; --relief-edge:#f2d5a4;
  background:radial-gradient(ellipse at 86% 72%,#534631,transparent 65%),linear-gradient(145deg,#27362b,#17261f 73%);
}
.login-scene[data-workspace=admin] .login-title em{color:#f5d7ab}

/* Editorial layer. Warm paper, forest ink, and copper reserved for action. */
@font-face { font-family: Manrope; src: url(/manrope.ttf) format("truetype"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: Instrument; src: url(/instrument.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: Instrument; src: url(/instrument-italic.ttf) format("truetype"); font-style: italic; font-display: swap; }

:root {
  --ink: #20392d;
  --muted: #55695b;
  --paper: #f2eee3;
  --white: #fffcf4;
  --line: #ded8c9;
  --copper: #a74b2a;
  --sans: Manrope, system-ui, sans-serif;
  --display: Instrument, Georgia, serif;
  --shadow: inset 0 1px #fff9, 0 13px 27px -19px #4338277d, 0 2px 4px -3px #42372855;
}
.login-scene {
  min-height: 100svh;
  --relief-shadow:#0a2520;
  --relief-mid:#315b4b;
  --relief-light:#a0b889;
  --relief-edge:#d9e7af;
  background:radial-gradient(ellipse at 82% 74%,#264c3b,transparent 63%),linear-gradient(145deg,#16372c,#091f1a 73%);
}
/* Engraved folds echo overlapping message slips on the workspace desk. */
.scene-relief {
  position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none;
  mask-image:linear-gradient(115deg,transparent 18%,#000 67%);
}
@media(max-width:680px) {
  .scene-relief { inset:auto 0 0; height:110%; opacity:.83; }
}
.scene-brand .brand-logo { border-radius:999px; width:clamp(166px,17vw,220px); height:auto; aspect-ratio:3.3; padding:4px 8px; flex:none; }
.scene-brand span { color: #c9d7c4; }
.login-title { font-size: clamp(62px,8.8vw,140px); letter-spacing: -.035em; line-height: .78; }
.login-title em { display: inline; color: #efc497; }
.scene-story { position: relative; z-index: 1; }
.scene-story>p { max-width: 340px; margin-top: 20px; color: #dce5d4; font-size: 13px; }
.scene-story>.eyebrow { color: #c3dbb5; }
.login-door { background:radial-gradient(ellipse at 85% 0%,#eee4d4,transparent 63%),#fcf9f0; }
.door-inner { padding: clamp(16px,2.3vw,28px) 0; }
.door-rule { display:block; height:1px; width:36px; margin-bottom:16px; background:#9d5d3c; }
.door-inner h2 { font-size:clamp(53px,6.4vw,86px); letter-spacing:-.027em; }
.role-picker { background:#ede7da; border-color:#dbd3c3; border-radius:999px; }
.role-picker button { border-radius:999px; }
.role-picker [aria-pressed=true] { background:#fffcf4; box-shadow:0 4px 10px -5px #4b342a55; }
.login .button[type=submit] { background:linear-gradient(135deg,#b65a34,#964121); border-color:#8c3f27; border-radius:12px; }
.login .button[type=submit]:hover { background:#873b23; }
.field input,.field select,.field textarea,.control { border-color:#d2cdbd; background:#fffdf5; box-shadow:inset 0 1px 2px #62432709; }

.shell { background:radial-gradient(ellipse at 96% 2%,#e7dccb 0,transparent 38%),#f4f0e6; }
.rail {
  background:radial-gradient(ellipse at 0 0,#315647,transparent 68%),linear-gradient(155deg,#203d30,#142b23);
  border-right:1px solid #102b1f;
  box-shadow:inset -1px 0 #d8ebc918;
  gap:16px;
}
.shell[data-workspace=admin] .rail { background:radial-gradient(ellipse at 0 0,#574533,transparent 72%),linear-gradient(155deg,#383a2c,#192c24); }
.rail .brand-logo { border-radius:999px; }
.rail-scope { margin-top:5px; }
.rail-index { padding:0 10px; color:#b8cfb6; }
.rail nav { margin-top:-9px; }
.rail nav a { border-radius:11px; font-weight:650; }
.rail nav a[aria-current=page] { border-color:#efebc045; background:linear-gradient(115deg,#edf1bd2d,#f9e0a610); color:#f9efca; box-shadow:inset 2px 0 #e2bf87; }
.rail nav a[aria-current=page] svg { color:#efc893; }
.topbar { background:#faf6eaf0; border-bottom-color:#ded2bc; }
.topbar-left>span { font-size:11px; font-weight:750; color:#655f4c; }
.content { position:relative; }
.view-stamp {
  position:absolute; top:clamp(12px,3.5vw,39px); right:clamp(16px,3.5vw,40px);
  width:58px; height:51px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px;
  padding:7px; border:1px solid #d9cbb5; border-radius:10px;
  background:linear-gradient(135deg,#fff8e9,#ece3d2); color:#77583d;
  box-shadow:inset 0 1px #fff9;
}
.view-stamp span { font:700 9px/1 ui-monospace,monospace; white-space:nowrap; }
.view-stamp svg { width:17px; height:17px; }
.page-heading { margin-bottom:17px; padding:1px 70px 14px 0; border-bottom:1px solid #d8cdb9; }
.page-heading .eyebrow { color:#876447; }
.page-heading h1 { font-size:clamp(42px,5vw,76px); letter-spacing:-.028em; margin-top:4px; }
.page-heading p { color:#57695c; font-size:12px; }
.page-heading > .button:not(.subtle) { background:var(--copper); border-color:#8d4026; }
.page-heading > .button:not(.subtle):hover { background:#8a3c22; }
.spotlight { border-radius:22px; border-color:#2c5140; box-shadow:0 15px 38px -26px #142b22, inset 0 1px #f7fbdf22; }
.spotlight h2 { font-size:clamp(36px,4.8vw,66px); }
.spotlight .button { background:linear-gradient(135deg,#f6e5bd,#e3cda5); color:#304331; border-color:#fae8c0; }
.spotlight .button:hover { background:#faeac5; }
.shell[data-workspace=admin] .spotlight { background:radial-gradient(ellipse at 95% 2%,#694f35,transparent 64%),#26392e; }
.metric,.panel { border-color:#dbd1bf; background:linear-gradient(145deg,#fffdf5,#faf6eb); }
.metric { position:relative; padding:12px 13px 13px; }
.metric .icon { width:17px; height:17px; color:#a0623e; }
.metric b { font-size:clamp(27px,3.7vw,49px); color:#244635; }
.metric span { color:#5a6957; }
.panel { border-radius:18px; }
.panel-head { border-bottom:1px solid #e4dac9; padding-bottom:8px; }
.panel-head h2 { font-size:18px; color:#294533; }
.data-row { border-color:#e7ddcb; background:#fbf8ed; }
button.data-row:hover,.data-row.selected { background:#eff3e5; border-color:#b0c5a7; }
.avatar { background:linear-gradient(145deg,#e7ecd6,#c8dabd); border-radius:50%; color:#2e5037; }
.tag[data-tone=amber] { background:#f7ead5; border-color:#e7ccb0; color:#795032; }
.thread { padding:10px; border:1px solid #e3dbc8; border-radius:12px; background:radial-gradient(#c0cdb553 1px,transparent 1px) 0 0/13px 13px,#f5f5e9; }
.bubble { box-shadow:0 5px 12px -10px #37452c7a; }
.faq-row { border-color:#e4d9c7; }
dialog { border-color:#cbbb9f; background:linear-gradient(135deg,#fffaf0,#f6efdf); }
.dialog-head { padding-bottom:10px; border-bottom:1px solid #e6dac4; }
.dialog-head h2 { font:400 35px/.95 var(--display); }
dialog::backdrop { background:#10251bb5; }

@media (max-width: 900px) {
  .login-title { font-size:clamp(57px,8.8vw,98px); }
}
@media (max-width: 680px) {
  .login-scene { min-height:auto; gap:16px; }
  .login-title { font-size:clamp(55px,12vw,80px); }
  .door-inner { padding:2px 0; }
  .view-stamp { width:44px; height:39px; gap:2px; padding:4px; }
  .view-stamp svg { width:13px; height:13px; }
  .page-heading { padding-right:48px; }
  .page-heading h1 { font-size:clamp(40px,9vw,53px); }
}

.login-title .login-title-line { display:block; width:fit-content; padding-bottom:.08em; }
.login-title .login-title-line + .login-title-line { margin-top:.04em; }
@media (max-width:680px) {
  .login-title { font-size:clamp(46px,11.8vw,75px); }
}
@media (prefers-reduced-motion:no-preference) {
  .login-title { animation:none; }
  .login-title-line { animation:login-headline-reveal 660ms cubic-bezier(.18,.78,.25,1) both; }
  .login-title-line + .login-title-line { animation-delay:125ms; }
  @keyframes login-headline-reveal {
    from { transform:translateY(.19em); opacity:.28; clip-path:inset(0 0 55% 0); }
    to { transform:translateY(0); opacity:1; clip-path:inset(-12% -5% -18% -5%); }
  }
}
@'

/* Workspace field. Each role gets its own tint on the same ruled pattern. */
.shell {
  --desk-paper:#e9eee7;
  --desk-light:#fbf9ef;
  --desk-line:#4968541d;
  --desk-glow:#b6d1bd;
  background: radial-gradient(ellipse at 92% -4%,var(--desk-glow),transparent 62%),var(--desk-paper);
}
.shell[data-workspace=admin] {
  --desk-paper:#f0eae0;
  --desk-light:#fff9ef;
  --desk-line:#805c391d;
  --desk-glow:#e5cfb3;
}
.main { position:relative; isolation:isolate; }
.main::before,.login-door::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 65% 30%,transparent 7%,var(--desk-light) 80%),
             repeating-linear-gradient(90deg,transparent 0 34px,var(--desk-line) 34px 35px),
             repeating-linear-gradient(0deg,transparent 0 34px,var(--desk-line) 34px 35px);
}
.topbar { background:color-mix(in srgb,var(--desk-light) 90%,var(--desk-glow)); }
.login-door {
  --desk-light:#fbf7ed;
  --desk-line:#795f4720;
  position:relative; isolation:isolate;
  background:radial-gradient(ellipse at 90% 0%,#e5d5b9,transparent 65%),#f7f1e5;
}
.panel,.metric { background:linear-gradient(150deg,#fffff8,#f6f7ef); border-color:#c9d8cd; }
.shell[data-workspace=admin] .panel,.shell[data-workspace=admin] .metric {
  background:linear-gradient(150deg,#fffdf6,#f9f2e7); border-color:#ded0b9;
}

.desk-board { display:grid; grid-template-columns:minmax(0,1.44fr) minmax(0,1fr); gap:clamp(12px,2vw,24px); align-items:start; }
.desk-queue {
  min-width:0; overflow:hidden; border:1px solid #afc7b8; border-radius:22px;
  background:#fbfdf6; box-shadow:0 18px 36px -27px #2547399e,0 3px 8px -6px #2547396d;
}
.queue-mast {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:clamp(13px,2.2vw,25px);
  background:radial-gradient(ellipse at 100% 0%,#c5ded1,transparent 68%),#e5efe4;
  border-bottom:1px solid #bad0c1;
}
.queue-mast .eyebrow,.desk-ready>.eyebrow { color:#406e5a; }
.queue-mast h2,.desk-ready h2 { font:400 clamp(36px,5vw,64px)/.88 var(--display); letter-spacing:-.032em; margin:7px 0; }
.queue-mast p { color:#426550; font-size:11px; }
.queue-open {
  display:flex; align-items:center; gap:7px; flex:none; color:#244d3b;
  border-left:1px solid #abc6b6; padding-left:clamp(9px,1.6vw,17px);
}
.queue-open strong { font:400 clamp(34px,4.7vw,56px)/1 var(--display); font-variant-numeric:lining-nums; }
.queue-open span { font-size:10px; font-weight:750; line-height:1.2; }
.queue-summary { display:flex; flex-wrap:wrap; gap:7px 17px; padding:9px clamp(12px,2vw,22px); border-bottom:1px solid #d8e5d9; color:#416755; font-size:10px; }
.queue-summary span { display:inline-flex; align-items:center; gap:4px; }
.queue-summary i { width:5px; height:5px; border-radius:50%; background:#b06b42; }
.queue-summary span:nth-child(2) i { background:#8b754d; }
.queue-summary span:nth-child(3) i { background:#4e8466; }
.queue-items { padding:10px clamp(11px,2vw,19px); }
.queue-index { display:flex; justify-content:space-between; padding:3px 5px 6px; color:#587463; font-size:9px; font-weight:800; letter-spacing:.09em; }
.queue-items .rows { gap:0; }
.queue-items .data-row { border:0; border-top:1px solid #dce7dd; border-radius:0; background:transparent; padding:8px 5px; }
.queue-items .data-row:hover,.queue-items .data-row.selected { background:#e9f2e9; }
.queue-next {
  display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:43px;
  padding:8px clamp(12px,2vw,22px); border-top:1px solid #d4e4d7; background:#edf5eb;
  text-decoration:none; font-size:12px; font-weight:780; color:#285c44;
}
.queue-next:hover { background:#e2efe3; }
.desk-ready {
  min-width:0; padding:clamp(14px,2.2vw,25px); border:1px solid #bdcbb5; border-radius:22px;
  background:radial-gradient(ellipse at 86% 2%,#edf0d4,transparent 65%),#f6f8ef;
  box-shadow:0 16px 30px -23px #21463999;
}
.desk-ready h2 em { font-weight:400; color:#4c775d; }
.ready-steps { list-style:none; padding:0; margin:15px 0 13px; }
.ready-steps a {
  display:grid; grid-template-columns:23px minmax(0,1fr) auto; align-items:start; gap:8px;
  min-height:46px; padding:8px 0; border-bottom:1px solid #d4dfce; text-decoration:none;
}
.ready-steps a:hover .ready-title { text-decoration:underline; text-underline-offset:3px; }
.ready-number { color:#537d61; font:750 10px/1.5 ui-monospace,monospace; }
.ready-title { display:flex; align-items:center; gap:5px; font-size:12px; font-weight:750; }
.ready-title .icon { width:13px; height:13px; color:#47735a; }
.ready-steps small { display:block; margin-top:2px; color:#486a56; font-size:10px; }
.ready-state { align-self:start; color:#436b51; font-size:9px; font-weight:750; }
.ready-footer { display:flex; align-items:center; gap:7px; padding-top:2px; color:#47735a; }
.ready-footer strong { font:400 37px/.85 var(--display); }
.ready-footer span { font-size:9px; font-weight:750; line-height:1.15; }

@media (max-width: 900px) {
  .desk-board { grid-template-columns:1fr; }
}
@media (max-width: 380px) {
  .queue-mast h2 { font-size:34px; }
  .queue-open { gap:4px; padding-left:6px; }
  .queue-open span { font-size:9px; }
  .queue-items .data-row .avatar { width:27px; height:27px; }
}

/* Recent enquiries. The status strip doubles as a shortcut to each inbox view. */
.queue-summary {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px;
  padding:8px clamp(10px,1.8vw,18px); background:#f1f6ed;
}
.queue-filter,.dispatch-entry {
  --queue-tone:#8d4c2b; --queue-wash:#f6e9da;
}
.queue-filter[data-status=Waiting],.dispatch-entry[data-status=Waiting] { --queue-tone:#725e34; --queue-wash:#eee9d9; }
.queue-filter[data-status=Resolved],.dispatch-entry[data-status=Resolved] { --queue-tone:#38674b; --queue-wash:#e7f0e3; }
.queue-filter {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:1px 4px;
  min-height:44px; text-align:left; padding:5px 7px; border:1px solid transparent;
  border-radius:8px; background:transparent; color:var(--queue-tone); font-size:10px;
}
.queue-filter:hover { border-color:#cbdccf; background:#fcfff8; }
.queue-summary .queue-filter-label { display:flex; align-items:center; gap:4px; min-width:0; font-weight:750; }
.queue-summary .queue-filter i { flex:none; background:currentColor; }
.queue-filter b { grid-column:1; padding-left:9px; color:#254937; font-size:14px; font-variant-numeric:tabular-nums; }
.queue-filter .icon { grid-column:2; grid-row:1 / span 2; width:12px; height:12px; color:#678373; }
@media (max-width:380px) {
  .queue-filter { padding-inline:4px; }
  .queue-filter .icon { width:10px; height:10px; }
}

/* The dispatch leads with one real enquiry, then a short index of the others. */
.desk-queue .queue-mast { padding-block:clamp(11px,1.65vw,18px); }
.desk-queue .queue-mast h2 { font-size:clamp(34px,4.3vw,56px); }
.dispatch-body { padding:clamp(10px,1.6vw,18px); }
.dispatch-lead {
  display:grid; gap:6px; width:100%; min-width:0; text-align:left; color:#f4f7e9;
  padding:clamp(13px,2.25vw,24px); border:1px solid #52816d; border-radius:15px;
  background:radial-gradient(ellipse at 100% 20%,#396751,transparent 72%),#153b31;
  box-shadow:inset 0 1px #eaffdc30,0 13px 23px -17px #122e25b0;
}
.dispatch-travel {
  background-image:linear-gradient(90deg,#0a2c23f5 0%,#103d30d6 46%,#113e304a 100%),
    linear-gradient(0deg,#102f28d9,transparent 58%),url(/desk-ridge.jpg);
  background-position:center,center,center 55%;
  background-size:cover;
}
.dispatch-lead-head,.dispatch-lead-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px; }
.dispatch-lead-head { color:#e0eccb; font-size:9px; letter-spacing:.1em; font-weight:800; }
.dispatch-lead-head>span,.dispatch-identity,.dispatch-open { display:inline-flex; gap:5px; align-items:center; min-width:0; }
.dispatch-lead-head .icon { width:13px; height:13px; }
.dispatch-lead-head time { font-size:9px; letter-spacing:.03em; }
.dispatch-lead>strong { font:400 clamp(33px,4.1vw,56px)/.9 var(--display); letter-spacing:-.025em; margin-top:8px; overflow-wrap:anywhere; }
.dispatch-excerpt { color:#e2edde; font-size:11px; line-height:1.4; max-width:47ch; overflow-wrap:anywhere; }
.dispatch-lead-footer { margin-top:10px; padding-top:8px; border-top:1px solid #e1f6d943; }
.dispatch-identity { font-size:10px; font-weight:730; }
.dispatch-avatar { display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:50%; background:#e4efd0; color:#244737; font-size:8px; font-weight:800; }
.dispatch-open { color:#e8f3c8; font-size:10px; font-weight:800; }
.dispatch-open .icon { width:14px; height:14px; }
.dispatch-lead:hover .dispatch-open { text-decoration:underline; text-underline-offset:3px; }
.dispatch-label { display:flex; justify-content:space-between; align-items:baseline; gap:7px; margin:14px 0 6px; color:#416352; font-size:9px; font-weight:800; letter-spacing:.1em; }
.dispatch-label small { font-size:9px; font-weight:650; letter-spacing:0; color:#587063; }
.dispatch-entries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.dispatch-entry {
  display:grid; align-content:space-between; gap:6px; min-width:0; min-height:72px;
  padding:7px; border:1px solid #d4e2d5; border-radius:9px; background:#f3f7ed; text-align:left;
}
.dispatch-entry:hover { background:var(--queue-wash); border-color:#9fbca8; }
.dispatch-entry-head,.dispatch-entry-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:3px; }
.dispatch-no { color:#5c7b69; font:700 8px/1 ui-monospace,monospace; }
.dispatch-entry-title { font-size:11px; font-weight:800; color:#244c3a; line-height:1.25; overflow-wrap:anywhere; }
.dispatch-entry-footer { color:#4e6f5f; font-size:9px; overflow-wrap:anywhere; }
.dispatch-entry-footer .icon { width:11px; height:11px; }
.queue-state { display:flex; align-items:center; gap:3px; color:var(--queue-tone); font-size:8px; font-weight:800; white-space:nowrap; }
.queue-state i { width:4px; height:4px; border-radius:50%; background:currentColor; }
@media (max-width: 430px) {
  .dispatch-entries { grid-template-columns:minmax(0,1fr); gap:4px; }
  .dispatch-entry { min-height:42px; grid-template-columns:63px minmax(0,1fr) auto; align-items:center; align-content:normal; }
  .dispatch-entry-footer>span { display:none; }
}

/* The workspace uses the same curved motif at different scales. */
.shell,.login,dialog {
  --desk-dark:#103b2c;
  --desk-lit:#3c7058;
  --desk-rim:#cbbfa8;
  --desk-paper:#fbf6eb;
  --desk-shade:#eee5d4;
  --desk-depth:0 19px 27px -21px #413e25b5,0 5px 9px -6px #493e3169;
}
.shell[data-workspace=admin] {
  --desk-dark:#332e25;
  --desk-lit:#70523a;
  --desk-rim:#cdb9a0;
  --desk-paper:#faf2e4;
  --desk-shade:#efdecb;
}
.desk-ribbon {
  position:absolute; z-index:-1; pointer-events:none; inset:0 0 0 auto;
  width:78%; height:100%; fill:revert; stroke:none;
}
.shell[data-workspace=admin] .desk-ribbon { filter:sepia(1) saturate(1.45); }
.desk-queue,.desk-ready,.content .panel,.content .metric,.door-inner,dialog {
  border:1px solid var(--desk-rim);
  background:linear-gradient(145deg,#fffdf7,var(--desk-paper) 68%,var(--desk-shade) 155%);
  box-shadow:inset 0 0 0 2px #fffdf3be,var(--desk-depth);
}
.desk-queue,.desk-ready,.content .panel,.door-inner { border-radius:24px; }
.queue-mast,.queue-next,.content .panel-head,.shell .spotlight,.door-inner,.dialog-head {
  position:relative; isolation:isolate; overflow:hidden;
}
.queue-mast,.queue-next,.shell .spotlight,.shell[data-workspace=admin] .spotlight,.content .panel:first-child .panel-head {
  background:linear-gradient(132deg,var(--desk-lit),var(--desk-dark) 72%);
  color:#fff9e9;
}
.desk-queue .queue-mast {
  padding:clamp(15px,2.6vw,31px) clamp(12px,2.4vw,27px) clamp(23px,3.2vw,39px);
  border-bottom:0; border-radius:22px 22px 0 0;
}
.desk-queue .queue-mast h2 { font-size:clamp(36px,4.8vw,66px); text-wrap:balance; }
.queue-mast .eyebrow,.queue-mast p { color:#ebf2de; }
.queue-mast .queue-open { color:#fff9e9; border-color:#e7f4d462; }
.queue-summary {
  position:relative; margin-top:-12px; border-radius:18px 18px 0 0;
  background:linear-gradient(180deg,#f0eddd,#fbf6eb);
  border-top:1px solid #fffdf4; border-bottom:1px solid #dcd6c4;
  gap:clamp(12px,2.15vw,28px); padding:clamp(10px,1.5vw,17px) clamp(10px,1.8vw,20px);
}
.queue-filter,.queue-filter[data-status=Waiting],.queue-filter[data-status=Resolved] {
  --tile-light:#fff9eb; --tile-base:#f8e4cc; --tile-line:#eac7a6; --tile-icon:#aa4b13;
  position:relative; grid-template-columns:auto minmax(0,1fr); gap:0 clamp(5px,1vw,11px);
  min-height:57px; padding:7px clamp(5px,1.1vw,13px);
  background:linear-gradient(143deg,var(--tile-light),var(--tile-base));
  border:1px solid var(--tile-line); border-radius:15px;
  box-shadow:inset 0 0 0 2px #fffdf3a8,0 6px 10px -7px var(--queue-tone);
}
.queue-filter[data-status=Waiting] { --tile-light:#faf8ed; --tile-base:#eae8d8; --tile-line:#d8d1b9; --tile-icon:#605436; }
.queue-filter[data-status=Resolved] { --tile-light:#f8fbec; --tile-base:#e1ebd3; --tile-line:#c6d7b9; --tile-icon:#236040; }
.queue-filter:hover { background:var(--tile-light); border-color:var(--tile-icon); }
.queue-summary .queue-filter-label { color:#283c2f; font-size:clamp(10px,1.1vw,13px); line-height:1.15; }
.queue-filter b { grid-column:2; padding:0; font:400 clamp(22px,2.6vw,32px)/.95 var(--display); font-variant-numeric:lining-nums; }
.queue-filter .icon { grid-column:1; grid-row:1 / span 2; width:clamp(15px,2.2vw,26px); height:auto; aspect-ratio:1; color:var(--tile-icon); }
.queue-filter:not(:last-child)::after {
  content:""; position:absolute; top:50%; right:calc(clamp(12px,2.15vw,28px) / -2); width:5px; height:5px;
  border:solid #486552; border-width:1px 1px 0 0; transform:translate(50%,-50%) rotate(45deg);
}
.queue-next {
  margin:0 5px 5px; border:1px solid #547460; border-radius:16px;
  box-shadow:inset 0 1px #fff7de34;
}
.queue-next .desk-ribbon { width:62%; }
.queue-next:hover { background:linear-gradient(132deg,#497760,#174b38); }
.desk-ready { position:relative; isolation:isolate; overflow:hidden; }
.desk-ready .desk-ribbon { inset:auto 0 0 auto; width:76%; height:36%; opacity:.43; mask-image:linear-gradient(0deg,#000 52%,transparent); }
.desk-ready::before {
  content:""; position:absolute; inset:0 0 auto auto; z-index:-1; width:44%; height:28%;
  border-radius:0 0 0 100%; background:linear-gradient(31deg,transparent 23%,#afc4a591 63%,#4a7559 100%);
}
.ready-steps a { align-items:center; border-color:#ded4c2; }
.ready-number { display:grid; place-items:center; min-height:24px; background:#ece6d9; border-radius:7px; }
.ready-state { align-self:center; background:#efe5d2; color:#62492d; border-radius:99px; padding:3px 7px; text-align:center; }
.ready-steps a[href="#knowledge"] .ready-state { background:#e3ebd9; color:#31513a; }
.ready-footer { min-height:43px; }

/* Work surfaces, sign-in and dialogs reuse the framing without changing navigation. */
.content .panel { --panel-pad:clamp(12px,2vw,20px); padding:var(--panel-pad); }
.content .panel-head {
  margin:calc(-1 * var(--panel-pad) + 2px) calc(-1 * var(--panel-pad) + 2px) var(--panel-pad);
  padding:clamp(13px,2vw,22px) var(--panel-pad);
  border-radius:21px 21px 13px 13px; border-bottom:1px solid #d5c6ae;
  background:linear-gradient(145deg,#fffdf5,var(--desk-shade));
}
.content .panel-head .desk-ribbon { width:52%; opacity:.33; }
.content .panel:first-child .panel-head .desk-ribbon { opacity:.8; }
.content > .panel .panel-head .desk-ribbon { opacity:.7; }
.content .panel-head h2 { font:400 clamp(24px,3.1vw,42px)/1 var(--display); letter-spacing:-.025em; color:inherit; }
.content .panel-head p { margin-top:4px; font-size:11px; }
.content .panel:first-child .panel-head p { color:#eee9da; }
.content .panel-head .button { min-height:36px; }
.content .spotlight .desk-ribbon { width:70%; }
.content .metric {
  background:radial-gradient(ellipse at 100% 100%,#dbe8d5ad,transparent 68%),linear-gradient(145deg,#fffdf7,var(--desk-paper));
}
.shell[data-workspace=admin] .metric {
  background:radial-gradient(ellipse at 100% 100%,#e7cbae9e,transparent 68%),linear-gradient(145deg,#fffdf7,var(--desk-paper));
}
.content .toolbar { padding:8px 12px; border:1px solid var(--desk-rim); border-radius:13px; background:var(--desk-paper); }
.content .setup-list { counter-reset:setup; }
.content .setup-list li { counter-increment:setup; padding:9px; border-bottom:1px solid #e4dac9; }
.content .setup-list li::before { content:counter(setup,decimal-leading-zero); color:#587260; font:700 10px/1.8 ui-monospace,monospace; }
.door-inner { padding:clamp(16px,2.1vw,28px); }
.door-inner h2 { font-size:clamp(43px,4.8vw,70px); }
.door-inner .desk-ribbon { inset:auto 0 0 auto; width:66%; height:34%; opacity:.34; mask-image:linear-gradient(0deg,#000 55%,transparent); }
.door-inner [type=submit] { background:linear-gradient(135deg,var(--desk-lit),var(--desk-dark) 78%); }
.dialog-head { padding:9px; border-radius:12px; background:var(--desk-shade); }
.dialog-head .desk-ribbon { width:45%; opacity:.28; }
@media (max-width:430px) {
  .queue-summary { gap:7px; }
  .queue-filter:not(:last-child)::after { display:none; }
  .queue-filter,.queue-filter[data-status] { border-radius:11px; }
}

/* Admin overview: bronze relief, a portfolio in focus, and an ivory operations log. */
.ops-board { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); align-items:start; gap:clamp(12px,1.9vw,24px); }
.ops-fleet,.ops-journal {
  min-width:0; border:1px solid var(--desk-rim); border-radius:24px;
  background:linear-gradient(145deg,#fffcf4,var(--desk-paper) 68%,var(--desk-shade) 145%);
  box-shadow:inset 0 0 0 2px #fffdf5be,var(--desk-depth);
}
.ops-fleet { padding:3px; }
.ops-mast,.ops-feature { position:relative; isolation:isolate; overflow:hidden; }
.ops-mast {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:133px; padding:clamp(15px,2.3vw,28px) clamp(12px,2vw,24px) 31px;
  border-radius:20px 20px 4px 4px; color:#fff4e3;
  background:linear-gradient(120deg,#6c4b33,#3c3529 72%,#493827);
  box-shadow:inset 0 1px #ffe5b949;
}
.ops-etching { position:absolute; inset:0 0 0 auto; z-index:-1; width:79%; height:100%; pointer-events:none; }
.ops-mast .eyebrow,.ops-feature .eyebrow { color:#f2d3a6; }
.ops-mast h2,.ops-journal h2 { margin:6px 0 0; font:400 clamp(36px,4vw,58px)/.93 var(--display); letter-spacing:-.032em; }
.ops-mast h2 { text-wrap:balance; }
.ops-total { display:flex; align-items:center; gap:7px; padding-left:clamp(7px,1vw,13px); border-left:1px solid #f5d7a46b; flex:none; }
.ops-total strong { font:400 clamp(30px,3.6vw,48px)/1 var(--display); font-variant-numeric:lining-nums; }
.ops-total span { font-size:10px; line-height:1.18; font-weight:800; }
.ops-body {
  position:relative; margin-top:-13px; padding:clamp(9px,1.4vw,17px);
  border-top:1px solid #fffef8; border-radius:16px 16px 0 0;
  background:linear-gradient(180deg,#f4ebdc,#fffaf1 180px,transparent);
}
.ops-segments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(5px,.85vw,11px); margin-bottom:13px; }
.ops-segment {
  --tile-ink:#77431e; --tile-edge:#e5c5a3; --tile-base:#f6e6d3;
  display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:0 clamp(4px,.7vw,8px);
  min-height:56px; min-width:0; text-align:left; padding:6px clamp(5px,.8vw,10px);
  border:1px solid var(--tile-edge); border-radius:13px; color:var(--tile-ink);
  background:linear-gradient(140deg,#fffcf2,var(--tile-base)); box-shadow:inset 0 0 0 2px #fffdf6aa,0 5px 8px -6px var(--tile-ink);
}
.ops-segment[data-customer-status=Active] { --tile-ink:#37533c; --tile-edge:#cbd6bc; --tile-base:#e9efdc; }
.ops-segment[data-customer-status=Suspended] { --tile-ink:#534b42; --tile-edge:#d7cfc0; --tile-base:#ede8dd; }
.ops-segment:hover { border-color:var(--tile-ink); }
.ops-segment .icon { grid-row:span 2; width:clamp(14px,1.6vw,22px); height:auto; aspect-ratio:1; }
.ops-segment span { align-self:end; font-size:clamp(9px,.92vw,12px); font-weight:800; line-height:1.15; overflow-wrap:anywhere; }
.ops-segment strong { align-self:start; font:400 26px/.98 var(--display); font-variant-numeric:lining-nums; }
.ops-feature {
  display:grid; gap:12px; padding:clamp(12px,1.6vw,20px); border:1px solid #786247; border-radius:15px;
  color:#fff8e8; background:radial-gradient(ellipse at 94% 10%,#615340,transparent 65%),#292c23;
  box-shadow:inset 0 1px #ffe8b440,0 11px 18px -14px #473323c7;
}
.ops-feature .ops-etching { width:76%; opacity:.72; mask-image:linear-gradient(90deg,transparent,#000 38%); }
.ops-feature-top,.ops-feature-foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 10px; }
.ops-feature-identity { display:flex; align-items:center; gap:11px; }
.ops-monogram {
  display:grid; place-items:center; flex:none; width:clamp(36px,4vw,52px); aspect-ratio:1; border-radius:13px;
  font:400 clamp(20px,2.35vw,30px)/1 var(--display); color:#3e3020;
  background:linear-gradient(145deg,#ffedc7,#c49a66); border:1px solid #f4d7a7; box-shadow:inset 0 0 0 2px #fce2b67a;
}
.ops-feature h3 { font:400 clamp(27px,3.25vw,42px)/.96 var(--display); letter-spacing:-.02em; overflow-wrap:anywhere; }
.ops-feature p,.ops-feature-foot>span { color:#f0dec2; font-size:11px; overflow-wrap:anywhere; }
.ops-feature p { margin-top:4px; }
.ops-feature-foot { border-top:1px solid #f0d4a748; padding-top:9px; }
.ops-feature .button { min-height:36px; color:#3d2a17; border-color:#f7d9ac; background:linear-gradient(140deg,#fbe5bd,#ddae79); font-size:11px; }
.ops-feature .button:hover { background:#fff0d1; }
.ops-feature .button .icon,.ops-other .button .icon { width:14px; height:14px; }
.ops-other { margin-top:13px; }
.ops-other>.eyebrow { display:block; margin:0 0 5px 2px; color:#705438; }
.ops-other .data-row { padding:5px 7px; background:#fffaf2; }
.ops-other .account-action { min-height:34px; font-size:11px; }
.ops-footer,.ops-journal-link {
  display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; width:100%; text-decoration:none;
  border:1px solid #695540; border-radius:13px; padding:8px 12px; font-size:12px; font-weight:800;
}
.ops-footer { border-radius:12px 12px 19px 19px; color:#fff4df; background:linear-gradient(110deg,#62452e,#3b3327); }
.ops-footer:hover { background:#6a5037; }
.ops-journal { position:relative; isolation:isolate; overflow:hidden; padding:clamp(13px,2vw,24px); }
.ops-journal .desk-ribbon { width:68%; opacity:.45; mask-image:linear-gradient(0deg,#000,transparent 73%); }
.ops-journal-head { position:relative; padding:0 45px 13px 0; border-bottom:1px solid #ded0bd; }
.ops-journal-head .eyebrow { color:#795536; }
.ops-journal h2 em { font-weight:400; color:#875b37; }
.ops-journal-icon {
  position:absolute; inset:0 0 auto auto; display:grid; place-items:center; width:36px; aspect-ratio:1;
  color:#744c2c; border:1px solid #e3caac; border-radius:10px; background:linear-gradient(130deg,#fff7e6,#edd7ba);
}
.ops-journal .activity-list { position:relative; margin:11px 0 14px; padding-left:12px; border-left:1px solid #dfceb6; }
.ops-journal .activity-list li { position:relative; padding:8px 0; gap:2px; font-size:12px; border-color:#e6dbc9; }
.ops-journal .activity-list li::before {
  content:""; position:absolute; top:13px; left:-16px; width:7px; height:7px; border-radius:50%;
  background:#caa577; border:1px solid #fff8e8;
}
.ops-journal .activity-list li:first-child::before { background:#9a5c30; box-shadow:0 0 0 2px #f1dfc6; }
.ops-journal .activity-list small { font-size:10px; color:#675a46; }
.ops-journal-link { border-color:#dac5a9; background:#fffaf0e0; color:#543c25; }
.ops-journal-link:hover { background:#f1e4cf; }
.ops-journal .empty { margin:12px 0; }
@media(max-width:1010px) { .ops-board { grid-template-columns:1fr; } }
@media(max-width:440px) {
  .ops-mast { min-height:115px; }
  .ops-other .data-row { grid-template-columns:auto minmax(0,1fr) auto; }
  .ops-other .account-action { grid-column:2 / -1; justify-self:start; }
}

/* Analytics previews and work surfaces share the same forest glass and engraved detail. */
.insight-aside { min-width:0; display:grid; gap:12px; }
.customer-insights .ready-steps { margin-bottom:0; }
.customer-insights .desk-ready { padding-block:clamp(12px,1.7vw,21px); }
.admin-insights .ops-journal { padding-block:clamp(12px,1.6vw,19px); }
.admin-insights .ops-journal h2 { font-size:clamp(31px,3.4vw,49px); }
.admin-insights .ops-journal .activity-list { margin-block:7px 10px; }
.admin-insights .ops-journal-link { min-height:36px; }
.insight-preview,.insight-mast {
  --insight-light:#3c7054; --insight-base:#153e30; --insight-edge:#618370;
  position:relative; isolation:isolate; overflow:hidden; min-width:0; color:#fff9e9;
  border:1px solid var(--insight-edge);
  background:radial-gradient(ellipse at 68% -24%,var(--insight-light),transparent 85%),linear-gradient(140deg,var(--insight-base),#0e2c25);
  box-shadow:inset 0 1px #f9efc95c,0 15px 25px -18px #102e24bc,0 4px 8px -5px #1a3d30ad;
}
.shell[data-workspace=admin] :is(.insight-preview,.insight-mast) {
  --insight-light:#686344; --insight-base:#344b35; --insight-edge:#81775b;
}
.insight-preview {
  display:grid; gap:5px; padding:clamp(12px,1.55vw,19px);
  border-radius:21px; text-decoration:none;
}
.insight-preview .desk-ribbon,.insight-mast .desk-ribbon { opacity:.55; }
.insight-preview-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.insight-preview .eyebrow,.insight-mast .eyebrow { color:#dbedcb; }
.insight-preview .eyebrow,.insight-panel>.eyebrow { display:inline-flex; align-items:center; gap:6px; }
.insight-preview .eyebrow .icon,.insight-panel>.eyebrow .icon { width:14px; height:14px; }
.insight-arrow { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f5fbda22; border:1px solid #e1ebbc48; }
.insight-arrow .icon { width:15px; height:15px; }
.insight-preview:hover .insight-arrow { background:#eef3d0; color:#214737; }
.insight-preview>strong { font:400 clamp(27px,3vw,40px)/.95 var(--display); letter-spacing:-.025em; }
.insight-mast { border-radius:23px; padding:clamp(14px,2.1vw,27px); }
.insight-mast-head { display:flex; justify-content:space-between; align-items:start; gap:10px; flex-wrap:wrap; }
.insight-mast h2 { margin:5px 0; font:400 clamp(36px,5vw,64px)/.94 var(--display); letter-spacing:-.035em; }
.insight-mast p { color:#e5efdb; font-size:12px; }
.insight-range { color:#ebf3dd; border:1px solid #e2edcb66; border-radius:99px; padding:4px 9px; font-size:10px; }
.insight-kpis {
  --kpi-paper:#fbf1df; --kpi-sage:#d8e5cf; --kpi-edge:#cbd8bb; --kpi-ink:#193e30;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:15px 0 0;
}
.shell[data-workspace=admin] .insight-kpis {
  --kpi-paper:#f9e6d2; --kpi-sage:#dce2c7; --kpi-edge:#d2c5a5; --kpi-ink:#563822;
}
.insight-kpis>div {
  display:grid; align-content:space-between; gap:7px; padding:10px;
  border:1px solid var(--kpi-edge); border-radius:13px; color:var(--kpi-ink);
  background:linear-gradient(138deg,var(--kpi-paper),var(--kpi-sage));
  box-shadow:inset 0 1px #fffaf0d9,0 6px 12px -7px #0b231dc4;
}
.insight-kpis dt { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:750; }
.insight-kpis dt .icon { width:14px; height:14px; }
.insight-kpis dd,.insight-adoption dd { margin:0; font:400 clamp(32px,4vw,50px)/.95 var(--display); font-variant-numeric:lining-nums; }
.insight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.insight-panel {
  min-width:0; border:1px solid var(--desk-rim); border-radius:20px; padding:clamp(13px,1.8vw,21px);
  background:radial-gradient(ellipse at 100% 0%,#e8ecd7,transparent 58%),linear-gradient(145deg,#fffdf6,var(--desk-paper));
  box-shadow:inset 0 0 0 2px #fffdf2b0,var(--desk-depth);
}
.insight-panel .eyebrow { color:#477058; }
.insight-panel h2 { margin:3px 0; font:400 clamp(26px,3.2vw,43px)/.98 var(--display); letter-spacing:-.025em; }
.insight-panel p,.insight-note { color:#536657; font-size:11px; }
.insight-bars { display:grid; gap:9px; margin-block:12px; }
.insight-bars>div { display:grid; grid-template-columns:1fr auto; gap:3px 8px; color:#385744; font-size:11px; font-weight:750; }
.insight-bars strong { font-variant-numeric:tabular-nums; }
.insight-bars meter { grid-column:1/-1; width:100%; height:9px; appearance:none; }
.insight-bars meter::-webkit-meter-bar { background:#e6ebde; border:1px solid #d8e2d2; border-radius:10px; height:8px; }
.insight-bars meter::-webkit-meter-optimum-value { background:linear-gradient(90deg,#3d7756,#90af75); border-radius:10px; }
.insight-note { margin:11px 0 0; }
.insight-adoption,.insight-ledger { margin-top:12px; }
.insight-adoption dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0 0; }
.insight-adoption dl>div { border:1px solid #cdddc9; border-radius:11px; background:linear-gradient(135deg,#f9fbf2,#e8efe0); padding:9px; }
.insight-adoption dt { font-size:11px; font-weight:750; }
.insight-adoption dd { margin-top:4px; color:#265240; }
.insight-ledger-rows { display:grid; gap:6px; margin-top:10px; }
.insight-ledger-rows button {
  display:grid; grid-template-columns:minmax(0,1.5fr) auto minmax(0,.8fr) minmax(0,.8fr) auto; align-items:center;
  text-align:left; gap:8px; border:1px solid #e0dbc7; background:#fffaf0; border-radius:11px; padding:8px 10px; font-size:11px;
}
.insight-ledger-rows button:hover { border-color:#809c80; background:#edf3e7; }
.insight-ledger-rows button>span { overflow-wrap:anywhere; }
.insight-ledger-rows strong { font-size:13px; }
.insight-ledger-rows small { display:block; color:#5a6c5a; }
.billing-note { margin:0 0 10px; }
.reply-rating { display:flex; gap:6px; flex-wrap:wrap; border:0; padding:0; margin:0 0 12px; }
.reply-rating legend { margin-bottom:5px; padding:0; font-size:12px; font-weight:800; }
.reply-rating label { position:relative; cursor:pointer; }
.reply-rating input { position:absolute; opacity:0; inset:0; }
.reply-rating span { display:flex; align-items:center; gap:5px; min-height:36px; border:1px solid #d1ded1; border-radius:9px; padding:4px 8px; background:#f6f8ee; font-size:11px; }
.reply-rating .icon { width:15px; height:15px; }
.reply-rating input[value="Needs work"]+span .icon { transform:rotate(180deg); }
.reply-rating input:checked+span { color:#214636; border-color:#67846e; background:#e2efdf; }
.reply-rating input:focus-visible+span { outline:2px solid #b07546; outline-offset:2px; }

@media (max-width:680px) {
  .insight-grid { grid-template-columns:1fr; }
  .insight-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:460px) {
  .insight-ledger-rows button { grid-template-columns:repeat(2,minmax(0,1fr)) auto; }
  .insight-ledger-rows button>span:first-child { grid-column:1/3; }
  .insight-ledger-rows button>.tag { justify-self:end; }
}

/* Analytics graphics use readable legends and share a forest, bronze and sage scale. */
.insight-preview,.insight-visual {
  --chart-a:#39775a; --chart-b:#ae7446; --chart-c:#a2ad88; --chart-track:#e6ebde;
}
.insight-preview {
  --chart-a:#a6d1a2; --chart-b:#e1ad78; --chart-c:#769a8b; --chart-track:#ffffff24;
  gap:7px; padding:clamp(13px,1.7vw,22px);
}
.shell[data-workspace=admin] .insight-preview { --chart-b:#e7b985; --chart-c:#a8a590; }
.chart-tone-0 { --chart-color:var(--chart-a); }
.chart-tone-1 { --chart-color:var(--chart-b); }
.chart-tone-2 { --chart-color:var(--chart-c); }
.chart-ring-group {
  display:grid; grid-template-columns:minmax(94px, .85fr) minmax(0,1fr);
  gap:clamp(10px,1.7vw,22px); align-items:center; min-width:0;
}
.insight-preview .chart-ring-group { margin-top:7px; }
.chart-ring {
  display:grid; place-items:center; position:relative; min-width:0;
  width:100%; max-width:166px; aspect-ratio:1; justify-self:center;
}
.chart-ring .chart-donut { display:block; width:100%; height:100%; }
.chart-donut circle { fill:none; stroke-width:12; stroke-linecap:butt; stroke:var(--chart-color); }
.chart-donut .chart-track { stroke:var(--chart-track); }
.chart-ring-total {
  position:absolute; inset:16%; display:grid; place-content:center; text-align:center;
  border:1px solid color-mix(in srgb,currentColor 15%,transparent); border-radius:50%;
}
.chart-ring-total b { font:400 clamp(26px,3.3vw,46px)/.92 var(--display); font-variant-numeric:lining-nums; }
.chart-ring-total small { font-size:clamp(7px,.75vw,10px); font-weight:750; }
.chart-legend { min-width:0; display:grid; }
.chart-legend>span {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px;
  padding:6px 1px; border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);
  font-size:12px; line-height:1.25;
}
.chart-legend>span:last-child { border-bottom:0; }
.chart-legend i { width:8px; height:8px; border-radius:50%; background:var(--chart-color); }
.chart-legend b { font-size:14px; font-variant-numeric:tabular-nums; }
.insight-preview .chart-legend { color:#eef2df; }
.insight-preview:hover .chart-ring-total { background:#f4f9d915; }
.insight-visual { display:flex; flex-direction:column; align-items:flex-start; }
.insight-visual-body {
  width:100%; flex:1; display:grid; align-content:center;
  padding:12px 0 3px;
}
.insight-visual .button { margin-top:10px; }
.chart-stacked { display:grid; gap:9px; }
.chart-stacked svg { display:block; width:100%; height:18px; background:var(--chart-track); border-radius:6px; overflow:hidden; }
.chart-stacked rect,.chart-columns rect { fill:var(--chart-color); }
.chart-columns .chart-column-track { fill:var(--chart-track); }
.chart-columns {
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:5px;
  text-align:center; padding:5px 0 0;
}
.chart-columns>div { display:grid; justify-items:center; align-content:start; gap:4px; min-width:0; }
.chart-columns svg { display:block; width:76%; max-width:52px; height:78px; }
.chart-columns b { font-size:13px; font-variant-numeric:tabular-nums; }
.chart-columns span { font-size:clamp(8px,.88vw,11px); line-height:1.2; overflow-wrap:anywhere; }
@media(max-width:420px) {
  .chart-ring-group { grid-template-columns:minmax(88px,.9fr) minmax(0,1fr); }
  .chart-columns { gap:3px; }
  .chart-legend>span { font-size:11px; gap:5px; }
}

/* The inbox pairs a compact conversation queue with a WhatsApp-style thread. */
.content[data-view=inbox] {
  --inbox-paper:#faf5ec;
  --inbox-line:#e1d7c8;
  --inbox-ink:#143e31;
}
.content .inbox-toolbar {
  min-height:46px; gap:9px; padding:6px 12px;
  background:#fbf6edb8; border-color:var(--inbox-line);
}
.inbox-toolbar label {
  display:inline-flex; align-items:center; gap:6px; padding:5px 10px;
  border:1px solid #e9ddca; border-radius:99px; background:#f1e8d9; font-size:11px; font-weight:800;
}
.inbox-toolbar label .icon { width:15px; height:15px; }
.inbox-toolbar .control {
  min-width:116px; min-height:32px; padding:4px 9px;
  font-size:12px; font-weight:700;
}
.content[data-view=inbox] .inbox { grid-template-columns:minmax(0,.61fr) minmax(0,1fr); gap:clamp(12px,1.6vw,20px); }
.content .inbox>.panel {
  --panel-pad:clamp(12px,1.6vw,19px);
  border-color:var(--inbox-line); border-radius:21px;
  background:linear-gradient(145deg,#fffbf4,var(--inbox-paper));
  box-shadow:inset 0 1px #fff,0 13px 23px -15px #463e28a0,0 3px 6px -5px #4a3b2e80;
}
.content .inbox .panel-head { min-height:87px; margin-bottom:11px; border-radius:17px; gap:8px; }
.content .inbox-list .panel-head {
  background:linear-gradient(132deg,#2c6048,#0e352b 73%);
  padding-inline:clamp(13px,2vw,23px);
}
.content .inbox-list .panel-head .desk-ribbon { width:80%; }
.content .inbox .panel-head h2 { font-size:clamp(29px,3.05vw,40px); overflow-wrap:anywhere; }
.inbox-list-icon { display:grid; place-items:center; color:#cee4b7aa; }
.inbox-list-icon .icon { width:clamp(26px,3.2vw,39px); height:clamp(26px,3.2vw,39px); }
.inbox-list .rows { gap:4px; }
.inbox-list .data-row {
  min-height:56px; padding:8px 11px; border-color:#e9ded0; border-radius:14px;
  background:#fffaf249; grid-template-columns:auto minmax(0,1fr) auto;
}
.inbox-list .data-row.selected,.inbox-list .data-row:hover {
  border-color:#f2c795; background:linear-gradient(120deg,#fff5e6,#fbefdf);
}
.inbox-list .data-row .avatar { width:35px; height:35px; border-radius:12px; background:#dce6cc; }
.inbox-list .data-row b { font-size:13px; }
.inbox-list .data-row small { color:#41514a; }
.content .inbox-detail .panel-head {
  min-height:82px; background:linear-gradient(120deg,#fdf8ef,#f6eddf); color:var(--inbox-ink);
}
.content .inbox-detail .panel-head .desk-ribbon { inset:auto 0 0 auto; height:76%; width:61%; opacity:.85; mask-image:linear-gradient(0deg,#000 58%,transparent); }
.content .inbox-detail .panel-head p { color:#4e4639; }
.inbox-thread-meta { display:flex; align-items:center; gap:6px; color:#554735; font-size:11px; }
.inbox-thread-meta .icon { width:14px; height:14px; color:#895f3c; }
.inbox-detail .thread {
  gap:6px; padding:7px 10px; margin:8px 0 12px; border-color:#e5e5d5;
  background:radial-gradient(#b1c4a22e 1px,transparent 1px) 0 0/12px 12px,#f2f2e6;
}
.inbox-detail .bubble {
  width:fit-content; max-width:90%; min-width:min(190px,90%); padding:6px 10px;
  border-color:#e8e7da; background:#fffdf7; color:#152921;
}
.inbox-detail .bubble b { color:#1e5840; font-size:10px; }
.inbox-detail .bubble p { margin:1px 0 0; font-size:12px; }
.inbox-detail .bubble time { display:block; text-align:right; color:#52725d; font-size:9px; }
.inbox-detail .bubble.agent { border-color:#d8e8c6; background:linear-gradient(145deg,#eff8dd,#e5f4d5); }
.inbox-detail .bubble.note { border-color:#ecd4ad; background:#fff2d7; }
.inbox-detail .inbox-fields { column-gap:clamp(9px,2vw,24px); }
.inbox-detail .field { gap:4px; margin-bottom:9px; font-size:11px; }
.inbox-detail .field textarea { border-color:var(--inbox-line); background:#fffcf5a8; font-size:12px; }
.inbox-detail .field select { min-height:34px; }
.inbox-detail .field textarea { min-height:58px; }
.inbox-detail .reply-rating { margin-bottom:9px; }
.inbox-detail .reply-rating legend { font-size:11px; }
.inbox-detail .reply-rating span { min-height:31px; border-color:var(--inbox-line); background:#fffcf5; }
.inbox-detail .reply-rating input:checked+span { border-color:#608b70; background:#e4efdd; }
.inbox-detail button[type=submit] {
  min-height:38px; padding-inline:17px; border-radius:99px; background:linear-gradient(130deg,#1c6749,#10392e);
}
.inbox-detail button[type=submit]:hover { background:#174b38; }
@media(max-width:900px) {
  .content[data-view=inbox] .inbox { grid-template-columns:1fr; }
}
@media(max-width:410px) {
  .inbox-detail .inbox-fields { grid-template-columns:1fr; }
}

/* Knowledge answers on warm paper, with a category mark for each question. */
.knowledge-intro { position:relative; isolation:isolate; }
.knowledge-intro .desk-ribbon {
  width:min(74%,840px); height:125%; inset:auto 0 0 auto; opacity:.42;
  mask-image:linear-gradient(105deg,transparent,#000 55%,transparent 99%);
}
.content .knowledge-intro .page-heading>.button {
  min-height:46px; border-radius:14px; padding-inline:17px;
  color:#fff9eb; border-color:#34614a; background:linear-gradient(145deg,#246044,#102e24);
  box-shadow:0 9px 16px -10px #173e2a9e;
}
.content .knowledge-intro .page-heading>.button:hover { background:#20553d; }
.knowledge-card {
  border:1px solid #d6cbb9; border-radius:24px;
  background:#faf3e8; box-shadow:0 20px 28px -20px #574227a0,0 5px 9px -7px #4b3c2870;
}
.knowledge-mast {
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  border-radius:23px 23px 0 0; padding:clamp(18px,2.5vw,35px) clamp(15px,2.8vw,37px) clamp(30px,4vw,47px);
  color:#fff8e7; background:linear-gradient(128deg,#276347,#133e2e 69%,#102d22);
}
.knowledge-mast .desk-ribbon { width:71%; opacity:.85; }
.knowledge-mast h2 { font:400 clamp(33px,4.1vw,58px)/.94 var(--display); letter-spacing:-.027em; }
.knowledge-mast p { margin-top:8px; color:#e9f0dc; font-size:13px; }
.knowledge-badge {
  display:inline-flex; align-items:center; gap:6px; border:1px solid #d6eac687; border-radius:99px;
  padding:6px 10px; color:#fff8e7; background:#153b2bd4; font-size:11px; font-weight:750;
}
.knowledge-badge .icon { width:16px; height:16px; }
.knowledge-list {
  position:relative; display:grid; gap:10px; margin-top:-12px;
  padding:clamp(12px,1.6vw,21px); border-radius:20px 20px 23px 23px; border-top:1px solid #fff9ed;
  background:linear-gradient(145deg,#faf3e8,#fffaf1 76%);
}
.knowledge-row {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:clamp(9px,1.4vw,16px); align-items:center;
  min-width:0; padding:clamp(9px,1.25vw,14px); border:1px solid #e8dac5; border-radius:16px;
  background:linear-gradient(115deg,#fffaf3,#f9f1e6); box-shadow:inset 0 1px #fffdf6;
}
.knowledge-icon {
  display:grid; place-items:center; width:clamp(40px,5vw,66px); height:clamp(40px,4.25vw,57px);
  border-radius:13px; color:#19533c; background:linear-gradient(140deg,#f1efdc,#e8ecd7);
}
.knowledge-icon .icon { width:clamp(20px,2.6vw,34px); height:clamp(20px,2.6vw,34px); }
.knowledge-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.knowledge-answer { border-left:1px solid #d9c7b1; padding-left:clamp(9px,1.5vw,18px); overflow-wrap:anywhere; }
.knowledge-answer h3 { margin:0; font-size:clamp(14px,1.5vw,20px); letter-spacing:-.021em; line-height:1.3; }
.knowledge-answer p { margin:3px 0 0; color:#3f4940; font-size:clamp(12px,1.22vw,15px); }
.knowledge-actions { display:flex; align-items:center; gap:7px; }
.knowledge-actions .button {
  min-height:36px; padding:5px 11px; border-radius:99px; background:#e9eddb; border-color:#dde5ce; color:#174333;
}
.knowledge-actions .button:hover { background:#dae6cb; }
.knowledge-actions .icon { width:16px; height:16px; }
.knowledge-more { position:relative; }
.knowledge-more summary {
  display:grid; place-items:center; list-style:none; width:36px; height:36px; border-radius:50%;
  border:1px solid #dcc9b1; cursor:pointer; color:#563d2c; background:#fff9ef;
}
.knowledge-more summary::-webkit-details-marker { display:none; }
.knowledge-more summary:hover,.knowledge-more[open] summary { background:#f0e4d4; }
.knowledge-more summary:focus-visible { outline:2px solid #986b45; outline-offset:2px; }
.knowledge-menu {
  position:absolute; top:calc(100% + 5px); right:0; z-index:2; min-width:134px;
  padding:4px; border:1px solid #dfcfb8; border-radius:10px; background:#fff9ef; box-shadow:0 8px 20px #45342135;
}
.knowledge-menu button {
  display:block; width:100%; padding:7px; border:0; border-radius:6px; background:transparent;
  font-size:11px; text-align:left; white-space:nowrap;
}
.knowledge-menu button:hover { background:#efe5d7; }
@media(max-width:560px) {
  .knowledge-row { grid-template-columns:auto minmax(0,1fr); }
  .knowledge-actions { grid-column:2; justify-self:start; padding-left:9px; }
  .knowledge-menu { right:auto; left:0; }
}

/* Shared dropdown palette for filters, forms and answer actions. */
body {
  --dropdown-ink:#174132;
  --dropdown-line:#c7d3bc;
  --dropdown-paper:#fff9ee;
  --dropdown-tint:#e8efde;
  --dropdown-picked:#dfebd8;
  --dropdown-focus:#48785f;
  --dropdown-shadow:0 14px 28px -13px #1f3a2f80,0 3px 8px -5px #33473866;
}
body:has(.shell[data-workspace=admin]) {
  --dropdown-ink:#513a27;
  --dropdown-line:#d7c6ae;
  --dropdown-paper:#fff8ec;
  --dropdown-tint:#efe3d1;
  --dropdown-picked:#eddfc9;
  --dropdown-focus:#8c613d;
}
select:is([name],.control) {
  appearance:none;
  padding-inline:12px 34px;
  border:1px solid var(--dropdown-line);
  border-radius:11px;
  color:var(--dropdown-ink);
  background:
    linear-gradient(45deg,transparent 49%,var(--dropdown-ink) 51%) right 17px center/5px 5px no-repeat,
    linear-gradient(135deg,var(--dropdown-ink) 49%,transparent 51%) right 12px center/5px 5px no-repeat,
    linear-gradient(138deg,var(--dropdown-paper),var(--dropdown-tint));
  box-shadow:inset 0 1px #fffdf6,0 3px 5px -4px #2c45398a;
  font-weight:750;
  cursor:pointer;
}
.inbox-toolbar select.control { padding-inline:12px 34px; }
select:is([name],.control):hover { border-color:var(--dropdown-focus); }
select:is([name],.control):focus-visible { outline-color:var(--dropdown-focus); }
select:is([name],.control) option { color:var(--dropdown-ink); background:var(--dropdown-paper); }
select:is([name],.control):disabled { opacity:.65; cursor:default; }

@supports (appearance:base-select) and selector(::picker(select)) {
  select:is([name],.control),select:is([name],.control)::picker(select) { appearance:base-select; }
  select:is([name],.control),.inbox-toolbar select.control {
    padding-inline:12px;
    align-items:center;
    background:linear-gradient(138deg,var(--dropdown-paper),var(--dropdown-tint));
  }
  select:is([name],.control)::picker-icon {
    content:""; flex:none; width:6px; height:6px; margin:0 2px 3px auto;
    border:solid var(--dropdown-ink); border-width:0 1.6px 1.6px 0; transform:rotate(45deg);
  }
  select:is([name],.control):open { border-color:var(--dropdown-focus); }
  select:is([name],.control):open::picker-icon { transform:rotate(225deg); margin-bottom:-3px; }
  select:is([name],.control)::picker(select) {
    margin-block:5px;
    padding:5px;
    border:1px solid var(--dropdown-line);
    border-radius:13px;
    background:linear-gradient(155deg,var(--dropdown-paper),var(--dropdown-tint));
    box-shadow:var(--dropdown-shadow);
    color:var(--dropdown-ink);
    max-width:calc(100vw - 24px);
  }
  select:is([name],.control) option {
    min-height:36px; padding:7px 9px; border-radius:8px;
    align-items:center; gap:8px; background:transparent;
    font-size:13px; white-space:normal; overflow-wrap:anywhere;
  }
  select:is([name],.control) option:checked { background:var(--dropdown-picked); font-weight:800; }
  select:is([name],.control) option:is(:hover,:focus-visible) { background:var(--dropdown-picked); outline:1px solid var(--dropdown-line); outline-offset:-1px; }
  select:is([name],.control) option::checkmark { order:1; margin-inline-start:auto; color:var(--dropdown-focus); }
}

.knowledge-menu {
  padding:5px; border-color:var(--dropdown-line); border-radius:13px;
  background:linear-gradient(155deg,var(--dropdown-paper),var(--dropdown-tint)); box-shadow:var(--dropdown-shadow);
}
.knowledge-menu button { min-height:36px; padding:7px 9px; border-radius:8px; color:var(--dropdown-ink); font-size:12px; font-weight:750; }
.knowledge-menu button:is(:hover,:focus-visible) { background:var(--dropdown-picked); }

/* The customer directory uses the operations desk bronze palette. */
.directory-intro { position:relative; isolation:isolate; }
.directory-intro .ops-etching {
  width:82%; height:145%; inset:auto 0 0 auto; opacity:.33;
  mask-image:linear-gradient(108deg,transparent 25%,#000 74%);
}
.content .directory-intro .page-heading>.button {
  min-height:47px; border-radius:15px; padding-inline:17px;
  background:linear-gradient(140deg,#a64d2d,#913a23);
}
.content .directory-intro .page-heading>.button:hover { background:#843821; }
.content .directory-filter {
  gap:10px; min-height:56px; padding:8px 11px; border-color:#ddc9af; border-radius:18px;
  background:linear-gradient(135deg,#fffaf1a6,#f8efdfb5);
}
.directory-search { position:relative; min-width:0; width:min(238px,100%); }
.directory-search .icon {
  position:absolute; inset:50% auto auto 10px; transform:translateY(-50%); pointer-events:none; color:#4f3c2a;
}
.directory-filter .directory-search .control { width:100%; padding-left:35px; }
.directory-filter .control,.directory-filter .button {
  min-height:38px; border-radius:13px; font-size:12px;
}
.directory-filter label { font-size:12px; font-weight:800; }
.directory-filter select.control { min-width:106px; }
.directory-card {
  min-width:0; border:1px solid #d8c5ad; border-radius:23px; background:#fbf1e3;
  box-shadow:0 16px 25px -17px #664628a8,0 4px 8px -6px #53392483;
}
.directory-mast {
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
  min-height:116px; padding:clamp(16px,2.05vw,27px) clamp(13px,2.3vw,31px) clamp(25px,2.8vw,37px);
  border-radius:22px 22px 0 0; color:#fff5e5;
  background:linear-gradient(125deg,#694a33,#55402b 64%,#392d21);
}
.directory-mast .ops-etching { width:72%; opacity:.78; }
.directory-mast h2 { font:400 clamp(33px,4vw,56px)/.94 var(--display); letter-spacing:-.026em; }
.directory-mast p { margin-top:6px; color:#f5e8d5; font-size:13px; }
.directory-counts {
  display:flex; margin:0; padding:6px 0; border:1px solid #d6af7e60; border-radius:16px;
  background:linear-gradient(125deg,#805b3459,#382a20a1); color:#fff5e5;
}
.directory-counts>div {
  display:flex; flex-direction:column-reverse; justify-content:center; align-items:center; gap:4px;
  padding:5px clamp(8px,1.35vw,18px); min-width:0;
}
.directory-counts>div+div { border-left:1px solid #d6af7e46; }
.directory-counts dt { font-size:10px; font-weight:800; text-align:center; }
.directory-counts dd {
  display:flex; align-items:center; gap:7px; margin:0;
  font:400 clamp(22px,2.5vw,37px)/.88 var(--display); font-variant-numeric:lining-nums;
}
.directory-counts dd .icon { width:19px; height:19px; }
.directory-counts dd i { width:9px; height:9px; border-radius:50%; background:#c5d8af; }
.directory-counts [data-status=Setup] dd i { background:#f1c69b; }
.directory-counts [data-status=Suspended] dd i { background:#d6cbc1; }
.directory-list {
  position:relative; margin-top:-13px; padding:clamp(10px,1.45vw,20px);
  border-radius:19px 19px 22px 22px; border-top:1px solid #fff9ed;
  background:linear-gradient(145deg,#fbf1e3,#fff9ef 77%);
}
.directory-list .data-row {
  grid-template-columns:auto minmax(0,1fr) auto auto; gap:clamp(7px,1.45vw,17px);
  padding:clamp(8px,1.05vw,13px); border-radius:15px; border-color:#e7d9c4;
  background:linear-gradient(130deg,#fff9f0,#fbf2e5);
}
.directory-list .data-row .avatar {
  width:clamp(35px,4.25vw,57px); height:clamp(35px,4.25vw,57px); border-radius:12px;
  background:linear-gradient(145deg,#f8ecd0,#f3e2c5); color:#355440; font-size:clamp(13px,1.5vw,18px);
}
.directory-list .data-row>span:nth-child(2) { border-left:1px solid #e4d3ba; padding-left:clamp(7px,1.35vw,16px); }
.directory-list .data-row b { font-size:clamp(13px,1.55vw,19px); line-height:1.25; }
.directory-list .data-row small { margin-top:2px; color:#5c5144; font-size:clamp(11px,1.2vw,15px); }
.directory-list .tag { padding:4px 9px; }
.directory-filter .button,.directory-list .account-action {
  background:linear-gradient(145deg,#fff1de,#f2e1cb); border-color:#e5d1b6; color:#432d1c;
  box-shadow:0 4px 6px -5px #6447279c;
}
.directory-filter .button:hover,.directory-list .account-action:hover { background:#f0dcc1; }
.directory-list .account-action { min-height:38px; padding:6px 12px; border-radius:12px; font-size:12px; }
.directory-list .account-action .icon { width:16px; height:16px; }
@media(max-width:560px) {
  .directory-search { width:100%; }
  .directory-list .data-row { grid-template-columns:auto minmax(0,1fr) auto; }
  .directory-list .account-action { grid-column:2/-1; justify-self:end; }
}

/* Sign-in cards show what each workspace role can do. */
.scene-preview { min-width:0; width:min(100%,680px); }
.scene-preview-label {
  display:flex; align-items:center; gap:10px; margin-bottom:9px; color:#e4ebd4;
  font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
}
.scene-preview-label::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,#dbeac36e,transparent); }
.scene-preview-pills {
  display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none;
}
.scene-preview-pills li {
  display:flex; align-items:center; gap:7px; min-height:38px; padding:5px 11px 5px 6px;
  border:1px solid #d5e5c35c; border-radius:99px;
  color:#f4f1dc; background:linear-gradient(135deg,#426b506b,#102f26ed);
  box-shadow:inset 0 1px #fffbe226,0 7px 14px -10px #041a15d9;
  font-size:clamp(11px,1vw,13px); font-weight:750; line-height:1.2;
}
.scene-preview-icon {
  display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:50%;
  border:1px solid currentColor; color:#c5dfaf; background:#fffbe213;
}
.scene-preview-icon .icon { width:14px; height:14px; }
.scene-preview-pills li[data-glyph=chat] {
  color:#1b4432; border-color:#bdd0a7; background:linear-gradient(135deg,#eef2d9,#d5e7c3);
}
.scene-preview-pills li[data-glyph=chat] .scene-preview-icon { color:#35654c; }
.login-scene[data-workspace=admin] .scene-preview-pills li {
  color:#f6ead1; border-color:#dfba8572; background:linear-gradient(135deg,#745a3e96,#312d23f0);
}
.login-scene[data-workspace=admin] .scene-preview-icon { color:#efd1a3; }
.login-scene[data-workspace=admin] .scene-preview-pills li[data-glyph=case] {
  color:#513724; border-color:#e2bf8e; background:linear-gradient(135deg,#f9ead0,#e7cda5);
}
.login-scene[data-workspace=admin] li[data-glyph=case] .scene-preview-icon { color:#735032; }
@media(max-width:400px) {
  .scene-preview-pills { gap:4px; }
  .scene-preview-pills li { gap:4px; min-height:32px; padding:4px 6px 4px 4px; font-size:10px; }
  .scene-preview-icon { width:19px; height:19px; }
  .scene-preview-icon .icon { width:12px; height:12px; }
}

/* Plan and usage combines the workspace's current plan and recorded activity. */
.plan-hero .spotlight {
  grid-template-columns:minmax(0,1fr) minmax(220px,auto); align-items:center;
  gap:16px; padding:clamp(15px,2.4vw,32px); border-radius:21px;
  background:linear-gradient(135deg,#21674b,#103c2e 58%,#12382a);
}
.plan-hero .spotlight .desk-ribbon { width:78%; }
.plan-hero .spotlight h2 { margin-bottom:7px; }
.plan-status {
  display:flex; align-items:center; gap:12px;
  padding:clamp(12px,1.55vw,21px); border:1px solid #fff8e6; border-radius:16px;
  background:linear-gradient(140deg,#fff9ec,#f3e8d6); color:#174434;
  box-shadow:0 9px 17px -11px #0a211b8f;
}
.plan-status .icon { width:clamp(28px,3.3vw,43px); height:clamp(28px,3.3vw,43px); }
.plan-status>div { border-left:1px solid #d3bea2; padding-left:12px; }
.plan-status strong { display:block; font:400 clamp(22px,2.4vw,33px)/1 var(--display); }
.plan-status small { display:block; margin-top:5px; font-size:11px; color:#36594a; }
.plan-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:12px; margin-top:12px; align-items:start; }
.plan-side { display:grid; gap:12px; min-width:0; }
.plan-panel,.plan-help {
  min-width:0; border-radius:19px; padding:clamp(13px,1.65vw,21px);
  border:1px solid #ddcdb6; box-shadow:inset 0 1px #fff,0 11px 18px -15px #523e286e;
  background:linear-gradient(145deg,#fffaf1,#f8f0e2);
}
.plan-panel>header,.plan-help { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.plan-panel h2,.plan-help h2 { font:400 clamp(25px,3.1vw,41px)/.98 var(--display); letter-spacing:-.026em; }
.plan-panel p,.plan-help p { margin-top:5px; color:#3e594a; font-size:12px; }
.plan-panel #plan-period { width:auto; min-width:120px; min-height:34px; border-radius:99px; font-size:11px; }
.plan-snapshot .metrics { margin:12px 0 16px; gap:7px; }
.plan-snapshot .metric {
  min-width:0; overflow-wrap:anywhere; padding:clamp(8px,1.25vw,14px);
  border-radius:13px; border-color:#e5d8c3;
  background:linear-gradient(145deg,#fff9ee,#edf1df);
}
.plan-snapshot .metric .icon { color:#2a6247; }
.plan-trend { padding-top:6px; }
.plan-trend>div { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; }
.plan-trend-count { padding:5px 9px; border-radius:99px; background:#e6eed7; color:#245239; font-size:11px; font-weight:800; }
.plan-trend b,.plan-trend small { display:block; }
.plan-trend small { color:#5b584a; font-size:10px; }
.plan-trend svg { display:block; width:100%; height:clamp(58px,8vw,106px); margin-top:8px; overflow:visible; }
.plan-log { position:relative; isolation:isolate; overflow:hidden; }
.plan-log .desk-ribbon { width:58%; opacity:.38; mask-image:linear-gradient(110deg,transparent,#000 80%); }
.plan-log>header { position:relative; isolation:isolate; }
.plan-events { list-style:none; margin:8px 0 0; padding:0; }
.plan-events li {
  display:flex; justify-content:space-between; align-items:center; gap:6px 9px; flex-wrap:wrap;
  padding:9px 0; border-top:1px solid #e9ddca; font-size:11px;
}
.plan-events li>span { display:flex; align-items:center; gap:7px; min-width:0; overflow-wrap:anywhere; }
.plan-events li .icon { width:16px; height:16px; color:#2b6348; }
.plan-events time { color:#66563e; font-size:10px; }
.plan-log .empty { margin:9px 0 0; }
.plan-help {
  position:relative; isolation:isolate; overflow:hidden;
  border-color:#528068; color:#fff8e7; background:linear-gradient(120deg,#18553e,#10372a);
  box-shadow:0 9px 16px -10px #213e30a8;
}
.plan-help .desk-ribbon { width:68%; opacity:.72; }
.plan-help p { color:#f2ead9; }
.plan-help a { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:800; }
.plan-help a .icon { width:15px; height:15px; }
@media (max-width:1000px) {
  .plan-layout { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .plan-hero .spotlight { grid-template-columns:1fr; }
  .plan-status { width:fit-content; }
}