.inv-hero{background:radial-gradient(circle at 88% 0%,#cae6de,transparent 36%),linear-gradient(130deg,#edf7f3,#f8f4eb)}.inv-hero h1{max-width:850px}.inv-container{max-width:1480px}.inv-studio .studio-top{background:#123c36}.inv-local{font-size:11px;background:#ffffff12;border:1px solid #ffffff20;border-radius:25px;padding:8px 13px;color:#c8e5d8}.inv-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.inv-tools>a{margin-left:auto;text-decoration:none;font-size:13px;color:#236a5c}.inv-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:26px;align-items:start}.inv-editor{min-width:0}.inv-section{margin-top:17px}.inv-section>summary{font-size:15px;font-weight:650;color:#234c43;cursor:pointer;margin:0 0 15px}.inv-section-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.inv-section-title span{display:grid;place-items:center;background:#e7f2eb;color:#256251;width:32px;height:32px;border-radius:10px;font-size:12px;font-weight:700}.inv-section-title h2{font-size:18px;letter-spacing:-.3px;margin:0}.inv-item{padding:14px;border:1px solid #e1e9e4;background:#fcfdfb;border-radius:12px;margin:12px 0}.inv-item-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}.inv-item-top strong{font-size:12px;color:#406156}.inv-item-top div{display:flex;gap:3px}.inv-item-top button{border:0;background:#edf2ee;border-radius:5px;color:#496157;padding:6px 8px;cursor:pointer;font-size:11px;min-height:32px}.inv-item-top button[data-action=delete]{color:#934c44;background:#fbefeb}.inv-item-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inv-item-numbers .studio-label{font-size:10px}.inv-item-numbers input{padding:9px 6px;font-size:12px}.inv-line-total{font-size:11px;color:#517166;line-height:1.8;margin-top:9px;overflow-wrap:anywhere}.inv-add{width:100%;border-style:dashed!important;color:#227861!important}.inv-studio .primary{background:#1f705f;border-color:#1f705f}.inv-studio .primary:hover{background:#145747}.inv-studio .studio-label{margin-bottom:12px}.inv-studio input[type=file]{font-size:12px;max-width:100%}.inv-studio input[type=color]{min-height:43px}.inv-preview-side{min-width:0;position:sticky;top:93px}.inv-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:19px 22px;border:1px solid #d4e4dc;border-radius:14px;background:#ecf6ef}.inv-summary span{display:block;font-size:10px;letter-spacing:1.1px;color:#568071;margin-bottom:7px}.inv-summary strong{font-size:22px;color:#1c594b;font-weight:700;overflow-wrap:anywhere}.inv-math-status{font-size:12px;color:#568070;margin:13px 2px;line-height:1.6}.inv-math-status.error{color:#a23627}.inv-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#edf0ed;border:1px solid #dbe0dd;border-bottom:0;border-radius:12px 12px 0 0}.inv-preview-toolbar strong{font-size:12px;color:#48584f}.inv-preview-toolbar span{font-size:10px;color:#788278}.inv-preview-scroll{max-height:700px;overflow:auto;background:#e4e9e6;padding:18px;border:1px solid #dbe0dd;border-radius:0 0 12px 12px}.inv-paper{--invoice-color:#145c56;background:#fff;border-top:5px solid var(--invoice-color);padding:32px 27px;color:#263831;min-height:570px;box-shadow:0 8px 25px #16362b15;font-family:Arial,sans-serif;overflow-wrap:anywhere}.inv-paper-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:22px;border-bottom:1px solid #e1e7e3}.inv-paper-head h2{font-size:27px;text-transform:uppercase;color:var(--invoice-color);line-height:1.2;letter-spacing:1px;margin:0 0 6px}.inv-paper-head>div{text-align:right}.inv-paper-head p{font-size:11px;margin:0}.inv-paper-eyebrow{font-size:8px;letter-spacing:1.4px;color:#7d8a82;margin-top:13px}.inv-preview-logo{max-width:110px;max-height:60px;object-fit:contain}.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:23px 0 16px}.inv-parties span{display:block;font-size:8px;letter-spacing:1px;color:#7c8c80;margin-bottom:8px}.inv-parties strong{font-size:12px}.inv-parties p{font-size:10px;line-height:1.6;margin:6px 0}.inv-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;margin:0 0 20px}.inv-meta>span:last-child{text-align:right}.inv-preview-table{overflow:auto}.inv-paper table{width:100%;border-collapse:collapse;font-size:9px;table-layout:auto}.inv-paper th{background:var(--invoice-color);color:white;font-weight:500;font-size:8px;padding:9px 5px;text-align:right;white-space:nowrap}.inv-paper td{padding:12px 5px;border-bottom:1px solid #e7ede7;text-align:right;vertical-align:top;font-size:9px;line-height:1.6}.inv-paper th:first-child,.inv-paper td:first-child{text-align:left;min-width:135px}.inv-paper td:not(:first-child){white-space:nowrap}.inv-preview-totals{width:70%;margin:23px 0 24px auto}.inv-preview-totals>div{display:flex;justify-content:space-between;gap:18px;font-size:10px;padding:8px 9px;color:#6a7970}.inv-preview-totals strong{color:#314e40;font-size:10px;text-align:right}.inv-preview-totals .emphasis{background:#eef5ee;color:var(--invoice-color);font-weight:700}.inv-paper-notes{margin-top:22px}.inv-paper-notes strong{font-size:10px;color:var(--invoice-color)}.inv-paper-notes p{font-size:10px;line-height:1.65;margin:7px 0}.inv-paper-foot{font-size:9px;color:#77887b;border-top:1px solid #e0e7e0;padding-top:15px;margin-top:25px}.inv-paper.classic{border-top:0}.inv-paper.classic th{background:#f0f4f0;color:#244b38;border-bottom:1px solid #547562}.inv-paper.minimal{border-top:0;box-shadow:none}.inv-paper.minimal th{background:#fff;color:#233d2d;border-bottom:1px solid #87998c}.inv-export{margin-top:20px;padding:22px;border:1px solid #dbe5df;background:#f5f9f4;border-radius:14px}.inv-export h2{font-size:20px;margin:0 0 8px}.inv-export>p{font-size:13px;line-height:1.7;color:#698074}.inv-export .studio-muted{font-size:11px}.inv-preview-error{padding:36px 20px;font-size:14px;color:#9c3828}.inv-studio [hidden]{display:none!important}.inv-studio [id]{scroll-margin-top:110px}.inv-studio button:disabled{opacity:.5;cursor:not-allowed}.inv-studio button:focus-visible,.inv-tools a:focus-visible{outline:3px solid #7fc7ac;outline-offset:3px}.inv-studio .studio-label input,.inv-studio .studio-label select,.inv-studio .studio-label textarea{min-width:0}
@media(max-width:1150px){.inv-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.inv-summary{padding:15px}.inv-summary strong{font-size:18px}.inv-item-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-paper{padding:23px 18px}.inv-preview-scroll{padding:11px}}
@media(max-width:850px){.inv-layout{grid-template-columns:1fr}.inv-preview-side{position:static}.inv-local{display:none}.inv-item-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}.inv-preview-scroll{max-height:80vh}.inv-preview-toolbar span{max-width:150px;text-align:right}.inv-tools>a{margin-left:0}.inv-summary strong{font-size:22px}}
@media(max-width:480px){.inv-item-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-paper{min-width:470px}.inv-preview-totals{width:75%}.inv-studio .studio-body{padding:15px}.inv-summary{gap:9px}.inv-summary strong{font-size:18px}.inv-export .primary{width:100%}.inv-section-title h2{font-size:17px}.inv-item-top button{padding:6px}.inv-tools .studio-btn{padding:8px 10px}}
/* v22: quieter hierarchy, clear progress and practical quick actions. */
.inv-hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.08;letter-spacing:-2px;color:#163c35}.inv-hero{padding-bottom:76px}.inv-studio{border:1px solid #dce7e0;box-shadow:0 20px 60px #193d2910}.inv-workflow{display:flex;gap:28px;flex-wrap:wrap;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #e6ece8;font-size:12px;color:#526d60}.inv-workflow span{display:flex;align-items:center;gap:9px}.inv-workflow b{background:#eaf3ed;color:#20654f;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:11px}.inv-editor>.studio-panel{box-shadow:none;border:1px solid #e0e8e2;border-radius:14px}.inv-term-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:3px 0 16px;font-size:11px;color:#698074}.inv-term-buttons button{border:1px solid #d9e5dd;background:#f8fbf8;padding:7px 9px;border-radius:7px;color:#335c4c;cursor:pointer;min-height:32px}.inv-term-buttons button:hover{background:#e8f3ec}.inv-import{border:1px dashed #c6dacf;padding:12px;border-radius:10px;margin:12px 0}.inv-import summary{cursor:pointer;color:#356d55;font-size:12px;font-weight:600}.inv-import .studio-label{margin-top:12px}.inv-swatches{display:flex;gap:10px;margin:0 0 18px}.inv-swatches button{background:var(--swatch);width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d8e2da;cursor:pointer}.inv-swatches button:hover{box-shadow:0 0 0 2px #748d7a}.inv-status-row{display:flex;justify-content:space-between;align-items:center;margin:13px 2px;font-size:11px;color:#648273}.inv-status-badge{background:#eaf2ec;border:1px solid #d8e4db;padding:5px 9px;border-radius:20px;color:#35604a}.inv-readiness{border-left:3px solid #cab990;padding:8px 12px;background:#faf7ee;color:#795e2d!important}.inv-readiness.ready{border-color:#55987a;background:#eaf4ed;color:#2b7051!important}.inv-delivery{margin:0 0 17px;font-size:9px;border-left:2px solid #c9d9ce;padding:0 10px}.inv-delivery strong{font-size:8px;color:#7c8c80;letter-spacing:1px}.inv-delivery p{font-size:10px;line-height:1.6;margin:7px 0}.inv-export a.studio-btn{display:inline-flex;align-items:center;text-decoration:none;color:#285e4a;font-size:12px}.inv-studio input:disabled{background:#eef2ee;color:#82968a}.inv-preview-side .inv-math-status{font-size:11px}.inv-item-top button{min-height:36px}.inv-preview-toolbar{background:#eaf0eb}.inv-paper-head h2{overflow-wrap:anywhere}
@media(max-width:600px){.inv-workflow{gap:14px;font-size:10px;padding-bottom:15px;margin-bottom:15px}.inv-workflow b{width:21px;height:21px}.inv-hero h1{letter-spacing:-1.3px}.inv-export .studio-actions{flex-direction:column;align-items:stretch}.inv-export .studio-btn{justify-content:center;text-align:center}.inv-status-row{gap:10px}}