.p3-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.p3-heading h2{margin:0 0 4px;font-size:24px}.p3-heading p{margin:0;color:var(--muted);font-size:11px}.p3-request-bar{min-height:60px;padding:0 18px;display:flex;align-items:center;gap:40px;background:#fff;border:1px solid var(--border);border-radius:9px}.p3-request-bar div{display:flex;flex-direction:column;gap:3px}.p3-request-bar span{color:var(--muted);font-size:8px}.p3-request-bar b{font-size:10px}.p3-request-bar .ok{color:var(--success)}.p3-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:14px 0}.p3-summary article{min-height:78px;padding:14px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:9px}.p3-summary article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:var(--primary-light);color:var(--primary);font-style:normal;font-weight:700}.p3-summary article.warn>i{color:var(--warning);background:#fff5e6}.p3-summary span,.p3-summary strong{display:block}.p3-summary span{color:var(--muted);font-size:8px}.p3-summary strong{margin-top:3px;font-size:18px}.review-workspace{height:700px;display:grid;grid-template-columns:18% 47% 35%;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(20,47,52,.04)}.review-workspace>section,.review-workspace>aside{min-width:0;border-right:1px solid var(--border)}.review-workspace>aside:last-child{border:0}.workspace-title{height:55px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fbfcfc}.workspace-title h3{margin:0;font-size:10px}.workspace-title span{color:var(--muted);font-size:7px}.doc-choice{width:100%;min-height:83px;padding:12px;display:flex;gap:9px;border:0;border-bottom:1px solid #edf1f2;background:#fff;text-align:left}.doc-choice:hover{background:#f7fbfb}.doc-choice.active{background:var(--primary-light);box-shadow:inset 3px 0 var(--primary)}.doc-choice>i{width:29px;height:34px;display:grid;place-items:center;border-radius:4px;background:#eff3f4;color:#718187;font-style:normal}.doc-choice.active>i{background:#fff;color:var(--primary)}.doc-choice span{min-width:0}.doc-choice b,.doc-choice small,.doc-choice em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-choice b{font-size:9px}.doc-choice small{margin:3px 0;color:var(--muted);font-size:7px}.doc-choice em{color:var(--success);font-size:7px;font-style:normal}.document-preview{background:#edf1f2}.preview-toolbar{height:43px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border-bottom:1px solid var(--border)}.preview-toolbar button{height:27px;padding:0 8px;border:1px solid var(--border);border-radius:5px;background:#fff;color:#536168;font-size:8px}.preview-toolbar span{min-width:45px;text-align:center;color:#65747a;font-size:8px}.preview-toolbar i{width:1px;height:19px;margin:0 3px;background:var(--border)}.shipping-doc-stage{height:536px;padding:20px;overflow:auto;display:grid;place-items:start center}.shipping-doc{position:relative;width:390px;min-height:505px;padding:23px;background:#fdfdfb;color:#30383b;box-shadow:0 5px 18px rgba(25,39,42,.18);transform-origin:top center;transition:.2s;overflow:hidden}.scan-noise{position:absolute;inset:0;opacity:.04;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 4px);pointer-events:none}.shipping-doc header{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:2px solid #3d484c;font-size:9px}.ship-doc-brand{margin:18px 0 20px;font:700 28px serif;text-align:center;color:#435158}.doc-line{position:relative;z-index:1;margin:0;padding:7px 5px;border-bottom:1px solid #d6dcde;font:8px monospace}.doc-grid{height:115px;margin-top:14px;border:1px solid #adb8bc;background:repeating-linear-gradient(90deg,transparent 0 80px,#bdc6c9 80px 81px),repeating-linear-gradient(0deg,transparent 0 27px,#bdc6c9 27px 28px)}.shipping-doc footer{position:absolute;left:23px;right:23px;bottom:15px;color:#8b9598;font-size:6px;text-align:center}.source-highlight{display:none;position:absolute;left:21px;right:21px;height:29px;border:2px solid var(--primary);background:rgba(22,140,137,.14);box-shadow:0 0 0 2px rgba(255,255,255,.7);pointer-events:none;animation:sourcePulse 1.5s infinite}.source-highlight.visible{display:block}.source-highlight span{position:absolute;right:0;top:-17px;padding:2px 5px;background:var(--primary);color:#fff;font-size:6px}.source-detail{height:65px;padding:10px 13px;background:#fff;border-top:1px solid var(--border);color:var(--muted);font-size:8px}.source-detail>span{display:block;text-align:center;padding-top:14px}.source-detail>div{display:flex;justify-content:space-between;gap:8px}.source-detail div:first-child{margin-bottom:5px}.source-detail strong{color:var(--primary)}@keyframes sourcePulse{50%{background:rgba(22,140,137,.24)}}.data-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--border)}.data-tabs button{height:38px;padding:0 8px;border:0;border-bottom:2px solid transparent;background:#fff;color:#738188;font-size:7px}.data-tabs button.active{border-color:var(--primary);color:var(--primary);font-weight:700}.field-scroll{height:606px;overflow-y:auto;padding:9px}.p3-field{margin-bottom:8px;padding:11px;border:1px solid var(--border);border-radius:7px;background:#fff}.p3-field.warning{border-color:#f0d4aa}.p3-field-head{display:flex;align-items:center;justify-content:space-between}.p3-field-head>span{color:#617077;font-size:8px;font-weight:600}.p3-field-head em{padding:3px 5px;border-radius:8px;background:#eef5fb;color:#256d9c;font-size:6px;font-style:normal}.p3-value{display:block;margin:6px 0 7px;color:#263238;font-size:10px;overflow-wrap:anywhere}.field-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:var(--muted);font-size:6px}.p3-confidence{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:8px}.p3-confidence.high{color:var(--success);background:#eaf7ee}.p3-confidence.review{color:var(--warning);background:#fff5e5}.p3-confidence.manual{color:var(--error);background:#fdecec}.field-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:7px;padding-top:6px;border-top:1px solid #edf1f2}.field-actions button,.missing-value button{border:0;background:none;color:var(--primary);font-size:7px;font-weight:600}.missing-value{margin-top:7px;padding:8px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;background:#fff5e5}.missing-value strong{color:var(--warning);font-size:8px}.missing-value button{padding:5px 7px;border:1px solid #e6ba77;border-radius:4px;background:#fff}.validation-center{margin-top:16px;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.validation-head{min-height:76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.validation-head h3{margin:0;font-size:13px}.validation-head p{margin:3px 0 0;color:var(--muted);font-size:8px}.validation-totals{display:flex;gap:8px}.validation-totals span{padding:7px 9px;border-radius:6px;background:#f4f6f7;color:#67767d;font-size:7px}.validation-totals b{margin-left:5px;font-size:11px}.validation-totals .passed{color:var(--success);background:#ebf7ef}.validation-totals .warnings{color:var(--warning);background:#fff5e5}.validation-results article{min-height:67px;padding:11px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f2}.validation-results article:last-child{border:0}.validation-results article>i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e8f6ed;color:var(--success);font-style:normal;font-weight:700}.validation-results article.warning>i{background:#fff4df;color:var(--warning)}.validation-results article>div{flex:1}.validation-results h4{margin:0 0 3px;font-size:9px}.validation-results h4 em{margin-left:5px;color:var(--success);font-size:6px}.validation-results p,.validation-results small{margin:0;color:var(--muted);font-size:7px}.validation-results small{display:block;margin-top:4px;color:var(--warning)}.severity{padding:4px 7px;border-radius:9px;font-size:7px}.severity.pass{color:var(--success);background:#eaf7ee}.severity.warning{color:var(--warning);background:#fff5e5}.review-confirm{margin-top:16px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:9px}.review-confirm label{font-size:10px;font-weight:600}.review-confirm input,.certificate-confirm input{accent-color:var(--primary)}.review-confirm p{margin:4px 0 0;color:var(--warning);font-size:8px}.review-confirm .primary-button{width:auto}.p3-modal .demo-modal label{display:block;margin:12px 0;color:#59676e;font-size:9px;font-weight:600}.p3-modal .demo-modal label input{width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:6px}.p3-modal .demo-modal label input:disabled{background:#f3f5f6;color:#78868c}.modal-meta{display:flex;gap:8px}.modal-meta span{padding:5px 7px;border-radius:5px;background:var(--primary-light);color:var(--primary);font-size:7px}.draft-process{text-align:center}.draft-process>p{color:var(--muted);font-size:9px}.draft-steps{margin-top:18px;text-align:left}.draft-steps>div{height:34px;display:flex;align-items:center;gap:9px;border-top:1px solid #edf1f2;color:#8a979c;font-size:9px}.draft-steps i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#edf1f2;font-style:normal;font-size:7px}.draft-steps .done{color:var(--success)}.draft-steps .done i{background:#e8f6ed}
.certificate-page-heading{max-width:1000px;margin-left:auto;margin-right:auto}.draft-warning{max-width:1000px;margin:0 auto 16px;padding:12px 15px;display:flex;align-items:center;gap:11px;border:1px solid #edcf9d;border-radius:8px;background:#fff8ec;color:var(--warning)}.draft-warning>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffedcd;font-style:normal;font-weight:700}.draft-warning strong,.draft-warning span{display:block}.draft-warning strong{font-size:10px}.draft-warning span{margin-top:3px;font-size:8px}.certificate-area{padding:25px;display:grid;place-items:center;background:#e9edef;border:1px solid var(--border);border-radius:9px;overflow:auto}.a4-certificate{position:relative;width:794px;min-height:1123px;padding:45px 55px 36px;background:#fff;color:#20282c;box-shadow:0 8px 28px rgba(28,41,44,.16);overflow:hidden;font-family:"Noto Sans",sans-serif}.repeat-watermark{position:absolute;inset:-100px;z-index:0;color:rgba(11,107,105,.025);font-size:15px;line-height:70px;letter-spacing:7px;word-spacing:12px;transform:rotate(-20deg);pointer-events:none}.security-logo{position:absolute;z-index:0;width:480px;left:50%;top:46%;transform:translate(-50%,-50%);opacity:.05}.draft-watermark{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-30deg);width:800px;text-align:center;color:rgba(11,107,105,.1);pointer-events:none}.draft-watermark strong,.draft-watermark span{display:block}.draft-watermark strong{font-size:125px;line-height:1}.draft-watermark span{font-size:24px;letter-spacing:6px}.cert-header,.cert-title,.cert-meta,.cert-information,.cert-statement,.cert-footer,.cert-bottom{position:relative;z-index:1}.cert-header{display:flex;align-items:center;padding-bottom:18px;border-bottom:3px solid var(--primary)}.cert-header img{width:180px}.cert-header>div{margin-left:18px;padding-left:18px;border-left:1px solid #cfd9db}.cert-header>div strong,.cert-header>div span{display:block}.cert-header>div strong{color:var(--primary-dark);font-size:12px}.cert-header>div span{margin-top:4px;color:#69767b;font-size:7px}.cert-header em{margin-left:auto;padding:7px 11px;border:2px solid var(--warning);color:var(--warning);font-size:12px;font-style:normal;font-weight:700;letter-spacing:2px}.cert-title{text-align:center;padding:32px 0 20px}.cert-title p{margin:0;color:var(--primary);font-size:7px;letter-spacing:3px}.cert-title h1{margin:8px 0 4px;font:700 25px Georgia,serif;letter-spacing:1px}.cert-title span{color:#69767b;font-size:7px}.cert-meta{display:flex;justify-content:flex-end;gap:35px;padding:11px 14px;background:#f2f8f7;border-left:3px solid var(--primary)}.cert-meta span,.cert-meta b{display:block}.cert-meta span{color:#66757d;font-size:6px}.cert-meta b{margin-top:2px;font-size:8px}.cert-information{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border-top:1px solid #9caaae;border-left:1px solid #9caaae}.cert-information>div{min-height:53px;padding:9px 11px;border-right:1px solid #9caaae;border-bottom:1px solid #9caaae}.cert-information span,.cert-information strong{display:block}.cert-information span{color:var(--primary);font-size:6px;font-weight:700;letter-spacing:.5px}.cert-information strong{margin-top:6px;font-size:8px}.cert-statement{margin-top:20px;padding:13px;border:1px solid #c9d3d5;color:#56646a;font:7px/1.7 Georgia,serif;text-align:center}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:37px}.cert-footer>div:first-child{width:250px;text-align:center}.cert-footer>div:first-child span{font-size:6px;letter-spacing:1px}.cert-footer>div:first-child i{display:block;height:45px;border-bottom:1px solid #485359}.cert-footer>div:first-child b{display:block;margin-top:5px;font-size:7px}.draft-qr{display:flex;align-items:center;gap:8px}.draft-qr>span{color:#6b787e;font-size:6px;line-height:1.5}.qr-grid{width:62px;height:62px;padding:3px;display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #78858a}.qr-grid i.dark{background:#243034}.cert-bottom{position:absolute;left:55px;right:55px;bottom:22px;padding-top:8px;border-top:1px solid #9aa7ab;color:var(--error);font-size:6px;text-align:center;letter-spacing:1px}.certificate-confirm{max-width:1000px;margin:16px auto 0;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:9px}.certificate-confirm label{font-size:10px;font-weight:600}.certificate-confirm p{margin:4px 0 0;color:var(--muted);font-size:8px}.certificate-confirm .primary-button{width:auto}.confirmation-success{text-align:center}.confirmation-success .primary-button{margin-top:16px}.phase-stop{margin-top:15px;padding:12px;border-radius:7px;background:var(--primary-light);color:var(--primary)}.phase-stop b,.phase-stop span{display:block}.phase-stop span{margin-top:3px;font-size:8px}
@media(max-width:1180px){.review-workspace{height:auto;grid-template-columns:190px 1fr}.extracted-data{grid-column:1/-1;border-top:1px solid var(--border)}.field-scroll{height:auto;max-height:480px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.p3-field{margin:0}.document-preview{border-right:0!important}}@media(max-width:760px){.p3-heading{align-items:flex-start;gap:12px}.p3-heading>button{white-space:nowrap}.p3-request-bar{align-items:flex-start;gap:12px;padding:13px;flex-wrap:wrap}.p3-summary{grid-template-columns:1fr 1fr}.review-workspace{display:block}.document-list{display:grid;grid-template-columns:1fr 1fr}.document-list .workspace-title{grid-column:1/-1}.shipping-doc-stage{padding:14px;overflow:auto}.shipping-doc{width:360px}.field-scroll{display:block;max-height:none}.p3-field{margin-bottom:8px}.validation-head{align-items:flex-start;gap:12px;flex-direction:column}.validation-totals{flex-wrap:wrap}.validation-results article{align-items:flex-start}.review-confirm,.certificate-confirm{align-items:flex-start;gap:14px;flex-direction:column}.certificate-area{display:block;padding:14px}.a4-certificate{transform-origin:top left;transform:scale(.72);margin-bottom:-315px}.certificate-page-heading,.draft-warning,.certificate-confirm{max-width:none}}@media(max-width:520px){.p3-summary{grid-template-columns:1fr}.document-list{display:block}.a4-certificate{transform:scale(.48);margin-bottom:-580px}.p3-heading{display:block}.p3-heading>button{margin-top:12px}.source-detail{height:auto;min-height:65px}.source-detail>div{flex-wrap:wrap}}