
/* BPMS Increment 30 - Camera Attachment UX */
.bpms-camera-panel{background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:14px;margin:14px 0;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.bpms-camera-panel h3{margin:0 0 10px;color:#102a66;font-size:16px}
.bpms-camera-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.bpms-camera-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#f8fafc;border:1px solid #dfe5ef;border-radius:14px;padding:12px 8px;color:#102a66;font-weight:900;cursor:pointer;text-align:center;font-size:13px}
.bpms-camera-btn:hover{background:#eef4ff}
.bpms-camera-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:12px}
.bpms-camera-thumb{border:1px solid #dfe5ef;border-radius:12px;padding:6px;background:#f8fafc;font-size:11px;color:#64748b;overflow:hidden}
.bpms-camera-thumb img{width:100%;height:70px;object-fit:cover;border-radius:8px;margin-bottom:4px}
.bpms-hidden-file{display:none!important}
@media(max-width:520px){.bpms-camera-actions{grid-template-columns:1fr}.bpms-camera-btn{justify-content:flex-start;padding:13px}}
