/* P120-PI-CONSOLE-P1C — Founder Command Deck successor visual system v0.2
   Presentation only. No Auth/RLS/RPC/scoring/GSR authority is created here. */
:root{
  --deck-canvas:var(--p120-brand-canvas,#F2EEE2);--deck-paper:var(--p120-brand-surface,#FBF8EF);--deck-pale:var(--p120-brand-surface-soft,#E7ECE4);
  --deck-deep:var(--p120-brand-teal-deep,#1F5C5B);--deck-ink:var(--p120-brand-ink,#263533);--deck-ink2:var(--p120-brand-ink-2,#4B5D58);
  --deck-rule:var(--p120-brand-line,#9DBCB2);--deck-accent:var(--p120-brand-teal,#2F7D78);--deck-warm:var(--p120-brand-bronze,#B39063);
  --deck-display:var(--p120-brand-display,"Noto Serif Display","Noto Serif",serif);--deck-reading:"Noto Serif",serif;
  --deck-sans:var(--p120-brand-sans,"IBM Plex Sans",sans-serif);--deck-mono:"IBM Plex Mono",monospace;
  --deck-ok:#49675B;--deck-warn:#A67A3F;--deck-danger:#8A4039;--deck-gray:#76756F;--deck-stage:min(1600px,100%);--deck-gutter:clamp(16px,2.6vw,44px)
}
*{box-sizing:border-box}html{background:var(--deck-canvas)}body[data-p120-internal-surface="command-deck"]{margin:0;min-width:320px;min-height:100svh;color:var(--deck-ink);font-family:var(--deck-sans);background:linear-gradient(color-mix(in srgb,var(--deck-rule) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--deck-rule) 9%,transparent) 1px,transparent 1px),radial-gradient(64rem 36rem at 92% 4%,color-mix(in srgb,var(--deck-accent) 8%,transparent),transparent 70%),var(--deck-canvas);background-size:48px 48px,48px 48px,auto,auto}a{color:inherit}.hidden{display:none!important}.mono{font-family:var(--deck-mono);font-size:11px}.muted{color:var(--deck-ink2)}
.deck-header{position:sticky;top:0;z-index:100;border-top:3px solid var(--deck-accent);border-bottom:1px solid color-mix(in srgb,var(--deck-rule) 65%,transparent);background:color-mix(in srgb,var(--deck-canvas) 93%,transparent);backdrop-filter:blur(18px)}.deck-header__inner{width:var(--deck-stage);margin:auto;min-height:72px;padding:11px var(--deck-gutter);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.deck-lockup{display:flex;gap:13px;align-items:center;text-decoration:none}.deck-mark{width:42px;height:42px;border-radius:50%;position:relative;border:1px solid color-mix(in srgb,var(--deck-accent) 35%,transparent);box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--deck-accent) 6%,transparent)}.deck-mark:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid var(--deck-warm)}.deck-mark:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:2px;top:8px;background:var(--deck-accent)}.deck-brand{font:500 25px/.95 var(--deck-display);letter-spacing:-.03em}.deck-kicker{display:block;margin-top:4px;font:600 8px/1 var(--deck-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--deck-ink2)}.deck-header__center,.deck-header__right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.deck-header__center{justify-content:center}.deck-header__right{justify-content:flex-end}
.badge,.deck-badge{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--deck-rule) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--deck-paper) 78%,transparent);font:550 9px/1.15 var(--deck-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--deck-ink2)}.badge:before,.deck-badge[data-led]:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--deck-gray)}.badge.ok:before,.badge.green:before{background:var(--deck-ok)}.badge.warn:before,.badge.yellow:before{background:var(--deck-warn)}.badge.danger:before,.badge.red:before{background:var(--deck-danger)}
button,.btn,.deck-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid var(--deck-deep);border-radius:999px;background:var(--deck-deep);color:#F7F2E8;text-decoration:none;font:650 11px/1 var(--deck-sans);cursor:pointer}.secondary,.deck-action--secondary{background:transparent;color:var(--deck-ink);border-color:var(--deck-rule)}.danger-btn{background:transparent;color:var(--deck-danger);border-color:color-mix(in srgb,var(--deck-danger) 45%,var(--deck-rule))}button:disabled{opacity:.42;cursor:not-allowed}.deck-action:focus-visible,button:focus-visible{outline:2px solid var(--deck-accent);outline-offset:3px}
.deck-main{width:var(--deck-stage);margin:auto;padding:clamp(26px,4vw,58px) var(--deck-gutter) 88px}.deck-eyebrow,.sub,.label{display:block;font:650 9px/1.25 var(--deck-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--deck-accent)}h1,h2,h3{font-family:var(--deck-display);font-weight:500;text-wrap:balance}h1{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.05em;margin:14px 0 18px}h2{font-size:clamp(26px,2.3vw,36px);line-height:1.06;letter-spacing:-.035em;margin:0 0 12px}h3{font-size:21px;margin:0 0 10px}.lead{max-width:900px;margin:0;font:400 clamp(16px,1.3vw,20px)/1.65 var(--deck-reading);color:var(--deck-ink2)}
.deck-hero{position:relative;overflow:hidden;min-height:410px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);border:1px solid color-mix(in srgb,var(--deck-rule) 72%,transparent);background:color-mix(in srgb,var(--deck-paper) 95%,transparent);box-shadow:0 24px 70px color-mix(in srgb,var(--deck-ink) 8%,transparent)}.deck-hero__copy{padding:clamp(30px,4.2vw,64px);display:flex;flex-direction:column;justify-content:center;z-index:2}.deck-hero__field{border-left:1px solid color-mix(in srgb,var(--deck-rule) 62%,transparent);display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--deck-pale) 72%,transparent),transparent)}.system-field{width:min(300px,74%);aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--deck-accent) 46%,transparent);display:grid;place-items:center;position:relative;box-shadow:0 0 0 40px color-mix(in srgb,var(--deck-accent) 6%,transparent),0 0 0 80px color-mix(in srgb,var(--deck-accent) 3%,transparent)}.system-field:before{content:"";position:absolute;inset:30%;border-radius:50%;border:1px solid var(--deck-warm)}.system-field strong{font:500 clamp(28px,3vw,46px)/1 var(--deck-display);z-index:2}.system-field span{position:absolute;font:550 8px/1 var(--deck-mono);letter-spacing:.1em;color:var(--deck-ink2)}.system-field span:nth-of-type(1){top:-18px}.system-field span:nth-of-type(2){right:-34px}.system-field span:nth-of-type(3){bottom:-18px}.system-field span:nth-of-type(4){left:-34px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.deck-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;margin-top:22px;background:color-mix(in srgb,var(--deck-rule) 58%,transparent);border:1px solid color-mix(in srgb,var(--deck-rule) 58%,transparent)}.deck-panel{grid-column:span 6;padding:clamp(22px,2.4vw,36px);background:color-mix(in srgb,var(--deck-paper) 97%,transparent);min-width:0}.deck-panel.third{grid-column:span 4}.deck-panel.wide{grid-column:1/-1}.deck-panel--deep{background:var(--deck-deep);color:#F7F2E8}.deck-panel--deep .lead,.deck-panel--deep .muted{color:#D8E2DC}.deck-panel--deep .sub,.deck-panel--deep .label{color:#BFD5C9}.deck-panel--pale{background:var(--deck-pale)}.panel-rail{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.panel-code{font:550 9px/1 var(--deck-mono);letter-spacing:.08em;color:var(--deck-ink2)}
.meta{display:grid;grid-template-columns:150px 1fr;gap:9px 14px;font-size:13px}.meta b{font:600 10px/1.3 var(--deck-mono);letter-spacing:.06em;color:var(--deck-ink2)}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}label{display:grid;gap:6px;font-size:12px;color:var(--deck-ink2)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--deck-rule);border-radius:5px;background:#fffdf8;color:var(--deck-ink);font:inherit}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px 8px;border-top:1px solid color-mix(in srgb,var(--deck-rule) 62%,transparent);vertical-align:top}th{font:600 9px/1.3 var(--deck-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--deck-ink2)}.status{margin-top:14px;padding:12px 14px;border-left:3px solid var(--deck-accent);background:var(--deck-pale);font-size:13px;white-space:pre-wrap}.hold-note{margin-top:18px;padding:14px 16px;border-left:3px solid var(--deck-warn);background:color-mix(in srgb,var(--deck-warn) 8%,var(--deck-paper));font:500 11px/1.55 var(--deck-mono)}
.telemetry{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:22px 0;background:var(--deck-rule);border:1px solid var(--deck-rule)}.metric{padding:18px;background:var(--deck-paper);min-height:100px}.metric b{display:block;font:600 9px/1.2 var(--deck-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deck-ink2)}.metric span{display:block;margin-top:14px;font:500 30px/1 var(--deck-display)}
@media(max-width:980px){.deck-header__center{display:none}.deck-panel,.deck-panel.third{grid-column:1/-1}.deck-hero{grid-template-columns:1fr}.deck-hero__field{min-height:300px;border-left:0;border-top:1px solid var(--deck-rule)}.telemetry{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.deck-header__inner{grid-template-columns:1fr auto;padding:10px 14px}.deck-header__right .badge{display:none}.deck-main{padding:22px 14px 60px}.deck-hero__copy,.deck-panel{padding:22px}.deck-hero__field{display:none}h1{font-size:42px}.telemetry{grid-template-columns:1fr}.form{grid-template-columns:1fr}.meta{grid-template-columns:1fr}.panel-rail{align-items:flex-start;flex-direction:column}}
