/* User-selected type and print language, inside the winning workspace. */
.google-account{padding-top:52px}.account-intro{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:26px}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #747775;border-radius:6px;background:#fff;color:#1f1f1f;width:100%;padding:13px 16px;font:500 14px Archivo,sans-serif;min-height:48px}.google-button:hover{background:#f5f7f4}.google-button:disabled{opacity:.6}.account-divider{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:11px;color:var(--muted)}.account-divider:before,.account-divider:after{content:'';flex:1;height:1px;background:var(--line)}.account-form .guest-button{margin:0 0 15px}.auth-message{font-size:12px;line-height:1.6;color:#475d4c;margin:0 0 14px}.signed-person{display:flex;gap:12px;align-items:center;margin:20px 0}.signed-person>div>span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.signed-person .avatar{color:#fff}.account-form.google-account .disclosure{font-size:11px}
h1,h2,h3,.brand,.rail-note,.paper-dealer strong,.dock-balance strong,.history-overview strong,.receipt-amount strong,.ledger-row.final-balance>strong,.account-art h2{font-family:var(--heading);font-optical-sizing:auto;font-weight:700}.brand{font-weight:800}.brand-dot{display:none}.rail-note{font-size:25px;font-weight:600;line-height:1.12}.account-art h2{font-size:33px}.paper-title h2{font-family:var(--heading)}.dock-balance strong{font-weight:800}.registration-plate{border:2px solid #10161d;border-radius:9px;background:#ffd400}.registration-plate input{font-family:Archivo,sans-serif;font-variation-settings:'wdth' 87,'wght' 700;text-align:center;font-size:34px;letter-spacing:.045em;min-height:66px;color:#10161d}.uk-badge{background:#143d84;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none;width:42px;color:#fff!important;padding:0!important;border:0!important;line-height:1!important}.uk-badge svg{width:21px;height:13px;display:block}.uk-badge b{font:700 12px/1 Archivo,sans-serif}.doc-plate{display:flex;align-items:center;border:1px solid #10161d;background:#ffd400;border-radius:5px;overflow:hidden;color:#10161d;min-height:38px;width:100%}.doc-plate>.uk-badge{width:24px;gap:3px}.doc-plate .uk-badge svg{width:13px;height:8px}.doc-plate .uk-badge b{font-size:7px}.doc-plate>strong{font-family:Archivo,sans-serif;font-variation-settings:'wdth' 87,'wght' 700;font-size:20px;text-align:center;letter-spacing:.035em;padding:4px 9px;flex:1;white-space:nowrap}
.paper.structured-document{color:#10161d;padding:32px 30px 23px;min-height:810px;display:flex;flex-direction:column;gap:0;font-family:Archivo,sans-serif;line-height:1.3}.structured-document:after{display:none}.doc-header{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:2px solid #10161d;padding:4px 0 25px;margin-bottom:20px}.doc-business{display:flex;gap:11px;flex:1;min-width:0}.doc-logo{flex:none;width:38px;height:38px;background:#10161d;color:#ffd400;border-radius:5px;display:grid;place-items:center;font-family:var(--heading);font-size:15px;font-weight:800;overflow:hidden}.doc-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.doc-business>div:last-child{min-width:0}.doc-business strong{font-family:var(--heading);font-size:16px;font-weight:750}.doc-business p{font-size:8px;color:#4d5c69;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.doc-business p+p{margin-top:0}.doc-heading{text-align:right;flex:none;max-width:43%}.doc-heading h2{font-family:var(--heading);font-size:24px;letter-spacing:-.035em;font-weight:800;line-height:1.1;margin-bottom:7px}.doc-heading p{font-size:8px;color:#4d5c69}.doc-heading p strong{color:#10161d;font-weight:600}.structured-document>section{margin-bottom:17px}.doc-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #87909a;margin-bottom:9px;padding-bottom:4px}.doc-section-heading h3{font-family:var(--heading);font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap}.doc-section-heading h3>span{font-size:9px;color:#687784;margin-right:9px}.doc-section-heading>p{font-size:8px;color:#4d5c69;text-align:right;max-width:66%}.doc-grid{display:grid;gap:10px 15px}.customer-grid{grid-template-columns:.9fr 1.25fr .9fr}.doc-field{min-width:0}.doc-field>span{font-size:7px;text-transform:uppercase;font-weight:500;color:#526575;display:block;letter-spacing:.025em;line-height:1.25}.doc-field>div{border-bottom:1px solid #edf0f3;padding:3px 0 4px;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.doc-vehicle-top{display:grid;grid-template-columns:1.4fr 1.1fr 1.1fr .8fr;gap:13px;align-items:end;margin-bottom:10px}.vehicle-grid{grid-template-columns:.75fr .85fr .9fr 1.45fr .65fr}.doc-grid.two{grid-template-columns:1fr 1fr}.doc-grid.three{grid-template-columns:1fr 1fr 1fr}.doc-price-table{width:100%;border-collapse:collapse;font-size:10px}.doc-price-table td{border-bottom:1px solid #dfe4e9;padding:6px 0;vertical-align:top;overflow-wrap:anywhere}.doc-price-table td:first-child{padding-right:14px}.doc-price-table td:last-child{width:92px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.doc-price-table small{font-size:8px;color:#526575}.doc-price-table .total td{font-weight:600}.doc-price-table .vat-row td{font-size:8px;color:#526575}.doc-finance-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:23px;margin:0 0 18px;align-items:start}.doc-finance-columns section+section{margin-top:18px}.doc-total-box{border:1px solid #10161d;border-radius:6px;padding:14px 14px 11px;font-size:10px}.doc-total-box .ledger-row{padding:4px 0;border-bottom:1px solid #e4e8ec;gap:10px}.doc-total-box .ledger-row>span{color:#273b4b}.doc-total-box .ledger-row strong{font-family:Archivo,sans-serif;font-weight:500}.doc-balance{border-top:1px solid #87909a;padding-top:8px;margin-top:0}.doc-balance>span{font-size:8px;text-transform:uppercase;display:block}.doc-balance>strong{font-family:var(--heading);font-weight:800;font-size:27px;line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.doc-terms p{font-size:9px;color:#465968;line-height:1.6;overflow-wrap:anywhere}.doc-signatures{display:flex;gap:28px;padding-top:52px;margin-top:auto;margin-bottom:22px}.doc-signatures>div{border-top:1px solid #7d8a95;padding-top:5px;display:flex;justify-content:space-between;flex:1;font-size:8px;color:#465968}.doc-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0f3;padding-top:10px;font-size:7px;color:#526575}.doc-footer strong{font-weight:600;color:#273b4b}.doc-intro{font-size:10px;color:#465968;line-height:1.7;margin:0 0 22px}.px-vehicle{grid-template-columns:1.3fr 1.4fr .75fr .75fr}.receipt-vehicle{grid-template-columns:1fr 1.7fr .7fr}.doc-received{padding:6px 0 26px;text-align:center}.doc-received>span{font-size:11px;color:#526575}.doc-received>strong{display:block;font:800 42px/1.2 var(--heading);margin:5px 0}.doc-received>p{font-size:11px;color:#465968}.preview-only .paper.structured-document{padding:40px 38px;min-height:1020px}.preview-only .doc-heading h2{font-size:29px}.preview-only .doc-business strong{font-size:20px}.preview-only .doc-field>span{font-size:9px}.preview-only .doc-field>div,.preview-only .doc-price-table{font-size:12px}.preview-only .doc-section-heading h3{font-size:14px}.preview-only .doc-terms p{font-size:11px}.preview-only .doc-total-box{font-size:12px}.preview-only .doc-balance>strong{font-size:32px}
@media(min-width:851px) and (max-width:1180px){.paper.structured-document{padding:25px 22px;min-height:790px}.doc-header{gap:12px;flex-wrap:wrap}.doc-heading{margin-left:auto;max-width:100%}.doc-heading h2{font-size:22px}.doc-vehicle-top{grid-template-columns:1.1fr 1fr}.vehicle-grid{grid-template-columns:1fr 1fr 1fr}.doc-finance-columns{gap:15px}.doc-total-box{padding:10px}.doc-balance>strong{font-size:23px}.customer-grid{grid-template-columns:1fr 1fr}.customer-grid .doc-field:last-child{grid-column:1/-1}.customer-grid .doc-field:last-child>div br{display:none}.doc-plate>strong{font-size:18px}}
@media(max-width:600px){.paper.structured-document,.preview-only .paper.structured-document{padding:23px 19px;min-height:830px}.doc-header{flex-wrap:wrap;gap:18px;padding-bottom:19px}.doc-business{flex-basis:100%}.doc-business strong,.preview-only .doc-business strong{font-size:16px}.doc-business p{font-size:9px}.doc-heading{max-width:100%;margin-left:auto}.doc-heading h2,.preview-only .doc-heading h2{font-size:25px}.doc-heading p{font-size:9px}.customer-grid{grid-template-columns:1fr}.doc-field>span,.preview-only .doc-field>span{font-size:9px}.doc-field>div,.preview-only .doc-field>div{font-size:12px}.doc-section-heading h3,.preview-only .doc-section-heading h3{font-size:14px}.doc-section-heading>p{font-size:9px;max-width:60%}.doc-vehicle-top{grid-template-columns:1fr 1fr;gap:12px}.doc-vehicle-top .doc-plate{grid-column:1/-1;min-height:45px}.doc-plate>strong{font-size:25px}.doc-plate>.uk-badge{width:32px}.doc-plate .uk-badge svg{width:16px;height:10px}.doc-plate .uk-badge b{font-size:9px}.vehicle-grid{grid-template-columns:1fr 1fr}.doc-grid.three{grid-template-columns:1fr}.doc-finance-columns{grid-template-columns:1fr;gap:22px}.doc-price-table,.preview-only .doc-price-table{font-size:11px}.doc-price-table td{padding:8px 0}.doc-price-table small{font-size:9px}.doc-total-box{font-size:12px;padding:15px}.doc-balance>strong{font-size:30px}.doc-terms p,.preview-only .doc-terms p{font-size:11px}.doc-intro{font-size:11px}.doc-footer{font-size:8px;flex-wrap:wrap}.doc-signatures{padding-top:45px;gap:20px}.doc-signatures>div{font-size:9px}.registration-plate input{font-size:34px!important}.registration-plate .uk-badge{width:42px}.structured-document>section{margin-bottom:23px}}

.selling-price input{font-family:var(--heading);font-weight:700;font-optical-sizing:auto}

/* Adapt the document to its actual panel width, including Customer view. */
.preview-panel{container-type:inline-size;container-name:invoice-preview}
@container invoice-preview (max-width:620px){
 .doc-vehicle-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .doc-vehicle-top .doc-plate{grid-column:1/-1}
 .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container invoice-preview (max-width:400px){
 .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}