.documents-hero::after { content: "DOC"; }
.documents-intro, .documents-list-section, .manager-section { padding: 90px 0; }
.documents-intro-grid { display:grid; grid-template-columns:.85fr 1.2fr; gap:8vw; align-items:start; }
.documents-intro h2, .documents-heading h2, .documents-contact h2, .manager-create h2 { margin:12px 0 0; font-size:clamp(2.2rem,4.6vw,5rem); line-height:.98; letter-spacing:-.05em; text-transform:uppercase; }
.documents-intro p { margin:0; color:#626262; font-size:1.15rem; line-height:1.8; }
.documents-list-section { background:#f5f5f5; }
.documents-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:38px; }
.documents-manager-link { flex:0 0 auto; padding:15px 20px; color:#081f78; background:#ffe100; box-shadow:0 0 14px rgba(255,225,0,.3); font-weight:900; text-transform:uppercase; }
.documents-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; }
.document-card { min-height:310px; display:grid; grid-template-columns:70px 1fr; grid-template-rows:1fr auto; gap:20px; padding:32px; background:#fff; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; }
.document-number { color:#bbb; font-size:2.5rem; font-weight:200; }
.document-copy span { color:#777; font-size:.68rem; font-weight:900; letter-spacing:.13em; }
.document-copy h3 { margin:13px 0; font-size:1.55rem; line-height:1.15; }
.document-copy p { color:#666; line-height:1.65; }
.document-download { grid-column:2; display:flex; justify-content:space-between; gap:18px; padding-top:18px; color:#081f78; border-top:1px solid #ddd; font-weight:900; text-transform:uppercase; }
.document-download:hover { color:#111; }
.documents-empty { padding:55px; color:#fff; background:linear-gradient(145deg,#252525,#060606); border-left:5px solid #ffe100; }
.documents-empty span { color:#ffe100; font-size:.7rem; font-weight:900; letter-spacing:.14em; }
.documents-empty h3 { margin:14px 0 6px; font-size:2rem; }
.documents-contact { padding:70px 0; color:#fff; background:#070707; }
.documents-contact-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.documents-contact .nav-cta { flex:0 0 auto; }
.manager-section { background:#101010; color:#fff; }
.manager-layout { display:grid; grid-template-columns:.8fr 1.3fr; gap:55px; align-items:start; }
.manager-layout > .auth-alert { grid-column:1/-1; }
.manager-create { position:sticky; top:110px; padding:35px; border:1px solid #444; background:#171717; }
.document-form { display:grid; gap:18px; margin-top:30px; }
.document-form label { display:grid; gap:8px; font-size:.85rem; font-weight:800; }
.document-form label b { color:#ffe100; }
.document-form label small { color:#999; font-weight:400; }
.document-form input, .document-form textarea { width:100%; padding:14px; color:#111; background:#fff; border:0; font:inherit; }
.document-form input[type=file] { font-size:.8rem; }
.document-form > small { color:#999; line-height:1.5; }
.manager-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:25px; }
.manager-heading h2 { margin:8px 0 0; font-size:2rem; }
.manager-heading a { color:#ffe100; }
.manager-document { margin-bottom:12px; border:1px solid #444; background:#171717; }
.manager-document summary { display:grid; grid-template-columns:60px 1fr auto; gap:20px; align-items:center; padding:24px; cursor:pointer; list-style:none; }
.manager-document summary::-webkit-details-marker { display:none; }
.manager-document summary span { color:#888; font-size:.7rem; font-weight:900; }
.manager-document summary b { color:#ffe100; }
.manager-document-body { padding:0 24px 25px; border-top:1px solid #444; }
.manager-document-body .button-danger { margin-top:22px; }
@media(max-width:960px){.documents-intro-grid,.manager-layout{grid-template-columns:1fr}.documents-grid{grid-template-columns:1fr}.manager-create{position:static}.documents-contact-inner,.documents-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.documents-intro,.documents-list-section,.manager-section{padding:65px 0}.document-card{grid-template-columns:1fr;padding:24px}.document-download{grid-column:1}.documents-contact-inner .nav-cta{width:100%}.manager-document summary{grid-template-columns:45px 1fr}.manager-document summary b{grid-column:2}}
