/* Lugoda Sentinel — Asset Tracking & Live Assurance module styles.
   Extends shared component CSS (card/kpi/pill/chip/lrow/feed/alert/modal). Dark theme, red accent. */

.trk-note{margin-bottom:16px}
.trk-note b{color:#f3d98a}

.trk-kpis{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.trk-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.trk-kpis{grid-template-columns:repeat(2,1fr)}}

.trk-grid{align-items:start;margin-bottom:16px}
.trk-pad0{padding:0}

/* ---- live alerts column ---- */
.trk-alerts .feed{max-height:520px}
.trk-hist{padding:12px 16px;border-top:1px solid var(--line)}
.trk-histlist{margin-top:10px;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:10px}
.trk-histlist .lrow{padding:9px 13px}

/* ---- scan box ---- */
.trk-scanbox{margin-bottom:14px}
.trk-scanlbl{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}
.trk-scan{
  width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--txt);
  font-size:14px;font-family:inherit;padding:11px 13px;border-radius:10px;outline:none;transition:.15s}
.trk-scan:focus{border-color:var(--red)}
.trk-scan::placeholder{color:var(--muted)}

/* ---- selected asset action card ---- */
.trk-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}
.trk-cardhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.trk-ico{font-size:26px;line-height:1;width:42px;height:42px;display:grid;place-items:center;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:0 0 42px}
.trk-cardid{flex:1;min-width:0}
.trk-cardid b{font-size:15px;display:block}
.trk-cardid span{font-size:11px;color:var(--muted)}
.trk-cardmeta{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:14px;font-size:13px}
.trk-cardmeta>div{display:flex;flex-direction:column;gap:2px}
.trk-cardmeta span.muted{font-size:10px;text-transform:uppercase;letter-spacing:.5px}

.trk-actions{display:flex;flex-wrap:wrap;gap:7px}
.trk-actions .btn{flex:0 0 auto}
.trk-danger{border-color:var(--red-dark);color:#ff9b9b}
.trk-danger:hover{border-color:var(--red);background:#2a1416}
.trk-ok{border-color:#1f5a44;color:var(--green)}
.trk-ok:hover{border-color:var(--green);background:#13362a}

/* ---- event timeline ---- */
.trk-timeline{margin-top:16px}
.trk-timeline .cbody{max-height:520px;overflow:auto}
.trk-evrow{gap:10px}
.trk-evtime{font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);min-width:96px;flex:0 0 96px}
.trk-actor{font-size:11px;white-space:nowrap}
.trk-chip{font-weight:700;letter-spacing:.4px}
.trk-chip.red{background:#3a1416;color:#ff8b8b}
.trk-chip.green{background:#13362a;color:var(--green)}
.trk-chip.amber{background:#3a2c11;color:var(--amber)}
.trk-chip.blue{background:#102536;color:var(--blue)}
.trk-chip.grey{background:#2c2c34;color:#b9b9c2}

/* ---- modal fields + signature ---- */
.trk-modal .mbody{padding:18px}
.trk-field{margin-bottom:14px}
.trk-field>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}
.trk-in{
  width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--txt);
  font-size:14px;font-family:inherit;padding:10px 12px;border-radius:10px;outline:none;transition:.15s}
.trk-in:focus{border-color:var(--red)}
.trk-in::placeholder{color:var(--muted)}
select.trk-in{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:30px;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
select.trk-in option{background:var(--panel);color:var(--txt)}

.trk-sig{
  width:100%;height:140px;display:block;background:#15151a;border:1px dashed var(--line);
  border-radius:10px;touch-action:none;cursor:crosshair}
.trk-sigclear{margin-top:8px}