/*
AIWS-META
component: AI2
role: adaptive-command-and-truth-center-presentation
from: ai2-market-leader-cockpit-v1.js runtime-safe projection
To: user-facing AI2 command, context, evidence, activity, and recovery surface
interfaces: CSS only
lifecycle: experimental-safe-branch
conformance: not-canonical-not-admitted
intent: Present a dense but calm frontier command surface without obscuring the canonical conversation or Living Graph.
*/
:root{--cockpit-bg:rgba(5,10,19,.965);--cockpit-panel:rgba(11,19,33,.76);--cockpit-line:rgba(112,164,225,.15);--cockpit-text:#dceaff;--cockpit-muted:#71879f;--cockpit-blue:#6ba6ff;--cockpit-cyan:#70ddff;--cockpit-green:#4ee0ad;--cockpit-gold:#e8b44a;--cockpit-red:#ff7783}
.ai2-cockpit-trigger{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(109,169,237,.24);background:linear-gradient(180deg,rgba(13,24,41,.9),rgba(7,14,25,.86));color:#dbe8ff;border-radius:999px;padding:7px 10px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 28px rgba(0,0,0,.18),0 0 0 1px rgba(107,166,255,.025) inset;transition:border-color .16s ease,background .16s ease,transform .16s ease}.ai2-cockpit-trigger:hover,.ai2-cockpit-trigger:focus-visible{border-color:rgba(107,166,255,.5);background:rgba(28,50,80,.82);transform:translateY(-1px)}.ai2-cockpit-trigger>span{color:var(--cockpit-cyan);font-size:13px}.ai2-cockpit-trigger kbd{padding:2px 5px;border:1px solid rgba(130,170,220,.14);border-radius:5px;color:#6f87a2;background:rgba(255,255,255,.025);font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.ai2-market-cockpit{position:relative;margin:10px 0 16px;border:1px solid rgba(107,166,255,.2);background:linear-gradient(180deg,rgba(8,15,27,.985),rgba(4,9,18,.985));border-radius:18px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 0 1px rgba(107,166,255,.028) inset;isolation:isolate}.ai2-market-cockpit::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(700px 250px at 18% 0%,rgba(67,145,235,.09),transparent 70%),radial-gradient(520px 240px at 92% 10%,rgba(98,82,210,.055),transparent 70%)}
.ai2-market-head{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(5,11,21,.62);backdrop-filter:blur(18px)}.ai2-market-title{display:flex!important;align-items:center;gap:10px}.ai2-market-title>div{display:grid;gap:3px}.ai2-market-orb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d9f7ff 0 5%,#61d5ff 7%,#3a86ff 34%,rgba(58,134,255,.12) 55%,transparent 68%);box-shadow:0 0 24px rgba(66,153,255,.38)}.ai2-market-head b{font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em;color:#d6e7ff}.ai2-market-head span{font-size:11px;color:#748ba5}.ai2-market-head-actions{display:flex;align-items:center;gap:8px}.ai2-market-net{padding:5px 7px;border:1px solid rgba(115,151,195,.12);border-radius:999px;color:#61758c!important;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.07em}.ai2-market-net[data-state="online"]{color:#79c9aa!important;border-color:rgba(78,224,173,.16)}.ai2-market-net[data-state="offline"]{color:#de919a!important;border-color:rgba(255,119,131,.2)}
.ai2-market-head button,.ai2-market-tabs button,.ai2-objective-row button,.ai2-command-row,.ai2-connection-row button,.ai2-market-section-head button,.ai2-attention-summary button{border:1px solid rgba(132,168,219,.17);background:rgba(15,24,40,.68);color:#d8e7ff;border-radius:9px;padding:8px 10px;transition:border-color .14s ease,background .14s ease,color .14s ease}.ai2-market-head button:hover,.ai2-market-tabs button:hover,.ai2-objective-row button:hover,.ai2-command-row:hover,.ai2-connection-row button:hover,.ai2-market-section-head button:hover,.ai2-attention-summary button:hover{border-color:rgba(107,166,255,.38);background:rgba(37,67,104,.36)}
.ai2-market-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.055);scrollbar-width:none}.ai2-market-tabs::-webkit-scrollbar{display:none}.ai2-market-tabs button{flex:0 0 auto;padding:7px 10px;color:#7c91a9;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;background:transparent}.ai2-market-tabs button[data-active="true"]{border-color:rgba(107,166,255,.4);background:linear-gradient(180deg,rgba(55,111,187,.18),rgba(31,66,111,.13));color:#cde1ff;box-shadow:0 0 18px rgba(75,143,235,.06) inset}
.ai2-market-body{padding:13px 14px;min-height:190px;max-height:min(68vh,720px);overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(108,154,211,.22) transparent}.ai2-now-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ai2-state-card{position:relative;display:grid;align-content:start;gap:5px;min-height:82px;padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));overflow:hidden}.ai2-state-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#61758a;opacity:.8}.ai2-state-card[data-tone="good"]::after{background:var(--cockpit-green);box-shadow:0 0 12px rgba(78,224,173,.45)}.ai2-state-card[data-tone="warn"]::after{background:var(--cockpit-gold);box-shadow:0 0 12px rgba(232,180,74,.35)}.ai2-state-card[data-tone="bad"]::after{background:var(--cockpit-red);box-shadow:0 0 12px rgba(255,119,131,.4)}.ai2-state-card small{color:#60758c;font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.ai2-state-card b{color:#cfe2f7;font:780 10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.ai2-state-card span{color:#6f8298;font-size:9px;line-height:1.35}.ai2-state-card i{margin-top:auto;color:#52657a;font:650 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}
.ai2-market-section{margin-top:9px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.014)}.ai2-market-section-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.ai2-market-section-head>div{display:grid;gap:3px}.ai2-market-section-head small{color:#60758c;font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.ai2-market-section-head b{color:#cde0f6;font:760 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.ai2-market-section-head>span{margin-left:auto;color:#61758b;font-size:9px}.ai2-market-section-head>a{margin-left:auto;color:#89bfff;font-size:10px}.ai2-mini-metrics{display:flex;gap:6px;flex-wrap:wrap}.ai2-mini-metrics span{padding:7px 9px;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#70859d;font-size:9px;background:rgba(255,255,255,.016)}.ai2-mini-metrics b{margin-left:4px;color:#b9cde4}
.ai2-attention-summary{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(232,180,74,.15);border-radius:10px;background:rgba(232,180,74,.035)}.ai2-attention-summary b{color:#ddc27e;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ai2-attention-summary span{flex:1;color:#8f9fb0;font-size:10px}.ai2-empty-state{padding:18px;border:1px dashed rgba(115,151,195,.13);border-radius:10px;text-align:center;color:#61758b;font-size:10px;line-height:1.6;background:rgba(255,255,255,.01)}
.ai2-objective{display:grid;gap:11px}.ai2-objective label{display:grid;gap:6px;font-size:11px;color:#91a7c0}.ai2-objective label small{color:#60758a}.ai2-objective textarea,.ai2-objective select,.ai2-command-palette input,.ai2-permission-row select{width:100%;box-sizing:border-box;border:1px solid rgba(125,157,200,.16);background:rgba(5,11,21,.84);color:#e5efff;border-radius:10px;padding:10px;font:inherit;outline:none}.ai2-objective textarea:focus,.ai2-objective select:focus,.ai2-command-palette input:focus,.ai2-permission-row select:focus{border-color:rgba(107,166,255,.5);box-shadow:0 0 0 3px rgba(107,166,255,.06)}.ai2-objective textarea{min-height:78px;resize:vertical}.ai2-objective-row{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.ai2-objective-row label{min-width:170px}.ai2-truth-note{margin-top:9px;padding:9px 11px;border:1px dashed rgba(232,180,74,.18);border-radius:9px;color:#77899d;font-size:9px;line-height:1.55;background:rgba(232,180,74,.025)}.ai2-truth-note b{color:#b7a476}
.ai2-command-palette{display:grid;gap:8px}.ai2-command-input-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 9px;border:1px solid rgba(107,166,255,.18);border-radius:11px;background:rgba(4,10,20,.84);box-shadow:0 12px 36px rgba(0,0,0,.18)}.ai2-command-input-wrap>span{color:var(--cockpit-cyan);font-size:15px}.ai2-command-input-wrap input{border:0;background:transparent;padding:12px 2px;box-shadow:none!important}.ai2-command-input-wrap kbd{padding:3px 5px;border:1px solid rgba(130,165,205,.11);border-radius:5px;color:#576b82;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ai2-command-results{max-height:430px;overflow:auto;scrollbar-width:thin}.ai2-command-row{display:flex;width:100%;align-items:center;text-align:left;gap:10px;margin-bottom:4px;background:rgba(255,255,255,.015)}.ai2-command-row[data-active="true"]{border-color:rgba(107,166,255,.4);background:rgba(55,104,166,.2)}.ai2-command-row b{flex:1;color:#c6d8ec;font-size:10px}.ai2-command-row small{color:#61758c;font:650 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}
.ai2-evidence-list,.ai2-activity-list,.ai2-connection-list,.ai2-permission-list{display:grid;gap:5px}.ai2-evidence-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.014);color:inherit;text-align:left}.ai2-evidence-row:hover{border-color:rgba(107,166,255,.28);background:rgba(59,130,246,.04)}.ai2-evidence-index{color:#536a84;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ai2-evidence-row>div{display:grid;gap:3px;min-width:0}.ai2-evidence-row b{color:#bfcfe1;font-size:10px}.ai2-evidence-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61758a;font-size:8px}.ai2-evidence-row em{color:#70869e;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.ai2-activity-row{display:grid;grid-template-columns:9px 1fr;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.035)}.ai2-activity-row i{width:6px;height:6px;border-radius:50%;background:#61758a}.ai2-activity-row i[data-status="attention"]{background:var(--cockpit-gold);box-shadow:0 0 9px rgba(232,180,74,.3)}.ai2-activity-row>div{display:grid;gap:2px}.ai2-activity-row b{color:#afc2d7;font-size:9px}.ai2-activity-row small{color:#596d84;font:650 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.ai2-connection-row,.ai2-permission-row,.ai2-recovery-grid>div{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.014)}.ai2-connection-row>div,.ai2-permission-row>div{display:grid;gap:2px;flex:1;min-width:0}.ai2-connection-row b,.ai2-permission-row b{color:#b7c9dc;font-size:10px}.ai2-connection-row small,.ai2-permission-row small,.ai2-recovery-grid small{color:#667b91;font-size:8px}.ai2-permission-row select{max-width:145px;margin-left:auto}.ai2-permission-row em{width:56px;text-align:right;color:#8096ad;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.ai2-recovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}.ai2-recovery-grid>div{display:grid;align-content:start;gap:4px}.ai2-recovery-grid b{color:#b9cce0;font-size:9px}.ai2-recovery-grid span{color:#5d7188;font-size:8px}
@media(max-width:980px){.ai2-now-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ai2-market-cockpit{margin:8px 0 12px;border-radius:14px}.ai2-market-head{padding:10px}.ai2-market-title>div>span{display:none}.ai2-market-net{display:none}.ai2-market-body{padding:10px;max-height:min(72svh,720px)}.ai2-now-grid{grid-template-columns:1fr 1fr}.ai2-state-card{min-height:72px;padding:9px}.ai2-recovery-grid{grid-template-columns:1fr}.ai2-permission-row{align-items:flex-start;flex-wrap:wrap}.ai2-permission-row select{margin-left:0;max-width:none;flex:1}.ai2-objective-row>*{width:100%}.ai2-cockpit-trigger kbd{display:none}}
@media(max-width:480px){.ai2-now-grid{grid-template-columns:1fr}.ai2-market-tabs button{padding:7px 9px}.ai2-evidence-row{grid-template-columns:24px 1fr}.ai2-evidence-row em{display:none}.ai2-market-section-head{align-items:flex-start;flex-wrap:wrap}.ai2-market-section-head>a,.ai2-market-section-head>button{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.ai2-cockpit-trigger,.ai2-market-head button,.ai2-market-tabs button,.ai2-objective-row button,.ai2-command-row,.ai2-connection-row button,.ai2-market-section-head button,.ai2-attention-summary button{transition:none}.ai2-cockpit-trigger:hover,.ai2-cockpit-trigger:focus-visible{transform:none}}