/* /portal.css */
/* Northstar: ink navigation, a bright working canvas, and electric blue. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;color:#222326;background:#f4f6fb;--muted:#64718a;--line:#e0e5ef;--blue:#4162eb;--mint:#4162eb;--panel:#fff;--ink:#1a1b1e}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8299ff;outline-offset:4px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#64718a}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21a875;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:750;letter-spacing:.14em}.brand small{display:block;font-size:.75rem;letter-spacing:.06em;font-weight:450;color:#9babc5;margin-top:5px}.mark{position:relative;font-size:27px;font-weight:650;letter-spacing:-.12em;display:grid;place-items:center;width:43px;height:45px;color:white;background:#4565ed;border-radius:13px;box-shadow:0 5px 20px #3458ff33}.mark span{font-size:12px;position:absolute;top:2px;right:5px;letter-spacing:0}.primary{border:1px solid #4162eb;background:#4162eb;color:#fff;padding:13px 22px;border-radius:11px;font-size:.875rem;font-weight:650;min-height:44px;box-shadow:0 4px 12px #4162eb22}.primary:hover{background:#3050da;box-shadow:0 6px 18px #4162eb33}.primary span{margin-left:18px}.error{font-size:.875rem;color:#b92f48;line-height:1.6}.error:empty{display:none}
/* Sign in */
.signin{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-art{padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 90% 70%,#284fc199,transparent 65%),#1b1c1f;color:white;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 49.9%,#ffffff07 50%,transparent 50.1%);pointer-events:none}.login-copy{position:relative;z-index:1;padding:64px 0}.login-copy .eyebrow{color:#91aaff}.login-copy h1{font-size:clamp(40px,4.8vw,76px);line-height:1.07;font-weight:570;letter-spacing:-.06em;margin:24px 0}.login-copy h1 span{color:#94b2ff}.login-copy p{font-size:1rem;line-height:1.8;color:#b1c0dc;max-width:350px}.login-caps{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.login-caps span{font-size:.75rem;padding:9px 12px;border:1px solid #ffffff26;border-radius:8px;color:#cfdbf2;background:#ffffff05}.login-foot{font-size:.75rem;line-height:1.7;color:#a7b9db;display:flex;gap:10px;align-items:center}.login-main{display:grid;place-items:center;padding:48px}.login-box{width:100%;max-width:370px}.login-box h2{font-size:2.25rem;letter-spacing:-.045em;font-weight:600;margin:17px 0 12px}.login-box>p{color:var(--muted);font-size:1rem;line-height:1.7}.login-box form{margin-top:36px}.login-box label{display:block;font-size:.875rem;font-weight:600;margin-bottom:11px}.password-field{display:flex;border:1px solid #cbd3e3;border-radius:11px;background:#f8faff}.password-field input{width:100%;min-width:0;border:0;background:transparent;padding:17px;color:#222326;outline:none}.password-field:focus-within{border-color:#4162eb;box-shadow:0 0 0 3px #4162eb14}.password-field button{background:transparent;border:0;color:#526381;font-size:.875rem;padding:0 16px}.login-submit{margin:18px 0;width:100%;display:flex;justify-content:space-between}.login-note{margin-top:34px;padding-top:23px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.8;color:#78849a}
/* Navigation */
.workspace{display:grid;grid-template-columns:268px minmax(0,1fr);height:100dvh;overflow:hidden}#sidebar{display:flex;flex-direction:column;background:var(--ink);border-right:1px solid #292a2d;padding:30px 18px 20px;min-height:0;color:#e7edfa;overflow-y:auto}#sidebar>.brand{padding:0 10px 29px}#sidebar>.brand,.new-chat,.side-label,#assistants,.side-bottom{flex-shrink:0}.new-chat{display:flex;align-items:center;gap:9px;width:100%;padding:14px 13px;background:#4162eb;color:white;border:1px solid #5474f3;border-radius:10px;font-size:.875rem;font-weight:550;margin-bottom:31px;box-shadow:0 5px 18px #0002}.new-chat:hover{background:#5372f3}.new-chat span:last-child{margin-left:auto}.side-label{display:flex;justify-content:space-between;font-size:.75rem;font-weight:550;letter-spacing:.07em;color:#8d9eba;padding:0 11px;margin-bottom:11px}.side-label span{color:#c6d3f0}.assistant-nav{display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;color:#b4c1d8;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font-size:.875rem;margin-bottom:3px;min-height:47px}.assistant-nav:hover{background:#292a2d;color:#fff}.assistant-nav.selected{background:#353639;border-color:#4a4b4e;color:#fff;box-shadow:inset 3px 0 #7896ff}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:13px;background:#e6f5ee;color:#238967;font-size:.875rem;font-weight:600}.avatar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.blue .avatar,.avatar.blue{background:#eaf0ff;color:#4162d7}.gold .avatar,.avatar.gold{background:#fff2d9;color:#a87215}.rose .avatar,.avatar.rose{background:#fcebf2;color:#b64f78}.violet .avatar,.avatar.violet{background:#f0eaff;color:#7c51b3}.cyan .avatar,.avatar.cyan{background:#e1f4f6;color:#238598}.orange .avatar,.avatar.orange{background:#fff0e5;color:#ba692c}.silver .avatar,.avatar.silver{background:#edf0f7;color:#586b96}.assistant-nav .avatar{width:29px;height:29px;border-radius:8px;background:#ffffff0d;color:#bed0f4}.assistant-nav .avatar svg{width:17px;height:17px}.recent-label{margin-top:30px}.history{overflow:auto;flex:1;min-height:58px}.history-item{display:flex;gap:10px;border:0;background:transparent;color:#95a8c7;width:100%;padding:12px 11px;border-radius:8px;font-size:.8125rem;text-align:left;min-height:44px}.history-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item:hover,.history-item.selected{color:#e0e9fa;background:#2a2b2e}.history-dot{color:#849ac2}.empty-history{font-size:.8125rem;color:#899bb8;line-height:1.7;padding:10px}.side-bottom{border-top:1px solid #36373a;padding-top:13px;margin-top:20px}.side-bottom>a,.side-bottom>button{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:#b6c4db;padding:11px;font-size:.875rem;text-align:left}.side-bottom>a:hover,.side-bottom>button:hover{color:white;background:#2a2b2e;border-radius:8px}.private-note{display:flex;align-items:center;gap:8px;color:#8fa4c6;font-size:.75rem;padding:16px 11px 0}
/* Working canvas */
.main-shell{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 36px;flex-shrink:0}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:.875rem;color:#78859b}.breadcrumbs strong{font-weight:600;color:#353639}.slash{color:#c5ccda}#menu{display:none;border:1px solid #dae1ee;background:white;border-radius:9px;color:#37383b;min-width:40px;min-height:40px;font-size:19px}.status-pill{display:flex;align-items:center;gap:8px;background:#edf8f2;border:1px solid #d1eadb;border-radius:24px;padding:9px 13px;font-size:.75rem;color:#237552;white-space:nowrap}.status-pill.simulation{color:#966419;background:#fff5e2;border-color:#edd6a7}.status-pill.simulation .dot{background:#bf8b28}#main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;background:radial-gradient(ellipse at 95% 0,#e5ebff80,transparent 60%),#f5f7fc}.welcome{max-width:1440px;width:100%;margin:0 auto;padding:43px 36px 28px}.welcome-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.welcome-heading h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.05em;font-weight:600;margin:13px 0 12px;line-height:1.15}.welcome-heading p{color:#69768d;font-size:1rem;line-height:1.7}.workspace-stamp{flex-shrink:0;display:grid;grid-template-columns:7px auto;gap:7px 9px;align-items:center;font-size:.8125rem;font-weight:550;color:#5f6063;padding-bottom:4px}.workspace-stamp small{grid-column:2;font-size:.75rem;font-weight:400;color:#8390a5}.assistant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.assistant-card{position:relative;text-align:left;color:inherit;background:white;border:1px solid #dfe5f0;border-radius:16px;min-height:225px;padding:23px 21px;display:flex;flex-direction:column;box-shadow:0 2px 4px #34353803,0 8px 20px #34353803}.assistant-card:hover{transform:translateY(-4px);border-color:#90a5f2;box-shadow:0 10px 25px #4162eb12}.assistant-card:active{transform:translateY(-1px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-index{font-size:.75rem;color:#939fb3;font-family:ui-monospace,monospace}.assistant-card h2{font-size:1rem;letter-spacing:-.02em;font-weight:650;line-height:1.35;margin-bottom:10px}.assistant-card>p{font-size:.875rem;line-height:1.65;color:#71809a}.card-foot{display:flex;justify-content:space-between;align-items:center;color:#4162cb;font-size:.75rem;font-weight:550;margin-top:auto;padding-top:22px}.card-foot span:last-child{font-size:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eff3ff}.workspace-note{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);margin-top:29px;padding-top:24px;color:#8a98b1}.workspace-note>span:first-child{font-size:28px;color:#4162eb}.workspace-note p{font-size:.875rem;color:#5a5b5e;font-weight:550}.workspace-note small{display:block;margin-top:6px;font-size:.75rem;color:#8190a9;font-weight:400;line-height:1.6}.model-label{margin-left:auto;border:1px solid #dce3ef;border-radius:7px;padding:8px 11px;font-size:.75rem;background:#fff;white-space:nowrap;color:#6d7d98}.bottom-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:#fff;color:#8190a8;min-height:43px;padding:0 36px;font-size:.75rem;gap:15px}.bottom-bar .dot{width:5px;height:5px;margin-right:7px}
/* Conversations */
.chat{flex:1;min-height:0;display:flex;flex-direction:column;max-width:1180px;width:100%;margin:0 auto}.chat-header{display:flex;align-items:center;gap:14px;margin:0 36px;padding:24px 0;border-bottom:1px solid #dce3ee}.chat-heading h1{font-size:1.25rem;font-weight:650;letter-spacing:-.025em;line-height:1.3}.chat-heading p{font-size:.875rem;color:#74829a;margin-top:7px;line-height:1.6}.text-button{margin-left:auto;background:#fff;color:#63728c;border:1px solid #d4ddea;border-radius:9px;padding:10px 13px;font-size:.8125rem;min-height:42px}.text-button:hover{background:#edf1fb}.messages{flex:1;overflow:auto;min-height:0;padding:28px 36px;scroll-behavior:smooth}.chat-empty{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:660px;margin:24px auto 30px}.chat-empty>.avatar{width:60px;height:60px;border-radius:18px}.chat-empty>.avatar svg{width:30px;height:30px}.chat-empty h2{font-size:1.875rem;font-weight:580;letter-spacing:-.04em;margin:22px 0 12px}.chat-empty p{color:#7b89a0;font-size:.9375rem;line-height:1.7}.suggestions{display:flex;flex-direction:column;gap:10px;max-width:500px;width:100%;margin-top:28px}.suggestions button{text-align:left;border:1px solid #d9e1ef;border-radius:11px;background:#fff;color:#536482;padding:14px 17px;font-size:.875rem;line-height:1.6;min-height:49px}.suggestions button:after{content:'↗';float:right;color:#7c96e6;margin-left:12px}.suggestions button:hover{border-color:#8ea3ee;background:#f9faff}.message-row{display:flex;gap:13px;margin-bottom:27px;max-width:100%}.message-row>.avatar{width:35px;height:35px;border-radius:11px;margin-top:5px}.message-row>.avatar svg{width:19px;height:19px}.user-avatar{background:#e1e8fa;color:#4560a2}.message-content{min-width:0;flex:1;border:1px solid #e0e6f0;background:#fff;border-radius:3px 15px 15px 15px;padding:19px 22px;box-shadow:0 3px 9px #30313403}.message-label{font-size:.8125rem;font-weight:650;margin:0 0 11px;color:#58595c}.prose{font-size:1rem;color:#414245;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.message-row.user{max-width:85%;margin-left:auto;flex-direction:row-reverse}.message-row.user .message-content{background:#edf1ff;border-color:#dce4ff;border-radius:15px 3px 15px 15px;box-shadow:none}.message-row.user .prose{color:#415680}.message-row.user .message-label{color:#5b71a2}.message-meta{display:flex;align-items:center;gap:12px;color:#8d99ad;font-size:.75rem;margin-top:18px}.verdict{padding:4px 9px;border-radius:5px;background:#e9f6ed;color:#33805c;font-weight:550}.verdict.blocked,.verdict.error{background:#ffedf0;color:#b53f59}.verdict.redacted{background:#fff4d8;color:#9d741d}.verdict.monitored{background:#eaf2ff;color:#4a74b3}.inspection-details{margin-top:16px;border-top:1px solid #edf0f6;padding-top:14px;font-size:.75rem;color:#7c8ca5}.inspection-details summary{cursor:pointer;color:#647da7}.trace-item{display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #edf0f6;line-height:1.6}.trace-item>span:first-child{flex:1;min-width:120px}.trace-source{color:#8391a5}.trace-decision{color:#378468}.trace-decision.block{color:#b64154}.trace-decision.redact{color:#9d741d}.run-id{font:.75rem/1.7 ui-monospace,monospace;margin-top:12px;overflow-wrap:anywhere}.compose-wrap{padding:10px 36px 17px;background:linear-gradient(transparent,#f5f7fc 25%)}.composer{background:white;border:1px solid #cdd7e9;border-radius:15px;padding:18px;box-shadow:0 6px 22px #37383b08}.composer:focus-within{border-color:#8199ef;box-shadow:0 0 0 3px #4162eb0a,0 6px 22px #37383b08}.composer textarea{display:block;width:100%;border:0;background:none;outline:none;resize:vertical;min-height:67px;max-height:200px;color:#393a3d;font-size:1rem;line-height:1.7;padding:0}.composer textarea::placeholder{color:#97a3b8}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.composer-footer>span{font-size:.75rem;color:#8897ae;line-height:1.6}.composer-footer .primary{padding:10px 15px}.compose-note{text-align:center;font-size:.75rem;color:#97a3b6;margin-top:12px}.waiting{display:flex;gap:10px;align-items:center;font-size:.875rem;color:#6981a8;margin:20px 48px;line-height:1.6}.pulse{width:7px;height:7px;background:#6282e9;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.code-block{border:1px solid #393a3d;border-radius:10px;margin:15px 0;overflow:hidden;background:#1f2023}.code-head{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;font-size:.75rem;color:#9bb0d1;border-bottom:1px solid #3d3e41}.code-head button{border:0;background:none;color:#b7ceff;font-size:.75rem;min-height:28px}.code-block pre{padding:17px;margin:0;overflow:auto;font:.875rem/1.8 ui-monospace,monospace;color:#d9e5fa}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@keyframes pulse{50%{opacity:.3}}@media(min-width:1700px){.welcome{padding-top:64px}.assistant-card{min-height:250px;padding:27px}.assistant-grid{gap:20px}}@media(max-width:1380px){.workspace{grid-template-columns:250px minmax(0,1fr)}.assistant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-card{min-height:200px}.workspace-stamp{display:none}.welcome{padding-top:32px}.model-label{display:none}}@media(max-width:980px){.workspace{grid-template-columns:226px minmax(0,1fr)}#sidebar{padding:24px 12px}.assistant-nav{font-size:.8125rem;gap:8px}.welcome,.messages{padding-left:23px;padding-right:23px}.topbar,.bottom-bar{padding-left:23px;padding-right:23px}.chat-header{margin-left:23px;margin-right:23px}.compose-wrap{padding-left:23px;padding-right:23px}.login-art{padding:36px}.login-main{padding:36px}}
@media(max-width:760px){.signin{grid-template-columns:1fr}.login-art{padding:26px;min-height:250px}.login-copy{padding:36px 0 8px}.login-copy h1{font-size:38px;margin:16px 0}.login-copy p,.login-foot,.login-caps{display:none}.login-main{padding:38px 26px}.login-box h2{font-size:1.875rem}.workspace{grid-template-columns:1fr}#sidebar{position:fixed;z-index:5;left:0;top:69px;bottom:0;width:min(290px,86vw);box-shadow:30px 0 70px #26272a40;transform:translateX(-115%);transition:transform .18s}#sidebar.open{transform:translateX(0)}.assistant-nav{font-size:.875rem}.topbar{height:69px;padding:0 16px;gap:8px}.breadcrumbs{gap:8px;font-size:.75rem}.breadcrumbs>span:first-of-type,.slash{display:none}.breadcrumbs strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu{display:block}.status-pill{font-size:.75rem;padding:7px 9px;gap:6px}.welcome{padding:29px 18px}.welcome-heading h1{font-size:32px}.welcome-heading p{font-size:.9375rem}.assistant-grid{gap:12px;margin-top:25px}.assistant-card{padding:18px 16px;min-height:225px}.assistant-card h2{font-size:.9375rem}.assistant-card>p{font-size:.8125rem}.card-top{margin-bottom:17px}.card-foot{font-size:.75rem;padding-top:16px}.workspace-note{align-items:flex-start}.bottom-bar{padding:0 18px;font-size:.75rem}.bottom-bar>span:last-child{display:none}.chat-header{margin:0 18px;padding:18px 0;gap:10px}.chat-heading h1{font-size:1.0625rem}.chat-heading p{font-size:.8125rem;max-width:260px}.chat-header>.avatar{width:37px;height:37px;border-radius:10px}.text-button{font-size:.75rem;padding:8px}.messages{padding:22px 15px}.compose-wrap{padding:8px 14px 12px}.composer{padding:14px}.composer-footer>span{max-width:180px;font-size:.75rem}.compose-note{font-size:.75rem}.chat-empty{margin-top:12px}.chat-empty h2{font-size:1.625rem}.message-row{gap:8px}.message-row.user{max-width:95%}.message-content{padding:15px}.prose{font-size:1rem}.message-row>.avatar{width:29px;height:29px}.waiting{margin:15px 36px}.trace-item{gap:5px}.login-art .brand{font-size:.8125rem}}
@media(max-width:400px){.assistant-grid{grid-template-columns:1fr}.assistant-card{min-height:185px}.status-pill{max-width:145px;white-space:normal;font-size:.75rem}.breadcrumbs strong{max-width:105px}.composer-footer>span{max-width:155px}.chat-header>.avatar{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Cloud assistant */
.workspace-tabs{display:flex;gap:4px;padding:4px;border:1px solid #e0e5ef;border-radius:10px;background:#f5f7fc;margin-left:auto}.workspace-tabs button{border:0;border-radius:7px;padding:9px 14px;background:transparent;color:#667591;font-size:.8125rem;white-space:nowrap}.workspace-tabs button.active{background:white;color:#3656d4;box-shadow:0 1px 5px #35363915}.workspace-tabs button span{font-size:.625rem;color:#97651c;background:#fff0ce;padding:3px 5px;margin-left:4px;border-radius:4px}
.gcp-panel{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1120px;margin:auto;padding:0 36px;background:transparent}.gcp-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 0 18px}.gcp-identity{display:flex;align-items:center;gap:12px}.gcp-identity .avatar{font-size:26px}.gcp-heading h1{font-size:1.125rem;font-weight:650;letter-spacing:-.025em}.gcp-heading p{font-size:.8125rem;color:#74829a;margin-top:6px}.gcp-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #e0e6ef;padding-bottom:16px;flex-shrink:0}.gcp-connection{font-size:.75rem;color:#646568;display:flex;align-items:center;gap:7px}.gcp-connection:before{content:'';width:6px;height:6px;border-radius:50%;background:#21a875}.gcp-connection.simulation{color:#986e2b}.gcp-connection.simulation:before{background:#b58b3b}.gcp-toolbar select{font:inherit;font-size:.75rem;color:#667591;background:transparent;border:0;padding:7px;max-width:50%;text-overflow:ellipsis}.gcp-messages{flex:1;min-height:0;overflow:auto;padding:28px 8px 12px;scroll-behavior:smooth}.gcp-empty{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 0 36px}.gcp-empty>.avatar{font-size:30px;width:60px;height:60px;border-radius:19px;background:linear-gradient(140deg,#e7edff,#eee9ff);color:#526ed1}.gcp-empty h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:550;letter-spacing:-.045em;margin:21px 0 12px}.gcp-empty>p{font-size:.9375rem;line-height:1.7;color:#73819a;max-width:440px}.gcp-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;width:100%;max-width:740px}.gcp-suggestions button{background:#ffffffc9;border:1px solid #dde4ef;border-radius:14px;padding:18px;text-align:left;font-size:.8125rem;line-height:1.6;color:#71809b}.gcp-suggestions button:hover{background:white;border-color:#96a9ed;transform:translateY(-2px)}.gcp-suggestions strong{display:block;font-weight:600;color:#4f5053;margin-bottom:6px;font-size:.875rem}.gcp-turn{margin-bottom:32px}.gcp-user{margin-left:auto;background:#e9efff;color:#344e7d;border-radius:18px 18px 4px 18px;padding:13px 18px;width:fit-content;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.75}.gcp-answer{display:flex;gap:14px;margin-top:23px}.gcp-answer>.avatar{width:30px;height:30px;font-size:20px;border-radius:9px}.gcp-answer-body{min-width:0;flex:1;padding-top:2px}.gcp-answer .prose{font-size:.9375rem;line-height:1.85;margin-bottom:10px}.gcp-answer .prose:last-child{margin-bottom:0}.gcp-answer .message-label{margin:0 0 10px}.gcp-answer ul,.gcp-answer ol{padding-left:22px;color:#414245;font-size:.9375rem;line-height:1.85;margin:10px 0}.gcp-answer h3{font-size:1rem;margin:18px 0 8px;color:#414245}.gcp-response-cost{font-size:.6875rem;color:#7d8aa0;margin-top:12px}.gcp-thinking{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#71819c;padding:8px 0}.gcp-pending-note{font-size:.75rem;color:#8390a5;margin-top:8px;line-height:1.6}.gcp-compose-wrap{flex-shrink:0;padding:10px 0 14px}.gcp-compose-wrap>.error{margin-bottom:10px}.gcp-composer{border:1px solid #d0d9e9;border-radius:19px;background:white;padding:18px 18px 13px;box-shadow:0 5px 25px #38393c08}.gcp-composer:focus-within{border-color:#91a5eb;box-shadow:0 0 0 3px #4162eb08}.gcp-composer textarea{width:100%;display:block;border:0;outline:none;resize:none;min-height:56px;max-height:160px;background:none;color:#3a3b3e;font-size:.9375rem;line-height:1.7;padding:0}.gcp-composer textarea::placeholder{color:#96a2b6}.gcp-send-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.gcp-send-row .primary{padding:10px 18px;flex-shrink:0}.gcp-cost-top{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;font-size:.75rem;line-height:1.6}.gcp-paid{color:#906518}.gcp-cost-top strong{font-weight:500;color:#657590;font-variant-numeric:tabular-nums}.gcp-footnote{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:11px;font-size:.6875rem;color:#7d8aa1}.gcp-pricing{position:relative}.gcp-pricing summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.gcp-pricing-content{position:absolute;bottom:28px;right:0;width:340px;max-width:85vw;background:white;border:1px solid #d8e1ef;border-radius:14px;padding:20px;box-shadow:0 8px 35px #2f303326;z-index:3;font-size:.75rem;line-height:1.7;color:#657590;max-height:55dvh;overflow:auto}.gcp-pricing-content strong{color:#48494c}.gcp-pricing-content p{margin-top:10px}.gcp-disclaimer{text-align:center;font-size:.6875rem;color:#8995a9;margin-top:7px;line-height:1.6}.gcp-availability:not(:empty){background:#fff3df;color:#8b661e;font-size:.8125rem;line-height:1.6;padding:12px;border-radius:10px;margin-top:10px}
@media(max-width:1100px){.topbar{padding-left:22px;padding-right:22px}.breadcrumbs>span:first-of-type,.breadcrumbs>.slash{display:none}}
@media(max-width:760px){.gcp-panel{padding:0 16px}.gcp-heading{padding:18px 0 12px}.gcp-heading h1{font-size:1rem}.gcp-heading p{font-size:.6875rem}.gcp-identity{gap:9px}.gcp-identity>.avatar{width:34px;height:34px;font-size:22px}.gcp-heading .text-button{white-space:nowrap}.gcp-toolbar{padding-bottom:10px}.gcp-connection{font-size:.6875rem}.gcp-messages{padding:20px 0 4px}.gcp-empty{padding:15px 0 22px}.gcp-empty>p{font-size:.8125rem}.gcp-suggestions{grid-template-columns:1fr;margin-top:20px;gap:8px}.gcp-suggestions button{padding:12px 15px}.gcp-suggestions strong{margin:0}.gcp-suggestions button span{display:none}.gcp-compose-wrap{padding-bottom:10px}.gcp-composer{padding:14px}.gcp-cost-top{font-size:.6875rem;display:block}.gcp-paid{display:block}.gcp-send-row{margin-top:4px}.gcp-disclaimer{font-size:.625rem}.gcp-footnote{font-size:.625rem}.gcp-answer{gap:9px}.gcp-user{max-width:92%}.workspace-tabs{gap:0;padding:3px}.workspace-tabs button{font-size:.75rem;padding:8px}.workspace-tabs button span{display:none}.topbar{padding:0 12px;gap:8px}.topbar>.status-pill{display:none}.breadcrumbs strong{max-width:120px}}
/* Read-only AI Defense evidence */
.defense-panel{width:100%;max-width:1540px;margin:0 auto;padding:34px 36px 42px}.defense-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.defense-heading h1{font-size:2rem;letter-spacing:-.045em;font-weight:600;margin:10px 0}.defense-heading p{font-size:.9375rem;color:#72809a;line-height:1.7}.defense-sync{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;color:#72829a;margin-top:22px}.defense-sync .dot{margin-right:6px}.defense-tabs{display:flex;border-bottom:1px solid #dce3ee;gap:28px;margin:28px 0 24px}.defense-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;color:#75839c;font-size:.875rem}.defense-tabs button.active{color:#365bd5;border-bottom-color:#4162eb}.defense-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:23px}.defense-stat{border:1px solid #dfe5ee;background:#fff;border-radius:14px;padding:19px 22px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.defense-stat>span{font-size:.875rem;font-weight:550;color:#576a86}.defense-stat strong{grid-column:2;grid-row:1/3;font-size:1.9rem;font-weight:550;font-variant-numeric:tabular-nums}.defense-stat small{font-size:.6875rem;color:#8490a6}.defense-stat.block strong{color:#b9475f}.defense-stat.redact strong{color:#a47922}.defense-stat.monitor strong{color:#4c74be}.defense-filters{display:flex;gap:14px}.defense-filters label{display:flex;flex-direction:column;gap:7px;font-size:.75rem;color:#667791;min-width:0}.defense-filters select,.defense-filters input{border:1px solid #d8e1ee;background:white;border-radius:9px;min-height:42px;padding:10px 12px;font-size:.8125rem;color:#505154;max-width:100%;font-family:inherit}.defense-search{flex:1}.defense-note{font-size:.75rem;line-height:1.8;color:#7a89a1;margin:12px 0}.defense-explorer{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.25fr);gap:22px;align-items:start}.defense-events{display:flex;flex-direction:column;gap:9px;max-height:76dvh;overflow:auto;padding-right:3px}.defense-event{display:flex;flex-direction:column;gap:9px;width:100%;background:#fff;border:1px solid #dde4ef;border-radius:12px;text-align:left;padding:16px;color:#4d4e51}.defense-event:hover{border-color:#8ea4ed}.defense-event.selected{border-color:#6988ef;box-shadow:0 0 0 2px #4162eb12}.defense-event-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.defense-event-top time{font-size:.625rem;color:#8b96a8}.defense-event strong{font-size:.875rem;line-height:1.6;font-weight:600}.defense-event-app{font-size:.8125rem;color:#667c9c}.defense-event>small{font-size:.6875rem;color:#8a97ad;line-height:1.5}.defense-badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;border-radius:6px;padding:5px 8px;width:fit-content;background:#edf4f0;color:#3d8664}.defense-badge.block{background:#ffedf0;color:#b13d59}.defense-badge.redact{background:#fff3d5;color:#947020}.defense-badge.monitor{background:#eaf1ff;color:#4975bb}.defense-detail{background:#fff;border:1px solid #dde4ef;border-radius:15px;padding:25px;min-height:350px;overflow-wrap:anywhere}.defense-detail-empty{padding:48px 12px;text-align:center;color:#7b8ba6}.defense-detail-empty>span{display:block;font-size:38px;color:#6e8fd9;margin-bottom:20px}.defense-detail h2{font-size:1.125rem;line-height:1.6;font-weight:600;letter-spacing:-.015em;margin:16px 0 8px;color:#4e4f52}.defense-detail h3{font-size:.9375rem;color:#515255;margin-top:24px;margin-bottom:10px}.defense-detail-empty p{font-size:.875rem;line-height:1.8}.defense-detail-head{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#8a98ac}.defense-outcome{padding:15px 17px;border-radius:10px;background:#f0f4ff;margin:20px 0;color:#4d6794;font-size:.8125rem;line-height:1.8}.defense-outcome strong{display:block;margin-bottom:5px}.defense-reason{border:1px solid #e1e7f1;border-radius:10px;padding:15px;margin-top:10px;font-size:.8125rem;line-height:1.8;color:#6a7e9c}.defense-reason .eyebrow{font-size:.625rem;display:block}.defense-reason>strong{display:block;color:#3e587f;margin:6px 0}.defense-reason summary{cursor:pointer;margin-top:7px;font-size:.75rem;color:#637da4}.defense-reason details p{white-space:pre-wrap;font-size:.6875rem}.defense-transcript{display:flex;flex-direction:column;gap:10px;margin-top:14px}.defense-message{padding:14px 16px;background:#f6f8fc;border:1px solid #e8edf4;border-radius:10px}.defense-message.matched{border-left:3px solid #7895e8}.defense-message .message-label{font-size:.6875rem;text-transform:capitalize}.defense-message .prose{font-size:.8125rem;line-height:1.85}.defense-chat-detail{margin-top:20px;border-top:1px solid #e3e9f3;padding-top:18px}.defense-chat-detail summary{font-size:.8125rem;color:#5474ab;cursor:pointer}.defense-metadata{display:grid;grid-template-columns:105px 1fr;gap:10px 12px;font-size:.6875rem;line-height:1.7;border-top:1px solid #e3e9f3;margin-top:25px;padding-top:17px}.defense-metadata dt{color:#8292a9}.defense-metadata dd{margin:0;color:#587295}.defense-empty{padding:22px;font-size:.8125rem;color:#8493aa;line-height:1.8}#defense-more{margin:14px 0;width:100%}.defense-policy{background:#fff;border:1px solid #dce4ef;border-radius:15px;padding:24px;margin:20px 0}.defense-policy-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.defense-policy h2{font-size:1.0625rem;font-weight:600;line-height:1.6;letter-spacing:-.02em}.defense-policy-status{font-size:.6875rem;color:#3e825f;background:#edf7f0;border-radius:6px;padding:5px 8px}.defense-table-wrap{overflow-x:auto}.defense-rule-table{width:100%;border-collapse:collapse;text-align:left;min-width:470px;margin-top:18px}.defense-rule-table th{font-size:.6875rem;font-weight:600;color:#8090a8;padding:11px 8px;background:#f6f8fc}.defense-rule-table td{font-size:.75rem;color:#5d7393;border-bottom:1px solid #edf0f6;padding:12px 8px;line-height:1.7}.defense-rule-table td strong{display:block;font-weight:550;color:#496385}.defense-rule-table td small{display:block;font-size:.625rem;color:#8a99af}.defense-section-title{font-size:1.25rem;font-weight:600;margin:32px 0 12px;letter-spacing:-.02em}.defense-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.defense-guide-card{padding:23px;background:#fff;border:1px solid #dce4ef;border-radius:14px;min-width:0}.defense-guide-card .eyebrow{font-size:.625rem}.defense-guide-card h3{font-size:1rem;font-weight:600;letter-spacing:-.02em;margin:12px 0}.defense-guide-card p{font-size:.8125rem;line-height:1.85;color:#7184a0;margin:10px 0}.defense-guide-card>strong{font-size:.8125rem;font-weight:550;color:#4d6385}.defense-example{border-left:2px solid #b6c6ef;padding-left:12px;margin-top:17px;font-size:.75rem;line-height:1.8;color:#8091aa}.defense-pattern{font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#f0f4fd;border-radius:8px;color:#4d6c9b}.defense-explainer{background:#fff;border:1px solid #dce4ef;border-radius:14px;padding:26px}.defense-explainer h2{font-size:1.375rem;font-weight:550;letter-spacing:-.03em;margin:0 0 15px}.defense-explainer p{font-size:.875rem;line-height:1.9;color:#70839f;margin-top:12px}.defense-action-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:23px 0}.defense-action-guide>div{padding:18px;background:#ffffff90;border:1px solid #dfe6f1;border-radius:12px}.defense-action-guide p{font-size:.75rem;line-height:1.8;color:#788ba7;margin-top:12px}#defense-error:not(:empty){margin-top:14px}
@media(max-width:1050px){.defense-panel{padding:28px 23px}.defense-explorer{grid-template-columns:1fr}.defense-events{max-height:450px}.topbar .breadcrumbs strong{max-width:100px}.defense-stat{padding:16px}.defense-stat strong{font-size:1.6rem}}
@media(max-width:760px){.defense-panel{padding:24px 16px}.defense-heading h1{font-size:1.6rem}.defense-heading p{font-size:.8125rem}.defense-heading>.text-button{padding:8px;white-space:nowrap}.defense-sync{font-size:.6875rem;line-height:1.6}.defense-tabs{gap:18px}.defense-tabs button{font-size:.75rem}.defense-counts{gap:8px}.defense-stat{padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.defense-stat>span{font-size:.6875rem}.defense-stat strong{font-size:1.5rem}.defense-stat small{font-size:.5625rem}.defense-filters{flex-wrap:wrap;gap:10px}.defense-filters>label{flex:1;min-width:110px}.defense-filters .defense-search{flex-basis:100%}.defense-detail,.defense-policy{padding:18px}.defense-guide-grid,.defense-action-guide{grid-template-columns:1fr}.defense-policy-head h2{font-size:.9375rem}.defense-explainer{padding:20px}.defense-heading .eyebrow{font-size:.625rem}.topbar .breadcrumbs strong{display:none}.workspace-tabs button{font-size:.6875rem;padding:8px}.defense-event-top time{font-size:.625rem}}

.gcp-event-link{border:1px solid #d5def0;background:#f4f7ff;color:#4869b0;padding:9px 12px;border-radius:8px;font-size:.75rem;margin:8px 0;min-height:38px}.gcp-event-link:hover{background:#eaf0ff;border-color:#9bafe6}
/* Guided learning and execution evidence */
.lessons-nav{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #434447;background:#2a2b2e;color:#d5e0f5;border-radius:10px;font-size:.875rem;text-align:left;margin:-15px 0 28px}.lessons-nav>span{font-size:22px;color:#a3b6ff}.lessons-nav small{font-size:.5625rem;letter-spacing:.07em;margin-left:auto;border:1px solid #50648c;border-radius:4px;padding:4px}.lessons-nav:hover,.lessons-nav.active{background:#3c3d40;border-color:#7d97d5}.lessons-welcome{display:flex;align-items:center;gap:17px;width:100%;text-align:left;background:linear-gradient(115deg,#eaf0ff,#f7f9ff);border:1px solid #d6dff8;border-radius:14px;margin:26px 0 0;padding:18px 22px;color:#3f5e9c}.lessons-welcome>span:first-child{font-size:30px}.lessons-welcome strong{display:block;font-size:.9375rem;font-weight:600}.lessons-welcome small{display:block;color:#7b8dab;margin-top:6px;font-size:.75rem;line-height:1.7}.lessons-welcome>span:last-child{margin-left:auto;white-space:nowrap;font-size:.8125rem}.lessons-panel{width:100%;max-width:1500px;margin:0 auto;padding:35px 36px 50px}.lessons-heading{display:flex;justify-content:space-between;align-items:center;gap:22px}.lessons-heading h1{font-size:2.25rem;font-weight:550;letter-spacing:-.05em;margin:13px 0 10px}.lessons-heading p{font-size:.9375rem;color:#7787a1;line-height:1.8}.lessons-heading .primary{font-size:.8125rem}.lessons-environment{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.6875rem;color:#7c8da7;border-bottom:1px solid #dde5f1;padding:23px 0 20px;margin-bottom:27px;line-height:1.8}.lessons-environment .dot{margin-right:6px}.lessons-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}.lessons-library{position:sticky;top:20px}.lessons-library .side-label{font-size:.625rem;color:#8191ac;padding:0 8px;margin-bottom:16px}.lesson-nav{display:grid;grid-template-columns:26px 1fr;gap:4px 8px;width:100%;text-align:left;padding:13px 12px;background:transparent;border:1px solid transparent;border-radius:10px;margin-bottom:5px;color:#667d9f;font-size:.8125rem;line-height:1.7}.lesson-nav:hover{background:#edf2fc}.lesson-nav.selected{background:#fff;border-color:#d5dff3;color:#3d5d98;box-shadow:0 3px 15px #2f4d8010}.lesson-nav .lesson-number{font: .6875rem/1.9 ui-monospace,monospace;color:#91a1bd;grid-row:1/3}.lesson-nav small{grid-column:2;font-size:.6875rem;color:#96a4bb}.lessons-key{margin:22px 6px;padding-top:19px;border-top:1px solid #dfe6f0;color:#8a99b1;font-size:.75rem;line-height:1.8}.lessons-key strong{color:#657d9f;font-weight:550}.lessons-key p{margin-top:8px}.lessons-workbench{min-width:0}.lesson-intro .eyebrow{font-size:.6875rem;color:#7a90b2}.lesson-intro h2{font-size:1.75rem;font-weight:550;letter-spacing:-.035em;margin:12px 0}.lesson-intro>p{font-size:.9375rem;color:#7285a3;line-height:1.8}.lesson-takeaway{border-left:3px solid #a2b6ee;background:#edf2fe;border-radius:0 10px 10px 0;padding:17px 20px;margin:22px 0;color:#6b80a5;font-size:.8125rem;line-height:1.85}.lesson-takeaway strong{color:#496593;font-weight:600}.lesson-takeaway p{margin-top:6px}.lesson-prompt-card{border:1px solid #d9e2f2;background:white;border-radius:15px;padding:21px;margin-top:20px;box-shadow:0 5px 20px #3f404306}.lesson-prompt-tabs{display:flex;gap:8px}.lesson-prompt-tabs button{border:1px solid transparent;background:#f4f6fa;padding:9px 12px;border-radius:8px;color:#7c8faa;font-size:.75rem}.lesson-prompt-tabs button.active{background:#edf2ff;border-color:#d4dffa;color:#486aca}.lesson-assistant{font-size:.6875rem;color:#94a1b6;margin-top:18px}.lesson-prompt{font: .9375rem/1.85 inherit;line-height:1.85;font-family:inherit;font-size:.9375rem;color:#4e4f52;white-space:pre-wrap;overflow-wrap:anywhere;background:#f8faff;border-radius:10px;padding:17px;margin:12px 0 19px}.lesson-run-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.lesson-run-actions>span{font-size:.6875rem;color:#899bb6;line-height:1.8}.lesson-run-actions .primary{font-size:.8125rem;white-space:nowrap}.lesson-presenter{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px 0 27px}.lesson-presenter>div{font-size:.75rem;line-height:1.85;color:#8293af}.lesson-presenter strong{font-weight:600;color:#5e789e}.lesson-presenter p{margin-top:8px}.lesson-replay-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #dce4f1;padding-top:22px;margin-top:22px;color:#6d83a3;font-size:.8125rem}.lesson-replay-controls>span{font-size:.75rem;color:#8e9db4}.lesson-replay-controls select{max-width:100%;padding:10px;border:1px solid #d7e1f0;border-radius:8px;background:#fff;color:#6c82a5;font:inherit;font-size:.6875rem}.lesson-result{background:#fff;border:1px solid #dce4f1;border-radius:15px;margin-top:20px;padding:24px}.lesson-result-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.lesson-result-head .eyebrow{font-size:.625rem}.lesson-result-head time{font-size:.6875rem;color:#90a0b7}.lesson-verdict{display:inline-block;background:#fff4db;color:#9b782c;padding:6px 9px;border-radius:6px;font-size:.6875rem;font-weight:600}.lesson-verdict.matched{background:#eaf8ef;color:#38875d}.lesson-verdict.simulation,.lesson-verdict.review{background:#edf2fc;color:#7083a5}.lesson-result h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;margin:15px 0 10px}.lesson-explanation{font-size:.8125rem;color:#6c81a2;line-height:1.9}.lesson-observation{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:17px;background:#f6f8fd;border-radius:10px;margin:20px 0;color:#7286a8;font-size:.75rem;line-height:1.8}.lesson-observation .eyebrow{font-size:.5625rem;padding-top:3px}.lesson-chat-message{padding:15px;background:#f7f9fd;border:1px solid #e3e9f4;border-radius:10px;margin:12px 0}.lesson-chat-message .prose{font-size:.8125rem;line-height:1.85}.lesson-chat-message .message-label{font-size:.6875rem}.lesson-evidence-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.lesson-evidence-footer>span{font-size:.6875rem;color:#8296b4}.lesson-evidence-footer .text-button{font-size:.75rem;margin-left:0}.lesson-pair-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.lesson-pair-summary>div{padding:17px;border:1px solid #dee6f2;background:#ffffff90;border-radius:10px}.lesson-pair-summary .eyebrow{font-size:.5625rem;display:block;color:#8b9db9}.lesson-pair-summary strong{display:block;font-size:.8125rem;color:#627d9f;font-weight:550;margin-top:10px}.lesson-pair-summary p{font-size:.6875rem;color:#91a0b7;line-height:1.8;margin-top:8px}.lesson-running{display:flex;gap:10px;align-items:center;font-size:.9375rem;color:#728aae}.lesson-running strong{font-weight:500}.lessons-tourbar{display:flex;align-items:center;gap:12px;border:1px solid #d3def6;background:#eaf0ff;border-radius:12px;padding:16px 18px;margin-bottom:24px}.lessons-tourbar>div{flex:1}.lessons-tourbar .eyebrow{display:block;font-size:.5625rem}.lessons-tourbar strong{display:block;font-size:.8125rem;font-weight:550;color:#516fa6;margin-top:7px}.lessons-tourbar .text-button{margin:0;font-size:.75rem;white-space:nowrap}.journey{border:1px solid #dce5f4;border-radius:12px;background:#fafbff;margin:20px 0;padding:16px}.journey>summary{font-size:.8125rem;font-weight:550;color:#5071a6;cursor:pointer;line-height:1.7}.journey-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:17px 0;color:#728bad;font-size:.6875rem}.journey-summary strong{font-weight:600;color:#4f6d98}.journey-stages{list-style:none;counter-reset:journey;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.journey-stage{counter-increment:journey;position:relative;padding:0 0 20px 39px;min-height:68px;border-left:1px solid #d9e3f4;margin-left:12px}.journey-stage:last-child{border-left-color:transparent;padding-bottom:3px}.journey-stage:before{content:counter(journey);display:grid;place-items:center;position:absolute;left:-13px;top:0;width:25px;height:25px;border:1px solid #d6e1f3;border-radius:50%;background:#f0f4fd;color:#7c95b9;font-size:.6875rem}.journey-stage>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:25px}.journey-stage strong{font-size:.8125rem;font-weight:550;color:#4d688e}.journey-status{font-size:.625rem;padding:4px 7px;background:#edf2fa;color:#7d91ad;border-radius:5px}.journey-stage p{font-size:.75rem;line-height:1.8;color:#8396b2;margin-top:6px}.journey-stage.block:before,.journey-stage.block .journey-status{background:#fff0f2;color:#b55266;border-color:#f1cad3}.journey-stage.redact .journey-status,.journey-stage.pending .journey-status{background:#fff4de;color:#a87c29}.journey-stage.monitor .journey-status{background:#eaf1ff;color:#557cc3}.journey-stage.delivered .journey-status,.journey-stage.allow .journey-status{background:#ecf8f0;color:#488d69}.journey-stage.not_reached strong,.journey-stage.not_requested strong{color:#92a1b8}.journey-note{font-size:.6875rem;line-height:1.85;color:#8b9eba;margin-top:17px}.journey-events{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.journey-events button{border:1px solid #d9e3f4;background:white;border-radius:7px;color:#6987b4;padding:8px;font-size:.6875rem}.journey-checks{margin-top:17px;border-top:1px solid #e1e8f5;padding-top:13px;font-size:.6875rem;color:#7e95b4}.journey-checks>summary{cursor:pointer}.journey-checks>div{padding:10px 0;border-bottom:1px solid #e7ecf6;line-height:1.8}.journey-checks strong{font-weight:500;color:#6583a9}.journey-checks span{display:block}.journey-checks p{color:#8c9cba;margin-top:4px}#lessons-error:not(:empty){margin-bottom:20px}
@media(max-width:1200px){.lessons-body{grid-template-columns:215px minmax(0,1fr);gap:20px}.lessons-heading{align-items:flex-start}.lessons-heading .primary{max-width:180px;line-height:1.6}.lesson-run-actions{flex-wrap:wrap}.lessons-tourbar{flex-wrap:wrap}.lessons-tourbar>div{flex-basis:100%}}
@media(max-width:950px){.lessons-body{grid-template-columns:1fr}.lessons-library{position:static}.lessons-library nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.lessons-key{display:none}.lessons-library .side-label{margin-bottom:10px}.lessons-heading .primary{font-size:.75rem}.lesson-nav{margin:0}.lessons-welcome>span:last-child{font-size:.6875rem}}
@media(max-width:760px){.lessons-panel{padding:25px 16px}.lessons-heading{flex-direction:column;gap:15px}.lessons-heading h1{font-size:1.875rem}.lessons-heading .primary{max-width:none;width:100%}.lessons-heading .eyebrow{font-size:.625rem}.lessons-heading p{font-size:.875rem}.lessons-environment{font-size:.625rem;padding:18px 0;margin-bottom:20px}.lessons-welcome{padding:16px;gap:12px;flex-wrap:wrap}.lessons-welcome>span:first-child{display:none}.lessons-welcome>span:last-child{margin:0}.lessons-welcome small{font-size:.6875rem}.lesson-nav{font-size:.75rem;padding:10px 7px;grid-template-columns:21px 1fr;gap:3px 6px}.lesson-nav small{font-size:.625rem}.lesson-intro h2{font-size:1.5rem}.lesson-intro>p{font-size:.875rem}.lesson-prompt-card,.lesson-result{padding:16px}.lesson-prompt{font-size:.875rem;padding:14px}.lesson-prompt-tabs button{font-size:.6875rem;padding:9px}.lesson-run-actions>span{font-size:.625rem}.lesson-run-actions .primary{width:100%}.lesson-presenter{grid-template-columns:1fr;gap:15px}.lesson-pair-summary{grid-template-columns:1fr}.lesson-observation{grid-template-columns:1fr;gap:6px}.lesson-observation .eyebrow:not(:first-child){margin-top:7px}.journey{padding:13px}.journey-stage{padding-left:26px}.journey-stage p{font-size:.6875rem}.lesson-takeaway{padding:15px;font-size:.75rem}.lessons-tourbar{gap:8px;padding:13px}.lessons-tourbar .text-button{padding:8px;font-size:.6875rem}}

.lesson-fixture{font-size:.75rem;color:#728bb0;margin-top:14px}.lesson-fixture summary{cursor:pointer}
.lesson-business{margin:22px 0;padding:22px 24px;background:#f1f5ff;border:1px solid #dfe7f8;border-radius:14px}.lesson-business-story{font-size:1rem;line-height:1.8;color:#494a4d;margin-top:12px}.lesson-business-risk{display:grid;grid-template-columns:150px 1fr;gap:16px;border-top:1px solid #d9e2f2;margin-top:18px;padding-top:16px;font-size:.8125rem;line-height:1.8;color:#647997}.lesson-business-risk strong{font-weight:600;color:#555659}.lesson-guardrail{border:1px solid #dce5f0;border-left:3px solid #5d7fbf;border-radius:11px;padding:18px 22px;margin:0 0 22px}.lesson-guardrail summary{font-weight:600;color:#3d597f;cursor:pointer;font-size:.875rem;line-height:1.8}.lesson-guardrail-owner{display:block;color:#7890ae;font-size:.6875rem;margin:8px 0 16px}.lesson-guardrail>div{display:grid;grid-template-columns:160px 1fr;gap:16px;margin:10px 0;font-size:.8125rem;line-height:1.8;color:#617797}.lesson-guardrail>div strong{font-weight:500;color:#425e82}.lesson-guardrail>.defense-note{margin-top:15px}.lesson-user-prompt{font-family:inherit;line-height:1.9;border-radius:15px 15px 3px 15px;background:#eef2ff;color:#494a4d;white-space:normal;max-width:92%;margin-left:auto}.lesson-presenter-notes{margin:20px 0 26px;font-size:.75rem;color:#6b81a2}.lesson-presenter-notes>summary{cursor:pointer}.lesson-presenter-notes .lesson-presenter{grid-template-columns:1fr;gap:15px;margin:16px 0}.lesson-chat-message{border-radius:12px;padding:17px 20px;background:#f8faff;margin:14px 0}.lesson-chat-message:nth-of-type(1){margin-left:35px;background:#edf2ff;border-radius:14px 14px 3px 14px}.lesson-enforcement{margin:26px 0}.lesson-enforced{padding:18px 20px;border:1px solid #dce5f2;border-left:3px solid #8297b8;border-radius:10px;margin:14px 0;color:#516b8e;font-size:.8125rem;line-height:1.8}.lesson-enforced.block,.lesson-enforced.denied{border-left-color:#c56877}.lesson-enforced.redact,.lesson-enforced.pending{border-left-color:#cf9a45}.lesson-enforced.monitor{border-left-color:#4f99a5}.lesson-enforced-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.lesson-enforced-head>strong{color:#36567f}.lesson-enforced>small{display:block;color:#7d90ab;margin:5px 0 12px}.lesson-enforced-why{border-top:1px solid #e3eaf4;padding-top:12px;margin-top:12px}.lesson-enforced-why>strong{font-weight:500;color:#3e5b80}.lesson-entities{margin-top:8px;font-size:.75rem}.lesson-safe-path{background:#eef8f3;border:1px solid #d6eadf;border-radius:10px;padding:17px 20px;margin-top:19px;color:#67686b;font-size:.8125rem;line-height:1.8}.lesson-safe-path>strong{display:block;margin-bottom:5px}.lesson-enforced .journey-status{white-space:nowrap}.lesson-enforced.block .journey-status{color:#a45260;background:#fff0f2}.lesson-enforced.redact .journey-status,.lesson-enforced.pending .journey-status{color:#a57126;background:#fff7e6}.lesson-enforced.monitor .journey-status{color:#327c88;background:#eaf8fa}
@media(max-width:760px){.lesson-business,.lesson-guardrail{padding:16px}.lesson-business-story{font-size:.875rem}.lesson-business-risk,.lesson-guardrail>div{grid-template-columns:1fr;gap:5px}.lesson-user-prompt{max-width:100%}.lesson-enforced{padding:14px}.lesson-enforced-head{align-items:flex-start}.lesson-chat-message{padding:14px}.lesson-chat-message:nth-of-type(1){margin-left:12px}}

.studio-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.studio-modes button{padding:11px 15px;border:1px solid #d9e3f5;border-radius:9px;background:white;color:#597399}.studio-modes button.active{background:#e9efff;border-color:#9fb2ef;color:#365be0}.studio-heading h2{font-size:1.65rem;letter-spacing:-.035em;margin:12px 0}.studio-heading>p{max-width:850px;color:#647c9d;line-height:1.8;margin:10px 0 24px}.studio-toolbar,.studio-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.studio-toolbar select,.studio-invite-form select{padding:12px;background:white;border:1px solid #dce5f2;border-radius:8px;color:#526e96}.studio-bank,.studio-step{background:white;border:1px solid #dce5f2;border-radius:14px;padding:24px;margin:22px 0}.studio-bank h3,.studio-step h3{margin:15px 0;color:#47484b}.studio-table{width:100%;border-collapse:collapse;margin:16px 0;color:#536e92;font-size:.875rem}.studio-table th{text-align:left;color:#7d91af;font-weight:500}.studio-table th,.studio-table td{border-bottom:1px solid #e6ebf5;padding:13px 8px;line-height:1.6}.studio-table td:not(:first-child){font-variant-numeric:tabular-nums}.studio-transaction{display:flex;flex-direction:column;gap:7px;padding:16px;background:#f2f6ff;border-radius:9px;margin:12px 0;color:#57749d}.studio-transaction code{font-size:.6875rem;overflow-wrap:anywhere}.studio-change{background:#eef8f3;padding:14px;border-radius:8px;color:#487d66;margin-top:20px}.studio-invite-form{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.studio-invite-form input,.studio-invite-output input{padding:13px;border:1px solid #dbe4f1;border-radius:8px;color:#425f86;min-width:0}.studio-invite-output{display:grid;gap:14px;padding:20px;border:1px solid #cce3d7;border-radius:12px;background:#f0f9f4;margin:20px 0;color:#696a6d}.studio-invite{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dce5f1;padding:17px 0;color:#667e9f}.studio-viewer-note{color:#527598;background:#eaf4ff;padding:16px;border-radius:8px}.viewer .presenter-only,.viewer #new-chat,.viewer #archive,.viewer .compose-wrap,.viewer .gcp-compose-wrap,.viewer #gcp-new{display:none!important}.viewer #chat:after{content:'Viewer access · This conversation is read-only.';display:block;padding:20px;color:#6c84a7;text-align:center}.viewer .suggestions{display:none}.studio-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.studio-bank,.studio-step{padding:15px}.studio-table{font-size:.75rem}.studio-table th,.studio-table td{padding:10px 4px}.studio-toolbar select{max-width:100%}.studio-invite-form>*{width:100%}.studio-modes button{font-size:.75rem;padding:10px}.studio-actions button{flex:1 1 150px}}

.environment-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #dbe4f1;border-radius:22px;padding:32px;background:#fbfcff;color:#454649;box-shadow:0 30px 90px #26272a33}.environment-dialog::backdrop{background:#23242766;backdrop-filter:blur(4px)}.environment-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.environment-heading h2{font-size:1.7rem;letter-spacing:-.04em;margin:10px 0 0}.environment-heading .text-button{margin:0;font-size:1.1rem}.environment-intro{color:#657d9b;line-height:1.7;margin:15px 0 25px}.environment-card{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid #d9e3f2;border-radius:14px;background:white}.environment-state{display:flex;gap:12px;align-items:flex-start;flex:1}.environment-state strong{font-size:.95rem;color:#4b4c4f}.environment-state p{font-size:.8rem;line-height:1.7;color:#687e9b;margin-top:8px}.environment-light{height:10px;width:10px;flex:none;border-radius:50%;background:#9caec5;margin-top:5px;box-shadow:0 0 0 4px #edf1f7}.environment-light.on{background:#42a67a;box-shadow:0 0 0 4px #e5f5ee}.environment-card .primary{white-space:nowrap}.environment-card .primary:disabled{opacity:.45;cursor:not-allowed}.environment-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:27px 0}.environment-facts span{display:block;font-size:.6rem;letter-spacing:.1em;color:#7b8da6}.environment-facts strong{display:block;font-size:1.05rem;margin:9px 0;color:#545558}.environment-facts p{font-size:.75rem;color:#71849d;line-height:1.7;font-variant-numeric:tabular-nums}.environment-details{border-top:1px solid #e0e7f2;padding-top:20px;color:#647c9c;font-size:.8rem;line-height:1.8}.environment-details summary{cursor:pointer;color:#496a94;font-weight:600}.environment-details p{margin-top:12px}#environment-viewer{font-size:.8rem;color:#617da0;margin-bottom:15px}#environment-error:not(:empty){margin-bottom:16px}@media(max-width:520px){.environment-dialog{padding:22px}.environment-card{flex-direction:column;align-items:stretch;padding:18px}.environment-facts{gap:18px}.environment-heading h2{font-size:1.45rem}}
.environment-verification{font-size:.75rem;line-height:1.7;color:#587594;margin:18px 0}.environment-resources{padding-left:19px;color:#6b809b;font-size:.7rem;line-height:1.9;margin-bottom:18px;overflow-wrap:anywhere}.environment-card .primary{white-space:normal;max-width:170px}

.aws-costs{border-top:1px solid var(--border,#e4e8ef);margin:24px 0;padding-top:24px}.aws-costs-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.aws-costs h3{font-size:20px;margin:7px 0 18px}.aws-costs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.aws-costs-grid>div{background:#f5f7fc;border:1px solid #e6eaf3;border-radius:12px;padding:14px 12px}.aws-costs-grid span,.aws-costs-grid small{display:block;font-size:11px;line-height:1.5;color:#66758d}.aws-costs-grid strong{display:block;font-size:25px;line-height:1.4;color:#252629;font-variant-numeric:tabular-nums;margin:8px 0}.aws-costs-note{font-size:11px;line-height:1.7;color:#6d7b90;margin:14px 0}.aws-costs-table{overflow:auto}.aws-costs table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.aws-costs caption{text-align:left;font-weight:700;margin:10px 0}.aws-costs th,.aws-costs td{padding:11px 7px;border-bottom:1px solid #e6eaf3;text-align:right}.aws-costs th:first-child{text-align:left}.aws-costs thead th{font-size:10px;color:#6d7b90;font-weight:600}.aws-cost-activities{font-size:12px;margin-top:15px}.aws-cost-activities summary{cursor:pointer;color:#545558}.aws-cost-activities ul{padding-left:18px;color:#66758d;line-height:1.8}@media(max-width:600px){.aws-costs-grid{grid-template-columns:1fr}.aws-costs-grid>div{padding:12px 16px}.aws-costs-grid strong{font-size:23px;margin:3px 0}}

.evaluation-report{padding:12px 0;border-bottom:1px solid var(--line,#dde5e7)}.evaluation-report h4{margin:0 0 8px}.evaluation-report p{font-size:13px;line-height:1.5}.evaluation-report details{margin-top:12px}.evaluation-row{display:grid;gap:6px;padding:12px 0;border-top:1px solid #e5ecea}.evaluation-row button{justify-self:start}.evaluation-warning{padding:10px 12px;border-radius:8px;background:#fff4de;color:#795119}
/* AWS uses the same conversation layout, with compact environment controls. */
#aws-panel .gcp-toolbar{flex-wrap:wrap;gap:8px}#aws-panel .gcp-toolbar .text-button{font-size:.75rem;padding:8px}#aws-status{margin-right:auto}#aws-panel .gcp-toolbar select{max-width:250px}#aws-availability{flex-shrink:0}#aws-panel .gcp-availability{font-size:.75rem}
@media(max-width:760px){#aws-panel .gcp-toolbar select{max-width:45%}.workspace-tabs{overflow-x:auto;max-width:100%}.topbar .breadcrumbs{flex-shrink:0}#aws-panel .gcp-toolbar .text-button{padding:4px 8px}#aws-panel .gcp-availability{max-height:100px;overflow:auto}}

.safe-guidance{margin:18px 0;padding:20px;border:1px solid #bed8cd;border-left:4px solid #626366;border-radius:12px;background:#f0f8f4;color:#343538}.safe-guidance h3{margin:10px 0;font-size:18px}.safe-guidance p,.safe-guidance li{line-height:1.65;overflow-wrap:anywhere}.safe-guidance li{margin-bottom:9px}.safe-guidance-draft{background:#fff;padding:15px;border-radius:8px;margin:14px 0}.safe-guidance .defense-note{font-size:11px}.safe-guidance ul{padding-left:22px}

/* /demo-center.css */
.demo-center{max-width:1200px;margin:0 auto;padding:26px 0 60px}.dc-heading{margin-bottom:28px}.dc-heading h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1.3px;margin:10px 0}.dc-heading p{max-width:780px;line-height:1.65;color:#646568}.dc-hero{padding:34px;border-radius:20px;background:#323336;color:#fff;margin-bottom:24px}.dc-hero h2{font-size:clamp(25px,3vw,38px);max-width:650px;letter-spacing:-1px}.dc-hero p{max-width:640px;color:#d0e4dc;line-height:1.7}.dc-hero .eyebrow{color:#a1e5cf}.dc-grid,.dc-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 30px}.dc-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-card{border:1px solid #dce5e1;background:#fff;border-radius:15px;padding:23px;margin-bottom:16px;min-width:0}.dc-grid .dc-card,.dc-checks .dc-card{margin:0;display:flex;flex-direction:column;align-items:flex-start}.dc-card h3{font-size:19px;letter-spacing:-.35px;margin:12px 0}.dc-card p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.dc-badge{display:inline-block;border-radius:20px;padding:5px 10px;background:#edf4f1;color:#4a4b4e;font-size:11px;font-weight:650;letter-spacing:.3px;max-width:100%;overflow-wrap:anywhere}.dc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;align-items:center}.dc-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dc-arm{background:#f7f9f8;border-radius:12px;padding:20px;min-width:0;border:1px solid #e1e8e4}.dc-arm h4{font-size:22px;margin:16px 0;text-transform:capitalize}.dc-receipt{display:flex;flex-direction:column;gap:7px;border-top:1px solid #e1e8e4;padding:14px 0;overflow-wrap:anywhere}.dc-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;background:#f2f5f3;padding:16px;border-radius:8px;max-height:380px;overflow:auto}.dc-prompt{background:#f1f5fc;border-left:3px solid #5680b7;padding:18px}.dc-review-form{display:grid;gap:14px}.dc-review-form textarea{min-height:115px;padding:14px;resize:vertical}.demo-center select,.dc-review-form textarea{border:1px solid #cbd8d1;border-radius:8px;background:#fff;color:#2a2b2e;font:inherit;max-width:100%;padding:11px}.dc-review{border-left:3px solid #679686;padding:12px 18px;background:#f4f7f5}.dc-hash{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:15px}.dc-rule-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.dc-rule-tabs button.active{background:#343538;color:white}.dc-tour{padding:22px;border:1px solid #a9cabb;border-radius:14px;margin-bottom:26px;background:#edf7f1}.dc-tour h3{margin:8px 0}.demo-center details{margin-top:15px}.demo-center summary{cursor:pointer;font-weight:600;line-height:1.6}.studio-modes{flex-wrap:wrap;gap:6px!important}.studio-modes button{white-space:nowrap}.demo-center .primary{white-space:normal}.demo-center button:focus-visible,.demo-center select:focus-visible,.demo-center textarea:focus-visible{outline:3px solid #267dc1;outline-offset:3px}@media(max-width:1050px){.dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dc-grid,.dc-pair,.dc-checks{grid-template-columns:1fr}.dc-hero{padding:24px}.demo-center{padding-top:18px}.dc-card{padding:18px}.dc-actions{align-items:stretch;flex-direction:column}.dc-actions button{width:100%}}
.studio-modes .text-button{margin-left:0}.dc-actions .text-button,.dc-grid .text-button{margin-left:0}@media(max-width:650px){.studio-modes{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:10px}.studio-modes button{flex-shrink:0}}

/* /performance.css */
.perf-heading{padding:24px 0 12px}.perf-heading h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1.4px;margin:10px 0}.perf-heading>p{color:#60716c;max-width:680px;line-height:1.6}.perf-status,.perf-toolbar,.perf-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.perf-pill{font-size:12px;font-weight:650;padding:7px 12px;border-radius:20px;background:#e3f4eb;color:#216346}.perf-pill.pending{background:#fff3d9;color:#79520d}.perf-tabs{border-bottom:1px solid #dce5e1;gap:20px}.perf-tabs button{border:0;background:none;padding:12px 0;color:#6f7073;cursor:pointer}.perf-tabs button.active{color:#153e2b;border-bottom:3px solid #626366;font-weight:700}.perf-map{border:1px solid #cadfd5;background:linear-gradient(135deg,#f0f8f4,#f8fafb);border-radius:20px;padding:24px;margin:20px 0}.perf-route{display:flex;align-items:stretch;gap:8px}.perf-node{flex:1;min-width:0;background:white;border:1px solid #d8e6df;border-radius:14px;text-align:left;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-shadow:0 5px 15px #173c2506}.perf-node:hover,.perf-node:focus-visible{border-color:#238364;box-shadow:0 0 0 2px #24806418}.perf-node-icon{font:12px monospace;color:#367957}.perf-node strong{font-size:15px}.perf-node small{line-height:1.5;color:#677b70}.perf-arrow{align-self:center;color:#7c998a}.perf-branch{margin:20px 0 0 50%;border-left:2px dashed #72a38d;padding:8px 18px}.perf-branch>span{font-weight:700;color:#505154}.perf-map-detail{border-top:1px solid #d4e5dc;margin-top:18px;padding-top:18px}.perf-note{font-size:13px;color:#63746c;line-height:1.65;margin:8px 0}.perf-stats,.perf-breakdown,.perf-trends,.perf-setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}.perf-stat{border:1px solid #dfe7e2;border-radius:14px;background:#fff;padding:20px;min-width:0}.perf-stat>strong{display:block;font-size:23px;letter-spacing:-.6px;margin:12px 0;overflow-wrap:anywhere}.perf-stat .eyebrow{font-size:10px}.perf-waterfall{border:1px solid #dbe5df;border-radius:14px;padding:12px 16px;margin:20px 0;overflow-x:auto}.perf-span{display:grid;grid-template-columns:230px minmax(100px,1fr) 90px;gap:12px;align-items:center;min-height:65px;border-bottom:1px solid #edf1ef;min-width:420px}.perf-span:last-child{border:0}.perf-span-label strong{font-size:13px;display:block}.perf-span-label small{display:block;font-size:11px;color:#718177;margin-top:4px}.perf-track{height:26px;background:repeating-linear-gradient(to right,#edf1ef 0,#edf1ef 1px,transparent 1px,transparent 25%);position:relative}.perf-bar{position:absolute;top:4px;height:18px;border-radius:5px;background:#7eaea0;min-width:2px}.perf-bar.model{background:#627bce}.perf-bar.cloud{background:#9881c1}.perf-bar.inspection{background:#36856b}.perf-bar.tool{background:#c9a254}.perf-bar.error{background:#c87e7a}.perf-bar.blocked{background:#dcaa4e}.perf-duration{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.perf-callout{background:#f4f7fa;border-left:3px solid #7d98b9;border-radius:0 12px 12px 0;padding:18px 22px;margin:22px 0}.perf-callout h3{margin-top:0}.perf-spark{display:flex;gap:4px;align-items:flex-end;height:85px;border-bottom:1px solid #dfe6e2;margin-top:15px}.perf-spark-bar{flex:1;max-width:26px;min-width:5px;border:0;background:#559f82;border-radius:3px 3px 0 0;cursor:pointer}.perf-spark-bar:hover{background:#505154}.perf-setup{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}#demo-center>select{max-width:100%;padding:10px;border:1px solid #d6e0da;border-radius:8px;background:#fff;color:#3c3d40}.perf-toolbar select{padding:9px;border:1px solid #d6e0da;border-radius:8px}.perf-trends{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(max-width:680px){.perf-map{padding:14px}.perf-route{display:grid;grid-template-columns:1fr}.perf-arrow{text-align:center;transform:rotate(90deg)}.perf-node{padding:13px;gap:5px}.perf-branch{margin-left:15px}.perf-stats{grid-template-columns:1fr 1fr;gap:8px}.perf-stat{padding:14px}.perf-stat>strong{font-size:19px}.perf-tabs{gap:14px}.perf-span{grid-template-columns:170px minmax(90px,1fr) 65px;gap:8px;min-width:350px}.perf-toolbar select{max-width:100%}}

/* /network.css */
.network-panel{flex:1;min-height:0;overflow:auto;padding:36px clamp(20px,3vw,48px) 52px;background:radial-gradient(ellipse at 90% 0,#e6f3f150,transparent 50%),#f5f7fa;color:#26272a}.network-panel .net-note{font-size:12px;line-height:1.7;color:#718193;margin:8px 0}.net-heading{display:flex;justify-content:space-between;gap:26px;align-items:center;margin:0 0 26px}.net-overline{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#76889b;display:block}.net-heading h1{font-size:clamp(28px,3vw,43px);font-weight:620;letter-spacing:-1.6px;line-height:1.18;margin:12px 0}.net-heading .net-note{max-width:560px;font-size:13px}.net-actions{display:flex;gap:8px;flex-shrink:0}.net-button{border:1px solid #d7e0e9;background:white;color:#545558;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:600;min-height:40px;cursor:pointer}.net-button:hover{border-color:#9dacc0;background:#f5f9fc}.net-button.primary{background:#514ddd;border-color:#514ddd;color:white;box-shadow:0 4px 12px #514ddd18}.net-button.bright{color:#28292c;background:#99ead5;border-color:#99ead5}.net-button:disabled{opacity:.5;cursor:wait}.net-ribbon{display:flex;gap:24px;align-items:center;padding:12px 0 17px;border-bottom:1px solid #dde5ec;color:#8793a2;font-size:11px;flex-wrap:wrap}.net-live{color:#8b6e2e}.net-live.good{color:#218770}.net-view-tabs{display:flex;gap:28px;margin:10px 0 23px;border-bottom:1px solid #dde5ec}.net-view-tabs button{padding:15px 0;background:none;border:0;border-bottom:2px solid transparent;color:#8391a1;font-size:12px}.net-view-tabs button.active{color:#3a3b3e;border-bottom-color:#5554db;font-weight:650}.net-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.net-metric{position:relative;overflow:hidden;border:1px solid #e0e7ee;padding:20px 20px 16px;border-radius:14px;background:#fff;box-shadow:0 3px 14px #27282b03;min-height:132px}.net-metric>strong{display:block;font-size:29px;font-weight:600;letter-spacing:-1px;margin:12px 0 6px;position:relative;z-index:1}.net-metric .net-note{font-size:10px;position:relative;z-index:1}.net-spark{width:105px;height:30px;position:absolute;right:12px;top:47px;color:#7cc7ba;opacity:.6}.net-toolbar{display:flex;gap:14px;align-items:end;margin:22px 0 16px}.net-field{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.net-field>span{font-size:10px;letter-spacing:.5px;color:#7b8b9c;font-weight:650}.net-field select,.net-field input,.net-selected-row select{width:100%;border:1px solid #d7e1e9;border-radius:9px;background:#fff;color:#46474a;padding:11px;font-size:12px;min-height:41px}.net-toolbar .net-field:first-child{max-width:170px}.net-toolbar .net-field:last-child{max-width:290px}.net-explorer{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:0;border-radius:17px;overflow:hidden;box-shadow:0 16px 45px #292a2d10;border:1px solid #dce5eb}.net-canvas{min-width:0;background:#1c1d20;color:#dfeafa;position:relative}.net-canvas-head{padding:24px 25px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:linear-gradient(110deg,#242528,#1c1d20)}.net-canvas-head .net-overline{font-size:9px;color:#7796b2;letter-spacing:1.5px}.net-canvas h2{font-size:18px;font-weight:550;letter-spacing:-.4px;margin:9px 0 0}.net-map-toggle{display:flex;gap:3px;border:1px solid #3c3d40;border-radius:7px;padding:3px;flex-shrink:0}.net-map-toggle button{font-size:10px;padding:8px 10px;background:none;border:0;color:#8da3b7;border-radius:5px}.net-map-toggle .active{background:#3a3b3e;color:#eff4ff}.net-stage{overflow:auto;min-width:0;max-height:660px;background:radial-gradient(ellipse at 60% 40%,#2f303360,transparent 60%);scrollbar-color:#525356 #222326;scrollbar-width:thin}.net-topology{display:block;min-width:100%;height:auto}.net-edge{stroke:#50989d;stroke-width:2;filter:drop-shadow(0 0 5px #3d999328)}.net-edge.unknown{stroke-dasharray:5 7;stroke:#506c84}.net-node-halo{fill:#2a2b2e;stroke:#48494c;stroke-width:1}.net-node-shape{fill:#37383b;stroke:#63bbb7;stroke-width:1.4}.net-node-shape.violet{fill:#353639;stroke:#b0a2ef}.net-node-shape.mint{fill:#3c3d40;stroke:#74d8b5}.net-node-shape.blue{fill:#343538;stroke:#7bacdf}.net-node-shape.muted{fill:#2d2e31;stroke:#64758a;stroke-dasharray:3 3}.net-node-glyph{font-size:19px;fill:#c0ede6;font-family:system-ui,sans-serif}.net-node-label{font-size:11px;fill:#d6e6f4;font-weight:550;font-family:system-ui,sans-serif}.net-node-sub{font-size:9px;fill:#7896af;font-family:ui-monospace,monospace}.net-lane-label{font-size:9px;fill:#6e88a0;font-weight:700;letter-spacing:1.6px}.net-graph-node{cursor:pointer;outline:none}.net-graph-node:hover .net-node-halo,.net-graph-node:focus-visible .net-node-halo,.net-graph-node.selected .net-node-halo{stroke:#a5e5da;stroke-width:2;fill:#393a3d}.net-canvas-foot{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 23px;border-top:1px solid #333437;font-size:9px;color:#718da7;min-height:56px}.net-zoom{display:flex;border:1px solid #3d3e41;border-radius:6px;overflow:hidden;margin-left:auto}.net-zoom button{background:#2c2d30;border:0;color:#a6bed3;font-size:11px;padding:5px 9px;min-width:25px;min-height:27px}.net-inspector{background:#fff;padding:25px 20px;min-width:0}.net-inspector h3{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:22px 0 14px}.net-detail-row{padding:14px 0;border-bottom:1px solid #edf1f5}.net-detail-row span{display:block;color:#91a0af;font-size:10px;margin-bottom:6px}.net-detail-row strong{display:block;font-size:12px;font-weight:550;color:#515255;overflow-wrap:anywhere;line-height:1.6}.net-empty{min-height:360px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:35px;text-align:center;background:radial-gradient(circle at center,#393a3d,transparent 60%)}.net-empty-orbit{font-size:65px;color:#57857f;font-weight:200;line-height:1.4}.net-empty h3{font-weight:500;font-size:23px;letter-spacing:-.5px}.net-empty .net-note{color:#7697af;max-width:390px;margin:14px auto 20px}.net-timeline{margin:20px 0;padding:20px 24px 12px;background:white;border:1px solid #e0e7ee;border-radius:13px}.net-timeline-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.net-timeline-head strong{font-size:12px;color:#52697d;font-weight:550}.net-timeline-chart{width:100%;height:75px;margin-top:14px}.net-timeline input{width:100%;accent-color:#5852db;height:12px}.net-explanation{margin:23px 0;padding-left:15px;border-left:2px solid #95bfb8;max-width:970px}.net-explanation strong{font-size:12px;font-weight:600;color:#535457}.net-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.net-surface{background:white;border:1px solid #dfe7ef;border-radius:13px;padding:23px}.net-surface h3{font-size:18px;font-weight:550;margin:14px 0}.net-http-breakdown{display:flex;margin:17px 0;gap:10px;justify-content:space-between;flex-wrap:wrap}.net-http-breakdown span{font-size:10px;color:#8a9aaa;display:block}.net-http-breakdown strong{font-size:14px;display:block;margin-top:8px;font-weight:550}.net-trace{display:block;text-align:left;width:100%;padding:11px 13px;border:1px solid #e5e9f4;border-radius:8px;background:#f8f9fe;color:#5b6490;margin:7px 0;font-size:11px}.net-dialog{width:min(820px,94vw);max-height:88vh;border:1px solid #dce4ee;border-radius:18px;padding:0;color:#36373a;box-shadow:0 30px 100px #20212440}.net-dialog::backdrop{background:#23242788;backdrop-filter:blur(5px)}.net-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 28px;border-bottom:1px solid #e7edf2;background:#f8fafc;position:sticky;top:0;z-index:1}.net-dialog-head h2{font-size:23px;font-weight:600;letter-spacing:-.7px}.net-dialog-body{padding:22px 28px}.net-dialog .net-note{color:#7e8c9b;font-size:12px;line-height:1.7;margin:10px 0 18px}.net-key-form{display:flex;align-items:end;gap:12px;margin:20px 0 25px}.net-dialog h3{font-size:15px;font-weight:600;margin:20px 0 15px}.net-form-status{position:sticky;bottom:0;padding:16px 28px;background:#edf5f4;border-top:1px solid #d7e5e1;font-size:12px;line-height:1.6;color:#626366;min-height:48px}.net-connection-section>div{margin-top:12px}.net-discovered-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border-bottom:1px solid #e9eef3;padding:12px 0}.net-discovered-row>span{flex:1;min-width:200px;font-size:12px;overflow-wrap:anywhere}.net-discovered-row .net-button{font-size:10px;min-height:31px;padding:6px 9px}.net-selected-row{display:grid;grid-template-columns:1fr 160px 72px;gap:8px;padding:14px;background:#f6f9fc;border:1px solid #e2e9f1;border-radius:10px;margin:10px 0;align-items:center}.net-selected-row>strong{font-size:12px;overflow-wrap:anywhere}.net-selected-row>span{grid-column:1;font-size:10px;color:#8c99a7}.net-selected-row>select{grid-column:2;grid-row:1 / span 2}.net-selected-row>button{grid-column:3;grid-row:1 / span 2}.net-provider-checks{grid-column:1 / -1;display:flex;gap:14px;font-size:10px;color:#6f7f90}.net-provider-checks label{display:flex;gap:5px;align-items:center}.net-provider-checks input{accent-color:#5753d3}.net-manual{border-top:1px solid #e0e7ee;padding-top:15px;margin:20px 0}.net-manual summary{font-size:12px;cursor:pointer;color:#707f92;margin-bottom:15px}.net-manual>.net-field{margin:10px 0}.net-dialog-actions{display:flex;gap:12px;margin:20px 0}.net-timing{border-top:1px solid #e3e9ee}.net-dialog input:focus,.net-dialog select:focus,.net-field select:focus{outline:2px solid #9799ee;outline-offset:2px}
@media(max-width:1300px){.net-heading{align-items:start}.net-actions{flex-direction:column}.net-explorer{grid-template-columns:minmax(0,1fr) 205px}.net-canvas-head{align-items:start;flex-direction:column}.net-metric{padding:17px 15px}.net-metric .net-overline{font-size:8px}.net-spark{width:65px;opacity:.35}}
@media(max-width:950px){.net-explorer{grid-template-columns:1fr}.net-inspector{border-top:1px solid #e3e9ee;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.net-inspector>.net-overline,.net-inspector>h3,.net-inspector>.net-note{grid-column:1/-1}.net-inspector h3{margin:0}.net-detail-row{padding:7px 0}.net-bottom-grid{grid-template-columns:1fr}.net-metrics{grid-template-columns:1fr 1fr}.net-toolbar{flex-wrap:wrap}.net-toolbar .net-field{flex-basis:40%;max-width:100%!important}.net-heading{gap:14px}.net-heading h1{font-size:30px}}
@media(max-width:600px){.network-panel{padding:25px 15px}.net-heading{display:block;margin-bottom:16px}.net-heading h1{font-size:31px;letter-spacing:-1.3px}.net-actions{flex-direction:row;margin-top:17px}.net-ribbon{gap:11px 15px;font-size:9px}.net-metric{min-height:117px}.net-metric>strong{font-size:25px}.net-metric .net-note{font-size:9px}.net-metrics{gap:9px}.net-spark{display:none}.net-canvas-head{padding:20px}.net-canvas-foot{padding:10px 14px;flex-wrap:wrap;gap:10px}.net-inspector{grid-template-columns:1fr 1fr;padding:20px}.net-timeline{padding:15px}.net-timeline-head{flex-wrap:wrap;gap:12px}.net-timeline-head .net-button{min-height:32px;font-size:10px}.net-toolbar{gap:10px}.net-toolbar .net-field{flex-basis:100%}.net-view-tabs{gap:25px}.net-dialog-head,.net-dialog-body{padding:20px}.net-dialog-head h2{font-size:20px}.net-key-form{flex-direction:column;align-items:stretch}.net-selected-row{grid-template-columns:1fr 72px}.net-selected-row>select{grid-row:3;grid-column:1/-1}.net-selected-row>button{grid-column:2}.net-form-status{padding:13px 20px}.workspace-tabs button{padding:8px 7px!important;font-size:10px!important}.net-dialog-actions{flex-wrap:wrap}.net-discovered-row>span{min-width:100%;}.net-empty{padding:25px;min-height:300px}}
@media(prefers-reduced-motion:reduce){.network-panel *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* /business.css */
.business-panel{max-width:1480px;margin:auto;padding:40px 36px 60px;color:#2c2d30}.business-panel[hidden]{display:none}.biz-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.biz-heading h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.7px;font-weight:550;margin:10px 0}.biz-overline{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#638477}.biz-note{font-size:13px;color:#647770;line-height:1.65;margin:7px 0}.biz-status{display:flex;flex-wrap:wrap;gap:15px 28px;border-top:1px solid #dbe6df;border-bottom:1px solid #dbe6df;padding:13px 0;font-size:11px;color:#65786d}.biz-status span:first-child{color:#277453}.biz-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.biz-button{border:1px solid #d4e1d7;border-radius:8px;background:white;color:#274c3c;padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.biz-button:hover{background:#ebf5ef}.biz-button.primary{background:#3f4043;color:white;border-color:#3f4043}.biz-button.primary:hover{background:#535457}.biz-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:23px 0}.biz-tabs button{font-size:12px;color:#5e7267;border:0;background:transparent;padding:9px 13px;border-radius:7px;cursor:pointer}.biz-tabs button.active{background:#e3ede6;color:#173c2c;font-weight:650}.biz-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.biz-metrics article{border:1px solid #dce6df;border-radius:12px;background:#fff;padding:22px}.biz-metrics strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin:13px 0 6px;font-variant-numeric:tabular-nums}.biz-metrics .biz-note{font-size:11px}.biz-surface{border:1px solid #dce6df;border-radius:12px;padding:23px;background:#fff;margin-bottom:20px;min-width:0}.biz-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.biz-section-head h2{font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0}.biz-launch-banner{border-radius:12px;background:linear-gradient(120deg,#333437,#505154);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.biz-launch-banner h2{color:#f0f5ed;font-size:26px;font-weight:500;letter-spacing:-.8px;max-width:520px}.biz-launch-banner .biz-note,.biz-launch-banner .biz-overline{color:#bad6c5}.biz-launch-banner .biz-button{background:#d8eab0;color:#244331;white-space:nowrap}.biz-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.biz-person{border:1px solid #dce6df;border-radius:10px;padding:20px;display:flex;flex-direction:column;background:linear-gradient(170deg,#f8fbf8,#fff)}.biz-person.customer{background:linear-gradient(170deg,#f0f6ff,#fff)}.biz-person-head{display:flex;justify-content:space-between;align-items:center}.biz-avatar{display:inline-grid;place-items:center;width:43px;height:43px;background:#dcebe2;color:#315b47;border-radius:13px;font-size:14px;font-weight:650;flex-shrink:0}.customer .biz-avatar{background:#dfeafc;color:#496790}.biz-person h3{font-size:18px;font-weight:600;margin:18px 0 0}.biz-person .biz-note{margin:4px 0 14px}.biz-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 22px;flex:1;align-content:flex-start}.biz-chips span{font-size:10px;background:#f0f4f1;border-radius:4px;padding:5px 7px;color:#63796a}.biz-tag{display:inline-block;padding:5px 8px;border-radius:5px;background:#eef2f4;font-size:10px;color:#607080;white-space:nowrap;text-transform:capitalize}.biz-tag.pending,.biz-tag.processing{background:#fff0d5;color:#986319}.biz-tag.settled,.biz-tag.delivered,.biz-tag.manager{background:#e2f2e7;color:#2f7951}.biz-tag.rejected{background:#fce6e3;color:#a15346}.biz-tag.customer{background:#e7effb;color:#587298}.biz-table-wrap{overflow-x:auto}.biz-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.biz-table th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#88998e;padding:10px 13px;border-bottom:1px solid #dce6df;font-weight:650}.biz-table td{padding:16px 13px;border-bottom:1px solid #eef3ee;font-variant-numeric:tabular-nums}.biz-table tr:last-child td{border-bottom:0}.biz-table tbody tr:hover{background:#f8faf8}.biz-table .biz-button{font-size:11px;padding:7px 10px}.biz-empty{padding:30px;text-align:center;color:#7d9082;font-size:13px;background:#f8faf8;border-radius:8px}.biz-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.biz-accounts article{border-radius:10px;background:#f3f7f3;padding:24px}.biz-accounts h3{font-size:15px;font-weight:550;margin:15px 0}.biz-accounts strong{display:block;font-size:28px;letter-spacing:-1px;font-weight:550;margin:0 0 14px}.biz-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.biz-scenario{border:1px solid #dce6df;border-radius:10px;padding:24px;display:flex;flex-direction:column}.biz-scenario h3{font-size:20px;font-weight:550;letter-spacing:-.4px}.biz-scenario blockquote{font-size:14px;line-height:1.65;margin:0 0 15px;padding:15px;background:#f3f7f3;border-left:2px solid #96b6a4;border-radius:4px}.biz-scenario .biz-note{flex:1;margin-bottom:20px}.biz-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.biz-product h3{font-size:15px;margin:10px 0}.biz-product>strong{font-size:20px;font-weight:500}.biz-product-art{height:100px;background:linear-gradient(135deg,#dce9e1,#f4f8ed);border-radius:8px;margin:0 0 15px;position:relative;overflow:hidden}.biz-product-art:after{content:'';position:absolute;width:100px;height:100px;border:15px solid #aec6b7;border-radius:50%;right:20px;top:30px;opacity:.7}.biz-product-art.item-1{background:linear-gradient(135deg,#e0e8ef,#f5f6fa)}.biz-product-art.item-2{background:linear-gradient(135deg,#eee4d7,#faf5ed)}.biz-product-art.item-3{background:linear-gradient(135deg,#e5e0ed,#f8f3fa)}.biz-product-art span{font-size:12px;position:absolute;left:14px;top:14px;color:#5e7b66}.biz-search{padding:12px 15px;max-width:360px;width:100%;border:1px solid #ccdacf;border-radius:8px;margin-bottom:18px;font:inherit;font-size:13px}.biz-footnote{font-size:10px;color:#8b9a91;line-height:1.7;max-width:950px;margin:26px 0}.biz-dialog{border:1px solid #d3e0d7;border-radius:14px;padding:28px;width:min(650px,90vw);max-height:85vh;color:#294336;box-shadow:0 30px 100px #27282b33}.biz-dialog::backdrop{background:#2c2d3065;backdrop-filter:blur(3px)}.biz-detail-row{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e5ece7;padding:14px 0;font-size:12px;overflow-wrap:anywhere}.biz-detail-row>span{color:#809084;flex-shrink:0}.biz-detail-row strong{font-weight:500;text-align:right}.business-identity{display:grid;grid-template-columns:43px 1fr;gap:4px 9px;margin-bottom:14px;padding:12px 0;border-top:1px solid #dce6df}.business-identity .biz-avatar{grid-row:span 2}.business-identity strong{font-size:12px;align-self:end}.business-identity small{font-size:10px;color:#7e8e83}.business-identity[hidden],#business-return[hidden]{display:none}.member #gcp-tab,.member #aws-tab,.member #defense-tab,.member #network-tab,.member #lessons-nav,.member #lessons-welcome,.member #environment-open,.member #admin-link,.member .journey-events,.member .journey>button{display:none!important}.workspace-tabs{flex-wrap:wrap}.member .workspace-stamp{display:none}.biz-button:focus-visible,.biz-tabs button:focus-visible{outline:3px solid #82bda0;outline-offset:3px}@media(min-width:1450px){.biz-people{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.biz-metrics{grid-template-columns:repeat(2,1fr)}.biz-people{grid-template-columns:repeat(2,minmax(0,1fr))}.biz-products{grid-template-columns:repeat(2,minmax(0,1fr))}.biz-accounts{grid-template-columns:repeat(2,minmax(0,1fr))}.biz-launch-banner{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.business-panel{padding:25px 16px}.biz-heading{align-items:flex-start}.biz-heading h1{font-size:30px}.biz-metrics{gap:9px}.biz-metrics article{padding:15px}.biz-metrics strong{font-size:23px}.biz-people,.biz-scenarios,.biz-accounts{grid-template-columns:1fr}.biz-surface{padding:16px}.biz-tabs{gap:2px}.biz-tabs button{padding:9px}.biz-status{gap:8px}.biz-heading .biz-actions{align-self:flex-start}.biz-detail-row{flex-direction:column;gap:5px}.biz-detail-row strong{text-align:left}}
.business-panel{width:100%;min-width:0;flex-shrink:0}.biz-heading>div:first-child{min-width:0}.business-identity strong{color:#e1ebf3}.business-identity small{color:#9dafbe}.business-identity{border-top-color:#36373a}.business-panel .error{margin:0 0 15px}@media(max-width:650px){.biz-heading{flex-wrap:wrap}.biz-heading .biz-actions{margin-top:-5px}.biz-products{grid-template-columns:repeat(2,minmax(0,1fr))}.biz-product .biz-button{padding:9px 8px;font-size:11px}.biz-metrics .biz-overline{font-size:9px;letter-spacing:.8px}}

/* /company.css */
.company{--co-panel:var(--panel,#fff);--co-ink:var(--ink,#2c2d30);--co-muted:var(--muted,#647770);--co-line:var(--line,#dce6df);--co-soft:var(--theme-subtle,#f2f6f5);color:var(--co-ink)}
.company-title{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:24px;font-weight:650;letter-spacing:-.7px;margin:8px 0}.company-nav{border-bottom:1px solid var(--co-line);margin-bottom:24px;padding:15px 0}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.company-grid>.biz-surface{margin-bottom:0}.company-grid{margin-bottom:20px}.company-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.company-controls label{font-size:12px;color:var(--co-muted);display:flex;gap:10px;align-items:center}.company-controls select{max-width:250px;padding:9px;border-radius:8px;border:1px solid var(--co-line);font:inherit}.company-segmented{display:flex;flex-wrap:wrap;gap:6px;background:var(--co-soft);padding:5px;border-radius:10px;width:fit-content}.company-segmented button{background:transparent;border:0;padding:10px 14px;color:var(--co-muted);font-size:12px;cursor:pointer;border-radius:7px}.company-segmented button.selected{background:var(--co-panel);color:var(--co-ink);box-shadow:0 1px 4px #0002}.company .biz-metrics strong{font-size:clamp(24px,2.3vw,35px)}.company-bar-row{padding:13px 0}.company-bar-label{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-bottom:10px}.company-bar-label strong{font-variant-numeric:tabular-nums}.company-bar-track{height:13px;background:var(--co-soft);border-radius:4px;overflow:hidden}.company-bar-track span{display:block;height:100%;background:#568ee0;border-radius:4px;min-width:0}.company-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.company-group{border:1px solid var(--co-line);border-radius:12px;background:var(--co-panel);padding:22px}.company-group h3{font-size:21px;margin:12px 0}.company-group h4{font-size:15px;font-weight:550;margin:0 0 12px;color:var(--co-muted)}.company-roster{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.company-person-link{color:var(--blue,#245da5);background:var(--co-soft);border:1px solid var(--co-line);border-radius:7px;padding:7px 10px;font-size:12px;cursor:pointer;text-align:left}.company-tree{list-style:none;margin:0;padding:0}.company-tree .company-tree{margin-left:22px;padding-left:22px;border-left:1px solid var(--co-line)}.company-tree li{padding:6px 0}.company-org-person{display:flex;align-items:center;gap:14px;padding:8px;flex-wrap:wrap}.company-org-person small{font-size:12px;color:var(--co-muted)}.company-org-person .company-person-link{min-width:142px}.company-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.company-flow>div{border:1px solid var(--co-line);border-top:3px solid #568ee0;border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:12px}.company-flow small{color:var(--co-muted);font-size:11px}.company-flow strong{font-size:14px;line-height:1.5}.company-private{padding:15px;background:var(--co-soft);border-radius:10px;margin-top:15px}.company a.biz-button{text-decoration:none;display:inline-block}.company .biz-surface,.company .biz-metrics article{background:var(--co-panel);border-color:var(--co-line);color:var(--co-ink)}.company .biz-note,.company .biz-overline{color:var(--co-muted)}.company summary{cursor:pointer;font-size:13px;padding:8px 0}.company button:focus-visible,.company a:focus-visible{outline:3px solid var(--blue,#245da5);outline-offset:3px}.runaway-demo svg{width:100%;min-height:240px;display:block}.runaway-demo svg text{font-size:12px;fill:var(--co-muted)}.runaway-grid{stroke:var(--co-line);stroke-width:1}.runaway-unchecked{stroke:#e77383}.runaway-limited{stroke:#4da987}.runaway-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;padding:10px 0 20px}.runaway-red{color:#b93650}.runaway-green{color:#5c5d60}.runaway-demo h3{font-size:14px;margin:18px 0 3px}:root[data-theme='dark'] .runaway-red{color:#ffabb6}:root[data-theme='dark'] .runaway-green{color:#92d9ad}.runaway-demo>.biz-surface:first-child{border-top:3px solid #e77383}
@media(max-width:1000px){.company-flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.company-grid{grid-template-columns:1fr}.company-flow{grid-template-columns:1fr}.company-controls{align-items:stretch}.company-title{font-size:22px}.company-tree .company-tree{margin-left:7px;padding-left:9px}.company-org-person{gap:7px}.company-org-person small{display:block}.company .biz-metrics strong{font-size:22px}.company-group{padding:17px}.runaway-demo svg{min-height:190px}.company-controls label{flex-wrap:wrap}}
.company-mode{padding-top:24px}.company-mode>.biz-heading{margin-bottom:12px}.company-mode>.biz-heading h1{font-size:30px;letter-spacing:-1px;margin:4px 0}.company-mode>.biz-status{display:none}.company-mode> .biz-tabs{padding:10px 0 16px}.company-mode .company-title{display:none}.company-mode .company-nav{padding:8px 0;margin-bottom:18px}.runaway-demo>.biz-surface:first-child{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px}.runaway-demo>.biz-surface:first-child .biz-section-head{margin:0;max-width:620px}.runaway-demo>.biz-surface:first-child .company-segmented{flex-shrink:0}.runaway-demo .biz-metrics article{padding:18px}.runaway-demo .biz-metrics strong{margin:10px 0 0}@media(max-width:1200px){.runaway-demo>.biz-surface:first-child{display:block}.runaway-demo>.biz-surface:first-child .company-segmented{margin-top:15px}}@media(max-width:700px){.company-mode>.biz-heading h1{font-size:26px}.company-mode{padding-top:18px}.runaway-demo>.biz-surface:first-child{padding:16px}.runaway-demo .biz-metrics article{padding:13px}}
.company-tree[hidden]{display:none}.company-org-person>button:last-child:not(:first-child){font-size:11px;color:var(--co-muted)}
.company-connection{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;border:1px solid var(--co-line);border-radius:10px;background:var(--co-panel);padding:13px 16px;margin-bottom:14px;font-size:12px}.company-connection strong{font-weight:650}.company-connection span{color:var(--co-muted)}.company-connection+.biz-actions{margin-bottom:10px}.connection-ready{color:#5c5d60}.connection-attention{color:#91631f}:root[data-theme='dark'] .connection-ready{color:#92d9ad}:root[data-theme='dark'] .connection-attention{color:#f1c479}.company-connection~.company-controls{margin-top:18px}
.company-connection>.biz-actions{margin-left:auto}.company-connection .biz-button{font-size:11px;padding:7px 10px}@media(max-width:1100px){.company-connection>.biz-actions{margin-left:0}}
.company-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.company-insights article{padding:18px;border:1px solid var(--co-line);border-radius:12px;background:var(--co-panel)}.company-insights strong{display:block;font-size:19px;line-height:1.35;margin:10px 0}.company-insights .biz-note{font-size:12px;margin-bottom:0}.company-trend{display:block;width:100%;min-height:230px;margin-top:18px}.company-trend text{fill:var(--co-muted);font-size:13px}.trend-employees{fill:#568ee0}.trend-customers{fill:#32a58e}.company-chart-legend{display:flex;gap:24px;font-size:13px;margin:0 0 15px}.employees-key{color:#376db8}.customers-key{color:#646568}:root[data-theme='dark'] .employees-key{color:#98bfff}:root[data-theme='dark'] .customers-key{color:#73d5bd}.company-capacity{margin:23px 0}.company-capacity progress{display:block;width:100%;height:14px;accent-color:#568ee0}.company-dashboard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-dashboard-cards h3{font-size:18px}.company-dashboard-cards .biz-note{min-height:40px}.company .biz-section-head{gap:18px;flex-wrap:wrap}.company-grid h3{font-size:14px}@media(max-width:850px){.company-insights,.company-dashboard-cards{grid-template-columns:1fr}.company-trend{min-height:180px}.company-insights article{padding:14px}.company-insights strong{margin:7px 0}.company-controls{justify-content:flex-start}}
#business-panel.company-mode{padding-top:18px}#business-panel.company-mode>.biz-heading{margin-bottom:8px}#business-panel.company-mode>.biz-heading h1{font-size:28px;margin:4px 0}#business-panel.company-mode>.biz-heading .biz-note{font-size:13px;margin:3px 0}#business-panel.company-mode>.biz-tabs{padding:4px;margin:10px 0}#business-panel.company-mode .company-nav{padding:4px;margin:10px 0 16px}#business-panel.company-mode .company-nav button{font-size:12px;min-height:34px;padding:7px 11px}.company .biz-metrics article{padding:17px}.company .biz-metrics strong{margin:8px 0 0}.company-insights strong{font-size:17px}@media(max-width:700px){#business-panel.company-mode>.biz-heading h1{font-size:24px}.company-insights{gap:9px}}
.company-trend.compact text{font-size:16px}
@media(max-width:700px){#business-panel.company-mode>.biz-heading{flex-wrap:nowrap;align-items:center;gap:10px}#business-panel.company-mode>.biz-heading>div:first-child>.biz-overline,#business-panel.company-mode>.biz-heading .biz-note{display:none}#business-panel.company-mode>.biz-heading h1{font-size:22px}#business-panel.company-mode>.biz-heading .biz-button{padding:8px;font-size:11px}#business-panel.company-mode>.biz-tabs{width:fit-content;margin:7px 0}#business-panel.company-mode .company-nav{margin:8px 0 12px}.company-connection{padding:11px;gap:8px 14px;font-size:11px}.company-connection>span:first-of-type{display:none}.company-connection>.biz-actions{width:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:3px}.company-connection>.biz-actions .biz-button{flex-shrink:0}.company-connection+.biz-note{font-size:11px;line-height:1.5;margin-bottom:12px}.company-controls{gap:9px;margin-bottom:14px}.company-insights strong{font-size:16px}}

/* /design.css */
/* Northstar: a quiet, legible workspace inspired by macOS. */
:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', sans-serif;
  font-size: 16px;
  font-synthesis: none;
  --ink: #1d1d1f;
  --muted: #606168;
  --line: #dedee3;
  --border: #dedee3;
  --panel: #fff;
  --blue: #0066cc;
  --mint: #0066cc;
  --surface: #f5f5f7;
  --selection: #e8f1ff;
  --success: #216841;
  --warning: #825200;
  --danger: #b42332;
  color: var(--ink);
  background: var(--surface);
}
body { letter-spacing: -.012em; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button { min-height: 40px; font-size: 14px; font-weight: 500; transition: background .15s, border-color .15s; }
button:disabled { opacity: .5; cursor: not-allowed; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid #007aff; outline-offset: 3px; }
input, textarea, select { color: var(--ink); background: #fff; border-color: #cacbd2; border-radius: 10px; }
input::placeholder, textarea::placeholder { color: #73747c; opacity: 1; }
select { font-size: 14px; min-height: 40px; }
h1, h2, h3, h4 { color: var(--ink); text-wrap: balance; }
p { line-height: 1.65; }
small { font-size: 13px; }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.eyebrow, .biz-overline, .net-overline { color: var(--muted); font-size: 12px; letter-spacing: .06em; font-weight: 600; line-height: 1.5; }
.primary, .biz-button.primary, .net-button.primary { color: #fff; background: var(--blue); border: 1px solid var(--blue); border-radius: 10px; box-shadow: none; min-height: 42px; font-size: 14px; font-weight: 600; }
.primary:hover, .biz-button.primary:hover, .net-button.primary:hover { color: #fff; background: #0058b0; border-color: #0058b0; box-shadow: none; }
.text-button, .biz-button, .net-button { font-size: 14px; color: #34343a; background: #fff; border: 1px solid #d5d5db; border-radius: 9px; padding: 9px 14px; min-height: 40px; }
.text-button:hover, .biz-button:hover, .net-button:hover { background: #f0f0f4; border-color: #bdbec7; }
.error { color: var(--danger); font-size: 14px; line-height: 1.65; }
.error:not(:empty) { background: #fff1f2; border: 1px solid #f0c9ce; border-radius: 10px; padding: 12px 16px; }
/* One primary sidebar. Top tabs remain the compact-screen alternative. */
.workspace { grid-template-columns: 252px minmax(0,1fr); }
#sidebar { padding: 24px 16px 16px; background: #ededf0; border-right: 1px solid #d7d7dd; color: var(--ink); gap: 0; overflow-y: auto; }
#sidebar > .brand { padding: 0 10px 25px; color: var(--ink); }
.brand { font-size: 16px; letter-spacing: -.035em; font-weight: 700; }
.brand small { color: var(--muted); font-size: 12px; letter-spacing: .02em; font-weight: 400; }
.mark { width: 36px; height: 38px; border-radius: 11px; background: #007aff; color: white; box-shadow: none; font-size: 24px; }
.shell-nav { padding: 0 0 15px; margin-bottom: 14px; border-bottom: 1px solid #d9d9df; }
.shell-nav-label, .side-label { color: #64656d; font-size: 12px; letter-spacing: .015em; font-weight: 600; padding: 0 10px 8px; }
.shell-cloud-label { padding-top: 17px; }
.shell-route { display: flex; align-items: center; gap: 11px; width: 100%; text-align: left; margin: 3px 0; padding: 10px 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #3d3d44; font-size: 15px; min-height: 43px; }
.shell-route:hover { background: #e1e1e6; }
.shell-route.active { color: #004b99; background: #dceaff; border-color: #c6dcfa; box-shadow: none; font-weight: 600; }
.shell-route-icon { width: 21px; height: 21px; flex: none; color: #5d606a; display: grid; place-items: center; }
.shell-route-icon svg { width: 20px; height: 20px; }
.shell-route.active .shell-route-icon { color: #007aff; }
.new-chat { background: #fff; border-color: #d0d1d8; color: #1d1d1f; font-size: 14px; min-height: 42px; border-radius: 10px; padding: 11px 12px; margin-bottom: 10px; box-shadow: 0 1px 2px #00000006; }
.new-chat:hover { background: #f8f8fa; }
.new-chat span:last-child, .lessons-nav small { display: none; }
.lessons-nav { margin-bottom: 20px; color: #34343a; border: 1px solid #d0d1d8; border-radius: 10px; background: transparent; font-size: 14px; min-height: 42px; }
.lessons-nav.active { color: #004b99; background: var(--selection); border-color: #bfd7f7; }
.assistant-nav { color: #4f5058; min-height: 40px; font-size: 14px; border-radius: 8px; padding: 7px 10px; }
.assistant-nav:hover, .history-item:hover { background: #e0e0e5; color: var(--ink); }
.assistant-nav.selected { background: #dceaff; color: #004b99; }
.assistant-nav .avatar { width: 26px; height: 26px; background: #e0e4eb; color: #45607d; }
.assistant-nav .avatar svg { width: 16px; height: 16px; }
body:not([data-view='local']) #assistants, body:not([data-view='local']) #history, body:not([data-view='local']) .recent-label, body:not([data-view='local']) #sidebar > .side-label { display: none; }
.recent-label { margin-top: 22px; }
.history-item { font-size: 13px; color: #62636b; min-height: 35px; padding: 8px 10px; }
#history:not(.expanded) .history-item:nth-child(n+7) { display: none; }
.history-item.selected { background: #e0e5ee; color: #34343a; }
.empty-history { color: #686971; font-size: 13px; }
.side-bottom { margin-top: auto; padding-top: 18px; border-top: 1px solid #d9d9df; }
.side-bottom > button, .side-bottom > a { color: #53545d; font-size: 13px; min-height: 38px; padding: 9px 10px; }
.side-bottom > button:hover { background: #e1e1e6; color: #1d1d1f; }
.private-note { color: #60616a; font-size: 12px; padding: 13px 10px 0; }
.business-identity { border-top-color: #d6d6dd; }
.business-identity strong { color: var(--ink); font-size: 14px; }
.business-identity small { color: var(--muted); font-size: 12px; }
.topbar { height: 70px; padding: 0 32px; gap: 18px; background: #fafafcee; border-bottom: 1px solid #dddde3; backdrop-filter: blur(20px); }
.breadcrumbs { font-size: 16px; min-width: 0; white-space: nowrap; margin-right: auto; }
.breadcrumbs > span, .breadcrumbs .slash { display: none; }
.breadcrumbs strong { font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.workspace-tabs { display: none; }
.shell-search { display: flex; align-items: center; gap: 9px; min-height: 36px; padding: 7px 11px; border: 1px solid #d5d5dc; border-radius: 9px; background: #fff; color: #595a63; font-size: 13px; white-space: nowrap; }
.shell-search kbd { font: inherit; font-size: 12px; color: #767780; }
.shell-search > span:first-child { font-size: 19px; }
.status-pill { background: #edf7ef; color: #286b43; border: 1px solid #d3e7d8; font-size: 12px; font-weight: 500; border-radius: 20px; padding: 7px 11px; white-space: nowrap; }
.status-pill.simulation { color: #825200; background: #fff7e7; border-color: #ead8b5; }
#main { background: var(--surface); scroll-behavior: auto; }
.bottom-bar { font-size: 12px; min-height: 33px; padding: 0 32px; color: #6b6c75; background: #fafafa; border-top-color: #dedee3; }
.bottom-bar > span:first-child { font-size: 11px; letter-spacing: .04em; }
/* Sign-in, home and the eight assistants. */
.login-art { background: #eef2f8; color: #1d1d1f; }
.login-art .brand { color: var(--ink); }
.login-copy h1 { color: #1d1d1f; font-size: clamp(42px,5vw,64px); letter-spacing: -.055em; font-weight: 600; }
.login-copy h1 span { color: #007aff; }
.login-copy p, .login-foot { color: #60616b; font-size: 16px; }
.login-caps span { background: #ffffffb8; border-color: #d1d9e5; color: #545558; font-size: 13px; }
.login-main { background: #fff; }
.login-box h2 { color: var(--ink); font-size: 34px; letter-spacing: -.04em; }
.login-box > p, .login-note { color: var(--muted); font-size: 15px; }
.login-box label { font-size: 14px; color: #45454c; }
.password-field { background: #f9f9fb; border-color: #c8c9d1; border-radius: 12px; }
.password-field input { font-size: 16px; color: var(--ink); }
.welcome { max-width: 1240px; padding: 42px 40px 48px; }
.welcome-heading { align-items: flex-start; gap: 24px; }
.welcome-heading h1 { font-size: 38px; font-weight: 600; letter-spacing: -.045em; }
.welcome-heading p { font-size: 16px; line-height: 1.6; color: var(--muted); max-width: 640px; }
.workspace-stamp { background: #fff; border: 1px solid var(--line); border-radius: 12px; color: #56575a; padding: 12px 16px; font-size: 14px; }
.workspace-stamp small { color: var(--muted); font-size: 12px; }
.assistant-grid { gap: 18px; margin-top: 26px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.assistant-card { background: #fff; border: 1px solid #e0e0e5; border-radius: 18px; min-height: 195px; padding: 24px; box-shadow: 0 2px 8px #00000003; }
.assistant-card:hover { transform: none; border-color: #91b9ed; box-shadow: 0 4px 16px #3b3c3f0b; }
.assistant-card h2 { color: var(--ink); font-size: 19px; letter-spacing: -.025em; }
.assistant-card > p { color: var(--muted); font-size: 15px; line-height: 1.65; }
.card-foot { color: var(--blue); font-size: 14px; }
.card-index { color: #74757e; font-size: 13px; }
.lessons-welcome { border-radius: 16px; border-color: #d8e3f2; background: #edf3fc; box-shadow: none; padding: 20px 24px; }
.lessons-welcome strong { color: #414245; font-size: 16px; }
.lessons-welcome small, .workspace-note, .workspace-note p { color: var(--muted); font-size: 14px; }
.workspace-note strong { color: #35353d; }
.workspace-note small, .model-label { font-size: 13px; color: #60616a; }
.avatar { border-radius: 12px; }
.chat { max-width: 960px; width: 100%; margin: auto; }
.chat-header { background: transparent; padding: 24px 30px; border-bottom: 1px solid var(--line); }
.chat-heading h1 { font-size: 23px; letter-spacing: -.03em; font-weight: 600; }
.chat-heading p { font-size: 14px; color: var(--muted); }
.messages { padding: 28px 30px; }
.message-row { gap: 16px; margin-bottom: 28px; }
.message-content, .prose { font-size: 16px; line-height: 1.75; color: #28282e; overflow-wrap: anywhere; }
.message-label { font-size: 14px; color: #565761; font-weight: 600; }
.message-row.user .message-content { background: #eaf1fb; color: #323336; border-radius: 18px; }
.message-meta { color: #62636c; font-size: 13px; line-height: 1.5; }
.compose-wrap { padding: 16px 30px 24px; background: var(--surface); }
.composer { border: 1px solid #c9cbd3; background: #fff; border-radius: 18px; box-shadow: 0 3px 12px #00000006; }
.composer:focus-within { border-color: #72a5e9; box-shadow: 0 0 0 3px #007aff14; }
.composer textarea { font-size: 16px; line-height: 1.65; padding: 20px; min-height: 95px; }
.composer-footer { font-size: 13px; color: #60616b; padding: 0 16px 14px; gap: 12px; }
.compose-note { font-size: 12px; color: #686973; padding-top: 10px; }
.chat-empty h2 { font-size: 32px; color: var(--ink); letter-spacing: -.04em; }
.chat-empty > p { color: var(--muted); font-size: 16px; }
.suggestions button { border-radius: 12px; background: #fff; border-color: #dcdde4; font-size: 15px; min-height: 48px; }
.suggestions button:hover { background: #edf3fc; border-color: #b9cfea; }
.inspection-details, .journey { color: #53545e; background: #fafafc; border: 1px solid #e0e0e6; border-radius: 12px; font-size: 14px; }
.inspection-details summary, .journey summary { font-size: 14px; padding: 4px 0; color: #444650; }
.journey-stage p, .journey-note { font-size: 14px; line-height: 1.65; color: #5c5d66; }
.journey-stage strong, .trace-item { font-size: 14px; color: #383941; }
.journey-status { font-size: 12px; }
.safe-guidance { background: #eff7f1; border-color: #cbded0; border-left: 3px solid #488459; border-radius: 12px; color: #254e31; }
.safe-guidance h3 { color: #254e31; font-size: 18px; }
.safe-guidance p, .safe-guidance li { font-size: 15px; line-height: 1.7; }
.safe-guidance .defense-note { font-size: 13px; }
/* Cloud assistants and environment/cost dialogs. */
.gcp-panel { max-width: 960px; width: 100%; margin: auto; background: var(--surface); }
.gcp-heading { padding: 24px 30px; border-bottom-color: var(--line); align-items: center; gap: 16px; }
.gcp-heading h1 { color: var(--ink); font-size: 23px; letter-spacing: -.03em; }
.gcp-heading p { color: var(--muted); font-size: 14px; }
.gcp-toolbar { padding: 14px 30px; gap: 12px; background: transparent; border-bottom-color: var(--line); font-size: 14px; }
.gcp-toolbar select { font-size: 14px; border-color: #d1d2da; min-height: 40px; max-width: 250px; }
.gcp-connection { color: #286b43; font-size: 14px; }
.gcp-connection.unavailable, .gcp-connection.simulation, .gcp-paid { color: #825200; }
.gcp-messages { padding: 24px 30px; }
.gcp-answer-body { color: #292a2d; font-size: 16px; line-height: 1.75; }
.gcp-user { background: #e8f0fb; color: #3f4043; border-radius: 17px; font-size: 16px; }
.gcp-answer-label, .gcp-answer-meta { color: #62636d; font-size: 13px; }
.gcp-empty h2 { color: var(--ink); font-size: 31px; letter-spacing: -.035em; }
.gcp-empty > p, .gcp-suggestions strong { color: #51525c; font-size: 15px; }
.gcp-suggestions button { border-color: #d9dbe3; background: #fff; border-radius: 12px; padding: 16px; color: var(--ink); }
.gcp-suggestions small { color: var(--muted); font-size: 13px; }
.gcp-compose-wrap { padding: 16px 30px 24px; }
.gcp-composer { background: #fff; border: 1px solid #c9cbd3; border-radius: 18px; box-shadow: 0 3px 12px #00000006; }
.gcp-composer textarea { font-size: 16px; line-height: 1.65; padding: 18px; }
.gcp-send-row { padding: 0 16px 14px; gap: 16px; }
.gcp-estimate, .gcp-disclaimer, .gcp-cost-status, .gcp-response-cost, .gcp-footnote { font-size: 13px; color: #5c5d67; line-height: 1.6; }
.gcp-cost-top strong, .gcp-pricing-content strong { color: #3c3c45; }
.gcp-availability { color: #755000; background: #fff7e8; border-color: #ead8b5; font-size: 14px; line-height: 1.65; margin: 16px 30px; border-radius: 12px; }
.gcp-availability:empty { display: none; }
.gcp-pricing-content { background: #fff; color: #53545e; border-color: #d6d8e0; font-size: 14px; }
.gcp-footnote { gap: 16px; flex-wrap: wrap; }
#aws-panel .gcp-toolbar .text-button { font-size: 14px; padding: 9px 12px; }
.environment-dialog, .gcp-environment-dialog, .biz-dialog, .net-dialog { background: #fff; color: var(--ink); border: 1px solid #d5d7de; border-radius: 20px; box-shadow: 0 24px 100px #18191c35; max-height: calc(100dvh - 48px); }
.environment-dialog { width: min(700px,calc(100vw - 32px)); padding: 28px; }
.gcp-environment-dialog { width: min(700px,calc(100vw - 32px)); padding: 28px; }
dialog::backdrop { background: #191a1d3d; backdrop-filter: blur(5px); }
.environment-heading h2 { color: var(--ink); font-size: 27px; letter-spacing: -.035em; }
.environment-heading .text-button { min-width: 36px; min-height: 36px; padding: 6px; }
.environment-intro, .environment-details, .environment-verification, .environment-resources, .gcp-environment-dialog .defense-note { color: var(--muted); font-size: 14px; line-height: 1.7; }
.environment-card { border-color: var(--line); background: #f9f9fb; border-radius: 14px; padding: 20px; }
.environment-state strong { color: #303039; font-size: 16px; }
.environment-state p { color: #5c5d65; font-size: 14px; }
.environment-facts span { color: #62636b; font-size: 12px; letter-spacing: .03em; }
.environment-facts strong { font-size: 21px; color: #2a2b32; }
.environment-facts p { font-size: 13px; color: #63646d; }
.environment-details summary { color: #3c3d46; font-size: 14px; }
.environment-card .primary { max-width: 190px; }
.gcp-environment-dialog h3 { color: #303039; margin: 24px 0 14px; font-size: 19px; }
.gcp-environment-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.gcp-environment-link { white-space: nowrap; }
.aws-costs-grid > div { border-color: var(--line); background: #f7f7f9; border-radius: 12px; padding: 16px; }
.aws-costs-grid span, .aws-costs-grid small, .aws-costs-note, .aws-costs thead th, .aws-cost-activities { font-size: 13px; color: #60616a; }
.aws-costs-grid strong { color: var(--ink); font-size: 27px; }
.aws-costs table { font-size: 14px; }
.evaluation-warning { font-size: 14px; color: #825200; background: #fff4de; }
/* Operations: readable records and clear account/approval actions. */
.business-panel, .defense-panel, .lessons-panel { max-width: 1320px; width: 100%; padding: 36px 40px 52px; margin: 0 auto; color: var(--ink); flex-shrink: 0; }
.biz-heading h1, .defense-heading h1, .lessons-heading h1 { font-size: 34px; font-weight: 600; letter-spacing: -.045em; }
.biz-heading .biz-note, .defense-heading p, .lessons-heading p { color: var(--muted); font-size: 16px; line-height: 1.65; }
.biz-heading, .defense-heading, .lessons-heading { align-items: flex-start; margin-bottom: 24px; }
.biz-note, .biz-footnote, .defense-note, .perf-note { color: var(--muted); font-size: 14px; line-height: 1.7; }
.biz-status { color: #60616b; font-size: 13px; gap: 12px 22px; border-color: var(--line); padding: 14px 0; }
.biz-status span:first-child { color: #216841; }
.biz-tabs, .defense-tabs, .studio-modes, .dc-rule-tabs { gap: 5px; padding: 5px; border: 1px solid #dcdde3; background: #ededf1; border-radius: 12px; margin: 22px 0; width: fit-content; max-width: 100%; }
.biz-tabs button, .defense-tabs button, .studio-modes button, .dc-rule-tabs button { background: transparent; border: 0; color: #62636b; font-size: 14px; padding: 9px 13px; border-radius: 8px; min-height: 38px; }
.biz-tabs button.active, .defense-tabs button.active, .studio-modes button.active, .dc-rule-tabs button.active { background: #fff; color: #0058b0; box-shadow: 0 1px 4px #1a1a2912; font-weight: 600; }
.biz-metrics article, .biz-surface, .biz-person, .biz-scenario, .dc-card { background: #fff; border-color: #e0e0e5; border-radius: 16px; box-shadow: 0 2px 6px #00000003; }
.biz-metrics article { padding: 22px; }
.biz-metrics strong { font-size: 31px; color: var(--ink); letter-spacing: -.04em; }
.biz-metrics .biz-note { font-size: 13px; }
.biz-section-head h2 { color: var(--ink); font-size: 20px; font-weight: 600; }
.biz-launch-banner { background: #eaf1fc; border: 1px solid #d5e0f3; border-radius: 16px; padding: 24px; }
.biz-launch-banner h2 { color: #393a3d; font-size: 25px; font-weight: 600; }
.biz-launch-banner .biz-note, .biz-launch-banner .biz-overline { color: #646568; }
.biz-launch-banner .biz-button { color: #fff; background: var(--blue); border-color: var(--blue); }
.biz-person, .biz-person.customer { background: #fff; padding: 22px; }
.biz-person h3 { color: var(--ink); font-size: 20px; }
.biz-avatar, .customer .biz-avatar { background: #e6edf7; color: #466080; font-size: 15px; border-radius: 13px; }
.biz-chips span { color: #5b5f68; font-size: 12px; background: #f0f1f5; padding: 5px 8px; border-radius: 6px; }
.biz-tag { color: #5f626c; background: #eeeff3; font-size: 12px; border-radius: 6px; padding: 5px 8px; }
.biz-tag.pending, .biz-tag.processing { color: #825200; background: #fff3db; }
.biz-tag.settled, .biz-tag.delivered, .biz-tag.manager { color: #216841; background: #eaf5ed; }
.biz-tag.rejected { color: #a02d3b; background: #fbecee; }
.biz-tag.customer { color: #365f93; background: #eaf1fc; }
.biz-table, .studio-table { font-size: 14px; color: #33343b; }
.biz-table th, .studio-table th { font-size: 12px; text-transform: none; letter-spacing: .01em; font-weight: 600; color: #656671; background: #f9f9fb; border-bottom-color: #dddfe6; padding: 12px 14px; }
.biz-table td, .studio-table td { padding: 15px 14px; border-bottom-color: #e8e9ee; }
.biz-table tbody tr:hover { background: #f5f8fd; }
.biz-table .biz-button { font-size: 13px; padding: 7px 11px; min-height: 36px; }
.biz-accounts article { background: #f6f6f9; border: 1px solid var(--line); border-radius: 12px; }
.biz-accounts h3 { color: #484a54; font-size: 16px; }
.biz-accounts strong { color: var(--ink); font-size: 30px; }
.biz-scenario h3 { color: var(--ink); font-size: 21px; }
.biz-scenario blockquote { background: #f3f5f9; color: #4d4e51; font-size: 15px; border-left-color: #8dadd2; border-radius: 10px; }
.biz-empty { color: #63646d; background: #f6f6f9; font-size: 15px; }
.biz-product h3 { color: var(--ink); font-size: 16px; }
.biz-product-art { background: #edf0f5; border-radius: 12px; }
.biz-product-art span { color: #616265; font-size: 13px; }
.biz-search { font-size: 15px; background: #fff; border-color: #c9cbd4; }
.biz-detail-row { font-size: 15px; padding: 16px 0; border-color: var(--line); }
.biz-detail-row > span { color: var(--muted); }
/* AI Defense, explanations, guided demos and model evaluation. */
.defense-count, .defense-event, .defense-detail, .defense-policy, .defense-rule, .lesson-card, .studio-card { background: #fff; border-color: var(--line); border-radius: 14px; }
.defense-count { padding: 20px; }
.defense-count strong { color: var(--ink); font-size: 30px; }
.defense-count small { color: var(--muted); font-size: 13px; }
.defense-filters { gap: 14px; }
.defense-filters label { font-size: 14px; color: #53545d; }
.defense-filters input, .defense-filters select { font-size: 14px; min-height: 42px; border-color: #cacdd7; border-radius: 10px; }
.defense-event { color: #40414b; padding: 17px; }
.defense-event:hover, .defense-event.selected { background: #f0f5fd; border-color: #9bbce6; }
.defense-event strong { color: #28292c; font-size: 15px; }
.defense-event small, .defense-event time { color: #62636d; font-size: 13px; }
.defense-detail { padding: 25px; }
.defense-detail h2 { color: var(--ink); font-size: 25px; letter-spacing: -.035em; }
.defense-detail p, .defense-detail li { font-size: 15px; line-height: 1.7; }
.defense-detail code { color: #57585b; }
.defense-example { background: #f4f5f8; color: #56575a; border-radius: 10px; font-size: 14px; }
.defense-policy h3, .defense-rule h3 { color: var(--ink); }
.lessons-library { border-color: var(--line); }
.lesson-nav { border-radius: 12px; background: #fff; border-color: var(--line); padding: 16px; font-size: 14px; }
.lesson-nav strong { color: #303134; font-size: 15px; }
.lesson-nav small { color: var(--muted); font-size: 13px; }
.lesson-nav.selected, .lesson-nav:hover { background: #edf3fc; border-color: #a9c3e4; color: #234f83; }
.lesson-stage h2 { color: var(--ink); font-size: 29px; letter-spacing: -.035em; }
.lesson-business { background: #f0f4fb; border-color: #d5dfef; border-radius: 14px; }
.lesson-business-story { color: #434447; font-size: 16px; }
.lesson-business-risk, .lesson-guardrail > div { font-size: 14px; color: #616265; border-color: #d6dfeb; }
.lesson-business-risk strong, .lesson-guardrail > div strong { color: #4a4b4e; }
.lesson-guardrail { background: #fff; border-color: #d5dfeb; border-left-color: #7b9fcf; border-radius: 12px; }
.lesson-guardrail summary { color: #4a4b4e; font-size: 15px; }
.lesson-guardrail-owner { color: #6d6e71; font-size: 13px; }
.lesson-prompt-tabs button { background: #f1f2f6; border-color: #d6d8e1; color: #57585b; font-size: 14px; }
.lesson-prompt-tabs button.active { background: #e6effc; border-color: #adc9ef; color: #245a98; }
.lesson-user-prompt { color: #3f4043; background: #eaf1fb; font-size: 16px; }
.lesson-chat-message { background: #f7f7fa; color: #33343c; font-size: 16px; }
.lesson-chat-message:nth-of-type(1) { background: #eaf1fb; }
.lesson-enforced { color: #57585b; border-color: #d5dce7; background: #fff; font-size: 15px; }
.lesson-enforced-head > strong { color: #434447; }
.lesson-enforced > small, .lesson-entities, .lesson-fixture, .lesson-presenter-notes { color: #68696c; font-size: 13px; }
.lesson-safe-path { color: #28533a; background: #eff7f1; border-color: #cadfcf; font-size: 15px; }
.lesson-takeaway { font-size: 15px; color: #515255; }
.lessons-key p { font-size: 14px; color: #646771; line-height: 1.65; }
.lessons-tourbar { background: #ecf3ff; border-color: #cbdcf2; border-radius: 12px; }
.lessons-tourbar .text-button { font-size: 14px; }
.studio-bank, .studio-step { border-color: var(--line); border-radius: 16px; background: #fff; }
.studio-heading h2 { color: var(--ink); font-size: 29px; }
.studio-heading > p { color: var(--muted); font-size: 16px; }
.studio-toolbar select, .studio-invite-form select { color: var(--ink); background: #fff; border-color: #cacdd5; font-size: 14px; }
.studio-bank h3, .studio-step h3 { color: #303039; font-size: 20px; }
.studio-transaction { color: #535457; background: #f2f5fa; font-size: 14px; }
.studio-invite { color: #5f6063; border-color: var(--line); font-size: 14px; }
.studio-invite-output, .studio-change { color: #285e3d; background: #eff7f1; border-color: #cadfcf; font-size: 14px; }
.studio-viewer-note { color: #355b86; background: #edf3fc; font-size: 14px; }
.dc-heading h2 { color: var(--ink); font-size: 32px; font-weight: 600; letter-spacing: -.045em; }
.dc-heading p { color: var(--muted); font-size: 16px; }
.dc-hero { color: #3a3b3e; background: #eaf1fc; border: 1px solid #d5e1f4; border-radius: 18px; padding: 28px; }
.dc-hero h2 { color: #3a3b3e; font-size: 29px; font-weight: 600; }
.dc-hero p, .dc-hero .eyebrow { color: #616265; }
.dc-card h3 { color: var(--ink); font-size: 20px; }
.dc-card p { color: #54555f; font-size: 15px; }
.dc-badge { color: #515255; background: #edf2f8; font-size: 12px; border-radius: 7px; letter-spacing: 0; }
.dc-arm { background: #f8f8fa; border-color: #dedfe6; border-radius: 14px; }
.dc-arm h4 { color: var(--ink); font-size: 21px; }
.dc-arm p, .dc-receipt { color: #50515d; font-size: 15px; }
.dc-text, .dc-prompt { color: #4a4b4e; background: #f0f3f8; font-size: 14px; border-radius: 10px; }
.dc-hash { color: #656671; font-size: 12px; }
.dc-tour { color: #4b4c4f; background: #edf3fc; border-color: #c8dbee; border-radius: 14px; }
.dc-review { color: #3e5d48; background: #eff6f1; }
/* Network and timing: white plotting surfaces, clear axes, floating inspectors. */
.network-panel { width: 100%; max-width: 1450px; margin: 0 auto; padding: 36px 40px 52px; background: transparent; color: var(--ink); flex-shrink: 0; overflow: visible; }
.net-heading h1 { color: var(--ink); font-size: 34px; font-weight: 600; letter-spacing: -.045em; }
.net-heading .net-note { font-size: 16px; color: var(--muted); max-width: 700px; }
.network-panel .net-note { color: var(--muted); font-size: 14px; line-height: 1.65; }
.net-actions { flex-direction: row; align-items: center; gap: 8px; }
.net-ribbon { color: #62636d; font-size: 13px; gap: 12px 22px; border-color: var(--line); }
.net-live.good { color: #216841; background: #eaf5ed; border-radius: 20px; padding: 5px 10px; }
.net-live { color: #825200; }
.net-view-tabs, .perf-tabs { border-color: var(--line); gap: 24px; }
.net-view-tabs button, .perf-tabs button { color: #656671; font-size: 14px; padding: 14px 0; }
.net-view-tabs button.active, .perf-tabs button.active { color: #0066cc; border-bottom-color: #007aff; }
.net-toolbar { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 16px; gap: 16px; }
.net-field { min-width: 0; }
.net-field > span { color: #5b5c65; font-size: 13px; margin-bottom: 7px; }
.net-field input, .net-field select { color: var(--ink); border-color: #cacdd6; background: #fff; font-size: 14px; min-height: 42px; padding: 9px 12px; }
.net-metrics { gap: 16px; }
.net-metric { background: #fff; border-color: var(--line); border-radius: 16px; padding: 22px; min-height: 145px; }
.net-metric .net-overline { font-size: 12px; color: #62636d; letter-spacing: .03em; }
.net-metric > strong { color: var(--ink); font-size: 32px; letter-spacing: -.04em; }
.net-metric .net-note { font-size: 13px; }
.net-spark { color: #007aff; opacity: .7; }
.net-timeline { padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.net-timeline-head h2 { color: var(--ink); font-size: 22px; letter-spacing: -.025em; }
.net-chart-readout { font-size: 14px; font-weight: 500; color: #35689d; margin: 15px 0 0; }
.net-timeline-chart { width: 100%; height: 230px; display: block; margin: 12px 0; }
.net-chart-grid { stroke: #e5e8ef; stroke-width: 1; stroke-dasharray: 3 5; }
.net-chart-axis { fill: #66676a; font-size: 13px; }
.net-chart-area { fill: url(#net-timeline-fill); opacity: 1; }
.net-chart-line { stroke: #007aff; stroke-width: 2.5; stroke-linejoin: round; }
.net-chart-selection { fill: #007aff; opacity: .09; }
.net-round-point { cursor: pointer; }
.net-round-point circle:not(.net-point-hit) { fill: #fff; stroke: #007aff; stroke-width: 2; }
.net-round-point:hover circle:not(.net-point-hit), .net-round-point circle.selected { fill: #007aff; }
.net-timeline input[type=range] { accent-color: #007aff; min-height: 28px; }
.net-timeline-foot, .net-legend { font-size: 13px; color: #606671; }
.net-explorer { display: block; position: relative; }
.net-canvas { width: 100%; background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.net-canvas-head { padding: 22px 24px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 18px; background: #fff; border-bottom: 1px solid var(--line); }
.net-canvas-head h2 { color: var(--ink); font-size: 22px; letter-spacing: -.025em; line-height: 1.4; }
.net-graph-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--line); background: #fafafc; }
.net-graph-controls input, .net-graph-controls select { color: var(--ink); background: #fff; border: 1px solid #cacdd6; border-radius: 9px; padding: 9px 12px; min-height: 40px; font-size: 14px; min-width: 0; }
.net-graph-controls input { flex: 1; min-width: 180px; }
.net-stage { background: #fff; min-height: 320px; max-height: 650px; overflow: auto; overscroll-behavior: contain; }
.net-route-edge { stroke: #8a9bb0; opacity: .65; transition: opacity .15s; }
.net-route-edge.unknown { stroke-dasharray: 5 6; stroke: #a1aab7; }
.net-route-edge.selected { stroke: #007aff; opacity: 1; }
.net-route-edge.dim { opacity: .12; }
.net-hop-node { cursor: pointer; outline: none; }
.net-hop-dot { fill: #5e98d8; stroke: #fff; stroke-width: 2; }
.net-hop-halo { fill: #007aff1c; opacity: 0; }
.net-hop-node.source .net-hop-dot { fill: #38804c; stroke: #ecf6ef; }
.net-hop-node.target .net-hop-dot { fill: #007aff; stroke: #d7e8ff; }
.net-hop-node.high .net-hop-dot { fill: #d38919; stroke: #fff1d8; stroke-width: 2; }
.net-hop-node.unknown .net-hop-dot, .net-hop-node.unobserved .net-hop-dot { fill: #fff; stroke: #7a8597; stroke-dasharray: 3 2; }
.net-hop-node.selected .net-hop-halo, .net-hop-node:focus-visible .net-hop-halo, .net-hop-node:hover .net-hop-halo { opacity: 1; }
.net-hop-node.dim { opacity: .2; }
.net-node-label { fill: #444548; font-size: 14px; }
.net-node-sub { fill: #68778b; font-size: 12px; }
.net-node-shape { fill: #f1f5fa; stroke: #9cabc0; }
.net-node-glyph { fill: #587294; }
.net-node-halo { fill: #007aff1b; }
.net-topology { background: transparent; }
.net-canvas-foot { padding: 15px 20px; border-color: var(--line); background: #fafafc; font-size: 13px; gap: 14px; }
.net-zoom { display: flex; gap: 4px; padding: 3px; background: #eeeef3; border-radius: 9px; }
.net-zoom .net-button { min-width: 34px; padding: 6px 9px; min-height: 34px; margin: 0; border: 0; background: transparent; }
.net-zoom .net-button:hover { background: #fff; }
.net-inspector { position: fixed; z-index: 65; right: 28px; bottom: 48px; width: 380px; max-width: calc(100vw - 32px); max-height: min(700px,calc(100dvh - 145px)); overflow: auto; display: block; padding: 24px; background: #fffffff7; backdrop-filter: blur(22px); border: 1px solid #c6cbd6; border-radius: 18px; box-shadow: 0 16px 70px #30313426,0 2px 12px #0000000a; overscroll-behavior: contain; }
.net-inspector h3 { color: var(--ink); font-size: 22px; margin: 16px 25px 18px 0; line-height: 1.4; letter-spacing: -.025em; overflow-wrap: anywhere; }
.net-inspector .net-overline { color: #656669; font-size: 12px; }
.net-inspector .net-note { font-size: 13px; color: #6b6c6f; }
.net-inspector .net-detail-row { display: grid; grid-template-columns: 105px minmax(0,1fr); width: 100%; gap: 12px; padding: 10px 0; border-color: #e1e4ea; align-items: start; }
.net-detail-row span { font-size: 13px; color: #697181; }
.net-detail-row strong { color: #3a3b3e; font-size: 14px; font-weight: 500; line-height: 1.55; overflow-wrap: anywhere; }
.net-inspector .net-inspector-close { position: absolute; top: 13px; right: 13px; width: 32px; height: 32px; min-height: 32px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #eeeef3; color: #666873; font-size: 23px; display: grid; place-items: center; }
.net-inspector-close:hover { background: #dfe2e9; }
.net-inspector .net-button.primary { margin-top: 16px; }
.net-surface { border-color: var(--line); background: #fff; border-radius: 16px; padding: 23px; }
.net-surface h3 { color: var(--ink); font-size: 20px; }
.net-http-breakdown span { color: #626873; font-size: 12px; }
.net-http-breakdown strong { color: #3b3c3f; font-size: 16px; }
.net-trace { color: #3d5e88; background: #f3f6fb; border-color: #d4dfee; border-radius: 9px; font-size: 14px; padding: 12px 14px; }
.net-dialog { width: min(880px,calc(100vw - 32px)); }
.net-dialog-head { background: #fafafc; border-color: var(--line); padding: 22px 26px; }
.net-dialog-head h2 { color: var(--ink); font-size: 26px; }
.net-dialog-body { padding: 24px 26px; }
.net-dialog .net-note { font-size: 14px; color: var(--muted); }
.net-dialog h3 { color: #303134; font-size: 19px; }
.net-discovered-row > span, .net-selected-row > strong { color: #4a4b4e; font-size: 14px; }
.net-discovered-row .net-button { font-size: 13px; min-height: 36px; }
.net-selected-row { border-color: var(--line); background: #f6f7fa; }
.net-selected-row > span, .net-provider-checks, .net-manual summary { color: #6a6b6e; font-size: 13px; }
.net-form-status { font-size: 14px; color: #315e41; background: #edf5ef; border-color: #d3e2d7; }
.net-empty { background: #fff; border-color: var(--line); color: #68696c; border-radius: 16px; }
.net-empty h2 { color: var(--ink); }
.net-timing { border-color: var(--line); }
.net-timing > select { padding: 10px 12px; border: 1px solid #cacdd6; border-radius: 10px; font-size: 14px; max-width: 100%; }
.perf-heading h2 { font-size: 29px; color: var(--ink); letter-spacing: -.035em; }
.perf-stat, .perf-map, .perf-waterfall, .perf-callout { background: #fff; border-color: var(--line); border-radius: 14px; }
.perf-stat > strong { color: var(--ink); font-size: 27px; }
.perf-stat .eyebrow { font-size: 12px; }
.perf-node { color: #48494c; border-color: #cad9e9; background: #f1f5fb; }
.perf-node small { color: #5f7084; font-size: 13px; }
.perf-pill { font-size: 13px; color: #356047; background: #edf6ef; }
.perf-pill.pending { color: #825200; background: #fff4df; }
.perf-waterfall { padding: 14px 18px; }
.perf-waterfall-axis { display: grid; grid-template-columns: 230px minmax(100px,1fr) 90px; gap: 12px; min-width: 420px; padding: 10px 0 16px; color: #626d7d; font-size: 12px; border-bottom: 1px solid var(--line); }
.perf-axis-ticks { display: flex; justify-content: space-between; gap: 4px; font-variant-numeric: tabular-nums; }
.perf-waterfall-axis > span:last-child { text-align: right; }
.perf-span { min-height: 65px; border-color: #eceef3; }
.perf-span-label strong { color: #414245; font-size: 14px; }
.perf-span-label small { color: #6b7483; font-size: 12px; }
.perf-track { background: repeating-linear-gradient(to right,#e5e9f0 0,#e5e9f0 1px,transparent 1px,transparent 25%); }
.perf-bar { padding: 0; min-height: 0; min-width: 5px; cursor: pointer; border: 0; background: #629eaa; }
.perf-bar.model { background: #5092e1; }
.perf-bar.cloud { background: #9786ce; }
.perf-bar.inspection { background: #459c72; }
.perf-bar.tool { background: #d19e45; }
.perf-bar.error { background: #c76b7c; }
.perf-duration { color: #626366; font-size: 13px; }
.perf-spark-bar { min-height: 0; background: #6c9fdc; }
.perf-spark-bar:hover { background: #007aff; }
.perf-callout { background: #f0f4fb; color: #455f80; border-left-color: #7ca4d7; }
/* Quick navigation and compact screens. */
.shell-veil { display: none; }
.shell-command { width: min(640px,calc(100vw - 32px)); padding: 0; max-height: 78dvh; background: #fffffff5; color: var(--ink); border: 1px solid #d1d4df; border-radius: 18px; box-shadow: 0 25px 100px #191a1d3b; }
.shell-command-head { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.shell-command-head input { border: 0; background: transparent; flex: 1; min-width: 0; font-size: 17px; outline: none; }
.shell-command-head > span { font-size: 24px; color: #6b7382; }
.shell-command-head button { padding: 5px 9px; min-height: 30px; border-radius: 6px; border: 0; background: #eeeef3; color: #666872; font-size: 12px; }
.shell-command-list { overflow: auto; padding: 10px; max-height: 58dvh; }
.shell-command-result { display: flex; align-items: center; gap: 12px; width: 100%; border: 0; border-radius: 9px; text-align: left; color: #3c3d40; background: transparent; padding: 13px; font-size: 15px; }
.shell-command-result:hover, .shell-command-result:focus-visible { background: #eaf1fc; }
.shell-command-result small { margin-left: auto; color: #727a88; font-size: 12px; }
.shell-command-icon { width: 23px; color: #557caa; }
.shell-command-empty { padding: 20px; color: var(--muted); }
@media(min-width:1500px) { .assistant-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:1150px) {
  .workspace { grid-template-columns: 228px minmax(0,1fr); }
  .welcome, .business-panel, .defense-panel, .lessons-panel, .network-panel { padding: 30px 28px 44px; }
  .status-pill { font-size: 12px; }
  .net-heading { flex-wrap: wrap; }
  .net-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .net-metric .net-overline { font-size: 12px; }
  .net-canvas-head { flex-wrap: wrap; }
  .biz-people { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .net-inspector { right: 20px; width: 360px; }
}
@media(max-width:900px) {
  .workspace { display: block; }
  #sidebar { position: fixed; top: 0; bottom: 0; left: -280px; width: 260px; z-index: 70; transition: left .2s; box-shadow: 8px 0 32px #1d1e211c; }
  #sidebar.open { left: 0; }
  .main-shell { height: 100dvh; }
  .topbar { min-height: 114px; height: auto; padding: 14px 20px 10px; flex-wrap: wrap; gap: 10px; }
  .breadcrumbs { flex: 1; font-size: 16px; }
  .breadcrumbs #menu { display: block; border: 0; border-radius: 8px; background: transparent; color: #454852; min-height: 36px; }
  .shell-search { margin-left: auto; }
  .status-pill { display: none; }
  .workspace-tabs { display: flex; order: 4; width: 100%; gap: 4px; padding: 4px; background: #eaeaf0; border: 1px solid #dcdce4; border-radius: 10px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .workspace-tabs button { font-size: 13px !important; padding: 8px 11px !important; white-space: nowrap; min-height: 37px; border-radius: 7px; color: #606370; flex-shrink: 0; }
  .workspace-tabs button.active { background: #fff; color: #0058b0; box-shadow: 0 1px 4px #1b1c1f12; }
  .workspace-tabs button span { display: none; }
  .navigation-open .shell-veil { display: block; position: fixed; inset: 0; z-index: 69; background: #1a1b1e3d; backdrop-filter: blur(3px); border: 0; }
  .welcome, .business-panel, .defense-panel, .lessons-panel, .network-panel { padding: 28px 22px 40px; }
  .bottom-bar { padding: 0 20px; font-size: 11px; }
  .bottom-bar > span:last-child { display: none; }
  .net-toolbar { flex-wrap: wrap; }
  .net-toolbar .net-field { flex-basis: 40%; max-width: 100% !important; }
  .net-inspector { right: 16px !important; bottom: 18px !important; left: auto !important; top: auto !important; width: 370px; max-height: 67dvh; }
  .lessons-body { grid-template-columns: 1fr; }
  .lessons-catalog { display: flex; overflow-x: auto; }
  .net-bottom-grid { grid-template-columns: 1fr; }
}
@media(max-width:600px) {
  .topbar { padding: 12px 16px 10px; }
  .shell-search > span:nth-child(2), .shell-search kbd { display: none; }
  .shell-search { padding: 6px 11px; }
  .welcome, .business-panel, .defense-panel, .lessons-panel, .network-panel { padding: 26px 18px 36px; }
  .welcome-heading h1, .biz-heading h1, .defense-heading h1, .lessons-heading h1, .net-heading h1 { font-size: 30px; letter-spacing: -.04em; }
  .welcome-heading { flex-wrap: wrap; }
  .workspace-stamp { display: none; }
  .assistant-grid, .biz-people, .dc-grid, .dc-checks, .dc-pair, .biz-scenarios, .biz-accounts { grid-template-columns: 1fr; }
  .assistant-card { min-height: 180px; padding: 22px; }
  .biz-heading { flex-wrap: wrap; }
  .biz-tabs, .defense-tabs, .studio-modes { flex-wrap: nowrap !important; overflow-x: auto; width: 100%; padding: 4px; }
  .biz-tabs button, .defense-tabs button, .studio-modes button { flex-shrink: 0; padding: 9px 12px; font-size: 13px; }
  .biz-metrics { grid-template-columns: 1fr 1fr; }
  .biz-metrics article { padding: 17px; }
  .biz-metrics strong { font-size: 27px; }
  .biz-surface, .dc-card, .studio-bank, .studio-step { padding: 18px; }
  .biz-launch-banner { padding: 22px; }
  .biz-table { font-size: 14px; }
  .biz-products { grid-template-columns: 1fr 1fr; }
  .chat-header, .gcp-heading { padding: 20px 18px; gap: 12px; }
  .chat-heading h1, .gcp-heading h1 { font-size: 21px; }
  .chat-heading p, .gcp-heading p { font-size: 13px; }
  .messages, .gcp-messages { padding: 22px 18px; }
  .message-row { gap: 12px; }
  .message-row > .avatar { width: 29px; height: 29px; }
  .compose-wrap, .gcp-compose-wrap { padding: 14px 16px 20px; }
  .composer textarea, .gcp-composer textarea { padding: 16px; }
  .composer-footer, .gcp-send-row { gap: 12px; }
  .gcp-toolbar { padding: 12px 18px; flex-wrap: wrap; }
  #aws-panel .gcp-toolbar select { max-width: 100%; }
  .gcp-availability { margin: 12px 18px; font-size: 14px; max-height: none; }
  .gcp-heading { flex-wrap: wrap; }
  .gcp-send-row .primary { flex: none; }
  .gcp-footnote { align-items: flex-start; }
  .net-heading { display: block; }
  .net-actions { flex-direction: row; flex-wrap: wrap; margin-top: 16px; }
  .net-ribbon { font-size: 12px; gap: 9px 14px; }
  .net-toolbar .net-field { flex-basis: 100%; }
  .net-metrics { grid-template-columns: 1fr 1fr; gap: 10px; }
  .net-metric { padding: 17px; min-height: 140px; }
  .net-metric .net-overline { font-size: 12px; letter-spacing: 0; }
  .net-metric > strong { font-size: 27px; }
  .net-metric .net-note { font-size: 12px; }
  .net-spark { display: none; }
  .net-timeline { padding: 19px 16px; }
  .net-timeline-head { flex-wrap: wrap; gap: 10px; }
  .net-chart-axis { font-size: 14px; }
  .net-timeline-chart { height: 210px; }
  .net-chart-readout { font-size: 13px; }
  .net-canvas-head { padding: 20px; flex-direction: column; align-items: flex-start; }
  .net-graph-controls { padding: 14px; }
  .net-graph-controls input { flex-basis: 100%; }
  .net-graph-controls select { flex: 1; font-size: 13px; }
  .net-canvas-foot { flex-wrap: wrap; padding: 13px; }
  .net-inspector { padding: 22px; width: calc(100vw - 32px); }
  .net-inspector .net-detail-row { grid-template-columns: 100px minmax(0,1fr); }
  .net-dialog-head, .net-dialog-body { padding: 20px; }
  .net-dialog-head h2 { font-size: 24px; }
  .net-key-form { flex-direction: column; align-items: stretch; }
  .net-selected-row { grid-template-columns: 1fr 72px; }
  .net-selected-row > select { grid-column: 1 / -1; grid-row: 3; }
  .net-selected-row > button { grid-column: 2; }
  .net-discovered-row > span { min-width: 100%; }
  .perf-waterfall-axis { grid-template-columns: 170px minmax(90px,1fr) 65px; min-width: 350px; gap: 8px; }
  .perf-axis-ticks span:nth-child(even) { display: none; }
  .environment-dialog, .gcp-environment-dialog { padding: 22px; }
  .environment-card { flex-direction: column; align-items: stretch; }
  .environment-card .primary { max-width: none; width: 100%; }
  .aws-costs-grid { grid-template-columns: 1fr; }
  .login-art { display: none; }
  .login-box { padding: 24px; }
  .lesson-business-risk, .lesson-guardrail > div { grid-template-columns: 1fr; gap: 6px; }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

#lessons-nav { display: none; }
.shell-history-toggle { background: transparent; border: 0; font-size: 13px; color: var(--blue); text-align: left; padding: 8px 10px; margin: 4px 0 12px; }
body:not([data-view='local']) .shell-history-toggle { display: none; }
/* Scrollable stacks must preserve each record's intrinsic height. */
.defense-events > * { flex-shrink: 0; }
.defense-event { min-height: 128px; }
.defense-event-app { color: #60616a; font-size: 14px; }
.defense-event-top time { color: #62636d; font-size: 13px; }
.defense-badge { font-size: 12px; }
.defense-stat span { color: #535660; font-size: 14px; }
.defense-stat small { color: #62636d; font-size: 12px; }
.defense-empty { color: #62636d; font-size: 15px; }
.defense-rule-table { font-size: 14px; }
.defense-rule-table th { font-size: 13px; color: #62636d; }
.defense-rule-table td { color: #34343c; }
.defense-rule-table td small { font-size: 13px; color: #656672; }
#aws-availability { font-size: 14px; line-height: 1.65; }
.environment-heading { position: sticky; top: -28px; z-index: 2; background: #fffffff5; padding: 14px 0; margin-top: -14px; backdrop-filter: blur(18px); }
.evaluation-disclosure > summary { font-size: 16px; font-weight: 600; color: #393a3d; padding: 10px 0; cursor: pointer; }
.evaluation-report > p { font-size: 14px; line-height: 1.7; }
@media(max-width:600px) { .environment-heading { top: -22px; } }
.studio-modes { width: 100%; align-items: center; }
.shell-studio-more { position: relative; margin-left: auto; }
.shell-studio-more > summary { cursor: pointer; min-height: 38px; padding: 9px 13px; border-radius: 8px; font-size: 14px; white-space: nowrap; color: #60616a; }
.shell-studio-more > summary.active { color: #0058b0; background: white; box-shadow: 0 1px 4px #1a1a2912; }
.shell-more-menu { position: absolute; top: calc(100% + 9px); right: 0; z-index: 20; display: grid; padding: 7px; min-width: 215px; border: 1px solid #d5d7df; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px #26272a26; }
.studio-modes .shell-more-menu button { text-align: left; padding: 11px 14px; width: 100%; }
.studio-modes .shell-more-menu button:hover { background: #edf3fc; }
@media(max-width:900px) { .studio-modes { overflow: visible; flex-wrap: wrap !important; } .shell-studio-more { margin-left: 0; } }

.net-round-point .net-point-hit { fill: transparent; stroke: transparent; }
.net-round-point:focus-visible circle:not(.net-point-hit) { stroke-width: 3; }
.net-topology pattern circle { fill: #dfe4eb; }
.lessons-status { color: #62636d; font-size: 13px; }
.dc-card > p { margin-top: 12px; margin-bottom: 14px; }
.dc-card > .dc-badge { display: table; margin: 10px 0; }
.dc-card > button { margin-top: 6px; }
.net-timeline-footer { display: flex; align-items: center; gap: 16px; margin-top: 16px; flex-wrap: wrap; }
.net-timeline-footer > strong { flex: 1; font-size: 14px; font-weight: 500; color: #48494c; }
.net-round-controls { display: flex; gap: 6px; }
.net-round-controls .net-button { min-height: 38px; padding: 8px 12px; }
.net-map-toggle { display: flex; background: #ededf1; border: 1px solid #dcdde3; border-radius: 10px; padding: 4px; }
.net-map-toggle button { min-height: 36px; border: 0; border-radius: 7px; background: transparent; color: #60616a; font-size: 14px; padding: 8px 12px; white-space: nowrap; }
.net-map-toggle button.active { color: #0058b0; background: #fff; box-shadow: 0 1px 4px #1a1a2912; }
.net-canvas-head .net-overline { font-size: 12px; color: #62636d; letter-spacing: .06em; }
.net-canvas .net-empty .net-button.bright { color: white; background: #0066cc; border-color: #0066cc; }
.net-route-summary { display: flex; justify-content: space-between; gap: 12px; color: #62636d; font-size: 13px; padding: 16px 22px; background: #fafafc; position: sticky; left: 0; }
.net-hop-label { font-size: 13px; fill: #48494c; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }
.net-hop-time { font-size: 12px; fill: #696a6d; font-variant-numeric: tabular-nums; }
.net-hop-question { font-size: 12px; fill: #667080; }
.net-lane-label { font-size: 12px; fill: #697387; letter-spacing: .04em; }
.net-legend { display: flex; gap: 16px; flex-wrap: wrap; }
.net-legend span { display: flex; align-items: center; gap: 7px; color: #60616a; font-size: 13px; }
.net-legend i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #5e98d8; }
.net-legend .source { background: #38804c; }
.net-legend .target { background: #007aff; }
.net-legend .high { background: #d38919; }
.net-legend .unknown { background: white; border: 1px solid #7a8597; }
.net-zoom { border: 1px solid #dedee3; }
.net-zoom button { color: #555659; font-size: 13px; min-height: 34px; background: transparent; }
.net-notices { padding: 14px 20px; background: #fff7e8; border: 1px solid #ead8b5; border-radius: 12px; margin: 16px 0; }
.net-notices .net-note { color: #825200; }
.net-bottom-grid { margin-top: 20px; }
@media(max-width:600px) {
 .net-timeline-footer > strong { flex-basis: 100%; }
 .net-timeline-footer > .net-button { margin-left: auto; }
 .net-map-toggle { width: 100%; }
 .net-map-toggle button { flex: 1; }
 .net-route-summary { flex-direction: column; gap: 8px; }
}
.net-timing > .perf-stat, #demo-center > .perf-stat { margin: 18px 0; }
.perf-setup { grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); }
.perf-heading { padding-top: 16px; }
.net-timing .perf-heading h2 { font-size: 25px; }
.perf-toolbar > select, .dc-actions > select { max-width: 100%; }
@media(max-width:600px) { .perf-setup { grid-template-columns: 1fr; } }
.net-form-status:empty { display: none; }
.net-provider-checks input { accent-color: #007aff; width: 17px; height: 17px; }
.net-provider-checks label { min-height: 24px; gap: 7px; }
/* Small-height windows and text zoom keep the composer reachable by scrolling. */
@media(max-height:600px) { .chat,.gcp-panel { min-height: 650px; flex-shrink: 0; } }
@media(max-width:900px) { .breadcrumbs { display: flex; align-items: center; gap: 10px; } .breadcrumbs strong { display: block; font-size: 15px; max-width: 220px; } }
@media(max-width:600px) { .breadcrumbs strong { max-width: 210px; font-size: 15px; } }
@media(max-width:900px) { .topbar .breadcrumbs #breadcrumb { display: block; max-width: 220px; color: #38393c; } }
.gcp-panel { padding: 0; }
@media(max-width:600px) {
 .topbar .breadcrumbs #breadcrumb { max-width: 210px; }
 .gcp-panel { flex: 0 0 auto; min-height: calc(100dvh - 145px); }
 .gcp-messages { flex: none; height: 350px; min-height: 280px; }
 .gcp-messages:has(.gcp-empty) { height: auto; min-height: 320px; }
 .gcp-availability { flex-shrink: 0; }
 #aws-panel #aws-availability { max-height: none; overflow: visible; }
 .gcp-heading .text-button { margin: 0; }
 .gcp-toolbar { justify-content: flex-start; }
}

/* Keep fitted SVG labels legible at the actual display size. */
.net-measured .net-hop-label { font-size: calc(13px * var(--net-label-scale,1)); }
.net-measured .net-hop-time, .net-measured .net-lane-label, .net-measured .net-hop-question { font-size: calc(12px * var(--net-label-scale,1)); }

.defense-rule-table td, .defense-rule-table td strong { font-size: 14px; line-height: 1.6; }

.net-hop-table { padding: 16px 20px; overflow-x: auto; }
.net-hop-table table { width: 100%; border-collapse: collapse; color: #3a3b3e; font-size: 14px; }
.net-hop-table th { color: #68696c; text-align: left; font-size: 13px; font-weight: 600; background: #f5f5f8; padding: 12px; border-bottom: 1px solid #dfe2e8; }
.net-hop-table td { color: #3a3b3e; padding: 12px; border-bottom: 1px solid #e8eaf0; line-height: 1.5; }
.net-hop-table tr:hover td { background: #f5f8fd; }
.net-node-shape.violet { fill: #ecebfa; stroke: #b5b0dc; }
.net-node-shape.mint { fill: #e5f3eb; stroke: #98bba6; }
.net-node-shape.blue { fill: #e6effb; stroke: #a0b8d7; }
.net-node-shape.muted { fill: #f1f2f5; stroke: #a0a7b1; }
.net-graph-node:hover .net-node-halo, .net-graph-node:focus-visible .net-node-halo, .net-graph-node.selected .net-node-halo { fill: #e8f0fc; stroke: #007aff; }

/* Cloud conversation history: full titles, search, and keyboard access. */
.gcp-toolbar .conversation-picker { display: flex; align-items: center; gap: 18px; text-align: left; width: min(360px,100%); min-height: 62px; padding: 10px 14px; border: 1px solid #d3d6df; border-radius: 12px; background: #fff; color: #2c2d30; box-shadow: 0 2px 6px #292a2d05; cursor: pointer; margin-left: auto; }
.conversation-picker:hover { border-color: #9aa9bd; background: #fafcff; }
.conversation-picker-copy { display: grid; gap: 4px; min-width: 0; flex: 1; }
.conversation-picker-caption { color: #68696c; font-size: 12px; font-weight: 500; }
.conversation-picker-title { font-size: 14px; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.conversation-picker-chevron { font-size: 21px; color: #667487; }
.conversation-picker:disabled { opacity: .55; cursor: wait; }
.conversation-picker-dialog { position: fixed; inset: auto; margin: 0; width: min(520px,calc(100vw - 32px)); max-height: min(620px,calc(100dvh - 100px)); padding: 0; border: 1px solid #d0d5df; border-radius: 20px; color: #2c2d30; background: #fff; box-shadow: 0 20px 70px #2d2e3130,0 2px 10px #2d2e3110; overflow: hidden; }
.conversation-picker-dialog[open] { display: flex; flex-direction: column; }
.conversation-picker-dialog::backdrop { background: #2223261f; backdrop-filter: blur(2px); }
.conversation-picker-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 22px 16px; }
.conversation-picker-heading h2 { margin: 0; color: #1d1d1f; font-size: 23px; font-weight: 600; letter-spacing: -.025em; }
.conversation-picker-heading p { margin: 5px 0 0; font-size: 13px; color: #6b6c6f; }
.conversation-picker-close { border: 0; border-radius: 50%; background: #eff0f4; color: #68696c; width: 36px; height: 36px; min-height: 36px; padding: 0; font-size: 24px; flex-shrink: 0; cursor: pointer; }
.conversation-picker-close:hover { background: #e2e7ef; color: #343538; }
.conversation-picker-search { flex-shrink: 0; width: calc(100% - 44px); margin: 0 22px; padding: 12px 14px; min-height: 46px; border: 1px solid #cfd5e0; border-radius: 11px; color: #2c2d30; background: #f9fafc; font: inherit; font-size: 16px; }
.conversation-picker-count { margin: 14px 24px 9px; font-size: 12px; color: #606c7d; flex-shrink: 0; }
.conversation-picker-list { list-style: none; margin: 0; padding: 0 12px 12px; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.conversation-picker-result { display: flex; align-items: center; gap: 18px; width: 100%; min-height: 76px; border: 1px solid transparent; border-radius: 12px; padding: 14px 12px; margin: 3px 0; background: transparent; color: #2c2d30; text-align: left; cursor: pointer; }
.conversation-picker-result-copy { flex: 1; min-width: 0; display: grid; gap: 7px; }
.conversation-picker-result strong { font-size: 15px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.conversation-picker-result-copy > span { font-size: 12px; color: #667284; }
.conversation-picker-result:hover { background: #f1f5fc; }
.conversation-picker-result[aria-current=true] { background: #eef5ff; border-color: #dae7fa; }
.conversation-picker-result[aria-current=true] strong, .conversation-picker-result[aria-current=true] .conversation-picker-check { color: #0058b0; }
.conversation-picker-check { font-size: 18px; color: #8895a6; flex-shrink: 0; width: 24px; text-align: center; }
.conversation-picker-empty { padding: 26px 12px; font-size: 15px; line-height: 1.6; color: #6b6c6f; }
.conversation-picker-help { margin: 0; padding: 13px 22px; border-top: 1px solid #e7eaf0; background: #fafbfc; color: #667284; font-size: 12px; flex-shrink: 0; }
.conversation-picker:focus-visible, .conversation-picker-result:focus-visible, .conversation-picker-close:focus-visible, .conversation-picker-search:focus-visible { outline: 3px solid #007aff; outline-offset: 2px; }
@media(max-width:600px) {
 .gcp-toolbar { flex-wrap: wrap; }
 .gcp-toolbar .conversation-picker { width: 100%; margin-left: 0; order: 4; }
 .conversation-picker-dialog { left: 8px; right: 8px; bottom: 8px; top: auto; width: calc(100vw - 16px); max-height: calc(85dvh - 16px); border-radius: 22px; }
 .conversation-picker-heading { padding-top: 24px; }
 .conversation-picker-help { font-size: 11px; }
}
@media(max-height:480px) {
 .conversation-picker-dialog { max-height: calc(100dvh - 16px); }
 .conversation-picker-heading { padding: 12px 18px; }
 .conversation-picker-heading h2 { font-size: 20px; }
 .conversation-picker-heading p, .conversation-picker-help { display: none; }
 .conversation-picker-count { margin-top: 8px; margin-bottom: 6px; }
}

/* Blog Studio: a publication frame, without operational dashboard noise. */
.blog-heading { padding: 8px 0 24px; }
.blog-heading h2 { font-size: 34px; letter-spacing: -.04em; margin: 10px 0; }
.blog-heading > p { color: #67686b; font-size: 17px; line-height: 1.6; }
.blog-stories { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; }
.blog-story { border: 1px solid #d9dde6; border-radius: 11px; background: #fff; color: #5a5b5e; padding: 12px 15px; min-height: 44px; font: inherit; font-size: 14px; cursor: pointer; }
.blog-story[aria-pressed=true] { color: #0058b0; border-color: #bed6f7; background: #eaf3ff; font-weight: 600; }
.blog-story:hover { background: #f0f5fc; }
.blog-toolbar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.blog-toolbar button { min-height: 44px; }
.blog-status { min-height: 24px; font-size: 13px; line-height: 1.6; margin: 14px 0; color: #626d7e; }
.blog-stage { --blog-color: #007aff; --blog-wash: #eef5ff; background: #fff; border: 1px solid #dce1e9; border-radius: 25px; padding: clamp(24px,3vw,48px); box-shadow: 0 8px 32px #33343708; overflow: hidden; }
.blog-stage[data-action=block] { --blog-color: #b54564; --blog-wash: #fff0f3; }
.blog-stage[data-action=redact] { --blog-color: #217447; --blog-wash: #eff8f2; }
.blog-stage[data-action=monitor] { --blog-color: #0066cc; --blog-wash: #eef5ff; }
.blog-brand { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.blog-wordmark { color: #0066cc; font-size: 12px; letter-spacing: .09em; font-weight: 600; }
.blog-evidence-tag { font-size: 12px; color: #66676a; border: 1px solid #e0e5ee; padding: 7px 11px; border-radius: 20px; white-space: nowrap; }
.blog-frame-heading { margin: 30px 0 27px; }
.blog-frame-heading h2 { font-size: clamp(27px,3vw,43px); letter-spacing: -.04em; line-height: 1.16; margin: 0 0 16px; max-width: 940px; }
.blog-frame-heading p { font-size: 17px; color: #68696c; line-height: 1.65; max-width: 940px; }
.blog-flow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; margin: 24px 0 30px; }
.blog-flow-step { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 10px; min-height: 50px; font: inherit; font-size: 14px; font-weight: 500; border: 1px solid transparent; border-radius: 12px; background: #f5f6f9; color: #677181; padding: 10px 12px; cursor: pointer; }
.blog-flow-step.active { background: var(--blog-wash); color: var(--blog-color); border-color: color-mix(in srgb,var(--blog-color) 25%,transparent); }
.blog-step-number { font-size: 11px; opacity: .85; }
.blog-frame-body { display: grid; grid-template-columns: 1.25fr 1fr; gap: 38px; align-items: center; min-height: 255px; }
.blog-explain .eyebrow { color: var(--blog-color); }
.blog-explain h3 { font-size: clamp(24px,2.5vw,34px); letter-spacing: -.025em; line-height: 1.2; margin: 16px 0; }
.blog-explain p { font-size: 17px; line-height: 1.75; color: #5f6b7e; }
.blog-receipt { background: #f7f9fc; border: 1px solid #e5eaf3; border-radius: 18px; padding: 18px 24px; }
.blog-receipt > div { padding: 14px 0; border-bottom: 1px solid #e2e7f0; }
.blog-receipt > div:last-child { border: 0; }
.blog-receipt span { color: #647287; display: block; font-size: 12px; margin-bottom: 8px; }
.blog-receipt strong { color: #393a3d; display: block; font-size: 16px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.blog-receipt > div:last-child strong { color: var(--blog-color); font-size: 22px; font-weight: 600; }
.blog-frame-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 24px 0 13px; margin-top: 18px; border-top: 1px solid #e8ecf3; font-size: 12px; color: #667387; }
.blog-progress { display: block; width: 100%; height: 4px; border: 0; appearance: none; background: #edf0f6; border-radius: 4px; }
.blog-progress::-webkit-progress-bar { background: #edf0f6; border-radius: 4px; }
.blog-progress::-webkit-progress-value { background: var(--blog-color); border-radius: 4px; }
.blog-progress::-moz-progress-bar { background: var(--blog-color); }
.blog-below { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; margin: 25px 0; }
.blog-below > section { background: #fff; border: 1px solid #dde2eb; border-radius: 18px; padding: 25px; min-width: 0; }
.blog-below h3 { font-size: 20px; margin: 0 0 18px; }
.blog-policy p { color: #66676a; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.blog-policy details { margin-top: 22px; border-top: 1px solid #e4e9f2; padding-top: 18px; }
.blog-policy summary { font-size: 14px; color: #3f5b80; cursor: pointer; }
.blog-caption { white-space: pre-wrap; font: inherit; font-size: 14px; color: #636467; line-height: 1.75; overflow-wrap: anywhere; max-height: 350px; overflow: auto; padding-top: 18px; }
.blog-export-note { color: #637086; font-size: 13px; line-height: 1.75; }
.blog-capture #sidebar, .blog-capture .topbar, .blog-capture .bottom-bar, .blog-capture .lessons-heading, .blog-capture .lessons-environment, .blog-capture .studio-modes, .blog-capture .blog-heading, .blog-capture .blog-stories, .blog-capture .blog-status, .blog-capture .blog-below, .blog-capture .blog-export-note { display: none !important; }
.blog-capture #main { margin: 0; padding: 0; width: 100%; background: #f5f5f7; }
.blog-capture #workspace { grid-template-columns: 1fr; }
.blog-capture #lessons-panel { padding: 28px; max-width: 1600px; margin: auto; width: 100%; }
.blog-capture .blog-stage { margin: 50px auto 24px; }
.blog-capture .blog-toolbar { justify-content: center; }
.blog-capture .blog-toolbar button:not(.blog-focus):not(.blog-play) { display: none; }
.blog-capture .blog-focus { position: fixed; z-index: 90; top: 12px; right: 20px; box-shadow: 0 2px 12px #33343712; }
@media(max-width:760px) {
 .blog-brand { flex-wrap: wrap; gap: 10px; }
 .blog-frame-heading p, .blog-explain p { font-size: 15px; }
 .blog-flow { display: flex; overflow-x: auto; padding-bottom: 5px; }
 .blog-flow-step { flex-shrink: 0; }
 .blog-frame-body, .blog-below { grid-template-columns: 1fr; }
 .blog-frame-body { gap: 20px; }
 .blog-stage { padding: 24px; border-radius: 18px; }
 .blog-toolbar button { flex: 1 1 auto; }
 .blog-capture #lessons-panel { padding: 12px; }
 .blog-capture .blog-stage { margin-top: 45px; }
}

.blog-toolbar .text-button, .blog-policy .text-button, .blog-draft .text-button { margin-left: 0; }

@media(max-width:760px) {
 .blog-capture .blog-focus { position: static; flex-basis: 100%; box-shadow: none; }
 .blog-capture .blog-toolbar { align-items: stretch; }
 .blog-capture .blog-stage { margin-top: 24px; }
}

/* /conversation.css */
/* Compact conversations, shared by local and cloud assistants. */
:root { --chat-user: #eaf1fc; --chat-user-border: #d4e0f2; --chat-detail: #fff; --chat-code: #eaf0f7; --chat-action-denied: #a02d3b; --chat-action-pending: #825200; }
.chat { width: 100%; max-width: 1000px; margin: 0 auto; }
.chat-header { margin: 0 26px; padding: 15px 0; gap: 11px; }
.chat-header > .avatar { width: 34px; height: 34px; border-radius: 11px; }
.chat-header > .avatar svg { width: 19px; height: 19px; }
.chat-heading h1 { font-size: 18px; letter-spacing: -.025em; }
.chat-heading p { font-size: 12px; margin-top: 3px; line-height: 1.5; }
.chat-header .text-button { min-height: 34px; padding: 6px 11px; font-size: 12px; }
.messages { padding: 22px 26px 8px; overscroll-behavior: contain; scrollbar-gutter: stable; }
.message-row { gap: 12px; margin: 0 0 24px; }
.message-row > .avatar { width: 28px; height: 28px; margin-top: 1px; border-radius: 9px; }
.message-row > .avatar svg { width: 16px; height: 16px; }
.message-row .message-content { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; font-size: 15px; color: var(--ink); }
.message-label { color: var(--muted); font-size: 12px; line-height: 1.5; font-weight: 600; margin: 0 0 7px; }
.message-content .prose, .gcp-answer .prose { font-size: 15px; line-height: 1.7; color: var(--ink); margin: 0 0 10px; }
.message-content .prose:last-child { margin-bottom: 0; }
.message-row.user { max-width: min(82%,720px); margin-bottom: 20px; gap: 9px; }
.message-row.user > .avatar { display: none; }
.message-row.user .message-content { flex: 0 1 auto; background: var(--chat-user); border: 1px solid var(--chat-user-border); border-radius: 16px 16px 4px 16px; padding: 11px 15px; }
.message-row.user .message-label { display: none; }
.message-row.user .prose { color: var(--ink); }
.reply-heading { font-size: 16px; line-height: 1.5; margin: 15px 0 7px; font-weight: 600; }
.reply-list { margin: 8px 0 12px; padding-left: 22px; color: var(--ink); font-size: 15px; line-height: 1.7; }
.reply-list li + li { margin-top: 4px; }
.prose > code, .reply-list code { background: var(--chat-code); color: inherit; padding: 2px 5px; border-radius: 5px; font-size: .9em; }
.message-meta { display: flex; flex-wrap: wrap; gap: 7px 10px; align-items: center; margin: 9px 0 0; color: var(--muted); font-size: 12px; }
.message-meta .verdict { padding: 3px 7px; font-size: 11px; line-height: 1.5; }
.message-meta .verdict.allowed { color: #216841; }
.action-outcome { font-size: 12px; font-weight: 600; }
.action-outcome.denied { color: var(--chat-action-denied); }
.action-outcome.pending { color: var(--chat-action-pending); }
.compose-wrap { padding: 8px 26px 12px; background: var(--surface); }
.composer, .gcp-composer { padding: 12px 14px 10px; border-radius: 15px; box-shadow: 0 3px 14px #00000006; }
.composer textarea, .gcp-composer textarea { display: block; min-height: 42px; height: 42px; max-height: 160px; padding: 0; resize: none; font-size: 16px; line-height: 1.5; overflow-y: auto; }
.composer-footer, .gcp-send-row { padding: 0; margin-top: 7px; gap: 10px; }
.composer-footer > span { font-size: 11px; color: var(--muted); }
.composer-footer .primary, .gcp-send-row .primary { min-height: 36px; padding: 7px 13px; font-size: 13px; border-radius: 10px; }
.compose-note { margin-top: 7px; padding: 0; font-size: 11px; line-height: 1.5; color: var(--muted); }
.waiting { margin: 12px 40px; font-size: 13px; color: var(--muted); }
.chat-empty { margin: 18px auto; max-width: 600px; }
.chat-empty > .avatar { width: 45px; height: 45px; border-radius: 14px; }
.chat-empty > .avatar svg { width: 24px; height: 24px; }
.chat-empty h2 { font-size: 27px; margin: 16px 0 8px; }
.chat-empty > p { font-size: 14px; }
.suggestions { margin-top: 20px; gap: 8px; }
.suggestions button { min-height: 42px; padding: 10px 14px; font-size: 14px; }
.code-block { margin: 12px 0; border-radius: 10px; }
.code-head { padding: 7px 12px; }
.code-block pre { padding: 12px 14px; font-size: 13px; line-height: 1.6; }
/* One closed disclosure per request; individual stage explanations stay on demand. */
.journey { margin: 10px 0 0; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--chat-detail); color: var(--ink); overflow: clip; }
.journey > summary { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; padding: 9px 11px; min-height: 36px; font-size: 12px; line-height: 1.5; color: var(--muted); list-style: none; cursor: pointer; }
.journey > summary::-webkit-details-marker { display: none; }
.journey > summary::before { content: '›'; color: var(--muted); font-size: 18px; line-height: 12px; transition: transform .15s; }
.journey[open] > summary::before { transform: rotate(90deg); }
.journey > summary > span:first-child { color: var(--ink); font-weight: 550; }
.journey-counts { margin-left: auto; font-size: 11px; color: var(--muted); font-weight: 400; }
.journey[open] > summary { border-bottom: 1px solid var(--line); }
.journey-summary { padding: 10px 12px 7px; gap: 5px 10px; font-size: 11px; color: var(--muted); }
.journey-summary strong { color: var(--muted); font-size: 11px; font-weight: 500; }
.journey-summary > span { display: none; }
.journey-stages { margin: 0; padding: 0 12px 2px; }
@media(min-width:1100px) { .journey-stages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 20px; } }
.journey-stage, .journey-stage:last-child { min-height: 0; margin: 0; padding: 0 0 0 25px; border: 0; }
.journey-stage::before { left: 0; top: 9px; width: 17px; height: 17px; font-size: 10px; border: 0; background: var(--chat-code); color: var(--muted); }
.journey-stage-detail { min-width: 0; border-bottom: 1px solid var(--line); }
.journey-stage:last-child .journey-stage-detail { border-bottom: 0; }
.journey-stage-detail > summary { display: flex; align-items: center; gap: 8px; padding: 7px 0; min-height: 34px; cursor: pointer; list-style: none; }
.journey-stage-detail > summary::-webkit-details-marker { display: none; }
.journey-stage-detail > summary::after { content: '+'; color: var(--muted); width: 12px; text-align: center; font-size: 13px; flex-shrink: 0; }
.journey-stage-detail[open] > summary::after { content: '−'; }
.journey-stage strong { font-size: 12px; font-weight: 500; color: var(--ink); }
.journey-stage p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 0 0 9px; padding-right: 15px; }
.journey-status { margin-left: auto; flex-shrink: 0; max-width: 48%; font-size: 10px; line-height: 1.4; padding: 3px 6px; color: var(--muted); background: var(--chat-code); }
.journey-stage:is(.allow, .delivered, .settled, .executed) .journey-status { background: #eaf5ed; color: #216841; }
.journey-stage:is(.block, .denied, .error, .withheld) .journey-status { background: #fbecee; color: #a02d3b; }
.journey-stage:is(.redact, .pending) .journey-status { background: #fff3db; color: #825200; }
.journey-stage.monitor .journey-status { background: #e8f1ff; color: #295b9d; }
.journey-stage.not_reached strong, .journey-stage.not_requested strong { color: var(--muted); }
.journey-note { padding: 8px 12px; margin: 0; font-size: 11px; line-height: 1.6; color: var(--muted); border-top: 1px solid var(--line); }
.journey-events { margin: 0; padding: 5px 12px 9px; gap: 6px; }
.journey-events button { min-height: 30px; padding: 5px 8px; font-size: 11px; color: var(--blue); background: var(--chat-detail); border-color: var(--line); }
.journey > .text-button { margin: 0 12px 10px; min-height: 32px; font-size: 11px; }
.journey-checks, .journey > .inspection-details { margin: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 0 12px; background: transparent; font-size: 12px; }
.journey-checks > summary, .inspection-details > summary { padding: 9px 0; cursor: pointer; font-size: 12px; }
.journey-checks > .journey-note { padding: 4px 0 9px; border: 0; }
.journey-checks > .inspection-details { padding: 0; margin: 6px 0 0; background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.journey-checks > div, .trace-item { padding: 7px 0; font-size: 12px; line-height: 1.6; border-color: var(--line); }
.journey-checks strong, .journey-checks p, .trace-source { color: var(--muted); }
.journey-checks span { color: var(--ink); }
.run-id { padding-bottom: 10px; color: var(--muted); font-size: 11px; }
.safe-guidance { margin: 12px 0; padding: 13px 15px; }
.safe-guidance h3 { margin: 7px 0; font-size: 16px; }
.safe-guidance p, .safe-guidance li { font-size: 13px; line-height: 1.65; }
.safe-guidance li { margin-bottom: 5px; }
.safe-guidance-draft { padding: 11px; margin: 10px 0; }
.gcp-heading { padding: 15px 24px; }
.gcp-heading h1 { font-size: 18px; }
.gcp-heading p { font-size: 12px; margin-top: 3px; }
.gcp-identity .avatar { width: 34px; height: 34px; font-size: 20px; }
.gcp-toolbar { padding: 9px 24px; gap: 10px; }
.gcp-toolbar .conversation-picker { min-height: 38px; padding: 7px 10px; }
.gcp-messages { padding: 20px 24px 8px; }
.gcp-turn { margin-bottom: 23px; }
.gcp-user { padding: 10px 14px; font-size: 15px; line-height: 1.65; }
.gcp-answer { gap: 10px; margin-top: 17px; }
.gcp-answer > .avatar { width: 27px; height: 27px; font-size: 17px; }
.gcp-answer ul, .gcp-answer ol { color: var(--ink); line-height: 1.7; }
.gcp-compose-wrap { padding: 8px 24px 12px; }
.gcp-cost-top, .gcp-footnote, .gcp-disclaimer { font-size: 11px; }
@media(max-width:600px) {
 .chat-header { margin: 0 16px; padding: 11px 0; gap: 9px; }
 .chat-heading h1, .gcp-heading h1 { font-size: 16px; }
 .chat-heading p { font-size: 11px; }
 .messages, .gcp-messages { padding: 18px 14px 4px; }
 .message-row { gap: 8px; margin-bottom: 21px; }
 .message-row > .avatar { width: 24px; height: 24px; border-radius: 8px; }
 .message-row > .avatar svg { width: 14px; height: 14px; }
 .message-row.user { max-width: 90%; }
 .message-row.user .message-content { padding: 9px 12px; }
 .message-content .prose, .gcp-answer .prose, .reply-list { font-size: 15px; line-height: 1.65; }
 .compose-wrap, .gcp-compose-wrap { padding: 6px 12px 10px; }
 .composer, .gcp-composer { padding: 10px 12px; }
 .composer textarea, .gcp-composer textarea { min-height: 38px; height: 38px; font-size: 16px; }
 .composer-footer > span { max-width: none; font-size: 10px; }
 .compose-note { font-size: 10px; }
 .journey-counts { font-size: 11px; }
 .journey-stage strong { font-size: 12px; }
 .journey-stage p { font-size: 12px; }
 .journey-status { font-size: 10px; padding: 3px 5px; }
 .gcp-heading { padding: 13px 16px; }
 .gcp-toolbar { padding: 8px 16px; }
 .gcp-heading .text-button { min-height: 34px; padding: 6px 9px; font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) { .journey > summary::before { transition: none; } }
/* Recorded decisions are visible without opening technical evidence. */
.protection-card { --receipt-accent: #3567a5; margin-top: 12px; padding: 13px 15px; border: 1px solid var(--line); border-left: 3px solid var(--receipt-accent); border-radius: 10px; background: var(--chat-detail); color: var(--ink); }
.protection-card.block, .protection-card.error { --receipt-accent: var(--chat-action-denied); }
.protection-card.redact, .protection-card.monitor { --receipt-accent: var(--chat-action-pending); }
.protection-card > .eyebrow { font-size: 10px; color: var(--muted); letter-spacing: .1em; }
.protection-card h3 { font-size: 15px; margin: 5px 0 7px; line-height: 1.5; color: var(--ink); }
.protection-card h4 { font-size: 12px; margin: 12px 0 6px; }
.protection-card > p { margin: 6px 0; font-size: 12px; line-height: 1.65; color: var(--muted); }
.protection-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; margin: 11px 0; gap: 7px; list-style: none; }
.protection-flow li { min-width: 0; margin: 0; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); display: grid; gap: 3px; }
.protection-flow strong { font-size: 11px; font-weight: 500; color: var(--muted); }
.protection-flow span { font-size: 12px; font-weight: 600; color: var(--ink); }
.protection-flow small { font-size: 10px; color: var(--muted); }
.protection-flow .block span, .protection-flow .error span { color: var(--chat-action-denied); }
.protection-card .protection-effect { color: var(--ink); }
.protection-card .text-button { min-height: 30px; padding: 5px 8px; font-size: 11px; margin: 7px 7px 0 0; }
.protection-card .protection-scope { font-size: 10px; margin-top: 9px; }
.protection-detections { display: flex; flex-wrap: wrap; gap: 6px; }
.protection-detections > div { display: flex; flex-wrap: wrap; flex: 1 1 200px; gap: 3px 10px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; font-size: 12px; }
.protection-detections strong { color: var(--ink); }
.protection-detections span { color: var(--muted); }
.protection-detections small { flex-basis: 100%; font-size: 10px; color: var(--muted); }
.protection-next { margin-top: 10px; border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px; font-size: 12px; background: var(--chat-detail); }
.protection-next > summary { cursor: pointer; }
.protection-next .safe-guidance { border: 0; margin: 0; padding: 9px 0 0; background: transparent; }
.cloud-activation-form { display: grid; gap: 10px; margin: 14px 0; }
.cloud-activation-form label { display: block; font-size: 13px; font-weight: 600; margin: 0 0 7px; }
.cloud-activation-form input { width: 100%; min-height: 42px; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px; font-size: 16px; }
.cloud-activation-form button { justify-self: start; }
.cloud-activation-form .defense-note { margin: 6px 0 0; font-size: 12px; }
.cloud-startup-guard { border: 1px solid var(--line); border-left: 3px solid var(--chat-action-pending); padding: 10px 12px; font-size: 13px; line-height: 1.6; color: var(--ink); border-radius: 8px; }
.biz-synthetic { font-size: 11px; color: var(--muted); }
.biz-private { margin-top: 8px; }
:root[data-theme='dark'] .protection-card { --receipt-accent: #81b7ff; }
:root[data-theme='dark'] .protection-card.block, :root[data-theme='dark'] .protection-card.error { --receipt-accent: #ffa4ad; }
:root[data-theme='dark'] .protection-card.redact, :root[data-theme='dark'] .protection-card.monitor { --receipt-accent: #f5cb7b; }
@media(max-width:600px) { .protection-card { padding: 11px; }.protection-flow { gap: 5px; }.protection-flow li { padding: 7px 6px; }.protection-flow small { font-size: 9px; }.protection-card h3 { font-size: 14px; } }

/* /theme.css */
/* Appearance controls remain available before and after sign-in. */
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; min-height: 40px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--ink); font-size: 13px; cursor: pointer; flex-shrink: 0; }
.theme-toggle:hover { border-color: var(--blue); }
.signin { position: relative; }
.signin-theme { position: absolute; top: 22px; right: 24px; z-index: 2; }
:root[data-theme='dark'] {
 color-scheme: dark;
 --ink: #e9edf5; --muted: #a6b0c2; --line: #3e3f42; --border: #3e3f42;
 --panel: #212225; --surface: #151619; --blue: #81b7ff; --mint: #81b7ff;
 --selection: #38393c; --success: #92d9ad; --warning: #f1c479; --danger: #ffabb6;
 --theme-hover: #303134; --theme-subtle: #2a2b2e; --theme-sidebar: #1c1d20;
 --theme-success-bg: #183b2c; --theme-warning-bg: #3c3020; --theme-danger-bg: #422630;
 background: var(--surface); color: var(--ink);
 scrollbar-color: #5f6063 var(--surface);
}
:root[data-theme='dark'] body { background: var(--surface); color: var(--ink); }
:root[data-theme='dark'] ::selection { background: #365c89; color: #fff; }
:root[data-theme='dark'] :is(input, textarea, select) { background: var(--surface); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(input, textarea)::placeholder { color: #a0acbf; }
:root[data-theme='dark'] :is(button, a, input, textarea, select, summary):focus-visible { outline-color: #9ec9ff; }
:root[data-theme='dark'] a { color: var(--blue); }
:root[data-theme='dark'] :is(.primary, .biz-button.primary, .net-button.primary, .biz-launch-banner .biz-button, .net-canvas .net-empty .net-button.bright) { background: #2868c1; border-color: #4a88dc; color: #fff; }
:root[data-theme='dark'] :is(.primary, .biz-button.primary, .net-button.primary):hover { background: #3477d2; border-color: #81b7ff; }
:root[data-theme='dark'] :is(.text-button, .biz-button, .net-button, .new-chat, .shell-search, .suggestions button, .gcp-suggestions button, .lesson-nav, .blog-story) { background: var(--panel); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.text-button, .biz-button, .net-button, .new-chat, .shell-search, .suggestions button, .gcp-suggestions button, .lesson-nav, .blog-story):hover { background: var(--theme-hover); border-color: #617a9c; }
:root[data-theme='dark'] #sidebar { background: var(--theme-sidebar); border-color: var(--line); }
:root[data-theme='dark'] :is(.shell-nav, .side-bottom, .business-identity, .login-note) { border-color: var(--line); }
:root[data-theme='dark'] :is(.brand, .login-art .brand, .login-copy h1, .login-box label, .workspace-note strong, .topbar .breadcrumbs #breadcrumb) { color: var(--ink); }
:root[data-theme='dark'] :is(.shell-route, .assistant-nav, .history-item, .side-bottom > button, .side-bottom > a, .breadcrumbs #menu, .lessons-nav) { color: #c7d1e2; }
:root[data-theme='dark'] :is(.shell-route:hover, .assistant-nav:hover, .history-item:hover, .side-bottom > button:hover) { background: var(--theme-hover); color: var(--ink); }
:root[data-theme='dark'] :is(.shell-route.active, .assistant-nav.selected, .history-item.selected, .lessons-nav.active, .lesson-nav.selected, .lesson-nav:hover) { background: var(--selection); border-color: #45658b; color: #b9d8ff; }
:root[data-theme='dark'] :is(.shell-route-icon, .shell-route.active .shell-route-icon) { color: var(--blue); }
:root[data-theme='dark'] :is(.shell-nav-label, .side-label, .private-note, .empty-history, .card-index, .model-label, .shell-search kbd, .login-copy p, .login-foot, .password-field button) { color: var(--muted); }
:root[data-theme='dark'] .topbar { background: #1c1d20f2; border-color: var(--line); }
:root[data-theme='dark'] .bottom-bar { background: var(--theme-sidebar); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] .login-art { background: radial-gradient(ellipse at 90% 70%, #244b804f, transparent 65%), #1d1e21; color: var(--ink); }
:root[data-theme='dark'] :is(.login-main, .signin, .assistant-card, .workspace-stamp, .composer, .gcp-composer, .gcp-pricing-content) { background: var(--panel); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.password-field, .login-caps span) { background: var(--surface); border-color: var(--line); color: #c4cfe0; }
:root[data-theme='dark'] .login-copy h1 span { color: var(--blue); }
:root[data-theme='dark'] .assistant-card:hover { border-color: #81b7ff; }
:root[data-theme='dark'] :is(.lessons-welcome, .biz-launch-banner, .lesson-business, .dc-hero, .dc-tour, .perf-callout, .studio-viewer-note, .lessons-tourbar) { background: #2a2b2e; border-color: #505154; color: #c6dcf6; }
:root[data-theme='dark'] :is(.lessons-welcome strong, .biz-launch-banner h2, .biz-launch-banner .biz-note, .biz-launch-banner .biz-overline, .dc-hero h2, .dc-hero p, .dc-hero .eyebrow) { color: #c6dcf6; }
:root[data-theme='dark'] :is(.message-content, .prose, .gcp-answer-body) { color: var(--ink); }
:root[data-theme='dark'] :is(.message-row.user .message-content, .gcp-user, .lesson-user-prompt, .lesson-chat-message:nth-of-type(1)) { background: var(--selection); color: #e0ecff; }
:root[data-theme='dark'] :is(.message-label, .message-meta, .composer-footer, .compose-note, .gcp-answer-label, .gcp-answer-meta, .gcp-empty > p, .gcp-suggestions strong, .gcp-estimate, .gcp-disclaimer, .gcp-cost-status, .gcp-response-cost, .gcp-footnote) { color: var(--muted); }
:root[data-theme='dark'] :is(.composer textarea, .gcp-composer textarea, .password-field input) { background: transparent; color: var(--ink); }
:root[data-theme='dark'] :is(.inspection-details, .journey, .environment-card, .aws-costs-grid > div, .biz-accounts article, .biz-empty, .biz-scenario blockquote, .defense-example, .lesson-chat-message, .studio-transaction, .dc-arm, .dc-text, .dc-prompt) { background: var(--theme-subtle); border-color: var(--line); color: #c7d1e2; }
:root[data-theme='dark'] :is(.inspection-details summary, .journey summary, .journey-stage strong, .journey-stage p, .journey-note, .trace-item, .gcp-cost-top strong, .gcp-pricing-content strong, .environment-state strong, .environment-state p, .environment-facts span, .environment-facts strong, .environment-facts p, .environment-details summary, .gcp-environment-dialog h3) { color: #c7d1e2; }
:root[data-theme='dark'] :is(.status-pill, .safe-guidance, .lesson-safe-path, .studio-invite-output, .studio-change, .dc-review, .net-live.good, .net-form-status, .perf-pill, .biz-tag.settled, .biz-tag.delivered, .biz-tag.manager, .verdict.allowed, .verdict.redacted, .verdict.allow) { background: var(--theme-success-bg); color: var(--success); border-color: #37644c; }
:root[data-theme='dark'] :is(.safe-guidance h3, .gcp-connection, .biz-status span:first-child) { color: var(--success); }
:root[data-theme='dark'] :is(.status-pill.simulation, .gcp-availability, .evaluation-warning, .net-notices, .perf-pill.pending, .biz-tag.pending, .biz-tag.processing, .verdict.monitor, .verdict.monitored) { background: var(--theme-warning-bg); color: var(--warning); border-color: #725739; }
:root[data-theme='dark'] :is(.gcp-connection.unavailable, .gcp-connection.simulation, .gcp-paid, .net-live, .net-notices .net-note) { color: var(--warning); }
:root[data-theme='dark'] :is(.error:not(:empty), .biz-tag.rejected, .verdict.blocked, .verdict.block, .verdict.error) { background: var(--theme-danger-bg); color: var(--danger); border-color: #79505a; }
:root[data-theme='dark'] :is(.environment-dialog, .gcp-environment-dialog, .biz-dialog, .net-dialog, .conversation-picker-dialog, .shell-command, .shell-more-menu) { background: var(--panel); color: var(--ink); border-color: #5e5f62; box-shadow: 0 24px 90px #0008; }
:root[data-theme='dark'] dialog::backdrop { background: #0a0b0ea8; }
:root[data-theme='dark'] :is(.environment-heading, .net-dialog-head, .conversation-picker-help) { background: var(--theme-sidebar); border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-tabs, .defense-tabs, .studio-modes, .dc-rule-tabs, .workspace-tabs, .net-map-toggle) { background: var(--theme-subtle); border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-tabs button, .defense-tabs button, .studio-modes button, .dc-rule-tabs button, .workspace-tabs button, .net-map-toggle button, .shell-studio-more > summary) { color: var(--muted); }
:root[data-theme='dark'] :is(.biz-tabs button.active, .defense-tabs button.active, .studio-modes button.active, .dc-rule-tabs button.active, .workspace-tabs button.active, .net-map-toggle button.active, .shell-studio-more > summary.active) { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] :is(.biz-metrics article, .biz-surface, .biz-person, .biz-person.customer, .biz-scenario, .dc-card, .defense-count, .defense-event, .defense-detail, .defense-policy, .defense-rule, .lesson-card, .studio-card, .lesson-guardrail, .lesson-enforced, .studio-bank, .studio-step) { background: var(--panel); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.biz-avatar, .customer .biz-avatar, .assistant-nav .avatar) { background: #3d3e41; color: #b6d1f4; }
:root[data-theme='dark'] :is(.biz-chips span, .biz-tag, .dc-badge, .biz-product-art) { background: var(--theme-subtle); color: #bac8dd; }
:root[data-theme='dark'] :is(.biz-tag.customer, .lesson-prompt-tabs button.active) { background: var(--selection); color: #b6d5ff; border-color: #45658b; }
:root[data-theme='dark'] :is(.biz-table, .studio-table, .defense-rule-table, .net-hop-table table, .net-hop-table td) { color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-table th, .studio-table th, .net-hop-table th) { background: var(--theme-subtle); color: #b7c3d7; border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-table tbody tr:hover, .net-hop-table tr:hover td, .defense-event:hover, .defense-event.selected) { background: var(--theme-hover); border-color: #617a9c; }
:root[data-theme='dark'] :is(.biz-table td, .studio-table td, .defense-rule-table td, .biz-detail-row, .defense-stat) { border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-accounts h3, .biz-product-art span, .defense-event strong, .defense-rule-table td, .defense-detail code, .lesson-nav strong, .lesson-business-story, .lesson-business-risk, .lesson-guardrail > div, .lesson-business-risk strong, .lesson-guardrail > div strong, .lesson-guardrail summary, .lesson-enforced-head > strong, .lesson-takeaway, .studio-bank h3, .studio-step h3, .dc-arm p, .dc-receipt) { color: #cfdaeb; }
:root[data-theme='dark'] :is(.defense-event small, .defense-event time, .defense-event-app, .defense-event-top time, .defense-stat span, .defense-stat small, .defense-empty, .defense-rule-table th, .defense-rule-table td small, .lessons-key p, .lessons-status, .lesson-enforced > small, .lesson-entities, .lesson-fixture, .lesson-presenter-notes, .lesson-guardrail-owner, .studio-invite, .dc-card p, .dc-hash, .biz-status, .defense-filters label, .aws-costs-grid span, .aws-costs-grid small, .aws-costs-note, .aws-costs thead th, .aws-cost-activities) { color: var(--muted); }
:root[data-theme='dark'] .lesson-prompt-tabs button { background: var(--theme-subtle); color: var(--ink); border-color: var(--line); }
/* Data visualizations keep their semantic series colors; only surfaces and axes change. */
:root[data-theme='dark'] :is(.net-toolbar, .net-metric, .net-timeline, .net-canvas, .net-canvas-head, .net-stage, .net-surface, .net-empty, .perf-stat, .perf-map, .perf-waterfall, .perf-callout) { background: var(--panel); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.net-graph-controls, .net-canvas-foot, .net-selected-row, .net-route-summary, .net-zoom) { background: var(--theme-subtle); border-color: var(--line); }
:root[data-theme='dark'] .net-inspector { background: #212225fa; border-color: #617089; }
:root[data-theme='dark'] :is(.net-inspector .net-inspector-close, .conversation-picker-close, .shell-command-head button) { background: var(--theme-hover); color: #cbd6e8; }
:root[data-theme='dark'] :is(.net-field > span, .net-ribbon, .net-metric .net-overline, .net-timeline-foot, .net-legend, .net-legend span, .net-detail-row span, .net-http-breakdown span, .net-inspector .net-overline, .net-inspector .net-note, .net-view-tabs button, .perf-tabs button, .net-selected-row > span, .net-provider-checks, .net-manual summary, .net-canvas-head .net-overline) { color: var(--muted); }
:root[data-theme='dark'] :is(.net-detail-row strong, .net-http-breakdown strong, .net-discovered-row > span, .net-selected-row > strong, .net-timeline-footer > strong, .perf-span-label strong) { color: #d0dced; }
:root[data-theme='dark'] :is(.net-view-tabs button.active, .perf-tabs button.active, .net-chart-readout) { color: var(--blue); }
:root[data-theme='dark'] :is(.net-trace, .perf-node) { background: var(--selection); color: #c6dcf6; border-color: #45658b; }
:root[data-theme='dark'] :is(.perf-node small, .perf-duration, .perf-waterfall-axis, .perf-span-label small) { color: var(--muted); }
:root[data-theme='dark'] :is(.perf-span, .net-detail-row, .net-inspector .net-detail-row) { border-color: var(--line); }
:root[data-theme='dark'] .perf-track { background: repeating-linear-gradient(to right, #3e3f42 0, #3e3f42 1px, transparent 1px, transparent 25%); }
:root[data-theme='dark'] :is(.shell-command-result, .conversation-picker-result, .gcp-toolbar .conversation-picker, .conversation-picker-heading h2) { color: var(--ink); }
:root[data-theme='dark'] :is(.gcp-toolbar .conversation-picker, .conversation-picker-search) { background: var(--surface); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.conversation-picker-result:hover, .shell-command-result:hover, .shell-command-result:focus-visible, .studio-modes .shell-more-menu button:hover) { background: var(--theme-hover); }
:root[data-theme='dark'] .conversation-picker-result[aria-current=true] { background: var(--selection); border-color: #45658b; }
:root[data-theme='dark'] :is(.conversation-picker-result[aria-current=true] strong, .conversation-picker-result[aria-current=true] .conversation-picker-check) { color: var(--blue); }
:root[data-theme='dark'] :is(.conversation-picker-caption, .conversation-picker-chevron, .conversation-picker-heading p, .conversation-picker-count, .conversation-picker-result-copy > span, .conversation-picker-empty, .conversation-picker-help, .shell-command-result small, .shell-command-head > span) { color: var(--muted); }
/* Blog Studio and its capture view use the same palette. */
:root[data-theme='dark'] :is(.blog-stage, .blog-below > section) { background: var(--panel); border-color: var(--line); }
:root[data-theme='dark'] :is(.blog-heading > p, .blog-status, .blog-evidence-tag, .blog-frame-heading p, .blog-explain p, .blog-receipt span, .blog-frame-foot, .blog-policy p, .blog-caption, .blog-export-note) { color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] .blog-stage { --blog-color: #81b7ff; --blog-wash: #38393c; }
:root[data-theme='dark'] .blog-stage[data-action=block] { --blog-color: #ffabb6; --blog-wash: #422630; }
:root[data-theme='dark'] .blog-stage[data-action=redact] { --blog-color: #92d9ad; --blog-wash: #183b2c; }
:root[data-theme='dark'] .blog-stage[data-action=monitor] { --blog-color: #81b7ff; --blog-wash: #38393c; }
:root[data-theme='dark'] :is(.blog-receipt, .blog-flow-step) { background: var(--theme-subtle); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] :is(.blog-receipt > div, .blog-policy details) { border-color: var(--line); }
:root[data-theme='dark'] .blog-receipt strong { color: var(--ink); }
:root[data-theme='dark'] .blog-receipt > div:last-child strong { color: var(--blog-color); }
:root[data-theme='dark'] :is(.blog-wordmark, .blog-policy summary) { color: var(--blue); }
:root[data-theme='dark'] .blog-flow-step.active { background: var(--blog-wash); color: var(--blog-color); }
:root[data-theme='dark'] .blog-story[aria-pressed=true] { background: var(--selection); color: #bbd9ff; border-color: #45658b; }
:root[data-theme='dark'] .blog-progress { background: var(--line); }
:root[data-theme='dark'] .blog-progress::-webkit-progress-bar { background: var(--line); }
@media(max-width:600px) { .topbar .theme-toggle { padding: 7px 9px; min-height: 36px; font-size: 12px; } .signin-theme { top: 14px; right: 16px; } }

/* Populated conversations and secondary views use the same semantic surfaces. */
:root[data-theme='dark'] { --chat-user: #38393c; --chat-user-border: #515255; --chat-detail: #212225; --chat-code: #303134; --chat-action-denied: #ffabb6; --chat-action-pending: #f1c479; }
:root[data-theme='dark'] .message-row.assistant .message-content { background: transparent; border-color: transparent; color: var(--ink); }
:root[data-theme='dark'] .message-row.user .message-content { border-color: var(--chat-user-border); }
:root[data-theme='dark'] .message-content .prose, :root[data-theme='dark'] .gcp-answer .prose, :root[data-theme='dark'] .reply-list { color: var(--ink); }
:root[data-theme='dark'] .journey-status { background: var(--chat-code); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] .journey-stage::before { background: var(--chat-code); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] :is(.journey-stage.allow, .journey-stage.delivered, .journey-stage.settled, .journey-stage.executed) .journey-status { background: var(--theme-success-bg); color: var(--success); }
:root[data-theme='dark'] :is(.journey-stage.block, .journey-stage.denied, .journey-stage.error, .journey-stage.withheld) .journey-status { background: var(--theme-danger-bg); color: var(--danger); }
:root[data-theme='dark'] :is(.journey-stage.redact, .journey-stage.pending) .journey-status { background: var(--theme-warning-bg); color: var(--warning); }
:root[data-theme='dark'] .journey-stage.monitor .journey-status { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] :is(.journey-checks, .journey > .inspection-details) { background: transparent; border-color: var(--line); color: var(--muted); }
:root[data-theme='dark'] :is(.journey > summary > span:first-child, .journey-stage strong, .journey-checks span) { color: var(--ink); }
:root[data-theme='dark'] :is(.journey-counts, .journey-summary strong, .journey-checks strong, .journey-checks p, .journey-note, .trace-source, .waiting, .gcp-thinking, .gcp-pending-note) { color: var(--muted); }
:root[data-theme='dark'] .journey-events button { background: var(--panel); color: var(--blue); border-color: var(--line); }
:root[data-theme='dark'] .trace-decision { color: var(--success); }
:root[data-theme='dark'] .trace-decision.block { color: var(--danger); }
:root[data-theme='dark'] .trace-decision.redact { color: var(--warning); }
:root[data-theme='dark'] :is(.defense-stat, .defense-guide-card, .defense-explainer, .defense-action-guide > div, .lesson-prompt-card, .lesson-result, .lesson-pair-summary > div, .safe-guidance-draft) { background: var(--panel); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.defense-pattern, .lesson-prompt, .lesson-pair-summary, .lesson-enforced-why) { background: var(--theme-subtle); color: #c7d1e2; border-color: var(--line); }
:root[data-theme='dark'] :is(.defense-guide-card p, .defense-guide-card > strong, .defense-explainer p, .defense-action-guide p, .lesson-result-head time, .lesson-verdict, .safe-guidance .defense-note, .lesson-pair-summary p, .lesson-enforced-why p) { color: var(--muted); }
:root[data-theme='dark'] :is(.defense-filters select, .defense-filters input, .lesson-replay-controls select, .studio-toolbar select, .studio-invite-form select, .demo-center select, .dc-review-form textarea, .net-field input, .net-field select, .net-selected-row select, .net-graph-controls input, .net-graph-controls select, .biz-search, #demo-center > select) { background: var(--surface); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.lesson-verdict, .defense-badge) { background: var(--theme-success-bg); color: var(--success); }
:root[data-theme='dark'] :is(.defense-badge.block, .lesson-enforced.block .journey-status, .lesson-enforced.denied .journey-status) { background: var(--theme-danger-bg); color: var(--danger); }
:root[data-theme='dark'] :is(.defense-badge.redact, .lesson-enforced.redact .journey-status, .lesson-enforced.pending .journey-status) { background: var(--theme-warning-bg); color: var(--warning); }
:root[data-theme='dark'] :is(.defense-badge.monitor, .lesson-enforced.monitor .journey-status) { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] :is(.net-map-toggle button, .net-zoom button) { background: transparent; color: var(--muted); }
:root[data-theme='dark'] .net-map-toggle button.active { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] .net-legend .unknown { background: var(--panel); border-color: #8da2bc; }
:root[data-theme='dark'] .net-zoom .net-button:hover { background: var(--theme-hover); }
:root[data-theme='dark'] :is(.aws-costs-table, .aws-cost-activities, .safe-guidance-draft, .lesson-pair-summary > div, .defense-guide-card) { border-color: var(--line); }
:root[data-theme='dark'] .gcp-availability:not(:empty) { background: var(--theme-warning-bg); color: var(--warning); }
:root[data-theme='dark'] .net-chart-grid { stroke: var(--line); }
:root[data-theme='dark'] :is(.net-chart-axis, .net-node-sub, .net-hop-time, .net-hop-question, .net-lane-label) { fill: var(--muted); }
:root[data-theme='dark'] :is(.net-node-label, .net-hop-label) { fill: var(--ink); }
:root[data-theme='dark'] .net-node-shape { fill: #313235; stroke: #6f8daa; }
:root[data-theme='dark'] .net-node-shape.violet { fill: #35304f; stroke: #a99ed8; }
:root[data-theme='dark'] .net-node-shape.mint { fill: #343538; stroke: #82b99c; }
:root[data-theme='dark'] .net-node-shape.blue { fill: #36373a; stroke: #8aafd9; }
:root[data-theme='dark'] .net-node-shape.muted { fill: #2e2f32; stroke: #8593a8; }
:root[data-theme='dark'] .net-node-glyph { fill: #b6cde8; }
:root[data-theme='dark'] :is(.net-graph-node:hover, .net-graph-node:focus-visible, .net-graph-node.selected) .net-node-halo { fill: var(--selection); stroke: var(--blue); }
:root[data-theme='dark'] .net-topology pattern circle { fill: #3e3f42; }
:root[data-theme='dark'] :is(.net-hop-node.unknown, .net-hop-node.unobserved) .net-hop-dot { fill: var(--panel); stroke: #8da2bc; }
:root[data-theme='dark'] .net-round-point circle:not(.net-point-hit) { fill: var(--panel); stroke: var(--blue); }
:root[data-theme='dark'] .workspace-note small { color: var(--muted); }
:root[data-theme='dark'] .model-label { background: var(--panel); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] :is(.shell-command-icon, .perf-node-icon, .perf-map-detail > span) { color: var(--blue); }
:root[data-theme='dark'] :is(.perf-branch p, .perf-map-detail, .perf-map-detail > p) { color: var(--muted); }
:root[data-theme='dark'] .perf-map-detail > strong { color: var(--ink); }
:root[data-theme='dark'] .perf-heading > p { color: var(--muted); }
:root[data-theme='dark'] .perf-branch > span { color: var(--blue); }
:root[data-theme='dark'] :is(.avatar.mint, .mint .avatar) { background: #183b2c; color: #92d9ad; }
:root[data-theme='dark'] :is(.avatar.blue, .blue .avatar, .user-avatar) { background: #38393c; color: #bbd9ff; }
:root[data-theme='dark'] :is(.avatar.gold, .gold .avatar) { background: #3c3020; color: #f1c479; }
:root[data-theme='dark'] :is(.avatar.rose, .rose .avatar) { background: #422630; color: #ffabb6; }
:root[data-theme='dark'] :is(.avatar.violet, .violet .avatar) { background: #39304f; color: #cebaff; }
:root[data-theme='dark'] :is(.avatar.cyan, .cyan .avatar) { background: #323336; color: #8bd6e4; }
:root[data-theme='dark'] :is(.avatar.orange, .orange .avatar) { background: #422c20; color: #f4ba90; }
:root[data-theme='dark'] :is(.avatar.silver, .silver .avatar) { background: #313235; color: #bfcee8; }
:root[data-theme='dark'] .gcp-empty > .avatar { background: var(--selection); color: #bbd9ff; }

/* /cloud-control.css */

/* Saved-conversation errors remain visible above the active workspace view. */
.cc-portal #conversation-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin:12px 0 0;padding:10px 12px;border:1px solid #ad596b66;border-left:3px solid #ff708d;border-radius:6px;background:#242024;color:#ffadc0;font-size:12px;line-height:1.5}.cc-portal #conversation-error{min-width:0;overflow-wrap:anywhere}.cc-portal #conversation-retry{flex-shrink:0;min-height:30px}
/* Cloud Control visual system. Source colors and measured health stay distinct. */
:root{--cc-bg:#0d0e11;--cc-surface:#18191c;--cc-raised:#202124;--cc-line:#37383b;--cc-text:#d7dbe2;--cc-muted:#a3aab5;--cc-blue:#649cf1;--cc-cyan:#00bceb;--cc-purple:#ba8def;--cc-header:46px;--cc-side:228px}
html[data-cloud-control]{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:var(--cc-bg);font-size:14px;scrollbar-color:#4d4e51 #101114}
html[data-cloud-control] body.cc-site{--bg:var(--cc-bg);--surface:var(--cc-bg);--panel:var(--cc-surface);--line:var(--cc-line);--border:var(--cc-line);--ink:var(--cc-text);--text:var(--cc-text);--muted:var(--cc-muted);--accent:var(--cc-blue);--blue:var(--cc-blue);--selection:#393a3d;--theme-sidebar:#16171a;--theme-subtle:#202124;--theme-hover:#2c2d30;--theme-success-bg:#2e2f32;--theme-warning-bg:#3c3020;--theme-danger-bg:#422630;--success:#8ce6c9;--warning:#f2c67f;--danger:#ffabba;color:var(--cc-text);background:radial-gradient(ellipse 1050px 370px at 8% 0,#37383bb0,transparent 75%),radial-gradient(ellipse 750px 440px at 83% 100%,#36235930,transparent 80%),var(--cc-bg);background-attachment:fixed;font-size:12px;line-height:1.5}
.cc-site [hidden]{display:none!important}.cc-site :is(button,input,select,textarea){font-family:inherit}.cc-site a{color:inherit}.cc-site :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #7bb5ff;outline-offset:3px}
body.cc-site .cc-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--cc-header);min-height:var(--cc-header);max-height:var(--cc-header);width:100%;padding:0 14px;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:13px;border:0;border-bottom:1px solid #61626522;background:linear-gradient(105deg,#424346 0,#28292c 36%,#18191c 68%,#101114 100%);color:#dce3ec;backdrop-filter:blur(20px);font-size:11px;letter-spacing:0;box-shadow:none}
.cc-header a,.cc-header button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none;min-height:28px;padding:4px 9px;margin:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#b9c4d3;font-size:11px;font-weight:550;line-height:1.4;letter-spacing:0;box-shadow:none}
.cc-header a:hover,.cc-header button:hover{background:#ffffff09;border-color:#7c8a9c44;color:#eef1f6;filter:none}.cc-header svg{width:16px;height:16px;flex:none}.cc-header .cc-wordmark{font-size:15px;font-weight:400;color:#e7edf5;padding:0 18px 0 0;border-right:1px solid #9aabb466;border-radius:0;gap:11px;height:23px;min-height:23px}.cc-wordmark:hover{background:transparent!important;border-color:transparent!important;border-right-color:#9aabb466!important}.cc-cisco{display:flex;flex-direction:column;align-items:center;width:29px;gap:1px}.cc-cisco-bars{display:flex;align-items:center;height:13px;gap:2px;transform:scaleY(.5);margin:-4px 0}.cc-cisco-bars i{width:1.5px;display:block;background:#e5edf5;border-radius:2px}.cc-cisco>b{font-size:6px;letter-spacing:2px;font-weight:700;line-height:1}.cc-header .cc-org{padding:3px 2px;gap:10px;color:#edf2f8}.cc-header .cc-org svg{width:12px;height:12px}.cc-header .cc-launcher-toggle{width:30px;padding:5px}.cc-launcher-toggle svg{width:20px;height:20px;fill:#9eafc577;stroke-width:1}
.cc-header .cc-global-nav{display:flex;align-items:center;gap:6px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;border:0;min-width:0}.cc-global-nav .cc-global-link{border:1px solid #6a7b9533;background:#ffffff03;border-left-width:1px;margin:0;padding:5px 8px;height:29px}.cc-global-nav .cc-global-link.active{background:linear-gradient(#333437,#333437) padding-box,linear-gradient(110deg,#00bceb,#a470ce) border-box;border:1px solid transparent;color:#e0e9f7}.cc-global-link.active svg{color:#00c6ed}.cc-header .cc-utilities{display:flex;align-items:center;gap:8px;margin-left:auto}.cc-header .cc-utility-link{font-size:10px}.cc-header .cc-fso-shortcut svg{color:#00bceb}.cc-header .cc-nav-toggle{padding:5px;width:29px}.cc-nav-scrim{display:none}
.cc-app-launcher{position:fixed;inset:var(--cc-header) 0 0;margin:0;max-height:none;max-width:none;width:100vw;height:calc(100dvh - var(--cc-header));padding:33px max(28px,calc((100vw - 1000px)/2)) 50px;border:0;border-radius:0;color:var(--cc-text);background:radial-gradient(ellipse 500px 440px at 7% 25%,#38393c99,transparent 80%),radial-gradient(ellipse 500px 400px at 89% 19%,#31323577,transparent 80%),#101114f8;box-shadow:none;overflow-y:auto}.cc-app-launcher::backdrop{background:#0b0c0fba;backdrop-filter:blur(14px)}.cc-launcher-head{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px}.cc-site .cc-launch-search{height:45px;width:min(540px,calc(100% - 44px));max-width:540px;border:1px solid transparent;border-radius:24px;background:linear-gradient(#242528,#242528) padding-box,linear-gradient(110deg,#00bceb,#ba8def) border-box;color:#e0e7ef;padding:12px 18px;font-size:14px;box-shadow:none}.cc-site .cc-launch-close{position:absolute;right:28px;top:37px;border:0;background:transparent;color:#95a4b5;width:28px;height:28px;padding:4px}.cc-launch-close svg{width:18px;height:18px}.cc-launch-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px}.cc-launch-column{min-width:0}.cc-launch-column h2{font-size:13px;font-weight:600;color:#d4dbe4;margin:0 0 15px;letter-spacing:0}.cc-site .cc-launch-item{width:100%;display:flex;align-items:center;gap:11px;border:1px solid #60616455;border-radius:6px;background:linear-gradient(110deg,#2e2f3244,#1d1e2133);color:#c2cbd8;margin:0 0 7px;padding:11px 10px;font-size:11px;min-height:39px;text-decoration:none}.cc-launch-item svg{width:16px;height:16px;flex:none;color:#829bb8}.cc-launch-item svg:last-child:not(:first-child){width:12px;margin-left:auto}.cc-launch-item:hover{border-color:#5b9aed;background:#2f3033!important;color:#edf3ff}.cc-launch-item[href='/apps/observability']{border-color:#638ab088}.cc-launch-item[href='/apps/observability']>svg:first-child{color:#00bceb}.cc-launch-foot{border-top:1px solid #7d8a9955;margin:35px 0 0;padding-top:27px;color:#9eacbb;font-size:10px}.cc-launch-empty{font-size:13px;color:#a8b5c7;padding:40px;text-align:center}.cc-workspace-dialog{width:360px;max-width:92vw;border:1px solid #505154;border-radius:8px;padding:24px;background:#1a1b1e;color:#d4dfed}.cc-workspace-dialog h2{font-size:19px;margin:0 0 7px}.cc-workspace-dialog p{font-size:12px;color:#a5b5c5}.cc-site .cc-primary,.cc-site .cc-open-app{background:#649cf1;border:1px solid #649cf1;color:#101114;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.cc-open-app svg{width:12px;height:12px}.cc-site .cc-open-app:hover,.cc-site .cc-primary:hover{background:#82b1ff;color:#101114}
/* Existing application shell fits inside the global header. */
body.cc-enterprise{padding-top:var(--cc-header)}body.cc-enterprise>aside,body.cc-enterprise.observing>aside{display:flex;flex-direction:column;position:fixed;inset:var(--cc-header) auto 0 0;width:var(--cc-side);height:calc(100dvh - var(--cc-header));padding:18px 13px;background:linear-gradient(180deg,#28292c99,#10111433 270px);border-right:1px solid #32333688;z-index:50;overflow-y:auto}
body.cc-enterprise>main,body.cc-enterprise.observing>main{margin:0 0 0 var(--cc-side);max-width:none;width:calc(100% - var(--cc-side));padding:0 24px;min-width:0}body.cc-enterprise>main>header{height:44px;min-height:44px;background:transparent;border:0;font-size:11px;color:#b9c3d0}.cc-site .cc-breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px}.cc-breadcrumb a{color:#98abc2}.cc-breadcrumb strong{font-weight:500;color:#d5dfed}.cc-breadcrumb>span{color:#65778e}.cc-site .cc-app-title{display:flex;align-items:center;gap:9px;color:#d7e5f2;font-size:14px;font-weight:600;padding:10px 3px 18px;line-height:1.4}.cc-app-title svg{width:22px;height:22px;color:#00bceb}.cc-enterprise .nav-label{font-size:9px;letter-spacing:.4px;margin:6px 10px 9px;color:#8ea0b4}.cc-enterprise #nav{display:flex;flex-direction:column;margin:0;overflow:visible}.cc-site .cc-side-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:34px;padding:8px 10px;margin:2px 0;border:0;border-left:3px solid transparent;border-radius:5px;color:#b9c5d5;font-size:11px;text-decoration:none}.cc-side-link svg{height:16px;width:16px;flex:none;color:#8c9bad}.cc-side-link .cc-link-label{font-size:11px;color:inherit}.cc-side-link:hover{background:#ffffff09}.cc-side-link.active{border-left-color:#00bceb;background:#3a3b3ea1;color:#eef5ff}.cc-side-link.active svg{color:#00bceb}.cc-back-studio{margin-top:20px!important}.cc-enterprise .side-foot{position:static;margin-top:auto;padding:30px 10px 3px;font-size:10px;color:#92a2b5}.cc-enterprise .side-foot p{font-size:9px}.cc-site .header-actions{gap:9px}.cc-site .header-actions button{font-size:10px;padding:5px 8px;background:#659bf1;color:#131417;border:0;font-weight:600}.cc-site .header-actions .badge{font-size:8px;padding:3px 6px;background:#1d1e21;color:#a5b7c9;border-color:#51525555}
body.cc-enterprise .hero,body.cc-enterprise.observing .hero{padding:12px 0 12px;gap:20px}body.cc-enterprise h1,body.cc-enterprise.observing h1{font-size:21px;letter-spacing:-.35px;font-weight:600}body.cc-enterprise .hero p{font-size:11px;color:#a6b5c6}.cc-enterprise .hero .eyebrow{display:none}.cc-enterprise #identity select{font-size:11px;padding:6px 10px;background:#1c1d20;border-color:#5d5e61}.cc-enterprise #identity small{font-size:9px}.cc-enterprise .notice:not(:empty){font-size:10px;background:#1f202388;border-color:#4a4b4e}.cc-enterprise :is(.card,.panel,.record,.kpi){background:#191a1dbf;border-color:#3b3c3f88;border-radius:6px;box-shadow:none}.cc-enterprise .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cc-enterprise .card{min-height:205px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.cc-enterprise .card:before{display:none}.cc-enterprise .card .number{font-size:9px}.cc-enterprise .card h2{font-size:14px;margin:15px 0 9px}.cc-enterprise .card p{font-size:11px;min-height:0;line-height:1.6;flex:1}.cc-enterprise .card a{margin-top:16px;font-size:10px}.cc-fso-app-card>svg{height:22px;width:22px;color:#00bceb}.cc-enterprise .kpi{padding:15px 14px}.cc-enterprise .kpi strong{font-size:29px;letter-spacing:-.6px}.cc-enterprise .kpi small{font-size:9px}.cc-enterprise table{font-size:11px}.cc-enterprise th{font-size:10px;font-weight:600;text-transform:none;letter-spacing:0;background:#1a1b1e}.cc-enterprise :is(td,th){border-color:#444548;padding:10px 9px}.cc-enterprise .record{padding:18px}.cc-enterprise .record p{font-size:12px}.cc-enterprise .record-top strong{font-size:13px}.cc-enterprise .record button{padding:5px 9px;font-size:11px}.cc-enterprise :is(input,select,textarea){background:#1a1b1e;border-color:#5d5e61;color:#d5e1ed}.cc-enterprise .ai-result{background:#17181b;border-color:#00bceb}.cc-enterprise button{border-radius:4px}.cc-enterprise :is(.section-head h2,.panel h2){font-size:14px}.cc-enterprise footer{font-size:9px;color:#8b9cad;border-top:1px solid #41424566;margin-top:20px}
/* FSO is a Studio app: restrained containers, clear headings, colored sources. */
.cc-enterprise .provider-legend{background:#1d1e2188;border-color:#4e4f5266;border-radius:5px;padding:8px 11px}.cc-enterprise .provider-selector{border-width:1px;font-size:9px;border-radius:4px}.cc-enterprise .connected-toolbar{margin:9px 0 16px}.cc-enterprise .filter-control{background:#1e1f22;border-color:#57585b;border-radius:4px;font-size:10px}.cc-enterprise .filter-control select{background:transparent;border:0;padding:6px 8px;font-size:11px}.cc-enterprise .toolbar-links{font-size:10px}.cc-enterprise .path-summary{padding-top:2px;padding-bottom:3px}.cc-enterprise .panel-heading{background:transparent;border-color:#444548;padding:13px 16px}.cc-enterprise .panel-heading h2{font-size:14px}.cc-enterprise :is(.connected-panel,.path-side,.application-endpoint,.defense-panel,.assurance-grid>.panel,.token-activity-panel){box-shadow:none!important;background:#17181bb0;border-radius:6px}.cc-enterprise .network-canvas{gap:17px;padding:16px;grid-template-columns:290px minmax(0,1fr)}.cc-enterprise .path-side{padding:13px}.cc-enterprise .agent-lane{background:#1b1c1f99;border-color:#47484b;border-radius:6px}.cc-enterprise .endpoint-title,.cc-enterprise .path-overview{background:transparent}.cc-enterprise .path-column-labels{font-size:8px}.cc-enterprise .shared-edge{border:1px solid #5d7083;background:#222326;border-radius:6px}.cc-enterprise .endpoint-title h3{font-size:14px}.cc-enterprise .endpoint-title small{font-size:9px}.cc-enterprise .app-insight{border-radius:5px}.cc-enterprise .defense-heading h2{font-size:16px}.cc-enterprise .defense-stat>strong{font-size:29px}.cc-enterprise .defense-stats{padding-bottom:16px}.cc-enterprise .defense-ranking{border-left-color:#4a435f88}.cc-enterprise .assurance-grid>.panel{padding:16px}.cc-enterprise .token-activity-panel{margin:16px 0}.cc-enterprise [data-source-frame=apm]{border:1px solid #46474a!important;border-top:2px solid #78b9ee!important}.cc-enterprise [data-source-frame=te]{border:1px solid #564939!important;border-top:2px solid #dda36b!important}.cc-enterprise [data-source-frame=defense]{border:1px solid #51445f!important;border-top:2px solid #b49aef!important}.cc-enterprise :is(.assurance-grid>.panel[data-measured-by=app],.token-activity-panel){border:1px solid #525356!important;border-top:2px solid #7dbbb1!important}.cc-enterprise .experience-group{background:#1a1b1ea1;border-radius:5px;border-color:#444548}.cc-enterprise .experience-group-head h3{font-size:11px}.cc-enterprise .experience-metric strong{font-size:16px}
/* All investigation surfaces share the same Cloud Control type and rhythm. */
.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.shell-command){border-radius:8px;box-shadow:0 24px 90px #0009;background:#1c1d20;color:#d7e1ec}.cc-site .inspect-dialog{border:1px solid #616265;border-top:2px solid var(--dialog-source-color,#7a9cc8)}.cc-site .inspect-head{background:linear-gradient(110deg,#30313488,#25264055);border-bottom-color:#4f5053;padding:16px 20px}.cc-site .inspect-head h2{font-size:16px;letter-spacing:-.2px}.cc-site .inspect-eyebrow{font-size:8px;letter-spacing:.4px;color:#9bacc3}.cc-site .inspect-context{background:#1e1f22}.cc-site .inspect-tabs{border-color:#48494c}.cc-site .inspect-tab{font-size:11px}.cc-site .inspect-tab[aria-selected=true]{border-color:#00bceb;color:#e3efff}.cc-site :is(.inspect-kpi,.apm-digest,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence){background:#23242777;border-color:#48494c;border-radius:5px}.cc-site .inspect-kpi>strong{font-size:23px}.cc-site .inspect-kpi>span{font-size:10px}.cc-site .inspect-note{font-size:10px;color:#a8b7c8;background:#212225;border-color:#4c4d50;line-height:1.7}.cc-site .inspect-evidence .inspect-row{font-size:11px;border-color:#48494c}.cc-site .inspect-links{font-size:11px}.cc-site .inspect-links a{color:#6daaff}.cc-site .token-time-request,.cc-site .token-time-contributor{background:#28292c66;border-color:#4e4f52}.cc-site .submitted-prompt{background:#191a1d}.cc-site .submitted-prompt-text{font-size:11px;line-height:1.7;background:#131417;border-color:#48494c;color:#d6e3ef}
/* Portal views keep their event and form handlers; only presentation changes. */
.cc-portal{padding-top:var(--cc-header)}.cc-portal #workspace{height:calc(100dvh - var(--cc-header));grid-template-columns:var(--cc-side) minmax(0,1fr);background:transparent}.cc-portal #sidebar{padding:16px 13px 12px;background:linear-gradient(180deg,#292a2d99,#10111444 330px);border-right:1px solid #3a3b3e44;color:#c7d2e1}.cc-portal #sidebar>.brand{padding:10px 5px 18px;font-size:12px;letter-spacing:.2px}.cc-portal #sidebar .mark{height:28px;width:28px;font-size:18px;border-radius:6px;background:#444548;box-shadow:none}.cc-portal #sidebar .mark span{font-size:9px}.cc-portal #sidebar .brand small{font-size:8px;letter-spacing:.7px}.cc-portal .shell-nav{padding-bottom:12px;margin-bottom:10px;border-bottom-color:#4c4d5055}.cc-portal .shell-nav-label{font-size:9px;letter-spacing:.4px;color:#8f9fb3;padding:0 8px 6px}.cc-portal .shell-cloud-label{padding-top:12px}.cc-portal .shell-route{font-size:11px;min-height:32px;padding:7px 9px;margin:2px 0;border:0;border-left:3px solid transparent;border-radius:5px;color:#bac7d8;gap:10px}.cc-portal .shell-route-icon,.cc-portal .shell-route-icon svg{width:17px;height:17px}.cc-portal .shell-route.active{border-left-color:#00bceb;background:#3e3f4299;color:#e1ecf7;box-shadow:none}.cc-portal .shell-route.active .shell-route-icon{color:#00bceb}.cc-portal .shell-route:hover{background:#3e3f4266}.cc-portal .new-chat{font-size:11px;padding:8px 10px;min-height:33px;border:1px solid #616265;background:#27282b;border-radius:5px;margin-bottom:15px;box-shadow:none}.cc-portal .side-label{font-size:9px;padding:0 9px;color:#98a9be}.cc-portal .assistant-nav{font-size:11px;padding:6px 8px;min-height:33px;gap:9px;border-radius:4px}.cc-portal .assistant-nav .avatar{height:22px;width:22px;border-radius:5px}.cc-portal .assistant-nav .avatar svg{width:14px;height:14px}.cc-portal .history-item{font-size:10px;min-height:29px;padding:7px 8px;color:#b5c2d3;border-radius:4px}.cc-portal .history-item:hover{background:#393a3d66}.cc-portal .side-bottom{margin-top:14px;padding-top:9px;border-color:#52535655}.cc-portal .side-bottom>a,.cc-portal .side-bottom>button{font-size:10px;padding:8px}.cc-portal .private-note{font-size:9px;padding:8px 9px}.cc-portal .shell-history-toggle{font-size:10px;padding:6px 8px}.cc-portal .topbar{min-height:43px;height:43px;max-height:43px;flex-wrap:nowrap;background:transparent;padding:0 24px;border:0;gap:12px;backdrop-filter:none}.cc-portal .topbar>.text-button,.cc-portal .topbar .theme-toggle,.cc-portal .workspace-tabs{display:none}.cc-portal .breadcrumbs{font-size:10px;gap:8px}.cc-portal .breadcrumbs #breadcrumb{font-size:11px;color:#d7e1ec}.cc-portal .shell-search{font-size:10px;padding:4px 7px;min-height:26px;background:#212225;border:1px solid #56575a;border-radius:4px;margin-left:auto}.cc-portal .shell-search kbd{font-size:9px}.cc-portal .status-pill{font-size:9px;padding:4px 8px;background:#26272a;border-color:#58595c}.cc-portal .main-shell,.cc-portal #main{background:transparent}.cc-portal #main{padding:0 24px 30px}.cc-portal .welcome{padding:19px 0 25px;max-width:1560px;position:relative;isolation:isolate}.cc-portal .welcome-heading{position:relative;padding:32px 0 14px}.cc-portal .welcome-heading h1{font-size:31px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 12px;font-weight:550}.cc-portal .welcome-heading p{font-size:12px;color:#a4b5ca}.cc-portal .welcome-heading .eyebrow{font-size:9px;letter-spacing:.6px;color:#9db5cf}.cc-portal .workspace-stamp{font-size:10px;color:#c4d0e1}.cc-portal .workspace-stamp small{font-size:9px}.cc-wave{position:absolute;inset:0 0 auto;height:320px;z-index:-1;opacity:.5;pointer-events:none;background:radial-gradient(ellipse 450px 200px at 75% 25%,#3154af33,transparent),radial-gradient(ellipse 340px 160px at 93% 60%,#883d9444,transparent);mask-image:linear-gradient(#000,transparent)}.cc-wave:after{content:'';position:absolute;inset:20px 0 20px 25%;background-image:radial-gradient(circle,#29aaca 1px,transparent 1.4px);background-size:13px 13px;transform:perspective(650px) rotateX(58deg) rotateZ(-13deg);border-radius:50%;mask-image:radial-gradient(ellipse,#0008,transparent 70%)}
.cc-portal .assistant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}.cc-portal .assistant-card{border-radius:7px;padding:19px;min-height:207px;background:#1b1c1fbd;border-color:#404144;box-shadow:none}.cc-portal .assistant-card .avatar{width:34px;height:34px;border-radius:8px}.cc-portal .assistant-card h2{font-size:14px;margin:15px 0 8px}.cc-portal .assistant-card p{font-size:11px;color:#a7b5c7;line-height:1.6}.cc-portal .assistant-card .card-foot{font-size:10px}.cc-portal .lessons-welcome{border-radius:6px;background:linear-gradient(110deg,#303134aa,#29284188);border-color:#57585b66;padding:15px 17px;margin-top:17px}.cc-portal .lessons-welcome strong{font-size:12px}.cc-portal .lessons-welcome small{font-size:10px}.cc-portal .workspace-note{font-size:11px;padding:18px 0}.cc-portal .workspace-note small{font-size:10px}.cc-portal .chat,.cc-portal .gcp-panel{max-width:1500px}.cc-portal .chat-header{padding:18px 0;border-color:#47484b}.cc-portal .chat-heading h1,.cc-portal .gcp-identity h1{font-size:20px}.cc-portal .chat-heading p,.cc-portal .gcp-identity p{font-size:11px}.cc-portal :is(.message-content,.gcp-answer,.prose){font-size:13px}.cc-portal .composer,.cc-portal .gcp-composer{background:#1d1e21;border:1px solid #5d6c80;border-radius:11px;box-shadow:none}.cc-portal .composer textarea,.cc-portal .gcp-composer textarea{font-size:13px;padding:14px 15px;color:#d5e1ef}.cc-portal .composer-footer{padding:0 12px 10px;font-size:10px}.cc-portal .compose-wrap{background:transparent}.cc-portal .primary{background:#649cf1;color:#131417;border-color:#649cf1;border-radius:5px;min-height:30px;padding:7px 11px;font-size:11px;box-shadow:none}.cc-portal :is(.text-button,.biz-button,.net-button){font-size:11px;border-radius:4px;padding:6px 9px;min-height:29px}.cc-portal :is(.business-panel,.network-panel,.defense-panel,.lessons-panel){max-width:1700px;padding:17px 0 24px;margin:0 auto;width:100%}.cc-portal :is(.biz-heading h1,.network-heading h1,.defense-heading h1,.lessons-heading h1,.studio-heading h2,.perf-heading h2){font-size:21px;letter-spacing:-.4px}.cc-portal :is(.biz-heading p,.network-heading p,.defense-heading p,.studio-heading>p){font-size:12px;color:#a6b7c9}.cc-portal :is(.biz-surface,.biz-metrics article,.biz-person,.defense-event,.defense-detail,.defense-stat,.defense-rule,.studio-card,.studio-bank,.studio-step,.lesson-card,.net-surface,.net-canvas,.net-metric,.perf-stat,.perf-map,.dc-card,.blog-stage,.blog-below>section){background:#191a1db8;border-color:#3f4043;border-radius:6px;box-shadow:none}.cc-portal :is(.biz-metrics strong,.defense-count strong,.perf-stat strong){font-size:29px}.cc-portal :is(.biz-table,.studio-table,.defense-rule-table){font-size:11px}.cc-portal :is(.biz-table th,.biz-table td,.studio-table th,.studio-table td,.defense-rule-table td){padding:10px 9px;border-color:#46474a}.cc-portal :is(.biz-tabs,.defense-tabs,.studio-modes,.workspace-tabs,.net-map-toggle){background:transparent;border:0;border-bottom:1px solid #494a4d;border-radius:0;padding:0;gap:20px}.cc-portal :is(.biz-tabs,.defense-tabs,.studio-modes)>button{font-size:11px;padding:9px 1px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none}.cc-portal :is(.biz-tabs,.defense-tabs,.studio-modes)>button.active{border-bottom-color:#00bceb;background:none;color:#dae9f7}.cc-portal .studio-modes .shell-more-menu button{font-size:11px}.cc-portal :is(.biz-search,.net-field input,.net-field select,.defense-filters select,.defense-filters input,.studio-toolbar select){font-size:11px;border-radius:4px;padding:6px 9px;min-height:29px}.cc-portal .net-toolbar{background:transparent}.cc-portal .net-map-title{font-size:14px}.cc-portal .net-node-label{font-size:12px}.cc-portal .net-metric strong{font-size:23px}.cc-portal .defense-count,.cc-portal .defense-event{padding:15px}.cc-portal .biz-dialog,.cc-portal .net-dialog{font-size:12px}.cc-portal .studio-modes{margin-top:22px}.cc-studio-apps{margin:0 0 28px}.cc-section-heading{display:flex;align-items:center;justify-content:space-between;margin:7px 0 17px}.cc-section-heading h2{font-size:19px;font-weight:600;letter-spacing:-.3px}.cc-section-heading>span{font-size:11px;color:#9bacc1}.cc-studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cc-studio-card{background:linear-gradient(140deg,#23242799,#1a1b1ebb);border:1px solid #50515488;border-radius:7px;padding:18px;min-height:210px;display:flex;flex-direction:column;align-items:flex-start}.cc-studio-card>svg{height:25px;width:25px;color:#9581dd}.cc-studio-card:first-child>svg{color:#00bceb}.cc-studio-card h3{font-size:14px;margin:16px 0 10px;color:#dce6f3}.cc-studio-card p{font-size:11px;line-height:1.7;color:#a5b5c9;flex:1;margin:0 0 15px}.cc-studio-card .cc-open-app{align-self:flex-end}
/* Login and operator views use the same shell, without changing authentication. */
.cc-portal .signin{min-height:calc(100dvh - var(--cc-header));background:transparent}.cc-portal .login-art{background:radial-gradient(ellipse at 50% 90%,#38236177,transparent 65%);padding:45px}.cc-portal .login-art .brand{font-size:12px}.cc-portal .login-main{background:#13141799}.cc-portal .login-copy h1{font-size:48px;line-height:1.14}.cc-portal .login-copy h1 span{color:#8ca9ef}.cc-portal .login-copy p{font-size:13px}.cc-portal .login-box h2{font-size:28px;color:#dce7f4}.cc-portal .login-box>p{font-size:12px}.cc-portal .login-box label{font-size:12px}.cc-portal .password-field{background:#1f2023;border-color:#5e5f62;border-radius:5px}.cc-portal .password-field input{font-size:13px;padding:12px;color:#dce7f4}.cc-portal .login-note{font-size:10px;color:#94a6bc}.cc-portal .login-caps span{font-size:10px;border-radius:4px}.cc-admin{padding-top:var(--cc-header)}.cc-admin #workspace{min-height:calc(100dvh - var(--cc-header));grid-template-columns:var(--cc-side) minmax(0,1fr)}.cc-admin #workspace>aside{top:var(--cc-header);height:calc(100dvh - var(--cc-header));background:#18191c88;padding:20px 13px}.cc-admin main{padding:22px 24px;max-width:none;min-width:0}.cc-admin .brand{font-size:11px;letter-spacing:.5px}.cc-admin .brand-mark{background:#355f94;color:#d7e9fa;width:30px;height:30px;font-size:20px}.cc-admin h1{font-size:22px}.cc-admin h2{font-size:17px}.cc-admin .nav{font-size:11px;padding:9px 10px}.cc-admin .nav.active{background:#3a3b3e;color:#b6d2ff}.cc-admin :is(.app-card,.panel,.test-card){background:#1b1c1fbb;border-color:#454649;border-radius:6px}.cc-admin .metric strong{font-size:31px}.cc-admin :is(button,input,textarea,select){font-size:12px}.cc-admin button{background:#649cf1;color:#121316}.cc-admin .nav{background:transparent;color:#afc0d4}.cc-admin .quiet{color:#b2c7e1;background:#28292c}.cc-admin table{font-size:11px}.cc-admin :is(th,td){padding:10px;border-color:#48494c}.cc-admin .login-shell{min-height:calc(100dvh - var(--cc-header));background:transparent}.cc-admin .login-card{background:#1b1c1fe0;border-color:#4b4c4f;border-radius:8px}
@media(min-width:961px){.cc-nav-collapsed{--cc-side:56px}.cc-enterprise.cc-nav-collapsed .cc-app-title span,.cc-enterprise.cc-nav-collapsed .cc-side-link .cc-link-label,.cc-enterprise.cc-nav-collapsed .nav-label,.cc-enterprise.cc-nav-collapsed .side-foot{display:none}.cc-enterprise.cc-nav-collapsed>aside{padding:18px 5px}.cc-enterprise.cc-nav-collapsed .cc-side-link{justify-content:center;padding:9px 4px}.cc-portal.cc-nav-collapsed #sidebar{padding-left:4px;padding-right:4px}.cc-portal.cc-nav-collapsed #sidebar>*:not(.shell-nav){display:none}.cc-portal.cc-nav-collapsed .shell-nav-label,.cc-portal.cc-nav-collapsed .shell-route>span:last-child,.cc-portal.cc-nav-collapsed .cc-link-label{display:none}.cc-portal.cc-nav-collapsed .shell-route,.cc-portal.cc-nav-collapsed .cc-side-link{padding:9px 5px;justify-content:center}}
@media(max-width:1280px){.cc-header .cc-utility-link .cc-link-label{display:none}.cc-header .cc-utilities{gap:2px}.cc-global-nav .cc-global-link{padding:5px 6px}.cc-portal .assistant-grid,.cc-studio-grid,.cc-enterprise .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-enterprise .network-canvas{grid-template-columns:250px minmax(0,1fr);gap:12px;padding:12px}.cc-enterprise .path-side{overflow:auto}.cc-launch-columns{gap:24px}}
@media(max-width:960px){body .cc-header{padding:0 11px;gap:9px}.cc-header .cc-global-nav{display:none}.cc-header .cc-utilities{margin-left:auto}.cc-header .cc-fso-shortcut .cc-link-label{display:none}.cc-header .cc-wordmark{font-size:14px;padding-right:11px}.cc-header .cc-org{font-size:10px}.cc-header .cc-nav-toggle{border:1px solid #60708555}.cc-portal #workspace{grid-template-columns:minmax(0,1fr)}.cc-portal .main-shell{height:calc(100dvh - var(--cc-header))}.cc-portal #sidebar,body.cc-enterprise>aside,body.cc-enterprise.observing>aside,.cc-admin #workspace>aside{position:fixed;inset:var(--cc-header) auto 0 -250px;width:228px;height:calc(100dvh - var(--cc-header));z-index:80;background:#1a1b1ef5;transition:left .18s}.cc-mobile-nav #sidebar,body.cc-enterprise.cc-mobile-nav>aside,body.cc-enterprise.observing.cc-mobile-nav>aside,.cc-admin.cc-mobile-nav #workspace>aside{left:0}.cc-site.cc-mobile-nav .cc-nav-scrim{display:block;position:fixed;inset:var(--cc-header) 0 0;z-index:75;background:#06070a88;backdrop-filter:blur(3px);border:0;padding:0;border-radius:0}.cc-site .shell-veil{display:none!important}.cc-portal .breadcrumbs #menu{display:none}.cc-portal .topbar{height:40px;min-height:40px;padding:0 16px}.cc-portal #main{padding:0 16px 25px}.cc-enterprise>main,body.cc-enterprise.observing>main{margin:0;width:100%;padding:0 16px}.cc-admin #workspace{display:block}.cc-admin main{padding:20px 16px}.cc-launch-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px}.cc-app-launcher{padding:25px 25px 45px}.cc-launcher-head{margin-bottom:28px}.cc-launch-close{right:20px!important;top:33px!important}.cc-enterprise .network-canvas{grid-template-columns:250px minmax(0,1fr)}.cc-portal .welcome-heading{padding:23px 0 10px}.cc-portal .welcome-heading h1{font-size:28px}.cc-portal .signin{grid-template-columns:1fr}.cc-portal .login-art{display:none}.cc-portal .login-main{padding:45px 24px}.cc-portal .signin-theme{display:none}}
@media(max-width:720px){.cc-header .cc-wordmark{font-size:13px;gap:8px}.cc-header .cc-org{display:none}.cc-header .cc-utilities a{padding:4px}.cc-site .cc-header{gap:7px}.cc-launch-columns{gap:25px 16px}.cc-launch-item .cc-link-label{font-size:11px}.cc-launch-item{padding:10px 8px!important;gap:7px!important}.cc-launcher-head{justify-content:flex-start}.cc-site .cc-launch-search{font-size:11px;width:calc(100% - 35px)}.cc-app-launcher{padding:25px 18px}.cc-launch-column h2{font-size:12px}.cc-portal .welcome-heading{display:block}.cc-portal .workspace-stamp{display:none}.cc-portal .assistant-grid{grid-template-columns:1fr 1fr}.cc-portal .assistant-card{padding:14px;min-height:190px}.cc-portal .assistant-card h2{font-size:13px}.cc-portal .assistant-card p{font-size:10px}.cc-portal .topbar .status-pill{max-width:160px;white-space:normal;font-size:8px}.cc-portal .cc-studio-grid,.cc-enterprise .cards{grid-template-columns:1fr}.cc-portal .cc-studio-card{min-height:180px}.cc-portal .cc-section-heading>span{display:none}.cc-portal .welcome-heading h1{font-size:26px}.cc-portal .lessons-welcome{padding:12px}.cc-enterprise .network-canvas{display:flex;flex-direction:column;padding:12px}.cc-enterprise .path-side{width:100%;padding:11px}.cc-enterprise .hero,.cc-enterprise.observing .hero{padding:12px 0 10px}.cc-enterprise.observing h1{font-size:20px}.cc-enterprise .hero p{font-size:10px}.cc-enterprise .cc-breadcrumb{font-size:9px;gap:5px}.cc-enterprise .header-actions .badge{display:none}.cc-enterprise .inspect-head h2{font-size:14px}.cc-enterprise .inspect-kpi>strong{font-size:19px}.cc-enterprise .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-enterprise .experience-strip{gap:8px}}
@media(prefers-reduced-motion:reduce){.cc-site *, .cc-site *:before,.cc-site *:after{scroll-behavior:auto!important}.cc-site aside{transition:none}}

.cc-site [data-theme-toggle]{display:none!important}
/* Override legacy theme anchor specificity inside the shared chrome. */
html[data-cloud-control] body.cc-site .cc-header a{color:#b9c4d3}
html[data-cloud-control] body.cc-site .cc-header .cc-wordmark{color:#e7edf5}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{color:#edf4ff}
html[data-cloud-control] body.cc-site .cc-launch-item{color:#c2cbd8}
html[data-cloud-control] body.cc-site .cc-open-app,html[data-cloud-control] body.cc-site .cc-primary{color:#101114}
html[data-cloud-control] body.cc-site .cc-side-link{color:#b9c5d5}
html[data-cloud-control] body.cc-site .cc-side-link.active{color:#eef5ff}
.cc-app-launcher::backdrop{background:transparent;backdrop-filter:none}
.cc-site .cc-launch-search:focus-visible{outline:0;box-shadow:0 0 0 2px #78b9ee66}
.cc-portal .assistant-card .card-foot>span:last-child{width:24px;height:24px;border-radius:5px;background:transparent;border:1px solid #56575a;color:#81b3fd}
.cc-portal .workspace-stamp{background:transparent;border:0;border-radius:0;padding:0}
.cc-portal .company-title{font-size:20px}.cc-portal .company-group{padding:17px;border-radius:6px}.cc-portal .company-group h3{font-size:17px}.cc-portal .company-segmented{border-radius:5px;padding:3px}.cc-portal .company-segmented button{font-size:10px;padding:7px 10px;border-radius:4px}.cc-portal .company-bar-label{font-size:11px}.cc-portal .company-controls select{padding:6px 8px;border-radius:4px}
@media(min-width:961px){.cc-admin .cc-nav-toggle{display:none}}
html[data-cloud-control] .cc-app-launcher{background:radial-gradient(ellipse 500px 440px at 7% 25%,#38393c99,transparent 80%),radial-gradient(ellipse 500px 400px at 89% 19%,#31323577,transparent 80%),#101114}
html[data-cloud-control] .cc-app-launcher::backdrop{background:transparent;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){body.cc-site>aside,body.cc-site #sidebar{transition:none!important}}
/* OneCD dark palette, referenced from Cloud Control's public stylesheet. */
@font-face{font-family:'Cloud Control Inter';src:url('/cloud-control-inter.woff2') format('woff2');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:'Cloud Control Inter';src:url('/cloud-control-inter-semibold.woff2') format('woff2');font-style:normal;font-weight:501 900;font-display:swap}
html[data-cloud-control]{--cc-bg:#0f1013;--cc-surface:#18191c;--cc-raised:#212225;--cc-line:#48494c;--cc-text:#ecf0f5;--cc-muted:#a6adb6;--cc-blue:#649ef5;--cc-cyan:#16bae8;--cc-purple:#9ca6ff;--cc-font:'Cloud Control Inter',Inter,Arial,sans-serif;--cc-heading:'Sharp Sans','Cloud Control Inter',Inter,Arial,sans-serif;font-family:var(--cc-font)}
html[data-cloud-control] body.cc-site{font-family:var(--cc-font);font-size:12px;font-weight:400;letter-spacing:0;color:#ecf0f5;background:radial-gradient(100% 400px at 0% 0%,rgba(26,205,255,.16) 0%,rgba(0,126,204,.06) 50%,rgba(0,126,204,0) 100%),radial-gradient(50% 100px at 25% 0%,rgba(204,102,153,.2) 0%,rgba(204,102,153,.08) 50%,rgba(204,102,153,0) 100%),radial-gradient(100% 300px at 16.67% 0%,rgba(34,103,229,.25) 0%,rgba(46,89,229,.12) 50%,rgba(46,89,229,0) 100%),linear-gradient(180deg,#0f1013 0%,#06070a 100%)!important;background-attachment:fixed!important;min-height:100dvh}
/* Legacy solid canvases had been hiding the page glow. */
html[data-cloud-control] body.cc-site :is(.main-shell,#main,#workspace,main){background:transparent!important}
html[data-cloud-control] body.cc-portal[data-view=local]{background:radial-gradient(100% 400px at 0% 0%,rgba(26,205,255,.16),rgba(0,126,204,0) 100%),radial-gradient(65% 380px at 63% 100%,rgba(116,45,162,.3),rgba(116,45,162,0) 100%),radial-gradient(80% 320px at 32% 100%,rgba(34,103,229,.3),rgba(46,89,229,0) 100%),linear-gradient(180deg,#0f1013,#06070a)!important;background-attachment:fixed!important}
html[data-cloud-control] body.cc-site :is(button,input,select,textarea){font-family:var(--cc-font)}
html[data-cloud-control] body.cc-site :is(h1,h2,h3){font-family:var(--cc-heading);color:#d3d8df;letter-spacing:-.15px;line-height:1.35;font-weight:600}
html[data-cloud-control] body.cc-site :is(.hero h1,.biz-heading h1,.network-heading h1,.defense-heading h1,.lessons-heading h1,.cc-section-heading h2){font-size:20px;font-weight:600}
html[data-cloud-control] body.cc-site :is(.panel h2,.card h2,.cc-studio-card h3,.assistant-card h2,.panel-heading h2){font-size:14px;letter-spacing:0;font-weight:600}
html[data-cloud-control] body.cc-site .cc-header{background:linear-gradient(100deg,#404144 0%,#323336 29%,#222326 58%,#131417 100%);border-bottom:1px solid rgba(255,255,255,.05);color:#ecf0f5}
html[data-cloud-control] body.cc-site .cc-header :is(a,button){font-family:var(--cc-font);font-weight:500}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.1);color:#bbc1c9}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{background:linear-gradient(#212225,#212225) padding-box,linear-gradient(110deg,#16bae8,#a56ce8) border-box;border-color:transparent;color:#ecf0f5}
html[data-cloud-control] body.cc-site :is(#sidebar,aside.cc-app-sidebar){background:transparent!important;border-right-color:rgba(255,255,255,.06)}
html[data-cloud-control] body.cc-site :is(.topbar,main>header){background:transparent!important}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.shell-route,.assistant-nav){color:#bbc1c9;font-weight:400}
html[data-cloud-control] body.cc-site :is(.cc-side-link.active,.shell-route.active){background:rgba(255,255,255,.07);border-left-color:#16bae8;color:#ecf0f5;font-weight:600}
html[data-cloud-control] body.cc-site :is(.card,.kpi,.record,.assistant-card,.cc-studio-card,.biz-surface,.biz-metrics article,.defense-event,.defense-stat,.studio-card,.studio-bank,.studio-step,.company-group,.net-surface,.net-canvas,.perf-map,.perf-stat){background:linear-gradient(145deg,rgba(27,35,45,.93),rgba(19,26,35,.97));border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
html[data-cloud-control] body.cc-site :is(.panel,.connected-panel,.defense-panel,.token-activity-panel){background:linear-gradient(145deg,rgba(27,35,45,.72),rgba(19,26,35,.94));border-color:rgba(255,255,255,.1);border-radius:8px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.application-endpoint,.path-side,.assurance-grid>.panel){background:linear-gradient(145deg,rgba(27,35,45,.8),rgba(19,26,35,.96));border-radius:8px}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.apm-digest,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence){background:rgba(19,26,35,.75);border-color:#2a2b2e;border-radius:6px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.provider-legend,.panel-heading,.path-overview,.endpoint-title,.defense-heading,.cc-section-heading){background:transparent}
html[data-cloud-control] body.cc-site :is(.panel-note,.hero p,.card p,.cc-studio-card p,.assistant-card p,.inspect-note,.muted){color:#a6adb6}
html[data-cloud-control] body.cc-site :is(.kpi label,.metric-label,.company-controls label,.experience-metric>span){color:#bbc1c9}
html[data-cloud-control] body.cc-site :is(input,select,textarea,.filter-control){background-color:#18191c;border-color:#6e7784;border-radius:4px;color:#ecf0f5}
html[data-cloud-control] body.cc-site .filter-control select{background:transparent;border:0}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button){background:#649ef5;border-color:#649ef5;color:#18191c;border-radius:4px;font-weight:600;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button):hover{background:#7cadf7;border-color:#7cadf7;color:#18191c}
html[data-cloud-control] body.cc-site :is(.toolbar-links a,.inspect-links a,.signal-text-action,.cc-open-app+a){color:#649ef5}
html[data-cloud-control] body.cc-site :is(table,.biz-table,.studio-table){color:#ecf0f5}
html[data-cloud-control] body.cc-site :is(th,.biz-table th,.studio-table th){background:#18191c;color:#ecf0f5;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
html[data-cloud-control] body.cc-site :is(td,th,.biz-table td,.studio-table td){border-color:#48494c}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){background:linear-gradient(145deg,rgba(27,35,45,.98),rgba(19,26,35,.99));border-radius:16px;border-color:#48494c;box-shadow:0 24px 90px rgba(0,0,0,.45)}
html[data-cloud-control] body.cc-site .inspect-head{background:linear-gradient(105deg,rgba(34,103,229,.14),rgba(204,102,153,.1));border-bottom-color:#48494c}
html[data-cloud-control] body.cc-site .inspect-head h2{font-family:var(--cc-heading);font-size:18px;color:#d3d8df;line-height:24px}
html[data-cloud-control] body.cc-site .inspect-context{background:rgba(19,26,35,.65)}
html[data-cloud-control] body.cc-site .inspect-tabs{background:transparent;border-color:#48494c}
html[data-cloud-control] body.cc-site .cc-app-launcher{background:radial-gradient(60% 500px at 15% 26%,rgba(34,103,229,.25),transparent 80%),radial-gradient(55% 440px at 90% 18%,rgba(26,205,255,.1),transparent 80%),linear-gradient(180deg,#16171a,#0f1013)}
html[data-cloud-control] body.cc-site .cc-launch-item{background:linear-gradient(110deg,rgba(27,35,45,.7),rgba(19,26,35,.7));border-color:rgba(255,255,255,.1);border-radius:6px;font-family:var(--cc-font)}
html[data-cloud-control] body.cc-site .cc-studio-card .cc-open-app{align-self:flex-end}
@media(max-width:960px){html[data-cloud-control] body.cc-site.cc-mobile-nav :is(#sidebar,aside.cc-app-sidebar){background:#18191c!important}}
html[data-cloud-control] body.cc-site .inspect-dialog{border-top-color:var(--dialog-source-color,#48494c)}

/* Shared neutral surfaces, vivid signals. No provider tint is used as a health state. */
html[data-cloud-control]{--cc-bg:#0b0d12;--cc-surface:#14171e;--cc-raised:#22262e;--cc-line:#343942;--cc-text:#f3f5f8;--cc-muted:#aeb4bf;--cc-blue:#66a8ff;--cc-cyan:#00c7f2;--cc-purple:#b58aff;--source-apm-rgb:84,166,255;--source-te-rgb:255,174,69;--source-app-rgb:45,212,191;--source-defense-rgb:181,138,255}
html[data-cloud-control] body.cc-site{--bg:#0b0d12;--panel:#15181f;--surface:#0b0d12;--theme-sidebar:#15171d;--theme-subtle:#22252c;--theme-hover:#2b2f37;--selection:#30343e;--line:#343942;--border:#343942;--muted:#aeb4bf;--ink:#f3f5f8;--text:#f3f5f8;--accent:#66a8ff;--blue:#66a8ff;--success:#26ddb2;--warning:#ffb547;--danger:#ff5c7c;--theme-success-bg:#142c25;--theme-warning-bg:#322717;--theme-danger-bg:#341d26;background:radial-gradient(ellipse 75% 280px at 28% 0%,#6952d82c,transparent 78%),radial-gradient(ellipse 75% 360px at 70% 100%,#6947cb32,transparent 80%),linear-gradient(180deg,#0d1016,#080a0e)!important;background-attachment:fixed!important;color:#f3f5f8;line-height:1.5}
html[data-cloud-control] body.cc-portal[data-view=local]{background:radial-gradient(ellipse 80% 320px at 22% 0%,#6655cc30,transparent 78%),radial-gradient(ellipse 75% 350px at 66% 100%,#6a43cd40,transparent 80%),#0b0d12!important;background-attachment:fixed!important}
html[data-cloud-control] body.cc-site .cc-header{background:#1b1e26!important;border-bottom:1px solid #343840;box-shadow:0 1px 8px #0003;backdrop-filter:none}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{background:#23262e;border-color:#333740;color:#c8cdd5}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{background:linear-gradient(#242731,#242731) padding-box,linear-gradient(110deg,#00c7f2,#b58aff) border-box;color:#fff}
html[data-cloud-control] body.cc-site .cc-header :is(a,button):hover{background:#30343e;color:#fff}
html[data-cloud-control] body.cc-site :is(#sidebar,aside.cc-app-sidebar,#workspace>aside){background:#111319f2!important;border-right:1px solid #292d35}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.shell-route,.assistant-nav){color:#bcc3ce}
html[data-cloud-control] body.cc-site :is(.cc-side-link.active,.shell-route.active){background:#292d36;color:#fff;border-left-color:#00c7f2}
html[data-cloud-control] body.cc-site :is(.card,.kpi,.record,.assistant-card,.cc-studio-card,.biz-surface,.biz-metrics article,.defense-event,.studio-card,.studio-bank,.studio-step,.company-group,.net-surface,.net-canvas,.perf-map,.perf-stat,.panel,.connected-panel,.defense-panel,.token-activity-panel,.application-endpoint,.path-side,.assurance-grid>.panel){background:#14171e!important;border-color:#343942;border-radius:9px;box-shadow:0 3px 10px #0002}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence,.defense-record,.token-time-request,.token-time-contributor,.request-inspection,.usage-owner,.budget-stat,.latest-outcome-facts,.governance-figure,.app-insight-secondary,.digest-latency,.digest-spotlight,.observation-card,.source-alignment,.request-input,.service-digest-cards>div,.limit-tile){background:#1c1f27!important;border:1px solid #343942!important;box-shadow:none;border-radius:6px}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){background:#171a21!important;border:1px solid #4b515f;border-radius:12px;box-shadow:0 24px 100px #000a;color:#f3f5f8}
html[data-cloud-control] body.cc-site :is(.inspect-head,.inspect-context,.conversation-picker-heading,.net-dialog-head,.biz-dialog-head,.dialog-head){background:#20232c!important;border-color:#363b45}
html[data-cloud-control] body.cc-site :is(.inspect-note,.interpretation-note,.panel-note,.submitted-prompt,.submitted-prompt-text,.coverage-boundary,.token-time-explanation){background:transparent;border-color:#3b404b;color:#b7beca;line-height:1.6}
html[data-cloud-control] body.cc-site .inspect-pane>.interpretation-note{border:0;border-top:1px solid #343942;padding:12px 0 0;margin-top:14px;border-radius:0}
html[data-cloud-control] body.cc-site .submitted-prompt-text{background:#0f1117;color:#e2e7ef;border:1px solid #3b404b}
html[data-cloud-control] body.cc-site :is(input,select,textarea,.filter-control,.password-field){background:#191c23!important;border-color:#505764;color:#f3f5f8;border-radius:5px}
html[data-cloud-control] body.cc-site .filter-control select{background:transparent!important;border:0}
html[data-cloud-control] body.cc-site :is(th,.biz-table th,.studio-table th){background:#20242c;color:#e5e9f0;border-bottom:1px solid #5d6574}
html[data-cloud-control] body.cc-site :is(td,th,.biz-table td,.studio-table td){border-color:#343942}
html[data-cloud-control] body.cc-site tbody tr:hover{background:#ffffff05}
html[data-cloud-control] body.cc-site :is(h1,h2,h3){color:#f0f3f8}
html[data-cloud-control] body.cc-site :is(.muted,.panel-note,.visual-caption,.hero p,.card p,.assistant-card p){color:#aeb4bf}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button){background:#66a8ff;border-color:#66a8ff;color:#09111e;box-shadow:none;border-radius:5px}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button):hover{background:#8ebfff;border-color:#8ebfff;color:#09111e}
html[data-cloud-control] body.cc-site :is(.toolbar-links a,.inspect-links a,.signal-text-action,.cc-bridge-link,.endpoint-link,.scope-link){color:#79b5ff}
html[data-cloud-control] body.cc-site :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #67b4ff;outline-offset:3px}
html[data-cloud-control] body.cc-site :is(.bar-track,.comparison-rail,.usage-rail,.token-activity-grid,.digest-sample-progress){background-color:#313641}
html[data-cloud-control] body.cc-site :is(.segmented,.inspect-tabs,.defense-tabs,.studio-modes){background:transparent;border-color:#3d434f}
html[data-cloud-control] body.cc-site :is(.segmented button.active,.defense-tabs button.active,.inspect-tab.active,.company-segmented button.active){background:#303540;color:#fff;border-color:#4b9dff}
/* Source color appears once at the card edge; chart interiors stay neutral. */
html[data-cloud-control] body.cc-site [data-source-frame=apm]{border:1px solid #343942!important;border-top:2px solid #54a6ff!important}
html[data-cloud-control] body.cc-site [data-source-frame=te]{border:1px solid #343942!important;border-top:2px solid #ffae45!important}
html[data-cloud-control] body.cc-site [data-source-frame=defense]{border:1px solid #343942!important;border-top:2px solid #b58aff!important}
html[data-cloud-control] body.cc-site :is(.assurance-grid>.panel[data-measured-by=app],.token-activity-panel){border:1px solid #343942!important;border-top:2px solid #2dd4bf!important}
html[data-cloud-control] body.cc-site .provider-apm{--provider-color:#54a6ff}
html[data-cloud-control] body.cc-site .provider-te{--provider-color:#ffae45}
html[data-cloud-control] body.cc-site .provider-app{--provider-color:#2dd4bf}
html[data-cloud-control] body.cc-site .provider-defense{--provider-color:#b58aff}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector){color:var(--provider-color);background:transparent;border-color:var(--provider-color)}
html[data-cloud-control] body.cc-site .provider-selector.selected{background:#ffffff07;box-shadow:inset 0 -2px var(--provider-color)}
html[data-cloud-control] body.cc-site .provider-selector-copy small{display:none}
html[data-cloud-control] body.cc-site .provider-code{display:none}
html[data-cloud-control] body.cc-site .provider-legend{padding:10px 12px;background:#15181e!important;border:1px solid #343942}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=apm]{--dialog-source-rgb:84,166,255;--dialog-source-color:#54a6ff}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=te]{--dialog-source-rgb:255,174,69;--dialog-source-color:#ffae45}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=app]{--dialog-source-rgb:45,212,191;--dialog-source-color:#2dd4bf}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=defense]{--dialog-source-rgb:181,138,255;--dialog-source-color:#b58aff}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider]{border-top:2px solid var(--dialog-source-color,#656d7c)}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider] .inspect-head{border-bottom:1px solid #363b45}
html[data-cloud-control] body.cc-site :is(.coverage-arrow,.connector-arrow,.flow-arrow){color:#8d96a6}
html[data-cloud-control] body.cc-site :is(.path-connector,.path-gap-line){stroke:#8d96a6}
html[data-cloud-control] body.cc-site .defense-stat{background:none!important;border:0;border-left:2px solid #4b435f;border-radius:0;box-shadow:none}
html[data-cloud-control] body.cc-site .defense-stat>strong{color:#d4bdff}
html[data-cloud-control] body.cc-site .defense-ranking-row:hover{background:#262b35}
html[data-cloud-control] body.cc-site .marker-good{color:#26ddb2}
html[data-cloud-control] body.cc-site .marker-warn{color:#ffb547}
html[data-cloud-control] body.cc-site .marker-bad{color:#ff5c7c}
html[data-cloud-control] body.cc-site .digest-point.marker-good{background:#26ddb2}
html[data-cloud-control] body.cc-site .digest-point.marker-warn{background:#ffb547}
html[data-cloud-control] body.cc-site .digest-point.marker-bad{background:#ff5c7c}
/* Separate Northstar workplace identity. */
.cc-company-monogram{display:grid;place-items:center;width:27px;height:27px;border:1px solid #46d9c0;border-radius:7px;color:#46e5ca;background:#1e3330;font-size:16px;font-weight:600}
.cc-site[data-space=company] .cc-header .cc-wordmark{border-right:1px solid #454b56!important}
.cc-site .cc-space-switch{font-size:10px}.cc-site .cc-space-switch svg{color:#a992ff}
.cc-site .cc-app-title{font-size:13px}.cc-site .cc-app-title svg{color:#b58aff}
.cc-site[data-space=company] .cc-app-title svg{color:#2dd4bf}
.cc-site .cc-back-studio{border-top:1px solid #343942;margin-top:18px!important;border-radius:0;padding-top:14px}
.cc-site .side-foot .cc-side-link{font-size:10px;padding:9px 0}
.cc-portal .shell-nav>.shell-route,.cc-portal .shell-nav>.shell-nav-label,.cc-portal .shell-cloud-label{display:none!important}
.cc-site .cc-context-links{display:flex;flex-direction:column;gap:2px}
.cc-site[data-space=control] [data-space-link=company],.cc-site[data-space=company] [data-space-link=control]{display:none}
.cc-portal[data-space=control] #sidebar>:not(.shell-nav):not(.side-bottom){display:none!important}
.cc-portal[data-space=control] #sidebar .side-bottom>:not(#logout):not(.private-note){display:none!important}
.cc-portal[data-space=control] #welcome>:not(.cc-control-home){display:none!important}
.cc-portal[data-space=company] .cc-control-home{display:none}
.cc-portal[data-space=control] #lessons-panel>:not(.cc-studio-apps){display:none!important}
.cc-portal[data-space=company] #lessons-panel>.cc-studio-apps{display:none!important}
.cc-portal[data-space=company] .lessons-welcome,.cc-portal[data-space=company] .workspace-note{display:none!important}
.cc-portal[data-space=company] .assistant-card .card-foot{border-color:#343942}
.cc-site[data-space=company] .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-site[data-space=company] .card .number{color:#2dd4bf;font-size:9px;letter-spacing:.9px}
.cc-site[data-space=company] .card{min-height:175px;justify-content:flex-start}.cc-site[data-space=company] .card p{flex:0;margin:0 0 15px}
.cc-workplace-tools{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0 3px}
.cc-site .cc-bridge-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;font-weight:500}
.cc-bridge-link svg{width:14px;height:14px}.cc-site .cc-bridge-link:hover{color:#a2cbff}
/* A focused Studio, with a single real app and a clear handoff to the workplace. */
.cc-portal .cc-studio-apps{padding:25px 0 30px;max-width:1280px;margin:auto}
.cc-studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cc-site .cc-kicker{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#b58aff;display:block}
.cc-site .cc-studio-heading h1{font-size:25px;margin:6px 0 7px;letter-spacing:-.6px}
.cc-studio-heading p{margin:0;color:#aeb4bf;font-size:12px}
.cc-studio-tabs{display:flex;gap:24px;border-bottom:1px solid #343942;margin:0 0 25px}
.cc-site .cc-studio-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;background:none;color:#b9bfca;font-size:12px}
.cc-site .cc-studio-tabs button.active{color:#fff;border-bottom-color:#00c7f2}
.cc-studio-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:40px;padding:32px;border:1px solid #3a3e49;border-radius:12px;background:#15181f;position:relative;overflow:hidden}
.cc-studio-feature:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#00c7f2,#7c91ff,#b58aff)}
.cc-studio-intro>svg{width:35px;height:35px;padding:9px;box-sizing:content-box;background:#24243a;color:#b58aff;border:1px solid #645291;border-radius:12px;margin:0 0 22px}
.cc-site .cc-studio-intro h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:10px 0 13px;max-width:420px}
.cc-studio-intro>p{color:#b5bdca;font-size:12px;line-height:1.7;max-width:390px;margin:0 0 19px}
.cc-studio-intro .cc-open-app{margin-top:26px;padding:9px 14px;font-size:12px}
.cc-signal-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cc-signal-apm{--signal-color:#54a6ff}.cc-signal-te{--signal-color:#ffae45}.cc-signal-defense{--signal-color:#b58aff}.cc-signal-app{--signal-color:#2dd4bf}
.cc-signal-chip{font-size:9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#d2d7df}
.cc-signal-chip:before{content:'';width:6px;height:6px;border-radius:2px;background:var(--signal-color);flex:none}
.cc-studio-signal-map{align-self:center;background:#101218;border:1px solid #323742;border-radius:9px;padding:18px}
.cc-map-caption{font-size:9px;letter-spacing:1px;color:#949eaf;display:block;padding:2px 0 13px}
.cc-map-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #2d323c}
.cc-map-row>.cc-map-icon{display:grid;place-items:center;width:31px;height:31px;background:#23262e;border-radius:7px;color:var(--signal-color)}
.cc-map-icon svg{height:18px;width:18px}.cc-map-row>div{flex:1}.cc-map-row strong{display:block;font-size:11px;font-weight:600;color:#ecf0f5}.cc-map-row small{display:block;color:#a7afbe;font-size:10px;margin-top:4px}.cc-map-row>svg{width:12px;height:12px;color:#657084;transform:rotate(-90deg)}
.cc-studio-journey{margin:26px 0}.cc-site .cc-studio-journey h2{font-size:14px;margin:0 0 17px}.cc-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cc-journey-step{border:1px solid #303540;border-radius:8px;padding:17px;background:#14171e}.cc-journey-number{display:block;color:var(--signal-color);font-size:10px;font-weight:600;margin-bottom:13px}.cc-journey-step strong{font-size:12px;display:block;color:#e7ecf3}.cc-journey-step small{font-size:10px;color:#aeb4bf;display:block;margin-top:6px}
.cc-company-bridge{display:flex;align-items:center;gap:14px;margin-top:26px;border-top:1px solid #343942;padding:22px 0 0}.cc-company-bridge>svg{height:23px;width:23px;color:#2dd4bf}.cc-company-bridge>div{flex:1}.cc-company-bridge strong{display:block;font-size:12px;color:#f0f3f8}.cc-company-bridge>div>span{display:block;color:#aeb4bf;font-size:10px;margin-top:5px}
.cc-site .cc-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-site .cc-studio-card{position:relative;min-height:225px;padding:22px}.cc-site .cc-studio-card .cc-open-app{margin-top:22px}.cc-available{position:absolute;top:22px;right:18px;font-size:9px;color:#2dd4bf;background:#18302b;border:1px solid #306152;border-radius:12px;padding:3px 7px}.cc-studio-card .cc-signal-chips{gap:9px}
.cc-control-home{max-width:900px;margin:7vh auto 0;padding:42px 25px;text-align:center}.cc-site .cc-control-home h1{font-size:44px;white-space:pre-line;line-height:1.13;letter-spacing:-1.5px;margin:18px 0;color:#f5f6fb}.cc-control-home>p{font-size:13px;color:#b6bdca;margin:0 0 22px}.cc-control-home .cc-signal-chips{justify-content:center;gap:15px}.cc-home-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0}.cc-home-actions .cc-open-app{padding:10px 15px;font-size:12px}.cc-home-studio{font-size:12px;text-decoration:none;color:#bdacff!important}.cc-home-workplace{border-top:1px solid #363b46;padding:23px 0;margin:44px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;max-width:550px}.cc-home-workplace>span{font-size:11px;color:#aeb4bf}
.cc-site .cc-app-launcher{background:radial-gradient(ellipse 75% 300px at 30% 0,#6548b62c,transparent 85%),#101218!important}.cc-site .cc-launch-item{background:#1b1e26!important;border-color:#343942!important}.cc-site .cc-launch-item:hover{background:#292d38!important;border-color:#7760ac!important}.cc-site .cc-launch-search{background:linear-gradient(#1e212a,#1e212a) padding-box,linear-gradient(110deg,#00c7f2,#b58aff) border-box!important}.cc-site .cc-launch-item[href='/apps/observability']{border-color:#a180e4!important}.cc-site .cc-launch-item[href='/apps/observability'] svg:first-child{color:#b58aff}.cc-site .cc-launch-column:last-child h2{color:#2dd4bf}
.cc-site .cc-control-home .cc-link-label{color:#79b5ff}
@media(min-width:961px){.cc-portal.cc-nav-collapsed .cc-context-links .cc-side-link{padding:9px 5px}.cc-portal.cc-nav-collapsed .cc-context-links .cc-link-label{display:none}}
@media(max-width:1100px){.cc-studio-feature{gap:23px;padding:25px;grid-template-columns:1fr 1fr}.cc-site .cc-studio-intro h2{font-size:25px}.cc-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-site .cc-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cc-studio-feature{grid-template-columns:1fr;padding:22px;gap:25px}.cc-site .cc-studio-intro h2{font-size:25px}.cc-site .cc-studio-grid,.cc-site[data-space=company] .cards{grid-template-columns:1fr}.cc-company-bridge{flex-wrap:wrap}.cc-company-bridge>div{min-width:70%}.cc-company-bridge>.cc-bridge-link{margin-left:37px}.cc-journey-steps{gap:9px}.cc-journey-step{padding:14px}.cc-control-home{margin:3vh auto 0;padding:35px 0}.cc-site .cc-control-home h1{font-size:34px}.cc-control-home>p{font-size:12px}.cc-control-home .cc-signal-chips{gap:10px}.cc-home-actions{gap:18px}.cc-home-workplace{display:block}.cc-home-workplace>span{display:block;margin-bottom:12px}.cc-site .cc-studio-apps{padding-top:18px}.cc-studio-heading{margin-bottom:13px}.cc-studio-tabs{margin-bottom:18px}.cc-site .cc-header .cc-space-switch .cc-link-label{display:none}.cc-site .cc-header .cc-space-switch svg{display:block}}
@media(prefers-reduced-motion:reduce){.cc-site .cc-studio-feature:before{animation:none}}

.cc-site .cc-home-studio{display:inline-flex;align-items:center;gap:8px}.cc-home-studio svg{width:17px;height:17px}
.cc-site .assistant-card:nth-child(8n+1) .app-icon{color:#2dd4bf}.cc-site .assistant-card:nth-child(8n+2) .app-icon{color:#54a6ff}.cc-site .assistant-card:nth-child(8n+3) .app-icon{color:#ffbd59}.cc-site .assistant-card:nth-child(8n+4) .app-icon{color:#ff6a9b}.cc-site .assistant-card:nth-child(8n+5) .app-icon{color:#b58aff}.cc-site .assistant-card:nth-child(8n+6) .app-icon{color:#22d3ee}.cc-site .assistant-card:nth-child(8n+7) .app-icon{color:#ff9e58}.cc-site .assistant-card:nth-child(8n) .app-icon{color:#a3a4ff}
.cc-site .workspace-stamp small,.cc-site .private-note{color:#aeb4bf}.cc-site .workspace-stamp small{display:none}

html[data-cloud-control] body.cc-site #create-dialog{background:#171a21;border:1px solid #4b515f;border-radius:12px;box-shadow:0 24px 100px #000a}
html[data-cloud-control] body.cc-site .path-side .hop-node.hop-good .hop-circle{color:#26ddb2;border-color:#26ddb2;background:#19312b}
html[data-cloud-control] body.cc-site .path-side .hop-node.hop-warn .hop-circle{color:#ffb547;border-color:#ffb547;background:#352918}
html[data-cloud-control] body.cc-site .path-side .hop-node.hop-bad .hop-circle{color:#ff5c7c;border-color:#ff5c7c;background:#361f28}
html[data-cloud-control] body.cc-site .token-bar-input{background:#20d5d2}html[data-cloud-control] body.cc-site .token-bar-output{background:#54a6ff}
html[data-cloud-control] body.cc-site .inspect-kpi>strong{color:#f0f3f8}
.cc-site .assistant-card:nth-child(8n+1) .avatar{color:#2dd4bf}.cc-site .assistant-card:nth-child(8n+2) .avatar{color:#54a6ff}.cc-site .assistant-card:nth-child(8n+3) .avatar{color:#ffbd59}.cc-site .assistant-card:nth-child(8n+4) .avatar{color:#ff6a9b}.cc-site .assistant-card:nth-child(8n+5) .avatar{color:#b58aff}.cc-site .assistant-card:nth-child(8n+6) .avatar{color:#22d3ee}.cc-site .assistant-card:nth-child(8n+7) .avatar{color:#ff9e58}.cc-site .assistant-card:nth-child(8n) .avatar{color:#a3a4ff}

.cc-map-row>svg{display:none}
@media(max-width:960px){html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav>aside.cc-app-sidebar{left:0;transition:none!important}}

html[data-cloud-control] body.cc-site .cc-header :is(.cc-org,.cc-launcher-toggle,.cc-nav-toggle){background:transparent!important;color:#c8cdd5}
html[data-cloud-control] body.cc-site .latest-outcome.outcome-allowed strong{color:#26ddb2}

/* Keep global navigation inside its available width at every breakpoint. */
html[data-cloud-control] body.cc-site .cc-header{gap:clamp(6px,.75vw,13px);padding-inline:12px;min-width:0;box-sizing:border-box}
html[data-cloud-control] body.cc-site .cc-header :is(.cc-wordmark,.cc-org,.cc-launcher-toggle,.cc-nav-toggle){flex:0 0 auto}
html[data-cloud-control] body.cc-site .cc-header .cc-global-nav{flex:1 1 0;min-width:0;max-width:100%;gap:5px;overflow-x:auto;overflow-y:hidden}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{flex:0 0 auto;max-width:210px;box-sizing:border-box}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link .cc-link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cloud-control] body.cc-site .cc-header .cc-utilities{flex:0 0 auto;margin-left:auto;min-width:0;gap:5px}
html[data-cloud-control] body.cc-site .cc-header .cc-utility-link{min-width:0;max-width:190px}
html[data-cloud-control] body.cc-site .cc-header .cc-utility-link .cc-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cloud-control] body.cc-site .cc-header a:focus-visible{outline-offset:-2px}
@media(min-width:961px) and (max-width:1250px){
 html[data-cloud-control] body.cc-site .cc-header .cc-global-link:not(.active) .cc-link-label{display:none}
 html[data-cloud-control] body.cc-site .cc-header .cc-global-link:not(.active){padding:5px 7px}
 html[data-cloud-control] body.cc-site .cc-header .cc-utility-link .cc-link-label{display:none}
 html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{max-width:180px}
}
@media(max-width:960px){html[data-cloud-control] body.cc-site .cc-header .cc-global-nav{display:none}}
@media(max-width:400px){html[data-cloud-control] body.cc-site .cc-header{gap:5px;padding-inline:8px}html[data-cloud-control] body.cc-site .cc-header .cc-wordmark{font-size:12px;gap:7px;padding-right:8px}html[data-cloud-control] body.cc-site .cc-header .cc-utilities{gap:1px}}
/* Product names use the same soft pill treatment as the Review status. */
html[data-cloud-control] body.cc-site :is(.provider-apm,.provider-badge.provider-apm){--pill-rgb:84,166,255}
html[data-cloud-control] body.cc-site :is(.provider-te,.provider-badge.provider-te){--pill-rgb:255,174,69}
html[data-cloud-control] body.cc-site :is(.provider-app,.provider-badge.provider-app){--pill-rgb:45,212,191}
html[data-cloud-control] body.cc-site :is(.provider-defense,.provider-badge.provider-defense){--pill-rgb:181,138,255}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;max-width:100%;padding:3px 8px;border:1px solid rgba(var(--pill-rgb,160,170,185),.45);border-radius:999px;background:rgba(var(--pill-rgb,160,170,185),.075);color:var(--provider-color,#b8c1ce);line-height:1.4;font-size:9px;font-weight:500;white-space:nowrap;box-sizing:border-box;box-shadow:none;vertical-align:middle}
html[data-cloud-control] body.cc-site .provider-selector{padding:4px 9px;min-height:25px}
html[data-cloud-control] body.cc-site .provider-selector-copy strong{font-size:9px;line-height:1.4;font-weight:500}
html[data-cloud-control] body.cc-site .provider-selector.selected{background:rgba(var(--pill-rgb,160,170,185),.14);border-color:rgba(var(--pill-rgb,160,170,185),.7);box-shadow:none}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector):is(button):hover{background:rgba(var(--pill-rgb,160,170,185),.16);border-color:rgba(var(--pill-rgb,160,170,185),.7)}
html[data-cloud-control] body.cc-site .provider-selector>span:first-child:not(.provider-selector-copy){border-radius:50%;width:5px;height:5px}
html[data-cloud-control] body.cc-site [data-source-frame=apm]{border:1px solid rgba(84,166,255,.38)!important}
html[data-cloud-control] body.cc-site [data-source-frame=te]{border:1px solid rgba(255,174,69,.38)!important}
html[data-cloud-control] body.cc-site [data-source-frame=defense]{border:1px solid rgba(181,138,255,.38)!important}
html[data-cloud-control] body.cc-site :is(.assurance-grid>.panel[data-measured-by=app],.token-activity-panel){border:1px solid rgba(45,212,191,.38)!important}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider]{border:1px solid rgba(var(--dialog-source-rgb,160,170,185),.42)}
/* Prevent source pills and timing values from colliding in the upper summary. */
html[data-cloud-control] body.cc-site .provider-legend{row-gap:10px}
html[data-cloud-control] body.cc-site .provider-legend-grid{flex:1 1 340px;gap:7px;min-width:0;flex-wrap:wrap}
html[data-cloud-control] body.cc-site .provider-legend-head>div{flex-wrap:wrap;gap:8px;min-width:0}
html[data-cloud-control] body.cc-site .provider-legend-note{white-space:normal}
html[data-cloud-control] body.cc-site .connected-toolbar{row-gap:9px;min-width:0}
html[data-cloud-control] body.cc-site .toolbar-links{flex-wrap:wrap;row-gap:6px;max-width:100%}
html[data-cloud-control] body.cc-site .filter-control{min-width:0;max-width:100%}
html[data-cloud-control] body.cc-site .experience-group{padding:12px;min-width:0;box-sizing:border-box}
html[data-cloud-control] body.cc-site .experience-group-head{min-width:0;flex-wrap:wrap;align-items:center;gap:6px 10px}
html[data-cloud-control] body.cc-site .experience-group-head h3{min-width:0;flex:1 1 auto;margin:0;line-height:1.4;overflow-wrap:anywhere}
html[data-cloud-control] body.cc-site .experience-group-head .provider-badge{margin-left:auto}
html[data-cloud-control] body.cc-site .experience-groups{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,1.15fr);gap:14px;align-items:stretch}
html[data-cloud-control] body.cc-site .experience-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
html[data-cloud-control] body.cc-site .experience-group:first-child .experience-values{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-cloud-control] body.cc-site .experience-group:nth-child(2) .experience-values{grid-template-columns:minmax(0,.7fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.3fr)}
html[data-cloud-control] body.cc-site .experience-metric{width:100%;min-width:0;gap:7px}
html[data-cloud-control] body.cc-site .experience-metric strong{max-width:100%;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1450px){
 html[data-cloud-control] body.cc-site .experience-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-cloud-control] body.cc-site .experience-group:last-child{grid-column:1/-1}
 html[data-cloud-control] body.cc-site .experience-group:nth-child(2) .experience-values{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 html[data-cloud-control] body.cc-site .experience-groups{grid-template-columns:minmax(0,1fr);gap:10px}
 html[data-cloud-control] body.cc-site .experience-group:last-child{grid-column:auto}
 html[data-cloud-control] body.cc-site .provider-legend-grid{flex-basis:100%}
 html[data-cloud-control] body.cc-site .toolbar-links{margin-left:0;flex-basis:100%}
}
@media(max-width:960px){html[data-cloud-control] body.cc-enterprise>main{margin-left:0;width:100%;padding-inline:16px;box-sizing:border-box}}
@media(max-width:720px){
 html[data-cloud-control] body.cc-site .connected-toolbar>.link{order:0;flex:1 1 auto}
 html[data-cloud-control] body.cc-site .connected-toolbar>.range-chip{order:0;flex:0 0 auto}
 html[data-cloud-control] body.cc-site .connected-toolbar>.filter-control{order:1;flex:1 1 100%;min-width:0;width:100%;box-sizing:border-box;white-space:nowrap}
 html[data-cloud-control] body.cc-site .filter-control select{flex:1 1 auto;min-width:0;width:100%}
 html[data-cloud-control] body.cc-site .connected-toolbar>.toolbar-links{order:2}
 html[data-cloud-control] body.cc-site .kpi{min-width:0}
 html[data-cloud-control] body.cc-site .kpi strong{overflow-wrap:anywhere}
}
@media(max-width:400px){html[data-cloud-control] body.cc-site[data-space=company] .kpis{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){html[data-cloud-control] body.cc-site[data-space=company] .kpi:last-child strong{font-size:24px;overflow-wrap:normal}}

/* Reference: Cisco public OneCD shell and documented Canvas/Inventory screenshots. */
html[data-cloud-control]{--cc-radius-panel:16px;--cc-radius-inner:8px;--cc-radius-dialog:20px;--cc-radius-popover:12px;--cc-radius-tooltip:8px;--cc-motion-fast:100ms;--cc-motion-state:160ms;--cc-motion-panel:200ms;--cc-ease:cubic-bezier(.7,.3,.1,1);--cc-ease-layout:cubic-bezier(.645,.045,.355,1)}
html[data-cloud-control] body.cc-site,html[data-cloud-control] body.cc-portal[data-view=local]{background:radial-gradient(ellipse 90% 360px at 38% 110%,rgba(112,48,185,.34),transparent 80%),radial-gradient(ellipse 68% 300px at 85% 105%,rgba(72,86,187,.23),transparent 80%),linear-gradient(180deg,#0b0e14,#080b11)!important;background-attachment:fixed!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-cloud-control] body.cc-site :is(.card,.panel,.connected-panel,.defense-panel,.token-activity-panel,.application-endpoint,.path-side,.assurance-grid>.panel,.cc-studio-card,.cc-studio-feature,.assistant-card,.biz-surface,.company-group,.net-surface){border-radius:var(--cc-radius-panel);box-shadow:0 1px 3px #0002}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence,.token-time-contributor,.token-time-request,.digest-latency,.digest-spotlight){border-radius:var(--cc-radius-inner)}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){border-radius:var(--cc-radius-dialog);box-shadow:0 16px 64px #0009}
html[data-cloud-control] body.cc-site :is(.panel-heading,.defense-heading){gap:12px;align-items:center}
html[data-cloud-control] body.cc-site .panel-heading{padding:14px 16px}
html[data-cloud-control] body.cc-site :is(.panel-heading h2,.defense-heading h2,.allocation-heading h2){font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.1px}
html[data-cloud-control] body.cc-site :is(.card,.panel,.record,.inspect-kpi,.defense-stat,.experience-metric,.agent-card,.rank-amount,.token-summary,.token-activity-summary,.defense-ring-center,.inspect-row,.metric-comparison){font-variant-numeric:tabular-nums}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector-copy strong){font-size:9px;letter-spacing:0;line-height:14px}
html[data-cloud-control] body.cc-site :is(.token-time-tick,.token-y-axis,.token-timeline-legend,.defense-category,.rank-head,.experience-metric>span,.inspect-kpi>span){font-size:10px;line-height:15px}
html[data-cloud-control] body.cc-site .token-time-tick{font-size:9px}
html[data-cloud-control] body.cc-site :is(.metric-unit,.digest-meta,.visual-caption,.probe-time,.agent-observed){font-size:9px;line-height:14px}
html[data-cloud-control] body.cc-site .defense-ring{width:clamp(210px,16vw,250px);height:clamp(210px,16vw,250px);padding:19px;box-shadow:none;flex:0 0 auto}
html[data-cloud-control] body.cc-site .defense-ring-center{background:#14171e;border:0}
html[data-cloud-control] body.cc-site .defense-ring-center>strong{font-size:34px;font-weight:600;letter-spacing:-.8px}
html[data-cloud-control] body.cc-site .defense-ring-center>span{font-size:10px;color:#aeb4bf}
html[data-cloud-control] body.cc-site :is(.defense-category i,.rank-dot){border-radius:2px;width:7px;height:7px}
html[data-cloud-control] body.cc-site .defense-chart-legend{gap:5px}
html[data-cloud-control] body.cc-site .defense-category{padding:7px 5px;border-radius:5px}
html[data-cloud-control] body.cc-site .token-chart{background:none;isolation:isolate}
html[data-cloud-control] body.cc-site .token-chart:before{content:'';position:absolute;inset:0 0 24px;pointer-events:none;border-top:1px dashed #444b5966;border-bottom:1px solid #59617088;z-index:-1}
html[data-cloud-control] body.cc-site .token-chart:after{content:'';position:absolute;inset:0 0 24px;pointer-events:none;background:repeating-linear-gradient(90deg,#444b5966 0 3px,transparent 3px 6px) 0 50%/100% 1px no-repeat;z-index:-1}
html[data-cloud-control] body.cc-site .token-bucket-stack{left:2px;right:2px;border-radius:3px 3px 0 0}
html[data-cloud-control] body.cc-site :is(.token-bar-input,.token-bar-output){outline:none}
html[data-cloud-control] body.cc-site .token-bucket.off-hours{background:#9a76e20a}
html[data-cloud-control] body.cc-site .token-bucket:hover:not(:disabled){background:#ffffff06;border-color:transparent}
html[data-cloud-control] body.cc-site .token-bucket:is(:hover,:focus-visible) .token-bucket-stack{filter:brightness(1.16)}
html[data-cloud-control] body.cc-site :is(.comparison-rail,.bar-track,.usage-rail){border-radius:3px;overflow:hidden}
html[data-cloud-control] body.cc-site :is(.inspect-tab,.cc-studio-tabs button){border-radius:0;background:transparent!important;transition:color var(--cc-motion-state) ease,border-color var(--cc-motion-state) ease}
html[data-cloud-control] body.cc-site :is(.inspect-tab.active,.cc-studio-tabs button.active){border-bottom-color:#00c7f2;color:#f3f5f8}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.cc-global-link,.cc-launch-item,.provider-selector,.provider-badge,.segmented button,.defense-category,.defense-ranking-row,.rank,.record button,.token-time-request,.token-time-contributor,.signal-text-action,.cc-bridge-link,.cc-open-app,.cc-primary,.primary){transition:background-color var(--cc-motion-state) ease,border-color var(--cc-motion-state) ease,color var(--cc-motion-fast) ease,box-shadow var(--cc-motion-state) ease;transform:none}
html[data-cloud-control] body.cc-site :is(.assistant-card,.cc-studio-card,.card){transition:border-color var(--cc-motion-state) ease,box-shadow var(--cc-motion-state) ease;transform:none}
html[data-cloud-control] body.cc-site :is(.assistant-card,.cc-studio-card,.card):hover{transform:none;border-color:#656d7b;box-shadow:0 2px 8px #0003}
html[data-cloud-control] body.cc-site button:active:not(:disabled){filter:brightness(.94)}
html[data-cloud-control] body.cc-site .hop-node .hop-circle{transition:border-color var(--cc-motion-state) ease,box-shadow var(--cc-motion-state) ease,color var(--cc-motion-state) ease}
html[data-cloud-control] body.cc-site .hop-node:is(:hover,:focus-visible) .hop-circle{box-shadow:0 0 0 3px #ffffff0a}
html[data-cloud-control] body.cc-site .cc-launch-item{border-radius:8px}
html[data-cloud-control] body.cc-site .cc-studio-feature{padding:26px;gap:30px}
html[data-cloud-control] body.cc-site .cc-studio-intro>svg{width:27px;height:27px;padding:8px;margin-bottom:16px;border-radius:10px}
html[data-cloud-control] body.cc-site .cc-studio-intro h2{font-size:25px;margin-top:9px;letter-spacing:-.5px}
html[data-cloud-control] body.cc-site .cc-studio-intro .cc-open-app{margin-top:20px}
html[data-cloud-control] body.cc-site .cc-map-row{padding:12px 0}
html[data-cloud-control] body.cc-site .cc-journey-step{border-radius:10px}
/* Native dialog semantics remain authoritative. Modern browsers animate top-layer exit. */
@supports(transition-behavior:allow-discrete){
 html[data-cloud-control] body.cc-site dialog:not(.cc-chart-tooltip){opacity:0;transform:translateY(6px) scale(.992);transition:opacity var(--cc-motion-panel) ease,transform var(--cc-motion-panel) var(--cc-ease),display var(--cc-motion-panel) allow-discrete,overlay var(--cc-motion-panel) allow-discrete}
 html[data-cloud-control] body.cc-site dialog[open]:not(.cc-chart-tooltip){opacity:1;transform:none}
 html[data-cloud-control] body.cc-site dialog::backdrop{opacity:0;transition:opacity var(--cc-motion-panel) ease,display var(--cc-motion-panel) allow-discrete,overlay var(--cc-motion-panel) allow-discrete}
 html[data-cloud-control] body.cc-site dialog[open]::backdrop{opacity:1}
 @starting-style{
  html[data-cloud-control] body.cc-site dialog[open]:not(.cc-chart-tooltip){opacity:0;transform:translateY(6px) scale(.992)}
  html[data-cloud-control] body.cc-site dialog[open]::backdrop{opacity:0}
 }
}
html[data-cloud-control] body.cc-site .cc-app-launcher{transform:none!important}
html[data-cloud-control] body.cc-site :is(#welcome,#business-panel,#network-panel,#defense-panel,#lessons-panel,#gcp-panel,#aws-panel,#chat):not([hidden]){animation:cc-view-enter var(--cc-motion-panel) var(--cc-ease) both}
@keyframes cc-view-enter{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
.cc-site .cc-chart-tooltip{position:fixed;inset:auto;z-index:130;margin:0;padding:10px 12px;max-width:min(280px,calc(100vw - 24px));border:1px solid #505764;border-radius:var(--cc-radius-tooltip,8px);background:#20242c;color:#ecf0f5;box-shadow:0 6px 20px #0006;pointer-events:none;font-family:var(--cc-font);font-size:11px;line-height:1.5;text-align:left;font-variant-numeric:tabular-nums;box-sizing:border-box}
.cc-chart-tooltip>strong{display:block;font-size:11px;font-weight:600;color:#f3f5f8}.cc-chart-tooltip>span{display:block;font-size:10px;color:#bbc1c9;margin-top:3px}
.cc-site .cc-chart-tooltip:popover-open{animation:cc-tooltip-enter var(--cc-motion-fast) ease-out both}
@keyframes cc-tooltip-enter{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
.cc-site *{scrollbar-width:thin;scrollbar-color:#4c535f transparent}
.cc-site ::-webkit-scrollbar{width:7px;height:7px}.cc-site ::-webkit-scrollbar-thumb{background:#4c535f;border:2px solid transparent;border-radius:8px;background-clip:padding-box}.cc-site ::-webkit-scrollbar-track{background:transparent}
@media(max-width:960px){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-site>aside.cc-app-sidebar,html[data-cloud-control] body.cc-admin #workspace>aside{left:0!important;transform:translateX(-100%);transition:transform var(--cc-motion-panel) var(--cc-ease)!important;will-change:auto}
 html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav>aside.cc-app-sidebar,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{transform:translateX(0);transition:transform var(--cc-motion-panel) var(--cc-ease)!important}
}
@media(max-width:720px){html[data-cloud-control] body.cc-site .cc-studio-feature{padding:22px;gap:22px}html[data-cloud-control] body.cc-site .defense-ring{width:210px;height:210px;padding:17px}html[data-cloud-control] body.cc-site .defense-ring-center>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){
 html[data-cloud-control] body.cc-site *,html[data-cloud-control] body.cc-site *:before,html[data-cloud-control] body.cc-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-cloud-control] body.cc-site dialog[open]{opacity:1!important;transform:none!important}
}
html[data-cloud-control] body.cc-site dialog:not([open]){pointer-events:none}
@media(prefers-reduced-motion:reduce){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-site>aside.cc-app-sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav>aside.cc-app-sidebar,html[data-cloud-control] body.cc-admin #workspace>aside,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{transition:none!important}
}

/* Centered Northstar sign-on; existing local authentication remains authoritative. */
html[data-cloud-control] body.cc-portal:has(>.signin-centered:not([hidden])){padding-top:0!important;min-height:100dvh;overflow-y:auto}
html[data-cloud-control] body.cc-portal:has(>.signin-centered:not([hidden]))>.cc-header{display:none}
html[data-cloud-control] body.cc-portal .signin-centered{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;padding:clamp(44px,8vh,88px) 24px 32px;background:radial-gradient(ellipse 75% 36% at 50% 110%,#57329826,transparent 85%),#0b0e14;color:#edf0f5;isolation:isolate}
html[data-cloud-control] body.cc-portal .signin-brand{display:flex;align-items:center;gap:9px;color:#aeb3bf;font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:28px}
html[data-cloud-control] body.cc-portal .signin-brand svg{width:29px;height:29px;flex-shrink:0}
html[data-cloud-control] body.cc-portal .signin-context{margin:30px 0 0;text-align:center;font-size:11px;font-weight:600;letter-spacing:1px;line-height:18px;text-transform:uppercase;color:#a9afbb}
html[data-cloud-control] body.cc-portal .signin-centered .login-main{display:block;width:100%;max-width:440px;padding:0;margin:clamp(52px,9vh,96px) 0 0;background:none;border:0}
html[data-cloud-control] body.cc-portal .signin-centered .login-box{width:100%;max-width:none}
html[data-cloud-control] body.cc-portal .signin-centered h1{margin:0;text-align:center;font-size:clamp(28px,3vw,36px);line-height:1.2;font-weight:600;letter-spacing:-1px;color:#f0f2f7}
html[data-cloud-control] body.cc-portal .signin-centered form{margin-top:44px}
html[data-cloud-control] body.cc-portal .signin-centered label{display:block;font-size:13px;font-weight:600;line-height:20px;margin-bottom:10px;color:#e1e5ed}
html[data-cloud-control] body.cc-portal .signin-centered .password-field{min-height:48px;background:#191c23;border:1px solid #5b626f;border-radius:6px;transition:border-color 160ms ease,box-shadow 160ms ease}
html[data-cloud-control] body.cc-portal .signin-centered .password-field:focus-within{border-color:#649eff;box-shadow:0 0 0 2px #649eff35}
html[data-cloud-control] body.cc-portal .signin-centered .password-field input{min-height:46px;padding:12px 14px;color:#f0f2f7;font-size:15px;line-height:22px;outline:none;box-shadow:none;background:transparent;border-radius:6px;caret-color:#8bb7ff}
html[data-cloud-control] body.cc-portal .signin-centered .password-field input:-webkit-autofill{-webkit-text-fill-color:#f0f2f7;box-shadow:0 0 0 100px #191c23 inset}
html[data-cloud-control] body.cc-portal .signin-centered #reveal{padding:0 14px;min-width:60px;color:#9ac1ff;font-size:12px;line-height:20px;border-radius:0 5px 5px 0;box-shadow:none;transition:color 100ms ease,background-color 160ms ease}
html[data-cloud-control] body.cc-portal .signin-centered #reveal:hover{background:#ffffff08;color:#c4daff}
html[data-cloud-control] body.cc-portal .signin-centered #reveal:focus-visible{outline:2px solid #8bb7ff;outline-offset:-5px}
html[data-cloud-control] body.cc-portal .signin-centered #login-form .login-submit{display:flex;justify-content:center;align-items:center;min-height:46px;width:100%;margin:30px 0 0;padding:11px 16px;border:1px solid #649eff;border-radius:6px;background:#649eff;color:#081426;font-size:14px;line-height:22px;font-weight:600;box-shadow:none;transition:background-color 160ms ease,border-color 160ms ease}
html[data-cloud-control] body.cc-portal .signin-centered #login-form .login-submit:hover{background:#83b1ff;border-color:#83b1ff;box-shadow:none;transform:none}
html[data-cloud-control] body.cc-portal .signin-centered #login-form .login-submit:disabled{opacity:.65}
html[data-cloud-control] body.cc-portal .signin-centered .error{margin:14px 0 0;padding:10px 12px;border:1px solid #ff809144;border-radius:6px;background:#ff637a0d;font-size:12px;line-height:20px;color:#ff9baa;overflow-wrap:anywhere}
html[data-cloud-control] body.cc-portal .signin-centered .error:empty{display:none}
html[data-cloud-control] body.cc-portal .signin-footer{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:auto;padding-top:72px;color:#858d9d;font-size:11px;line-height:18px;text-align:center}
@media(max-width:600px){html[data-cloud-control] body.cc-portal .signin-centered{padding:44px 24px 24px}html[data-cloud-control] body.cc-portal .signin-centered .login-main{margin-top:56px}html[data-cloud-control] body.cc-portal .signin-context{font-size:10px;letter-spacing:.8px;margin-top:24px}html[data-cloud-control] body.cc-portal .signin-centered form{margin-top:34px}html[data-cloud-control] body.cc-portal .signin-centered .password-field input{font-size:16px}html[data-cloud-control] body.cc-portal .signin-footer{padding-top:60px}}
@media(max-height:650px) and (min-width:601px){html[data-cloud-control] body.cc-portal .signin-centered{padding-top:30px;padding-bottom:24px}html[data-cloud-control] body.cc-portal .signin-context{margin-top:18px}html[data-cloud-control] body.cc-portal .signin-centered .login-main{margin-top:36px}html[data-cloud-control] body.cc-portal .signin-centered form{margin-top:28px}html[data-cloud-control] body.cc-portal .signin-footer{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html[data-cloud-control] body.cc-portal .signin-centered :is(.password-field,#reveal,.login-submit){transition:none!important}}

/* Reference-led Cloud Control layout. Shared controls, surfaces and screen geometry. */
html[data-cloud-control]{--cc-bg:#0b1016;--cc-surface:#14181f;--cc-raised:#20242c;--cc-line:#303640;--cc-text:#e4e8ee;--cc-muted:#a6adb8;--cc-side:232px;--cc-radius-panel:12px}
html[data-cloud-control] body.cc-site{color:#e4e8ee;--panel:#14181f;--bg:#0b1016;--surface:#0b1016;--line:#303640;--border:#303640;background:radial-gradient(ellipse 85% 520px at 42% 120%,#4c267fbb,transparent 80%),radial-gradient(ellipse 75% 460px at 80% 115%,#33458477,transparent 80%),#0b1016!important;background-attachment:fixed!important;font-size:12px}
html[data-cloud-control] body.cc-site .cc-header{background:#1b1e26!important;border-bottom:1px solid #ffffff09;box-shadow:none;gap:12px}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{background:#ffffff03;border-color:#ffffff0c;height:29px;padding:4px 9px;border-radius:6px;font-size:11px}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{background:linear-gradient(#1b2028,#1b2028) padding-box,linear-gradient(110deg,#00bceb,#b079dd) border-box;border-color:transparent}
.cc-header .cc-utilities{gap:10px}.cc-header .cc-utility-link svg{color:#11bde6}.cc-header .cc-utility-link.cc-canvas-link svg{fill:#00bce744;stroke:#16bcef}
html[data-cloud-control] body.cc-site :is(#sidebar,aside.cc-app-sidebar){border-right:0!important;background:transparent!important;padding-top:16px}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.shell-route){border-radius:5px;min-height:32px;padding:7px 11px;margin:3px 0;color:#b9c0cb}
html[data-cloud-control] body.cc-site :is(.cc-side-link.active,.shell-route.active){background:#ffffff0b;border-left-color:#00bceb}
html[data-cloud-control] body.cc-site :is(.card,.panel,.connected-panel,.defense-panel,.token-activity-panel,.cc-studio-card,.assistant-card,.biz-surface,.net-surface,.company-group,.app-card,.test-card){background:#11161de6;border:1px solid #ffffff10;border-radius:12px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.kpi,.perf-stat,.biz-metrics article,.defense-stat,.net-stat){background:#191e26;border:1px solid #ffffff08;border-radius:7px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.apm-digest,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence){background:#151a22;border:1px solid #ffffff10;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.panel-heading,.defense-heading,.endpoint-title,.path-overview){background:transparent;border-color:#ffffff10}
html[data-cloud-control] body.cc-site :is(h1,h2,h3){color:#e0e5ec;font-weight:600}
html[data-cloud-control] body.cc-site :is(th,.biz-table th,.studio-table th){background:transparent;font-size:11px;border-bottom-color:#8b929d;font-weight:600}
html[data-cloud-control] body.cc-site :is(td,.biz-table td,.studio-table td){border-color:#ffffff18;font-size:11px;padding:9px 10px}
html[data-cloud-control] body.cc-site :is(.provider-legend,.cc-source-legend){background:transparent;border-color:#ffffff0b}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){background:#171c24;border-color:#424b58;border-radius:16px;box-shadow:0 18px 70px #0006}
html[data-cloud-control] body.cc-site .inspect-head{background:transparent;border-bottom-color:#ffffff14}
html[data-cloud-control] body.cc-site .inspect-context{background:#ffffff03}
html[data-cloud-control] body.cc-site :is(.provider-selector,.source-badge,.inspect-source){border-radius:20px;font-size:9px}
html[data-cloud-control] body.cc-site :is(.application-endpoint,.path-side){background:#11161de6;border-width:1px!important;border-radius:12px}
html[data-cloud-control] body.cc-site .defense-stats{gap:16px}.cc-site .experience-strip{background:transparent!important;border-color:#ffffff12!important;border-radius:12px!important}.cc-site .experience-group{padding:13px!important}
.cc-site .panel-note{font-size:10px;line-height:1.5}.cc-site .panel-heading h2{font-size:14px}.cc-site .defense-ring-center{background:#11161d!important}
/* Home is an assistant workspace, not a promotional landing page. */
html[data-cloud-control] body.cc-assistant-home #workspace{grid-template-columns:310px minmax(0,1fr)}
html[data-cloud-control] body.cc-assistant-home #sidebar{width:310px;padding:16px 10px 12px!important;overflow:hidden}
html[data-cloud-control] body.cc-assistant-home #sidebar>:not(.cc-home-rail){display:none!important}
html[data-cloud-control] body.cc-assistant-home #sidebar>.cc-home-rail{display:flex!important;height:100%;flex-direction:column;gap:12px}
.cc-home-modes{display:flex;align-items:center;gap:3px;padding:5px;background:#181d24;border-radius:9px;flex:none;min-height:40px}
.cc-home-modes a{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;font-size:10px;border-radius:5px;flex:1;text-decoration:none;color:#bec6d1}.cc-home-modes a:first-child{background:#30353e;color:#edf0f6}.cc-home-modes svg{width:13px;height:13px;color:#00bceb}
.cc-home-history{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:linear-gradient(170deg,#181e25,#191d27dd);border:1px solid #ffffff03;border-radius:10px;padding:22px 18px}
.cc-home-history h2{font-size:14px!important;margin:0 0 25px}.cc-home-history a{display:flex;align-items:center;gap:10px;color:#d3d9e2;font-size:11px;text-decoration:none;min-height:34px;border-radius:5px}.cc-home-history a:hover{background:#ffffff07}.cc-home-history svg{width:15px;height:15px;color:#9ca7b6}
.cc-home-history input{width:100%;min-height:32px;padding:7px 10px;background:#111820;border:1px solid #657080;border-radius:4px;color:#dce2ed;font:inherit;font-size:11px;margin:12px 0}
.cc-home-boards{flex:1;min-height:0;overflow:auto}.cc-home-boards p{font-size:10px;color:#9da7b7;margin:12px 0}.cc-home-boards .cc-history-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 5px}
.cc-home-shortcuts{border-top:1px solid #ffffff12;margin-top:18px;padding-top:14px}.cc-home-shortcuts a{font-size:10px}
html[data-cloud-control] body.cc-assistant-home .topbar,html[data-cloud-control] body.cc-assistant-home .bottom-bar{display:none!important}
html[data-cloud-control] body.cc-assistant-home #main{padding:0 30px!important;display:flex;min-height:0}
html[data-cloud-control] body.cc-assistant-home #welcome{width:100%;display:flex;align-items:center;justify-content:center;max-width:none;padding:0!important}
html[data-cloud-control] body.cc-assistant-home .cc-control-home{width:min(680px,100%);max-width:680px;margin:0 auto;padding:40px 0 70px;text-align:center}
html[data-cloud-control] body.cc-assistant-home .cc-control-home h1{font-size:30px;line-height:1.25;letter-spacing:-.5px;font-weight:400;margin:0 0 12px;white-space:normal}
.cc-control-home>p{font-size:12px!important;color:#b0b7c3!important;margin-bottom:30px!important}
.cc-home-compose{text-align:left;border:1px solid #7b8492;border-radius:14px;background:#141b24;padding:12px;margin:0 0 14px}
.cc-home-compose textarea{display:block;width:100%;padding:0 2px;border:0!important;background:transparent!important;color:#e3e8f1;resize:none;font-size:12px;min-height:48px;outline:0}
.cc-home-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.cc-home-compose-foot span{font-size:10px;color:#8d9bad}.cc-home-compose-foot button{width:28px;min-height:28px;padding:2px!important;font-size:17px!important}
.cc-home-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-home-prompts button{min-height:56px;text-align:left;border:1px solid #ffffff26;border-radius:4px;background:#10161c66;color:#bfc7d3;padding:9px 10px;font-size:10px;line-height:1.5}.cc-home-prompts button:hover{border-color:#7895c4;background:#ffffff07}
.cc-home-context{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.cc-home-context a{display:flex;gap:6px;align-items:center;color:#72aaff;font-size:10px;text-decoration:none}.cc-home-context svg{width:13px;height:13px}
/* Studio: short page chrome, build stage, and a searchable catalog. */
html[data-cloud-control] body.cc-studio-page .topbar{display:none!important}.cc-studio-page .cc-studio-apps{padding-top:16px!important}.cc-studio-page .cc-studio-heading{margin-bottom:16px}.cc-studio-heading h1{font-size:21px!important}.cc-studio-page .cc-studio-tabs{margin-bottom:0;gap:24px}
.cc-build-hero{height:350px;position:relative;display:flex;align-items:flex-end;padding-bottom:28px;overflow:hidden}.cc-build-wave{position:absolute;inset:0 -4% 0 20%;display:flex;align-items:center;pointer-events:none}.cc-build-wave svg{width:100%;height:auto}.cc-build-hero h2{position:relative;font-size:36px!important;line-height:1.25!important;margin:0;letter-spacing:-.8px!important}.cc-build-hero h2>span{background:linear-gradient(90deg,#ff78b3,#a5a0ff,#00c7d4);background-clip:text;color:transparent}
.cc-build-choices{display:grid;grid-template-columns:repeat(2,290px);gap:14px;max-width:100%;margin-bottom:60px}.cc-build-choice{padding:18px 14px 12px;border:1px solid #48515e;border-radius:14px;background:#131921aa;display:flex;flex-direction:column;align-items:start;min-height:155px}.cc-build-choice h3{display:flex;align-items:center;gap:10px;font-size:14px!important;margin:0 0 20px}.cc-build-choice svg{width:28px;height:28px;color:#a18fff;border:1px solid #40466a;border-radius:9px;padding:5px}.cc-build-choice p{font-size:11px;color:#aeb7c5;line-height:1.5;margin:0 0 8px}.cc-build-choice button{margin-top:auto;align-self:end;font-size:10px!important}
.cc-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}.cc-catalog-head h2{font-size:17px!important}.cc-catalog-head input{width:240px;max-width:60%;font:inherit;background:#131a22;border:1px solid #647080;border-radius:4px;padding:8px 12px;color:#dde4ee}
html[data-cloud-control] body.cc-site .cc-studio-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.cc-studio-grid .cc-studio-card{padding:18px!important;min-height:200px!important;border-radius:12px!important;background:#121921!important;display:flex;flex-direction:column;align-items:start}
.cc-catalog-card-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.cc-catalog-card-head svg{width:25px;height:25px;color:#1bc5e4}.cc-app-category{font-size:9px;background:#292e3c;padding:2px 7px;border-radius:10px;color:#c4ceff}.cc-category-fso{background:#164c65;color:#65ddff}.cc-category-security,.cc-category-policy{background:#41315b;color:#d8b7ff}.cc-category-spaces{background:#254a32;color:#9ee68c}
.cc-studio-card h3{font-size:14px!important;margin:18px 0 8px!important}.cc-studio-card p{font-size:11px!important;line-height:1.6;flex:1;color:#aeb8c6}.cc-studio-card .cc-open-app{align-self:end;margin-top:18px!important;font-size:10px!important;padding:5px 9px!important}.cc-company-bridge{margin-top:35px!important;border-color:#ffffff16!important;padding:18px 0!important}
/* Operational apps use a common, compact content hierarchy. */
html[data-cloud-control] body.cc-workplace:not(.cc-canvas-page) .wp-heading{padding:14px 0 18px}.cc-workplace .wp-eyebrow{display:none}.cc-workplace .wp-heading h1{font-size:22px!important;margin:0 0 8px}.cc-workplace .wp-heading p{font-size:11px}.cc-workplace .wp-view-tabs{margin-bottom:16px}.cc-workplace .wp-filterbar{gap:10px}.cc-workplace .wp-filterbar label{font-size:10px;flex-direction:column;align-items:stretch;gap:5px}.cc-workplace:not(.cc-canvas-page) .wp-filterbar label:has(#token-day),.cc-workplace:not(.cc-canvas-page) .wp-filterbar label:has(#token-minutes){display:none}.cc-workplace .wp-source-strip{background:transparent;border:0;padding:0;margin:3px 0 18px;gap:10px}.cc-workplace .wp-source-strip button{border:0;padding:2px 1px;min-height:22px;font-size:9px}.cc-workplace .wp-summary{gap:12px;margin-bottom:24px}.cc-workplace .wp-summary>div{background:#151b23;border:1px solid #ffffff0b;border-radius:6px;padding:13px}.cc-workplace .wp-summary strong{font-size:26px;font-weight:600;margin:0}.cc-workplace .wp-summary small{font-size:9px}
html[data-cloud-control] body.cc-workplace .wp-evidence{background:#0e151de8;border:1px solid #ffffff13;border-radius:12px;box-shadow:none}
.cc-workplace .wp-card-head{padding:16px 16px 10px}.cc-workplace .wp-card-head h3{font-size:12px!important;margin-bottom:5px}.cc-workplace .wp-source{font-size:8px;border:0;background:#333c48;color:#d0d8e5;border-radius:6px;padding:1px 5px}.cc-workplace .wp-source::before{content:'';width:4px;height:4px;background:var(--source-color);border-radius:50%}.cc-workplace .wp-age{font-size:8px;padding:2px 5px;border-radius:8px;background:#ffffff06}.cc-workplace .wp-card-body{min-height:0;padding:3px 16px 12px}.cc-workplace .wp-card-metrics{gap:18px;padding:7px 0 14px}.cc-workplace .wp-card-metrics strong{font-size:24px}.cc-workplace .wp-card-metrics label{font-size:10px}.cc-workplace .wp-card-foot{border:0;padding:3px 12px 9px;min-height:28px;gap:8px}.cc-workplace .wp-card-foot button{color:#9ba8bb;font-size:9px}.cc-workplace .wp-card-foot .wp-details{color:#76b2ff}.cc-workplace .wp-card-actions button{min-width:25px}.cc-workplace .wp-table th{background:transparent;color:#d7dfe9;font-size:9px;padding:7px 6px;border-bottom-color:#77818f}.cc-workplace .wp-table td{padding:8px 6px;font-size:10px;border-bottom-color:#ffffff16}.cc-workplace .wp-awaiting{min-height:62px;font-size:10px}.cc-workplace .wp-category{gap:24px}.cc-workplace .wp-ring{width:150px;height:150px;padding:18px}.cc-workplace .wp-ring>div{background:#0e151d}.cc-workplace .wp-ring strong{font-size:27px}.cc-workplace .wp-timechart{height:155px;margin-top:10px}.cc-workplace .wp-timechart .wp-bar{border-radius:2px 2px 0 0}.cc-workplace .wp-event-list{max-height:280px}.cc-workplace .wp-event{padding:8px 0}.cc-workplace .wp-chart-drawing circle{transition:r 100ms ease}.cc-workplace .wp-chart-drawing circle:hover,.cc-workplace .wp-chart-drawing circle:focus{r:5}.cc-workplace .wp-trend select{max-width:280px;font-size:9px;min-height:28px;padding:4px 8px}
/* Canvas has its own chrome: a left assistant and an open board surface. */
html[data-cloud-control] body.cc-canvas-page{background:radial-gradient(ellipse 90% 480px at 60% 116%,#492783bb,transparent 80%),radial-gradient(ellipse 70% 420px at 85% 108%,#30438066,transparent 80%),radial-gradient(circle,#7a8fa50e .8px,transparent 1px) 0 0/20px 20px,#0b1016!important}
html[data-cloud-control] body.cc-canvas-page>main{margin:0!important;width:100%!important;padding:0 12px!important;min-height:calc(100dvh - 46px)!important}
.cc-canvas-page .wp-pagebar,.cc-canvas-page .wp-heading,.cc-canvas-page .wp-view-tabs{display:none!important}.cc-canvas-page #canvas-view{height:calc(100dvh - 46px);display:flex;flex-direction:column;min-height:0;padding:12px 0}
.cc-canvas-page .wp-canvas-toolbar{flex:none;gap:7px;display:flex;margin:0 0 12px;min-height:36px;align-items:center}.cc-canvas-page .wp-canvas-toolbar button,.cc-canvas-page .wp-canvas-toolbar select{font-size:10px;min-height:29px;padding:4px 8px}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:220px;max-width:28vw;font-size:12px;font-weight:600;border-color:transparent;order:1}.cc-canvas-page .wp-canvas-toolbar #saved-boards{max-width:135px;order:2}.cc-canvas-page .wp-canvas-toolbar #new-board{order:3}.cc-canvas-page .wp-canvas-toolbar #save-board{order:4;background:#649eff;border-color:#649eff;color:#091626}.cc-canvas-page .wp-canvas-toolbar #delete-board{order:5}.cc-canvas-page .wp-canvas-toolbar #mapping-open{order:6}.cc-canvas-page .wp-canvas-toolbar #library-open{order:7;margin-left:0}.cc-canvas-page .wp-canvas-toolbar #scope-open{order:8}.cc-canvas-page .wp-canvas-toolbar #connections-open{order:9}.cc-canvas-page .wp-canvas-toolbar #refresh{order:10}.cc-canvas-page .wp-canvas-toolbar #saved-state{order:11;font-size:8px}
.wp-canvas-modes{display:flex;align-items:center;gap:3px;border-radius:8px;padding:4px;background:#171e27;margin-right:auto;min-width:300px}.wp-canvas-modes button,.wp-canvas-modes span{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:7px 10px;font-size:10px;min-height:28px;border-radius:5px;color:#bbc4d1}.wp-canvas-modes .active{background:#293447;color:#e8eef6}.cc-canvas-page .wp-canvas-layout{flex:1;min-height:0;grid-template-columns:var(--assistant-width,320px) minmax(0,1fr);gap:22px}
.cc-canvas-page .wp-canvas-layout>.wp-assistant{position:static;top:auto;height:100%;min-height:0;max-height:none;border:1px solid #ffffff06;border-radius:10px;background:linear-gradient(170deg,#171e27,#101721);padding:14px;overflow:hidden;box-shadow:0 3px 8px #0004}
.cc-canvas-page .wp-assistant-heading{padding-bottom:11px;margin-bottom:9px;border-bottom:1px solid #ffffff18}.cc-canvas-page .wp-assistant-heading h2{font-size:12px!important}.cc-canvas-page .wp-prompt-starters{margin-top:0;gap:4px}.cc-canvas-page .wp-prompt-starters button{font-size:10px;border:0;background:transparent;padding:6px 4px;color:#9caac0;min-height:26px}.cc-canvas-page .wp-answer{overflow:auto;min-height:80px;margin:10px 0 16px;padding:0 5px;font-size:12px;line-height:1.7}.cc-canvas-page .wp-answer-empty{padding:45px 0 12px}.cc-canvas-page .wp-answer-empty p{font-size:10px}.cc-canvas-page .wp-assistant form{flex:none;background:#171f2b;border-color:#788392;border-radius:12px}.cc-canvas-page .wp-assistant form label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.cc-canvas-page .wp-assistant textarea{font-size:11px;min-height:65px;max-height:140px;padding:12px}.cc-canvas-page .wp-compose-footer{padding:6px 9px}.cc-canvas-page .wp-compose-footer button{font-size:10px;min-height:26px}.cc-canvas-page .wp-compose-footer>span{font-size:8px}.cc-canvas-page .wp-ai-note{font-size:8px;margin-top:7px}
.cc-canvas-page .wp-board{height:100%;overflow:auto;scrollbar-gutter:stable;min-width:0;padding:16px 24px 24px 0}.cc-canvas-page .wp-board-heading{margin:0 0 18px}.cc-canvas-page .wp-board-heading h2{font-size:11px;color:#a7b4c7}.cc-canvas-page #canvas-grid{display:block;columns:2;column-gap:20px}.cc-canvas-page #canvas-grid>.wp-evidence{display:inline-block;width:100%;break-inside:avoid;margin:0 0 18px;vertical-align:top}.cc-canvas-page #canvas-grid>.wp-evidence[data-span="2"]{column-span:all;display:block}.cc-canvas-page .wp-board .wp-card-metrics strong{font-size:22px}.cc-canvas-page .wp-card-head{padding:16px 16px 10px}.cc-canvas-page .wp-card-body{padding-bottom:14px}.cc-canvas-page .wp-card-foot{opacity:.6;transition:opacity 160ms ease}.cc-canvas-page .wp-evidence:hover .wp-card-foot,.cc-canvas-page .wp-evidence:focus-within .wp-card-foot{opacity:1}.cc-canvas-page .wp-board .wp-ring{width:145px;height:145px;padding:17px}.cc-canvas-page .wp-grid .wp-table-wrap{max-height:240px}
.cc-workplace .wp-scope-dialog .wp-filterbar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cc-workplace .wp-scope-dialog .wp-filterbar label{min-width:0;display:flex;flex-direction:column;align-items:stretch}.cc-workplace .wp-scope-dialog select{max-width:none;width:100%}.cc-workplace .wp-scope-dialog .wp-source-strip{margin-top:18px;gap:14px}.wp-scope-options{padding-top:14px;border-top:1px solid #ffffff18}.wp-scope-options label{display:flex;align-items:center;gap:8px;color:#b4bece;font-size:11px}.wp-scope-options input{min-height:0}
@media(min-width:961px){html[data-cloud-control] body.cc-canvas-page>aside{display:none!important}.cc-canvas-page.cc-nav-collapsed .wp-assistant{display:none!important}.cc-canvas-page.cc-nav-collapsed .wp-canvas-layout{grid-template-columns:1fr}.cc-studio-page #workspace{grid-template-columns:1fr}.cc-studio-page #sidebar{display:none!important}.cc-studio-page #main{padding:0 20px 35px}.cc-studio-page.cc-nav-collapsed #sidebar{display:flex!important}.cc-assistant-home.cc-nav-collapsed #workspace{grid-template-columns:1fr}.cc-assistant-home.cc-nav-collapsed #sidebar{display:none!important}}
@media(max-width:1600px){.cc-canvas-page .wp-canvas-toolbar #saved-state{display:none}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:180px}.cc-canvas-page .wp-canvas-toolbar #saved-boards{max-width:112px}.cc-canvas-page .wp-canvas-toolbar #mapping-open{font-size:9px}.cc-canvas-page .wp-board{padding-right:12px}}
@media(max-width:1450px){.cc-header .cc-utilities .cc-space-switch{display:none!important}.wp-canvas-modes{min-width:270px}.cc-canvas-page .wp-canvas-toolbar{gap:5px}.cc-canvas-page .wp-canvas-toolbar #delete-board{display:none}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:170px}.cc-canvas-page .wp-canvas-toolbar #refresh{font-size:0;width:29px}.cc-canvas-page .wp-canvas-toolbar #refresh:before{content:'↻';font-size:14px}.cc-canvas-page #canvas-grid{columns:2}}
@media(max-width:1200px){.cc-header .cc-global-link[data-cc-route=studio]{display:none}.cc-canvas-page .wp-canvas-toolbar{flex-wrap:wrap}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:190px;max-width:35vw}.wp-canvas-modes{width:100%;max-width:300px;min-width:0;margin-right:5px}.cc-canvas-page #canvas-grid{columns:1}.cc-canvas-page .wp-canvas-layout{gap:14px}.cc-workplace .wp-filterbar select{min-width:125px}}
@media(max-width:960px){html[data-cloud-control] body.cc-assistant-home #workspace{grid-template-columns:minmax(0,1fr)}.cc-assistant-home #sidebar{width:290px!important}.cc-assistant-home .main-shell{height:calc(100dvh - 46px)}.cc-header .cc-utilities .cc-assistant-link{display:none}.cc-header .cc-utilities .cc-canvas-link .cc-link-label{display:none}.cc-canvas-page .wp-canvas-layout{display:grid;grid-template-columns:270px minmax(0,1fr)}.cc-canvas-page .wp-board{padding:8px 0 20px}.cc-canvas-page .wp-canvas-toolbar #connections-open{margin-left:auto}.cc-site .cc-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cc-build-hero{height:300px}.cc-build-hero h2{font-size:30px!important}.cc-build-choices{grid-template-columns:repeat(2,minmax(0,290px))}.cc-workplace .wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){html[data-cloud-control] body.cc-assistant-home #main{padding:0 18px!important}.cc-assistant-home .cc-control-home{padding:50px 0!important}.cc-assistant-home .cc-control-home h1{font-size:25px!important}.cc-home-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-home-context{gap:12px}.cc-home-context a{font-size:9px}.cc-header .cc-utilities{gap:3px}.cc-header .cc-org{display:none!important}.cc-header .cc-canvas-link{padding:4px!important}.cc-canvas-page #canvas-view{height:auto;min-height:calc(100dvh - 46px)}.cc-canvas-page .wp-canvas-toolbar{gap:7px;margin-bottom:14px}.wp-canvas-modes{width:100%;max-width:none;margin:0;justify-content:center}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:100%;max-width:none;flex:1;min-width:180px}.cc-canvas-page .wp-canvas-toolbar #saved-boards{max-width:140px}.cc-canvas-page .wp-canvas-toolbar #mapping-open{font-size:10px}.cc-canvas-page .wp-canvas-toolbar #connections-open{margin-left:0}.cc-canvas-page .wp-canvas-layout{grid-template-columns:minmax(0,1fr);display:grid;gap:20px;min-height:0}.cc-canvas-page .wp-canvas-layout>.wp-assistant{height:430px;min-height:0}.cc-canvas-page .wp-prompt-starters{flex-direction:column}.cc-canvas-page .wp-prompt-starters button{min-width:0}.cc-canvas-page .wp-answer-empty{padding:15px 0}.cc-canvas-page .wp-answer{margin:5px 0 12px}.cc-canvas-page .wp-board{height:auto;overflow:visible;padding:0 0 25px}.cc-canvas-page #canvas-grid{columns:1}.cc-canvas-page .wp-card-foot{opacity:1}.cc-workplace .wp-grid{grid-template-columns:minmax(0,1fr)}.cc-workplace .wp-category{gap:16px}.cc-site .cc-studio-grid{grid-template-columns:1fr!important}.cc-build-hero{height:260px}.cc-build-wave{inset:0 -40% 20px 0}.cc-build-hero h2{font-size:28px!important;max-width:300px}.cc-build-choices{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.cc-build-choice{min-height:140px}.cc-studio-page .cc-company-bridge{margin-top:20px!important}.cc-workplace .wp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-workplace .wp-scope-dialog .wp-filterbar{grid-template-columns:1fr}.cc-workplace .wp-summary strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cc-site *,.cc-site *:before,.cc-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-cloud-control] body.cc-site.cc-portal.cc-assistant-home[data-space=control] #sidebar>.cc-home-rail{display:flex!important}
html[data-cloud-control] body.cc-assistant-home #welcome{min-height:calc(100dvh - 46px);height:100%;display:grid!important;place-items:center}
html[data-cloud-control] body.cc-assistant-home #main{height:100%;min-height:calc(100dvh - 46px)}
.cc-canvas-page .wp-canvas-toolbar #delete-board,.cc-canvas-page .wp-canvas-toolbar #mapping-open,.cc-canvas-page .wp-canvas-toolbar #saved-state{display:block!important;order:initial}
.wp-board-menu{position:relative;order:12}.wp-board-menu>summary{list-style:none;cursor:pointer;border:1px solid #414956;border-radius:5px;min-width:29px;min-height:29px;display:grid;place-items:center;font-size:16px;line-height:1}.wp-board-menu>summary::-webkit-details-marker{display:none}.wp-board-menu>div{position:absolute;right:0;top:36px;z-index:35;min-width:170px;background:#1b222d;border:1px solid #495363;border-radius:8px;box-shadow:0 8px 25px #0005;padding:6px;display:flex;flex-direction:column;gap:5px}.wp-board-menu button{display:block;width:100%;text-align:left;border:0!important;background:transparent!important;color:#d2dce9!important}.wp-board-menu #saved-state{padding:7px;font-size:9px!important;color:#a8b4c6}.cc-canvas-page .wp-canvas-modes #library-open{order:initial;margin:0;font-size:10px;background:transparent;border:0;padding:7px 10px}.cc-canvas-page .wp-canvas-modes{min-width:0;width:400px;max-width:400px;justify-content:flex-start;flex:none}
@media(max-width:1600px){.cc-canvas-page .wp-canvas-modes{width:330px;max-width:330px}}
@media(max-width:1200px){.cc-canvas-page .wp-canvas-modes{width:280px;max-width:280px}}
@media(max-width:720px){.cc-canvas-page .wp-canvas-modes{width:100%;max-width:none;justify-content:center}.cc-canvas-page .wp-canvas-toolbar #canvas-title{min-width:150px}.wp-board-menu>div{right:0}.cc-assistant-home #welcome{height:auto!important;min-height:calc(100dvh - 46px)!important}}

.cc-home-rail{display:none}

html[data-cloud-control] body.cc-studio-page .cc-studio-apps{max-width:none;width:100%;margin:0!important}html[data-cloud-control] body.cc-studio-page #lessons-panel{max-width:none;padding-top:0}

/* Catalog and saved-workspace interaction review. */
html[data-cloud-control] body.cc-site .cc-studio-grid .cc-studio-card{min-height:170px!important}.cc-catalog-empty{padding:35px 20px;text-align:center;border:1px solid #343943;border-radius:10px;background:#13171e}.cc-catalog-empty p{margin:0 0 14px;color:#adb6c5;font-size:12px}.cc-home-history .cc-history-note{padding:12px 3px;color:#96a1b1;font-size:11px;line-height:1.5}.cc-home-history .cc-history-retry{font-size:11px;padding:6px 10px;margin:0 3px 14px;border:1px solid #414957;border-radius:5px;background:#1b2029;color:#7bb5ff}.cc-studio-card .cc-open-app:focus-visible,.cc-catalog-empty button:focus-visible,.cc-history-retry:focus-visible{outline:2px solid #64a9ff;outline-offset:3px}

/* Navigation lifecycle: keep the initial and signed-out drawer fully offscreen. */
@media(max-width:960px){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-enterprise>aside,html[data-cloud-control] body.cc-admin #workspace>aside{visibility:hidden;transform:translateX(calc(-100% - 16px))!important;transition:transform var(--cc-motion-panel) var(--cc-ease),visibility 0s var(--cc-motion-panel)!important}
 html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-enterprise.cc-mobile-nav>aside,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{visibility:visible;transform:translateX(0)!important;transition:transform var(--cc-motion-panel) var(--cc-ease),visibility 0s!important}
 html[data-cloud-control] body.cc-site:not([data-cc-nav-ready=true]) #sidebar,html[data-cloud-control] body.cc-enterprise:not([data-cc-nav-ready=true])>aside,html[data-cloud-control] body.cc-admin:not([data-cc-nav-ready=true]) #workspace>aside{transition:none!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-enterprise>aside,html[data-cloud-control] body.cc-enterprise.cc-mobile-nav>aside,html[data-cloud-control] body.cc-admin #workspace>aside,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{transition:none!important}
}