/* IUPWATCH field operations: weather, drone security queue, land status */
.ops-mut{font-size:10.5px;color:var(--mut)}
.oc{font:700 9.5px var(--mono);padding:1px 6px;border-radius:6px;background:#0d2233;color:var(--cy)}
.oc.hj{color:var(--hj);background:#0f2a1d}.oc.kn{color:var(--kn);background:#2b240d}.oc.mr{color:var(--mr);background:#2e1212}.oc.ab{color:var(--ab)}
#btn-drone{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line2);color:var(--cy);height:34px;padding:0 12px;
  border-radius:10px;cursor:pointer;font:800 10.5px system-ui;letter-spacing:1.5px;position:relative}
#btn-drone:hover{background:#0e2a40}
#drone-n{font-style:normal;background:var(--kn);color:#1a1200;border-radius:9px;padding:0 6px;font:800 10px var(--mono);min-width:18px;text-align:center}
#drone-n:empty{display:none}#drone-n.telat{background:var(--mr);color:#fff;animation:denyut 1.2s infinite}
/* panel */
#drone{position:fixed;z-index:40;top:76px;right:14px;bottom:14px;width:min(620px,calc(100vw - 350px));display:flex;flex-direction:column;
  background:var(--panel2);border:1px solid var(--line2);border-radius:18px;box-shadow:0 24px 80px #000a;animation:naik .3s both;overflow:hidden}
.dr-kepala{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dr-kepala h3{font-size:12px;letter-spacing:2.4px;color:#fff}
#dr-tab{display:flex;gap:6px}
#dr-tab button{background:#0a1a29;border:1px solid var(--line);color:var(--mut);border-radius:8px;padding:5px 10px;font-size:11px;cursor:pointer;font-weight:700}
#dr-tab button.on{background:#0e2a40;color:var(--cy);border-color:var(--line2)}
#dr-tutup{margin-left:auto;background:#0a1a29;border:1px solid var(--line);color:var(--mut);width:30px;height:30px;border-radius:9px;cursor:pointer}
#dr-ringkas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}
#dr-ringkas .st{min-width:0;padding:5px 6px}#dr-ringkas .st b{font-size:15px}#dr-ringkas .st span{font-size:8px}
#dr-isi{flex:1;overflow-y:auto;padding:12px 14px;scrollbar-width:thin}
/* mission card */
.misi{background:#0a1826;border:1px solid var(--line);border-left:3px solid var(--cy);border-radius:12px;padding:10px 12px;margin-bottom:9px}
.misi.mr{border-left-color:var(--mr)}.misi.kn{border-left-color:var(--kn)}.misi.tutup{opacity:.82}
.m-atas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.m-atas b{font-size:12.5px;color:#fff}
.m-id{font:10px var(--mono);color:var(--mut)}
.pil{font:800 8.5px system-ui;letter-spacing:1.2px;padding:2px 7px;border-radius:6px;background:#0d2233;color:var(--cy)}
.pil.mr{background:#3a1212;color:#ff8a8a}.pil.kn{background:#33290b;color:#ffd466}.pil.hj{background:#0f2e1e;color:#6ff0a8}.pil.ab{background:#1c222b;color:#a3adbb}
.m-atas .pil:last-child{margin-left:auto}
.m-ket{font-size:11px;color:#b8cfe0;margin:5px 0}
.m-bawah{display:flex;gap:12px;flex-wrap:wrap;font-size:10.5px;color:var(--mut)}
.m-st{color:#9fd8ef}.m-st.terbang{color:var(--hj)}.m-st.selesai{color:var(--hj)}.telat{color:var(--mr)!important;font-weight:700}
.m-lap{margin-top:7px;font-size:10.5px;color:#a9c6da;background:#08131f;border:1px solid var(--line);border-radius:9px;padding:7px 9px}
.m-lap div{margin-top:3px;color:#d7e9f5}
.m-foto{display:flex;gap:6px;margin-top:6px}.m-foto img{width:64px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--line2)}
.m-aksi{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.m-aksi button,.om-aksi button{background:#0e2a40;border:1px solid var(--line2);color:var(--cy);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer}
.m-aksi button.utama,.om-aksi button.utama{background:linear-gradient(180deg,#14a9d6,#0b7fa6);color:#fff;border-color:#2fd6ff}
.m-aksi button:disabled,.om-aksi button:disabled{opacity:.5}
/* flights table */
table.dr-tab{width:100%;border-collapse:collapse;font-size:10.5px}
table.dr-tab th{text-align:left;color:var(--mut);font-weight:700;letter-spacing:1px;font-size:9px;padding:5px 6px;border-bottom:1px solid var(--line)}
table.dr-tab td{padding:6px;border-bottom:1px solid #10263a;vertical-align:top;color:#d7e9f5}
.hs{font-weight:700}.hs.terkonfirmasi{color:var(--mr)}.hs.aktivitas-sah{color:var(--cy)}.hs.tidak-ditemukan{color:var(--hj)}.hs.tidak-terjangkau{color:var(--kn)}
/* forms */
.ops-modal{position:fixed;inset:0;z-index:60;background:#020810cc;display:flex;align-items:center;justify-content:center;padding:14px;}
.om-isi{width:min(720px,100%);max-height:92vh;overflow-y:auto;background:#0b1826;border:1px solid var(--line2);border-radius:16px;padding:16px 18px;box-shadow:0 30px 90px #000}
.om-isi h3{font-size:14px;color:#fff;margin-bottom:4px}
.fg{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 12px;margin:10px 0}
.fg label,.cek{display:flex;flex-direction:column;gap:4px;font-size:10px;letter-spacing:.8px;color:var(--mut);text-transform:uppercase}
.fg label.lebar{grid-column:1/-1}
.fg input,.fg select,.fg textarea{background:#081422;border:1px solid var(--line);color:var(--tx);border-radius:8px;padding:8px 9px;font:13px system-ui;text-transform:none;letter-spacing:0}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--cy)}
.cek{flex-direction:row;align-items:center;text-transform:none;font-size:11.5px;letter-spacing:0;margin:4px 0}
.om-aksi{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
ol.sas{margin:6px 0 4px 18px;font-size:10.5px;color:#b8cfe0;max-height:130px;overflow-y:auto}ol.sas .mono{font-family:var(--mono);color:var(--mut)}
/* weather */
.cu-atas{display:grid;grid-template-columns:170px 1fr;gap:9px}
.cu-vonis{border-radius:12px;padding:10px 12px;border:1px solid var(--line);background:#0a1826;display:flex;flex-direction:column;justify-content:center}
.cu-vonis b{font:800 14px system-ui;letter-spacing:1.5px}.cu-vonis span{font-size:10.5px;color:var(--mut);margin-top:3px}
.cu-vonis.hj{border-color:#1c5a3c;background:#0b2219}.cu-vonis.hj b{color:var(--hj)}
.cu-vonis.kn{border-color:#5a4a16;background:#221c08}.cu-vonis.kn b{color:var(--kn)}
.cu-vonis.mr{border-color:#5a1c1c;background:#220b0b}.cu-vonis.mr b{color:var(--mr)}.cu-vonis.ab b{color:var(--ab)}
.cu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}
.cu-grid div{background:#0a1826;border:1px solid var(--line);border-radius:10px;padding:6px 9px}
.cu-grid b{display:block;font:700 12.5px var(--mono);color:#e9f6ff}.cu-grid span{font-size:9px;color:var(--mut);letter-spacing:.4px}
.cu-jendela{margin:8px 0 6px;font-size:11px;color:#b8cfe0}.cu-jendela b{color:var(--hj)}
.cu-jam{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:54px;align-items:end;background:#0a1826;border:1px solid var(--line);border-radius:10px;padding:5px 6px 0}
.cu-jam div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.cu-jam i{display:block;width:100%;min-height:3px;border-radius:2px 2px 0 0;background:var(--hj)}
.cu-jam .terbatas i{background:var(--kn)}.cu-jam .tidak i{background:var(--mr)}.cu-jam .malam i{background:#2a3442}
.cu-jam span{font:8px var(--mono);color:var(--mut);margin-top:2px}
.cu-leg{font-size:9.5px;color:var(--mut);margin-top:4px}.cu-leg span{margin-right:8px}
.cu-leg .hj{color:var(--hj)}.cu-leg .kn{color:var(--kn)}.cu-leg .mr{color:var(--mr)}.cu-leg .ab{color:#5d6b7c}
.cu-hari{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:8px}
.cu-hari div{background:#0a1826;border:1px solid var(--line);border-radius:9px;padding:6px 7px;display:flex;flex-direction:column;gap:1px;font-size:9.5px;color:var(--mut)}
.cu-hari b{color:#fff;font-size:10.5px}.cu-citra{color:var(--cy)!important}
/* land status */
.lh-vonis{border-radius:12px;padding:10px 12px;border:1px solid var(--line);background:#0a1826;margin-bottom:8px}
.lh-vonis b{font:800 13px system-ui;letter-spacing:1.2px}.lh-vonis.bersih b{color:var(--hj)}.lh-vonis.perhatian b{color:var(--kn)}.lh-vonis.konflik b{color:var(--mr)}
.lh-vonis span{display:block;font-size:10.5px;color:var(--mut);margin-top:2px}
table.lh{width:100%;border-collapse:collapse;font-size:10.5px}
table.lh th{text-align:left;color:var(--mut);font-size:9px;letter-spacing:1px;padding:5px 6px;border-bottom:1px solid var(--line)}
table.lh td{padding:6px;border-bottom:1px solid #10263a;color:#d7e9f5;vertical-align:top}
table.lh td .sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}
/* layer switch */
#lapis{position:fixed;z-index:17;left:336px;bottom:52px;display:flex;gap:6px}
#lapis label{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:5px 10px;font-size:10.5px;color:#b8cfe0;cursor:pointer;display:flex;gap:6px;align-items:center;}
@media (max-width:900px){
  #btn-drone span{display:none}#btn-drone{padding:0 9px}
  #drone{top:0;left:0;right:0;bottom:0;width:auto;border-radius:0;z-index:45}
  #dr-ringkas{grid-template-columns:repeat(4,1fr)}
  .cu-atas{grid-template-columns:1fr}.cu-hari{grid-template-columns:repeat(4,1fr)}
  .fg{grid-template-columns:1fr}
  #lapis{left:8px;bottom:calc(64px + env(safe-area-inset-bottom));flex-direction:column}
  /* an open map card (patch, object, vessel) is read first: the layer switches step aside while it is open, they
     cannot be stacked above the map (the map is its own fixed layer) */
  body:has(.maplibregl-popup) #lapis{display:none}
}
.ic-bawah{flex-wrap:wrap;row-gap:4px}.ic-bawah>span{white-space:nowrap}
#lp-leg{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:5px 10px;display:flex;flex-wrap:wrap;gap:4px 10px;max-width:520px;font-size:10px;color:#b8cfe0;}
#lp-leg span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px;background:var(--c);opacity:var(--o,1)}
#lapis{align-items:flex-end;flex-wrap:wrap;max-width:calc(100vw - 680px)}
select.koor-pilih{background:var(--panel);border:1px solid var(--line);color:#9fd8ef;height:34px;border-radius:10px;padding:0 8px;font:700 10.5px system-ui;max-width:230px}
.koor-wrap{position:relative;display:inline-flex;align-items:center}
.koor-chip{display:none}
@media (max-width:900px){
  .koor-chip{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:58px;padding:0 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:#9fd8ef;font:700 11px system-ui;letter-spacing:.04em;white-space:nowrap;}
  .koor-wrap select.koor-pilih{position:absolute;inset:0;width:100%;max-width:none;height:100%;opacity:0;cursor:pointer}
}
.pop-grid b.mono{white-space:nowrap}
.cu-kerja{display:inline-block;margin:2px 0;padding:2px 6px;border-radius:6px;font-weight:700;font-size:10px;letter-spacing:.3px}
.cu-kerja.hj{background:#0f2e1e;color:#6ff0a8}.cu-kerja.kn{background:#33290b;color:#ffd466}.cu-kerja.mr{background:#3a1212;color:#ff8a8a}
.arsip.indikasi summary{color:#9fb3c8}
.pill-st{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:.3px;vertical-align:1px}
.pill-st.hijau{background:#0f2e1e;color:#6ff0a8}.pill-st.merah{background:#3a1212;color:#ff8a8a}.pill-st.kuning{background:#33290b;color:#ffd466}.pill-st.abu{background:#1c222b;color:#a3adbb}
.unit-bar{height:6px;border-radius:3px;background:#172233;margin:6px 0 4px;overflow:hidden}
.unit-bar i{display:block;height:100%;background:#3ddc97}.unit-bar i.merah{background:#ff5252}.unit-bar i.kuning{background:#ffc83c}.unit-bar i.abu{background:#556274}
.unit-riwayat{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:6px}
.unit-riwayat i{flex:1;max-width:14px;background:#2f6f8f;border-radius:2px 2px 0 0}.unit-riwayat i.lebih{background:#ff5252}