/* CampTrick AI Studio — polished responsive control room.
 * Scoped to standalone hosted AI; does not affect ERP/OS.
 * Static CSS, no remote assets or external fonts.
 */
:root{--studio-bg:#090d18;--studio-surface:#11192a;--studio-panel:#151e31;--studio-stroke:#2a3850;--studio-text:#f1f5ff;--studio-muted:#afbdd2;--studio-violet:#a991ff;--studio-mint:#8ae5d0}
html{background:var(--studio-bg);font-synthesis:none}
body{background:radial-gradient(ellipse at 72% 10%,#182843a8,transparent 45%),linear-gradient(138deg,#0a101d 6%,#0b1021 55%,#12112a 100%)!important;color:var(--studio-text);font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.shell{grid-template-columns:76px 247px minmax(0,1fr)}
.osrail{background:#0c1321;border-right:1px solid #253147;gap:10px;padding:19px 6px}
.osrail-logo{border-color:#6576ac;background:linear-gradient(135deg,#5b50a7,#242850);box-shadow:0 10px 30px #17125588;border-radius:17px}
.osrail-button,.osrail-link{color:#b8bbd6;border-radius:15px;width:62px;min-height:62px}
.osrail-button:is(:hover,.selected),.osrail-link:is(:hover,.active),.osrail-link[aria-current=page]{background:linear-gradient(155deg,#363f71,#2a3159);border-color:#777bbf;color:#fff}
.osrail-button:focus-visible,.osrail-link:focus-visible{outline:2px solid var(--studio-violet);outline-offset:3px}
.osrail-button .symbol,.osrail-link .symbol{font-size:23px}
.osrail-bottom{background:#161e36;border-color:#34436a;border-radius:15px;color:#e1ddff}
aside#workspaceSidebar{background:linear-gradient(180deg,#10192b,#11182a);border-right:1px solid #27334b;padding:20px 15px;gap:13px}
.brand{border-color:#33405b;padding:6px 5px 21px}
.brand .logo{border-color:#545d98;border-radius:15px;background:linear-gradient(135deg,#383f86,#191b3c);color:#fff}
.brand b{color:#f3f5ff;letter-spacing:-.02em;font-size:16px}
.brand small{color:#b7aada;letter-spacing:.14em}
.studio-sidebar-kitty{display:flex;align-items:center;gap:12px;padding:15px 13px;text-decoration:none;border:1px solid #6758a3;border-radius:15px;background:linear-gradient(120deg,#272750,#34306b);color:#fff;box-shadow:0 12px 28px #1d194448;transition:transform .18s,border-color .18s,background .18s}
.studio-sidebar-kitty:hover{transform:translateY(-2px);border-color:#afa2ff;background:linear-gradient(120deg,#35366b,#444082)}
.studio-sidebar-kitty .icon{font-size:24px;line-height:1}
.studio-sidebar-kitty strong{display:block;font-size:13px;letter-spacing:.01em}
.studio-sidebar-kitty small{display:block;font-size:11px;color:#cecef1;margin-top:2px}
.workspace-group{border-color:#2f3a54;max-height:35vh}
.workspace-primary{background:#263557;border:1px solid #586e9b;border-radius:12px;min-height:45px;color:#f1f5ff}
.workspace-explore{border-color:#3b4c69;border-radius:11px;background:#182237;color:#d6e2fc}
.workspace-entry.current{background:#29395b;border-color:#5e73a0}
.workspace-entry{color:#aebcd4;font-size:12px}
.navtitle{color:#90a1bf;letter-spacing:.15em}
.foot{border:1px solid #29374f;border-radius:14px;background:#152037;color:#afbdd2}
.foot strong{color:#e9eafe}
.foot button{background:#2a3457;color:#f0e7ff}
main{background:transparent}
.os-masthead{padding:13px clamp(18px,2.5vw,38px);background:#0f1828b8;border-color:#283651;color:#bbc4dc;letter-spacing:.07em}
.os-crumb{color:#8ea1bf}
.os-mode{border-radius:7px;color:#c5d7fa;background:#192742;border-color:#35486b}
.studio-command-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(255px,.78fr);gap:20px;align-items:stretch;padding:23px clamp(18px,2.5vw,38px) 14px;background:linear-gradient(180deg,#101a2b8c,#101a2b00)}
.studio-hero-primary{min-width:0;padding:27px clamp(23px,3vw,43px);border:1px solid #3c4966;border-radius:23px;background:radial-gradient(circle at 92% 14%,#5850b852,transparent 43%),linear-gradient(137deg,#1b2850,#17213a 70%,#151f37);box-shadow:0 14px 40px #02040e45;position:relative;overflow:hidden}
.studio-hero-primary:after{content:"";position:absolute;border:1px solid #a0a2f624;border-radius:50%;height:330px;width:330px;right:-192px;top:-150px;pointer-events:none}
.studio-overline{display:flex;align-items:center;gap:10px;font:750 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#c7ceff;margin:0 0 12px}
.studio-overline:before{content:"";height:7px;width:7px;background:#94e5d0;border-radius:50%;box-shadow:0 0 15px #7be8d5}
.studio-hero-primary h1{font-size:clamp(25px,2.5vw,39px);letter-spacing:-.045em;line-height:1.15;margin:0 0 11px;font-weight:800;max-width:760px}
.studio-hero-primary p{font-size:clamp(13px,1vw,15px);color:#cad4ee;line-height:1.75;margin:0;max-width:650px}
.studio-hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:24px}
.studio-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .17s}
.studio-hero-actions a:hover{transform:translateY(-2px)}
.studio-hero-actions .primary{color:#fff;background:linear-gradient(120deg,#8469d2,#7960c8);box-shadow:0 7px 22px #5d4baf55;border:1px solid #ad98fc}
.studio-hero-actions .secondary{color:#dde8ff;background:#1b2b45;border:1px solid #526382}
.studio-runtime-panel{padding:19px 20px;border-radius:22px;border:1px solid #3a4a63;background:linear-gradient(155deg,#182439,#121d30);box-shadow:0 14px 35px #05071444}
.studio-runtime-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.studio-runtime-head strong{font-size:14px;color:#f2f5ff}
.studio-runtime-head span{font:700 10px ui-monospace,Consolas,monospace;color:#a9b8cf;letter-spacing:.1em}
.studio-runtime-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #324058}
.studio-runtime-item .name{color:#bac9de;font-size:12px}
.studio-runtime-item .value{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-align:right;color:#d2d9e6}
.studio-runtime-item .value:before{content:"";width:7px;height:7px;background:#718097;border-radius:99px;flex:0 0 auto}
.studio-runtime-item .value[data-state=online]{color:#98efd0}.studio-runtime-item .value[data-state=online]:before{background:#56e6b2;box-shadow:0 0 11px #5aefbd77}
.studio-runtime-item .value[data-state=offline]{color:#ffbfb8}.studio-runtime-item .value[data-state=offline]:before{background:#f48883}
.studio-runtime-item .value[data-state=blocked]{color:#ffdf9c}.studio-runtime-item .value[data-state=blocked]:before{background:#e7b76d}
.studio-runtime-item .value[data-state=waiting]{color:#c5cfde}
.studio-runtime-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;flex-wrap:wrap}
.studio-runtime-actions a{color:#c5c5ff;font-weight:700;font-size:12px;text-decoration:none}
.studio-runtime-actions a:hover{text-decoration:underline}
.studio-runtime-actions button{color:#dce9ff;font-size:11px;border:1px solid #4b6482;background:#1b2d47;border-radius:9px;padding:8px 11px}
.studio-runtime-help{color:#a6b8d3;font-size:11px;line-height:1.6;margin:12px 0 0}
.top{margin:0 clamp(18px,2.5vw,38px);padding:13px 4px 16px;border-color:#30415d;align-items:center}
.top h1{font-size:16px!important;font-weight:750!important;color:#e7eeff}
.top p{color:#aabbd2!important;font-size:12px!important}
.top a{color:#c0b0ff!important;font-weight:700}
.status{background:#182638;border-color:#364964;color:#bdcce5}
.dot{background:#8aebd2}
.usage-panel{background:#101d2e;border-color:#2a3d54;padding:12px clamp(18px,2.5vw,38px)}
.usage-header strong{color:#f0f3ff}.usage-header span{color:#b2c2d6}
.usage-header button{background:#23344e;border-color:#405675;color:#d2e2ff;border-radius:10px;padding:8px 13px}
.usage-caution{color:#97acc8;font-size:11px}
.usage-row{background:#1b2b42;border-color:#314661}
.conversation{background:radial-gradient(ellipse at 55% 30%,#222e5e3d,transparent 67%),linear-gradient(180deg,#0d162500,#0a1320b8);background-size:auto!important;padding:22px clamp(18px,2.5vw,38px) 19px}
.welcome{margin:12px auto 0;max-width:730px}
.welcome .mark{height:60px;width:60px;border-radius:19px;background:linear-gradient(140deg,#34365d,#242c50);border:1px solid #656aab;color:#c5b6ff;box-shadow:0 10px 34px #15164077}
.welcome h2{font-size:clamp(26px,2vw,33px);color:#f1f4ff;letter-spacing:-.035em;margin:17px 0 8px}
.welcome p{color:#b5c7db;max-width:560px;margin:0 auto;line-height:1.7}
.suggestions{max-width:820px;gap:14px;margin:21px auto}
.suggestions button{min-height:112px;border:1px solid #374862;background:linear-gradient(154deg,#1b293f,#142034);border-radius:16px;padding:19px;box-shadow:0 8px 25px #04091333}
.suggestions button:hover{border-color:#8e83d9;background:#243352;transform:translateY(-2px)}
.suggestions b{font-size:14px;color:#f0f2fe}.suggestions span{font-size:12px;color:#a8bfd5}
#thread{max-width:980px}.bubble{background:#1b2940;border-color:#344766;color:#edf3ff}.bubble.user{background:#31345e;border-color:#6e6da9}.bubble.assistant{background:#15263a}
.message-rich{color:#e5efff}
.composer{max-width:950px;width:calc(100% - clamp(36px,5vw,76px));margin:0 auto 17px}
.composercard{background:#18263b;border:1px solid #596b8a;border-radius:18px;padding:17px 18px;box-shadow:0 12px 35px #06091655}
.composercard:focus-within{border-color:#9b96e8;box-shadow:0 0 0 3px #a393db1e}
.composercard textarea{font-size:14px;color:#f4f6ff;line-height:1.75}
.composercard textarea::placeholder{color:#91a2bf}
.send{background:linear-gradient(135deg,#8265d3,#6551af);border-radius:11px;padding:10px 19px;box-shadow:0 6px 20px #49389e44}
.send:hover:not(:disabled){background:linear-gradient(135deg,#a285e9,#7662ca)}
.notice{color:#8b9bb5;font-size:11px}
.login{background:#172239;border-color:#43577f;box-shadow:0 30px 110px #0009}
.login button{background:#7663c3}.login input{background:#0c1528;border-color:#526486}
.login h2{color:#f3f5ff}
#authGate{background:#080d18ee}
:where(.studio-command-hero a,.studio-runtime-actions button,.studio-sidebar-kitty):focus-visible{outline:2px solid #b2a3ff;outline-offset:3px}
@media(max-width:1150px){.shell{grid-template-columns:70px 220px minmax(0,1fr)}.studio-command-hero{grid-template-columns:1fr}.studio-runtime-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.studio-runtime-head,.studio-runtime-actions,.studio-runtime-help{grid-column:1/-1}}
@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr)}aside#workspaceSidebar{padding:10px 13px;flex-direction:column;align-items:stretch}.studio-sidebar-kitty{min-height:45px;padding:9px 13px}.studio-sidebar-kitty small{display:none}.brand{display:none}.studio-command-hero{padding:15px 14px 9px;gap:12px}.studio-hero-primary{padding:22px}.studio-runtime-panel{display:block;padding:16px}.top{margin:0 16px;padding:11px 0}.usage-panel{padding:10px 15px}.conversation{padding:16px}.welcome{margin:8px auto}.suggestions{grid-template-columns:1fr}.suggestions button{min-height:75px}.composer{width:calc(100% - 26px)}.os-masthead{padding:11px 14px}}
@media(max-width:520px){.studio-hero-primary h1{font-size:25px}.studio-hero-actions a{flex:1 1 100%;text-align:center}.studio-runtime-item .name{font-size:11px}.studio-runtime-item .value{font-size:11px}.studio-hero-actions{gap:8px}.top{display:block}.top .status{margin-top:10px}.composer-row,.composebottom{align-items:stretch;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.studio-hero-actions a,.studio-sidebar-kitty,.suggestions button{transition:none!important;transform:none!important}}

/* Studio v3 navigation unifies all hosted workspaces without altering core chat. */
.studio-global-menu{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-inline-start:auto;background:#19263a;border:1px solid #394965;border-radius:11px;padding:4px}
.studio-global-menu a{color:#afc3dc!important;text-decoration:none;font-size:11px;font-weight:750;padding:7px 11px;border-radius:8px;white-space:nowrap}
.studio-global-menu a:hover,.studio-global-menu a[aria-current=page]{background:#424476;color:#fff!important}
.studio-sidebar-shortcuts{display:grid;gap:7px}
.studio-sidebar-shortcuts a{color:#becde5;text-decoration:none;padding:10px 12px;border:1px solid #34435e;background:#19243a;border-radius:11px;font-size:12px;font-weight:700}
.studio-sidebar-shortcuts a:hover{border-color:#8982d9;color:#fff}
@media(max-width:1190px){.studio-global-menu{margin:10px 0 0;width:100%;justify-content:center}.os-masthead{flex-wrap:wrap}}
@media(max-width:800px){.studio-sidebar-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-sidebar-shortcuts a{text-align:center;padding:8px 5px;font-size:10px}}