.payment-box{margin-top:20px}.payment-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end}.payment-form input,.payment-form select{width:100%;padding:11px}.invoice-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.invoice{max-width:900px;margin:auto;padding:45px;background:#fff;border-radius:20px;box-shadow:var(--shadow)}.invoice>header{display:flex;justify-content:space-between;background:none;color:var(--ink);height:auto;padding:0 0 30px;border-bottom:2px solid var(--brand)}.invoice>header>div:last-child{text-align:right}.invoice-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff;font-weight:900}.invoice h1{font-size:1.35rem}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px 0}.invoice-parties div{display:grid}.invoice-parties small{color:var(--muted)}.invoice-totals{width:min(380px,100%);margin-left:auto}.invoice-totals p{display:flex;justify-content:space-between}.invoice-totals .balance{padding-top:12px;border-top:2px solid var(--navy);font-size:1.1rem}.invoice>footer{background:none;color:var(--muted);padding:30px 0 0}@media(max-width:800px){.payment-form{grid-template-columns:1fr 1fr}.invoice{padding:22px}.invoice>header,.invoice-parties{grid-template-columns:1fr;display:grid}.invoice>header>div:last-child{text-align:left}}@media print{body{background:#fff}.site-header,body>footer,.invoice-actions{display:none!important}.container{width:100%;margin:0}.invoice{box-shadow:none;border-radius:0;padding:20px}}
