/* ClipNeat V9.0 — Studio OS Experience Layer */
:root{
 --cn90-bg:#f5f6fb;--cn90-surface:#ffffff;--cn90-surface-2:#fafaff;--cn90-ink:#151522;--cn90-muted:#6f7182;
 --cn90-line:#e7e8f0;--cn90-purple:#6847ff;--cn90-purple-2:#8a70ff;--cn90-mint:#4fd9c0;--cn90-dark:#11111f;
 --cn90-radius:22px;--cn90-radius-lg:30px;--cn90-shadow:0 20px 60px rgba(38,34,78,.08);--cn90-top:74px;--cn90-side:236px;
 --cn90-ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}
html{background:var(--cn90-bg);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body.cn89-app-page{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cn90-ink);background:var(--cn90-bg)!important}
body.cn89-app-page *{scrollbar-width:thin;scrollbar-color:#d9d6e6 transparent}
body.cn89-app-page button,body.cn89-app-page input,body.cn89-app-page textarea,body.cn89-app-page select{font:inherit}
body.cn89-app-page button,body.cn89-app-page a{-webkit-tap-highlight-color:transparent}
body.cn89-app-page button:focus-visible,body.cn89-app-page a:focus-visible,body.cn89-app-page input:focus-visible,body.cn89-app-page textarea:focus-visible,body.cn89-app-page select:focus-visible{outline:3px solid rgba(104,71,255,.28);outline-offset:2px}

/* Shell */
.cn89-app-page .cn8-app{background:
 radial-gradient(900px 500px at 82% -8%,rgba(118,91,255,.13),transparent 62%),
 radial-gradient(700px 430px at 8% 5%,rgba(79,217,192,.08),transparent 65%),var(--cn90-bg);min-height:100dvh}
.cn89-app-page .cn8-top{height:var(--cn90-top);padding:0 clamp(14px,2vw,30px);background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid rgba(226,226,237,.86);box-shadow:0 6px 28px rgba(28,26,59,.035)}
.cn89-app-page .cn8-logo{width:calc(var(--cn90-side) - 22px)}
.cn89-app-page .cn8-logo img{width:148px;max-height:44px;object-fit:contain}
.cn89-app-page .cn8-side{top:var(--cn90-top);width:var(--cn90-side);padding:18px 12px calc(18px + env(safe-area-inset-bottom));background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-right:1px solid rgba(228,228,237,.9)}
.cn89-app-page .cn8-main{margin-left:var(--cn90-side);padding:calc(var(--cn90-top) + 34px) clamp(20px,3vw,44px) 72px}
.cn89-app-page .cn8-view{max-width:1480px;margin-inline:auto;content-visibility:auto;contain-intrinsic-size:900px}
.cn89-app-page .cn8-view.active{content-visibility:visible}

/* Navigation */
.cn89-app-page .cn8-nav{gap:4px}.cn89-app-page .cn8-nav button{min-height:47px;padding:0 13px;border-radius:14px;color:#656777;transition:background .18s var(--cn90-ease),color .18s var(--cn90-ease),transform .18s var(--cn90-ease)}
.cn89-app-page .cn8-nav button:hover{background:#f3f1fb;color:#302b43;transform:translateX(2px)}
.cn89-app-page .cn8-nav button.active{background:linear-gradient(115deg,#eee9ff,#f8f6ff);color:#4930c8;box-shadow:inset 3px 0 0 var(--cn90-purple)}
.cn89-app-page .cn8-nav button b{font-size:14px;letter-spacing:-.01em}
.cn89-app-page .cn8-tools{border-radius:18px;padding:12px;background:linear-gradient(145deg,#fff,#f8f6ff);border:1px solid #e8e4f2;transition:.2s var(--cn90-ease)}
.cn89-app-page .cn8-tools:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(47,39,90,.08)}

/* Header components */
.cn89-app-page .cn8-brand,.cn89-app-page .cn8-user-chip,.cn89-app-page .cn8-icon,.cn89-app-page .cn88-bell,.cn89-app-page .cn89-command-launch{border:1px solid var(--cn90-line);background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(40,35,79,.035)}
.cn89-app-page .cn8-brand{border-radius:16px;min-height:45px;padding:0 13px}
.cn89-app-page .cn8-user-chip{border-radius:16px;min-height:45px}
.cn89-app-page .cn89-command-launch{border-radius:14px;min-height:43px}

/* Home / briefing */
.cn89-app-page .cn8-home-hero{padding:4px 4px 24px;gap:24px}
.cn89-app-page .cn8-home-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.06em;max-width:850px;margin-bottom:10px}
.cn89-app-page .cn8-home-hero p{font-size:clamp(15px,1.3vw,17px);line-height:1.65;max-width:760px;color:#737487}
.cn89-app-page .cn8-kicker{font-size:11px;letter-spacing:.16em;color:#7066a5}
.cn89-app-page .cn8-team-health{min-width:220px;padding:15px 16px;border-radius:19px;background:rgba(255,255,255,.88);border:1px solid var(--cn90-line);box-shadow:var(--cn90-shadow)}

/* Signature Atlas command center */
.cn89-app-page .cn8-command{position:relative;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;min-height:112px;padding:19px;border-radius:30px;background:
 radial-gradient(360px 180px at 74% 0,rgba(112,76,255,.26),transparent 72%),
 linear-gradient(135deg,#11111e,#17152b 68%,#21164b);box-shadow:0 28px 70px rgba(27,22,59,.24);overflow:hidden}
.cn89-app-page .cn8-command:before{left:100px;top:20px;font-size:10px;letter-spacing:.14em;color:#b6acd9}
.cn89-app-page .cn8-command:after{content:"";position:absolute;width:270px;height:270px;border-radius:999px;right:-75px;top:-150px;background:radial-gradient(circle,rgba(81,217,192,.16),transparent 70%);pointer-events:none}
.cn89-app-page .cn8-command .cn89-command-atlas{width:62px;height:62px;border-radius:20px;padding:5px;background:linear-gradient(145deg,#fff,#eeeaff);box-shadow:0 12px 32px rgba(104,71,255,.24);z-index:2}
.cn89-app-page .cn8-command textarea{position:relative;z-index:2;min-height:70px;padding:24px 4px 6px;font-size:18px;line-height:1.45;color:#fff;background:transparent;border:0;resize:none}
.cn89-app-page .cn8-command textarea::placeholder{color:#9c99ad}
.cn89-app-page .cn8-command button{position:relative;z-index:2;min-height:58px;padding:0 22px;border-radius:17px;background:linear-gradient(120deg,var(--cn90-purple),#7b5cff);box-shadow:0 12px 28px rgba(104,71,255,.3);font-weight:800}
.cn89-app-page .cn8-command button:hover{transform:translateY(-1px);filter:brightness(1.04)}

/* Quick workflows */
.cn89-app-page .cn8-quick{gap:13px;margin-top:14px}
.cn89-app-page .cn8-quick button{min-height:105px;padding:18px;border:1px solid var(--cn90-line);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,249,255,.95));box-shadow:0 8px 25px rgba(42,36,80,.035);transition:.22s var(--cn90-ease)}
.cn89-app-page .cn8-quick button:hover{transform:translateY(-3px);border-color:#dcd5ff;box-shadow:0 18px 36px rgba(53,43,104,.08)}
.cn89-app-page .cn8-quick button b{font-size:15px;letter-spacing:-.015em}.cn89-app-page .cn8-quick button small{font-size:12px;line-height:1.55;color:#767588}

/* Cards and content */
.cn89-app-page .cn8-panel,.cn89-app-page .cn88-card,.cn89-app-page .cn8-connect-card,.cn89-app-page .cn8-cost-card{border:1px solid rgba(230,229,239,.96);background:rgba(255,255,255,.94);border-radius:26px;box-shadow:0 12px 42px rgba(39,34,74,.045)}
.cn89-app-page .cn8-panel{padding:22px}.cn89-app-page .cn8-panel-head h2{font-size:21px;letter-spacing:-.035em}
.cn89-app-page .cn8-page-head h1{font-size:clamp(31px,3.3vw,48px);line-height:1.06;letter-spacing:-.05em}.cn89-app-page .cn8-page-head p{font-size:15px;line-height:1.65;color:#77788a}
.cn89-app-page .cn8-primary{border-radius:14px;min-height:45px}.cn89-app-page .cn8-secondary{border-radius:14px;min-height:43px}

/* Team room stage */
.cn89-app-page .cn8-team-stage{border-radius:32px;background:
 radial-gradient(circle at 50% 48%,rgba(67,218,189,.12),transparent 25%),
 radial-gradient(circle at 52% 48%,rgba(104,71,255,.16),transparent 44%),#0e1019;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 24px 70px rgba(12,12,28,.18)}
.cn89-app-page .cn8-agent-node,.cn89-app-page .cn8-core{will-change:transform;backface-visibility:hidden}
.cn89-app-page .cn8-agent-node.working,.cn89-app-page .cn8-core.working{filter:drop-shadow(0 0 18px rgba(104,71,255,.35))}
.cn89-app-page .cn8-agent-node img,.cn89-app-page .cn8-core img{filter:drop-shadow(0 7px 18px rgba(0,0,0,.24))}

/* Modal/drawer quality */
.cn89-app-page .cn8-modal{backdrop-filter:blur(12px);background:rgba(16,14,26,.52)}
.cn89-app-page .cn8-modal-card,.cn89-app-page .cn88-drawer{border:1px solid rgba(229,226,238,.95);border-radius:26px;box-shadow:0 34px 100px rgba(25,19,55,.25)}
.cn89-app-page .cn8-modal-card input,.cn89-app-page .cn8-modal-card textarea,.cn89-app-page .cn8-modal-card select{border:1px solid #dedde8;border-radius:13px;background:#fbfbfe;transition:border .16s,box-shadow .16s}
.cn89-app-page .cn8-modal-card input:focus,.cn89-app-page .cn8-modal-card textarea:focus,.cn89-app-page .cn8-modal-card select:focus{border-color:#a696ff;box-shadow:0 0 0 4px rgba(104,71,255,.09);outline:0}

/* V9 status + network */
.cn90-status-pill{display:flex;align-items:center;gap:7px;min-height:39px;padding:0 11px;border-radius:13px;border:1px solid var(--cn90-line);background:#fff;color:#5f6171;font-size:12px;font-weight:750;white-space:nowrap}.cn90-status-pill i{width:8px;height:8px;border-radius:999px;background:#63d2bf;box-shadow:0 0 0 4px rgba(79,217,192,.12)}.cn90-status-pill.offline i{background:#e79a4a;box-shadow:0 0 0 4px rgba(231,154,74,.12)}
.cn90-device-note{display:none}

/* Responsive: laptop */
@media(max-width:1180px){:root{--cn90-side:210px}.cn89-app-page .cn8-main{padding-inline:24px}.cn89-app-page .cn8-logo{width:180px}.cn89-app-page .cn8-home-grid{grid-template-columns:1fr}.cn89-app-page .cn8-command{grid-template-columns:64px 1fr auto}}

/* Tablet/mobile app mode */
@media(max-width:800px){
 :root{--cn90-top:62px}
 body.cn89-app-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .cn89-app-page .cn8-top{height:var(--cn90-top);padding:0 11px;gap:7px}.cn89-app-page .cn8-logo{width:auto;flex:0 0 auto}.cn89-app-page .cn8-logo img{width:116px;max-height:34px}.cn89-app-page .cn8-side{display:none!important}.cn89-app-page .cn8-main{margin-left:0;padding:calc(var(--cn90-top) + 20px) 13px calc(98px + env(safe-area-inset-bottom))}.cn89-app-page .cn8-view{max-width:none}
 .cn89-app-page .cn8-top-actions{margin-left:auto}.cn89-app-page .cn89-command-launch,.cn89-app-page .cn8-icon{display:none}.cn90-status-pill{display:none}.cn89-app-page .cn8-brand{min-width:0;max-width:38vw}.cn89-app-page .cn8-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cn89-app-page .cn8-home-hero{display:block;padding:5px 2px 16px}.cn89-app-page .cn8-home-hero h1{font-size:clamp(32px,9.3vw,43px);max-width:95%;margin-bottom:9px}.cn89-app-page .cn8-home-hero p{font-size:14.5px;line-height:1.6}.cn89-app-page .cn8-team-health{margin-top:14px;width:100%;min-width:0}
 .cn89-app-page .cn8-command{grid-template-columns:52px 1fr;min-height:154px;padding:14px;border-radius:24px;align-items:start}.cn89-app-page .cn8-command:before{left:78px;top:18px}.cn89-app-page .cn8-command .cn89-command-atlas{width:48px;height:48px;border-radius:16px}.cn89-app-page .cn8-command textarea{grid-column:2;padding-top:24px;min-height:76px;font-size:16px}.cn89-app-page .cn8-command button{grid-column:1/-1;width:100%;min-height:50px;border-radius:15px}
 .cn89-app-page .cn8-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cn89-app-page .cn8-quick button{min-height:105px;padding:14px;border-radius:18px}
 .cn89-app-page .cn8-panel{padding:16px;border-radius:22px}.cn89-app-page .cn8-home-grid{gap:12px}.cn89-app-page .cn8-team-room{display:none}.cn89-team-feed{display:block!important;background:#fff;border:1px solid var(--cn90-line);border-radius:20px;padding:0 14px}
 .cn89-app-page .cn8-page-head{gap:14px}.cn89-app-page .cn8-page-head h1{font-size:32px}.cn89-app-page .cn8-page-head p{font-size:14px}.cn89-app-page .cn8-page-head>.cn8-primary{width:100%}
 .cn89-app-page .cn8-modal{padding:10px;align-items:flex-end}.cn89-app-page .cn8-modal-card{width:100%;max-height:91dvh;border-radius:26px 26px 18px 18px;overflow:auto}.cn89-app-page .cn8-modal-card.wide{width:100%}
 .cn89-app-page .cn8-brand-form{grid-template-columns:1fr}.cn89-app-page .cn8-brand-form label.wide{grid-column:auto}
 .cn89-app-page .cn8-calendar{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.cn89-app-page .cn8-day{min-width:85vw;scroll-snap-align:start}.cn89-app-page .cn8-assets,.cn89-app-page .cn8-approvals{grid-template-columns:1fr!important}
 .cn89-mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid #e9e8ef;box-shadow:0 -10px 30px rgba(28,24,60,.06)}
 .cn89-mobile-nav button{min-width:0;padding:6px 5px;font-size:11px}.cn89-mobile-nav button i{font-size:18px}.cn89-mobile-nav button.active{color:var(--cn90-purple)}
}

@media(max-width:480px){
 .cn89-app-page .cn8-main{padding-left:10px;padding-right:10px}.cn89-app-page .cn8-logo img{width:108px}.cn89-app-page .cn8-brand{max-width:34vw}.cn89-app-page .cn8-user-chip b{display:none}.cn89-app-page .cn8-home-hero h1{font-size:34px}.cn89-app-page .cn8-quick{grid-template-columns:1fr}.cn89-app-page .cn8-quick button{min-height:84px}.cn89-app-page .cn8-command{grid-template-columns:48px 1fr}.cn89-app-page .cn8-command:before{left:72px}.cn89-app-page .cn8-command textarea{font-size:15.5px}.cn89-more-grid{grid-template-columns:1fr 1fr}.cn89-app-page .cn8-panel-head{align-items:flex-start;gap:8px}.cn89-app-page .cn8-panel-head button{white-space:nowrap}
}

@media(max-width:380px){.cn89-app-page .cn8-logo img{width:96px}.cn89-app-page .cn8-brand{max-width:31vw}.cn89-app-page .cn8-home-hero h1{font-size:31px}.cn89-app-page .cn8-main{padding-inline:8px}.cn89-app-page .cn8-command{padding:12px}.cn89-app-page .cn8-command .cn89-command-atlas{width:44px;height:44px}}

@media(min-width:1600px){:root{--cn90-side:248px}.cn89-app-page .cn8-main{padding-inline:56px}.cn89-app-page .cn8-view{max-width:1560px}.cn89-app-page .cn8-home-grid{gap:22px}.cn89-app-page .cn8-panel{padding:25px}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){.cn89-app-page .cn8-panel,.cn89-app-page .cn8-quick button,.cn89-app-page .cn8-brand{border-color:#c7c5d1}.cn89-app-page .cn8-nav button{color:#3e3e48}}