.document-file-preview.pdf{background:#f7f8fa}.document-file-preview.pdf i{width:34px;height:42px;border:1px solid #d8dde6;border-radius:5px;background:linear-gradient(135deg,#fff 0 75%,#e8ebf0 76%);box-shadow:0 3px 8px #0001}.document-file-preview.pdf b{right:5px;bottom:5px}.document-card[data-document-uid]{cursor:pointer}.document-card[data-document-uid]:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.document-card .document-actions button{cursor:pointer}
.checkpoint-time-controls{display:grid;grid-template-columns:minmax(135px,1.4fr) minmax(92px,.7fr) minmax(82px,.6fr);gap:8px}.checkpoint-time-controls label{font-size:9px}.checkpoint-time-controls input,.checkpoint-time-controls select{width:100%;min-height:42px;margin-top:5px;padding:0 8px}
@media(max-width:820px){.document-modal{background:#0e192b}.document-modal>header,.document-checklist,.document-upload-form{background:var(--surface)}.document-center-layout{display:block;min-height:0}.document-list{max-height:none;padding:14px;gap:10px;background:#0e192b}.document-list article{grid-template-columns:92px minmax(0,1fr);gap:14px;min-height:112px;padding:13px;border-color:#2a3950;border-radius:15px;background:#142035}.document-file-preview{width:92px;height:82px;border-color:#34445c;border-radius:12px}.document-card-body{align-self:center}.document-card-heading{display:grid;gap:4px}.document-card-heading strong{font-size:16px;color:#fff}.document-card-heading small{font-size:10px}.document-list .document-file-name{font-size:11px;color:#98a6bb}.document-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.document-actions button{min-height:36px}.document-preview{display:none}.document-upload-form{padding:12px 16px!important}.checkpoint-time-row{grid-template-columns:1fr}.checkpoint-time-controls{grid-template-columns:1.35fr .75fr .7fr}.checkpoint-time-photos{grid-column:1}.checkpoint-time-row>.primary-button{width:100%}}