/* watchtower-ops2.css — Lost & Found (.lf-*) + Equipment (.eq-*) — item 9.
 * Command-dark. Designs: Watchtower Lost Found / Equipment Ops .dc.html */

/* shared KPI chip */
.lf-kpi, .eq-kpi { font: 700 14px/1 var(--mono); color: var(--t-0, #f1f4fb); margin-left: 8px; }
.lf-kpi em, .eq-kpi em { font: 600 9px/1 var(--label); letter-spacing: 0.08em; text-transform: uppercase; color: var(--t-3, #6b768f); font-style: normal; margin-left: 3px; }
.lf-kpi.p, .eq-kpi.out { color: var(--warn, #ffc72c); } .lf-kpi.p { color: var(--acc, #41b6e6); }
.lf-kpi.c { color: var(--ok, #3fb56b); } .eq-kpi.down { color: var(--crit, #e51e25); }

/* ----- Lost & Found ----- */
.lf-body, .eq-body { flex: 1; min-height: 0; overflow: auto; padding: 20px 26px 50px; background: var(--bg-0, #070b13); }
.lf-err, .eq-err { color: var(--crit, #e51e25); font: 12px/1.4 var(--mono); padding-bottom: 8px; }
.lf-tbl { background: var(--bg-1, #0e1626); border: 1px solid var(--l-2, #2a3148); border-radius: 8px; overflow: hidden; }
.lf-row { display: grid; grid-template-columns: 56px 1.7fr 1.2fr 120px auto; align-items: center; gap: 14px; padding: 13px 16px; border-bottom: 1px solid var(--l-1, #1d2840); }
.lf-row.lf-hd { font: 600 9px/1 var(--label); letter-spacing: 0.1em; text-transform: uppercase; color: var(--t-3, #6b768f); background: var(--bg-2, #141f33); }
.lf-tm { font-size: 12px; color: var(--t-2, #9aa6bf); } /* AA contrast (H4) */
.lf-it .d { font: 600 13px/1.2 var(--sans); color: var(--t-0, #f1f4fb); }
.lf-it .ref { font-size: 11px; color: var(--t-2, #9aa6bf); margin-top: 1px; } /* AA contrast (H4) */
.lf-zn { font-size: 11.5px; color: var(--t-2, #9aa6bf); }
.lf-st { font: 700 9px/1 var(--label); letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; border: 1px solid currentColor; justify-self: start; }
.lf-st.unclaimed { color: var(--warn, #ffc72c); } .lf-st.pending { color: var(--acc, #41b6e6); } .lf-st.claimed { color: var(--ok, #3fb56b); } .lf-st.disposed { color: var(--t-3, #6b768f); }
.lf-acts { display: flex; gap: 7px; justify-content: flex-end; }
.lf-b { font: 600 11px/1 var(--sans); padding: 6px 10px; border-radius: 5px; cursor: pointer; border: 1px solid currentColor; background: transparent; }
.lf-b.sky { color: var(--acc, #41b6e6); } .lf-b.sky:hover { background: rgba(65,182,230,0.12); }
.lf-b.green { color: var(--ok, #3fb56b); } .lf-b.green:hover { background: rgba(57,217,138,0.12); }
.lf-empty, .eq-empty { color: var(--t-3, #6b768f); font: 12px/1.5 var(--sans); padding: 28px; text-align: center; }
.lf-form { background: var(--bg-1, #0e1626); border: 1px solid var(--acc, #41b6e6); border-radius: 8px; padding: 13px 14px; margin-bottom: 14px; }
.lf-form-h { font: 600 11px/1 var(--label); letter-spacing: 0.08em; text-transform: uppercase; color: var(--t-1, #c3ccdf); margin-bottom: 10px; }
.lf-form-grid { display: grid; grid-template-columns: 2fr 1fr 1.3fr 1.3fr; gap: 9px; }
.lf-in { background: var(--bg-2, #141f33); border: 1px solid var(--l-2, #2a3148); border-radius: 6px; padding: 8px 10px; color: var(--t-0, #f1f4fb); font: 13px/1 var(--sans); }
.lf-in:focus { outline: 2px solid var(--acc, #41b6e6); outline-offset: 1px; border-color: var(--acc, #41b6e6); }
.lf-form-acts { display: flex; gap: 8px; justify-content: flex-end; margin-top: 10px; }
.lf-toast, .eq-toast { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 70; background: var(--bg-1, #0e1626); border: 1px solid var(--acc, #41b6e6); border-radius: 7px; padding: 10px 16px; font: 12px/1.3 var(--sans); color: var(--t-0, #f1f4fb); box-shadow: 0 6px 24px rgba(0,0,0,0.5); }

/* ----- Equipment ----- */
.eq-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 18px; align-items: start; }
.eq-card { background: var(--bg-1, #0e1626); border: 1px solid var(--l-2, #2a3148); border-radius: 8px; overflow: hidden; }
.eq-ch { display: flex; align-items: baseline; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--l-2, #2a3148); font: 600 11px/1 var(--label); letter-spacing: 0.08em; text-transform: uppercase; color: var(--t-1, #c3ccdf); }
.eq-scroll { max-height: 520px; overflow: auto; }
.eq-rrow { display: grid; grid-template-columns: 58px 78px 1fr 110px 90px; align-items: center; gap: 9px; padding: 9px 14px; border-bottom: 1px solid var(--l-1, #1d2840); }
.eq-rid { font-size: 13px; color: var(--acc, #41b6e6); font-weight: 600; }
.eq-rst { font: 700 8.5px/1 var(--label); letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 6px; border-radius: 3px; justify-self: start; }
.eq-rst.in { background: rgba(57,217,138,0.16); color: var(--ok, #3fb56b); }
.eq-rst.out { background: rgba(255,199,44,0.2); color: var(--warn, #ffc72c); }
.eq-rst.chg { background: rgba(65,182,230,0.16); color: var(--acc, #41b6e6); }
.eq-rst.down { background: var(--crit, #e51e25); color: #fff; }
.eq-who { font: 12.5px/1.2 var(--sans); color: var(--t-0, #f1f4fb); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eq-batt { display: flex; align-items: center; gap: 6px; }
.eq-bbar { flex: 1; height: 6px; border-radius: 3px; background: var(--bg-2, #141f33); border: 1px solid var(--l-2, #2a3148); overflow: hidden; }
.eq-bbar span { display: block; height: 100%; }
.eq-batt .mono { font-size: 11px; color: var(--t-2, #9aa6bf); }
.eq-act { justify-self: end; }
.eq-bsm { font: 600 10.5px/1 var(--sans); padding: 6px 10px; border-radius: 5px; cursor: pointer; border: 1px solid var(--l-2, #2a3148); background: transparent; color: var(--t-2, #9aa6bf); }
.eq-bsm.in { border-color: var(--ok, #3fb56b); color: var(--ok, #3fb56b); }
.eq-bsm.out { border-color: var(--acc, #41b6e6); color: var(--acc, #41b6e6); }
.eq-bsm:disabled { opacity: 0.4; cursor: not-allowed; }
.eq-sup { padding: 11px 14px; border-bottom: 1px solid var(--l-1, #1d2840); }
.eq-sup .nm { font: 600 13px/1.2 var(--sans); color: var(--t-0, #f1f4fb); display: flex; align-items: center; gap: 7px; }
.eq-sup .ch { font-size: 10.5px; color: var(--t-2, #9aa6bf); margin-top: 2px; } /* AA contrast (H4) */
.eq-supbar { height: 7px; border-radius: 4px; background: var(--bg-2, #141f33); border: 1px solid var(--l-2, #2a3148); overflow: hidden; margin: 8px 0 5px; }
.eq-supbar span { display: block; height: 100%; }
.eq-sup .ct { font: 12px/1 var(--mono); color: var(--t-2, #9aa6bf); }
.eq-sup.low .ct, .eq-sup.low .nm { color: var(--crit, #e51e25); }
.eq-lowtag { font: 700 8px/1 var(--mono); letter-spacing: 0.06em; color: #fff; background: var(--crit, #e51e25); padding: 2px 5px; border-radius: 3px; }

@media (max-width: 1000px) { .eq-grid { grid-template-columns: 1fr; } .lf-form-grid { grid-template-columns: 1fr 1fr; } .lf-row { grid-template-columns: 50px 1.5fr 110px auto; } .lf-zn { display: none; } }