:root{--bg:#070a0f;--panel:#0c1119;--panel2:#111824;--panel3:#151e2b;--line:#28354a;--line2:#34445d;--text:#e4ecf7;--mut:#718097;--green:#57ef90;--blue:#69a8ff;--yellow:#ffd166;--pink:#e77cff;--red:#ff687a;--cyan:#65d9e8;--wood:#75513a;--wood2:#302016}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:"Courier New",ui-monospace,monospace}button,input,select,textarea{font:inherit}.app{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -18%,#17243b,#090c12 48%,#06080c)}
.topbar{height:72px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#090e15;border-bottom:1px solid var(--line);box-shadow:0 8px 30px #0009;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.brand-logo{width:40px;height:40px;border:2px solid #f3f6fb;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:4px 4px 0 #46566f}.brand strong{display:block;letter-spacing:1.6px}.brand small{display:block;margin-top:3px;color:var(--mut);font-size:8px;letter-spacing:.7px}.top-stats{display:flex;gap:7px;flex:1}.stat{display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid #29364a;background:#101722;color:#748198;font-size:7px}.stat b{color:#e9eff8;font-size:11px}.stat span{font-size:7px}.live-dot{width:6px;height:6px;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.3s infinite}.top-right{display:flex;align-items:center;gap:12px}.api-state{font-size:8px;color:#718097;border:1px solid #29364a;padding:7px 8px;background:#0f151f}.api-state i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#556176}.api-state.online{color:var(--green)}.api-state.online i{background:var(--green);box-shadow:0 0 6px var(--green)}.clock{font-size:11px;color:#8996a9}
.layout{display:grid;grid-template-columns:76px 1fr 320px;flex:1;min-height:0}.sidebar{background:#090e15;border-right:1px solid var(--line);padding:14px 8px;display:flex;flex-direction:column;gap:7px}.nav-item{height:55px;border:1px solid transparent;background:transparent;color:#68768b;cursor:pointer}.nav-item span{display:block;font-size:16px}.nav-item small{font-size:7px}.nav-item:hover,.nav-item.active{color:#fff;background:#151c28;border-color:#2d3a4f;box-shadow:inset 3px 0 0 var(--blue)}.sidebar-foot{margin-top:auto;text-align:center;color:#505d72;font-size:7px;line-height:1.7}.sidebar-foot b{display:block;color:var(--green);font-size:6px}
.workspace{min-width:0;padding:13px 14px 9px;display:flex;flex-direction:column;gap:9px;overflow:hidden}.workspace-head{height:48px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:8px;color:#68778d;letter-spacing:1.45px}.workspace-head h1{font-size:18px;margin:3px 0 0}.workspace-actions{display:flex;gap:6px}.action-btn{border:1px solid #34445c;background:#141c28;color:#9cabc0;padding:7px 9px;font-size:8px;cursor:pointer}.action-btn:hover{color:#fff;border-color:#5b7194}.view-root{flex:1;min-height:0;overflow:auto}.statusbar{height:31px;display:flex;align-items:center;justify-content:space-between;color:#657287;font-size:8px}.statusbar div{display:flex;align-items:center;gap:8px}.statusbar b{color:var(--green);border:1px solid #285637;background:#112319;padding:3px 5px}.statusbar em{font-style:normal;color:#4e5a6c}
.inspector{background:#090e15;border-left:1px solid var(--line);padding:14px;overflow:auto}.inspector-head{display:flex;justify-content:space-between;align-items:center}.signal{color:var(--green);font-size:8px}.loading{height:100%;display:grid;place-items:center;color:#66748a;font-size:10px}.loading i{width:8px;height:8px;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1s infinite}
.office-frame{height:100%;min-height:570px;border:1px solid #303d51;padding:7px;background:#070a0f;box-shadow:0 18px 55px #0009}.office{height:100%;position:relative;overflow:hidden;image-rendering:pixelated;background-color:#171b23;background-image:linear-gradient(45deg,#1e222b 25%,transparent 25%),linear-gradient(-45deg,#1e222b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e222b 75%),linear-gradient(-45deg,transparent 75%,#1e222b 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.office-wall{position:absolute;inset:0 0 auto;height:50px;background:#282d37;border-bottom:6px solid #0c1016;box-shadow:0 6px 0 #39414d}.window{position:absolute;top:9px;width:90px;height:26px;background:#5d94ae;border:4px solid #11161d;box-shadow:0 3px 0 #4d5663}.window:after{content:"";position:absolute;left:41px;top:0;bottom:0;width:3px;background:#294454}.w1{left:15%}.w2{left:45%}.w3{left:75%}.room{position:absolute;border:2px solid #2b3547;background:#10151c77;box-shadow:inset 0 0 0 2px #090c11}.room-title{position:absolute;top:7px;left:9px;font-size:7px;color:#68768a;letter-spacing:1.2px}.room-sub{position:absolute;top:19px;left:9px;font-size:5px;color:#414d60}.room.founder{left:2%;top:11%;width:21%;height:35%;border-color:#655638;background:#1a160f88}.room.management{left:24%;top:11%;width:22%;height:35%}.room.design{left:47%;top:11%;width:25%;height:35%}.room.growth{left:73%;top:11%;right:2%;height:35%}.room.engineering{left:2%;top:49%;width:60%;bottom:3%}.room.systems{left:63%;top:49%;right:2%;bottom:3%}.founder .room-title{color:#d8be7b}.founder-private{position:absolute;right:8px;top:7px;font-size:5px;color:#d8bc76;border:1px solid #6d5b34;padding:3px 4px;background:#17130d}
.desk{position:absolute;width:84px;height:31px;background:var(--wood);border:4px solid var(--wood2);box-shadow:5px 5px 0 #07090d}.desk:before{content:"";position:absolute;width:29px;height:19px;left:23px;top:-18px;background:#071019;border:3px solid #46546b;box-shadow:inset 0 0 0 2px #173039}.desk:after{content:"";position:absolute;left:17px;right:17px;bottom:-8px;height:5px;border-left:6px solid #422c1f;border-right:6px solid #422c1f}.founder-desk{position:absolute;left:8%;top:34%;width:92px;height:31px;background:#836044;border:4px solid #35251a;box-shadow:5px 5px 0 #07090d}.founder-desk:before{content:"MEHMET";position:absolute;left:8px;top:8px;font-size:6px;color:#f3d79a;letter-spacing:1px}.ai-console{position:absolute;right:8%;top:34%;width:72px;height:34px;background:#151d29;border:3px solid #41516a;box-shadow:5px 5px 0 #07090d}.ai-console:before{content:"AI";position:absolute;left:27px;top:7px;color:var(--cyan);text-shadow:0 0 8px var(--cyan);font-size:9px}.mini-meeting{position:absolute;left:18%;right:18%;bottom:12%;height:28px;background:#4e3b2d;border:3px solid #2a2018;box-shadow:4px 4px 0 #07090d}.design-board{position:absolute;right:6%;top:18%;width:72px;height:48px;background:#dbe5e6;border:4px solid #414c58;color:#3f4d58;font-size:5px;padding:6px;line-height:1.5}.swatches{position:absolute;right:8%;bottom:10%;width:60px;height:23px;background:#1b2230;border:3px solid #39465b}.swatches i{display:inline-block;width:9px;height:9px;margin:3px 1px}.swatches i:nth-child(1){background:var(--pink)}.swatches i:nth-child(2){background:var(--blue)}.swatches i:nth-child(3){background:var(--yellow)}.swatches i:nth-child(4){background:var(--green)}.project-board{position:absolute;right:6%;top:25%;width:78px;height:52px;background:#091019;border:3px solid #45546b;color:var(--green);font-size:6px;display:grid;place-items:center;text-align:center;line-height:1.5}.server-rack{position:absolute;right:7%;top:18%;width:50px;height:76px;background:#111722;border:4px solid #39475d}.server-rack i{display:block;height:8px;margin:6px;background:#202a39;border-left:4px solid var(--green)}.coffee{position:absolute;right:8%;bottom:8%;font-size:16px}
.agent{position:absolute;width:54px;height:68px;border:0;background:transparent;color:inherit;cursor:pointer;z-index:5;filter:drop-shadow(4px 5px 0 #050609)}.agent:hover{transform:translateY(-3px)}.sprite{position:absolute;left:15px;top:23px;width:24px;height:35px}.hair{position:absolute;left:3px;top:0;width:18px;height:8px;background:var(--hair);box-shadow:-3px 4px 0 var(--hair),3px 4px 0 var(--hair)}.head{position:absolute;left:5px;top:7px;width:14px;height:13px;background:var(--skin)}.head:before,.head:after{content:"";position:absolute;top:5px;width:2px;height:2px;background:#111}.head:before{left:3px}.head:after{right:3px}.body{position:absolute;left:3px;top:20px;width:18px;height:13px;background:var(--shirt);box-shadow:-4px 3px 0 var(--shirt),4px 3px 0 var(--shirt)}.legs{position:absolute;left:5px;top:33px;width:5px;height:8px;background:#293141;box-shadow:9px 0 0 #293141}.agent-tag{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:#080a0feb;border:1px solid #334057;padding:3px 5px;font-size:6px}.agent-tag b{display:block;font-size:8px}.agent-tag small{color:#748197}.agent-status{position:absolute;right:0;bottom:5px;width:8px;height:8px;border:2px solid #080a0f;background:#556176}.agent.working .agent-status{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.2s infinite}.agent.reviewing .agent-status{background:var(--blue);animation:pulse 1.3s infinite}.agent.meeting .agent-status{background:var(--yellow);animation:pulse 1.5s infinite}.agent.owner .agent-tag{border-color:#d7b56a;box-shadow:2px 2px 0 #765a26}.agent.aiagent .agent-tag{border-color:#4ecddd;box-shadow:2px 2px 0 #245e66}.agent.selected .agent-tag{outline:1px solid #fff8}
.panel-card{margin-top:14px;border:1px solid #29354a;background:#111823;padding:13px;box-shadow:5px 5px 0 #05070b}.person{display:flex;gap:11px;align-items:center}.portrait{width:54px;height:54px;border:2px solid #3b4860;background:#18202d;position:relative;overflow:hidden}.portrait .sprite{transform:scale(1.28);transform-origin:top left;left:12px;top:8px}.person h2{font-size:16px;margin:0}.person p{font-size:8px;color:#77859a;margin:3px 0}.pill{display:inline-block;font-size:7px;padding:4px 6px;border:1px solid #2d5a3d;background:#132019;color:var(--green)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.metric{border:1px solid #222d3d;background:#0b1017;padding:8px}.metric small{display:block;color:#5f6c80;font-size:6px}.metric b{display:block;margin-top:4px;font-size:8px}.panel-section{margin-top:12px;padding-top:11px;border-top:1px solid #242f40}.panel-section h3{font-size:7px;color:#748197;letter-spacing:1px;margin:0 0 7px}.panel-section b{font-size:9px}.panel-section p{font-size:7px;color:#69768a;line-height:1.55;margin:5px 0 0}.activity-list{margin-top:14px}.activity-row{padding:9px 0;border-top:1px solid #202a39}.activity-row b{display:block;font-size:8px}.activity-row small{font-size:6px;color:#5c697e}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding-bottom:10px}.data-card{border:1px solid #2b374b;background:#101722;padding:12px;box-shadow:4px 4px 0 #05070b}.data-card h3{font-size:12px;margin:0 0 4px}.data-card .sub{font-size:7px;color:#748197}.data-card p{font-size:8px;line-height:1.55;color:#8e9bb0}.data-card .row{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:7px;color:#758299}.badge{padding:3px 5px;border:1px solid #34445b;background:#0b1119;font-size:6px}.badge.working,.badge.active,.badge.ready,.badge.done{color:var(--green);border-color:#2a5a3b}.badge.reviewing{color:var(--blue);border-color:#31517c}.badge.waiting,.badge.planned{color:var(--yellow);border-color:#695b2f}.progress{height:7px;background:#090d13;border:1px solid #263247;margin-top:10px}.progress i{display:block;height:100%;background:var(--green)}
.task-board{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:9px;min-width:790px}.task-col{border:1px solid #29364a;background:#0d131c;padding:9px;min-height:290px}.task-col h3{font-size:8px;color:#718097;letter-spacing:1px;margin:0 0 9px}.task-card{border:1px solid #2b384c;background:#131b27;padding:9px;margin-bottom:7px}.task-card b{display:block;font-size:9px}.task-card small{display:block;margin-top:4px;font-size:6px;color:#68768b}.runtime-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.runtime-item{border:1px solid #2a374b;background:#101722;padding:13px}.runtime-item small{font-size:7px;color:#69778c}.runtime-item b{display:block;font-size:12px;margin-top:6px}.terminal-window{margin-top:12px;border:1px solid #2b384c;background:#05080c;min-height:280px;padding:12px;color:#7fefaa;font-size:9px;line-height:1.7}.terminal-window .muted{color:#59677b}.approval{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2c384c;background:#101722;padding:12px;margin-bottom:8px}.approval h3{margin:0;font-size:10px}.approval small{font-size:7px;color:#718097}.empty{height:220px;display:grid;place-items:center;color:#647187;font-size:9px}.toast{position:fixed;right:18px;bottom:18px;background:#111a26;border:1px solid #3c4e68;color:#dfe7f2;padding:10px 12px;font-size:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@keyframes pulse{0%,100%{opacity:.42}50%{opacity:1}}
@media(max-width:1150px){.layout{grid-template-columns:68px 1fr 275px}.top-stats .stat:nth-child(n+4){display:none}.office-frame{min-height:620px}}
@media(max-width:850px){body{overflow:auto}.app{height:auto;min-height:100vh}.topbar{position:sticky;top:0}.top-stats{display:none}.layout{grid-template-columns:58px 1fr}.inspector{grid-column:2;min-height:360px}.workspace{min-height:800px}.office-frame{min-height:650px}}

.admin-btn{border:1px solid #34445b;background:#0f151f;color:#77859a;padding:7px 9px;font-size:7px;cursor:pointer}.admin-btn:hover,.admin-btn.admin-on{color:#fff;border-color:#4e6687;background:#172131}.admin-btn.admin-on{color:var(--green)}
.primary-lite{color:#cfe5ff!important;border-color:#41618a!important;background:#162337!important}.list-toolbar{display:grid;grid-template-columns:1fr 180px 150px;gap:8px;margin-bottom:10px;position:sticky;top:0;z-index:3;background:#080b11;padding-bottom:8px}.search,.list-toolbar select,.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #2c394e;background:#0c121b;color:#dfe8f4;padding:9px;font-size:8px;outline:none}.search:focus,.list-toolbar select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6082ad;box-shadow:0 0 0 2px #30486b55}.agent-list-card{appearance:none;text-align:left;color:inherit;cursor:pointer;width:100%}.agent-list-card:hover,.data-card:hover{border-color:#3d4d66}.card-top,.card-bottom,.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.card-top{font-size:7px;color:#718097}.card-bottom{margin-top:10px;font-size:7px;color:#738097}.card-bottom b{color:#dce5f1;max-width:70%;text-align:right}.project-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:9px}.project-tab{border:1px solid #2c394d;background:#0f151e;color:#708096;padding:7px 9px;font-size:7px;cursor:pointer;white-space:nowrap}.project-tab.active,.project-tab:hover{color:#fff;background:#182232;border-color:#49617f}.project-summary{margin-bottom:9px}.project-title-row h3{margin-bottom:0}.icon-btn,.task-actions button{border:1px solid #35445b;background:#111824;color:#8492a7;padding:5px 7px;font-size:6px;cursor:pointer}.icon-btn:hover,.task-actions button:hover{color:#fff;border-color:#5b7295}.icon-btn.danger,.ghost-btn.danger{color:#ff8996;border-color:#63313a}.scroll-x{overflow:auto}.task-col-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a39;margin-bottom:8px;padding-bottom:7px}.task-col-head h3{margin:0}.task-col-head b{font-size:8px;color:#738096}.priority{font-size:6px;padding:2px 4px;border:1px solid #39475b;color:#8795a8}.priority.high,.priority.critical{color:#ff8795;border-color:#65333b}.priority.medium{color:#ffd87a;border-color:#65572e}.priority.low{color:#79dbaa;border-color:#2d5940}.task-actions{display:flex;gap:5px;margin-top:8px}.memory-scopes{margin-bottom:12px}.section-title{font-size:8px;color:#748197;letter-spacing:1px;margin:5px 0 8px}.notes{padding-bottom:10px}.note-card{display:flex;justify-content:space-between;gap:14px;border:1px solid #29364a;background:#101722;padding:11px;margin-bottom:7px}.note-card h3{font-size:10px;margin:7px 0 3px}.note-card p{font-size:8px;color:#8d9aaf;line-height:1.5;margin:0 0 6px}.note-card small{font-size:6px;color:#5d6a7f}.empty.compact{height:100px}.runtime-grid,.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin-bottom:10px}.system-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.runtime-item{border:1px solid #2b384c;background:#101722;padding:13px}.runtime-item small{font-size:7px;color:#69778c}.runtime-item b{display:block;font-size:11px;margin-top:6px}.green{color:var(--green)}.yellow,.warn-text{color:var(--yellow)}.kv{display:flex;justify-content:space-between;gap:12px;font-size:7px;color:#728096;margin-top:9px}.kv b{color:#dfe8f3;text-align:right}.approval-info{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #384963;background:#111a26;padding:11px;margin-bottom:9px}.approval-info b{font-size:10px}.approval-info span{font-size:7px;color:#76849a}.approval-actions{display:flex;gap:6px}.primary-btn,.ghost-btn{border:1px solid #3e5573;padding:8px 10px;font-size:7px;cursor:pointer}.primary-btn{background:#1c3657;color:#dcecff;border-color:#537baa}.primary-btn:hover{background:#25466f}.ghost-btn{background:#111722;color:#8795a9}.ghost-btn:hover{color:#fff;border-color:#60728e}
.modal-backdrop{position:fixed;inset:0;background:#030507cc;display:grid;place-items:center;z-index:1000;padding:18px}.modal{width:min(560px,100%);border:1px solid #3a4a62;background:#0d141e;box-shadow:10px 12px 0 #0009;padding:14px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #263246;padding-bottom:10px}.modal-head h2{font-size:15px;margin:3px 0 0}.modal-x{border:0;background:transparent;color:#78869a;font-size:20px;cursor:pointer}.modal-x:hover{color:#fff}.modal-note{font-size:7px;line-height:1.5;color:#76849a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.form-field{display:block}.form-field.full{grid-column:1/-1}.form-field>span{display:block;font-size:7px;color:#718097;margin-bottom:5px}.form-field textarea{min-height:94px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px;border-top:1px solid #263246;padding-top:10px}.toast.error{border-color:#703540;color:#ff9eaa}.badge.approved{color:var(--green);border-color:#2b5a3c}.badge.rejected{color:#ff8996;border-color:#63313a}.badge.paused{color:var(--yellow);border-color:#66572f}
@media(max-width:900px){.list-toolbar{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.admin-btn{display:none}}

.inline-actions{display:flex;gap:6px;align-items:center}


/* v0.9 Office Chat */
.layout{grid-template-columns:76px minmax(0,1fr) 410px}
.inspector{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.inspector-head{flex:0 0 auto}
#inspectorRoot{flex:1 1 51%;min-height:210px;overflow:auto;padding-right:2px}
.chat-dock{flex:1 1 49%;min-height:315px;border-top:1px solid #263247;margin-top:10px;padding-top:10px;display:flex;flex-direction:column;overflow:hidden}
.chat-dock-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;padding:0 0 8px}.chat-dock-head>div b{display:block;font-size:10px;margin-top:3px}.chat-runtime{font-size:6px;color:var(--yellow);border:1px solid #65582e;background:#211c0e;padding:4px 6px;white-space:nowrap}.chat-runtime.online{color:var(--green);border-color:#2c5c3d;background:#112019}
#chatRoot{min-height:0;flex:1;display:flex;flex-direction:column}
.chat-toolbar{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin-bottom:7px;flex:0 0 auto}.chat-target{width:100%;border:1px solid #2c394d;background:#0c121b;color:#dce5f2;padding:7px;font-size:7px;outline:none}.chat-clear{border:1px solid #35445b;background:#101722;color:#76849a;padding:7px 8px;font-size:6px;cursor:pointer}.chat-clear:hover{color:#ff98a4;border-color:#683740}
.chat-messages{flex:1;min-height:120px;overflow:auto;border:1px solid #243145;background:#070b10;padding:8px;scroll-behavior:smooth}.chat-empty{height:100%;min-height:110px;display:grid;place-items:center;text-align:center;color:#536176;font-size:7px;line-height:1.55;padding:14px}.chat-msg{display:flex;gap:7px;margin:0 0 8px;align-items:flex-start}.chat-msg.me{justify-content:flex-end}.chat-avatar{width:25px;height:25px;flex:0 0 25px;border:1px solid #34445b;background:#141d29;position:relative;overflow:hidden}.chat-avatar .sprite{transform:scale(.52);transform-origin:top left;left:4px;top:2px}.chat-msg.me .chat-avatar{order:2}.chat-bubble{max-width:82%;border:1px solid #29364a;background:#111824;padding:6px 7px;box-shadow:2px 2px 0 #040609}.chat-msg.me .chat-bubble{background:#132033;border-color:#35557f}.chat-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.chat-bubble-head b{font-size:7px;color:#dfe8f4}.chat-bubble-head small{font-size:5px;color:#536177}.chat-bubble p{margin:0;font-size:7px;line-height:1.5;color:#aeb9c9;white-space:pre-wrap;word-break:break-word}.chat-target-label{font-size:5px;color:#6682a8;margin-top:4px}
.chat-waiting{margin:6px 0 0;border:1px dashed #5e5231;background:#1a160c;color:#b9a564;padding:6px;font-size:6px;line-height:1.45}
.chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:6px;margin-top:7px;flex:0 0 auto}.mic-btn,.chat-send{border:1px solid #35465d;background:#121a26;color:#8b9ab0;cursor:pointer}.mic-btn{width:36px;font-size:14px}.mic-btn:hover,.chat-send:hover{color:#fff;border-color:#5d789f}.mic-btn.listening{color:#ff7788;border-color:#7a3943;background:#271116;box-shadow:0 0 10px #ff687a33}.chat-input{min-height:40px;max-height:92px;resize:vertical;border:1px solid #2c394d;background:#0b1119;color:#e2eaf5;padding:7px;font-size:7px;line-height:1.45;outline:none}.chat-input:focus{border-color:#5374a0}.chat-send{padding:0 10px;font-size:7px;color:#cae0ff;background:#15243a;border-color:#41618a}.chat-hint{font-size:5.5px;color:#56647a;margin-top:5px;line-height:1.4}
.chat-typing{display:inline-flex;gap:3px;align-items:center;color:#77849a;font-size:6px}.chat-typing i{width:3px;height:3px;background:#78879b;animation:pulse 1s infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}
@media(max-width:1250px){.layout{grid-template-columns:68px minmax(0,1fr) 340px}}
@media(max-width:850px){.layout{grid-template-columns:58px minmax(0,1fr)}.inspector{grid-column:2;min-height:760px}.chat-dock{min-height:360px}.chat-msg .chat-bubble{max-width:88%}}

.chat-locked{flex:1;min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed #314056;background:#0a1017;padding:18px}.chat-lock-icon{font-size:24px;color:#6b7a90;margin-bottom:6px}.chat-locked b{font-size:8px;letter-spacing:1px}.chat-locked p{font-size:7px;line-height:1.5;color:#647287;max-width:230px;margin:7px 0 12px}

.panel-chat-btn{width:100%;margin-top:12px;border:1px solid #3d587a;background:#13233a;color:#cde1ff;padding:8px;font-size:7px;cursor:pointer}.panel-chat-btn:hover{border-color:#6484ad;background:#1a2f4d;color:#fff}