.doc-control{--gold:#ffd21a;--navy:#04131f}.doc-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:29px 32px;margin-bottom:20px;border-radius:22px;background:linear-gradient(120deg,#04131f,#0a2b42);color:#fff}.doc-hero .eyebrow{color:var(--gold)}.doc-hero h1{font-size:clamp(31px,4vw,47px);margin:7px 0 10px}.doc-hero p{max-width:720px;color:#a9bfcd;line-height:1.55;margin:0}.doc-identity-card{display:flex;align-items:center;gap:14px;min-width:315px;padding:13px;background:#082238;border:1px solid #31556d;border-radius:14px}.doc-identity-card small,.doc-identity-card b,.doc-identity-card strong{display:block}.doc-identity-card small{font-size:7px;color:#829fb2;letter-spacing:.08em}.doc-identity-card b{color:var(--gold);font-size:14px;margin:2px 0 6px}.doc-identity-card strong{font-size:10px}.qr-mock{width:70px;height:70px;flex:0 0 70px;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr);gap:1px;padding:4px;background:#fff;border-radius:5px}.qr-mock i{display:block;background:#061a2a}.real-doc-qr{width:70px;height:70px;object-fit:contain;background:#fff;padding:4px;border-radius:6px}.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;align-items:start}.doc-main{display:grid;gap:16px}.doc-step{padding:22px}.doc-step>header{display:flex;gap:12px;align-items:center;margin-bottom:17px}.doc-step>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#071e30;color:var(--gold);font-weight:900}.doc-step>header b,.doc-step>header small{display:block}.doc-step>header small{color:#748696;font-size:10px;margin-top:2px}.doc-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.doc-fields label{font-size:11px;font-weight:800}.doc-fields input,.doc-fields select{margin-top:5px}.controlled-sheet{max-width:720px;margin:auto;border:1px solid #cfdbe4;background:#fff;box-shadow:0 15px 40px #102b4e14;padding:28px;min-height:610px;display:flex;flex-direction:column;position:relative}.controlled-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff6b2c,#ffd21a)}.sheet-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce5eb;padding-bottom:12px}.sheet-head>div{display:flex;gap:8px;align-items:center}.sheet-head img{width:36px;height:36px}.sheet-head b,.sheet-head small{display:block}.sheet-head b{font-size:11px;letter-spacing:.07em}.sheet-head small{font-size:8px;color:#758694}.sheet-head em{font-style:normal;font-size:8px;background:#fff2c4;color:#7a5b00;border-radius:99px;padding:5px 8px;font-weight:900}.controlled-sheet h2{font-size:29px;color:#071e30;margin:30px 0 8px}.controlled-sheet>p{font-size:11px;color:#657987;line-height:1.5}.sheet-learning{margin:18px 0;padding:15px;border-left:4px solid #ff6b2c;background:#f4f7f9}.sheet-learning b,.sheet-learning span{display:block}.sheet-learning b{font-size:10px}.sheet-learning span{font-size:9px;color:#657887;margin-top:4px;line-height:1.5}.signoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin:25px 0 auto}.signoff-grid label{font-size:8px;color:#687b89}.signoff-grid span{display:block;height:25px;border-bottom:1px solid #718391}.controlled-sheet footer{display:grid;grid-template-columns:78px 1fr 1.4fr;gap:12px;align-items:center;border-top:1px solid #dce5eb;padding-top:13px}.controlled-sheet footer .qr-mock,.controlled-sheet footer .real-doc-qr{width:65px;height:65px}.controlled-sheet footer small,.controlled-sheet footer b,.controlled-sheet footer strong{display:block}.controlled-sheet footer small{font-size:6px;color:#82919d}.controlled-sheet footer b{font-size:10px;color:#e75d20;margin:2px 0 5px}.controlled-sheet footer strong{font-size:8px}.controlled-sheet footer p{font-size:7px;color:#788995;line-height:1.4}.return-drop{display:grid;place-items:center;text-align:center;padding:25px;border:2px dashed #aab9c4;border-radius:12px;background:#f8fafc;cursor:pointer}.return-drop input{display:none}.return-drop>span{font-size:25px;color:#e75d20}.return-drop b,.return-drop small{display:block}.return-drop b{font-size:11px;margin:4px 0}.return-drop small{font-size:8px;color:#82909c}.return-result{margin-top:12px;padding:14px;border-radius:10px;background:#f2f6f8}.return-result b,.return-result span{display:block}.return-result b{font-size:11px}.return-result span{font-size:9px;color:#768794;margin-top:3px}.return-result.matching{border-left:4px solid #2e9bff}.return-result.matched{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border:1px solid #efc84c;background:#fff9e6}.dc-match-summary>span{font-size:7px!important;color:#8a6900!important;font-weight:900;letter-spacing:.08em}.dc-match-summary>b{color:#071e30;font-size:13px!important;margin:3px 0}.dc-match-summary strong{font-size:9px}.dc-match-summary small{display:block;font-size:7px;color:#788995;margin-top:4px}.dc-match-summary em{display:inline-block;margin-top:8px;padding:5px 7px;border-radius:6px;background:#fff0e9;color:#a7431b;font-style:normal;font-size:8px;font-weight:900}.return-result.matched>button{justify-self:start;border:0;border-radius:8px;background:#071e30;color:#fff;padding:10px 13px;font-size:9px;font-weight:800;cursor:pointer}.return-result.matched>button:disabled{cursor:not-allowed;opacity:.48}.return-result.confirmed{border-color:#38a879;background:#edf9f3}.dc-review-gate{display:grid;gap:8px;padding:13px;border:1px solid #d9c46b;border-radius:10px;background:#fff}.dc-review-gate>b{font-size:10px!important;color:#071e30}.dc-review-gate>p{margin:0 0 2px;color:#647786;font-size:8px;line-height:1.5}.dc-review-gate>label,.dc-superseded label{display:flex;gap:8px;align-items:flex-start;color:#243a4a;font-size:9px;font-weight:700;line-height:1.35}.dc-review-gate input[type=checkbox],.dc-superseded input[type=checkbox]{width:15px;height:15px;flex:0 0 15px;margin:0;accent-color:#071e30}.dc-superseded{display:grid;gap:7px;margin-top:3px;padding:11px;border-left:4px solid #ff6b2c;background:#fff5ef}.dc-superseded>b{font-size:9px!important;color:#9e3f18}.dc-superseded>span{font-size:8px!important;color:#6a5b55}.dc-superseded textarea{width:100%;min-height:70px;resize:vertical;border:1px solid #d5c5bd;border-radius:7px;padding:8px;font:inherit}.doc-side{position:sticky;top:20px;padding:19px}.doc-side-brand{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid #dde6ec}.doc-side-brand img{width:50px;height:50px}.doc-side-brand b,.doc-side-brand small{display:block}.doc-side-brand small{font-size:8px;color:#7b8c99;margin-top:2px}.control-flow{margin:16px 0}.control-flow>div{display:grid;grid-template-columns:29px 1fr;gap:9px;position:relative;padding-bottom:15px}.control-flow>div:not(:last-child):after{content:"";position:absolute;left:14px;top:27px;height:18px;border-left:1px solid #c5d2db}.control-flow i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border:1px solid #bdcad3;border-radius:50%;font-size:8px;font-weight:900;color:#6f818f}.control-flow .done i{background:#071e30;color:#ffd21a;border-color:#071e30}.control-flow b,.control-flow small{display:block}.control-flow b{font-size:10px}.control-flow small{font-size:8px;color:#83929d;margin-top:2px}.control-warning{padding:13px;background:#fff5d7;border-left:3px solid #ffd21a;margin-bottom:14px}.control-warning b{font-size:10px}.control-warning p{font-size:8px;color:#6f7d87;line-height:1.5;margin:5px 0 0}@media(max-width:900px){.doc-layout{grid-template-columns:1fr}.doc-side{position:static}.doc-hero{display:block}.doc-identity-card{margin-top:18px;min-width:0}}@media(max-width:620px){.doc-fields{grid-template-columns:1fr}.controlled-sheet{padding:20px;min-height:560px}.controlled-sheet footer{grid-template-columns:70px 1fr}.controlled-sheet footer p{grid-column:1/-1}.signoff-grid{grid-template-columns:1fr}.doc-identity-card{align-items:flex-start}.doc-hero{padding:23px}}