.operational-list { margin-top: 14px; }
.assigned-form-strip { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:9px; }
.assigned-form-strip span { color:var(--muted); font-size:8px; }
.assigned-form-strip b { padding:5px 8px; border:1px solid #245276; border-radius:999px; background:#0d2b47; color:#bfeeff; font-size:8px; font-weight:700; }
.assigned-form-strip .missing { color:#ff9da8; }
.operational-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; max-width: 850px; }
.operational-form label { display: block; color: var(--muted); font-size: 10px; }
.operational-form input, .operational-form select, .operational-form textarea { display: block; width: 100%; margin-top: 7px; background: #08182c; color: #fff; border: 1px solid var(--line); border-radius: 9px; padding: 12px; outline: none; }
.operational-form textarea { min-height: 100px; resize: vertical; }
.operational-form label small { display: block; margin-top: 6px; }
.operational-form .full { grid-column: 1 / -1; }
.form-actions { display: flex; gap: 10px; }
.form-actions button { border: 0; border-radius: 9px; background: linear-gradient(90deg, var(--blue), var(--blue2)); color: #04101e; font-weight: 800; padding: 12px 18px; cursor: pointer; }
.form-actions .secondary { background: #17324e; color: #9db3c8; }
.photo-preview { grid-column: 1 / -1; border: 1px dashed var(--line); border-radius: 10px; padding: 10px; }
.photo-preview img, .evidence-photo { max-width: 260px; max-height: 190px; border-radius: 9px; object-fit: cover; }
.field-suffix { align-self: end; padding: 13px 0; color: var(--muted); font-size: 11px; }
.operational-record { display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.operational-record .record-icon { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: #123b5e; color: var(--blue); }
.operational-record b, .operational-record small { display: block; }
.operational-record small { color: var(--muted); font-size: 9px; margin-top: 5px; }
.operational-record button { border: 1px solid var(--line); background: #102d4a; color: #bcd5e7; border-radius: 7px; padding: 7px 9px; font-size: 9px; }
.record-evidence { display: flex; align-items: center; gap: 10px; }
.record-actions { display: grid; gap: 7px; }
.record-actions .danger-text { color: #ff7d8c; border-color: #7b2a38; }
.dynamic-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #07182d66; }
.dynamic-fields label { color: var(--muted); font-size: 10px; }
.dynamic-fields input, .dynamic-fields select, .dynamic-fields textarea { width: 100%; margin-top: 7px; background: #08182c; color: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 10px; }
.dynamic-fields input[type="file"] { min-height: 58px; padding: 12px; border: 2px dashed #2286b8; background: #0b2945; cursor: pointer; }
.sos-alert { margin: 12px; border: 1px solid var(--line); border-left: 6px solid #ff465c; border-radius: 12px; background: #0a2039; overflow: hidden; }
.sos-alert.pending { border-left-color: #ff465c; }.sos-alert.in-progress { border-left-color: #ffb13b; }.sos-alert.resolved { border-left-color: #23d29f; }.sos-alert.false-alarm { border-left-color: #8795a7; }
.sos-alert-head,.sos-alert-body,.sos-actions { padding: 13px 16px; }.sos-alert-head { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }.sos-alert-head b,.sos-alert-head strong { display:block; }.sos-alert-head strong { margin-top:4px; font-size:12px; }.sos-live-dot { display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:50%; background:#ff465c; box-shadow:0 0 0 6px #ff465c20; animation:speakerPulse 1.2s infinite; }.sos-status { align-self:center; padding:7px 10px; border-radius:20px; background:#152f49; font-size:9px; }.sos-alert-body { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.sos-alert-body p { margin:0; color:var(--muted); font-size:9px; }.sos-actions { display:flex; align-items:center; gap:8px; background:#07182d; }.sos-actions a,.sos-actions select { padding:9px 12px; border:1px solid #245276; border-radius:8px; color:#dff4ff; background:#12324f; text-decoration:none; font-size:9px; }.sos-actions select { margin-left:auto; }
.sos-nearby{padding:14px 16px;border-top:1px solid var(--line);background:#081b31}.sos-nearby h4{margin:0 0 3px;color:#fff}.sos-nearby>p{margin:0 0 11px;color:#89a6be;font-size:9px}.sos-supervisor-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:7px;padding:10px;border:1px solid #1d405f;border-radius:9px;background:#0b2742}.sos-supervisor-row.assigned{border-color:#22d39f;box-shadow:inset 4px 0 #22d39f}.sos-supervisor-row div{display:grid;gap:3px}.sos-supervisor-row small{color:#8fa9c1;font-size:8px}.sos-supervisor-row>strong{color:#6fe4ff}.sos-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#12436a;color:#fff;font-weight:900}.sos-assignment{display:flex;align-items:end;gap:9px;margin-top:12px;padding-top:12px;border-top:1px dashed #28506e}.sos-assignment label{display:grid;gap:5px;flex:1;color:#9eb8cc;font-size:9px}.sos-assignment select,.sos-assignment button{min-height:39px;border:1px solid #2a5d80;border-radius:8px;background:#103653;color:#fff;padding:9px}.sos-assignment button{border:0;background:linear-gradient(90deg,#16bceb,#0877d9);color:#031424;font-weight:900;cursor:pointer}.toggle-label.disabled{opacity:.48}
@media(max-width:850px){.sos-alert-body{grid-template-columns:1fr}.sos-actions{flex-wrap:wrap}.sos-actions select{width:100%;margin-left:0}.sos-supervisor-row{grid-template-columns:28px 1fr}.sos-supervisor-row>strong{grid-column:2}.sos-assignment{align-items:stretch;flex-direction:column}}
.notification-overdue { border-left: 3px solid var(--red); }
.notification-pending { border-left: 3px solid #e5b53f; }
@media (max-width: 850px) {
  .operational-form { grid-template-columns: 1fr; }
  .operational-form .full { grid-column: auto; }
}
.user-form-grid { display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:12px; }
.attendance-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; background:linear-gradient(135deg,#0b2949,#0a4e78); }
.attendance-actions { display:flex; gap:10px; flex-wrap:wrap; }
.attendance-report-filter { margin-top:16px; }
.table-gps { display:block; max-width:390px; margin-top:5px; color:#7faac7; line-height:1.35; }
@media (max-width:900px) {
  .user-form-grid { grid-template-columns:1fr; }
  .attendance-hero { align-items:flex-start; flex-direction:column; }
  .attendance-actions { width:100%; }
  .attendance-actions button { flex:1; }
}