/* WORKSPACE — commandable config bar (theme-aware) */
.ws{ background:var(--card); border:1px solid color-mix(in srgb,var(--neon) 28%,var(--line)); border-radius:var(--r-lg,16px); padding:16px; box-shadow:var(--sh-glow,0 24px 70px -34px rgba(34,224,200,.4)); }
.ws-bar{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.ws-pick{ background:#0c0c18; color:var(--ink); border:1px solid var(--line); border-radius:9px; padding:10px 12px; font:inherit; font-size:13.5px; font-weight:700; min-height:44px; }
.ws-cmd{ flex:1; min-width:220px; background:#0c0c18; color:var(--ink); border:1px solid var(--line); border-radius:9px; padding:11px 14px; font:inherit; font-size:14.5px; min-height:44px; }
.ws-cmd:focus{ outline:none; border-color:color-mix(in srgb,var(--neon) 55%,var(--line)); box-shadow:0 0 0 3px color-mix(in srgb,var(--neon) 14%,transparent); }
.ws-controls{ display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin-top:14px; padding-top:14px; border-top:1px solid var(--hair,var(--line)); }
.ws-ctl{ display:flex; flex-direction:column; gap:5px; }
.ws-ctl>span{ font-size:10.5px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--mut); }
.ws-step{ display:inline-flex; align-items:center; gap:8px; }
.ws-step button{ width:30px; height:30px; border-radius:8px; cursor:pointer; border:1px solid var(--line); background:#0c0c18; color:var(--ink); font-size:18px; line-height:1; }
.ws-step button:hover{ border-color:var(--neon); color:var(--neon); }
.ws-cap{ font-family:var(--font-display,inherit); font-size:18px; min-width:22px; text-align:center; }
.ws-sched{ background:#0c0c18; color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:8px 10px; font:inherit; font-size:13px; min-height:40px; }
.ws-bar-val{ font-size:13.5px; color:var(--ink); font-weight:700; }
.ws-panels{ display:flex; gap:6px; }
.ws-pan{ cursor:pointer; font:inherit; font-weight:700; font-size:12px; text-transform:capitalize; color:var(--mut); background:#0c0c18; border:1px solid var(--line); border-radius:8px; padding:7px 11px; }
.ws-pan.on{ color:#05050a; background:linear-gradient(120deg,var(--neon),var(--violet)); border-color:transparent; }
.ws-reset{ margin-left:auto; cursor:pointer; font:inherit; font-weight:700; font-size:12.5px; color:var(--mut); background:none; border:none; }
.ws-reset:hover{ color:var(--neon); }
.ws-toast{ margin-top:12px; background:color-mix(in srgb,var(--neon) 12%,transparent); border:1px solid color-mix(in srgb,var(--neon) 30%,var(--line)); border-radius:10px; padding:10px 14px; color:var(--ink); font-size:13.5px; animation:va-rise .25s ease both; }
.ws-toast.err{ background:color-mix(in srgb,#ff5e7e 12%,transparent); border-color:color-mix(in srgb,#ff5e7e 35%,var(--line)); }
.ws-undo{ margin-left:10px; cursor:pointer; font:inherit; font-weight:800; font-size:12px; color:#05050a; background:var(--neon); border:none; border-radius:7px; padding:5px 12px; }
.ws-undo:hover{ filter:brightness(1.1); }
.ws-arrange{ cursor:pointer; font:inherit; font-weight:700; font-size:13px; min-height:44px; padding:0 13px; border-radius:9px; border:1px solid var(--line); background:#0c0c18; color:var(--ink); }
.ws-arrange:hover{ border-color:var(--neon); color:var(--neon); }
.ws-arrange.on{ border-color:transparent; color:#05050a; background:linear-gradient(120deg,var(--neon),var(--violet)); }

/* arrange mode — drag panels to reorder (manual layout, same store as verbal) */
.ws-arranging [data-panel]{ position:relative; outline:2px dashed color-mix(in srgb,var(--neon) 45%,var(--line)); outline-offset:-6px; cursor:grab; }
.ws-arranging [data-panel] input, .ws-arranging [data-panel] button, .ws-arranging [data-panel] select, .ws-arranging [data-panel] a, .ws-arranging [data-panel] textarea{ cursor:auto; }
.ws-arranging [data-panel].ws-dragging{ opacity:.55; cursor:grabbing; }
.ws-drag-tab{ position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#05050a; background:linear-gradient(120deg,var(--neon),var(--violet)); padding:6px 12px; }
.ws-drag-tab b{ text-transform:capitalize; }

/* mic (voice input) */
.ws-mic{ width:44px; height:44px; border-radius:10px; cursor:pointer; border:1px solid var(--line); background:#0c0c18; color:var(--ink); font-size:18px; flex:0 0 auto; }
.ws-mic:hover{ border-color:var(--neon); }
.ws-mic.listening{ border-color:var(--neon); animation:ws-pulse 1.2s infinite; }
.ws-mic.off{ opacity:.45; }
@keyframes ws-pulse{ 0%,100%{ box-shadow:0 0 0 3px color-mix(in srgb,var(--neon) 20%,transparent) } 50%{ box-shadow:0 0 0 8px transparent } }

/* learn-on-confirm suggestions */
.ws-sugg{ margin-top:12px; display:flex; flex-direction:column; gap:8px; background:#0c0c18; border:1px solid var(--line); border-radius:12px; padding:12px; }
.ws-sgq{ font-size:13px; color:var(--mut); }
.ws-sg{ cursor:pointer; text-align:left; font:inherit; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:10px 13px; color:var(--ink); display:flex; flex-direction:column; gap:2px; }
.ws-sg:hover{ border-color:var(--neon); transform:translateY(-1px); }
.ws-sg b{ font-size:14px; } .ws-sg em{ font-style:normal; font-size:12px; color:var(--mut); }
.ws-sg.aibest{ border-color:color-mix(in srgb,var(--neon) 50%,var(--line)); }
.ws-aibadge{ display:inline-block; font-size:10.5px; font-weight:800; color:#05050a; background:linear-gradient(120deg,var(--neon),var(--violet)); border-radius:6px; padding:2px 7px; margin-bottom:4px; width:max-content; }

/* command directory */
.ws-dir{ margin-top:14px; border-top:1px solid var(--hair,var(--line)); padding-top:12px; }
.ws-dir summary{ cursor:pointer; font-weight:700; font-size:13.5px; color:var(--mut); }
.ws-dir summary:hover{ color:var(--ink); }
.ws-dirgroups{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:12px; }
@media(max-width:760px){ .ws-dirgroups{ grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .ws-dirgroups{ grid-template-columns:1fr; } }
.ws-dirgroup h5{ margin:0 0 8px; font-family:var(--font-display,inherit); font-size:11px; letter-spacing:.6px; text-transform:uppercase; color:var(--neon); display:flex; align-items:center; gap:8px; }
.ws-ex{ display:block; width:100%; text-align:left; cursor:pointer; font:inherit; background:#0c0c18; border:1px solid var(--line); border-radius:9px; padding:8px 11px; margin-bottom:6px; color:var(--ink); }
.ws-ex:hover{ border-color:var(--neon); }
.ws-ex b{ display:block; font-size:13px; } .ws-ex span{ font-size:11.5px; color:var(--mut); }
.ws-learned{ grid-column:1/-1; }
.ws-lrow{ font-size:12.5px; color:var(--mut); padding:4px 0; }
.ws-lrow b{ color:var(--ink); }
.ws-forget{ margin-left:auto; cursor:pointer; font:inherit; font-size:10.5px; color:var(--mut); background:none; border:1px solid var(--line); border-radius:6px; padding:2px 7px; }
.ws-forget:hover{ color:#ff5e7e; border-color:#ff5e7e; }
@keyframes va-rise{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }