.driver-documents-panel{min-width:0;padding:16px 0;font-size:16px}.driver-documents-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.driver-documents-panel h2{font-size:22px}.driver-documents-panel h3{margin:0 0 10px;font-size:18px}.driver-documents-panel label{gap:6px;font-size:14px;display:grid}.driver-documents-panel input,.driver-documents-panel select{color:#192d40;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #aabacb;border-radius:8px;padding:10px}.driver-documents-panel button,.document-file-button{color:#174777;min-height:44px;font:inherit;cursor:pointer;background:#f2f6fc;border:1px solid #abbdd0;border-radius:9px;padding:10px 14px}.driver-documents-panel button:disabled{opacity:.55;cursor:wait}.document-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;margin:16px 0;display:grid}.document-card,.document-review{background:var(--panel,#fff);overflow-wrap:anywhere;border:1px solid #ccd7e2;border-radius:12px;align-content:start;gap:8px;min-width:0;padding:16px;display:grid}.document-card>strong{font-size:20px}.document-card small,.document-review small{font-size:14px}.document-card a,.document-review a{color:#235bb2;text-decoration:underline}.document-card form{gap:10px;display:grid}.document-validity{border-radius:7px;justify-self:start;padding:6px 10px;font-weight:600}.document-validity.valid{color:#14613e;background:#dff4e9}.document-validity.warning{color:#715400;background:#fff5be}.document-validity.soon{color:#994700;background:#ffead2}.document-validity.urgent,.document-validity.expired{color:#9d2334;background:#ffe0e3}.document-validity.expired{border:1px solid #9d2334}.document-validity.unknown{color:#536272;background:#eef1f5}.document-pending{background:#edf3ff;border-left:3px solid #3766b9;gap:6px;padding:12px;display:grid}.document-update span{display:block}.document-actions{flex-wrap:wrap;gap:8px;display:flex}.document-file-button input{font-size:14px}.document-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.document-compare>div{background:var(--panel-soft,#f5f7fa);gap:6px;min-width:0;padding:12px;display:grid}.document-review{margin:12px 0}.driver-documents-panel .doc-approve{color:#fff;background:#08775e}.driver-documents-panel .doc-reject{color:#a6273d;border-color:#d5a3ad}.document-history{border-bottom:1px solid #ccd7e2;gap:5px;padding:12px 0;display:grid}.document-card summary{cursor:pointer;padding:12px 0}.document-file-button{min-width:0;max-width:100%}.document-file-button input{max-width:100%}@media (max-width:600px){.document-compare{grid-template-columns:1fr}.document-cards{grid-template-columns:minmax(0,1fr)}.document-card{padding:14px}.driver-documents-panel{padding:8px 0}.document-actions>*{flex:1;min-width:0}}.hr-edit-form .expiry-field.expiry-valid b{color:#14613e}.hr-edit-form .expiry-field.expiry-warning b{color:#856300}.hr-edit-form .expiry-field.expiry-soon b{color:#a34f00}.hr-edit-form .expiry-field.expiry-urgent b,.hr-edit-form .expiry-field.expiry-expired b{color:#b0273c}.driver-personal-compact .document-cards{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0}.driver-personal-compact .document-card{border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px;font-size:13px}.driver-personal-compact .document-card h3{grid-column:1;margin:0;font-size:15px;line-height:1.35}.driver-personal-compact .document-date-label{display:none}.driver-personal-compact .document-card>strong{grid-column:1;font-size:15px;font-weight:600}.driver-personal-compact .document-validity{grid-column:1;padding:3px 7px;font-size:12px}.driver-personal-compact .document-card>button{grid-area:1/2/4;align-self:center;max-width:105px;padding:8px;font-size:12px;line-height:1.3}.driver-personal-compact .document-card>form,.driver-personal-compact .document-card>details,.driver-personal-compact .document-card>p,.driver-personal-compact .document-card>.document-pending,.driver-personal-compact .document-card>a{grid-column:1/-1}.driver-personal-compact .document-card p{margin:3px 0;font-size:12px}.driver-personal-compact .document-card summary{padding:5px 0;font-size:12px}.driver-personal-compact .document-pending{gap:3px;padding:8px;font-size:12px}.driver-personal-compact h2{font-size:19px}
