/* CALM SHELL OVERLAY - AI Lab Right and Tight */
body{background:linear-gradient(145deg,#0a0e1a 0%,#0d1321 40%,#0f1628 100%)}
*{scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.2) transparent}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background:rgba(34,211,238,.15);border-radius:6px}
body>div:first-child,.sidebar,[class*=sidebar]{background:linear-gradient(180deg,rgba(10,14,26,.98),rgba(13,19,33,.95));border-right:1px solid rgba(34,211,238,.08);padding:12px 8px}
.sidebar a,.sidebar div,body>div:first-child a{border-radius:8px;padding:7px 12px;margin-bottom:2px;transition:all .2s ease;font-size:12.5px;color:rgba(255,255,255,.5)}
.sidebar a:hover,.sidebar div:hover,body>div:first-child a:hover{background:rgba(34,211,238,.06);color:rgba(255,255,255,.85)}
.sidebar a.active,.sidebar .active,body>div:first-child a.active{background:rgba(34,211,238,.1);color:#22d3ee;border-left:2px solid #22d3ee;box-shadow:inset 3px 0 12px rgba(34,211,238,.08)}
.card,[class*=card],.section-card{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(20,28,50,.88));border:1px solid rgba(34,211,238,.08);border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:border-color .2s,box-shadow .2s}
.card:hover,[class*=card]:hover{border-color:rgba(34,211,238,.18);box-shadow:0 4px 24px rgba(34,211,238,.06)}
h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(34,211,238,.7);margin:16px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(34,211,238,.06)}
.mi{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;margin-bottom:6px;transition:all .2s;cursor:pointer}
.mi:hover{border-color:rgba(34,211,238,.2);background:rgba(34,211,238,.04);box-shadow:0 2px 12px rgba(34,211,238,.06)}
.mi .nm{font-weight:600;font-size:12.5px;color:#e2e8f0}
.mi .mt{font-size:10.5px;color:rgba(255,255,255,.4);margin-top:2px}
.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tag.t-cloud{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.2)}
.tag.t-local{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
.tag.t-free{background:rgba(234,179,8,.1);color:#fbbf24;border:1px solid rgba(234,179,8,.15)}
.tool{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;margin-bottom:6px}
.tool .tn{font-weight:600;color:#e2e8f0;font-size:12px}
.tag.t-inst{background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.15)}
#statusStrip{background:linear-gradient(90deg,rgba(10,14,26,.95),rgba(15,23,42,.9));border-bottom:1px solid rgba(34,211,238,.06);padding:6px 16px;backdrop-filter:blur(12px)}
.cmdc-router{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(20,28,50,.9));border:1px solid rgba(34,211,238,.1);border-radius:12px;padding:8px 14px;margin:8px 0;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.chip{background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.12);border-radius:8px;padding:4px 10px;font-size:11px;color:rgba(255,255,255,.6)}
.chip b{color:#22d3ee}
#c2c-cmdc-upgrade{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(20,28,50,.92));border:1px solid rgba(34,211,238,.1);border-radius:14px;padding:12px;margin-top:8px}
textarea,input[type=text]{background:rgba(10,14,26,.8);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e2e8f0;padding:10px 14px;font-size:13px;transition:border-color .2s}
textarea:focus,input[type=text]:focus{border-color:rgba(34,211,238,.3);box-shadow:0 0 0 3px rgba(34,211,238,.06);outline:none}
button{border-radius:8px;font-weight:600;font-size:11px;padding:6px 14px;transition:all .2s;cursor:pointer;border:1px solid rgba(34,211,238,.15);color:#22d3ee;background:rgba(34,211,238,.06)}
button:hover{background:rgba(34,211,238,.12);box-shadow:0 2px 8px rgba(34,211,238,.1)}
#runPanel,#savedPanel{background:linear-gradient(135deg,rgba(10,14,26,.96),rgba(15,23,42,.94));border:1px solid rgba(34,211,238,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(16px)}
.st-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.run-class-badge{padding:3px 10px;border-radius:6px;font-size:10px;font-weight:600}
.msg{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px 16px;margin-bottom:8px}
.msg.ai{border-left:2px solid rgba(34,211,238,.3)}
.vi{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:8px 12px;margin-bottom:4px}
select{background:rgba(10,14,26,.8);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e8f0;padding:6px 10px;font-size:12px}
select:focus{border-color:rgba(34,211,238,.3);outline:none}
h1,h2,.page-title{text-shadow:0 0 20px rgba(34,211,238,.15)}
.run-class-badge.rc-complete{background:rgba(34,197,94,.12);color:#22c55e}
.run-class-badge.rc-error{background:rgba(239,68,68,.12);color:#ef4444}
.run-class-badge.rc-running{background:rgba(234,179,8,.12);color:#eab308}
.stream-out{background:rgba(10,14,26,.7);border:1px solid rgba(34,211,238,.06);border-radius:12px;padding:16px;font-size:13px;line-height:1.6;color:#cbd5e1}
.vg{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(20,28,50,.88));border:1px solid rgba(34,211,238,.08);border-radius:14px;padding:14px;margin-bottom:10px}