/* Officers' check history and the close/reopen form (tindak.js), shared by the dashboard and the 3D view. */
.lb-cek{font-style:normal;font-size:10.5px;font-weight:700;color:#6ff0a8;margin-left:4px}.lb-cek.kn{color:#ffc83c}
.tl-box{margin-top:10px;border-top:1px solid #16344d;padding-top:9px}
.tl-status{font-size:11.5px;line-height:1.45;border-radius:8px;padding:6px 8px;margin-bottom:7px}
.tl-status.ok{background:#0f2e1e;color:#bff5d6}.tl-status.mr{background:#3a1212;color:#ffb4b4}.tl-status.kn{background:#2b240d;color:#ffe1a0}
.tl-riwayat summary{cursor:pointer;font-size:11px;letter-spacing:1px;color:#7fe3ff;font-weight:700;text-transform:uppercase}
.tl-item{display:flex;gap:8px;margin-top:7px;font-size:11.5px}.tl-item>i{flex:0 0 8px;height:8px;border-radius:50%;margin-top:4px}
.tl-item b{color:#fff;display:block}.tl-item span{color:#8aa4b8;display:block;font-size:10.5px}.tl-item p{color:#d7e9f5;margin-top:2px;line-height:1.45}
.tl-foto{display:flex;gap:5px;margin-top:5px}.tl-foto img{width:56px;height:42px;object-fit:cover;border-radius:5px;border:1px solid #1e4668}
.tl-kosong{font-size:11px;color:#8aa4b8;margin-top:5px}
.tl-aksi{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.tl-aksi button{flex:1;min-height:38px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid #2fd6ff55;background:#0e2a40;color:#7fe3ff}
.tl-aksi .tl-tutup,.tl-aksi .tl-simpan{background:linear-gradient(180deg,#14a9d6,#0b7fa6);color:#fff;border-color:#2fd6ff}
.tl-aksi button:disabled{opacity:.6}
.tl-form label{display:block;font-size:11px;color:#8aa4b8;margin-top:7px}
.tl-form select,.tl-form textarea,.tl-form input[type=file]{display:block;width:100%;box-sizing:border-box;margin-top:3px;background:#081422;color:#d7e9f5;border:1px solid #16344d;border-radius:8px;padding:7px;font-size:12.5px}
.tl-form textarea{resize:vertical}.tl-form select:focus,.tl-form textarea:focus{outline:none;border-color:#2fd6ff}
.tl-pilih label{display:flex;gap:7px;align-items:center;color:#d7e9f5;font-size:12px;margin-top:5px}.tl-pilih input{accent-color:#2fd6ff}
.tl-cat{font-size:10.5px;color:#6f8ba1;margin-top:7px;line-height:1.45}
.tl-lembar{position:fixed;inset:0;z-index:70;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px;animation:tl-naik .2s both}
.tl-kartu{width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--panel2,#0b1622);border:1px solid var(--line2,#1e4668);border-radius:16px;padding:16px;box-shadow:0 24px 80px #000c}
.tl-kepala b{display:block;color:#fff;font-size:15px}.tl-kepala span{display:block;color:#8aa4b8;font-size:11.5px;margin-top:3px}
.tl-kartu .tl-form label{font-size:12px}.tl-kartu .tl-pilih label{font-size:13.5px;margin-top:8px}.tl-kartu .tl-form select,.tl-kartu .tl-form textarea{font-size:15px;padding:9px}
.tl-kartu .tl-aksi button{min-height:44px;font-size:13.5px}
@media (max-width:900px){.tl-lembar{align-items:flex-end;padding:0}.tl-kartu{width:100%;max-height:88vh;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}}
@keyframes tl-naik{from{opacity:0}to{opacity:1}}