.build-monitor-page{grid-column:1 / -1;width:min(100%,1180px);margin:0 auto;padding:8px 0 24px}.monitor-header,.monitor-header-actions,.monitor-hero,.progress-heading,.all-clear,.attention-panel{display:flex;align-items:center}.monitor-header{justify-content:space-between;gap:12px;margin-bottom:18px}.monitor-header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.monitor-back,.monitor-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#edf4ff;background:linear-gradient(180deg,#ffffff17,#ffffff09);cursor:pointer}.monitor-control:disabled{opacity:.6;cursor:wait}.monitor-hero{align-items:flex-end;justify-content:space-between;gap:22px;padding:26px;border:1px solid rgba(141,187,255,.16);border-radius:26px;background:radial-gradient(circle at 78% 18%,rgba(61,139,255,.16),transparent 34%),linear-gradient(145deg,#ffffff13,#ffffff05),#0d1118e0;box-shadow:0 26px 80px #00000057,inset 0 1px #ffffff0f}.monitor-hero h1{max-width:820px;margin-bottom:10px;font-size:clamp(2rem,5vw,4.1rem)}.monitor-hero>div>p:last-child{margin-bottom:0;color:#aab6c8}.matt-needed{display:grid;min-width:154px;padding:18px;border-radius:20px;text-align:center;justify-items:center;gap:5px;border:1px solid rgba(126,215,167,.24);background:#7ed7a712;color:#8ee2b3}.matt-needed.needed{border-color:#ff7a8a80;background:#ff7a8a1a;color:#ffabb5;box-shadow:0 0 40px #ff57701a}.matt-needed span{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.matt-needed strong{font-size:1.45rem}.progress-card,.monitor-section,.monitor-lane,.attention-panel{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0b}.progress-card{margin-top:14px;padding:18px}.progress-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.progress-heading span{color:#aab6c8}.progress-heading strong{color:#f4f7fb}.progress-track{width:100%;height:13px;overflow:hidden;border-radius:999px;background:#ffffff12;box-shadow:inset 0 2px 6px #00000059}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2c73dc,#63a5ff 64%,#84c1ff);box-shadow:0 0 20px #3d8bff52,inset 0 1px #ffffff47;transition:width .42s cubic-bezier(.16,1,.3,1)}.monitor-lanes{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.monitor-lane{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px;min-width:0}.lane-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#9fc8ff;background:#3d8bff1a;border:1px solid rgba(141,187,255,.2)}.monitor-lane.passing .lane-icon,.monitor-lane.ready .lane-icon{color:#87dfae;background:#7ed7a714;border-color:#7ed7a738}.monitor-lane.failed .lane-icon{color:#ff9ba7;background:#ff7a8a14;border-color:#ff7a8a40}.monitor-lane.idle .lane-icon{color:#9ca8b8;background:#ffffff0b;border-color:#ffffff1a}.lane-state{display:inline-block;margin-bottom:5px;color:#8dbbff;font-size:.7rem;font-weight:800;letter-spacing:.13em}.monitor-lane.idle .lane-state{color:#9ca8b8}.monitor-lane.passing .lane-state,.monitor-lane.ready .lane-state{color:#7ed7a7}.monitor-lane.failed .lane-state{color:#ff8f9c}.monitor-lane h2,.monitor-section h2{margin:0 0 6px;font-size:1.1rem}.monitor-lane p,.monitor-section p,.attention-panel p{margin:0;color:#9eabbc;line-height:1.5}.attention-panel{gap:12px;margin-top:14px;padding:18px;border-color:#ff7a8a59;color:#ffabb5}.monitor-section{margin-top:14px;padding:18px}.all-clear{gap:12px;color:#7ed7a7}.blockers{border-color:#ffba5c47}.monitor-label{display:block;margin-bottom:7px;color:#8dbbff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.monitor-detail-grid{display:grid;grid-template-columns:1fr;gap:0}.monitor-error{margin-top:14px;color:#ffb0ba}.monitor-footnote{margin:14px 2px 0;color:#778396;font-size:.8rem}.spin{animation:monitorSpin .9s linear infinite}@keyframes monitorSpin{to{transform:rotate(360deg)}}@media(min-width:760px){.build-monitor-page{grid-column:1 / -1}.monitor-lanes{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(min-width:1180px){.build-monitor-page{grid-column:2 / -1}}@media(max-width:620px){.monitor-header{align-items:flex-start}.monitor-header-actions{flex-direction:column;align-items:stretch}.monitor-control{padding:0 10px}.monitor-hero{align-items:stretch;flex-direction:column;padding:20px}.matt-needed{min-width:0;grid-template-columns:auto 1fr auto;text-align:left;justify-items:start;align-items:center}}@media(prefers-reduced-motion:reduce){.spin{animation:none}.progress-track span{transition:none}}:root{color:#f4f7fb;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 24% 12%,rgba(61,139,255,.19),transparent 31rem),radial-gradient(circle at 82% 26%,rgba(216,180,95,.08),transparent 24rem),linear-gradient(135deg,#07090e,#11151d 46%,#080a0f)}button{font:inherit}.unlock-shell,.app-shell{min-height:100vh}.unlock-shell{display:grid;place-items:center;padding:24px}.unlock-panel{width:min(100%,440px);padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(150deg,#ffffff1a,#ffffff09),#10141deb;box-shadow:0 34px 100px #00000085,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-mark,.rail-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(216,180,95,.42);border-radius:15px;color:#e6c670;background:linear-gradient(145deg,#d8b45f24,#d8b45f08),#d8b45f0d;box-shadow:inset 0 1px #ffffff14}.eyebrow{margin:0 0 8px;color:#8dbbff;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:740px;margin-bottom:12px;font-size:clamp(2rem,7vw,4.7rem);line-height:.98;letter-spacing:-.035em}h2{margin-bottom:0;font-size:clamp(1.35rem,4vw,2.2rem);line-height:1.05;letter-spacing:-.025em}h3{margin-bottom:8px;color:#dbe8ff;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.unlock-copy,.briefing-copy{color:#b6c0cd;line-height:1.55}.primary-button,.voice-button,.rail-button,.action-bar button,.deck-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#f4f7fb;background:linear-gradient(180deg,#ffffff1a,#ffffff0b),#ffffff0a;box-shadow:0 10px 26px #0003,inset 0 1px #ffffff14,inset 0 -1px #0000004d;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease}.primary-button{width:100%;margin-top:8px;border-color:#72afff8f;background:linear-gradient(145deg,#246edc,#3d8bff 58%,#2f75df);box-shadow:0 16px 36px #1d69d457,inset 0 1px #ffffff3d}.voice-button{width:46px;flex:0 0 auto;color:#9fc8ff}.primary-button:hover,.voice-button:hover,.rail-button:hover,.action-bar button:hover,.deck-controls button:hover{transform:translateY(-2px);border-color:#8dbbff99;box-shadow:0 15px 30px #00000042,inset 0 1px #ffffff1f}.primary-button:active,.voice-button:active,.rail-button:active,.action-bar button:active,.deck-controls button:active{transform:translateY(0) scale(.985)}.app-shell{display:grid;grid-template-columns:1fr;gap:18px;width:min(100%,1480px);margin:0 auto;padding:18px}.desktop-rail{display:none}.briefing-pane,.detail-panel{min-width:0}.topbar,.detail-heading,.sender-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:100%;margin:18px 0 8px;padding-bottom:4px}.summary-tile{min-height:78px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(145deg,#ffffff13,#ffffff06),#ffffff06;box-shadow:inset 0 1px #ffffff0d}.summary-tile strong{display:block;margin-bottom:5px;color:#fff;font-size:1.7rem}.summary-tile span,.card-account,.card-time,.card-meta,.sender-row span,.audit-preview span,.safety-note{color:#9ca8b8;font-size:.82rem}.deck-stage{position:relative;min-height:470px;margin-top:16px;perspective:1500px;perspective-origin:50% 34%;touch-action:pan-y;outline:none;isolation:isolate}.deck-stage:focus-visible{border-radius:24px;box-shadow:0 0 0 2px #8dbbff80}.deck-glow{position:absolute;inset:10% 6% auto;height:270px;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(78,153,255,.25),transparent 58%),radial-gradient(circle at 70% 45%,rgba(216,180,95,.12),transparent 35%);filter:blur(58px);pointer-events:none;z-index:0}.deck-orbit{position:absolute;left:50%;bottom:75px;width:min(78vw,520px);height:112px;border:1px solid rgba(141,187,255,.1);border-radius:50%;transform:translate(-50%) rotateX(72deg);background:radial-gradient(circle,rgba(61,139,255,.08),transparent 68%);box-shadow:0 0 60px #3d8bff0f;pointer-events:none;z-index:0}.communication-card{position:absolute;top:44px;left:50%;z-index:calc(10 - var(--abs-spread));display:flex;flex-direction:column;width:min(72vw,270px);min-height:342px;padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;color:#f4f7fb;text-align:left;background:linear-gradient(155deg,#ffffff26,#ffffff09 44%,#ffffff04),linear-gradient(180deg,#202938,#111722 66%,#0c1119);box-shadow:0 34px 84px #00000070,0 10px 30px #04080e4d,inset 0 1px #ffffff1f,inset 0 -1px #0000005c;cursor:pointer;transform:translate(calc(-50% + (var(--spread) * 44px))) translateY(calc(var(--abs-spread) * 14px)) rotate(calc(var(--spread) * 9deg)) rotateX(calc(var(--abs-spread) * -.8deg));transform-origin:50% 118%;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .36s ease,opacity .36s ease,border-color .25s ease,box-shadow .25s ease,z-index 0ms linear .22s;animation:fanReveal .78s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--card-index) * 72ms);will-change:transform}@keyframes fanReveal{0%{opacity:0;transform:translate(-50%) translateY(118px) rotate(0) scale(.9)}58%{opacity:1}to{opacity:1;transform:translate(calc(-50% + (var(--spread) * 44px))) translateY(calc(var(--abs-spread) * 14px)) rotate(calc(var(--spread) * 9deg)) rotateX(calc(var(--abs-spread) * -.8deg))}}.communication-card:before,.communication-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.communication-card:before{background:linear-gradient(116deg,rgba(255,255,255,.24),transparent 31%),repeating-linear-gradient(135deg,rgba(255,255,255,.023) 0 1px,transparent 1px 7px);opacity:.76}.communication-card:after{inset:-30% -80%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.11) 49%,transparent 56%);transform:translate(-24%);transition:transform .62s cubic-bezier(.16,1,.3,1)}.communication-card:hover:after,.communication-card.selected:after{transform:translate(25%)}.communication-card.gold{border-color:#d8b45f8c;background:linear-gradient(155deg,#fff5d221,#ffffff06 44%),linear-gradient(180deg,#29271f,#171710 64%,#10100c)}.communication-card.danger{border-color:#ff7a8a75}.communication-card.urgent{border-color:#f3c96980}.communication-card:not(.selected){filter:saturate(.9) brightness(.93)}.communication-card.selected{z-index:30;border-color:#8dbbffe6;filter:none;box-shadow:0 42px 110px #0000009e,0 12px 46px #307ade38,0 0 0 1px #8dbbff38,inset 0 1px #ffffff29;transform:translate(-50%) translateY(-26px) rotate(0) rotateX(0) scale(1.055)}.communication-card.gold.selected{border-color:#eac86df0;box-shadow:0 42px 110px #0000009e,0 12px 48px #d8b45f33,0 0 0 1px #d8b45f3d,inset 0 1px #ffffff29}.card-account,.card-time,.card-kicker,.communication-card strong,.card-subject,.card-meta,.card-footer{position:relative;z-index:2}.card-account{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-time{position:absolute;top:18px;right:18px}.card-kicker{width:fit-content;margin-top:32px;padding:5px 8px;border:1px solid rgba(141,187,255,.22);border-radius:999px;color:#9fc8ff;background:#3d8bff14;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gold .card-kicker{border-color:#d8b45f4d;color:#f0cf78;background:#d8b45f14}.danger .card-kicker{border-color:#ff7a8a47;color:#ffabb5;background:#ff7a8a0f}.communication-card strong{margin-top:10px;font-size:1.34rem;line-height:1.08}.card-subject{margin-top:10px;color:#dfe8f7;line-height:1.36}.card-meta{margin-top:14px;color:#8dbbff}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;color:#f4f7fb;font-weight:800}.deck-controls{position:absolute;left:50%;bottom:32px;z-index:50;display:flex;align-items:center;gap:10px;transform:translate(-50%)}.deck-controls button{width:42px;min-height:42px;padding:0;border-radius:999px;color:#9fc8ff}.deck-controls span{min-width:52px;color:#9ca8b8;font-size:.78rem;text-align:center}.deck-hint{position:absolute;right:0;bottom:0;left:0;margin:0;color:#7f8b9b;font-size:.76rem;text-align:center}.detail-panel{padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(150deg,#ffffff13,#ffffff05),#0d1119d1;box-shadow:0 30px 80px #0000004d,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.decision-label{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;color:#8dbbff;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.priority-pill{padding:7px 10px;border:1px solid rgba(141,187,255,.4);border-radius:999px;color:#dbe8ff;font-size:.78rem;font-weight:700;white-space:nowrap}.priority-pill.gold{border-color:#d8b45f94;color:#f7d98a}.priority-pill.danger{border-color:#ff7a8a94;color:#ffabb5}.sender-row{margin:18px 0 0;padding:15px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.sender-row strong,.sender-row span{display:block}.decision-copy{margin-top:2px}.insight-block,.draft-box,.audit-preview{margin-top:18px}.insight-block p,.draft-box p,.audit-preview p{color:#c7d2e2;line-height:1.55}.suggested-action{padding-left:14px;border-left:2px solid rgba(141,187,255,.35)}.draft-box{padding:16px;border:1px solid rgba(216,180,95,.26);border-radius:18px;background:linear-gradient(145deg,#d8b45f1c,#d8b45f0a),#d8b45f08;box-shadow:inset 0 1px #ffffff0d}.action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.action-bar button{min-width:0;padding:0 10px}.action-bar .action-primary{border-color:#5ba1ff80;background:linear-gradient(145deg,#3d8bff47,#3d8bff1a);color:#dcecff}.action-bar .action-destructive{border-color:#ff7a8a47;color:#ffb4bd;background:linear-gradient(145deg,#ff7a8a1a,#ff7a8a08)}.safety-note{display:flex;gap:8px;align-items:center;margin:14px 0 0;color:#7ed7a7}.audit-preview article{padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.audit-preview strong{display:block;margin-top:4px}@media(min-width:760px){.app-shell{grid-template-columns:minmax(0,.96fr) minmax(330px,.7fr);align-items:start;padding:24px}.detail-panel{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.deck-stage{min-height:540px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.communication-card{width:min(34vw,300px);min-height:372px;transform:translate(calc(-50% + (var(--spread) * 60px))) translateY(calc(var(--abs-spread) * 15px)) rotate(calc(var(--spread) * 9.5deg)) rotateX(calc(var(--abs-spread) * -.8deg))}@keyframes fanReveal{0%{opacity:0;transform:translate(-50%) translateY(126px) rotate(0) scale(.9)}58%{opacity:1}to{opacity:1;transform:translate(calc(-50% + (var(--spread) * 60px))) translateY(calc(var(--abs-spread) * 15px)) rotate(calc(var(--spread) * 9.5deg)) rotateX(calc(var(--abs-spread) * -.8deg))}}}@media(min-width:1180px){.app-shell{grid-template-columns:72px minmax(0,1.05fr) minmax(420px,.72fr);gap:24px;padding:28px}.desktop-rail{position:sticky;top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:calc(100vh - 56px);padding:12px;border-right:1px solid rgba(255,255,255,.09)}.rail-mark{width:48px;height:48px;margin-bottom:14px}.rail-button{width:46px;height:46px}.rail-button.active{color:#8dbbff;background:#3d8bff21}.communication-card{width:min(22vw,322px);min-height:400px;transform:translate(calc(-50% + (var(--spread) * 78px))) translateY(calc(var(--abs-spread) * 17px)) rotate(calc(var(--spread) * 10deg)) rotateX(calc(var(--abs-spread) * -.8deg))}@keyframes fanReveal{0%{opacity:0;transform:translate(-50%) translateY(135px) rotate(0) scale(.9)}58%{opacity:1}to{opacity:1;transform:translate(calc(-50% + (var(--spread) * 78px))) translateY(calc(var(--abs-spread) * 17px)) rotate(calc(var(--spread) * 10deg)) rotateX(calc(var(--abs-spread) * -.8deg))}}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.communication-card.selected{transform:translate(-50%) translateY(-32px) rotate(0) scale(1.065)}.action-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.action-bar button{flex-direction:column;min-height:66px;font-size:.78rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.communication-card,.communication-card.selected{transform:translate(-50%) translateY(calc(var(--abs-spread) * 22px))}}