/* Native Chat's quiet workbench. Every rule is scoped to the mounted surface. */
.cw-workspace{--cw-ink:#e9ede9;--cw-muted:#b8c0bc;--cw-rule:color-mix(in srgb,currentColor 15%,transparent);--cw-accent:#c8b8f4;--cw-panel:color-mix(in srgb,currentColor 4%,transparent)}
.cw-workspace .chat-toolbar{padding-top:12px;padding-bottom:13px;flex-shrink:0}
.cw-route-nav{display:flex;align-items:center;gap:24px;padding:9px 0 15px;border-bottom:1px solid var(--cw-rule);flex-shrink:0;font:500 11px/1.4 Archivo,sans-serif;color:var(--cw-muted)}
.cw-route-nav a,.cw-route-nav>span{min-height:32px;display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap}
.cw-route-nav a:hover{color:var(--cw-ink)}
.cw-route-nav>span{color:var(--cw-ink);margin-right:auto}
.cw-route-nav>span:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cw-accent);margin-right:2px}
.cw-route-nav svg,.cw-use svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.cw-workspace:not(.cw-has-conversation) .lw-chat-intro{display:none}
.cw-workspace .lw-chat-context{margin-top:14px}
.cw-workspace .chat-body{scrollbar-gutter:stable;min-height:0}
.cw-workspace .chat-body>*{flex-shrink:0}
.cw-workspace .cw-empty.chat-empty-state{padding:clamp(18px,4.2vh,52px) 2px 25px;display:flex;flex:0 0 auto;align-items:flex-start;justify-content:flex-start;text-align:left;max-width:900px;width:100%;margin:0 auto;min-height:0;gap:0;overflow:visible;background:none!important}
.cw-empty>*{flex-shrink:0}
.cw-empty .eon-hero-wash{display:none}
.cw-empty .cw-greeting{font:400 12px/1.5 Archivo,sans-serif!important;color:var(--cw-muted)!important;margin:0 0 17px!important;text-align:left!important;max-width:none!important}
.cw-title{font:500 clamp(33px,4.3vw,59px)/1.035 Archivo,sans-serif;letter-spacing:-.065em;margin:0 0 30px;color:var(--cw-ink);max-width:750px}
.cw-title>span{color:var(--cw-muted);font-weight:400}
.cw-gallery{width:100%;border:1px solid var(--cw-rule);border-radius:18px;overflow:hidden;background:var(--cw-panel);text-align:left}
.cw-gallery-head{display:flex;align-items:center;justify-content:space-between;padding:18px 23px 0;color:var(--cw-muted)}
.cw-gallery-head p{font:500 11px/1.4 Archivo,sans-serif;letter-spacing:.13em;margin:0}
.cw-gallery-head>span{font:400 11px/1.4 Archivo,sans-serif;font-variant-numeric:tabular-nums}
.cw-mode-tabs{display:flex;gap:4px;padding:12px 18px 0}
.cw-mode-tabs button{min-height:44px;border:0;border-radius:7px;padding:8px 12px;background:transparent;color:var(--cw-muted);font:500 12px/1.4 Archivo,sans-serif;cursor:pointer}
.cw-mode-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--cw-accent) 14%,transparent);color:var(--cw-ink)}
.cw-mode-tabs button:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
.cw-slide{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:22px 25px 25px;min-height:185px}
.cw-slide-copy h2{font:500 clamp(21px,2.3vw,29px)/1.14 Archivo,sans-serif;letter-spacing:-.045em;color:var(--cw-ink);margin:0 0 10px}
.cw-slide-copy>p{font:400 12px/1.6 Archivo,sans-serif;color:var(--cw-muted);margin:0 0 20px;max-width:240px}
.cw-use{min-height:44px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:0;border-radius:7px;background:var(--cw-accent);color:#25183b;padding:10px 14px;font:600 12px/1.4 Archivo,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.cw-use:hover{transform:translateY(-2px);background:#d9ccff}
.cw-question-map{align-self:center;min-width:0;padding:5px 0 0}
.cw-map-route{height:68px;position:relative;margin:0 14px 10px}
.cw-map-route svg{width:100%;height:100%;overflow:visible;fill:none;stroke-width:1.5}
.cw-map-base{stroke:var(--cw-rule)}
.cw-map-trace{stroke:var(--cw-accent);stroke-dasharray:400;stroke-dashoffset:0}
.cw-map-route i{position:absolute;top:72.5%;left:6%;transform:translate(-50%,-50%);width:7px;height:7px;background:var(--cw-accent);border:3px solid color-mix(in srgb,var(--cw-accent) 20%,#19191d);box-sizing:content-box;border-radius:50%}
.cw-map-route i:nth-of-type(2){left:50%;top:40%}.cw-map-route i:nth-of-type(3){left:94%;top:25%}
.cw-question-map ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cw-question-map li{font:500 12px/1.5 Archivo,sans-serif;color:var(--cw-ink);min-width:0}
.cw-question-map .cw-step-number{display:block;font:400 11px/1.5 Archivo,sans-serif;color:var(--cw-muted);margin-bottom:4px}
.cw-question-map>p{font:400 11px/1.55 Archivo,sans-serif;color:var(--cw-muted);margin:14px 0 0;max-width:280px}
.cw-gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 10px 24px;border-top:1px solid var(--cw-rule);color:var(--cw-muted);font:400 11px/1.5 Archivo,sans-serif}
.cw-gallery-foot>div{display:flex;gap:4px}.cw-gallery-foot button{border:1px solid var(--cw-rule);color:var(--cw-ink);background:transparent;border-radius:50%;width:44px;height:44px;font:400 17px Archivo;cursor:pointer}.cw-gallery-foot button:hover{background:var(--cw-panel)}
.cw-draft-status{margin:0;padding:0;font:400 12px/1.5 Archivo,sans-serif;color:var(--cw-accent)}
.cw-draft-status:not(:empty){padding:0 4px 9px}.cw-draft-status:empty{display:block;height:0;min-height:0}
.cw-quick-label{margin:22px 0 9px;color:var(--cw-muted);font:400 11px/1.5 Archivo,sans-serif}
.cw-empty .eon-hero-chips{justify-content:flex-start;gap:8px;max-width:100%;margin:0;flex-wrap:wrap}
.cw-empty .eon-hero-chip{font-size:13px!important;min-height:44px;border:1px solid var(--cw-rule)!important;background:transparent!important;color:var(--cw-muted)!important;padding:7px 11px!important}
.cw-workspace .composer-shell{flex-shrink:0;padding-top:12px}
.cw-workspace .composer{border-radius:17px!important;transition:border-color .2s}
body .cw-workspace .composer-shell .composer-hint{font-size:11px;opacity:1}
.cw-workspace :is(.cw-use,.cw-mode-tabs button,.cw-gallery-foot button,.cw-route-nav a):focus-visible{outline:2px solid var(--cw-accent);outline-offset:3px}
html[data-theme=light]:not([data-living]) .cw-workspace,html[data-theme=flow]:not([data-living]) .cw-workspace{--cw-accent:#6b488c;--cw-muted:#65636d;--cw-ink:#26232d}
html[data-theme=light]:not([data-living]) .cw-use,html[data-theme=flow]:not([data-living]) .cw-use{color:white}
html[data-theme=light]:not([data-living]) .cw-use:hover,html[data-theme=flow]:not([data-living]) .cw-use:hover{background:#563774}

/* Native evidence and approval cards inherit a coherent palette from their
   actual dark shell, independent of the saved Light/Flow skin. */
html[data-living] .cw-workspace :is(.tool-trace,.permission-card){--bg-card:#101010;--bg-card-2:#121214;--ink:#e9ede9;--ink-dim:#c0c8c3;--ink-mute:#b8c0bc;--accent-text:#0b0b0d;--danger:#ff6b7a;--bad:#ff6b7a;--warn:#ffc36a;--ok:#b2d7c4}
/* Flow's generic .btn rule otherwise replaces the native action label ink. */
html[data-living] .cw-workspace .permission-card button:is(.permission-approve,.permission-reply-send){color:var(--accent-text)}

@media(min-width:651px) and (max-height:850px){.cw-workspace .chat-body:has(.cw-empty){padding-top:10px;padding-bottom:8px}.cw-workspace .cw-empty.chat-empty-state{padding:8px 4px!important}.cw-title{font-size:32px;margin-bottom:20px;line-height:1.1}.cw-title br{display:none}.cw-title>span{margin-left:.23em}.cw-empty .cw-greeting{display:none}.cw-gallery-head{padding-top:12px}.cw-mode-tabs{padding-top:5px}.cw-slide{min-height:137px;padding:13px 25px;gap:24px}.cw-slide-copy h2{font-size:25px}.cw-slide-copy>p{margin-bottom:10px}.cw-map-route{height:48px;margin-bottom:5px}.cw-question-map>p{margin-top:8px}.cw-gallery-foot{padding-top:4px;padding-bottom:4px}.cw-quick-label{margin-top:12px;margin-bottom:6px}}
@media(max-width:650px){.cw-route-nav{gap:16px;font-size:11px;padding-bottom:9px}.cw-route-nav svg{display:none}.cw-title{font-size:38px;margin-bottom:23px}.cw-empty .cw-greeting{font-size:11px!important;margin-bottom:13px!important}.cw-slide{grid-template-columns:1fr;gap:15px;padding:18px}.cw-slide-copy>p{max-width:none}.cw-slide-copy h2{font-size:24px}.cw-question-map{border-top:1px solid var(--cw-rule);padding-top:7px}.cw-map-route{height:48px}.cw-question-map>p{max-width:none;margin-top:9px}.cw-gallery-head{padding:16px 18px 0}.cw-mode-tabs{padding:9px 12px 0}.cw-gallery-foot{padding-left:18px}.cw-gallery-foot>span{max-width:190px}.cw-workspace .cw-empty.chat-empty-state{padding-top:20px;padding-bottom:20px}.cw-workspace .composer textarea{font-size:16px!important}}
@media(max-width:360px){.cw-route-nav{gap:10px;font-size:11px}.cw-title{font-size:33px}.cw-mode-tabs button{padding:8px 10px}.cw-gallery-foot>span{max-width:140px}}
@media(prefers-reduced-motion:reduce){.cw-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-living-motion=paused] .cw-workspace *,html[data-motion=off] .cw-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.cw-send-mark{width:14px;height:14px;margin-left:7px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:-2px;flex-shrink:0}
@media(min-width:651px){html[data-living] .cw-route-nav{display:none}}
@media(pointer:coarse){.cw-route-nav a,.cw-mode-tabs button,.cw-use,.cw-gallery-foot button{min-height:44px;min-width:44px}}
