:root{
  --bg:#071014;--panel:#0d1a20;--panel2:#101f26;--line:#27404a;--text:#d7e5e8;
  --muted:#78939b;--green:#35e08b;--amber:#f6c453;--red:#ff5d69;--blue:#5db6ff;--cyan:#3de0e7;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}.app{height:100vh;display:grid;grid-template-rows:58px 1fr;overflow:hidden}.topbar{display:flex;align-items:center;gap:18px;padding:0 18px;background:#081319;border-bottom:1px solid var(--line)}
.brand{font-weight:850;letter-spacing:.11em;flex:0 0 auto}.brand span{color:var(--green)}.nav{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:thin;flex:1 1 auto}.nav a{flex:0 0 auto;padding:8px 11px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:13px}.nav a.active,.nav a:hover{color:var(--text);border-color:var(--line);background:#0d1d24}.spacer{flex:0 0 4px}.live{flex:0 0 auto;font-size:12px;color:var(--green);display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}
.shell{display:grid;grid-template-columns:320px 1fr;min-height:0}.sidebar{background:var(--panel);border-right:1px solid var(--line);overflow:auto}.main{min-width:0;min-height:0;position:relative}.section{padding:14px 15px;border-bottom:1px solid var(--line)}.section h3{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:7px}.metric b{display:block;font-size:19px}.metric small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.list{display:flex;flex-direction:column;gap:7px}.item{padding:10px;background:#0b171d;border:1px solid var(--line);border-radius:7px;cursor:pointer}.item:hover{border-color:#3b5965}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.tag{font-size:10px;border:1px solid var(--line);padding:2px 5px;border-radius:4px;color:var(--muted)}.status-green{color:var(--green)}.status-amber{color:var(--amber)}.status-red{color:var(--red)}.muted{color:var(--muted)}button,.btn{background:#13252d;color:var(--text);border:1px solid #35505a;border-radius:6px;padding:9px 11px;font-weight:650;cursor:pointer}button:hover,.btn:hover{background:#19313b}.btn-accent{border-color:#208c5d;background:#0f3a29;color:#a7f8cc}.btn-warn{border-color:#9c7a25;color:#ffe19b}.kv{display:grid;grid-template-columns:100px 1fr;gap:5px 8px;font-size:12px}.kv .k{color:var(--muted)}.footer-note{font-size:10px;color:#60767d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:4px 7px;border-radius:999px;font-size:11px}.leaflet-container{background:#071014!important}.leaflet-control-attribution{font-size:9px!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0d1a20;color:var(--text)}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none}.nav a{padding:6px}.brand{font-size:13px}}

/* OpenTask/OpenChat additions */
input,select,textarea{width:100%;background:#071319;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 10px;font:inherit}textarea{resize:vertical;min-height:82px}label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row{margin-bottom:10px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px}.panel-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.panel-head h2,.panel-head h3{margin:0}.panel-body{padding:14px}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.priority-HIGH,.priority-URGENT{color:#ffb1b7;border-color:#7d3238}.priority-ROUTINE{color:var(--muted)}.status-card{border-left:3px solid var(--line)}.status-card.ASSIGNED{border-left-color:var(--amber)}.status-card.ACKNOWLEDGED{border-left-color:var(--blue)}.status-card.EXECUTING{border-left-color:var(--cyan)}.status-card.COMPLETE{border-left-color:var(--green)}.status-card.FAILED,.status-card.REJECTED,.status-card.CANCELLED{border-left-color:var(--red)}.empty{padding:24px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:8px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px;height:100%;padding:14px}.scroll{overflow:auto;min-height:0}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-entry{position:relative;padding:9px 10px 9px 15px;border-left:2px solid var(--line);background:#0a171c;border-radius:0 6px 6px 0}.context-menu{position:absolute;z-index:1000;display:none;min-width:190px;background:#071319;border:1px solid #395864;border-radius:8px;box-shadow:0 15px 40px #000b;padding:6px}.context-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px}.context-menu button:hover{background:#17303a}.modal-backdrop{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#0b171d;border:1px solid #35505a;border-radius:12px;box-shadow:0 20px 80px #000;padding:18px}.modal h2{margin:0 0 15px}.close-x{float:right;background:transparent;border:0;font-size:20px;padding:2px 6px}.chip-list{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;z-index:3000;background:#10242c;border:1px solid #37616e;border-radius:8px;padding:12px 14px;box-shadow:0 12px 40px #000b;display:none;max-width:430px}.clickable{cursor:pointer}.clickable:hover{border-color:#456775}.small{font-size:11px}.nowrap{white-space:nowrap}.danger{border-color:#7d3238!important;color:#ffb1b7!important}.success{border-color:#208c5d!important;color:#a7f8cc!important}@media(max-width:1100px){.nav{overflow-x:auto}.nav a{white-space:nowrap}.split{grid-template-columns:1fr}}@media(max-width:850px){.topbar{gap:8px}.nav a{font-size:11px}.form-grid{grid-template-columns:1fr}}