.premium-document-header.document-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 22px 32px;background:linear-gradient(115deg,#0c263e,#0a1e34);border-bottom:1px solid #244660;min-height:150px}.premium-document-header .document-identity{display:flex;align-items:center;gap:17px;min-width:0;flex:1}.document-type-icon{position:relative;display:grid;place-items:center;width:56px;height:69px;flex-shrink:0;border-radius:9px 0 9px 9px;background:linear-gradient(145deg,#6e70eb,#3868df);color:white;font-size:15px;font-weight:800;clip-path:polygon(0 0,70% 0,100% 24%,100% 100%,0 100%)}.document-type-icon:after{content:'';position:absolute;right:0;top:0;width:17px;height:17px;background:#e5edff;border-radius:0 0 0 4px}.document-type-icon[data-type=pdf]{background:linear-gradient(145deg,#ff4756,#ef174d)}.document-heading-copy{min-width:0}.document-title-line{display:flex;align-items:center;gap:10px}.premium-document-header #document-title{margin:0;font-size:21px;line-height:1.3;color:#f0f5ff;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-document-header #document-meta{color:#91bad9;font-size:12px;margin:6px 0 10px}.document-metrics{display:flex;gap:8px;flex-wrap:wrap}.document-metrics>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #214760;border-radius:8px;background:linear-gradient(110deg,#12394a,#112b43);color:#b1d1e7;font-size:11px;white-space:nowrap}.document-metrics b{font-weight:600}.document-metrics svg{width:16px;height:16px}.confirmed-dot{display:grid;place-items:center;width:18px;height:18px;background:#14c795;color:#043f35;border-radius:50%;font-weight:900}.document-metrics>.document-progress-chip{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:145px;background:#102a42;padding:6px 9px}.document-progress-track{display:block;background:#233e59;border-radius:5px;height:4px;overflow:hidden}.document-progress-track i{display:block;height:100%;min-width:3px;border-radius:5px;background:linear-gradient(90deg,#9759ff,#4487ff);transition:width .3s ease}.document-header-actions{display:flex!important;align-items:center;gap:10px;flex-shrink:0}.document-icon-action,.document-download{display:inline-flex;align-items:center;justify-content:center;border:1px solid #224969;border-radius:9px;background:#071d33;color:#c0d6ed;height:42px;padding:0 12px;transition:background .18s,border-color .18s,transform .18s}.document-icon-action{width:39px;font-size:22px;padding:0;flex-shrink:0}.document-download{gap:9px;font-size:13px;font-weight:600}.document-icon-action:hover,.document-download:hover{background:#14324f;border-color:#7b70d4;transform:translateY(-1px)}#rename-document{height:29px;width:29px;border:0;background:transparent;color:#8eb3d1;font-size:24px}#delete-document:hover{color:#ff9aae;border-color:#b85d78}.document-page-control{display:flex;align-items:center;gap:9px;border-left:1px solid #1e3c58;padding-left:13px;color:#9fbfdb;font-size:12px}.document-page-control select{height:42px;min-width:85px;border:1px solid #244968;border-radius:9px;padding:0 11px;background:#081e34;color:#edf5ff;font-size:14px}.premium-document-header #save-state{position:absolute;bottom:9px;right:22px;color:#7f9cba;font-size:9px;margin:0}.premium-document-header>div{min-width:0}html[data-theme=light] .premium-document-header{background:linear-gradient(120deg,#ecf4ff,#f8fbff);border-color:#cadbed}html[data-theme=light] .premium-document-header #document-title{color:#132a47}html[data-theme=light] .document-metrics>span{background:#e2eff9;border-color:#c4dced;color:#365b79}html[data-theme=light] .document-icon-action,html[data-theme=light] .document-download,html[data-theme=light] .document-page-control select{background:#f1f7ff;border-color:#c3d7e9;color:#294766}html[data-theme=light] .document-progress-track{background:#c8d9ed}
@media(max-width:1550px){.premium-document-header.document-header{flex-wrap:wrap}.document-header-actions{margin-left:auto}.premium-document-header #document-title{font-size:18px}}@media(max-width:760px){.premium-document-header.document-header{padding:17px 13px 30px;gap:15px}.premium-document-header .document-identity{gap:10px;width:100%}.document-type-icon{width:40px;height:52px;font-size:11px}.premium-document-header #document-title{font-size:16px}.document-header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.document-metrics>span{font-size:10px;padding:5px 6px}.document-metrics>.document-progress-chip{min-width:110px}.document-page-control{margin-left:auto}.document-icon-action,.document-download,.document-page-control select{height:36px}.premium-document-header #save-state{right:13px}}
@media(prefers-reduced-motion:reduce){.premium-document-header *{transition:none!important}}