/* trip-photos-ui.css — "Foto muat truk" (trip-photos-ui.js). Big targets for the factory tablet: 52px and up, text 16px and up. */
.tp-back{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding:12px;background:rgba(16,24,40,.55);overflow-y:auto}
.tp-sheet{width:min(640px,100%);margin:auto 0;padding:14px;border-radius:14px;background:#fff;color:#101828;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.tp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tp-head h2{margin:0;font-size:1.2rem}
.tp-x{min-height:48px;padding:8px 16px;border:1px solid #C7CDD7;border-radius:10px;background:#fff;color:#344054;font:inherit;font-size:1rem;font-weight:700;cursor:pointer}
.tp-trip{margin:6px 0 10px;font-size:1rem;font-weight:700;color:#344054}
.tp-big{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:64px;margin:6px 0;padding:10px 14px;border:0;border-radius:14px;background:#4338CA;color:#fff;font:inherit;font-size:1.2rem;font-weight:800;cursor:pointer;text-align:center}
.tp-big.is-busy{opacity:.6;pointer-events:none}
.tp-big-sm{min-height:56px;font-size:1.05rem}
.tp-big input{display:none}
.tp-count{margin:6px 0;font-size:1rem;font-weight:700}
.tp-err{min-height:1.2em;margin:4px 0;font-size:1rem;font-weight:700;color:#B42318}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.tp-ph{margin:0;padding:6px;border:1px solid #D0D5DD;border-radius:12px;background:#F9FAFB}
.tp-ph img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#EAECF0}
.tp-ph figcaption{margin-top:4px;font-size:.9rem;color:#475467}
.tp-del{width:100%;min-height:48px;margin-top:6px;border:1px solid #F1B6B1;border-radius:10px;background:#fff;color:#B42318;font:inherit;font-size:1rem;font-weight:700;cursor:pointer}
.tp-note{margin:10px 0 0;font-size:.95rem;color:#475467}
/* inside the Kirim confirm sheet */
.tp-dsec{margin:12px 0;padding:10px;border:2px solid #4338CA;border-radius:12px;background:#EEF2FF}
.tp-dh{margin:0 0 4px;font-size:1.05rem}
.tp-dstat{margin:0 0 6px;font-size:1rem}
.tp-rlab{display:block;margin-top:8px;font-size:1rem;font-weight:700}
.tp-reason{display:block;width:100%;min-height:48px;margin-top:4px;padding:8px 10px;border:1px solid #C7CDD7;border-radius:8px;font:inherit;font-size:16px}
@media (max-width:600px){.tp-grid{grid-template-columns:repeat(2,1fr)}}