:root{--invoice-ink:#17263b;--invoice-muted:#617083;--invoice-line:#dce3eb;--invoice-soft:#f4f7fa;--invoice-green:#167447;--invoice-yellow:#fff5c9;--invoice-danger:#b42318}
body.invoice-generator-page{margin:0;background:#eef3f0;color:#20352b;font-family:Inter,"Segoe UI",Arial,sans-serif}
.invoice-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:34px 0 80px}
.invoice-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:12px 0 24px}.invoice-eyebrow{margin:0 0 7px;color:var(--invoice-green);font-size:.7rem;font-weight:800;letter-spacing:.15em}.invoice-intro h1{margin:0;color:#12271d;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em;line-height:1.05}.invoice-lede{max-width:70ch;margin:12px 0 0;color:#516b5d;font-size:1.05rem}.invoice-privacy{display:grid;gap:4px;max-width:320px;padding:17px 18px;border:1px solid #c6dfcf;border-radius:14px;background:#f7fcf8;color:#365646;font-size:.82rem;line-height:1.5}.invoice-privacy strong{color:#0c6b3d;font-size:.88rem}
.invoice-actionbar{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:10px;border:1px solid #d8e4dc;border-radius:14px;background:rgba(255,255,255,.8);box-shadow:0 7px 20px rgba(15,48,31,.05)}.invoice-actionbar .invoice-fit-status{margin-right:auto;color:#627467;font-size:.82rem}.invoice-button{min-height:40px;padding:9px 14px;border:1px solid #cbd9d0;border-radius:9px;color:#16372a;background:#fff;font:700 .84rem/1.1 Inter,"Segoe UI",sans-serif;cursor:pointer}.invoice-button:hover,.invoice-button:focus-visible{border-color:#167447;outline:3px solid rgba(22,116,71,.15);outline-offset:1px}.invoice-button-primary{border-color:#147a49;color:#fff;background:#147a49}.invoice-button-secondary{background:#f8fbf9}.invoice-button-small{min-height:32px;padding:6px 10px;font-size:.76rem}.invoice-button[disabled]{cursor:not-allowed;opacity:.45}.invoice-link-button{padding:4px 0;border:0;color:#167447;background:none;font:700 .78rem/1.4 Inter,"Segoe UI",sans-serif;cursor:pointer}.invoice-link-button:hover{text-decoration:underline}
.invoice-workspace{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(480px,1.22fr);gap:24px;align-items:start}.invoice-editor{min-width:0}.invoice-panel{margin:0 0 10px;border:1px solid #d8e3dc;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(18,55,35,.035)}.invoice-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;color:#173c2a;font-weight:800;cursor:pointer;list-style:none}.invoice-panel>summary::-webkit-details-marker{display:none}.invoice-panel>summary:after{content:'+';font-size:1.1rem;color:#6b7b70}.invoice-panel[open]>summary:after{content:'−'}.invoice-panel-body{display:grid;gap:12px;padding:0 17px 17px}.invoice-panel label{display:grid;gap:5px;color:#40564a;font-size:.78rem;font-weight:750}.invoice-panel input,.invoice-panel textarea,.invoice-panel select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #cedbd2;border-radius:8px;color:#21372b;background:#fff;font:500 .9rem/1.4 Inter,"Segoe UI",Arial,sans-serif}.invoice-panel textarea{resize:vertical;min-height:66px}.invoice-panel input:focus,.invoice-panel textarea:focus,.invoice-panel select:focus{border-color:#16824d;outline:3px solid rgba(22,130,77,.14)}.invoice-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invoice-panel-note{margin-left:auto;color:#7b8c81;font-size:.72rem;font-weight:600}.invoice-subheading{padding-top:7px;border-top:1px solid #edf1ee;color:#173c2a;font-size:.8rem;font-weight:800}.invoice-check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:9px!important;font-size:.86rem!important}.invoice-check input{width:18px;height:18px}.invoice-conditional{display:grid;gap:10px;padding:10px;border-left:3px solid #d8f36a;background:#f8fbf8}.invoice-help{margin:0;color:#738178;font-size:.74rem}.invoice-restore{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:11px 13px;border:1px solid #c9dfce;border-radius:10px;color:#4e6456;background:#f4fcf6;font-size:.77rem}.invoice-restore span{margin-right:auto}.invoice-restore[hidden],.invoice-conditional[hidden]{display:none!important}.invoice-sample-row{display:flex;align-items:center;gap:9px;padding:10px 3px;color:#718075;font-size:.75rem}
