:root{--hull:#041e34;--night:#01081d;--text-navy:#081224;--deck:#0b2b43;--deck-raised:#103750;--deck-edge:#24465e;--foam:#e6edf6;--mist:#96aec2;--signal:#1fd7ea;--current:#31e7d9;--signal-dim:#177d8e;--buoy:#ffb454;--flare:#ff7171;--kelp:#4ade80;--display:"Barlow Semi Condensed", sans-serif;--body:"Inter", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html{background:var(--hull);min-width:320px}body{background:var(--hull);min-width:320px;min-height:100vh;color:var(--foam);font-family:var(--body);margin:0;font-size:14px;line-height:1.5}a{color:var(--signal)}button{font-family:var(--display);letter-spacing:.04em;cursor:pointer;background:var(--signal);color:var(--text-navy);border:none;border-radius:4px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{cursor:not-allowed;filter:none;opacity:.56}button.ghost{color:var(--signal);border:1px solid var(--signal-dim);background:0 0}button.danger{color:var(--flare);border:1px solid var(--flare);background:0 0}button:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:2px}input,textarea,select{background:var(--hull);border:1px solid var(--deck-edge);color:var(--foam);font-family:var(--body);border-radius:4px;width:100%;padding:8px 10px;font-size:13px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal-dim)}.shell{max-width:1440px;margin:0 auto;padding:0 24px 64px}.topbar{align-items:center;gap:24px;min-height:76px;padding:8px 0;display:flex}.brand-lockup{flex:none;align-items:center;gap:10px;display:flex}.brand-lockup img{width:116px;height:auto;display:block}.brand-lockup span{border:1px solid var(--deck-edge);color:var(--mist);font-family:var(--mono);letter-spacing:.1em;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:600}nav{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}nav button{color:var(--mist);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;min-height:38px;padding:6px 12px;font-size:13px}nav button.active{color:var(--foam);border-bottom-color:var(--signal)}.hint{color:var(--mist);font-family:var(--mono);margin-left:auto;font-size:11px}.waterline{border:1px solid var(--deck-edge);background:var(--deck);border-radius:6px;flex-wrap:wrap;align-items:stretch;margin-bottom:20px;display:flex;overflow:hidden}.waterline .domain{flex:180px;padding:10px 16px;position:relative}.waterline .domain+.domain{border-left:1px solid var(--deck-edge)}.waterline .dname{font-family:var(--mono);color:var(--mist);font-size:11px}.waterline .dstats{font-family:var(--mono);margin-top:3px;font-size:13px}.waterline .bar{background:var(--kelp);height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.waterline .bar.warn{background:var(--buoy)}.waterline .bar.dead{background:var(--flare)}.waterline .metrics{border-left:1px solid var(--deck-edge);align-items:center;gap:26px;margin-left:auto;padding:10px 20px;display:flex}.waterline-notice{min-height:58px;color:var(--buoy);align-items:center;padding:10px 16px;display:flex}.kpi .n{font-family:var(--mono);color:var(--signal);font-size:18px;font-weight:600}.kpi .l{text-transform:uppercase;letter-spacing:.1em;color:var(--mist);font-size:10px}.grid2{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}@media (width<=900px){.grid2{grid-template-columns:1fr}}.panel{background:var(--deck);border:1px solid var(--deck-edge);border-radius:6px;padding:16px}.panel h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--mist);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.panel h2:before{content:"";background:var(--signal);width:14px;height:2px}.count{font-family:var(--mono);color:var(--signal)}.row{border-bottom:1px solid var(--deck-edge);align-items:center;gap:12px;padding:10px 6px;display:flex}.row:last-child{border-bottom:none}.row .who{flex:1;min-width:0}.row .who .name{font-weight:600}.row .who .sub{color:var(--mist);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.row time{font-family:var(--mono);color:var(--mist);font-size:11px}.empty{color:var(--mist);padding:18px 6px;font-size:13px}.tag{font-family:var(--mono);border:1px solid var(--deck-edge);color:var(--mist);text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:10px}.tag.hot{color:var(--buoy);border-color:var(--buoy)}.tag.sig{color:var(--signal);border-color:var(--signal-dim)}.kanban{grid-template-columns:repeat(5,1fr);align-items:start;gap:12px;display:grid}.content-kanban{grid-template-columns:repeat(4,1fr)}@media (width<=1000px){.kanban{grid-template-columns:repeat(2,1fr)}}.col h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--mist);margin:0 0 8px;font-size:12px}.card{background:var(--deck);border:1px solid var(--deck-edge);border-radius:5px;margin-bottom:8px;padding:10px 12px}.card .val{font-family:var(--mono);color:var(--signal);font-size:13px}.card .mini{gap:6px;margin-top:8px;display:flex}.card .mini button{padding:3px 8px;font-size:11px}.overlay{z-index:10;background:#06101cc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--deck);border:1px solid var(--deck-edge);border-radius:8px;width:min(560px,100%);max-height:90vh;padding:22px;overflow:auto}.modal h2{font-family:var(--display);margin:0 0 14px;font-size:17px}.field{margin-bottom:12px}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--mist);margin-bottom:5px;font-size:11px;display:block}.actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.statuschip{font-family:var(--mono);font-size:11px}.statuschip.ready,.statuschip.posted,.statuschip.won{color:var(--kelp)}.statuschip.generating,.statuschip.scheduled{color:var(--buoy)}.statuschip.failed,.statuschip.lost{color:var(--flare)}.view-stack{gap:18px;display:grid}.view-header{justify-content:space-between;align-items:flex-end;gap:24px;padding:6px 2px 2px;display:flex}.view-header h1{font-family:var(--display);letter-spacing:.02em;margin:1px 0 2px;font-size:25px;line-height:1.2}.eyebrow{color:var(--signal);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.view-description{max-width:68ch;color:var(--mist);margin:0}.refresh-control{flex:none;align-items:center;gap:12px;display:flex}.refresh-control>span{color:var(--mist);font-family:var(--mono);font-size:10px}.agent-summary{border:1px solid var(--deck-edge);background:var(--deck);border-radius:6px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.summary-item{justify-content:space-between;align-items:baseline;gap:12px;padding:11px 14px;display:flex}.summary-item+.summary-item{border-left:1px solid var(--deck-edge)}.summary-item dt{color:var(--mist);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}.summary-item dd{color:var(--foam);font-family:var(--mono);margin:0;font-size:17px;font-weight:600}.summary-item.danger dd{color:var(--flare)}.summary-item.warning dd{color:var(--buoy)}.summary-item.healthy dd{color:var(--kelp)}.summary-item.muted dd{color:var(--mist)}.agents-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;gap:18px;display:grid}.agent-list-panel,.event-panel{padding:0;overflow:hidden}.agent-list-panel>h2,.event-panel>h2{padding:16px 16px 4px}.agent-row{border-top:1px solid var(--deck-edge);grid-template-columns:minmax(0,1fr) minmax(150px,.3fr);gap:20px;padding:15px 16px;display:grid}.agent-primary{min-width:0}.agent-title-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.agent-title-line h3{margin:0;font-size:14px;line-height:1.4}.agent-role{color:var(--mist);font-size:12px}.agent-primary>p{max-width:70ch;color:var(--foam);margin:5px 0 8px;font-size:12px}.agent-signals{color:var(--mist);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:7px 12px;font-size:10px;display:flex}.presence,.state-label{border:1px solid var(--deck-edge);text-transform:capitalize;border-radius:3px;align-items:center;min-height:22px;padding:2px 7px;display:inline-flex}.presence-dot{background:var(--mist);border-radius:50%;width:7px;height:7px;margin-right:6px}.presence-online{color:var(--kelp);border-color:#2a7b53}.presence-online .presence-dot{background:var(--kelp)}.presence-stale{color:var(--buoy);border-color:#8c663b}.presence-stale .presence-dot{background:var(--buoy)}.presence-offline .presence-dot{background:var(--mist)}.state-running{color:var(--signal);border-color:var(--signal-dim)}.state-degraded{color:var(--buoy);border-color:#8c663b}.state-error{color:var(--flare);border-color:#934c55}.runtime-meta{color:var(--mist);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:10px;overflow:hidden}.run-cell{border-left:1px solid var(--deck-edge);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding-left:16px;display:flex}.run-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.run-cell>span:not(.run-label){color:var(--mist);font-family:var(--mono);font-size:10px}.run-label{color:var(--mist);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.event-list{max-height:620px;overflow-y:auto}.event-row{border-top:1px solid var(--deck-edge);padding:13px 16px}.event-heading{align-items:center;gap:8px;display:flex}.event-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.event-heading time{color:var(--mist);font-family:var(--mono);white-space:nowrap;margin-left:auto;font-size:9px}.event-row p{color:var(--foam);overflow-wrap:anywhere;margin:7px 0 3px;font-size:12px;line-height:1.45}.event-meta{color:var(--mist);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.severity{border:1px solid var(--deck-edge);min-height:20px;color:var(--mist);font-family:var(--mono);text-transform:uppercase;border-radius:3px;align-items:center;padding:1px 6px;font-size:9px;font-weight:600;display:inline-flex}.severity-warning{color:var(--buoy);border-color:#8c663b}.severity-error{color:var(--flare);border-color:#934c55}.load-state{border:1px solid var(--deck-edge);background:var(--deck);border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:150px;padding:24px;display:flex}.load-state strong{font-family:var(--display);font-size:17px}.load-state span{max-width:68ch;color:var(--mist)}.load-state button{margin-top:6px}.error-state{border-color:#683c49}.error-state strong{color:var(--flare)}.inline-notice{color:var(--buoy);background:#162d3d;border:1px solid #8c663b;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.inline-notice button{flex:none}.skeleton{background:var(--deck-raised);border-radius:4px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-heading{width:130px;height:15px;margin:16px}.skeleton-row{height:84px;margin:0 16px 12px}.skeleton-event{height:66px;margin:0 16px 12px}@keyframes skeleton-pulse{50%{opacity:.52}}@media (width<=1080px){.hint{display:none}.agents-layout{grid-template-columns:1fr}.event-list{max-height:440px}}@media (width<=760px){.shell{padding:0 14px 48px}.topbar{flex-wrap:wrap;gap:4px 16px;padding:10px 0 8px}.brand-lockup img{width:104px}nav{border-top:1px solid var(--deck-edge);order:3;width:calc(100% + 28px);margin:2px -14px 0;padding:0 14px}nav button{min-height:44px}.waterline{margin-top:10px}.waterline .metrics{border-top:1px solid var(--deck-edge);border-left:0;width:100%;margin-left:0;overflow-x:auto}.view-header{align-items:flex-start}.refresh-control{flex-direction:column-reverse;align-items:flex-end}.agent-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item+.summary-item{border-left:0}.summary-item:nth-child(2n){border-left:1px solid var(--deck-edge)}.summary-item:nth-child(n+3){border-top:1px solid var(--deck-edge)}.summary-item:last-child:nth-child(odd){grid-column:1/-1}.agent-row{grid-template-columns:1fr;gap:12px}.run-cell{border-top:1px solid var(--deck-edge);border-left:0;padding:10px 0 0}.inline-notice{align-items:flex-start}}@media (width<=520px){.view-header{gap:12px;display:grid}.refresh-control{flex-direction:row;align-items:center}.kanban{grid-template-columns:1fr}.agent-signals time{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}