/* Approved client presentation; scoped to the secure document vault. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
body[data-va-page="document-vault"]{margin:0;background:#fff;color:#171717;font-family:Manrope,Arial,sans-serif;line-height:1.6;--romy-neon-blue:#0062ff;--client-accent:#0062ff}
body[data-va-page="document-vault"] *{box-sizing:border-box}
body[data-va-page="document-vault"] :is(button,input,select,textarea){font:inherit}
body[data-va-page="document-vault"] a{color:#0057e6;text-underline-offset:4px}
body[data-va-page="document-vault"] :is(a,button,input,select):focus-visible{outline:3px solid #0062ff;outline-offset:4px}
body[data-va-page="document-vault"] .topbar{min-height:84px;padding:18px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #e5e5e5;background:#fff}
body[data-va-page="document-vault"] .brand-group{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body[data-va-page="document-vault"] .brand{display:inline-flex;align-items:flex-start;color:#0062ff;font-size:29px;font-weight:800;letter-spacing:-1.2px;line-height:1.2;text-decoration:none}
body[data-va-page="document-vault"] .brand sup{font-size:10px;letter-spacing:0;margin:3px 0 0 3px}
body[data-va-page="document-vault"] .page-label{font-size:14px;color:#505050}
body[data-va-page="document-vault"] .top-actions{display:flex;gap:22px;align-items:center;font-size:14px;flex-wrap:wrap}
body[data-va-page="document-vault"] .private-pill{color:#505050;font-size:12px}
body[data-va-page="document-vault"] .private-pill i{display:none}
body[data-va-page="document-vault"] .shell{width:min(1240px,calc(100% - 48px));margin:auto;padding:60px 0 80px}
body[data-va-page="document-vault"] .hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:end;padding:0 0 42px;margin:0 0 36px;border-bottom:1px solid #e5e5e5;background:#fff;border-radius:0;box-shadow:none}
body[data-va-page="document-vault"] .eyebrow{color:#0057e6;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
body[data-va-page="document-vault"] h1{font-size:clamp(32px,4.3vw,54px);line-height:1.12;letter-spacing:-.045em;margin:14px 0 20px;font-weight:800}
body[data-va-page="document-vault"] :is(h2,h3){font-family:inherit;font-weight:700;letter-spacing:-.025em;line-height:1.25}
body[data-va-page="document-vault"] .hero p{max-width:660px;font-size:16px;color:#505050;margin:0}
body[data-va-page="document-vault"] .security-card{padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}
body[data-va-page="document-vault"] .security-card :is(span,small){display:block;color:#505050;font-size:13px}
body[data-va-page="document-vault"] .security-card strong{display:block;margin:10px 0;font-size:18px;line-height:1.5}
body[data-va-page="document-vault"] .vault-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px}
body[data-va-page="document-vault"] .folder-panel{padding:0 24px 0 0;border-right:1px solid #e5e5e5}
body[data-va-page="document-vault"] .folder-panel h2{font-size:24px;margin:8px 0 24px}
body[data-va-page="document-vault"] #folder-list{display:grid;gap:4px}
body[data-va-page="document-vault"] .folder-button{width:100%;border:0;border-left:2px solid transparent;background:#fff;color:#505050;text-align:left;padding:10px 10px;display:flex;gap:12px;align-items:baseline;cursor:pointer;font-size:13px;line-height:1.5}
body[data-va-page="document-vault"] .folder-button span{font-size:11px;flex:0 0 18px}
body[data-va-page="document-vault"] .folder-button:hover{background:#f5f5f5;color:#171717}
body[data-va-page="document-vault"] .folder-button.active{color:#0057e6;border-left-color:#0062ff}
body[data-va-page="document-vault"] .content-panel{min-width:0}
body[data-va-page="document-vault"] .content-header{display:flex;gap:24px;justify-content:space-between;align-items:start}
body[data-va-page="document-vault"] .content-header h2{font-size:30px;margin:8px 0 12px}
body[data-va-page="document-vault"] .content-header p{color:#505050;max-width:520px;margin:0}
body[data-va-page="document-vault"] :is(#upload-button,.contact-button){display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #0062ff;border-radius:5px;background:#0062ff;color:#fff;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer}
body[data-va-page="document-vault"] #upload-button{flex-shrink:0;max-width:100%}
body[data-va-page="document-vault"] #upload-button:disabled{background:#eee;color:#505050;border-color:#ccc;cursor:not-allowed}
body[data-va-page="document-vault"] .drop-zone{padding:28px 0;margin:28px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:grid;gap:10px}
body[data-va-page="document-vault"] .drop-zone strong{font-size:18px}
body[data-va-page="document-vault"] .drop-zone :is(span,small){color:#505050;font-size:14px}
body[data-va-page="document-vault"] .recent{padding:0}
body[data-va-page="document-vault"] .recent header{display:flex;justify-content:space-between;gap:20px;align-items:center}
body[data-va-page="document-vault"] .recent h3{font-size:24px;margin:8px 0}
body[data-va-page="document-vault"] .status-pill{font-size:13px;color:#505050}
body[data-va-page="document-vault"] .empty{display:grid;gap:8px;padding:24px 0;color:#505050}
body[data-va-page="document-vault"] .empty strong{color:#171717}
body[data-va-page="document-vault"] .secure-document-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e5e5e5;overflow-wrap:anywhere}
body[data-va-page="document-vault"] .secure-document-row small{display:block;color:#505050}
body[data-va-page="document-vault"] .secure-document-status{font-size:13px;color:#505050}
body[data-va-page="document-vault"] #document-period-field{margin-top:24px;color:#505050}
body[data-va-page="document-vault"] #document-period{margin-left:12px;max-width:100%;padding:8px;border:1px solid #999;border-radius:4px;background:#fff;color:#171717}
body[data-va-page="document-vault"] .site-footer{padding:48px 24px 24px;border-top:1px solid #e5e5e5;background:#fff}
body[data-va-page="document-vault"] .footer-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}
body[data-va-page="document-vault"] .footer-brand p{max-width:540px;color:#505050;margin-top:20px}
body[data-va-page="document-vault"] .footer-contact p{color:#505050}
body[data-va-page="document-vault"] .footer-contact h2{font-size:26px;margin:12px 0}
body[data-va-page="document-vault"] .footer-bottom{max-width:1240px;margin:36px auto 0;padding-top:20px;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#505050}
@media(max-width:850px){
 body[data-va-page="document-vault"] .topbar{flex-wrap:wrap}
 body[data-va-page="document-vault"] .hero{grid-template-columns:1fr;gap:24px}
 body[data-va-page="document-vault"] .vault-layout{grid-template-columns:1fr;gap:30px}
 body[data-va-page="document-vault"] .folder-panel{border-right:0;border-bottom:1px solid #e5e5e5;padding:0 0 24px}
 body[data-va-page="document-vault"] #folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-va-page="document-vault"] .content-header{flex-direction:column}
 body[data-va-page="document-vault"] .footer-inner{grid-template-columns:1fr;gap:24px}
 body[data-va-page="document-vault"] .footer-bottom{flex-direction:column}
}
@media(max-width:420px){
 body[data-va-page="document-vault"] .shell{width:calc(100% - 36px);padding-top:36px}
 body[data-va-page="document-vault"] .brand-group{gap:12px}
 body[data-va-page="document-vault"] #folder-list{grid-template-columns:1fr}
 body[data-va-page="document-vault"] .secure-document-row{flex-direction:column;gap:8px}
}

body[data-va-page="document-vault"] :is(.vh-launch,.vh-primary){background:#0062ff;color:#fff;border-color:#0062ff;box-shadow:none;font-family:Manrope,Arial,sans-serif}