/* Reputation & Reviews design system: one file. Spacing 4/8/12/16/24/32, type 13/14/16/20/24, neutral palette + one accent. */
:root{--bg:#f6f7f9;--surface:#fff;--line:#e4e7ec;--text:#101828;--muted:#344054;--accent:#4f46e5;--accent-weak:#eef2ff;--accent-ink:#3730a3;
--ok:#ecfdf3;--ok-ink:#067647;--warn:#fffaeb;--warn-ink:#93370d;--bad:#fef3f2;--bad-ink:#b42318;--star:#f5a524;
--r:12px;--r-sm:8px;--sh:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--sh-lg:0 12px 32px rgba(16,24,40,.18);
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--side:232px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent-ink)}a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
/* layout: bottom tabs on mobile, sidebar on desktop */
.main{max-width:860px;margin:0 auto;padding:var(--s4) var(--s4) 96px}
.side{display:none}
nav.tabs{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
nav.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;min-height:56px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}
nav.tabs a[aria-current=page]{color:var(--accent)}nav .ico{font-size:20px;line-height:1}
@media(min-width:900px){
 .side{display:flex;flex-direction:column;gap:var(--s1);position:fixed;top:0;bottom:0;left:0;width:var(--side);padding:var(--s5) var(--s3);background:var(--surface);border-right:1px solid var(--line)}
 .side .brand{font-weight:800;font-size:16px;padding:0 var(--s3) var(--s5)}.side .brand small{display:block;font-weight:500;color:var(--muted);font-size:13px}
 .side a{display:flex;gap:var(--s3);align-items:center;padding:10px var(--s3);border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-weight:600;font-size:15px}
 .side a:hover{background:var(--bg)}.side a[aria-current=page]{background:var(--accent-weak);color:var(--accent-ink)}
 nav.tabs{display:none}.main{margin-left:var(--side);margin-right:auto;padding:var(--s6) var(--s6) 120px;max-width:calc(860px + var(--side))}
 .shell .main{margin-left:calc(var(--side) + max(0px,(100vw - var(--side) - 860px)/2 - var(--s6)))}}
