.invoice-main{max-width:1320px}.invoice-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:32px 0}.back-link{font-size:13px;text-decoration:none;display:inline-block;padding:10px 0;margin-bottom:18px}.invoice-heading h1{font-size:52px;line-height:1.02;margin:0 0 16px}.invoice-heading>div>p{color:var(--muted);margin:0}.invoice-heading .sprite-note{padding-bottom:12px}.invoice-heading .sprite-note p{font-size:16px}.invoice-layout{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);gap:42px;align-items:start;margin-bottom:55px}.form-intro{font-size:12px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.form-intro .eyebrow{margin-bottom:5px}fieldset{border:0;border-bottom:1px solid var(--line);padding:22px 0 25px;margin:0;min-width:0}legend{float:left;width:100%;font-size:21px;font-weight:600;margin:0 0 20px;padding:0;line-height:1.4}legend span{display:inline-block;font:11px var(--mono);color:var(--muted);margin-right:12px;vertical-align:middle}legend+*{clear:both}label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}input,textarea,select{display:block;width:100%;min-width:0;color:var(--ink);background:#fffef9;border:1px solid #a6aa99;border-radius:5px;padding:11px 12px;line-height:1.5;font-size:16px;min-height:46px}input::placeholder,textarea::placeholder{color:#76796b;opacity:1}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#9a4234;outline-color:#9a4234}.optional{margin-top:13px}.optional summary{cursor:pointer;font-size:13px;min-height:44px;padding:11px 0}.optional summary span{color:var(--muted);font-weight:400;margin-left:5px;font-size:12px}.optional[open] summary{margin-bottom:7px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.line-item{position:relative;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:12px;background:#edeee4}.line-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.line-head span{font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.remove-line{background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:36px;padding:5px}.line-numbers{display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:12px;margin-top:15px;align-items:end}.line-amount{font-size:14px;text-align:right;font-variant-numeric:tabular-nums;padding:12px 0;white-space:nowrap}.line-numbers label{font-size:12px}.add-line{padding:11px 0;border:0;background:none;font-weight:600;font-size:14px;min-height:44px}.form-total{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:14px}.form-total output{font-size:27px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.save-details{padding:20px 0 0}.text-button{border:0;background:none;padding:10px 0;min-height:44px;margin-right:16px;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.save-details p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px;max-width:57ch}.status{font-size:13px;color:#34472d;margin:12px 0}.error{font-size:14px;background:#f4e3dc;border-left:3px solid #9a4234;padding:14px;color:#7b3229}.finish{padding:10px 0 20px}.finish .button{margin-bottom:10px}.finish p{font-size:12px;color:var(--muted);max-width:42ch;margin:5px 0 14px}.preview-link{display:none}.preview-wrap{position:sticky;top:24px;padding:20px;background:#e6e8db;border-radius:8px;min-width:0;scroll-margin-top:20px}.preview-label{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.preview-label>span:last-child{font-size:11px;color:var(--muted)}#invoice-paper{background:#fffefb;color:#252921;padding:32px 28px;min-height:630px;box-shadow:0 7px 24px #25291c09;font-family:Arial,sans-serif;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.paper-head{display:flex;justify-content:space-between;gap:24px;align-items:start;border-bottom:2px solid #454d3e;padding-bottom:30px}.paper-head>div{min-width:0;flex:1}.paper-head h2{flex:none;white-space:nowrap;overflow-wrap:normal;font:normal 32px Georgia,serif;letter-spacing:-1px;margin:0}.paper-brand{font-weight:700;font-size:15px;margin:0 0 5px}.paper-contact{font-size:11px;white-space:pre-line;margin:0;color:#565a50}.paper-meta{display:grid;grid-template-columns:1fr auto;gap:20px;margin:28px 0 32px}.paper-label{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#606557}.paper-meta p{margin:5px 0 0}.paper-meta dl{margin:0;font-size:10px;min-width:145px;max-width:200px}.paper-meta dl>div{display:grid;grid-template-columns:45px 1fr;gap:8px;margin-bottom:4px}.paper-meta dd{margin:0;text-align:right}.paper-meta dt{color:#606557}.paper-items{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.paper-items th{text-align:right;font-weight:normal;font-size:10px;color:#606557;padding:8px 0;border-bottom:1px solid #ccd0c2}.paper-items th:first-child{text-align:left;width:45%}.paper-items th:nth-child(2){width:20%}.paper-items th:nth-child(3){width:12%}.paper-items th:nth-child(4){width:23%}.paper-items td{padding:15px 0;border-bottom:1px solid #e1e3da;text-align:right;font-variant-numeric:tabular-nums;vertical-align:top}.paper-items td:first-child{text-align:left;padding-right:15px;white-space:pre-line}.paper-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:2px solid #454d3e}.paper-total small{color:#606557;font-size:9px;margin-left:5px}.paper-total strong{font-size:23px;letter-spacing:-.6px}.paper-payment{margin-top:30px}.paper-payment h3{font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.paper-payment p,#p-note{white-space:pre-line;font-size:11px}#p-note{margin-top:25px;color:#565a50}#print-draft{font-size:10px;color:#85483a;margin:35px 0 0}.mobile-back{display:none}
@media(max-width:1050px){.invoice-layout{gap:24px}.preview-wrap{padding:14px}#invoice-paper{padding:24px 18px}.paper-head{gap:12px}.paper-head h2{font-size:27px}.paper-meta{grid-template-columns:1fr}.paper-meta dl{max-width:210px}.paper-meta dd{text-align:left}}
@media(max-width:800px){.invoice-heading{padding:22px 0 30px}.invoice-heading h1{font-size:44px}.invoice-heading .sprite-note{display:none}.invoice-layout{grid-template-columns:1fr;gap:26px}.preview-wrap{position:static}.preview-link{display:inline-flex}.mobile-back{display:inline-block}.finish .button{margin-right:6px}#invoice-paper{padding:28px 20px;min-height:550px}.paper-meta{grid-template-columns:1fr auto;gap:15px}.paper-meta dl{min-width:132px}.paper-meta dd{text-align:right}.paper-head h2{font-size:30px}}
@media(max-width:380px){.invoice-main{padding:0 16px}.pair{gap:10px}.line-item{padding:12px}.line-numbers{gap:8px;grid-template-columns:1fr .65fr 1fr}.line-numbers input{padding:10px 8px}.line-amount{font-size:12px}.paper-meta{grid-template-columns:1fr}.paper-meta dd{text-align:left}.preview-wrap{padding:10px}#invoice-paper{padding:24px 15px}.paper-head h2{font-size:26px}}
@media print{@page{size:auto;margin:16mm}body{background:#fff!important}.site-header,.skip,.site-footer,.invoice-heading,#invoice-form,.preview-label,.mobile-back{display:none!important}.invoice-main,.invoice-layout,.preview-wrap{display:block!important;max-width:none!important;width:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important;position:static!important;box-shadow:none!important}#invoice-paper{padding:0!important;min-height:0!important;box-shadow:none!important;background:#fff!important;color:#111!important;font-size:11pt}.paper-head h2{font-size:32pt}.paper-meta{display:grid!important;grid-template-columns:1fr auto!important}.paper-meta dd{text-align:right!important}.paper-brand{font-size:14pt}.paper-contact,.paper-items,.paper-payment p,#p-note{font-size:10pt}.paper-items thead{display:table-header-group}.paper-items tr{break-inside:avoid}.paper-items td{padding:12pt 0}.paper-total,.paper-payment,.paper-head{break-inside:avoid}.paper-total strong{font-size:22pt}.paper-total small,.paper-label,.paper-items th,.paper-meta dl{font-size:9pt}a{color:inherit;text-decoration:none}#print-draft{color:#111;font-size:14pt;font-weight:bold}}
