:root{--navy:#123d5d;--gold:#dfa500;--line:#cfdae4;--muted:#617285;--green:#087a45;--red:#b42318}
*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#172635;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.my-documents-shell{width:min(900px,100%);margin:0 auto;padding:18px;display:grid;gap:14px}.page-heading,.upload-card,.saved-card,.office-picker{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.1em;color:#6b7785}.page-heading h1{margin:3px 0;font-size:30px;color:var(--navy)}.page-heading p,.saved-heading p{margin:0;color:var(--muted)}.privacy-badge{padding:7px 11px;border-radius:999px;background:#e8f5ed;color:var(--green);font-size:11px;font-weight:900}
.hidden{display:none!important}.office-picker label,.field,.file-field{display:grid;gap:6px;font-size:13px;font-weight:900}.office-picker select,.field input,.file-field input{width:100%;min-height:48px;border:1px solid #b9c8d6;border-radius:9px;background:#fff;padding:10px;font-size:16px}
.upload-card{display:grid;gap:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.steps span{display:flex;align-items:center;gap:7px;padding:9px;border-radius:9px;background:#eef4f8;color:#29465e;font-size:12px;font-weight:800}.steps b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff}
form{display:grid;gap:15px}fieldset{margin:0;padding:0;border:0}legend{margin-bottom:8px;font-size:13px;font-weight:900}.kind-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kind-buttons label{cursor:pointer}.kind-buttons input{position:absolute;opacity:0}.kind-buttons span{display:grid;place-items:center;min-height:62px;border:2px solid #b9c8d6;border-radius:11px;background:#fff;color:var(--navy);font-size:17px;font-weight:900}.kind-buttons input:checked+span{border-color:var(--gold);background:#fff7dd;box-shadow:0 0 0 2px #fde6a4}.file-field small{font-weight:500;color:var(--muted)}
.btn{min-height:44px;border:1px solid #b9c8d6;border-radius:9px;background:#fff;color:var(--navy);padding:9px 14px;font-size:14px;font-weight:900;cursor:pointer}.btn.primary{border-color:var(--navy);background:var(--navy);color:#fff;min-height:52px;font-size:16px}.btn:disabled{opacity:.55;cursor:wait}.upload-status{min-height:20px;font-size:13px;font-weight:800;color:var(--muted)}.upload-status.ok{color:var(--green)}.upload-status.error{color:var(--red)}
.saved-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.saved-heading h2{margin:0 0 2px;font-size:20px;color:var(--navy)}.document-list{display:grid;gap:8px}.document-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #d8e1e9;border-radius:10px}.document-row strong{display:block;font-size:15px;color:var(--navy)}.document-row span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.document-row.expired{border-left:5px solid var(--red)}.document-row.expiring{border-left:5px solid #d97706}.empty{margin:0;padding:18px;text-align:center;color:var(--muted)}
@media(max-width:620px){.my-documents-shell{padding:10px}.page-heading,.upload-card,.saved-card,.office-picker{padding:14px;border-radius:10px}.page-heading h1{font-size:24px}.steps{grid-template-columns:1fr}.kind-buttons{grid-template-columns:1fr}.document-row{grid-template-columns:1fr}.document-row .btn{width:100%}}
/* v160 self-service credentials — no sideways scrolling on phones. */
.action-card{background:var(--sbm-surface,#fff);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px}
.action-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.action-head h2{font-size:19px;margin:0;color:var(--sbm-heading,#123d5d)}.action-head p,.action-head .subtle{font-size:12px;color:var(--sbm-muted,#617285);margin:4px 0 0}
.count{background:#fef0df;color:#8d4c09;border-radius:20px;padding:5px 9px;font-weight:800;font-size:12px}
.action-card.is-clear .count{background:#e6f5ec;color:#086342}
.attention-item{border:1px solid #e4d5ae;border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0;background:var(--sbm-surface,#fff)}
.attention-item strong,.attention-item span{display:block}.attention-item span{font-size:12px;margin-top:4px;color:var(--sbm-muted,#617285)}
.attention-item.expired{border-left:5px solid #b42318}.attention-item.due30,.attention-item.missing{border-left:5px solid #b9760c}.attention-item.pending{border-left:5px solid #2563eb}
.no-alerts{padding:12px;color:var(--sbm-muted,#617285);font-size:13px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.credentials{display:grid;gap:10px}.credential-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);padding:14px;border-radius:12px}.credential-row h3{font-size:17px;margin:0 0 5px;color:var(--sbm-heading,#123d5d)}
.credential-details,.credential-copy{font-size:12px;color:var(--sbm-muted,#617285);line-height:1.6}.credential-row .btn{flex:none}
.preview-item{padding:10px;border:1px dashed var(--line);border-radius:10px;margin-bottom:8px;font-size:12px;font-weight:700}.preview-item img{display:block;width:auto;max-width:100%;max-height:280px;object-fit:contain;margin-top:8px}
.file-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px}.file-links a,.legacy-row a{color:#1766ad;text-decoration:underline;font-size:13px}
.legacy-list{margin-top:12px}.legacy-list summary{cursor:pointer;font-weight:800;font-size:13px}.legacy-list p{font-size:12px;color:var(--sbm-muted,#617285)}.legacy-row{display:flex;justify-content:space-between;padding:8px 0;gap:12px;font-size:12px}
html[data-sbm-theme="dark"] .page-heading,html[data-sbm-theme="dark"] .upload-card,html[data-sbm-theme="dark"] .saved-card,html[data-sbm-theme="dark"] .office-picker,html[data-sbm-theme="dark"] .action-card{background:var(--sbm-surface,#192833);color:var(--sbm-heading,#eff6fa);border-color:var(--line,#465765)}
html[data-sbm-theme="dark"] .attention-item,html[data-sbm-theme="dark"] .credential-row{background:var(--sbm-surface,#192833)}
@media(max-width:620px){.action-card{padding:14px}.contact-fields{grid-template-columns:1fr}.credential-row,.attention-item{align-items:stretch;flex-direction:column}.credential-row .btn,.attention-item .btn{width:100%}.page-heading{align-items:flex-start}}

@media(max-width:620px){.attention-item{flex-direction:row;align-items:center;gap:8px;padding:10px}.attention-item>div{min-width:0;flex:1}.attention-item .btn{width:auto;min-height:43px;padding:8px 11px;flex:none}.credential-copy{font-size:11px}}