/* 04 · Workspace that integrates itself — logo-driven setup animation */
#workspace .aw-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:28px 46px;margin-top:80px;align-items:center}
#workspace .aw-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
#workspace .aw-link{fill:none;stroke:#2E2E33;stroke-width:1.2;transition:stroke .5s}
#workspace .aw-link.on{stroke:#7772E8;stroke-dasharray:3 6;animation:awFlow 1.1s linear infinite}
#workspace .aw-packet{fill:#FFFFFF;filter:drop-shadow(0 0 5px #7772E8)}
#workspace .aw-services,#workspace .aw-side{position:relative;z-index:1;display:grid;gap:16px}
#workspace .aw-side{gap:18px}
#workspace .aw-service{background:#1F1F23;border:1px solid #2E2E33;border-radius:12px;padding:18px 16px;opacity:.5;transition:opacity .4s,border-color .4s}
#workspace .aw-service.active,#workspace .aw-service.done{opacity:1}
#workspace .aw-service.active{border-color:#4A47A8}
#workspace .aw-service-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#D8DAE0}
#workspace .aw-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#979DA8}
#workspace .aw-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#52525B}
#workspace .active .aw-status::before{background:#7772E8;animation:awPulse .8s ease-in-out infinite}
#workspace .done .aw-status{color:#FFFFFF}
#workspace .done .aw-status::before{background:#7772E8;box-shadow:0 0 0 3px #7772E833}
#workspace .aw-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#workspace .aw-tile{position:relative;height:60px;padding:0 12px;border-radius:9px;background:#E4E4E7;display:grid;place-items:center;transition:background .25s,opacity .35s,box-shadow .25s,transform .25s}
#workspace .aw-tile img,#workspace .aw-stack img,#workspace .aw-mini img{display:block;height:var(--h);width:auto;max-width:100%;object-fit:contain}
#workspace .aw-tile img{filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
#workspace .aw-tile.scan{background:#FFFFFF;box-shadow:0 0 0 1px #7772E8}
#workspace .aw-tile.scan img{opacity:.85}
#workspace .aw-tile.picked{background:#FFFFFF;box-shadow:0 0 0 2px #7772E8,0 8px 22px #3D38D066;transform:translateY(-1px)}
#workspace .aw-tile.picked img{filter:none;opacity:1}
#workspace .aw-tile.picked::after{content:"✓";position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#3D38D0;color:#FFFFFF;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #1F1F23;animation:awPop .35s ease-out}
#workspace .aw-tile.dim{opacity:.5}
#workspace .aw-chat{position:relative;z-index:2;height:640px;display:flex;flex-direction:column;overflow:hidden;background:#232327;border:1px solid #3F3F46;border-radius:16px;box-shadow:0 30px 90px #0008}
#workspace .aw-chat-top{display:flex;align-items:center;gap:11px;padding:16px 17px;border-bottom:1px solid #34343A}
#workspace .aw-chat-top img{width:34px;height:34px;border-radius:50%;display:block}
#workspace .aw-chat-top strong{display:block;font-size:13px}
#workspace .aw-chat-top small{display:block;font-size:10px;color:#979DA8}
#workspace .aw-online{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#979DA8;transition:color .4s}
#workspace .aw-online::before{content:"";width:6px;height:6px;border-radius:50%;background:#7772E8}
#workspace .aw-board.done .aw-online{color:#FFFFFF}
#workspace .aw-chat-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:20px 16px 8px}
#workspace .aw-msg{display:none;max-width:88%;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}
#workspace .aw-msg.shown{display:block;animation:awIn .45s cubic-bezier(.2,.8,.2,1)}
#workspace .aw-user{align-self:flex-end;background:#F8F8F8;color:#18181B;border-bottom-right-radius:4px}
#workspace .aw-agent{align-self:flex-start;background:#2E2E33;color:#F1F1F3;border-bottom-left-radius:4px}
#workspace .aw-stack{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
#workspace .aw-stack>span{height:24px;padding:0 7px;border-radius:5px;background:#FFFFFF;display:grid;place-items:center;opacity:0}
#workspace .aw-stack img{max-width:54px}
#workspace .aw-msg.shown .aw-stack>span{animation:awPop .35s ease-out forwards;animation-delay:calc(var(--i)*80ms + .25s)}
#workspace .aw-typing{display:none;align-self:flex-start;gap:4px;padding:13px 14px;border-radius:12px;border-bottom-left-radius:4px;background:#2E2E33}
#workspace .aw-typing.shown{display:inline-flex;animation:awIn .3s ease-out}
#workspace .aw-typing i{width:6px;height:6px;border-radius:50%;background:#979DA8;animation:awDot 1s ease-in-out infinite}
#workspace .aw-typing i:nth-child(2){animation-delay:.15s}
#workspace .aw-typing i:nth-child(3){animation-delay:.3s}
#workspace .aw-chat-input{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 14px 14px;padding:10px 10px 10px 13px;border:1px solid #3F3F46;border-radius:10px;font-size:12px;line-height:1.45;color:#979DA8;transition:border-color .3s,color .3s}
#workspace .aw-chat-input.typing{border-color:#7772E8;color:#F8F8F8}
#workspace .aw-chat-input.typing span::after{content:"";display:inline-block;width:1px;height:1.05em;margin-left:1px;vertical-align:-2px;background:currentColor;animation:awBlink .8s steps(1) infinite}
#workspace .aw-chat-input b{flex:none;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#F8F8F8;color:#18181B;font-size:14px}
#workspace .aw-panel{background:#1F1F23;border:1px solid #2E2E33;border-radius:10px;padding:14px}
#workspace .aw-panel-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#D8DAE0}
#workspace .aw-panel-head span+span{font-weight:400;letter-spacing:0;color:#979DA8}
#workspace .aw-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #2A2A2F;opacity:.3;transition:opacity .45s}
#workspace .aw-panel-head+.aw-row{border-top:0}
#workspace .aw-row.shown{opacity:1}
#workspace .aw-row>span:nth-child(2){flex:1;min-width:0}
#workspace .aw-row strong{display:block;font-size:11px;font-weight:600;line-height:1.35}
#workspace .aw-row small{display:block;margin-top:2px;font-size:10px;line-height:1.3;color:#858C96}
#workspace .aw-row-icon,#workspace .aw-person{flex:none;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#2E2E33;color:#D8DAE0;font-size:10px;transition:background .4s,color .4s}
#workspace .aw-person{border-radius:50%}
#workspace .aw-row.shown .aw-person{background:#3D38D0;color:#FFFFFF}
#workspace .aw-check{font-size:10px;white-space:nowrap;color:#7772E8;opacity:0}
#workspace .aw-row.shown .aw-check{animation:awPop .35s ease-out forwards}
#workspace .aw-mini{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
#workspace .aw-mini>span{height:18px;padding:0 6px;border-radius:4px;display:grid;place-items:center;background:#FFFFFF}
#workspace .aw-mini img{max-width:48px}
@keyframes awFlow{to{stroke-dashoffset:-18}}
@keyframes awIn{from{opacity:0;transform:translateY(8px)}}
@keyframes awPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes awDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes awBlink{50%{opacity:0}}
@keyframes awPulse{50%{opacity:.3}}
@media(max-width:1050px){#workspace .aw-board{grid-template-columns:1fr 1fr;gap:20px}#workspace .aw-chat{grid-column:1/-1;grid-row:1;height:560px}#workspace .aw-services{grid-column:1;grid-row:2;align-self:start}#workspace .aw-side{grid-column:2;grid-row:2;align-self:start}}
@media(max-width:800px){#workspace .aw-board{grid-template-columns:1fr}#workspace .aw-services{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}#workspace .aw-side{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}}
@media(max-width:550px){#workspace .aw-services,#workspace .aw-side{grid-template-columns:1fr}#workspace .aw-chat{height:600px}}
@media(prefers-reduced-motion:reduce){#workspace .aw-link.on{animation:none}}