/* Invoices & Finance: make the source-to-payment story legible before the totals. */
.invoices-page .hero{padding-bottom:86px}
.invoices-page .hero-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:44px}
.invoices-page .hero-copy h1{max-width:510px;font-size:clamp(42px,4.35vw,58px)}
.invoices-page .hero-preview{padding:14px;border-color:#dce6f2;background:#fff}
.invoices-page .browser-bar{height:29px}
.invoices-page .hero-screen{min-height:0;background:#fff}
.invoices-page .screen-head{padding:14px 18px}
.invoices-page .screen-head strong{font-size:12px}
.invoices-page .screen-head small{font-size:10px}
.invoices-page .invoice-journey{padding:22px;background:#fff}
.invoices-page .journey-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.invoices-page .journey-intro strong{font-size:16px;letter-spacing:-.035em}
.invoices-page .journey-intro span{padding:6px 9px;border-radius:5px;background:#f3f6fa;color:#63758d;font-size:10px;font-weight:700}
.invoices-page .journey-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:73px;padding:12px 15px;border:1px solid #e2e9f2;border-radius:9px;background:#fbfcfe}
.invoices-page .journey-step + .journey-step{margin-top:15px}
.invoices-page .journey-step + .journey-step:before{position:absolute;top:-16px;left:39px;height:15px;border-left:1px dashed #9ab7d9;content:""}
.invoices-page .journey-num{width:30px;height:30px;display:grid;place-items:center;margin-left:9px;border-radius:8px;background:#e9f2fe;color:#1355b2;font-size:11px;font-weight:800}
.invoices-page .journey-photo-wrap{position:relative;display:block;width:48px;height:48px}
.invoices-page .journey-photo{width:100%;height:100%;display:block;object-fit:contain;border:1px solid #e1e8f0;border-radius:8px;background:white}
.invoices-page .journey-photo-wrap b{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:19px;height:19px;border:2px solid white;border-radius:5px;background:#e9f2fe;color:#1355b2;font-size:9px}
.invoices-page .journey-main{min-width:0}
.invoices-page .journey-main small{display:block;margin-bottom:4px;color:#72839a;font-size:10px;font-weight:750;letter-spacing:.035em;text-transform:uppercase}
.invoices-page .journey-main strong{display:block;font-size:13px;line-height:1.3}
.invoices-page .journey-main span{display:block;margin-top:3px;color:#667890;font-size:10px}
.invoices-page .journey-detail{color:#173a69;font-size:12px;font-weight:800;white-space:nowrap}
.invoices-page .journey-step.is-paid{border-color:#c9e9df;background:#f4fbf8}
.invoices-page .journey-step.is-paid .journey-num{background:#e1f4ee;color:#247d5d}
.invoices-page .journey-step.is-paid .journey-detail{color:#247d5d}
.invoices-page .journey-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 15px;border:1px solid #e5eaf1;border-radius:8px;background:#f5f7fa}
.invoices-page .journey-summary span{color:#52657e;font-size:11px}
.invoices-page .journey-summary strong{color:#1355b2;font-size:12px}
.invoices-page .preview-caption{font-size:9px}
.invoices-page .flow-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}
.invoices-page .flow-visual{padding:16px;background:#edf4fc}
.invoices-page .flow-window-top{padding:16px 18px}
.invoices-page .flow-window-top strong{font-size:13px}
.invoices-page .flow-window-top span{font-size:10px}
.invoices-page .source-tabs{gap:8px;padding:15px 18px 0}
.invoices-page .source-tab{min-height:38px;padding:0 14px;font-size:11px}
.invoices-page .source-panel{padding:16px 18px 20px}
.invoices-page .linked-record{padding:14px}
.invoices-page .linked-record>div{flex:1;min-width:0}
.invoices-page .linked-photo{width:46px;height:46px;flex:none;object-fit:cover;border:1px solid #e1e8f0;border-radius:7px;background:white}
.invoices-page .linked-photo.is-product{object-fit:contain}
.invoices-page .linked-record strong,.invoices-page .invoice-record-top strong{font-size:12px}
.invoices-page .linked-record small,.invoices-page .invoice-record-top small{font-size:10px}
.invoices-page .linked-record>span,.invoices-page .pill{font-size:9px}
.invoices-page .invoice-record{padding:14px}
.invoices-page .invoice-record-row,.invoices-page .invoice-record-row strong{font-size:10px}
.invoices-page .invoice-actions span{padding:7px 9px;font-size:9px}
.invoices-page .flow-caption{font-size:10px}
.invoices-page .highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.invoices-page .highlight-card:nth-child(n){grid-column:auto;min-height:455px;padding:26px 26px 0;background:#edf3fa}
.invoices-page .highlight-card:nth-child(2){background:#f4f6f9}
.invoices-page .highlight-card:nth-child(3){background:#f1f5fa}
.invoices-page .highlight-card:nth-child(4){background:#edf3fa}
.invoices-page .highlight-copy{min-height:119px}
.invoices-page .highlight-label{font-size:11px}
.invoices-page .highlight-card h3{font-size:23px}
.invoices-page .highlight-card p{max-width:520px;font-size:13px;line-height:1.55}
.invoices-page .highlight-visual.finance-moment-visual{min-height:270px;margin:0 0 26px;border-color:#dce5ef}
.invoices-page .if-stage{min-height:270px}
.invoices-page .if-top{height:39px;padding-inline:16px;font-size:10px}
.invoices-page .if-top b{font-size:11px}
.invoices-page .if-scene-1 .if-top,.invoices-page .if-scene-1 .if-chart-head{display:flex}
.invoices-page .if-scene-1 .if-chart{display:flex;height:49px;margin-top:6px}
.invoices-page .if-scene-1 .if-overview{height:calc(100% - 39px);display:block;padding:12px 19px}
.invoices-page .if-scene-1 .if-overview-head{flex-direction:row;align-items:center;gap:8px;margin-bottom:9px}
.invoices-page .if-scene-1 .if-metrics{margin-top:0}
.invoices-page .if-scene-1 .if-chart-head{margin-top:10px}
.invoices-page .if-chart-head .if-chart-legend{display:inline-flex;align-items:center;gap:5px;color:#526982;font-size:9px;font-weight:800}
.invoices-page .if-chart-legend i{display:block;width:6px;height:6px;border-radius:50%;background:#1b5bb7}
.invoices-page .if-chart-legend small{margin-left:2px;color:#8b9bae;font-size:8px;font-weight:600}
.invoices-page .if-chart-head .if-chart-period{color:#526982;font-size:9px;font-weight:750}
.invoices-page .if-chart-axis{display:flex;justify-content:space-between;margin-top:3px;color:#8292a6;font-size:8px}
.invoices-page .if-scene-1 .if-chart span:nth-child(n){background:#a9c6ee}
.invoices-page .if-scene-1 .if-chart span:nth-child(3n){background:#1b5bb7}
.invoices-page .if-overview,.invoices-page .if-breakdown-content,.invoices-page .if-doki{padding:17px 19px}
.invoices-page .if-overview-head strong{font-size:18px}
.invoices-page .if-overview-head small,.invoices-page .if-breakdown-content small,.invoices-page .if-invoice-id small,.invoices-page .if-share small{font-size:9px}
.invoices-page .if-period span,.invoices-page .if-view-tabs span,.invoices-page .if-source-tabs span{font-size:10px}
.invoices-page .if-metrics small{font-size:9px}
.invoices-page .if-metrics strong{font-size:20px}
.invoices-page .if-breakdown-content strong{font-size:22px}
.invoices-page .if-break-row,.invoices-page .if-invoice-line{font-size:10px}
.invoices-page .if-invoice-id strong{font-size:17px}
.invoices-page .if-invoice-actions span,.invoices-page .if-doki-actions span{font-size:9px}
.invoices-page .if-doki-conversation>p,.invoices-page .if-question,.invoices-page .if-answer{font-size:11px}
.invoices-page .overview-head p{max-width:760px}
.invoices-page .overview-window-head span{font-size:10px}
.invoices-page .overview-period{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:5px;background:#edf4fd;color:#1455aa;font-size:10px;font-weight:750}
.invoices-page .finance-equation-head{display:flex;align-items:baseline;justify-content:space-between;margin:25px 0 13px;color:#667890;font-size:11px}
.invoices-page .finance-equation-head strong{color:#17263d;font-size:18px}
.invoices-page .finance-split{display:flex;width:100%;height:20px;overflow:hidden;border-radius:8px;background:#eaf0f8}
.invoices-page .finance-split-costs{width:33.96%;background:#e88bb2}
.invoices-page .finance-split-net{width:66.04%;background:#1b5bb7}
.invoices-page .finance-split-legend{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}
.invoices-page .finance-split-legend>div{display:grid;grid-template-columns:9px 1fr;align-items:center;gap:5px;color:#657891;font-size:10px}
.invoices-page .finance-split-legend i{width:7px;height:7px;border-radius:50%}
.invoices-page .finance-key-costs{background:#e88bb2}
.invoices-page .finance-key-net{background:#1b5bb7}
.invoices-page .finance-split-legend strong{grid-column:2;color:#17263d;font-size:13px}
.invoices-page .finance-split-note{margin:18px 0 0;color:#72839a;font-size:10px}
.invoices-page .overview-product img{width:43px;height:43px;padding:2px;object-fit:contain;border-radius:7px;background:#fff}
@media(max-width:900px){.invoices-page .hero-grid,.invoices-page .flow-grid,.invoices-page .highlight-grid{grid-template-columns:1fr}.invoices-page .highlight-card:nth-child(n){min-height:455px}}
@media(max-width:620px){.invoices-page .highlight-card:nth-child(n){min-height:455px}.invoices-page .hero-copy h1{font-size:42px}.invoices-page .journey-intro{align-items:flex-start;flex-direction:column}.invoices-page .journey-detail{font-size:10px}.invoices-page .highlight-visual.finance-moment-visual{min-height:270px}.invoices-page .if-metrics{gap:4px}.invoices-page .if-metrics>div{padding:6px}.invoices-page .if-metrics strong,.invoices-page .if-metrics .if-net strong{font-size:12px}}
@media(max-width:360px){.invoices-page .if-metrics>div{padding:4px}.invoices-page .if-metrics strong,.invoices-page .if-metrics .if-net strong{font-size:10px}}