.reference-screen-body{padding:14px;color:#deedf8}.reference-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px}.reference-stats>div{border:1px solid #37576d;border-radius:5px;background:#1d3649;padding:10px 8px}.reference-stats small{color:#b2cee1;font-size:7px;line-height:1.4}.reference-stats strong{display:block;font-size:16px;letter-spacing:-.5px;color:#f4faff;margin-top:7px}.reference-import{display:flex;flex-direction:column;align-items:center;padding:14px;border:1px dashed #527086;border-radius:5px;background:#1b3448;margin-bottom:12px}.reference-import .visual-icon{width:22px;height:22px;color:#70cfff;margin-bottom:8px}.reference-import strong{font-size:9px;font-weight:550}.reference-import small{font-size:7px;margin-top:5px}.reference-alert{font-size:8px;color:#ffd58e;background:#5a462c;border:1px solid #77603c;border-radius:4px;padding:8px;margin-bottom:8px}.reference-table-row{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:8px;align-items:center;border-bottom:1px solid #39576c;padding:9px 2px;font-size:7px}.reference-table-row strong{font-weight:500;color:#e4f3fd;overflow-wrap:anywhere}.reference-table-row span{font-size:7px;color:#b9d5e8}.reference-table-row i{font-style:normal;font-size:7px;text-align:right;color:#9ae4ca}.reference-readiness{display:flex;gap:14px;align-items:center;margin-bottom:12px;padding:12px;background:#1d3d50;border-radius:5px}.reference-readiness>strong{width:62px;height:62px;display:grid;place-items:center;border:4px solid #62ccae;border-right-color:#426677;border-radius:50%;font-size:17px;letter-spacing:-.5px}.reference-readiness>span{font-size:10px;color:#d8edf9}.reference-readiness small{font-size:7px;margin-top:5px;color:#ffdb9b}.reference-two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.reference-two-columns>div{padding:10px;background:#1b3448;border:1px solid #385a70;border-radius:5px}.reference-two-columns h4{font-size:8px;color:#deeffa;margin-bottom:9px;line-height:1.3}.reference-two-columns p{font-size:7px;color:#c3deef;display:flex;gap:6px;align-items:center;justify-content:space-between;border-top:1px solid #36566b;padding:8px 0 0;margin-top:7px}.reference-two-columns small{font-size:6px;color:#a5dfc8}.reference-two-columns b{font-weight:550;white-space:nowrap}.reference-toggle{display:inline-block;background:#71d6b5;border-radius:8px;width:16px;height:8px;flex-shrink:0;position:relative}.reference-toggle:after{content:'';position:absolute;right:1px;top:1px;width:6px;height:6px;border-radius:50%;background:#173b39}.reference-two-columns .reference-flag{display:grid;place-items:center;background:#705736;color:#ffd495;font-size:8px;height:15px;width:15px;border-radius:3px;flex-shrink:0}.reference-doc-intro{font-size:7px;color:#accee6;padding:3px 0 10px}.reference-doc-batches{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reference-doc-batches>div{border:1px solid #3f6177;border-left:2px solid #7bbedd;border-radius:5px;padding:10px;background:#1d364a}.reference-doc-batches header{display:flex;justify-content:space-between;align-items:center;gap:6px}.reference-doc-batches header strong{font-size:8px}.reference-doc-batches header i{font-style:normal;font-size:6px;padding:2px 4px;border-radius:3px;background:#355164;color:#d0e4f1}.reference-doc-batches small{font-size:6px;margin:7px 0 12px}.reference-doc-tags{display:flex;flex-wrap:wrap;gap:5px}.reference-doc-tags span{border:1px solid #486980;border-radius:3px;color:#d7effd;font-size:6px;padding:5px;line-height:1.3}.reference-doc-tags span:nth-child(4){background:#69bbf1;color:#12374e;border-color:#69bbf1}.reference-doc-lock{display:flex;gap:8px;align-items:center;font-size:7px;color:#b9e4d6;margin-top:13px;padding-top:11px;border-top:1px solid #3b5a70}.reference-doc-lock .visual-icon{width:15px;height:15px}.reference-green{color:#82dabd}.reference-deposit-track{height:4px;border-radius:4px;background:#3d6570;margin:13px 0 10px}.reference-deposit-track i{display:block;width:100%;height:100%;border-radius:4px;background:#71d6b5}.reference-source-file{font-size:7px;display:flex;align-items:center;gap:8px;color:#b9d8eb;background:#1c3b51;padding:10px;margin-bottom:8px;border-radius:4px}.reference-source-file .visual-icon{height:15px;width:15px;color:#8dd7ff}.reference-dispatch-batch{padding:12px;border:1px solid #385c73;border-left:2px solid #80bfdb;border-radius:5px;background:#1c3549;margin-bottom:10px}.reference-dispatch-batch:last-child{margin-bottom:0}.reference-dispatch-batch header{display:flex;justify-content:space-between;align-items:center;gap:10px}.reference-dispatch-batch header strong{font-size:9px}.reference-dispatch-batch header small{font-size:7px}.reference-dispatch-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0;font-size:6px;color:#a9cee6}.reference-dispatch-dates b{display:block;color:#e1f2fd;font-size:8px;font-weight:450;margin-top:4px}.reference-dispatch-batch>small{font-size:6px;color:#afcce0}.home-workflow-screen{padding:15px 13px 0;min-height:245px;background:#dce9f4}.home-workflow-screen .mini-visual{box-shadow:0 8px 16px #123a551a}.home-workflow-screen .reference-screen-body{padding:11px}.home-workflow-screen .reference-stats{gap:4px}.home-workflow-screen .reference-stats>div{padding:8px 5px}.home-workflow-screen .reference-stats strong{font-size:13px}.home-workflow-screen .reference-stats small{font-size:6px}.home-workflow-screen .reference-two-columns{grid-template-columns:1fr}.home-workflow-screen .reference-two-columns>div:last-child{display:none}.home-workflow-screen .reference-doc-batches{grid-template-columns:1fr}.home-workflow-screen .reference-doc-batches>div:last-child{display:none}.home-workflow-screen .reference-doc-tags{gap:4px}.home-workflow-screen .reference-dispatch-batch:last-child{display:none}.home-workflow-screen .mini-visual-bar{padding:9px 10px;font-size:8px}.home-workflow-screen .reference-table-row{grid-template-columns:1fr .8fr .6fr;font-size:6px}.home-workflow-screen .reference-table-row span,.home-workflow-screen .reference-table-row i{font-size:6px}.home-workflow-screen .reference-source-file{font-size:6px;padding:7px}.home-workflow-screen .reference-doc-lock{font-size:6px}.home-workflow-screen .reference-alert{font-size:6px}.home-workflow-screen .reference-dispatch-dates{gap:5px;font-size:6px}
.reference-app{--panel:#1b2c3c;--surface:#233c50;--ink:#e6f2fc;--muted:#abc8db;--line:#365369;--blue:#79c8ff;--soft:#1b3b51;--good:#9fe6c8;--good-bg:#214d3f;--warn:#ffdc99;--warn-bg:#604929;--bad:#ffa4ab;--bad-bg:#593039;--navy:#142a3c}.reference-app .app-sidebar .brand-logo{width:100%;height:auto;margin-bottom:24px}.reference-app .app-content .home-reference-screen{box-shadow:none}.reference-app .app-content .reference-screen-body{padding:14px}.reference-app .app-content .mini-visual-bar{display:none}.reference-app .reference-doc-batches header strong{font-size:9px}.reference-app .reference-table-row{font-size:9px}.reference-app .reference-table-row span,.reference-app .reference-table-row i{font-size:8px}#modal-demo .reference-app .reference-stats small{font-size:10px}#modal-demo .reference-app .reference-stats strong{font-size:23px}#modal-demo .reference-app .reference-import strong{font-size:14px}#modal-demo .reference-app .reference-import small{font-size:10px}#modal-demo .reference-app .reference-alert{font-size:11px}#modal-demo .reference-app .reference-table-row{font-size:11px;padding:13px 4px}#modal-demo .reference-app .reference-table-row span,#modal-demo .reference-app .reference-table-row i{font-size:10px}#modal-demo .reference-app .reference-readiness>span{font-size:15px}#modal-demo .reference-app .reference-readiness small{font-size:10px}#modal-demo .reference-app .reference-two-columns h4{font-size:13px}#modal-demo .reference-app .reference-two-columns p{font-size:10px}#modal-demo .reference-app .reference-doc-intro{font-size:10px}#modal-demo .reference-app .reference-doc-batches header strong{font-size:12px}#modal-demo .reference-app .reference-doc-batches small{font-size:10px}#modal-demo .reference-app .reference-doc-tags span{font-size:9px;padding:8px}#modal-demo .reference-app .reference-doc-lock{font-size:10px}#modal-demo .reference-app .reference-source-file{font-size:10px}#modal-demo .reference-app .reference-dispatch-batch header strong{font-size:13px}#modal-demo .reference-app .reference-dispatch-batch header small{font-size:10px}#modal-demo .reference-app .reference-dispatch-dates{font-size:9px}#modal-demo .reference-app .reference-dispatch-dates b{font-size:13px}#modal-demo .reference-app .reference-dispatch-batch>small{font-size:9px}
@media(max-width:820px){.home-workflow-screen{min-height:240px}.home-workflow-screen .reference-two-columns{grid-template-columns:1.2fr 1fr}.home-workflow-screen .reference-two-columns>div:last-child{display:block}.home-workflow-screen .reference-doc-batches{grid-template-columns:1fr 1fr}.home-workflow-screen .reference-doc-batches>div:last-child{display:block}.home-workflow-screen .reference-dispatch-batch:last-child{display:block}}
@media(max-width:600px){.reference-doc-batches{gap:7px}.reference-doc-batches>div{padding:8px}.reference-doc-batches header{flex-wrap:wrap}.reference-doc-batches header strong{font-size:7px}.reference-stats strong{font-size:16px}.reference-stats small{font-size:7px}.reference-table-row{font-size:8px}.reference-table-row span,.reference-table-row i{font-size:7px}.reference-two-columns{gap:8px}.reference-two-columns p{font-size:7px}.reference-doc-intro{font-size:7px}.home-workflow-screen{padding:17px 15px 0;min-height:0}.home-workflow-screen .reference-screen-body{padding:14px}.home-workflow-screen .reference-stats>div{padding:10px 8px}.home-workflow-screen .reference-stats strong{font-size:17px}.home-workflow-screen .reference-stats small{font-size:7px}.home-workflow-screen .reference-two-columns p{font-size:8px}.home-workflow-screen .reference-two-columns h4{font-size:9px}.home-workflow-screen .reference-table-row{font-size:8px;padding:10px 2px}.home-workflow-screen .reference-table-row span,.home-workflow-screen .reference-table-row i{font-size:7px}.home-workflow-screen .reference-source-file{font-size:7px}.home-workflow-screen .reference-doc-lock{font-size:7px}.home-workflow-screen .reference-doc-tags span{font-size:7px}.home-workflow-screen .reference-dispatch-batch header strong{font-size:11px}.home-workflow-screen .reference-dispatch-dates{font-size:7px}.home-workflow-screen .reference-dispatch-dates b{font-size:10px}.home-workflow-screen .mini-visual-bar{font-size:9px}.reference-app .app-content .reference-two-columns{grid-template-columns:1fr}.reference-app .reference-two-columns p{font-size:9px}#modal-demo .reference-app .reference-two-columns{grid-template-columns:1fr}#modal-demo .reference-app .reference-doc-tags span{font-size:8px}#modal-demo .reference-app .reference-doc-batches header strong{font-size:10px}}