.cn-invoice-page{background:#f6f9fe}.iv-live-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}
.iv-live-tabs button{border:1px solid #dbe8f4;border-radius:12px;background:white;color:#527392;padding:11px 24px;font:inherit;font-weight:800;font-size:12px;cursor:pointer}
.iv-live-tabs button.active{background:#2468b6;color:white;border-color:#2468b6;box-shadow:0 8px 16px #1763b123}
.iv-live-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(355px,.8fr);gap:19px;align-items:start}.iv-live-editor{display:flex;flex-direction:column;gap:14px}
.iv-live-part{margin-bottom:15px}.iv-live-part header,.iv-customer-panel header{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.iv-live-part header span,.iv-customer-panel header span{width:34px;height:34px;border-radius:10px;background:#ecf5ff;color:#216ab9;display:grid;place-items:center;font-size:13px;font-weight:900;flex:none}
.iv-live-part h2,.iv-customer-panel h2{font-size:17px;color:#235078;font-weight:900;margin:0;flex:1}
.iv-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.iv-live-grid label{display:flex;flex-direction:column;font-size:11px;font-weight:800;color:#54718b;gap:7px}.iv-live-grid .iv-live-wide{grid-column:1/-1}
.iv-live-grid input:not([type=checkbox]),.iv-live-grid select,.iv-live-grid textarea,.iv-live-search input{font:inherit;font-size:13px;color:#254765;background:#fbfdff;border:1px solid #d9e5f1;border-radius:10px;padding:11px 12px;outline:0;width:100%}
.iv-live-grid input:focus,.iv-live-grid textarea:focus,.iv-live-grid select:focus{border-color:#7eb1e6;box-shadow:0 0 0 3px #e5f3ff}.iv-live-grid input[type=color]{height:45px;padding:4px}
.iv-live-consent{border:1px solid #e2ecf7;background:#f8fbff;padding:12px;border-radius:12px;margin-top:17px}.iv-live-consent label{display:flex;align-items:center;gap:9px;font-size:12px;color:#4b6a85}.iv-live-consent label input{accent-color:#1965b6;width:16px;height:16px;flex:none}.iv-live-consent small{display:block;margin-top:7px;color:#8a9caf;font-size:10px}
.iv-live-outline{border:1px solid #cddff1;border-radius:10px;padding:10px 14px;color:#2869a8;background:#eff6ff;font:inherit;font-weight:800;font-size:11px;cursor:pointer}
.iv-live-outline:hover{background:#e0efff}.iv-live-scroll{overflow-x:auto;scrollbar-width:thin}.iv-live-rows{width:100%;border-collapse:separate;border-spacing:0 7px;min-width:465px}
.iv-live-rows th{font-size:11px;color:#6e89a4;padding:4px 6px;text-align:right}.iv-live-rows td{padding:2px 4px}.iv-live-rows td:first-child{width:48%}
.iv-live-rows input{width:100%;min-width:60px;max-width:100%;border:1px solid #dce7f3;border-radius:8px;padding:9px 7px;font:inherit;color:#3c5770;font-size:11px}
.iv-row-remove{background:#fff3f4;border:1px solid #f4dcdf;color:#b34751;border-radius:8px;cursor:pointer;font-size:18px;width:30px;height:30px}
.iv-live-hint{font-size:11px;color:#8a9cb1;line-height:1.9;margin:13px 0 0}.iv-live-channels{border-top:1px dashed #e1ebf2;margin-top:19px;padding-top:14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#69859c}
.iv-live-preview{position:sticky;top:96px}.iv-live-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:9px}.iv-live-preview-head strong{font-size:14px;color:#28547d;display:block}.iv-live-preview-head small{font-size:10px;color:#91a1b2;display:block}.iv-live-preview-head>span{background:#e9f4ff;color:#236cad;font-size:12px;padding:6px 10px;border-radius:8px;font-weight:800}
.iv-live-paper{background:white;border:1px solid #e3e8ed;min-height:545px;width:100%;margin:auto;box-shadow:0 14px 30px #153f6717;padding:20px 19px;font-size:11px;line-height:1.8;--invoice-color:#2267b5}
.iv-print-heading{display:flex;align-items:center;gap:12px;border-bottom:3px solid var(--invoice-color);padding-bottom:13px}.iv-print-heading h2{font-size:17px;color:var(--invoice-color);margin:0}.iv-print-heading p{font-size:9px;color:#6e8094;margin:0}.iv-print-logo{width:55px;height:55px;object-fit:contain}.iv-print-logo-placeholder{width:55px;height:55px;display:grid;place-items:center;background:#ebf3fe;color:var(--invoice-color);border-radius:11px;font-size:22px;font-weight:900}
.iv-print-title{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:14px 0;color:#304e69}.iv-print-title strong{font-size:13px}.iv-print-title div{display:flex;flex-direction:column;font-size:10px}
.iv-print-customer{background:#f1f6fc;padding:9px 11px;border-radius:7px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#41627b}
.iv-print-table{margin-top:13px;border-collapse:collapse;width:100%;font-size:9px}.iv-print-table th{background:#eaf3ff;color:#215888;padding:7px;text-align:right}.iv-print-table td{padding:8px 6px;border-bottom:1px solid #e9edf2;color:#49617a}
.iv-print-sum{max-width:70%;margin:18px 0 20px auto;color:#47647e}.iv-print-sum div{display:flex;justify-content:space-between;padding:5px 8px;gap:12px}.iv-print-sum b{white-space:nowrap}.iv-print-sum .iv-print-total{background:#e9f4ff;border-radius:6px;color:#215d96;padding:9px;font-weight:900}
.iv-print-note{font-size:9px;color:#71839a;min-height:23px}.iv-print-sign{display:flex;justify-content:space-between;gap:16px;margin-top:38px;color:#7890a5;border-top:1px solid #e8eff5;padding-top:11px}
.iv-customer-panel{margin:18px 0 40px}.iv-live-search{margin:15px 0}.iv-customers-list{display:flex;flex-direction:column;gap:9px}.iv-customer-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2edf7;border-radius:11px;padding:13px;gap:12px}.iv-customer-row b{display:block;color:#315a7d;font-size:12px}.iv-customer-row small{color:#8ea0b1;font-size:11px;display:block}
@media(max-width:1040px){.iv-live-layout{grid-template-columns:1fr}.iv-live-preview{position:static}.iv-live-paper{max-width:590px}.iv-live-editor{display:block}}@media(max-width:600px){.iv-live-grid{grid-template-columns:1fr}.iv-live-preview .sp-card{padding:11px}.iv-live-paper{padding:12px}.iv-print-heading h2{font-size:14px}.iv-print-table{font-size:8px}.iv-print-table td,.iv-print-table th{padding:5px 2px}.iv-print-sum{max-width:100%}.iv-live-part{padding:15px}.iv-live-tabs button{flex:1;padding:9px}}
@media print{@page{size:A5;margin:10mm}body.cn-invoice-page{background:white!important;margin:0!important;padding:0!important}body.cn-invoice-page>*:not(main){display:none!important}body.cn-invoice-page main>*:not(.iv-live-layout){display:none!important}.iv-live-layout{display:block!important;margin:0!important}.iv-live-editor{display:none!important}.iv-live-preview{position:static!important;display:block!important}.iv-live-preview>.sp-card{border:0!important;box-shadow:none!important;padding:0!important}.iv-live-preview-head{display:none!important}.iv-live-paper{box-shadow:none!important;max-width:100%!important;border:0!important;padding:0!important;min-height:auto!important;font-size:11px!important}body[data-print-paper=a4] .iv-live-paper{max-width:190mm!important}body[data-print-paper=a5] .iv-live-paper{max-width:128mm!important}}

/* Keep the scrollable invoice rows from expanding the mobile document width. */
@media(max-width:1040px){.iv-live-layout{grid-template-columns:minmax(0,1fr);min-width:0}.iv-live-editor,.iv-live-part,.iv-live-scroll{min-width:0;max-width:100%}}