@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root { --ink:#16211d; --muted:#77847a; --paper:#f2f1e9; --card:#fbfaf5; --line:#cfd4c9; --green:#2c8a67; --red:#b83542; --gold:#bd8734; --dark:#14211c; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 80% 0%, #dce6d5 0, transparent 29rem),var(--paper); color:var(--ink); font-family:"DM Mono",monospace; }
.lab-shell { width:min(1440px, calc(100vw - 42px)); margin:0 auto; padding:24px 0 70px; }
.masthead { display:grid; grid-template-columns:1fr auto auto; align-items:end; gap:28px; border-bottom:2px solid var(--dark); padding-bottom:18px; }
.brand-kicker,.eyebrow { display:block; color:var(--green); font-size:10px; letter-spacing:.14em; font-weight:500; }
h1,h2,p { margin:0; } h1,h2 { font-family:"Playfair Display",serif; } h1 { font-size:clamp(42px,6vw,74px); line-height:.92; letter-spacing:-.055em; } h2 { font-size:25px; letter-spacing:-.03em; }
.masthead-status { display:flex; align-items:center; gap:8px; padding-bottom:4px; color:var(--muted); font-size:11px; }.masthead-status a{color:var(--ink);margin-left:14px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #bd873426}
.control-cluster { display:flex; gap:8px; }.button { font:500 11px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.05em; border:1px solid var(--dark); padding:10px 13px; cursor:pointer; }.button.light { background:var(--card); color:var(--ink);}.button.danger{background:var(--red);color:#fff;border-color:var(--red)}.button:disabled{opacity:.45;cursor:wait}
.mission-strip { display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding:12px 0; color:var(--muted); font-size:11px; }.mission-strip strong{color:var(--red)}
.portfolio-grid { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--line); margin:28px 0 48px; }.portfolio-grid article { min-height:130px; padding:16px 18px; border:1px solid var(--line); border-left:0; background:#ffffff88; }.portfolio-grid span{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em}.portfolio-grid strong{display:block;font:600 32px "Playfair Display",serif;margin:13px 0 3px;letter-spacing:-.04em}.portfolio-grid small{color:var(--muted);font-size:10px}
.section-head,.panel-head { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:16px; }.section-head p{font-size:11px;color:var(--muted)}
.run-matrix { border-top:2px solid var(--dark); }.run { display:grid; grid-template-columns:minmax(200px,1.4fr) repeat(4,1fr) 132px; gap:12px; align-items:center; padding:14px 10px; border-bottom:1px solid var(--line); cursor:pointer; transition:background .18s ease, transform .18s ease; }.run:hover{background:#e5eddf;transform:translateX(4px)}.run[data-enabled="false"]{opacity:.54}.run-name b{display:block;font-size:14px}.run-name span,.metric span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.metric strong{font-size:13px}.run-controls{display:flex;justify-content:flex-end;gap:6px}.run button{background:transparent;border:1px solid var(--line);padding:7px;font:10px "DM Mono",monospace;cursor:pointer}.run button.reset{color:var(--muted)}.run button:disabled{cursor:wait;opacity:.55}.tag{display:inline-block;padding:3px 6px;font-size:9px;letter-spacing:.07em}.tag.live{background:#cfe9db;color:#15573d}.tag.paused{background:#e8d3d4;color:#79242c}.tag.stale{background:#f0dfc3;color:#785118}
.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;margin-top:48px}.panel{background:var(--card);border:1px solid var(--line);padding:20px}.panel-head>span{color:var(--muted);font-size:10px}.tape-list{list-style:none;margin:0;padding:0}.tape-list li{display:grid;grid-template-columns:70px 1fr 80px;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.tape-list time,.tape-list small{color:var(--muted)}.action-enter{color:var(--green)}.action-exit{color:var(--red)}.overlap-list{display:grid;gap:10px}.overlap{border-top:1px solid var(--line);padding-top:10px;font-size:11px}.overlap b{display:block;margin-bottom:5px}.overlap.conflict b{color:var(--red)}
.detail-panel { position:fixed; z-index:3; right:28px; bottom:28px; width:min(500px,calc(100vw - 40px)); background:var(--dark);color:#eef1e8;padding:26px;box-shadow:0 24px 70px #14211c66}.detail-panel .eyebrow{color:#91d3ae}.detail-panel h2{font-size:34px;margin:6px 0 20px}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:25px;cursor:pointer}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-stats div{border-top:1px solid #ffffff33;padding-top:7px;font-size:11px}.detail-stats span{color:#aab7ae;display:block;font-size:9px}.detail-panel pre{margin:22px 0 0;color:#b5c4ba;font:10px/1.55 "DM Mono",monospace;white-space:pre-wrap}
@media(max-width:860px){.masthead{grid-template-columns:1fr;gap:16px}.portfolio-grid{grid-template-columns:1fr 1fr}.mission-strip{display:block}.mission-strip p+p{margin-top:8px}.run{grid-template-columns:1.3fr 1fr 1fr}.run .metric:nth-of-type(n+4){display:none}.lower-grid{grid-template-columns:1fr}.masthead-status{padding:0}}
@media(max-width:520px){.lab-shell{width:min(100% - 22px,1440px)}.portfolio-grid{grid-template-columns:1fr}.run{grid-template-columns:1fr 132px}.run .metric{display:none}.run .metric:nth-of-type(1){display:block}}