.top{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}
.shop{font-weight:700;font-size:14px;color:var(--muted)}.tag{font-size:13px;background:var(--warn);color:var(--warn-ink);padding:2px 6px;border-radius:4px;font-weight:700}
.banner{font-size:13px;color:var(--muted);text-align:center;padding:6px;background:var(--surface);border-bottom:1px solid var(--line)}
h1{font-size:24px;line-height:1.25;margin:var(--s2) 0 var(--s4);letter-spacing:-.01em}h2{font-size:20px;margin:var(--s5) 0 var(--s3)}h3{font-size:16px;margin:var(--s5) 0 var(--s2)}
/* cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);margin:var(--s3) 0;box-shadow:var(--sh)}
.card>b:first-child,.card>.title{font-size:16px}
.grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid .card{margin:0}
.hint{color:var(--muted);font-size:14px;font-weight:400;margin:var(--s1) 0 var(--s2)}
.row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
/* forms */
label{display:block;font-weight:600;font-size:14px;margin-top:var(--s2)}
input,textarea,select{width:100%;padding:10px 12px;margin:var(--s1) 0 var(--s3);font:inherit;border:1px solid #d0d5dd;border-radius:var(--r-sm);background:#fff;color:var(--text)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.chk{display:flex;align-items:center;gap:10px;font-weight:400;min-height:44px}.chk input{width:20px;height:20px;margin:0;accent-color:var(--accent)}
.moods{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.moods label{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;font-weight:400;display:flex;gap:8px;align-items:center;min-height:48px;background:#fff}.moods input{width:20px;margin:0}
/* buttons */
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;margin:var(--s1) var(--s1) var(--s1) 0;border:1px solid transparent;border-radius:var(--r-sm);
 background:var(--accent);color:#fff;font-family:inherit;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
button:hover,.btn:hover{background:var(--accent-ink);color:#fff}
.btn2{background:#fff;color:var(--text);border-color:#d0d5dd}.btn2:hover{background:var(--bg);color:var(--text)}
.danger{background:var(--bad-ink)}.big{width:100%;font-size:17px;padding:14px}button[disabled]{opacity:.55;cursor:not-allowed}
button[aria-busy=true]{opacity:.7;cursor:progress}
/* status pills + platform badges + stars */
.pill{display:inline-block;font-size:13px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--bg);color:var(--muted)}
.ok{background:var(--ok)}.pill.ok{color:var(--ok-ink)}.warn{background:var(--warn)}.pill.warn{color:var(--warn-ink)}.bad{background:var(--bad)}.pill.bad{color:var(--bad-ink)}
.done{background:var(--accent-weak)}.pill.done{color:var(--accent-ink)}.muted{background:var(--bg);color:var(--muted)}
.card.ok,.card.bad,.card.warn{box-shadow:none}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text)}
.badge i{width:8px;height:8px;border-radius:50%;display:inline-block}.b-google i{background:#4285f4}.b-yelp i{background:#d32323}.b-facebook i{background:#1877f2}.b-trustpilot i{background:#00b67a}.b-email i,.b-other i{background:#98a2b3}
.stars{letter-spacing:1px;font-size:15px;white-space:nowrap}.stars .on{color:var(--star)}.stars .off{color:#6b7280}
.rv{display:flex;flex-direction:column;gap:var(--s1)}.rv .meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;font-size:13px;color:var(--muted)}
.list{list-style:none;margin:0;padding:0}.list li{padding:var(--s3) 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}
pre{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);padding:var(--s3);border-radius:var(--r-sm);font:inherit;font-size:15px;margin:var(--s2) 0}
details summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.bar{height:8px;background:var(--line);border-radius:4px;margin:6px 0 4px}.bar div{height:8px;background:var(--accent);border-radius:4px}
.empty{text-align:center;padding:var(--s6) var(--s4)}.empty .big-ico{font-size:32px}
code{background:var(--bg);padding:1px 4px;border-radius:4px}
/* chat widget */
.cw-bubble{position:fixed;right:16px;bottom:72px;z-index:40;width:56px;height:56px;border-radius:50%;padding:0;margin:0;box-shadow:var(--sh-lg);font-size:24px}
@media(min-width:900px){.cw-bubble{bottom:24px;right:24px}}
.cw-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#f04438;border:2px solid #fff}
.cw-panel{position:fixed;inset:0;z-index:50;background:var(--surface);display:flex;flex-direction:column}
.cw-panel[hidden]{display:none}
@media(min-width:640px){.cw-panel{inset:auto 24px 92px auto;width:400px;height:min(620px,calc(100vh - 120px));border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh-lg);animation:cwup .18s ease-out}}
@keyframes cwup{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.cw-head{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}
.cw-head b{font-size:16px}.cw-head small{display:block;color:var(--muted);font-size:13px}
.cw-close{background:transparent;color:var(--text);font-size:22px;min-height:40px;padding:4px 10px;margin:0}.cw-close:hover{background:var(--bg);color:var(--text)}
.cw-log{flex:1;overflow-y:auto;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}
.cw-msg{flex-shrink:0;overflow-wrap:anywhere;max-width:85%;padding:10px 12px;border-radius:14px;white-space:pre-wrap;font-size:15px;word-wrap:break-word}
.cw-me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.cw-me a{color:#fff}
.cw-bot{align-self:flex-start;background:var(--bg);border-bottom-left-radius:4px}
.cw-status{align-self:flex-start;font-size:13px;color:var(--ok-ink);background:var(--ok);padding:3px 8px;border-radius:999px}
.cw-note{background:var(--accent-weak);color:var(--accent-ink);border-radius:var(--r-sm);padding:10px 12px;font-size:14px}
.cw-ctx{font-size:13px;color:var(--muted);padding:6px var(--s4) 0}
.cw-form{display:flex;gap:var(--s2);padding:var(--s3);border-top:1px solid var(--line);align-items:flex-end}
.cw-form textarea{margin:0;resize:none;min-height:44px;max-height:120px}.cw-form button{margin:0}
.cw-typing{align-self:flex-start;color:var(--muted);font-size:13px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
a.pill{text-decoration:none}.pill.on{background:var(--accent-weak);color:var(--accent-ink)}#trend svg{margin:6px 0}
.crumb{margin:4px 0 -4px;font-size:.9em}.crumb a{text-decoration:none}
.rvmore summary{font-weight:400;display:block;min-height:0;list-style:none}.rvmore summary::-webkit-details-marker{display:none}.rvmore summary .hint{text-decoration:underline;white-space:nowrap}.rvmore[open] summary{display:none}
.rtna{color:#8a8d96;font-style:italic;font-weight:400;font-size:.85em}
/* v0.2.34 iPad/phone: no zoom on focus, keyboard-safe height, big tap targets */
.cw-form textarea{font-size:16px}
.cw-form button,.cw-close{min-height:44px;min-width:44px}
.cw-panel{padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:640px){.cw-panel{height:min(620px,calc(100dvh - 120px))}}
@media(min-width:640px) and (max-width:1100px) and (pointer:coarse){.cw-panel{width:min(440px,calc(100vw - 48px))}}
/* v0.2.34 Settings landing */
.set-search{display:block;margin:0 0 12px}.set-search input{font-size:16px;width:100%}
.set-sec h2{font-size:1.05rem;margin:0 0 4px}.set-sec h2 a{color:inherit;text-decoration:none}
.set-sec ul{list-style:none;padding:0;margin:8px 0 0}.set-item{padding:8px 0;border-top:1px solid var(--line)}
.set-item a{display:block;min-height:28px;font-weight:600}.set-item small{display:block;color:var(--muted,#666)}
.set-adv summary{cursor:pointer;padding:8px 0;min-height:44px;display:flex;align-items:center}
@media(min-width:700px){.set-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.set-grid{grid-template-columns:repeat(3,1fr)}}
/* v0.2.77 QA fixes */
pre,.card,.cw-msg{overflow-wrap:anywhere;word-break:break-word}pre{max-width:100%;overflow-x:hidden}
.errbox{border:2px solid #e5484d;background:#fff1f1;color:#a3141a;font-size:16px}
.cw-progress{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:14px}
.cw-progress .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.cw-progress .bar i{display:block;height:100%;width:0;background:#f5a623;transition:width 1s linear}
.cw-err{padding:10px 12px;border-radius:12px;border:2px solid #e5484d;background:#fff1f1;color:#a3141a;font-size:14px}.cw-err button{margin:6px 0 0}
.cw-form button[disabled],.cw-form textarea[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:639px){.main{padding-bottom:150px}.cw-bubble{width:48px;height:48px;font-size:20px;right:10px;bottom:76px;opacity:.92}
 .locsw{gap:4px;margin-left:0}.locsw select{min-height:34px;max-width:140px;font-size:14px;padding:4px 6px}.locsw .locall{font-size:13px}
 .top{flex-wrap:wrap;gap:6px}.top .shop{font-size:15px}}
/* v0.2.78 iPad / tablet pass */
.a2hs{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:4px 4px 4px 12px;min-height:34px;background:var(--accent-weak);color:var(--accent-ink);border:1px solid #c7d2fe;border-radius:var(--r-sm);font-size:13px;line-height:1.3}
.a2hs .a2t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a2hs svg{vertical-align:-2px}
.a2hs .a2x{flex:none;margin:0;min-height:28px;min-width:28px;width:28px;height:28px;padding:0;background:none;color:var(--accent-ink);font-size:18px;line-height:1;border-radius:6px}.a2hs .a2x:hover{background:#0000000d;color:var(--accent-ink)}
.banner{padding:calc(6px + env(safe-area-inset-top)) 12px 6px;line-height:1.35;position:relative;z-index:1}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 var(--s4)}.top h1{margin:0;min-width:0}
.topr{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}.topr .shop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}
.locsw select{width:auto}
.side .lbl{white-space:nowrap}
@media(min-width:768px){
 .side{display:flex;flex-direction:column;gap:var(--s1);position:fixed;top:0;bottom:0;left:0;width:var(--side);padding:var(--s5) var(--s3);background:var(--surface);border-right:1px solid var(--line);z-index:15}
 .side .brand{font-weight:800;font-size:16px;padding:0 var(--s3) var(--s5)}.side .brand small{display:block;font-weight:500;color:var(--muted);font-size:13px}
 .side a{display:flex;gap:var(--s3);align-items:center;padding:10px var(--s3);border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-weight:600;font-size:15px}
 .side a:hover{background:var(--bg)}.side a[aria-current=page]{background:var(--accent-weak);color:var(--accent-ink)}
 nav.tabs{display:none}.shell .banner{margin-left:var(--side)}
 .shell .main{margin-left:var(--side);margin-right:0;max-width:none;padding:var(--s5) var(--s5) 110px}
 .cw-bubble{bottom:20px;right:20px;width:52px;height:52px}}
@media(min-width:768px) and (max-width:1179px){
 :root{--side:84px}
 .side{padding:var(--s4) 6px;align-items:stretch}.side .brand{font-size:0;padding:0 0 var(--s3);text-align:center}.side .brand:before{content:'★';font-size:24px;color:var(--star)}.side .brand small{display:none}
 .side a{flex-direction:column;gap:2px;padding:8px 2px;font-size:13px;text-align:center;justify-content:center}.side a .ico{font-size:20px}
 .shell .main{padding:var(--s4) var(--s5) 110px}}
@media(min-width:1180px){.topr .shop:not(.has-sw){display:none}.shell .main{max-width:calc(1000px + var(--side));padding:var(--s6) var(--s6) 120px}
 .shell .main{margin-left:calc(var(--side) + max(0px,(100vw - var(--side) - 1000px)/2 - var(--s6)))}}
@media(max-width:767px){.top h1{font-size:21px}}
/* v0.2.80: mobile safe zone so the chat bubble never covers text at the right edge */
@media(max-width:639px){.main{padding-right:calc(60px + env(safe-area-inset-right,0px))!important}.cw-bubble{right:calc(8px + env(safe-area-inset-right,0px))}}
/* v0.2.80 plain analytics cards */
.rthead{font-size:22px;font-weight:700;line-height:1.25;margin:6px 0}
.rtprog{margin-top:10px}.rtprog .bar,.cw-progress .bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.rtprog .bar i{display:block;height:100%;background:#2f9e44}
.rtdet,.vdet{margin-top:10px}.rtdet summary{cursor:pointer;color:var(--muted)}
.vdet>summary{display:inline-flex;list-style:none;cursor:pointer;margin:10px 8px 0 0}.vdet>summary::-webkit-details-marker{display:none}
.vrow{display:flex;gap:16px;align-items:center;margin-top:8px}
.vring{--v:0;--c:#999;width:84px;height:84px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--line) 0)}
.vring span{width:64px;height:64px;border-radius:50%;background:var(--card,#fff);display:grid;place-items:center;font-size:22px;font-weight:700}
.btnsm{padding:4px 10px;font-size:13px;min-height:0}
.vacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pill{font-weight:600}.pill.bad{background:#fdf0ef;color:#a3271f;border:1px solid #f3c4c0}
main{padding-bottom:max(140px,calc(72px + 56px + 24px))}.card{scroll-margin-bottom:150px}@media(max-height:560px),(max-width:640px){.cw-bubble{width:44px;height:44px;font-size:18px;right:8px}}@media(max-height:560px){.cw-bubble{bottom:64px;opacity:.92}}

a.btn,a.btn:hover{text-decoration:none!important}.btnstack{display:flex;flex-direction:column;gap:8px;margin:8px 0}.btnstack .btn{justify-content:flex-start;text-align:left}
.hint,.glh,footer,small{color:#344054}

input[type=radio],input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:0;padding:0;flex:none;accent-color:var(--accent);vertical-align:middle}
label:has(> input[type=radio]),label:has(> input[type=checkbox]){display:flex;align-items:center;gap:10px;font-weight:400;min-height:44px;margin-top:0}
.opt{display:flex;align-items:center;gap:10px;min-height:44px}.opt label{margin:0;font-weight:400;display:inline}
.hint,.glh,footer,small,.muted,.cw-meta{color:#1d2939!important}
details.more>summary{list-style:none;display:inline-flex;cursor:pointer}details.more>summary::-webkit-details-marker{display:none}
.cw-long{max-height:7.5em;overflow:hidden;position:relative}.cw-long.open{max-height:none}.cw-more{background:none;border:0;color:inherit;text-decoration:underline;font:inherit;font-size:13px;padding:4px 0;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pbcap{font-size:1rem;color:#1d2939;line-height:1.4;margin-top:2px}.pbstep .hint{font-size:1rem;color:#1d2939}
/* v0.2.85: chat at high zoom (250%+) — bubble never covers content, panel fits the screen */
main,.wrap{padding-bottom:84px}
@media (max-width:640px),(max-height:520px){.cw-bubble{width:44px;height:44px;font-size:18px;right:8px;bottom:8px}
.cw-panel{inset:0!important;width:100vw!important;height:100dvh!important;max-height:none;border-radius:0}
.cw-msg{max-width:100%}.cw-panel form,.cw-panel textarea,.cw-panel input{max-width:100%;min-width:0}}

/* v0.2.86: open chat never covers the page's Save area: content shifts left of the panel */
@media(min-width:900px){body.cw-open main,body.cw-open .wrap{margin-right:440px;transition:margin .18s}}
@media(min-width:640px) and (max-width:899.98px){body.cw-open main,body.cw-open .wrap{padding-bottom:calc(100vh - 80px)}}
/* v0.2.89: review-row actions look clickable; darker secondary text */
.rv .hint,.rv .meta{color:#1d2939}
.rv .cdrawer>summary{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--accent-weak);color:var(--accent-ink);font-weight:600;cursor:pointer;list-style:none}
.rv .cdrawer>summary::-webkit-details-marker{display:none}
.rv .btn2,.rv a.btn.btn2{border:1px solid #c7cbe0;background:#fff;color:var(--accent-ink);font-weight:600;cursor:pointer}
.rv .btn2:hover,.rv .cdrawer>summary:hover{background:var(--accent-weak);text-decoration:underline}
.setnav .btn{min-width:96px;text-align:center}
.cw-qtag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#fff;color:#344054!important;font-size:12px;font-weight:600}.cw-queued{opacity:.85}

/* v0.2.101 */
small.rel{color:var(--muted,#666);font-size:.85em;margin-left:.15em;white-space:nowrap}
small.secondary{color:var(--muted,#666);font-size:.85em}
.themes-head{margin:.3em 0 .4em}
/* v0.2.121: keep the coworker bubble above the mobile bottom nav (iPhone safe area) */
:root{--navh:57px}
@media(max-width:899.98px){.cw-bubble{bottom:calc(var(--navh) + 12px + env(safe-area-inset-bottom,0px))!important}main,.main,.wrap{padding-bottom:calc(var(--navh) + 80px + env(safe-area-inset-bottom,0px))!important}}

/* v0.2.123 call button: phones only, stacked above the chat bubble (bubble is at nav+12px, ~56px tall) */
.call-fab{display:none}
@media(max-width:899.98px){.call-fab{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;z-index:30;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.18);font-size:22px;text-decoration:none;bottom:calc(var(--navh) + 12px + 68px + env(safe-area-inset-bottom,0px))}}
@media(max-width:640px){.call-fab{right:calc(6px + env(safe-area-inset-right,0px));width:44px;height:44px;font-size:20px}}
/* v0.2.140: phone floating buttons never cover content: one compact column at the edge, and content gets room below */
@media(max-width:899.98px){.cw-bubble{width:44px!important;height:44px!important;right:8px!important;font-size:18px!important}.call-fab{width:44px;height:44px;right:8px;bottom:calc(var(--navh) + 12px + 52px + env(safe-area-inset-bottom,0px))}
main,.main,.wrap{padding-bottom:calc(var(--navh) + 132px + env(safe-area-inset-bottom,0px))!important}main .card,main form.card{margin-right:44px}}
@media(max-width:899.98px){main .card .card{margin-right:0}}

/* v0.2.141 Shop clipboard (A2): warm paper, navy text, one green accent. No glass, blur or neon. */
:root{--bg:#FAF8F4;--surface:#fff;--line:#E4DED3;--text:#1C2B4A;--muted:#4A5568;--accent:#1F6B45;--accent-weak:#E3F1E8;--accent-ink:#17583A;
--ok:#E3F1E8;--ok-ink:#17583A;--warn:#FBEFD6;--warn-ink:#7A4B00;--bad:#FBE3E0;--bad-ink:#9A2416;--star:#9A5B00;--r:12px;--sh:none;--sh-lg:0 8px 24px rgba(28,43,74,.12)}
body{background:var(--bg);color:var(--text);font-size:17px;line-height:1.45}
@media(min-width:900px){body{font-size:16px}}
.hint,small{font-size:max(13px,.88em)}.hint{color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none}
h1{font-size:28px;font-weight:600}h2{font-size:22px;font-weight:600}
.btn,button{min-height:44px;border-radius:12px;font-weight:600}
.btn{background:var(--accent);border:2px solid var(--accent);color:#fff}.btn:hover{background:#164E33;border-color:#164E33;color:#fff}
.btn2,.btn.btn2,button.btn2,button.secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}.btn2:hover{background:var(--accent-weak)}
.today .btn.big{display:flex;justify-content:center;align-items:center;height:48px;width:100%;margin-top:8px;font-size:17px;text-decoration:none}
.tiles2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.tiles2 .tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;margin:0}
.tnum{font-size:40px;font-weight:700;line-height:1.1}.tnum.red{color:#B42318}
.rating{text-align:center}.seg{display:inline-flex;background:#EEE9DF;border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap;justify-content:center}
.segb{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 14px;font-size:15px;font-weight:600;border-radius:8px;color:var(--text);text-decoration:none}
.segb.on{background:#fff;box-shadow:0 0 0 1px #D8D0C2}
.chip{display:inline-flex;gap:4px;align-items:center;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}
.chip.g{background:#E3F1E8;color:#17583A}.chip.a{background:#FBEFD6;color:#7A4B00}.chip.r{background:#FBE3E0;color:#9A2416}.chip.n{background:#EEF0F4;color:#1C2B4A}
.list0{padding:0}.li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;min-height:56px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:17px}.li:last-child{border:0}
.nbadge{display:inline-block;background:#B42318;color:#fff;font-size:13px;font-weight:700;border-radius:999px;min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 6px}
nav.tabs{height:auto;min-height:72px;background:#fff;border-top:1px solid var(--line)}nav.tabs a{position:relative;color:var(--muted);font-size:13px}
nav.tabs a[aria-current=page]{color:var(--accent);font-weight:700}nav.tabs .nbadge{position:absolute;top:4px;left:calc(50% + 6px)}
.side{background:#fff;border-right:1px solid var(--line)}.side a{justify-content:flex-start;font-weight:500}.side a .nbadge{margin-left:auto}
.side a[aria-current=page]{background:var(--accent-weak);color:var(--accent-ink);font-weight:700}.side .brand{font-weight:700}
.banner{background:#fff;color:var(--muted)}
.stars,.st{color:var(--star)}
.kbd{display:inline-block;border:1px solid #C9C1B3;border-bottom-width:2px;border-radius:6px;padding:0 6px;font-size:13px;font-weight:700;margin-left:6px;color:var(--text);background:#fff}
@media(max-width:899px){.kbd{display:none}}
@media(min-width:1000px){.homegrid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.homegrid>div>.card{margin-top:0}}
/* v0.2.142 */
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #E4DED3;border-radius:22px;color:#1C2B4A;text-decoration:none;font-size:15px;background:#fff}
.chip.on{background:#1F6B45;border-color:#1F6B45;color:#fff}
.kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid #C9C1B3;border-bottom-width:2px;border-radius:5px;font:600 13px Inter,system-ui,sans-serif;text-align:center;background:#fff;color:#1C2B4A}
.kfocus{outline:3px solid #1F6B45;outline-offset:2px}
.msgprev{border-left:4px solid #1F6B45;background:#fff;padding:10px 14px;margin:10px 0;border-radius:8px}
@media (max-width:899px){.desk-only{display:none}}
/* v0.2.144 sticky approve bar (phones) */
.abar{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;display:flex;gap:8px;align-items:center;padding:10px 14px;background:#fff;border-top:1px solid #E4DED3;box-shadow:0 -2px 8px rgba(28,43,74,.08)}
.abar[hidden]{display:none}.abar #abar-n{flex:1;font-size:15px;color:#1C2B4A}.abar .btn{min-height:44px;margin:0}
body.has-abar main{padding-bottom:140px}
@media (min-width:900px){.phone-only{display:none!important}}
/* v0.2.144 readability: nothing under 13px */
small.rel,small.secondary{font-size:max(13px,.85em)}
.tiles2{grid-template-columns:1fr}   /* v0.2.145: one tile now (no duplicate To-approve count) */
@media (max-width:899px){body.has-abar .cw-bubble,body.has-abar .call-fab{transform:translateY(-70px)}}   /* v0.2.150: keep chat/call buttons above the approve bar */
/* v0.2.154: mobile tap targets — form fields, buttons and settings rows at least 44px tall on phones */
@media(max-width:640px){main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),main select,main textarea,main .btn,main button{min-height:44px}
.set-sec li>a,.set-sec h2 a{display:inline-flex;align-items:center;min-height:44px}
main input[type=checkbox],main input[type=radio]{width:22px;height:22px}}
/* v0.2.155: calmer phone screens — two Home tiles, 'How this works' toggles, chat in the header, no floating buttons over cards */
.tiles2{grid-template-columns:1fr 1fr}
details.howto{margin:6px 0 0}details.howto>summary{cursor:pointer;color:var(--accent);font-size:14px;min-height:44px;display:flex;align-items:center;list-style:none}details.howto>summary::-webkit-details-marker{display:none}details.howto>summary::after{content:" ▾";margin-left:4px}details.howto[open]>summary::after{content:" ▴"}
details.card.howto{padding-top:4px;padding-bottom:4px}
.hint.sbx{margin:0 0 10px}
a.lst{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:640px){.call-fab{display:none!important}
.cw-bubble.docked{position:static!important;transform:none!important;box-shadow:none!important;flex:none;order:2}.cw-bubble:not(.docked){bottom:calc(var(--navh) + 12px + env(safe-area-inset-bottom,0px))!important}
main .card,main form.card{margin-right:0!important}}
/* v0.2.157: Reputation Bot review fixes */
a.plainlink{display:inline!important;border:0!important;background:none!important;padding:0!important;box-shadow:none!important;color:var(--accent);text-decoration:underline;min-height:0!important}
nav.chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav.chips::-webkit-scrollbar{display:none}nav.chips>*{flex:none}
.abar{display:grid!important;grid-template-columns:auto 1fr 1fr;gap:10px}.abar .btn,.abar button{width:100%;min-height:48px!important;justify-content:center;text-align:center;border-radius:10px}.abar[hidden]{display:none!important}
.dacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dacts form{display:contents}
@media(max-width:640px){.dacts>form>button,.dacts>.btn,.dacts>button{flex:1 1 140px;min-height:48px}
.card.rating{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;text-align:left;padding:12px 14px}.card.rating h2{grid-column:2;margin:0;font-size:16px}.card.rating svg{grid-row:1/3;width:110px;height:auto}.card.rating p{grid-column:2;margin:0}.card.rating .seg{grid-column:1/3;margin-top:8px;justify-content:flex-start}}
.callrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.callrow #callstatus{flex-basis:100%}.callvoice{display:grid;gap:10px;margin:10px 0}.callvoice label{display:grid;gap:4px}.callvoice select{max-width:100%}
.setlist,.setlist-opt{columns:auto!important;margin:8px 0 0!important}.setlist li,.setlist-opt li{margin:0;border-bottom:1px solid var(--line)}
a.srow{display:flex;align-items:center;gap:12px;min-height:48px;text-decoration:none;color:inherit;padding:0 4px}a.srow .stx{flex:1}a.srow .chev{color:#9a9a9a;font-size:20px}
a.srow .sico{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);font-size:13px;font-weight:700}
a.srow.done .sico{background:#1F6B45;border-color:#1F6B45;color:#fff}a.srow.cur .stx{font-weight:700}
.sopt-h{margin:16px 0 0;font-weight:700;font-size:14px;color:#555}

/* v0.2.158 persistent call strip */
#callstrip{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:8px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;background:#14532d;color:#fff;font-size:15px}
#callstrip .cs-l{color:#fff;text-decoration:none;flex:1;font-weight:600;display:flex;align-items:center;gap:8px;min-height:44px}
#callstrip .cs-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;animation:csp 1.6s infinite}
@keyframes csp{50%{opacity:.35}}
#callstrip .cs-b{min-height:44px;min-width:64px;border-radius:22px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:15px;padding:0 14px}
#callstrip .cs-end{background:#b91c1c;border-color:#b91c1c}
body.oncall{padding-top:calc(56px + env(safe-area-inset-top))}
body.oncall #call-fab{display:none}

#callundo{position:fixed;left:12px;right:12px;top:calc(62px + env(safe-area-inset-top));z-index:61;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#1f2937;color:#fff;font-size:15px}
#callundo span{flex:1}
#callundo .cs-b{min-height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;padding:0 16px}
#callended{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:61;padding:10px 14px;border-radius:12px;background:#1f2937;color:#fff;font-size:15px;text-align:center}
/* v0.2.165: tap targets — small inline links and radios get an invisible >=44px hit area; nothing moves or changes look */
@media (pointer:coarse),(max-width:700px){
main a:not(.btn):not(.skip),.crumb a,nav a{position:relative}
main a:not(.btn):not(.skip)::after,.crumb a::after{content:"";position:absolute;top:-13px;bottom:-13px;left:-6px;right:-6px}
input[type=radio],input[type=checkbox]{position:relative}
label{touch-action:manipulation}label.chk{cursor:pointer}
label input[type=radio]::after,label input[type=checkbox]::after{content:none}
input[type=radio]:not(label *)::after,input[type=checkbox]:not(label *)::after{content:"";position:absolute;inset:-11px}
}
/* v0.2.166 guided-help highlight */
.hl-pulse{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px;animation:hlp 1.2s ease-in-out 3}
@keyframes hlp{50%{outline-color:transparent}}
/* v0.2.167 */
.testbadge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#fff3c4;color:#6b4e00;font-size:12px;font-weight:600;letter-spacing:.02em}
.more-menu{display:inline-block;position:relative;vertical-align:middle}
.more-menu>summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px;color:var(--muted,#666)}
.more-menu>summary::-webkit-details-marker{display:none}
.more-menu[open]>summary{background:var(--soft,#f2efe8)}
.more-menu .more-body{position:absolute;z-index:5;right:0;top:46px;background:#fff;border:1px solid var(--line,#e6e2d8);border-radius:12px;padding:8px;box-shadow:0 6px 24px rgba(0,0,0,.08);min-width:200px}
.more-menu .more-body form{margin:0}.more-menu .more-body button{width:100%}
.rl>summary{list-style:none;cursor:pointer}.rl>summary::-webkit-details-marker{display:none}
.rl .more{color:var(--accent,#1F6B45);font-size:14px;font-weight:600}.rl[open] .pv,.rl[open] .more{display:none}
.postrow{gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.conn-row .pill{white-space:nowrap}
details.more-opts{margin-top:10px}details.more-opts>summary{cursor:pointer;color:var(--muted,#666);font-size:14px;padding:6px 0;min-height:32px}
details.more-opts[open]>summary{margin-bottom:8px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;border:0;padding:0;margin:8px 0}
.vopt{display:flex;align-items:center;gap:6px;border:1px solid var(--line,#ddd);border-radius:10px;padding:10px;min-height:44px;cursor:pointer}
.vopt:has(input:checked){border-color:var(--accent,#1F6B45);background:rgba(31,107,69,.06)}
/* v0.2.167: chat lives in the header on every page */
.cw-bubble.docked{width:auto!important;height:36px!important;border-radius:18px!important;padding:0 12px!important;font-size:14px!important;display:inline-flex;align-items:center;gap:6px;opacity:1!important;white-space:nowrap}
@media(max-width:400px){.cw-bubble.docked .cw-lbl{font-size:13px}}
nav.chips{display:flex!important;flex-wrap:wrap!important;gap:6px;overflow:visible!important;max-width:100%}nav.chips .chip{flex:none;white-space:nowrap}
/* v0.2.170 sticky co-worker (overrides older bubble rules) */
.cw-bubble,.cw-bubble.docked{position:fixed!important;z-index:40;width:48px!important;height:48px!important;border-radius:50%!important;padding:0!important;margin:0!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 2px 10px rgba(0,0,0,.18);opacity:1!important;overflow:visible;right:calc(12px + env(safe-area-inset-right,0px))!important;top:auto!important;left:auto!important;bottom:calc(var(--navh,64px) + 12px + env(safe-area-inset-bottom,0px) + var(--kb,0px))!important}
.cw-bubble .cw-av{width:46px;height:46px;border-radius:50%;display:block}.cw-bubble .cw-lbl{display:none}
.cw-bubble .cw-dot{top:0;right:0}
body.cw-docked .cw-bubble,body.cw-open .cw-bubble{display:none}
.cw-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none!important;border:0;color:inherit;font-size:12px;padding:6px 0;margin:0;min-height:48px}
.cw-tab img{border-radius:50%}
.cw-bubble.oncall,.cw-tab.oncall img{box-shadow:0 0 0 3px #22c55e;animation:cwring 1.6s ease-out infinite}
@keyframes cwring{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.cw-calltime{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:11px;background:#14532d;color:#fff;border-radius:8px;padding:0 5px}
.cw-panel{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;height:min(78dvh,640px)!important;max-height:none;border-radius:16px 16px 0 0!important;border:1px solid var(--line);box-shadow:0 -6px 24px rgba(0,0,0,.18);z-index:55;display:flex;flex-direction:column;background:var(--surface)}
.cw-panel[hidden]{display:none!important}
.cw-head{gap:8px}.cw-hl{flex:1;min-width:0}.cw-look{display:block;color:var(--muted);font-size:12px}
.cw-quiet{display:flex;align-items:center;gap:4px;font-size:13px;margin:0;white-space:nowrap}.cw-quiet input{margin:0}
.cw-greet{margin:8px 16px 0;font-size:15px}
.cw-chips{display:flex;gap:8px;flex-wrap:wrap;padding:6px 12px}.cw-chips[hidden]{display:none}
.cw-chip{background:var(--accent-weak,#eef2ff)!important;color:var(--accent-ink,#1e3a8a)!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:6px 12px!important;font-size:14px!important;min-height:36px;margin:0!important;width:auto!important}
.cw-tellmore{align-self:flex-start}
.cw-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.cw-mode{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;color:inherit;text-decoration:none;font-size:15px;margin:0}
.cw-mode[aria-pressed=true]{border-color:var(--accent,#1c2b4a);box-shadow:inset 0 0 0 1px var(--accent,#1c2b4a)}
.cw-trust{font-size:12px;color:var(--muted);margin:0 12px 8px;padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:900px){
 .cw-bubble,.cw-bubble.docked{right:0!important;bottom:auto!important;top:45%!important;border-radius:12px 0 0 12px!important;width:52px!important;height:56px!important;display:flex;align-items:center;justify-content:center}
 .cw-bubble .cw-av{width:40px;height:40px}
 .cw-panel{left:auto!important;top:0!important;bottom:0!important;right:0!important;width:400px!important;height:100vh!important;border-radius:0!important;box-shadow:-4px 0 16px rgba(0,0,0,.08)}
 body.cw-open main,body.cw-open .wrap{margin-right:420px}
 .cw-tab{display:none}}
.cw-help{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px!important;border-radius:50%;padding:0!important;margin:4px 0!important;font-size:14px;background:#fff!important;color:var(--accent-ink,#1c2b4a)!important;border:1px solid var(--line)!important;position:relative}
.cw-help::after{content:"";position:absolute;inset:-8px}
.cw-walk{background:var(--accent-weak,#eef2ff)!important;color:var(--accent-ink,#1e3a8a)!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:8px 14px!important;width:auto!important;margin:8px 0!important}
details.fwd-steps>summary{cursor:pointer;font-size:14px;color:var(--accent);min-height:40px;display:flex;align-items:center}
/* v0.2.170: symmetric phone padding, no overflow, iOS time/date inputs fit their card */
@media(max-width:639px){.main,.shell .main{padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important;margin-left:0;margin-right:0;max-width:100%}}
html,body{max-width:100%;overflow-x:hidden}
input,select,textarea,button{box-sizing:border-box;max-width:100%}
label>input,label>select,label>textarea{width:100%}
input[type=time],input[type=date],input[type=datetime-local],input[type=month]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0}
input::-webkit-date-and-time-value{text-align:left}
.card,.grid>*{min-width:0}
details.sopt{margin-top:10px}details.sopt>summary{font-size:14px;color:var(--muted,#666);padding:10px 0;min-height:44px;cursor:pointer}
/* v0.2.172: phone = Co-worker tab only (no floating avatar); compact sheet head; messages get the height */
@media(max-width:899.98px){#cw-bubble,.cw-bubble{display:none!important}.cw-tab{display:flex!important}}
.cw-head .cw-hl{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1}.cw-head .cw-look{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}
.cw-panel{display:flex;flex-direction:column}.cw-panel[hidden]{display:none}.cw-panel .cw-log{flex:1 1 auto;min-height:0;overflow-y:auto}
.cw-panel.cw-has-msgs .cw-chips:not(:has(.cw-tellmore)),.cw-panel.cw-has-msgs .cw-greet{display:none}
.cw-form .cw-note{font-size:12px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:899.98px){.cw-panel .cw-trust{font-size:11px;margin:2px 14px 4px;line-height:1.3}.cw-panel .cw-greet{margin:6px 14px;font-size:14px}}
/* v0.2.173: big text / 300% zoom: compact sheet, messages get the room */
body.cw-bigtext .cw-panel .cw-look,body.cw-bigtext .cw-panel .cw-trust,body.cw-bigtext .cw-panel .cw-modes,body.cw-bigtext .cw-panel .cw-chips,body.cw-bigtext .cw-panel .cw-note,body.cw-bigtext .cw-panel .cw-quiet{display:none!important}
body.cw-bigtext .cw-panel .cw-head{padding:2px 8px!important;min-height:0}
body.cw-bigtext .cw-panel .cw-head b{font-size:16px;line-height:1.2}body.cw-bigtext .cw-panel .cw-close{font-size:16px;padding:4px 8px}
body.cw-bigtext .cw-panel{height:100dvh!important;max-height:100dvh!important;top:0!important}
body.cw-bigtext .cw-panel .cw-log{flex:1 1 auto;min-height:0}
body.cw-bigtext .cw-panel .cw-form textarea,body.cw-bigtext .cw-panel .cw-form input[type=text]{min-height:0;height:auto;rows:1}
.cw-help-h{font-size:.8rem;vertical-align:middle;margin-left:6px}
/* v0.2.174 real 300% zoom (CSS viewport ~120-140px): one-line header, icon Talk, one-line input, icon Send, messages get the rest */
body.cw-bigtext .cw-panel{position:fixed;display:flex;flex-direction:column}
body.cw-bigtext .cw-panel .cw-head{display:flex;align-items:center;gap:2px;padding:1px 4px!important;flex:0 0 auto}
body.cw-bigtext .cw-panel .cw-hl{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.cw-bigtext .cw-panel .cw-head b{font-size:11px!important;line-height:1.3;white-space:nowrap}
body.cw-bigtext .cw-panel .cw-close{font-size:13px!important;padding:0 4px!important;min-width:0;min-height:0;line-height:1}
body.cw-bigtext .cw-panel .cw-modes{display:flex!important;flex:0 0 auto;gap:0;margin:0;padding:0;border:0;background:none}
body.cw-bigtext .cw-panel .cw-modes [data-mode=type]{display:none}
body.cw-bigtext .cw-panel .cw-modes [data-mode=talk]{font-size:0!important;padding:0 3px!important;min-height:0;border:0;background:none}
body.cw-bigtext .cw-panel .cw-modes [data-mode=talk]::before{content:'🎙';font-size:12px}
body.cw-bigtext .cw-panel .cw-greet{font-size:11px;margin:2px 4px;flex:0 0 auto}
body.cw-bigtext .cw-panel .cw-log{flex:1 1 auto;min-height:0;font-size:11px}
body.cw-bigtext .cw-panel .cw-form{display:flex;gap:2px;padding:2px!important;flex:0 0 auto;align-items:center}
body.cw-bigtext .cw-panel .cw-form textarea{font-size:11px!important;height:1.5em!important;min-height:1.5em!important;max-height:3em!important;line-height:1.3!important;padding:2px 4px!important;white-space:nowrap;overflow:hidden;resize:none;flex:1 1 auto;min-width:0;box-shadow:none!important}
body.cw-bigtext .cw-panel .cw-form button{font-size:0!important;padding:0 6px!important;min-height:20px;height:20px;min-width:0}
body.cw-bigtext .cw-panel .cw-form button::before{content:'➤';font-size:11px}
/* v0.2.174 real 300% zoom: nothing on the page may be wider than the (~120-140px) viewport */
body.cw-bigtext main *{max-width:100%;box-sizing:border-box}
body.cw-bigtext main h1,body.cw-bigtext main h2,body.cw-bigtext main a,body.cw-bigtext main label,body.cw-bigtext main .hint{overflow-wrap:anywhere;word-break:break-word}
body.cw-bigtext main svg{height:auto}
body.cw-bigtext .card input,body.cw-bigtext .card select,body.cw-bigtext .card textarea,body.cw-bigtext .card button,body.cw-bigtext main select,body.cw-bigtext main input{min-width:0!important;width:100%!important;white-space:normal}
body.cw-bigtext main .btn,body.cw-bigtext main .btn2,body.cw-bigtext main .chip{white-space:normal;min-width:0!important}
/* v0.2.175 earlier chat sessions fold away */
.cw-earlier{margin:4px 0 8px;opacity:.8}.cw-earlier>summary{cursor:pointer;font-size:12px;color:#5b6475;padding:4px 0}.cw-earlier .cw-old{opacity:.75}
/* v0.2.175 real 300% text zoom (OS/browser text scaling, root font-size 300%): nothing clipped, sheet messages first */
body.cw-bigtext .banner{padding:2px 8px;line-height:1.25}
body.cw-bigtext .banner .bn-more{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.cw-bigtext main h1{display:flex;flex-wrap:wrap;align-items:center;gap:.2em;overflow-wrap:anywhere;margin:.2em 0}
body.cw-bigtext main h1 .cw-help{flex:none;font-size:.7em;min-width:0;padding:0 .15em}
body.cw-bigtext main h2,body.cw-bigtext main .card b{overflow-wrap:anywhere}
body.cw-bigtext nav.tabs a{padding:4px 2px;min-height:44px;min-width:0}
body.cw-bigtext nav.tabs .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.cw-bigtext .cw-panel .cw-chip,body.cw-bigtext .cw-panel .cw-tellmore{font-size:.8em}
body.cw-bigtext main .glance,body.cw-bigtext main .homegrid{display:block!important}
body.cw-bigtext main .glance>*{min-width:0!important;max-width:100%}
body.cw-bigtext nav.chips .chip{white-space:normal!important;min-height:44px;height:auto}
body.cw-bigtext main .card .btn,body.cw-bigtext main .card button{max-width:100%;height:auto;white-space:normal!important;overflow-wrap:anywhere}

/* v0.2.176 Start here tag on the top-ranked draft */
.pill.start{background:#1f4fd1;color:#fff;font-weight:600}

/* v0.2.179 compact sheet (300% zoom): one-line header, no Talk/Type toggle, no note, messages always >= 55% (also while loading) */
body.cw-bigtext .cw-panel .cw-modes,body.cw-bigtext .cw-panel .cw-note{display:none!important}
body.cw-bigtext .cw-panel .cw-head{flex-wrap:nowrap!important;white-space:nowrap;max-height:2.2em;overflow:hidden}
body.cw-bigtext .cw-panel .cw-log{min-height:55%!important}
.cw-progress.cw-streaming .bar,.cw-progress.cw-streaming small{display:none} /* v0.2.180 */

/* v0.2.184: clear, large Close at any zoom */
.cw-panel .cw-close,body.cw-bigtext .cw-panel .cw-close{font-size:17px!important;font-weight:600;min-height:44px!important;min-width:88px!important;padding:6px 12px!important;border:1px solid var(--line,#ccc);border-radius:10px;line-height:1.2}