:root{--ink:#171717;--muted:#66666e;--line:#e4e4e7;--lime:#ffac02;--paper:#fff;--warm:#f7f7f8;--side:#f0f0f2;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--warm);font-synthesis:none;color-scheme:light;--body-text:#333338;--subtle:#fafafa;--tint:#f3f3f4;--hover:#ececee;--selected:#e5e5e8;--bubble:#f0f0f2;--accent-text:#765206;--on-accent:#271c05;--focus:#a9780e;--highlight:#ffac02;--danger:#a34c30;--danger-bg:#fff3ed;--danger-line:#e8c9bc;--warning:#946824;--warning-bg:#fff3e5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:235px minmax(0,1fr) 270px;height:100dvh;min-height:600px}.sidebar{padding:29px 20px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--side)}.brand{font-size:31px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center;gap:0;width:fit-content}.brand-mark{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 44px}.sidebar-kicker{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin:20px 0 27px}.new-chat{border:1px solid var(--line);background:var(--paper);padding:12px 10px;border-radius:8px;display:flex;gap:9px;align-items:center;font-size:11px;font-weight:600;box-shadow:0 2px 2px #00000003}.new-chat>span:first-child{font-size:20px;font-weight:400;line-height:15px}.new-icon{margin-left:auto;color:var(--muted)}.nav-label{font-size:8px;color:var(--muted);letter-spacing:1.3px;margin:31px 0 12px 9px}.nav-item{width:100%;border:0;display:flex;align-items:center;gap:10px;text-align:left;background:none;font-size:11px;padding:12px 9px;border-radius:7px;color:var(--muted);margin:3px 0}.nav-item>span{width:18px;font-size:20px;line-height:15px;font-weight:400}.nav-item:hover,.nav-item.selected{background:var(--selected);color:var(--body-text)}.sidebar-note{margin:50px 9px 20px;position:relative;color:var(--muted);font-size:12px;line-height:1.7}.little-star{font-size:27px;color:var(--muted)}.note-lines{display:block;width:70px;height:8px;border-top:1px solid var(--line);transform:rotate(-8deg);margin-top:25px}.sidebar-bottom{margin-top:auto}.store-badge{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:17px 0 16px}.store-symbol{width:29px;height:29px;background:#171717;color:white;display:grid;place-items:center;border-radius:6px;font-size:18px;font-style:italic;font-weight:800}.store-badge strong{display:block;font-size:10px}.store-badge div>span{font-size:8px;color:var(--muted);display:block;margin-top:5px}.staff-link{display:flex;justify-content:space-between;font-size:10px;padding:8px 0;color:var(--muted)}.chat-main{min-width:0;background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.topbar{height:77px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 32px;gap:10px}.topbar>div{display:flex;align-items:center;gap:15px}.desktop-label{font-size:8px;letter-spacing:1.35px;color:var(--muted)}.status-pill{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);background:var(--tint);border:1px solid var(--line);border-radius:20px;padding:6px 8px;white-space:nowrap}.status-pill i{height:5px;width:5px;background:#c99716;border-radius:50%}.text-button{border:0;background:none;font-size:10px;color:var(--muted);white-space:nowrap;padding:8px 0}.text-button>span{margin-left:10px}.mobile-brand{display:none}.mobile-brand>img{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin-right:0}.chat-scroll{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}.welcome{max-width:760px;margin:auto;padding:64px 42px 20px}.welcome-eyebrow{font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:var(--muted)}.spark-icon{font-size:24px;color:var(--accent-text);letter-spacing:0}.welcome h1{font-size:clamp(32px,3.1vw,49px);letter-spacing:-2.3px;line-height:1.16;font-weight:500;margin:24px 0 20px}.welcome h1>span{position:relative;z-index:0}.welcome h1>span:after{content:"";position:absolute;inset:58% -5px -1px -4px;background:var(--highlight);z-index:-1;transform:rotate(-1deg)}.welcome-copy{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 32px}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.starter{position:relative;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:18px;transition:background .2s,transform .2s;min-height:135px}.starter:hover{background:var(--hover);transform:translateY(-2px);border-color:var(--focus)}.starter-icon{display:block;font-size:24px;line-height:25px;color:var(--accent-text);margin-bottom:13px}.starter strong{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.starter>span:not(.starter-icon){font-size:10px;color:var(--muted);line-height:1.5;display:block;padding-right:15px}.starter b{position:absolute;right:16px;top:18px;font-weight:400;font-size:16px;color:var(--muted)}.welcome-foot{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin-top:28px}.welcome-foot>span{font-size:14px;color:var(--muted)}.composer-area{padding:12px 30px 16px;flex-shrink:0;background:var(--paper);max-width:900px;width:100%;margin:auto}.quick-links{display:flex;gap:7px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.quick-links>span{font-size:7px;letter-spacing:.9px;color:var(--muted);margin-right:5px}.quick-links>button{border:1px solid var(--line);border-radius:16px;font-size:8px;color:var(--muted);background:var(--paper);padding:6px 9px}.composer{border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 10px #00000003;padding:15px 15px 10px;background:var(--paper);transition:border-color .2s}.composer:focus-within{border-color:var(--focus)}.composer textarea{width:100%;border:none;outline:none;resize:none;font-size:12px;line-height:1.6;padding:0 3px;min-height:24px;max-height:120px;background:none}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:var(--muted)}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.composer-tools>div{display:flex;align-items:center;gap:8px}.icon-button{border:0;background:none;font-size:25px;line-height:1;padding:5px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--hover)}.upload-hint{font-size:9px;color:var(--muted)}.send-button{border:0;background:var(--lime);border-radius:8px;width:32px;height:31px;font-size:23px;line-height:27px}.composer-disclaimer{font-size:8px;text-align:center;line-height:1.7;color:var(--muted);margin:12px 0 0}.composer-disclaimer button{background:none;padding:0;border:0;text-decoration:underline;font-size:inherit;color:inherit}.brief-sidebar{background:var(--subtle);border-left:1px solid var(--line);padding:36px 25px 20px;display:flex;flex-direction:column}.brief-label{font-size:8px;color:var(--muted);letter-spacing:1.5px}.brief-sidebar h2{font-size:25px;font-weight:500;letter-spacing:-.9px;line-height:1.25;margin:25px 0 12px}.brief-sidebar>p{font-size:10px;color:var(--muted);line-height:1.6}.brief-items{margin-top:22px}.brief-items>div{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:19px 0}.brief-items>div>span{font-size:8px;color:var(--muted);background:var(--tint);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.brief-items p{margin:1px 0 0}.brief-items strong{display:block;font-size:10px;font-weight:600}.brief-items small{display:block;font-size:8px;color:var(--muted);margin-top:7px}.builder-link{margin-top:auto;border:1px solid var(--line);background:var(--tint);padding:17px 13px;font-size:9px;color:var(--muted);border-radius:9px;line-height:1.6}.builder-link strong{display:block;font-size:10px;color:var(--accent-text);margin-top:7px;font-weight:500}.brief-footer{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1px;color:var(--muted);padding-top:26px;gap:5px}.brief-footer>span{font-size:20px;color:var(--muted)}.intake-summary{font-size:9px;line-height:1.6;overflow:auto;max-height:170px;margin:20px 0;color:var(--accent-text)}.intake-summary strong{display:block;color:var(--body-text)}.messages{max-width:820px;padding:24px 32px 0;margin:auto}.message{display:flex;gap:12px;margin:0 0 25px;align-items:flex-start}.avatar{width:36px;height:36px;flex:0 0 36px;background:transparent;border-radius:0;object-fit:contain;display:grid;place-items:center;font-size:25px;font-weight:650;line-height:1}.message.user{justify-content:flex-end}.message-body{min-width:0;max-width:100%;font-size:13px;line-height:1.8;color:var(--body-text);white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-body{background:var(--bubble);border-radius:13px 13px 2px 13px;padding:12px 16px;max-width:85%;color:var(--body-text)}.message-label{font-size:9px;letter-spacing:.5px;color:var(--muted);margin:0 0 6px;font-weight:600}.message.user .message-label{display:none}.message.staff .avatar{font-size:13px;background:#171717;color:#fff;border-radius:9px}.thinking{max-width:820px;padding:0 32px 24px;margin:auto;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.dots{animation:breathe 1.3s infinite}.product-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;max-width:100%;padding:14px 0 10px;white-space:normal}.product-card{border:1px solid var(--line);border-radius:11px;min-width:190px;max-width:225px;flex:0 0 43%;overflow:hidden;scroll-snap-align:start;background:var(--paper)}.product-image{height:160px;width:100%;object-fit:contain;background:var(--warm);padding:8px}.product-content{padding:12px}.product-title{font-size:12px;font-weight:600;line-height:1.5;display:block}.product-price{font-size:15px;font-weight:600;margin:10px 0 0}.product-price-label{font-size:8px;color:var(--muted)}.product-reason{font-size:10px;color:var(--muted);line-height:1.6;min-height:32px;margin:10px 0}.product-stock{font-size:8px;line-height:1.5;color:var(--accent-text);margin:7px 0}.product-button{font-size:9px;border:1px solid var(--line);border-radius:6px;padding:8px 10px;text-align:center;display:block;color:var(--accent-text);margin-top:6px}.product-button:hover{background:var(--tint)}.message-images,.upload-previews{display:flex;gap:8px;flex-wrap:wrap}.message-images img{width:110px;height:110px;object-fit:contain;border:1px solid var(--line);border-radius:8px;margin-top:8px}.upload-preview{position:relative;width:66px;margin-bottom:12px}.upload-preview img{width:66px;height:66px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.upload-preview button{position:absolute;right:-5px;top:-5px;border:1px solid var(--line);background:var(--paper);border-radius:50%;width:19px;height:19px;line-height:15px;padding:0}.notice{padding:10px 24px;background:var(--tint);border-bottom:1px solid var(--line);font-size:11px;line-height:1.5;color:var(--muted);flex-shrink:0}.notice.error{background:var(--danger-bg);color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{font-size:8px;letter-spacing:1.2px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:560px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 90px #00000026;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#00000059;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}dialog h2{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:10px 0 14px}dialog p{font-size:12px;line-height:1.7}.muted{color:var(--muted);font-size:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.form-grid label,.field{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.form-grid .full{grid-column:1/-1}.optional{font-size:9px;color:var(--muted)}.form-grid input,.form-grid textarea,.form-grid select,.field input,.field textarea,.field select,.search-input{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px;background:var(--paper);color:var(--body-text);font-size:12px;min-width:0}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.6;margin:14px 0;color:var(--muted)}.checkbox input{accent-color:#a9780e;margin-top:2px}.primary-button{background:var(--lime);border:1px solid var(--lime);border-radius:7px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;font-weight:600}.danger-button{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:7px;padding:10px;font-size:11px}.form-result{font-size:11px;color:var(--accent-text);line-height:1.6}.form-result.error{color:var(--danger)}.toast-action{margin-left:12px;text-decoration:underline;border:0;background:none;font:inherit}.admin-layout{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100dvh;background:var(--warm)}.admin-sidebar{min-height:100dvh;position:sticky;top:0;height:100dvh}.admin-content{padding:33px 40px;min-width:0}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-header h1{font-size:29px;letter-spacing:-1px;font-weight:500;margin:0 0 10px}.admin-header p{font-size:11px;color:var(--muted);margin:0}.admin-header select{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:11px;max-width:220px}.admin-eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.metric{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.metric span{font-size:10px;color:var(--muted)}.metric strong{display:block;font-size:30px;font-weight:500;margin:15px 0 5px;letter-spacing:-1px}.metric small{font-size:9px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:23px;margin:18px 0}.panel h2{font-size:15px;font-weight:500;margin:0 0 18px}.connection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.connection{border:1px solid var(--line);border-radius:8px;padding:16px}.connection strong{display:block;font-size:11px}.connection p{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:0}.tag{display:inline-block;font-size:8px;padding:5px 7px;border-radius:5px;background:var(--tint);color:var(--accent-text);margin-top:9px}.tag.pending{background:var(--warning-bg);color:var(--warning)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--muted);font-weight:500;font-size:8px;letter-spacing:1px;border-bottom:1px solid var(--line);padding:11px 10px}td{padding:15px 10px;line-height:1.6;border-bottom:1px solid var(--line);vertical-align:top;max-width:320px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.table-button{background:none;border:0;padding:0;text-align:left;color:var(--accent-text);text-decoration:underline;font-size:11px}.admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secondary-button{border:1px solid var(--line);border-radius:7px;padding:10px 13px;background:var(--paper);font-size:10px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.admin-conversation .message-body{font-size:12px}.staff-reply{display:flex;gap:10px;margin-top:18px}.staff-reply textarea{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:12px;resize:vertical;min-height:70px}.login-wrap{display:grid;place-items:center;min-height:100dvh;padding:24px}.login-panel{max-width:390px;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:32px}.login-panel .brand{margin-bottom:30px}.login-panel h1{font-size:24px;font-weight:500;letter-spacing:-.8px}.login-panel .field{margin:18px 0}.login-panel button{width:100%;margin-top:12px}.settings-actions{display:flex;gap:10px;margin-top:20px}.admin-config textarea{min-height:160px}.empty-state{color:var(--muted);font-size:12px;padding:35px 0;text-align:center}.compact-info{font-size:10px;color:var(--muted);line-height:1.8}.event-row{padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.admin-notice{margin-top:20px;border-radius:7px}.catalog-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog-admin-grid .product-card{min-width:0;max-width:none;width:100%}.catalog-admin-grid .product-image{height:140px}.admin-upload{display:block;font-size:10px;color:var(--accent-text);text-decoration:underline;margin:8px 0}.admin-sidebar .nav-label{margin-top:25px}.mobile-admin-nav{display:none}@keyframes breathe{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(min-width:1600px){.welcome{padding-top:90px}.welcome h1{font-size:55px}.app-shell{grid-template-columns:260px minmax(0,1fr) 310px}.sidebar{padding:35px 25px}.brief-sidebar{padding:40px 35px}}@media(max-width:1190px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.brief-sidebar{display:none}.sidebar{padding-left:15px;padding-right:15px}.welcome{padding-top:50px}.desktop-label{font-size:7px;letter-spacing:1px}.topbar{padding:0 24px}.admin-content{padding:28px 25px}.catalog-admin-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr;min-height:0}.sidebar{display:none}.topbar{height:62px;padding:0 20px}.topbar>div{gap:10px}.desktop-label{display:none}.mobile-brand{display:inline;font-size:25px;font-weight:700;letter-spacing:-1px}.status-pill{font-size:8px;padding:5px 7px}.text-button{font-size:9px}.welcome{padding:38px 24px 10px;max-width:560px}.welcome h1{font-size:37px;letter-spacing:-1.9px;margin:20px 0}.welcome-copy{font-size:11px;margin-bottom:25px}.welcome-copy br{display:none}.welcome-eyebrow{font-size:7px;letter-spacing:1px}.starter{padding:14px;min-height:134px}.starter-grid{gap:9px}.starter strong{font-size:11px}.starter>span:not(.starter-icon){font-size:9px;padding-right:0}.starter b{right:13px;font-size:13px}.welcome-foot{font-size:8px;margin-top:22px}.composer-area{padding:10px 14px max(10px,env(safe-area-inset-bottom))}.quick-links{display:none}.composer{padding:12px 12px 8px}.composer textarea{font-size:13px}.composer-tools{margin-top:8px}.composer-disclaimer{font-size:7px;margin-top:9px;line-height:1.5}.upload-hint{font-size:8px}.messages{padding:25px 18px 0}.message{gap:9px;margin-bottom:24px}.message-body{font-size:12px;line-height:1.8}.avatar{width:30px;height:30px;flex-basis:30px;font-size:22px}.product-card{flex-basis:75%;min-width:180px}.product-image{height:155px}.thinking{padding:0 20px 20px}.notice{font-size:10px;padding:9px 16px}.admin-layout{display:block}.admin-sidebar{height:auto;min-height:0;position:static;padding:16px 20px}.admin-sidebar .brand{font-size:27px}.admin-sidebar .sidebar-kicker,.admin-sidebar .nav-label,.admin-sidebar .sidebar-bottom{display:none}.admin-sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:12px}.admin-sidebar .nav-item{white-space:nowrap;width:auto;font-size:10px;padding:9px}.admin-sidebar .nav-item>span{display:none}.admin-content{padding:25px 16px}.admin-header{align-items:flex-start}.admin-header h1{font-size:24px}.admin-header select{max-width:145px;font-size:10px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.metric{padding:15px}.metric strong{font-size:27px}.connection-list{grid-template-columns:1fr}.panel{padding:17px}.admin-grid{grid-template-columns:1fr}.catalog-admin-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:22px}.form-grid{gap:13px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;padding:10px}.dialog-heading h2{font-size:23px}.staff-reply{flex-direction:column}}@media(max-width:360px){.welcome h1{font-size:32px}.welcome{padding:25px 18px 8px}.starter{padding:12px;min-height:126px}.starter strong{font-size:10px}.starter>span:not(.starter-icon){font-size:8px}.welcome-foot{font-size:7px}.upload-hint{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.welcome-copy{margin-bottom:20px}}
.mobile-new{display:none}@media(max-width:760px){.mobile-new{display:inline-flex;font-size:20px}.topbar>.topbar-actions{gap:12px}}


/* Shared light/dark appearance; the stored choice is applied before styles load. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f4f4f5;
  --body-text: #dedee3;
  --muted: #b6b6bf;
  --line: #3f3f46;
  --paper: #202024;
  --warm: #18181b;
  --side: #1c1c20;
  --subtle: #1c1c20;
  --tint: #28282d;
  --hover: #303036;
  --selected: #3a3a41;
  --bubble: #2c2c32;
  --accent-text: #ffac02;
  --focus: #ffac02;
  --highlight: #5b3d00;
  --danger: #ffb6a1;
  --danger-bg: #3b261f;
  --danger-line: #805041;
  --warning: #f0cc8f;
  --warning-bg: #3b3020;
}
:root[data-theme="dark"] .store-symbol,
:root[data-theme="dark"] .message.staff .avatar { background: var(--selected); }
input, textarea, select { color: var(--ink); }
dialog, .staff-reply textarea { background: var(--paper); }
.primary-button, .send-button { color: var(--on-accent); }
.product-image { background: #f7f7f8; }
::selection { background: var(--lime); color: var(--on-accent); }
.theme-picker { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 5px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); }
.theme-picker > span[aria-hidden] { font-size: 16px; line-height: 1; color: var(--accent-text); }
.theme-picker select { width: auto; min-width: 58px; margin: 0; border: 0; padding: 4px 0; background: var(--paper); color: var(--ink); font-size: 11px; cursor: pointer; }
.theme-picker:focus-within { outline: 2px solid var(--focus); outline-offset: 3px; }
.theme-picker select:focus-visible { outline: none; }
.login-brandbar, .admin-brandbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
.login-brandbar { margin-bottom: 30px; }
.login-panel .login-brandbar .brand { margin: 0; }
/* Menu settings share the navigation spacing and remain reachable on short screens. */
.sidebar { min-height: 0; overflow: hidden; }
.sidebar-main { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.sidebar-main .new-chat { width: 100%; }
.sidebar-bottom { flex: 0 0 auto; }
.theme-menu-row { display: flex; width: 100%; min-height: 44px; margin-top: 10px; padding: 4px 9px; gap: 10px; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--muted); }
.theme-menu-row:hover { background: var(--hover); border-radius: 7px; }
.theme-menu-row > span[aria-hidden] { width: 18px; font-size: 20px; color: inherit; }
.theme-menu-row .theme-label { font-size: 11px; }
.theme-menu-row select { min-width: 68px; min-height: 36px; margin-left: auto; background: transparent; }
.theme-menu-row select option { background: var(--paper); }
.login-footer { margin-top: 20px; }
.remember-sign-in { margin-top: 16px; color: var(--muted); font-size: 11px; }
.login-panel .remember-sign-in input { width: 16px; height: 16px; margin: 0; flex: 0 0 auto; accent-color: var(--focus); }
.knowledge-intro { margin-top: 24px; }
.knowledge-intro p { margin-bottom: 0; line-height: 1.7; }
.knowledge-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.knowledge-stats > div { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.knowledge-stats strong { display: block; font-size: 24px; font-weight: 500; margin-bottom: 8px; }
.knowledge-stats span { color: var(--muted); font-size: 10px; }
.knowledge-topic { display: block; max-width: 360px; font-size: 11px; color: var(--muted); }
.knowledge-topic input { display: block; width: 100%; margin-top: 8px; padding: 10px; background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-radius: 7px; }
.knowledge-drop { border: 1px dashed var(--line); border-radius: 10px; background: var(--subtle); padding: 28px 18px; margin-top: 18px; text-align: center; }
.knowledge-drop.drag-over { border-color: var(--focus); background: var(--hover); }
.knowledge-upload-icon { display: block; font-size: 27px; margin-bottom: 12px; color: var(--accent-text); }
.knowledge-drop strong { font-weight: 500; font-size: 15px; }
.knowledge-upload-actions, .knowledge-editor-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.knowledge-upload-actions { justify-content: center; }
.knowledge-editor-actions .primary-button { width: auto; min-height: 40px; }
.knowledge-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.knowledge-filters input { flex: 1 1 200px; min-width: 0; }
.knowledge-filters input, .knowledge-filters select, .knowledge-try-form input { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--ink); font-size: 12px; }
.knowledge-document { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 20px 0; border-top: 1px solid var(--line); }
.knowledge-document > div { min-width: 0; }
.knowledge-document strong { font-size: 14px; overflow-wrap: anywhere; }
.knowledge-document .secondary-button { flex: 0 0 auto; }
.knowledge-document-meta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 10px; color: var(--muted); font-size: 10px; }
.knowledge-document .compact-info { overflow-wrap: anywhere; }
.knowledge-pagination { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; }
.knowledge-editor .form-grid { margin: 18px 0 10px; }
.knowledge-editor .knowledge-text { font-size: 13px; line-height: 1.7; }
.knowledge-try-form { display: flex; gap: 10px; flex-wrap: wrap; }
.knowledge-try-form input { flex: 1 1 240px; min-width: 0; }
.knowledge-excerpt { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 18px; font-size: 12px; line-height: 1.7; }
.knowledge-excerpt > p:last-child { white-space: pre-wrap; max-height: 250px; overflow: auto; }
@media(max-width:760px) {
  .knowledge-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .knowledge-stats > div { padding: 14px; }
  .knowledge-stats strong { font-size: 20px; }
  .knowledge-filters input { flex-basis: 100%; }
  .knowledge-filters select { max-width: 100%; flex: 1 1 120px; }
  .knowledge-document { align-items: flex-start; gap: 10px; }
  .knowledge-document strong { font-size: 12px; }
  .knowledge-editor-actions .primary-button, .knowledge-editor-actions .secondary-button { min-height: 44px; }
}
.mobile-menu-header, .mobile-menu-button { display: none; }
.admin-utility { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.admin-utility .admin-eyebrow { margin-bottom: 0; }
.staff-test-button { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 40px; font-weight: 600; }
.staff-test-button, .staff-test-button.selected { background: #ffac02; color: #271c05; border-color: #c99716; }
.staff-test-button:hover, .staff-test-button.selected:hover { background: #e9b82e; border-color: #a9780e; }
.staff-test-button:focus-visible { outline-color: #a9780e; }
@media (max-width:760px) { .admin-utility { gap: 10px; } .admin-utility .admin-eyebrow { font-size: 8px; letter-spacing: 1px; } .staff-test-button { min-height: 44px; padding: 10px 12px; } }
.practice-intro { display: flex; align-items: flex-start; gap: 24px; flex-wrap: wrap; }
.practice-intro > div:first-child { flex: 1 1 360px; }
.practice-intro h2 { margin: 12px 0; }
.practice-intro p { max-width: 680px; line-height: 1.8; }
.practice-reset { width: 100%; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 12px; }
.practice-reset[hidden] { display: none; }
.practice-thread { max-width: 900px; margin: 0 auto 24px; display: flex; flex-direction: column; gap: 20px; }
.practice-empty { text-align: center; padding: 32px 16px; }
.practice-empty img { object-fit: contain; }
.practice-message { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); max-width: 94%; min-width: 0; overflow-wrap: anywhere; }
.practice-message p { white-space: pre-wrap; font-size: 14px; line-height: 1.8; }
.practice-user { align-self: flex-end; background: var(--side); }
.practice-proposal { border-top: 1px solid var(--line); padding-top: 22px; margin-top: 22px; }
.practice-proposal > p:not(.compact-info) { max-height: 420px; overflow: auto; }
.practice-proposal .staff-link { display: block; margin-top: 14px; }
.practice-message details { margin-top: 18px; font-size: 12px; }
.practice-message summary { cursor: pointer; }
.practice-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.practice-products .product-card { min-width: 0; max-width: none; width: 100%; }
.practice-products .product-image { height: 170px; object-fit: contain; background: #fff; }
.product-cards .product-image,.practice-products .product-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:6px}
.message-body .browse-all-button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin:14px 0 4px;padding:13px 18px;border:1px solid #ffac02;border-radius:10px;background:#ffac02;color:#171717;font-size:16px;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 3px 10px #00000014}.message-body .browse-all-button:hover{background:#f3a400;border-color:#f3a400}.message-body .browse-all-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:500px) { .practice-products { grid-template-columns: 1fr; } }
.practice-composer { max-width: 900px; margin-inline: auto; }
.practice-composer label { display: block; font-size: 12px; }
.practice-composer textarea { display: block; width: 100%; margin: 12px 0 16px; padding: 12px; resize: vertical; min-height: 110px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--paper); font-size: 14px; line-height: 1.7; }
.teaching-composer-tools { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; }
.teaching-composer-tools .compact-info { flex: 1 1 250px; margin: 0; line-height: 1.7; }
.teaching-image-previews, .teaching-sent-images { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.teaching-image-previews:empty { display: none; }
.teaching-image-previews figure { position: relative; width: 110px; margin: 0; }
.teaching-image-previews img, .teaching-sent-images img { width: 110px; height: 110px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.teaching-image-previews figcaption { color: var(--muted); font-size: 10px; margin-top: 6px; overflow-wrap: anywhere; }
.teaching-image-remove { position: absolute; right: -6px; top: -6px; border: 1px solid var(--line); border-radius: 50%; width: 30px; height: 30px; background: var(--paper); color: var(--ink); font-size: 20px; }
.teaching-sent-images { margin-top: 16px; margin-bottom: 0; }
.teaching-sent-images a:focus-visible { border-radius: 10px; }
@media (max-width:760px) { .practice-message { padding: 18px; max-width: 100%; } .practice-intro { gap: 12px; } .practice-composer .primary-button { min-height: 44px; width: 100%; } .practice-composer textarea { font-size: 16px; } .admin-content:has(.practice-intro) .admin-header { flex-direction: column; align-items: stretch; } .admin-content:has(.practice-intro) .admin-header select { max-width: 100%; width: 100%; } }
.menu-open { overflow: hidden; }
.navigation-dialog { width: min(320px, calc(100vw - 24px)); max-width: none; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; border-right: 1px solid var(--line); border-radius: 0 14px 14px 0; background: var(--side); color: var(--ink); overflow: hidden; }
.navigation-dialog::backdrop { background: #0008; }
.navigation-heading { height: 57px; padding: 6px 16px 6px 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 12px; }
.navigation-heading .icon-button { width: 44px; height: 44px; }
.navigation-dialog .sidebar { display: flex; position: static; height: calc(100dvh - 57px); min-height: 0; padding: 20px 16px 12px; border: 0; }
@media (max-width: 760px) {
  .topbar { height: auto; min-height: 62px; flex-wrap: wrap; padding: 12px 18px; row-gap: 8px; }
  .topbar > .topbar-actions { margin-left: auto; gap: 12px; }
  .topbar > div { gap: 8px; }
  .mobile-menu-button { display: inline-flex; width: 44px; height: 44px; font-size: 20px; flex-shrink: 0; }
  .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background: var(--side); border-bottom: 1px solid var(--line); }
  .mobile-menu-header .brand { font-size: 27px; }
  .admin-sidebar { display: none; }
  .navigation-dialog .sidebar-kicker, .navigation-dialog .nav-label, .navigation-dialog .sidebar-bottom { display: block; }
  .navigation-dialog .admin-sidebar nav { display: block; overflow: visible; margin-top: 0; }
  .navigation-dialog .admin-sidebar .nav-item { width: 100%; font-size: 11px; padding: 12px 9px; }
  .navigation-dialog .admin-sidebar .nav-item > span { display: inline-block; }
}
.order-timeline{padding-left:24px}.order-timeline li{padding:12px 8px;border-bottom:1px solid #8884}.order-timeline span{display:block;font-size:12px;opacity:.7;margin-top:4px}.order-timeline [data-progress="Current"]{border-left:4px solid #ffac02}.order-timeline p{margin:8px 0}#order-fields[hidden],#order-submit[hidden]{display:none}#order-submit{margin:16px 0}#order-result{overflow-wrap:anywhere}
.staff-reply{flex-direction:column;align-items:stretch}.staff-reply>label{display:flex;flex-direction:column;gap:8px;width:100%;margin:0}.staff-reply textarea{width:100%;box-sizing:border-box}.staff-reply>button{align-self:flex-start}

.agent-sound-controls{border-bottom:1px solid var(--border,#7775);padding-bottom:12px;margin-bottom:12px}.agent-sound-controls .secondary-button{width:100%;text-align:center}.agent-sound-controls .compact-info{font-size:11px;line-height:1.5;margin:8px 0 0}.agent-sound-controls .text-button{margin-top:8px}.agent-message-alert{display:block;width:100%;text-align:left;cursor:pointer;border:1px solid #ffac02;margin-bottom:18px}.agent-message-alert[hidden]{display:none}

.practice-customer-frame{display:block;width:100%;height:78vh;min-height:620px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.practice-customer .app-shell{grid-template-columns:1fr}.practice-customer .sidebar,.practice-customer .brief-sidebar{display:none}.practice-customer .topbar{padding:0 18px}.practice-customer .desktop-label{display:none}.practice-customer .mobile-brand{display:inline-flex}.practice-customer .welcome{padding-top:30px}

/* Larger reading sizes apply only to the staff workspace and its Test Gearie frame. */
:is(.staff-ui,.practice-customer) body{font-size:16px}
:is(.staff-ui,.practice-customer) .message-body,:is(.staff-ui,.practice-customer) .composer textarea,:is(.staff-ui,.practice-customer) .staff-reply textarea,:is(.staff-ui,.practice-customer) .practice-message p,:is(.staff-ui,.practice-customer) .practice-composer textarea{font-size:16px;line-height:1.65}
:is(.staff-ui,.practice-customer) .nav-item,:is(.staff-ui,.practice-customer) .secondary-button,:is(.staff-ui,.practice-customer) .primary-button,:is(.staff-ui,.practice-customer) .staff-link,:is(.staff-ui,.practice-customer) .text-button,:is(.staff-ui,.practice-customer) .theme-menu-row select,:is(.staff-ui,.practice-customer) .theme-label,:is(.staff-ui,.practice-customer) .panel label,:is(.staff-ui,.practice-customer) .field,:is(.staff-ui,.practice-customer) .form-grid label,:is(.staff-ui,.practice-customer) .connection p,:is(.staff-ui,.practice-customer) .event-row,:is(.staff-ui,.practice-customer) .compact-info,:is(.staff-ui,.practice-customer) .muted,:is(.staff-ui,.practice-customer) td{font-size:14px;line-height:1.5}
:is(.staff-ui,.practice-customer) .secondary-button,:is(.staff-ui,.practice-customer) .primary-button,:is(.staff-ui,.practice-customer) .nav-item,:is(.staff-ui,.practice-customer) .theme-menu-row select{min-height:44px}
:is(.staff-ui,.practice-customer) .eyebrow,:is(.staff-ui,.practice-customer) .message-label,:is(.staff-ui,.practice-customer) .composer-disclaimer,:is(.staff-ui,.practice-customer) .upload-hint,:is(.staff-ui,.practice-customer) .tag,:is(.staff-ui,.practice-customer) .status-pill,:is(.staff-ui,.practice-customer) .admin-eyebrow,:is(.staff-ui,.practice-customer) .sidebar-kicker,:is(.staff-ui,.practice-customer) .nav-label,:is(.staff-ui,.practice-customer) .practice-message details,:is(.staff-ui,.practice-customer) th,:is(.staff-ui,.practice-customer) .agent-sound-controls .compact-info,:is(.staff-ui,.practice-customer) .navigation-dialog .admin-sidebar .nav-item{font-size:12px;line-height:1.5}
:is(.staff-ui,.practice-customer) .panel h2,:is(.staff-ui,.practice-customer) .connection strong,:is(.staff-ui,.practice-customer) .product-title,:is(.staff-ui,.practice-customer) .starter strong{font-size:17px;line-height:1.4}
:is(.staff-ui,.practice-customer) .product-reason,:is(.staff-ui,.practice-customer) .product-button,:is(.staff-ui,.practice-customer) .welcome-copy,:is(.staff-ui,.practice-customer) .starter>span:not(.starter-icon),:is(.staff-ui,.practice-customer) .order-timeline span{font-size:14px;line-height:1.6}
:is(.staff-ui,.practice-customer) .form-grid input,:is(.staff-ui,.practice-customer) .form-grid select,:is(.staff-ui,.practice-customer) .form-grid textarea,:is(.staff-ui,.practice-customer) .panel input,:is(.staff-ui,.practice-customer) .panel select,:is(.staff-ui,.practice-customer) .panel textarea{font-size:16px}
:is(.staff-ui,.practice-customer) .composer-disclaimer{margin-top:10px}
:is(.staff-ui,.practice-customer) .message-label{letter-spacing:1px}
:is(.staff-ui,.practice-customer) .status-pill{white-space:normal}
:is(.staff-ui,.practice-customer) .staff-reply label{font-size:14px}
@media(max-width:760px){:is(.staff-ui,.practice-customer) .topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:8px;padding:12px 16px}
:is(.staff-ui,.practice-customer) .topbar>div{flex-wrap:wrap;gap:8px}
:is(.staff-ui,.practice-customer) .topbar .text-button{font-size:14px;min-height:36px}
:is(.staff-ui,.practice-customer) .message-body,:is(.staff-ui,.practice-customer) .composer textarea{font-size:16px}
:is(.staff-ui,.practice-customer) .notice{font-size:14px;line-height:1.5}
:is(.staff-ui,.practice-customer) .composer-disclaimer,:is(.staff-ui,.practice-customer) .upload-hint{font-size:12px}
:is(.staff-ui,.practice-customer) .product-card{flex-basis:86%}
:is(.staff-ui,.practice-customer) .admin-sidebar .nav-item,:is(.staff-ui,.practice-customer) .navigation-dialog .admin-sidebar .nav-item{font-size:14px}
:is(.staff-ui,.practice-customer) .admin-header select{font-size:14px}
:is(.staff-ui,.practice-customer) .welcome-copy{font-size:16px}
:is(.staff-ui,.practice-customer) .starter strong{font-size:16px}
:is(.staff-ui,.practice-customer) .starter>span:not(.starter-icon){font-size:14px}
}
:is(.staff-ui,.practice-customer) .theme-picker .theme-label,:is(.staff-ui,.practice-customer) .notice.admin-notice,:is(.staff-ui,.practice-customer) .panel>p,:is(.staff-ui,.practice-customer) .metric>span,:is(.staff-ui,.practice-customer) .metric small{font-size:14px;line-height:1.5}

.fallback-panel{margin:16px auto;max-width:760px;padding:24px;border:1px solid #ffac02;border-radius:16px}.fallback-panel[hidden]{display:none}.fallback-panel input,.fallback-panel textarea{font-size:16px}.agent-sound-warning{display:flex;align-items:center;gap:16px;justify-content:space-between;border:1px solid #ffac02;padding:14px 18px;border-radius:10px;margin-bottom:18px}.agent-sound-warning[hidden]{display:none}.agent-message-alert{position:sticky;top:8px;z-index:8;background:var(--paper);color:var(--ink);font-size:16px;font-weight:700;box-shadow:0 0 0 2px #ffac0240}

@media(max-width:600px){.agent-sound-warning{flex-direction:column;align-items:stretch}.fallback-panel{padding:18px;margin:12px}}

.conversation-filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.conversation-filters .selected{background:var(--lime);color:var(--on-accent);border-color:var(--lime)}.resolution-status{padding:16px;border:1px solid #ffac02;border-radius:10px;background:var(--subtle);font-size:16px;font-weight:600;line-height:1.5}.conversation-resolved{border-color:#ffac02}

.rep-profile-preview{width:112px;height:112px;object-fit:cover;border-radius:50%;border:2px solid var(--border);margin:12px 0}.rep-profile-form{max-width:640px}.rep-profile-form .field{margin-bottom:20px}.message.staff img.avatar{object-fit:cover;border-radius:50%;padding:0}.rep-identity{display:inline-flex;align-items:center;gap:8px;font-size:12px}.rep-identity img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.rep-identity .avatar{width:28px;height:28px;flex:0 0 28px;font-size:12px}
#top-team[hidden],.rep-identity[hidden]{display:none!important}

.sales-offer{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.sales-offer .product-button{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit;line-height:1.4;text-align:center;white-space:normal}.sales-offer button:first-of-type{background:var(--lime);border-color:var(--lime);color:var(--on-accent)}.sales-offer button:last-child{background:transparent;border-color:transparent;color:var(--muted)}.sales-offer p{margin:0 0 10px}

.contact-offer{padding:10px 12px;margin:0 0 10px;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.5;background:var(--paper)}.contact-offer p{margin:0 0 8px}.contact-offer-actions{display:flex;align-items:center;gap:8px}.contact-offer .product-button{margin:0;width:auto;font-size:12px}.contact-offer button:first-of-type{flex:1}.contact-offer button:last-child{flex:0 0 auto}.practice-customer .contact-offer{font-size:14px}

.rep-presence-control{display:grid;gap:7px;padding:12px 0;border-bottom:1px solid var(--line)}.rep-presence-control label{font-size:13px;font-weight:600}.rep-presence-control select{width:100%;font-size:14px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.rep-presence-control p{margin:0;font-size:12px;line-height:1.5}

.chat-feedback{margin:0 0 8px;color:var(--muted)}.feedback-bar{display:flex;align-items:center;gap:5px;min-height:44px}.feedback-label{font-size:12px;margin-right:4px}.feedback-icon{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid transparent;border-radius:10px;background:none;color:var(--muted)}.feedback-icon:hover,.feedback-choice:hover{background:var(--hover);color:var(--ink)}.feedback-icon[aria-pressed=true],.feedback-icon.selected,.feedback-choice[aria-pressed=true]{background:var(--lime);color:#171717;border-color:var(--lime)}.feedback-order{margin-left:auto}.feedback-saved{font-size:11px;line-height:1.4}.feedback-purchase{padding:12px 14px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.feedback-purchase p{margin:0 0 10px;font-size:13px;color:var(--ink)}.feedback-purchase-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.feedback-choice{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:none;font-size:12px;color:var(--ink)}.feedback-skip{min-height:44px;border:0;background:none;color:var(--muted);padding:8px;font-size:12px}.outcome-badges{display:flex;flex-wrap:wrap;gap:6px}.outcome-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap}.outcome-badge svg{width:15px;height:15px}.outcome-badge.verified{color:var(--ink);border-color:var(--lime)}.conversation-outcomes{padding:12px 0}.chat-results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chat-results-summary>div{display:grid;gap:6px}.chat-results-summary strong{font-size:25px;font-weight:500}.chat-results-summary span{font-size:12px;color:var(--muted)}@media(max-width:500px){.feedback-label{font-size:11px}.feedback-saved{max-width:90px;font-size:10px}.chat-results-summary{grid-template-columns:1fr;gap:18px}}

#setup-fields{border:0;padding:0;margin:0;min-width:0}#setup-result{line-height:1.6}#setup-signin{display:block;margin-top:16px}#setup-signin[hidden]{display:none}#staff-invite-form input[readonly]{width:100%;min-width:0}
.conversation-filters~.table-wrap td .tag{white-space:nowrap}

.welcome h1 .gear-wordmark{display:inline-block;transform:skewX(-10deg)}

.fallback-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fallback-heading-row h2{margin-top:0}.fallback-close{flex:0 0 44px;min-height:44px;font-size:26px;line-height:1;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;cursor:pointer}.fallback-close:focus-visible{outline:2px solid #ffac02;outline-offset:2px}

.support-privacy-note{font-size:12px;line-height:1.55;color:var(--muted);margin:8px 0 16px}

.nav-item>.request-count{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#c62828;color:#fff;font:700 12px/1 Arial,sans-serif;letter-spacing:0}.request-new{display:inline-block;background:#c62828;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px}.request-actions{display:flex;gap:8px;flex-wrap:wrap}
.audit-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.audit-controls label,.audit-editor label{display:grid;gap:6px}.audit-controls input,.audit-controls select,.audit-editor select,.audit-editor textarea{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);max-width:100%}.audit-editor label{margin:14px 0}.audit-editor textarea{min-height:110px;width:100%;resize:vertical}

.message-body .resource-link{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}.message-body .resource-link:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:2px}
.lead-card{border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:20px;overflow-wrap:anywhere}
.lead-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}
.lead-card-heading h3{margin:0}.lead-card-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:28px}
.lead-brief h3,.lead-card h4{margin:0 0 8px}.lead-brief h4{margin-top:20px}.lead-brief>p{margin:8px 0;line-height:1.6}
.lead-project{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:18px 0}.lead-project dt{font-size:12px;opacity:.7}.lead-project dd{margin:3px 0 0}
.lead-evidence{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.lead-evidence summary{cursor:pointer;font-weight:600}.lead-evidence blockquote{margin:14px 0;padding:4px 16px;border-left:3px solid #ffac02;white-space:pre-wrap}.lead-evidence blockquote p{margin:6px 0;line-height:1.6}.lead-evidence footer{font-size:12px;opacity:.7}
.lead-change{border-left:3px solid #ffac02;padding:8px 12px;background:#ffac0212}
@media(max-width:700px){.lead-card{padding:16px}.lead-card-grid{grid-template-columns:1fr;gap:22px}.lead-project{grid-template-columns:1fr}}
.overview-dashboard{margin:26px 0}.overview-toolbar,.overview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.overview-toolbar{margin-bottom:20px}.overview-toolbar h2{margin:0;font-size:21px}.overview-toolbar p{margin:6px 0}.overview-controls select{padding:11px 14px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit}.overview-controls [role=status]{flex-basis:100%;text-align:right;font-size:12px}
.overview-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.overview-chart-grid .panel{margin:0}.overview-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 25px}.overview-highlights>div{border-left:3px solid #ffac02;padding-left:13px}.overview-highlights span{font-size:13px;color:var(--muted);display:block}.overview-highlights strong{font-size:30px;display:block;margin-top:6px;font-weight:650}
.overview-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin-bottom:8px}.overview-legend span{display:inline-flex;align-items:center;gap:8px}.overview-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.overview-legend .gold,.overview-fill.gold{background:#ffac02}.overview-legend .white,.overview-fill.white{background:var(--ink)}.overview-fill.muted{background:var(--muted)}
.overview-activity{margin:0}.overview-activity svg{width:100%;height:auto;display:block;min-height:180px}.overview-gridline{stroke:var(--line);stroke-width:1}.overview-axis{fill:var(--muted);font-size:12px;font-family:inherit}.overview-column.gold{fill:#ffac02}.overview-column.white{fill:var(--ink);opacity:.75}.overview-column:hover{opacity:.6}.overview-data{margin-top:12px}.overview-data summary{cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.overview-bar-row{margin:18px 0}.overview-bar-label{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px;font-size:14px}.overview-bar-label strong{white-space:nowrap}.overview-track{height:9px;background:var(--line);border-radius:20px;overflow:hidden}.overview-fill{height:100%;border-radius:20px}.overview-feedback{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center}.overview-feedback svg{width:100%;max-width:180px}.overview-ring-base,.overview-ring-up,.overview-ring-down{fill:none;stroke-width:14}.overview-ring-base{stroke:var(--line)}.overview-ring-up{stroke:#ffac02}.overview-ring-down{stroke:var(--muted)}.overview-ring-number{fill:var(--ink);font-size:30px;font-weight:650;font-family:inherit}.overview-purchase-number{display:block;font-size:42px;font-weight:650;margin:18px 0;color:#ffac02}
@media(max-width:1100px){.overview-feedback{grid-template-columns:120px minmax(0,1fr);gap:14px}}@media(max-width:850px){.overview-chart-grid{grid-template-columns:1fr}.overview-highlights{gap:12px}.overview-highlights strong{font-size:25px}.overview-feedback{grid-template-columns:140px minmax(0,1fr)}}@media(max-width:500px){.overview-highlights{grid-template-columns:1fr;gap:14px}.overview-highlights>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.overview-highlights strong{margin:0}.overview-controls{width:100%}.overview-controls [role=status]{text-align:left}.overview-activity svg{min-height:0}.overview-feedback{grid-template-columns:110px minmax(0,1fr);gap:10px}.overview-chart-grid{gap:16px}}
.overview-results-first{margin-bottom:20px}.overview-rating-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 22px}.overview-rating-totals>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;padding:14px;border:1px solid var(--line);border-radius:10px}.overview-rating-icon{font-size:23px;grid-row:span 2}.overview-rating-totals strong{font-size:28px;line-height:1.1}.overview-rating-totals>div>span:last-child{font-size:12px;color:var(--muted)}.overview-lead-chart{margin:18px 0 0}.overview-lead-chart svg{width:100%;height:auto;display:block}.overview-lead-total{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.overview-lead-total strong{font-size:32px;color:#ffac02}.overview-lead-total span{font-size:13px;color:var(--muted)}
.catalog-admin-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}.catalog-admin-grid .product-card{display:flex;flex-direction:column;min-width:0}.catalog-admin-grid .product-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center;padding:6px;background:#f7f7f8}.catalog-admin-grid .product-content{display:flex;flex-direction:column;flex:1;min-width:0;padding:10px}.staff-ui .catalog-admin-grid .product-title{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.staff-ui .catalog-admin-grid .compact-info{font-size:12px;line-height:1.5}.staff-ui .catalog-admin-grid .product-button{font-size:12px;line-height:1.4;min-height:38px;margin-top:auto;padding:9px 5px}
@media(max-width:1190px){.catalog-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.catalog-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.catalog-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.access-actions{display:flex;flex-wrap:wrap;gap:8px}.access-actions .secondary-button,.access-actions .primary-button{white-space:nowrap}.staff-action-dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:26px}.staff-action-dialog::backdrop{background:#0009}.staff-action-dialog h2{font-size:21px;overflow-wrap:anywhere}.staff-action-dialog p{line-height:1.65;margin:18px 0 24px}.access-danger{color:var(--danger);border-color:var(--danger-line)}#staff-invite-form input[type=url]{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;margin:8px 0 16px}

/* Embedded chat is bounded by its frame, including a phone keyboard resize. */
.embedded-chat,.embedded-chat body{height:100%;overflow:hidden}.embedded-chat .app-shell{height:100%;min-height:0;grid-template-columns:minmax(0,1fr)}.embedded-chat .chat-main,.embedded-chat .chat-scroll{min-height:0}.embedded-chat .app-shell>.sidebar,.embedded-chat .brief-sidebar{display:none}.embedded-chat .desktop-label{display:none}.embedded-chat .mobile-brand{display:inline-flex;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1px}.embedded-chat .mobile-menu-button{display:inline-flex;flex-shrink:0}.chat-close{width:36px;height:36px;flex:0 0 36px;font-size:26px}.embedded-chat .topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:8px 12px;gap:4px 8px}.embedded-chat .topbar>div{min-width:0;gap:6px}.embedded-chat .topbar-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.embedded-chat .composer-area{min-height:0;max-height:55%;overflow-y:auto;margin:0 auto}.embedded-chat .navigation-dialog{height:100%;max-height:100%}.embedded-chat .navigation-dialog .sidebar{height:calc(100% - 57px);overflow-y:auto}
@media(max-width:500px){.embedded-chat .topbar>div:first-child{flex:1 1 100%;flex-wrap:wrap}.embedded-chat .topbar-actions{width:100%}.embedded-chat .chat-close{position:absolute;right:12px;top:11px}.embedded-chat .topbar>div:first-child{padding-right:38px}.embedded-chat .composer textarea{font-size:16px}.embedded-chat .welcome{padding-top:24px}.embedded-chat .welcome h1{font-size:32px}.embedded-chat dialog:not(.navigation-dialog){max-height:calc(100% - 16px);width:calc(100% - 16px);padding:18px}}
@media(max-height:450px){.embedded-chat .topbar{min-height:48px;padding:4px 10px}.embedded-chat .topbar>div:first-child{flex:0 1 auto;padding-right:0}.embedded-chat .topbar-actions{width:auto;padding-right:36px}.embedded-chat .chat-close{top:6px;right:8px}.embedded-chat .composer-area{padding:6px 10px;max-height:55%}.embedded-chat .composer{padding:8px}.embedded-chat .composer textarea{max-height:56px}.embedded-chat .composer-tools{margin-top:2px}.embedded-chat .composer-disclaimer{margin-top:4px}.embedded-chat .notice{padding:5px 12px}}

/* Compact staff controls leave the main navigation more room. */
.staff-ui .admin-sidebar .sidebar-bottom{padding-top:6px;border-top:1px solid var(--line)}
.staff-ui .admin-sidebar .rep-presence-control{grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:4px 6px;padding:4px 0 8px}.staff-ui .admin-sidebar .rep-presence-control label{font-size:12px;line-height:1.3}.staff-ui .admin-sidebar .rep-presence-control select{min-height:34px;padding:5px 9px;font-size:13px}.staff-ui .admin-sidebar .rep-presence-control p{grid-column:1/-1;font-size:11px;line-height:1.4}
.staff-ui .admin-sidebar .agent-sound-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;padding:8px 0;margin:0}.staff-ui .admin-sidebar #agent-sound-toggle{min-height:34px;padding:6px 8px;font-size:12px;line-height:1.4}.staff-ui .admin-sidebar #agent-sound-test{min-height:34px;margin:0;padding:4px;font-size:12px}.staff-ui .admin-sidebar .agent-sound-controls .compact-info{grid-column:1/-1;margin:0;font-size:11px;line-height:1.4}
.staff-ui .admin-sidebar .sidebar-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-ui .admin-sidebar .sidebar-account-actions .text-button{min-height:32px;padding:4px 0;font-size:12px;text-align:left}.staff-ui .admin-sidebar .sidebar-account-actions #logout{text-align:right}.staff-ui .admin-sidebar #preview-link{min-height:32px;padding:6px 0;font-size:12px;line-height:1.5}
.staff-ui .admin-sidebar .theme-menu-row{min-height:36px;margin-top:4px;padding:0 4px;gap:6px}.staff-ui .admin-sidebar .theme-menu-row .theme-label{font-size:12px}.staff-ui .admin-sidebar .theme-menu-row select{min-height:32px;padding:4px;font-size:12px}
@media(pointer:coarse){.staff-ui .admin-sidebar .rep-presence-control select,.staff-ui .admin-sidebar #agent-sound-toggle,.staff-ui .admin-sidebar #agent-sound-test,.staff-ui .admin-sidebar .sidebar-account-actions .text-button,.staff-ui .admin-sidebar #preview-link,.staff-ui .admin-sidebar .theme-menu-row select{min-height:44px}}

.staff-ui .admin-sidebar .staff-nav-group{margin:3px 0}.staff-ui .admin-sidebar .staff-nav-group>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:44px;padding:10px 9px;border-radius:7px;color:var(--muted);font-size:14px;line-height:1.5}.staff-nav-group>summary::-webkit-details-marker{display:none}.staff-ui .admin-sidebar .staff-nav-group>summary>span{width:18px;font-size:20px;line-height:15px}.staff-nav-group>summary::after{content:'›';margin-left:auto;font-size:20px;transition:transform .15s}.staff-nav-group[open]>summary::after{transform:rotate(90deg)}.staff-ui .admin-sidebar .staff-nav-group>summary:hover,.staff-ui .admin-sidebar .staff-nav-group:has(.nav-item.selected)>summary{background:var(--tint);color:var(--ink)}.staff-nav-group>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.staff-nav-children{margin:0 0 6px 17px;padding-left:8px;border-left:1px solid var(--line)}.staff-ui .admin-sidebar .staff-nav-children .nav-item{min-height:40px;padding:8px 9px;font-size:13px}
.staff-ui .admin-sidebar .staff-nav-children .nav-item>span{display:none}

/* Phone staff workspace: one-column content, reachable navigation and labelled records. */
.practice-test-setup{margin-top:14px}.practice-test-setup>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:14px;color:var(--muted)}
@media(max-width:760px){
 .staff-ui .mobile-menu-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;height:64px;padding:8px 12px;background:var(--side)}
 .staff-ui .mobile-menu-header .brand{font-size:25px;min-width:0}.staff-ui .mobile-menu-header .brand-mark{width:34px;height:34px;flex-basis:34px}.staff-ui .mobile-staff-test{font-size:12px;min-height:44px;padding:8px 10px;white-space:nowrap;color:var(--on-accent);background:#ffac02;border-color:#ffac02}
 .staff-ui .mobile-menu-header .mobile-menu-button{width:44px;height:44px}.staff-ui .admin-utility{display:none}.staff-ui .admin-content{padding:20px 14px max(24px,env(safe-area-inset-bottom));min-width:0}
 .staff-ui .admin-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.staff-ui .admin-header h1{font-size:25px;line-height:1.2;margin:0 0 8px;letter-spacing:-.7px;overflow-wrap:anywhere}.staff-ui .admin-header p{font-size:13px;line-height:1.5}.staff-ui .admin-header>label{width:100%;min-width:0}.staff-ui .admin-header select{width:100%;max-width:none;min-height:44px;font-size:16px}
 .staff-ui .panel{padding:16px;margin:14px 0;border-radius:12px;min-width:0}.staff-ui .panel h2{font-size:18px;line-height:1.35;margin-bottom:14px}.staff-ui .panel p{overflow-wrap:anywhere}
 .staff-ui .agent-sound-warning{flex-direction:row;align-items:center;gap:12px;padding:12px;margin:12px 0 18px}.staff-ui .agent-sound-warning>span{font-size:12px;line-height:1.5;flex:1;min-width:0}.staff-ui .agent-sound-warning button{min-height:44px;font-size:12px;padding:8px 10px;white-space:nowrap}.staff-ui .agent-message-alert{top:72px;font-size:14px;padding:12px}
 .staff-ui .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.staff-ui input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),.staff-ui select{min-height:44px}.staff-ui input,.staff-ui select,.staff-ui textarea{max-width:100%;font-size:16px}.staff-ui .admin-actions{gap:8px}.staff-ui .admin-actions>button,.staff-ui .admin-actions>a{flex:1 1 140px;min-height:44px;justify-content:center;text-align:center}.staff-ui .settings-actions{flex-wrap:wrap}.staff-ui .settings-actions>button{flex:1;min-height:44px}.staff-ui .staff-action-dialog{padding:20px}
 .staff-ui .overview-dashboard{margin:20px 0}.staff-ui .overview-toolbar{gap:10px;margin-bottom:14px}.staff-ui .overview-toolbar h2{font-size:20px}.staff-ui .overview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}.staff-ui .overview-controls select{font-size:16px;min-width:0}.staff-ui .overview-controls [role=status]{grid-column:1/-1;text-align:left}.staff-ui .overview-chart-grid{gap:14px}.staff-ui .overview-chart-grid .panel{margin:0}.staff-ui .overview-rating-totals{gap:8px;margin:14px 0}.staff-ui .overview-rating-totals>div{padding:10px;gap:4px 8px}.staff-ui .overview-rating-totals strong{font-size:25px}.staff-ui .overview-feedback{grid-template-columns:88px minmax(0,1fr);gap:12px}.staff-ui .overview-feedback .overview-bar-row{margin:10px 0}.staff-ui .overview-feedback .overview-bar-label{font-size:12px;gap:6px}.staff-ui .overview-feedback .compact-info{font-size:12px}.staff-ui .overview-highlights{gap:10px;margin:16px 0}.staff-ui .overview-legend{gap:12px;font-size:12px}.staff-ui .overview-data summary{min-height:44px;align-content:center}
 .staff-ui .audit-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-ui .audit-controls label{min-width:0}.staff-ui .audit-controls input,.staff-ui .audit-controls select{width:100%;min-width:0}.staff-ui .audit-controls button{min-height:44px;padding:8px;font-size:13px}
 .staff-ui .knowledge-filters,.staff-ui .knowledge-try-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.staff-ui .knowledge-filters>*{min-width:0;width:100%;max-width:none}.staff-ui .knowledge-drop{padding:18px 12px}.staff-ui .knowledge-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.staff-ui .knowledge-upload-actions>button{flex:1 1 130px;min-height:44px}.staff-ui .knowledge-topic input{min-width:0;width:100%}.staff-ui .knowledge-actions{flex-wrap:wrap}
 .staff-ui .practice-test-intro{padding:14px}.staff-ui .practice-test-intro h2{font-size:18px;margin-bottom:12px}.staff-ui .practice-test-intro>.compact-info{font-size:12px;line-height:1.5}.staff-ui .practice-test-setup>summary{font-size:13px;min-height:44px}.staff-ui .practice-test-setup .form-grid{margin:12px 0 0}.staff-ui .practice-customer-frame{height:calc(100svh - 96px);height:calc(100dvh - 96px);min-height:280px;max-height:780px;border-radius:12px;scroll-margin-top:76px}
 .staff-ui .practice-intro{gap:10px}.staff-ui .practice-intro p{font-size:14px;line-height:1.6;margin:10px 0}.staff-ui .practice-empty{padding:18px 4px}.staff-ui .practice-empty img{width:44px;height:44px}.staff-ui .practice-empty h3{font-size:18px;line-height:1.4}.staff-ui .practice-composer textarea{min-height:100px;max-height:40dvh}.staff-ui .teaching-composer-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.staff-ui .teaching-composer-tools .compact-info{font-size:12px;line-height:1.5}.staff-ui .teaching-composer-tools button{min-height:44px}.staff-ui .practice-message{padding:16px;border-radius:12px}.staff-ui .practice-thread{gap:14px;margin-bottom:16px}
 .staff-ui .navigation-dialog{width:min(360px,100vw);border-radius:0;max-height:100dvh}.staff-ui .navigation-heading{height:57px;padding:6px 12px 6px 20px}.staff-ui .navigation-dialog .admin-sidebar{display:block;height:calc(100dvh - 57px);overflow-y:auto;overscroll-behavior:contain;padding:12px 16px max(16px,env(safe-area-inset-bottom))}.staff-ui .navigation-dialog .sidebar-main{overflow:visible;min-height:0}.staff-ui .navigation-dialog .admin-brandbar,.staff-ui .navigation-dialog .sidebar-kicker{display:none}.staff-ui .navigation-dialog .nav-label{margin:4px 9px 10px}.staff-ui .navigation-dialog .sidebar-bottom{margin-top:14px}.staff-ui .navigation-dialog .nav-item,.staff-ui .navigation-dialog .staff-nav-children .nav-item,.staff-ui .navigation-dialog .staff-nav-group>summary{min-height:44px}.staff-ui .navigation-dialog .rep-presence-control select,.staff-ui .navigation-dialog #agent-sound-toggle,.staff-ui .navigation-dialog #agent-sound-test,.staff-ui .navigation-dialog .sidebar-account-actions .text-button,.staff-ui .navigation-dialog #preview-link,.staff-ui .navigation-dialog .theme-menu-row select{min-height:44px}
}
@media(max-width:600px){
 .staff-ui .staff-record-table,.staff-ui .staff-record-table tbody{display:block;width:100%}.staff-ui .staff-record-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.staff-ui .staff-record-table tbody{display:grid;gap:12px}.staff-ui .staff-record-table tbody tr{display:block;border:1px solid var(--line);border-radius:10px;padding:6px 12px;min-width:0}.staff-ui .staff-record-table td{display:block;max-width:none;width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 0;overflow-wrap:anywhere;font-size:14px}.staff-ui .staff-record-table td:last-child{border-bottom:0}.staff-ui .staff-record-table td::before{content:attr(data-label);display:block;font-size:11px;line-height:1.5;letter-spacing:.5px;color:var(--muted);margin-bottom:5px}.staff-ui .staff-record-table td[data-label='']::before{display:none}.staff-ui .staff-record-table .access-actions>*{flex:1;min-height:44px;text-align:center}.staff-ui .conversation-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.staff-ui .conversation-filters button{min-width:0;min-height:44px;padding:8px 4px;font-size:12px}.staff-ui .overview-rating-icon{font-size:20px}.staff-ui .catalog-admin-grid{gap:10px}.staff-ui .catalog-admin-grid .product-content{padding:9px}.staff-ui .catalog-admin-grid .product-button{min-height:44px}
}

@media(max-width:760px){.staff-ui .navigation-dialog .rep-presence-control{grid-template-columns:minmax(0,1fr) 120px}.staff-ui .navigation-dialog .rep-presence-control select,.staff-ui .navigation-dialog .theme-menu-row select{font-size:16px}}
@media(max-width:380px){.staff-ui .audit-controls{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.staff-ui .knowledge-document{flex-direction:column;align-items:stretch;gap:12px}.staff-ui .knowledge-document .secondary-button,.staff-ui .knowledge-pagination button{min-height:44px}.staff-ui .knowledge-document .secondary-button{align-self:flex-start}.staff-ui .admin-config code{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.staff-ui .login-wrap{padding:16px}.staff-ui .login-panel{padding:24px}.staff-ui .request-actions>button{min-height:44px}}

@media(max-width:760px){.staff-ui .practice-test-intro .admin-actions>*{flex:1 1 0;min-width:0;font-size:13px;padding:8px;text-align:center}.staff-ui .practice-test-intro>p[role=status]{font-size:12px;line-height:1.5}}

/* Recognizable staff navigation icons, independent of system symbol fonts. */
.staff-ui .staff-nav-icon{display:block;width:20px;height:20px;flex:0 0 20px;overflow:visible}
.staff-ui .admin-sidebar .staff-nav-children{margin-left:9px;padding-left:5px}
.staff-ui .admin-sidebar .staff-nav-children .nav-item{gap:7px;padding-left:6px;padding-right:6px}
.staff-ui .staff-nav-children .staff-nav-icon{width:17px;height:17px;flex-basis:17px}
.staff-ui .staff-nav-group>summary::after{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;line-height:1}

/* Mobile storefront typography. A narrow desktop chat frame keeps desktop type. */
html.mobile-chat{font-size:17px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mobile-chat body{font-size:17px}
.mobile-chat .message-body,.mobile-chat .composer textarea{font-size:18px;line-height:1.6}
.mobile-chat .messages{padding:18px 14px 0}
.mobile-chat .message{margin-bottom:24px}
.mobile-chat .message:not(.user){display:block;position:relative}
.mobile-chat .message:not(.user)>.avatar{position:absolute;top:0;left:0;width:28px;height:28px}
.mobile-chat .message:not(.user) .message-label{min-height:28px;display:flex;align-items:center;padding-left:36px;margin-bottom:8px}
.mobile-chat .message.user .message-body{max-width:92%;padding:12px 14px}
.mobile-chat .welcome{padding:20px 16px 16px}
.mobile-chat .welcome h1{font-size:30px;line-height:1.18;letter-spacing:-1px;margin:16px 0}
.mobile-chat .welcome-copy{font-size:17px;line-height:1.55}
.mobile-chat .welcome-eyebrow{font-size:11px;letter-spacing:1px}
.mobile-chat .starter-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px}
.mobile-chat .starter{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:4px 10px;min-height:76px;padding:12px 14px;text-align:left}
.mobile-chat .starter .starter-icon{grid-column:1;grid-row:1/3;align-self:center;font-size:24px;margin:0}
.mobile-chat .starter strong{grid-column:2;grid-row:1;font-size:16px;line-height:1.4;margin:0}
.mobile-chat .starter>span:not(.starter-icon){grid-column:2;grid-row:2;font-size:14px;line-height:1.4}
.mobile-chat .starter>b{position:static;grid-column:3;grid-row:1/3;align-self:center}
.mobile-chat .product-card{flex:0 0 86%;min-width:0;max-width:320px}
.mobile-chat .product-image{height:180px;padding:8px}
.mobile-chat .product-title{font-size:18px;line-height:1.4}
.mobile-chat .product-price{font-size:20px}
.mobile-chat .product-reason,.mobile-chat .notice,.mobile-chat .contact-offer,.mobile-chat .muted{font-size:16px;line-height:1.5}
.mobile-chat .product-button,.mobile-chat .primary-button,.mobile-chat .secondary-button{font-size:16px;line-height:1.4;min-height:44px}
.mobile-chat .browse-all-button{min-height:48px}
.mobile-chat .message-label,.mobile-chat .product-price-label,.mobile-chat .product-stock,.mobile-chat .upload-hint{font-size:13px;line-height:1.5}
.mobile-chat .composer-disclaimer,.mobile-chat .welcome-foot,.mobile-chat .support-privacy-note{font-size:12px;line-height:1.5}
.mobile-chat .feedback-label,.mobile-chat .checkbox{font-size:14px;line-height:1.5}
.mobile-chat .composer-area{padding:8px 12px max(10px,env(safe-area-inset-bottom));max-height:50%}
.mobile-chat .composer{padding:12px;border-radius:16px}
.mobile-chat .composer-tools{gap:8px;margin-top:8px}
.mobile-chat .composer-tools>div{min-width:0;gap:6px}
.mobile-chat .upload-hint{display:inline;min-width:0;max-width:150px}
.mobile-chat .icon-button,.mobile-chat .send-button{min-width:44px;min-height:44px;flex-shrink:0}
.mobile-chat .text-button{font-size:15px;line-height:1.4;min-height:44px}
.mobile-chat .status-pill{font-size:12px;line-height:1.4;white-space:normal}
.mobile-chat .topbar-actions{flex-wrap:wrap;gap:8px}
.mobile-chat .chat-close{top:8px;right:8px}
.mobile-chat .topbar>div:first-child{padding-right:44px}
.mobile-chat .nav-item,.mobile-chat .new-chat,.mobile-chat .theme-menu-row select,.mobile-chat .staff-link{font-size:16px;min-height:44px}
.mobile-chat dialog:not(.navigation-dialog){width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px}
.mobile-chat dialog p,.mobile-chat #order-result{font-size:16px;line-height:1.5}
.mobile-chat .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.mobile-chat .form-grid label,.mobile-chat .field{font-size:16px;line-height:1.5}
.mobile-chat .form-grid input,.mobile-chat .form-grid textarea,.mobile-chat .form-grid select{font-size:17px;min-height:48px}
.mobile-chat .optional,.mobile-chat .order-timeline span{font-size:14px}
.mobile-chat .fallback-panel{margin:12px;padding:16px}
.mobile-chat .fallback-panel h2{font-size:21px;line-height:1.3}

.inbox-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:22px 0 0}
.inbox-search label{display:grid;gap:7px;font-size:13px;flex:1 1 260px;color:var(--muted)}
.inbox-search .search-input{min-height:44px;font-size:16px}
.inbox-search button,.inbox-pagination button{min-height:44px}
.inbox-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.inbox-scopes{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.needs-reply-badge{background:var(--warning-bg);color:var(--warning);margin-left:6px;border:1px solid var(--warning)}
.chat-connection-status{background:var(--warning-bg);color:var(--warning);border-bottom-color:var(--warning)}
/* Dark customer chat uses distinct layers so actions and the composer stand out. */
:root[data-theme="dark"] .chat-main {
  --paper: #28282e;
  --line: #50505b;
  --muted: #c1c1cb;
  --bubble: #383842;
  --hover: #35353f;
  --tint: #303038;
  background: #18181c;
}
:root[data-theme="dark"] .chat-main .topbar { background: #242429; }
:root[data-theme="dark"] .chat-main .composer-area {
  background: #202025;
  border-top: 1px solid var(--line);
  box-shadow: 0 -8px 24px #00000026;
}
:root[data-theme="dark"] .chat-main .composer {
  background: #303038;
  border-color: #696975;
  box-shadow: 0 2px 12px #00000026;
}
:root[data-theme="dark"] .chat-main .composer:focus-within { border-color: var(--focus); }

/* Full-screen mobile chat keeps interactive content inside phone safe areas. */
.mobile-chat.embedded-chat .topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.mobile-chat.embedded-chat .chat-close{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}
.mobile-chat.embedded-chat .composer-area{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}
.mobile-chat.embedded-chat .messages{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}

/* Keep ownership separate from the message transcript and preserve readable drafts. */
.ownership-notice{padding:14px;border:1px solid var(--lime);border-radius:10px;margin:14px 0;background:var(--tint)}
.ownership-notice p{margin-top:0}
.ownership-confirmation{margin-top:12px}
.staff-reply textarea[readonly]{border-style:dashed;cursor:default}
.ownership-history{padding-left:20px;margin:0}
.ownership-history li{padding:6px 0}

/* A persistent, nonmodal invitation to pick up a human chat, independent of audio. */
.staff-ui .human-request-popup{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:56;width:min(680px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:16px;padding:26px;background:var(--paper);color:var(--ink);border:2px solid #ffac02;border-top-width:5px;border-radius:20px;box-shadow:0 16px 64px #0006,0 0 0 5px #ffac021a;animation:human-request-arrive .22s ease-out}
.staff-ui .human-request-popup[hidden]{display:none}
.human-request-popup .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.human-request-mascot{width:56px;height:56px;object-fit:contain;align-self:center}
.human-request-heading{min-width:0;align-self:center}
.human-request-eyebrow{margin:0 0 6px;color:var(--accent-text);font-size:12px;font-weight:700;letter-spacing:1.5px}
.staff-ui .human-request-heading h2{margin:0;font-size:27px;font-weight:700;line-height:1.2;letter-spacing:-.5px}
.human-request-close{align-self:start;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:28px;line-height:1;cursor:pointer}
.human-request-body{grid-column:2/-1;min-width:0}
.human-request-site{margin:0 0 6px;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.human-request-detail{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.human-request-actions{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.human-request-count{font-size:14px;font-weight:600;color:var(--muted)}
.staff-ui .human-request-open{min-height:50px;padding:12px 24px;font-size:16px;font-weight:700;background:#ffac02;color:#171719;border:1px solid #ffac02;cursor:pointer}
.human-request-open:disabled{opacity:.6;cursor:wait}
.human-request-close:focus-visible,.human-request-open:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@keyframes human-request-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.staff-ui .human-request-popup{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 32px);padding:18px;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;border-radius:16px}.human-request-mascot{width:44px;height:44px}.staff-ui .human-request-heading h2{font-size:22px}.human-request-eyebrow{font-size:11px;letter-spacing:1px}.human-request-body,.human-request-actions{grid-column:1/-1}.staff-ui .human-request-open{flex:1;min-width:160px}}
@media(prefers-reduced-motion:reduce){.staff-ui .human-request-popup{animation:none}}

/* Away reps see a silent, compact request notice rather than the large live alert. */
.staff-ui .human-request-popup[data-compact="true"]{width:min(380px,calc(100vw - 48px));padding:16px;grid-template-columns:32px minmax(0,1fr) 36px;gap:10px;border-width:1px;border-top-width:3px;border-radius:14px;box-shadow:0 8px 28px #0004;animation:none}
.human-request-popup[data-compact="true"] .human-request-mascot{width:32px;height:32px}
.staff-ui .human-request-popup[data-compact="true"] h2{font-size:18px;letter-spacing:-.2px}
.human-request-popup[data-compact="true"] .human-request-eyebrow{font-size:10px;margin-bottom:4px;letter-spacing:1px}
.human-request-popup[data-compact="true"] .human-request-close{min-width:36px;min-height:36px;font-size:24px}
.human-request-popup[data-compact="true"] .human-request-body,.human-request-popup[data-compact="true"] .human-request-actions{grid-column:1/-1}
.human-request-popup[data-compact="true"] .human-request-site{font-size:14px;margin-bottom:4px}
.human-request-popup[data-compact="true"] .human-request-detail,.human-request-popup[data-compact="true"] .human-request-count{font-size:13px;line-height:1.4}
.staff-ui .human-request-popup[data-compact="true"] .human-request-open{min-height:44px;padding:9px 14px;font-size:14px;flex:0 1 auto;min-width:0}
@media(max-width:600px){.staff-ui .human-request-popup[data-compact="true"]{left:auto;width:min(380px,calc(100vw - 24px));padding:14px}}