:root {
  --paper: #f4f3ef;
  --panel: #fbfaf7;
  --ink: #242729;
  --muted: #6b6f70;
  --line: #a8abaa;
  --soft: #deded8;
  --accent: #176170;
  --note: #a85518;
  --danger: #9c3434;
  --sidebar: 210px;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); }
button, input, select { font: inherit; }
a { color: inherit; text-decoration: none; }
.skip { position: fixed; left: 12px; top: -50px; background: var(--ink); color: white; padding: 10px; z-index: 100; }
.skip:focus { top: 12px; }
.wf-shell { display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); min-height: 100vh; }
.wf-sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar); border-right: 2px solid var(--ink); background: #e8e7e2; padding: 20px 15px; display: flex; flex-direction: column; z-index: 10; }
.wf-logo { display: flex; align-items: center; gap: 9px; font-weight: 800; letter-spacing: .09em; padding: 3px 5px 20px; }
.wf-logo-mark { width: 29px; height: 29px; border: 3px solid var(--ink); position: relative; }
.wf-logo-mark:before { content: ""; position: absolute; inset: 7px; transform: rotate(45deg); background: var(--accent); }
.wf-env { border-block: 1px solid var(--line); padding: 10px 5px; color: var(--muted); font: 700 10px/1 monospace; display: flex; justify-content: space-between; }
.wf-sidebar nav { display: flex; flex-direction: column; gap: 3px; margin-top: 18px; }
.wf-sidebar nav a { display: flex; align-items: center; gap: 10px; padding: 11px 9px; border-left: 3px solid transparent; color: var(--muted); font-size: 13px; font-weight: 600; }
.wf-sidebar nav a span { font: 700 9px monospace; }
.wf-sidebar nav a.active { background: var(--panel); border-color: var(--accent); color: var(--ink); }
.wf-sidebar-footer { margin-top: auto; border-top: 1px solid var(--line); padding: 14px 5px 0; font-size: 10px; color: var(--muted); line-height: 1.6; }
.wf-sidebar-footer b { display: block; color: var(--ink); }
.wf-main { grid-column: 2; min-width: 0; padding: 24px 34px 64px; }
.wf-titlebar { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; border-bottom: 2px solid var(--ink); padding-bottom: 17px; margin-bottom: 18px; }
.wf-titlebar .kicker { font: 700 10px/1 monospace; letter-spacing: .08em; color: var(--accent); margin: 0 0 7px; }
.wf-titlebar h1 { margin: 0 0 5px; font-size: 28px; letter-spacing: -.03em; }
.wf-titlebar p { margin: 0; color: var(--muted); font-size: 12px; }
.wf-actions { display: flex; align-items: center; gap: 8px; }
.wf-button { border: 1px solid var(--ink); background: var(--panel); padding: 9px 13px; font-weight: 700; font-size: 11px; }
.wf-button.primary { background: var(--ink); color: white; }
.wf-clock { font: 700 12px monospace; margin-left: 10px; }
.wf-grid { display: grid; gap: 14px; }
.wf-card { border: 1px solid var(--ink); background: var(--panel); position: relative; }
.wf-card.soft { border-color: var(--line); }
.wf-card-head { min-height: 48px; border-bottom: 1px solid var(--line); padding: 11px 14px; display: flex; justify-content: space-between; align-items: center; }
.wf-card-head h2 { margin: 0; font-size: 15px; }
.wf-card-head span { font: 700 9px monospace; color: var(--muted); }
.wf-marker { position: absolute; z-index: 5; width: 24px; height: 24px; border-radius: 50%; background: var(--note); color: white; display: grid; place-items: center; font: 800 11px monospace; top: -10px; left: -10px; box-shadow: 0 0 0 3px var(--paper); }
.wf-annotation { display: grid; grid-template-columns: 25px 1fr; gap: 8px; font-size: 11px; color: var(--muted); line-height: 1.45; }
.wf-annotation b { width: 22px; height: 22px; border-radius: 50%; background: var(--note); color: white; display: grid; place-items: center; font: 700 10px monospace; }
.wf-notes { border-top: 1px dashed var(--line); margin-top: 18px; padding-top: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 20px; }
.wf-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--ink); margin-bottom: 14px; background: var(--panel); }
.wf-metric { padding: 12px 14px; border-right: 1px solid var(--line); min-height: 70px; display: flex; flex-direction: column; gap: 5px; position: relative; }
.wf-metric:last-child { border-right: 0; }
.wf-metric span { color: var(--muted); font-size: 10px; }
.wf-metric b { font: 700 22px monospace; }
.wf-metric small { color: var(--muted); font-size: 9px; }
.wf-map { min-height: 510px; overflow: hidden; background-color: #eeede8; background-image: linear-gradient(var(--soft) 1px, transparent 1px), linear-gradient(90deg, var(--soft) 1px, transparent 1px); background-size: 42px 42px; position: relative; }
.wf-road { position: absolute; height: 8px; background: #d1d1cb; width: 115%; left: -5%; top: 47%; transform: rotate(-8deg); }
.wf-road.two { top: 62%; transform: rotate(11deg); }
.wf-zone { position: absolute; width: 46%; height: 28%; left: 17%; top: 42%; border: 2px dashed var(--accent); transform: skew(-16deg) rotate(-8deg); background: #1761700d; }
.wf-track-line { position: absolute; left: 28%; top: 63%; width: 44%; border-top: 2px dashed var(--danger); transform: rotate(-24deg); }
.wf-plane { position: absolute; width: 14px; height: 18px; background: var(--danger); clip-path: polygon(50% 0, 100% 100%, 50% 72%, 0 100%); }
.wf-plane.one { left: 61%; top: 32%; }
.wf-plane.two { left: 35%; top: 58%; background: var(--accent); }
.wf-station { position: absolute; width: 15px; height: 15px; background: var(--accent); outline: 1px solid var(--accent); outline-offset: 7px; left: 22%; top: 68%; }
.wf-map-label { position: absolute; font: 700 8px monospace; color: var(--muted); }
.wf-map-label.site { left: 8%; top: 22%; }
.wf-map-label.corridor { left: 32%; top: 69%; }
.wf-selection { position: absolute; right: 18px; top: 72px; width: 285px; border: 2px solid var(--ink); background: var(--panel); padding: 16px; }
.wf-chip { display: inline-block; border: 1px solid var(--danger); color: var(--danger); padding: 3px 6px; font: 700 9px monospace; }
.wf-selection h3 { margin: 12px 0 4px; font: 700 13px monospace; }
.wf-selection p { margin: 0; color: var(--muted); font-size: 10px; }
.wf-rule { margin-top: 13px; border-top: 1px solid var(--line); padding-top: 10px; }
.wf-rule span { display: block; font: 700 8px monospace; color: var(--muted); margin-bottom: 4px; }
.wf-rule b { font-size: 10px; }
.wf-map-legend { position: absolute; left: 14px; bottom: 12px; border: 1px solid var(--line); background: var(--panel); padding: 8px 10px; font: 700 8px monospace; }
.wf-operations { grid-template-columns: minmax(0, 1fr) 330px; }
.wf-queue-item { min-height: 94px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 30px 1fr 14px; gap: 10px; padding: 13px; }
.wf-queue-item .num { width: 25px; height: 25px; border: 1px solid var(--ink); display: grid; place-items: center; font: 700 9px monospace; }
.wf-queue-item h3 { font-size: 12px; margin: 7px 0 3px; }
.wf-queue-item p { color: var(--muted); font-size: 9px; margin: 0; }
.wf-queue-spacer { height: 30px; padding: 9px 13px; background: #ecebe6; font: 700 8px monospace; color: var(--muted); }
.wf-photo-placeholder { margin-top: 14px; height: 105px; border: 1px solid var(--ink); background: repeating-linear-gradient(135deg, #deded8 0 2px, transparent 2px 11px); display: flex; align-items: center; padding: 20px; position: relative; }
.wf-photo-placeholder span { background: var(--panel); border: 1px solid var(--line); padding: 9px 12px; font: 700 9px monospace; }

/* Incident */
.wf-alert { border: 2px solid var(--danger); background: #9c34340a; min-height: 66px; display: grid; grid-template-columns: auto 1fr 130px 80px; gap: 14px; align-items: center; padding: 12px 14px; margin-bottom: 14px; position: relative; }
.wf-alert b { font-size: 12px; }.wf-alert small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.wf-alert .factlet{border-left:1px solid var(--line);padding-left:12px;font:700 10px monospace}.wf-incident{grid-template-columns:minmax(0,1fr) 320px}.wf-stack{display:flex;flex-direction:column;gap:14px}.wf-incident .wf-map{min-height:360px}.wf-timeline-row{display:grid;grid-template-columns:70px 62px 1fr;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:10px}.wf-timeline-row time,.wf-timeline-row span{font:700 9px monospace;color:var(--muted)}.wf-timeline-row strong{font-size:11px}.wf-procedure{padding:16px}.wf-procedure h2{margin:5px 0 8px;font-size:18px}.wf-procedure p{color:var(--muted);font-size:10px;line-height:1.5}.wf-procedure ol{list-style:none;padding:0;margin:12px 0}.wf-procedure li{border-top:1px solid var(--line);padding:10px 0 10px 24px;font-size:10px;position:relative}.wf-procedure li:before{content:"□";position:absolute;left:1px}.wf-procedure li.done:before{content:"☑"}.wf-fact-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 14px;font-size:9px}.wf-fact-row span{color:var(--muted)}.wf-fact-row b{font-family:monospace}.wf-evidence-seal{margin:12px 14px;border:2px double var(--ink);padding:13px;text-align:center;font:700 10px monospace}

/* History */
.wf-search{padding:14px;margin-bottom:14px}.wf-searchbar{height:42px;border:1px solid var(--ink);display:flex;align-items:center;padding:0 12px;gap:10px}.wf-searchbar input{border:0;background:transparent;flex:1;outline:0}.wf-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.wf-filter{border:1px solid var(--line);background:#eee;padding:6px 9px;font-size:9px}.wf-chart{display:grid;grid-template-columns:300px 1fr;align-items:center;padding:18px;margin-bottom:14px;min-height:150px}.wf-chart h2{margin:3px 0 8px}.wf-chart p{font-size:10px;color:var(--muted)}.wf-bars{height:95px;display:flex;gap:8px;align-items:end;border-bottom:1px solid var(--line)}.wf-bars i{flex:1;background:#b8bab8;border-top:2px solid var(--accent)}.wf-history{grid-template-columns:minmax(0,1fr) 300px}.wf-table{width:100%;border-collapse:collapse;font-size:9px}.wf-table th,.wf-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.wf-table th{font-family:monospace;color:var(--muted);background:#eeede8}.wf-mini-map{height:180px;margin:14px;border:1px solid var(--line);background-color:#eeede8;background-image:linear-gradient(var(--soft) 1px,transparent 1px),linear-gradient(90deg,var(--soft) 1px,transparent 1px);background-size:32px 32px;position:relative}.wf-mini-map:before{content:"";position:absolute;left:20%;top:67%;width:60%;border-top:2px dashed var(--danger);transform:rotate(-23deg)}.wf-copy{padding:0 14px 16px;color:var(--muted);font-size:10px;line-height:1.5}

/* Missions */
.wf-missions{grid-template-columns:minmax(0,1fr) 340px}.wf-schedule{min-height:520px}.wf-calendar{display:grid;grid-template-columns:115px 1fr}.wf-sites{display:grid;grid-template-rows:40px repeat(4,75px);border-right:1px solid var(--line)}.wf-sites span,.wf-sites b{padding:13px 10px;border-bottom:1px solid var(--line);font-size:9px}.wf-timegrid{position:relative;min-height:340px;background-image:linear-gradient(90deg,var(--soft) 1px,transparent 1px),linear-gradient(var(--soft) 1px,transparent 1px);background-size:16.66% 75px}.wf-time-labels{height:40px;display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.wf-time-labels span{font:700 8px monospace;padding:12px 7px;border-right:1px solid var(--line)}.wf-mission-block{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:54px;background:#d2dfdf;border-left:4px solid var(--accent);padding:8px;font-size:9px}.wf-mission-block b{display:block;font-family:monospace;margin-bottom:3px}.wf-now{position:absolute;left:42%;top:40px;bottom:0;border-left:2px solid var(--danger)}.wf-now span{position:absolute;top:-17px;left:-17px;color:var(--danger);font:700 8px monospace}.wf-mission-detail{padding:16px}.wf-mission-detail h2{font-size:19px;margin:12px 0 6px}.wf-mission-detail>p{color:var(--muted);font-size:10px;line-height:1.5}.wf-route{height:175px;border:1px solid var(--line);margin:14px 0;background:repeating-linear-gradient(135deg,#deded8 0 1px,transparent 1px 16px);position:relative}.wf-route:before{content:"APPROVED CORRIDOR";position:absolute;left:18%;top:55%;width:60%;height:20%;border:2px dashed var(--accent);transform:rotate(-16deg);font:700 8px monospace;padding:4px;text-align:center}

/* Stations */
.wf-station-hero{display:grid;grid-template-columns:190px 1fr auto;gap:18px;align-items:center;min-height:160px;margin-bottom:14px;padding-right:16px}.wf-hardware{height:160px;background:repeating-linear-gradient(135deg,#deded8 0 2px,transparent 2px 12px);border-right:1px solid var(--line);display:grid;place-items:center;font:700 9px monospace;color:var(--muted)}.wf-station-hero h2{margin:8px 0 3px}.wf-kpis{display:flex;gap:20px;margin-top:17px}.wf-kpis span{font:700 10px monospace}.wf-kpis small{display:block;font:400 8px sans-serif;color:var(--muted);margin-top:2px}.wf-health{grid-template-columns:1fr 1fr;margin-bottom:14px}.wf-sector-viz{height:330px;position:relative}.wf-sector-viz .ring{position:absolute;width:220px;height:220px;border:1px solid var(--line);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.wf-sector-viz .ring:before,.wf-sector-viz .ring:after{content:"";position:absolute;background:var(--line);left:50%;top:0;bottom:0;width:1px}.wf-sector-viz .ring:after{transform:rotate(90deg)}.wf-sector-viz .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:2px solid var(--accent);border-radius:50%;background:var(--panel);display:grid;place-items:center;font:700 9px monospace}.wf-sector-viz .label{position:absolute;font:700 9px monospace}.wf-sector-viz .n{top:28px;left:48%}.wf-sector-viz .s{bottom:28px;left:48%}.wf-sector-viz .w{left:15%;top:49%}.wf-sector-viz .e{right:15%;top:49%}.wf-health-row{display:grid;grid-template-columns:1fr 150px;padding:13px 14px;border-bottom:1px solid var(--line);font-size:10px}.wf-health-row small{display:block;color:var(--muted);margin-top:3px}.wf-healthbar{height:5px;background:var(--soft);margin-top:6px}.wf-healthbar i{display:block;background:var(--accent);height:100%;width:var(--v)}

/* Admin */
.wf-admin{grid-template-columns:170px minmax(0,1fr) 265px}.wf-tabs{padding:7px;height:max-content}.wf-tabs button{display:block;width:100%;border:0;border-left:3px solid transparent;background:transparent;padding:10px;text-align:left;font-size:10px;color:var(--muted)}.wf-tabs button.active{background:#e9e8e3;border-color:var(--accent);color:var(--ink);font-weight:700}.wf-form{padding:18px}.wf-form h2{margin:3px 0 5px}.wf-form p{color:var(--muted);font-size:10px}.wf-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.wf-fields label{font-size:9px;color:var(--muted)}.wf-fields input,.wf-fields select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.wf-integrations{display:grid;grid-template-columns:1fr 1fr}.wf-integration{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px}.wf-integration .icon{width:30px;height:30px;border:1px solid var(--ink);display:grid;place-items:center;font-family:monospace}.wf-integration small{display:block;color:var(--muted);margin-top:3px}.wf-context{height:430px;background:repeating-linear-gradient(135deg,#deded8 0 2px,transparent 2px 12px);display:flex;align-items:end;padding:14px}.wf-context div{background:var(--panel);border:1px solid var(--line);padding:12px;font-size:9px;line-height:1.5}.wf-policy{display:grid;grid-template-columns:1fr 1fr;padding:0 14px}

/* Marketing wireframe */
.wf-marketing{grid-column:1/-1}.wf-marketing .wf-main{grid-column:auto;padding:0}.wf-mkt-nav{height:70px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:var(--panel)}.wf-mkt-nav nav{display:flex;gap:25px;font-size:11px;font-weight:700}.wf-mkt-hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}.wf-mkt-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center;position:relative}.wf-mkt-copy h1{font-size:56px;line-height:.95;margin:15px 0 24px;letter-spacing:-.05em}.wf-mkt-copy p{color:var(--muted);line-height:1.6;max-width:530px}.wf-image-box{background:repeating-linear-gradient(135deg,#d6d6d0 0 2px,transparent 2px 14px);display:grid;place-items:center;border-left:1px solid var(--ink);font:700 10px monospace;color:var(--muted);position:relative}.wf-mkt-section{padding:60px 7vw;border-bottom:1px solid var(--line);position:relative}.wf-mkt-section h2{font-size:32px;margin:10px 0 25px}.wf-mkt-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.wf-mkt-cards article{padding:25px;border-right:1px solid var(--line);min-height:190px}.wf-mkt-cards article:last-child{border-right:0}.wf-mkt-cards h3{margin-top:40px}.wf-mkt-cards p{color:var(--muted);font-size:11px;line-height:1.5}.wf-mkt-product{display:grid;grid-template-columns:1fr 1fr}.wf-mkt-product>div{padding:60px 7vw}.wf-mkt-product .wf-image-box{min-height:430px}.wf-mkt-footer{padding:25px 7vw;background:#dddcd7;display:flex;justify-content:space-between}

@media (max-width: 1050px) {
  :root { --sidebar: 180px; }
  .wf-main { padding-inline: 22px; }
  .wf-operations,.wf-incident,.wf-history,.wf-missions,.wf-health,.wf-admin { grid-template-columns: 1fr; }
  .wf-notes { grid-template-columns: 1fr 1fr; }
  .wf-admin>.wf-tabs { display:flex;overflow:auto; }
  .wf-admin>.wf-tabs button{width:auto;white-space:nowrap; }
  .wf-context{height:170px}.wf-queue{display:grid;grid-template-columns:1fr 1fr}.wf-queue .wf-card-head,.wf-queue .wf-queue-spacer{grid-column:1/-1}
}
@media (max-width: 720px) {
  :root { --sidebar: 0px; }
  .wf-shell { display:block; }.wf-sidebar{position:static;width:100%;height:auto;padding:10px;flex-direction:row;align-items:center;overflow:auto}.wf-sidebar .wf-env,.wf-sidebar-footer{display:none}.wf-sidebar nav{flex-direction:row;margin:0 0 0 15px}.wf-sidebar nav a{white-space:nowrap;padding:9px}.wf-sidebar nav a span{display:none}.wf-main{padding:18px 12px 50px}.wf-titlebar{flex-direction:column}.wf-actions{flex-wrap:wrap}.wf-metrics{grid-template-columns:1fr 1fr}.wf-metric:nth-child(2){border-right:0}.wf-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.wf-selection{left:14px;right:auto;width:250px}.wf-map{min-height:480px}.wf-notes{grid-template-columns:1fr}.wf-queue{display:block}.wf-alert{grid-template-columns:auto 1fr}.wf-alert .factlet{display:none}.wf-chart{grid-template-columns:1fr}.wf-station-hero{grid-template-columns:1fr;padding:0 0 15px}.wf-hardware{border-right:0;border-bottom:1px solid var(--line)}.wf-fields,.wf-integrations,.wf-policy{grid-template-columns:1fr}.wf-marketing .wf-logo{padding:0}.wf-mkt-nav nav{display:none}.wf-mkt-hero,.wf-mkt-product{grid-template-columns:1fr}.wf-image-box{border-left:0;min-height:300px}.wf-mkt-copy{padding:70px 25px}.wf-mkt-copy h1{font-size:44px}.wf-mkt-section{padding:50px 25px}.wf-mkt-cards{grid-template-columns:1fr}.wf-mkt-cards article{border-right:0;border-bottom:1px solid var(--line)}
}