.invoice-sheet{max-width:820px;padding:58px 58px 35px;border:1px solid #d5dce6;border-top:5px solid #0c1c3c;position:relative;font-size:12px;color:#172b50}.invoice-sheet:before{content:'';position:absolute;right:0;top:-5px;width:30%;height:5px;background:#c5a059}.invoice-top{display:grid;grid-template-columns:1fr 1.12fr;gap:45px;align-items:start;padding-bottom:25px;border-bottom:1px solid #e0e6ef}.firm-block h2{font-size:20px;margin:0 0 6px}.firm-block p{font-size:11px;color:#687a92;line-height:1.6}.invoice-info{border:1px solid #c5a059;border-radius:6px;background:#f7f9fb;padding:14px}.invoice-title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e2e7ee;margin-bottom:12px}.invoice-title h1{font:bold 20px/1.2 Arial,sans-serif;margin:0 0 10px}.invoice-title span{font-size:9px;font-weight:bold;color:#2584b3;background:#e0f3ff;padding:3px 6px;border-radius:3px}.invoice-info small{display:block;font-size:9px;color:#71809a;font-weight:bold}.invoice-info b{display:block;font-size:11px}.invoice-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.party-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.party-panels section{border:1px solid #dbe4ef;border-radius:6px;padding:14px}.party-panels h2,.payment-box h2{font-size:10px;letter-spacing:.4px;color:#b08b42;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #e7edf3}.party-panels p{font-size:11px;color:#687a92;margin:5px 0}.party-panels b{display:block}.matter-tag{display:inline-block;background:#f1f4f8;border:1px solid #dce4ed;border-radius:3px;padding:4px 6px;font-size:9px;font-weight:bold;color:#687a92;margin-bottom:7px}.invoice-lines{font-size:10px;margin:0;table-layout:fixed}.invoice-lines th{font-size:9px;line-height:1.3;border-right:1px solid #b3bfce;border-bottom:2px solid #c5a059;padding:10px 8px}.invoice-lines th:first-child{width:37%}.invoice-lines th:nth-child(2){width:12%}.invoice-lines th:nth-child(3){width:13%}.invoice-lines th:nth-child(4){width:16%}.invoice-lines th:nth-child(5){width:7%}.invoice-lines th:nth-child(6){width:15%}.invoice-lines td{padding:12px 8px;line-height:1.4;vertical-align:top;border-bottom:1px solid #e0e6ef;overflow-wrap:anywhere}.invoice-lines tbody tr:nth-child(even){background:#f7f9fc}.invoice-lines td:last-child{font-weight:bold}.invoice-bottom{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;margin-top:80px;align-items:start}.payment-box,.totals-box{border:1px solid #dbe4ef;border-radius:6px;padding:14px}.payment-box{background:#f7f9fb}.payment-box h2{color:#172b50}.payment-box dl{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:5px;margin:0}.payment-box dt{color:#71809a}.payment-box dd{font-weight:bold;margin:0}.payment-box p{font-size:10px;color:#71809a;margin:12px 0 0}.totals-box>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin:0 0 10px}.totals-box span{color:#687a92}.totals-box b{white-space:nowrap}.totals-box .gross{border-top:1px solid #e0e6ef;padding-top:14px;font-size:13px}.totals-box .balance{background:#0c1c3c;color:white;margin:14px 0 0;padding:13px 10px;border-radius:4px;align-items:center}.balance strong{font-size:10px;color:#d4b46e}.balance b{font-size:16px}.invoice-sheet footer{text-align:center;font-size:9px;color:#7e8ea5;margin-top:28px}.invoice-sheet footer p{font-size:9px;margin:7px 0 0}@media(max-width:600px){.invoice-sheet{padding:26px 18px}.invoice-top{gap:18px;grid-template-columns:1fr 1fr}.firm-block h2{font-size:17px}.invoice-info{padding:10px}.invoice-title h1{font-size:17px}.party-panels{gap:12px}.party-panels section{padding:10px}.invoice-bottom{grid-template-columns:1fr;margin-top:30px;gap:15px}.invoice-lines{font-size:9px}.invoice-lines th{font-size:8px;padding:8px 3px}.invoice-lines td{padding:10px 3px}.invoice-lines th:first-child{width:28%}.invoice-lines th:nth-child(6){width:24%}.toolbar{flex-wrap:wrap}}@media print{.invoice-sheet{padding:25px;box-shadow:none;max-width:none}.invoice-bottom{margin-top:60px}}
