[data-screen=proformas] .offer-shell{gap:18px}[data-screen=proformas]>.offer-shell>.hero{padding:8px 0;background:none;box-shadow:none;border:0;border-radius:0}[data-screen=proformas] .hero h1{font-size:28px;margin:4px 0}[data-screen=proformas] .hero p,[data-screen=proformas] .hero .pill{display:none}[data-screen=proformas] .offer-grid{display:block}[data-screen=proformas].sp-has-selection>.offer-shell>.hero,[data-screen=proformas].sp-has-selection .offer-grid>section:first-child{display:none}[data-screen=proformas]:not(.sp-has-selection) [data-proforma-detail]{display:none}
[data-proforma-detail].sp-detail{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#102943;min-width:0}.sp-detail button,.sp-detail select{font:inherit}.sp-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;margin:0 0 9px}.sp-breadcrumb button,.sp-link{padding:0;background:none;border:0;color:#1260ab;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}.sp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.sp-heading h1{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:0 0 6px}.sp-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.sp-status{padding:5px 10px;border-radius:7px;background:#edf1f5;font-size:12px;font-weight:700}.sp-status-approved,.sp-status-po_issued{background:#d3f3e8;color:#056b59}.sp-status-correction_requested,.sp-status-rejected{background:#fff0df;color:#8d491c}.sp-status-submitted,.sp-status-under_review{background:#e8f1ff;color:#23599a}.sp-actions{display:flex;gap:10px;flex-wrap:wrap}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a8bdd1;border-radius:8px;padding:10px 14px;min-height:42px;font-size:13px!important;font-weight:700!important;color:#113659;background:#fff;cursor:pointer}.sp-button:hover{background:#f1f7fc}.sp-button.sp-gold{background:#ae7b28;border-color:#ae7b28;color:#fff}.sp-detail button:focus-visible,.sp-detail select:focus-visible,.sp-pages:focus-visible{outline:3px solid #1489c7;outline-offset:3px}.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.sp-viewer{min-width:0;border-radius:10px;overflow:hidden;background:#d8e1e9;border:1px solid #cdd7e1}.sp-toolbar{background:linear-gradient(110deg,#475767,#273947);color:#fff;display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;font-size:13px}.sp-zoom{display:flex;gap:5px;align-items:center;margin-left:auto}.sp-zoom button{border:0;background:none;color:#fff;min-width:32px;min-height:36px;display:grid;place-items:center;cursor:pointer;font-size:22px}.sp-zoom button:last-child{font-size:13px}.sp-zoom select{padding:5px 7px;border:1px solid #7b8996;background:#374a5c;color:white;border-radius:5px;width:auto;font-size:12px}.sp-pages{overflow:auto;max-height:calc(100dvh - 255px);min-height:380px;padding:16px;overscroll-behavior:contain}.sp-page-wrap{position:relative;margin:0 auto 16px;flex-shrink:0}.sp-page-wrap:last-child{margin-bottom:0}.sp-paper{box-sizing:border-box;width:794px;min-height:1123px;padding:42px 32px 25px;background:#fff;color:#132e4b;transform-origin:top left;box-shadow:0 6px 22px #20324424;font-family:Arial,sans-serif;font-size:13px;line-height:1.4;display:flex;flex-direction:column;gap:18px;overflow-wrap:anywhere}.sp-paper *{box-sizing:border-box}.sp-paper p{margin:5px 0;white-space:pre-line}.sp-letterhead{border-bottom:2px solid #214f76;padding:0 5px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sp-letterhead strong{font-size:20px;line-height:1.3;display:block;max-width:560px}.sp-letterhead-mark{font-size:32px;font-weight:700;color:#356681;letter-spacing:-2px}.sp-paper h2{font:700 27px/1.2 Arial,sans-serif;margin:0}.sp-paper-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;gap:12px}.sp-paper-meta>div+div{border-left:1px solid #d5deea;padding-left:15px}.sp-paper-meta span,.sp-terms-grid span{display:block;color:#52718d;margin-bottom:3px}.sp-paper-meta b{font-size:14px}.sp-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-parties section,.sp-terms{border:1px solid #dce5ed;border-radius:4px;overflow:hidden}.sp-paper h3{margin:0;background:#e8eef4;padding:7px 10px;font:700 12px/1.3 Arial,sans-serif}.sp-parties section>b,.sp-parties section>p{display:block;margin:8px 10px}.sp-items{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.sp-items th{background:#e8eef4;text-align:left;font-weight:700}.sp-items th,.sp-items td{padding:9px 7px;border:1px solid #dce5ed;vertical-align:top}.sp-items th:first-child{width:5%}.sp-items th:nth-child(2){width:32%}.sp-items th:nth-child(3){width:12%}.sp-items th:nth-child(4){width:15%}.sp-items th:nth-child(5){width:17%}.sp-items th:nth-child(6){width:19%}.sp-items small{display:block;margin-top:4px;font-size:11px;color:#4b647b}.sp-items td:nth-child(n+4){font-variant-numeric:tabular-nums}.sp-terms-grid{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:16px;padding:12px}.sp-terms>p{padding:0 12px 10px}.sp-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.sp-bank{display:flex;gap:10px;background:#edf3f8;padding:12px;border-radius:5px}.sp-bank>svg{flex-shrink:0}.sp-bank h3{padding:0;background:none;margin-bottom:6px}.sp-bank p{font-size:11px}.sp-totals{margin:0;border:1px solid #bb862f;border-radius:5px;padding:10px;background:#fdfaf5}.sp-totals .sp-line{padding:8px 0;font-size:12px}.sp-grand-total{font-size:16px!important;font-weight:700}.sp-notes{font-size:12px}.sp-paper-footer{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-top:auto;padding-top:15px}.sp-paper-footer small{display:block;margin-top:4px;font-size:11px;color:#576d80}.sp-barcode{max-width:300px;text-align:center}.sp-barcode svg{width:100%;max-height:40px}.sp-preview-note{font-size:11px;color:#536779;text-align:center;padding:8px}.sp-rail{display:grid;gap:12px;min-width:0}.sp-card{border:1px solid #dbe4ed;border-radius:12px;background:#fff;padding:16px;box-shadow:0 3px 14px #1c416004}.sp-card h2{display:flex;gap:9px;align-items:center;font-size:17px;line-height:1.25;margin:0 0 10px;letter-spacing:-.3px}.sp-card h2>svg{color:#a66d19;flex-shrink:0}.sp-card dl{margin:0}.sp-line{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid #e9eef4;font-size:12px;line-height:1.4}.sp-line:last-child{border-bottom:0}.sp-line dt{flex:1}.sp-line dd{margin:0;max-width:62%;text-align:right;font-weight:600;overflow-wrap:anywhere}.sp-summary-total dd{font-size:20px;font-weight:800}.sp-approval-icon{display:grid;place-items:center;background:#ad7b2b;color:white;border-radius:50%;width:22px;height:22px;font-size:13px}.sp-milestones{list-style:none;padding:0 0 4px;margin:0}.sp-milestones li{display:flex;gap:14px;align-items:center;font-size:13px;padding:6px 0;color:#6a7f93;position:relative}.sp-milestones li+li:before{content:'';position:absolute;left:10px;top:-8px;width:2px;height:14px;background:#dbe6e9}.sp-milestones li>span{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;background:#edf1f4;color:#6a7f93;z-index:1}.sp-milestones .is-done{color:#163851}.sp-milestones .is-done>span{background:#078475;color:white}.sp-version{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid #e2e8ef;padding-top:10px;font-size:12px}.sp-document{display:flex;align-items:center;gap:9px;border:1px solid #e4eaf0;border-radius:5px;padding:9px;margin-bottom:6px;font-size:12px}.sp-document>svg{color:#b77925;flex-shrink:0}.sp-document>div{flex:1;min-width:0}.sp-document b,.sp-document small{display:block;overflow-wrap:anywhere}.sp-document small{color:#61798f;font-size:11px;margin-top:3px}.sp-document-note{font-size:11px!important;line-height:1.5;color:#61798f;margin:8px 0 0}.sp-lock-note{display:flex;gap:10px;font-size:12px}.sp-lock-note>svg{color:#a66d19;flex-shrink:0}.sp-lock-note p{color:#61798f;line-height:1.5;margin:5px 0 10px}.sp-amendment{font-size:12px!important;min-height:36px;padding:6px 10px;color:#925f1b;border-color:#ba8a43}.sp-preview-expanded{overflow:hidden}.sp-viewer.sp-expanded{position:fixed;inset:12px;z-index:2147481000;display:flex;flex-direction:column;box-shadow:0 0 0 30px #092139bd}.sp-expanded .sp-pages{flex:1;max-height:none}.sp-expanded .sp-preview-note{display:none}
@media(min-width:1600px){.sp-grid{grid-template-columns:minmax(0,1fr) 385px}.sp-card{padding:18px}.sp-line{font-size:14px}.sp-milestones li{font-size:14px;padding:7px 0}.sp-pages{max-height:calc(100dvh - 235px)}}
@media(max-width:1200px){.sp-grid{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.sp-card{padding:13px}.sp-heading h1{font-size:27px}}
@media(max-width:850px){.sp-grid{grid-template-columns:1fr}.sp-pages{max-height:75dvh;min-height:300px}.sp-rail{grid-template-columns:1fr 1fr}.sp-heading{gap:12px}.sp-heading h1{font-size:25px}}
@media(max-width:540px){.sp-rail{grid-template-columns:1fr}.sp-meta{font-size:12px}.sp-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.sp-button{font-size:12px!important;padding:9px}.sp-toolbar{padding:5px 8px;gap:7px;font-size:11px}.sp-toolbar>svg{display:none}.sp-zoom{gap:0}.sp-zoom button{min-width:30px;min-height:40px}.sp-zoom select{max-width:93px}.sp-pages{min-height:260px;padding:16px}.sp-heading h1{font-size:25px}.sp-viewer.sp-expanded{inset:0;border-radius:0}.sp-breadcrumb{font-size:12px}.sp-card .sp-link{min-height:34px}.sp-summary-total dd{font-size:20px}}
@media print{body.sp-printing>*{display:none!important}body.sp-printing [data-portal],body.sp-printing .main,body.sp-printing main,body.sp-printing .content,body.sp-printing [data-screen=proformas],body.sp-printing [data-screen=proformas] .offer-shell,body.sp-printing [data-screen=proformas] .offer-grid,body.sp-printing .sp-detail,body.sp-printing .sp-grid,body.sp-printing .sp-viewer,body.sp-printing .sp-pages{display:block!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:white!important}body.sp-printing .side,body.sp-printing .topbar,body.sp-printing [data-screen]:not([data-screen=proformas]),body.sp-printing .sp-breadcrumb,body.sp-printing .sp-heading,body.sp-printing .sp-rail,body.sp-printing .sp-toolbar,body.sp-printing .sp-preview-note,body.sp-printing [data-proforma-editor],body.sp-printing [data-login-screen]{display:none!important}body.sp-printing .sp-page-wrap{width:auto!important;height:auto!important;margin:0!important;break-after:page}body.sp-printing .sp-page-wrap:last-child{break-after:auto}body.sp-printing .sp-paper{transform:none!important;width:210mm!important;min-height:297mm!important;padding:10mm 8mm 8mm!important;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}body.sp-printing .sp-items tr,body.sp-printing .sp-parties,body.sp-printing .sp-bottom{break-inside:avoid}@page{size:A4;margin:0}}
@media print{html:has(body.sp-printing),body.sp-printing{width:210mm!important;min-width:210mm!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:white!important}body.sp-printing .portal{min-width:210mm!important}body.sp-printing .sp-paper{font-size:13px!important}}