.drawer-content{overflow-x:hidden}
.invoice-action-btn,.extras-action-btn,.reservation-link,.frch-document-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cad5dc;background:#fff;color:#26333d;border-radius:9px;padding:7px 10px;cursor:pointer;font:inherit;text-decoration:none;white-space:nowrap;min-height:32px}
.invoice-action-btn:hover,.extras-action-btn:hover,.reservation-link:hover,.frch-document-link:hover{background:#f4f8f6;border-color:#b9c9c1}
.invoice-action-btn.has-invoice{border-color:#8cb6a5;background:#eef8f3;color:#285f48}
.extras-action-btn{border-color:#dfbf82;background:#fff8ec;color:#765313}
.extras-action-btn.has-extra{background:#fff1d5}
.invoice-count-dot{min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;background:#315f4c;color:#fff;font-size:9px}
.extras-action-btn .invoice-count-dot{background:#9a690f}
.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.invoice-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.invoice-summary-box{border:1px solid #e0e7ea;border-radius:11px;padding:12px 13px;background:#f8fafb;min-width:0}
.invoice-summary-box span,.invoice-summary-box small{display:block;color:#71808f;font-size:10px}
.invoice-summary-box strong{display:block;font-size:18px;margin-top:4px;letter-spacing:-.01em;overflow-wrap:anywhere}
.pending-invoice-card{border:1px solid #d6e4dc;border-radius:13px;padding:15px 16px;background:#f4faf7;margin-bottom:14px;box-shadow:0 3px 12px rgba(18,38,48,.025)}
.pending-invoice-card.changed{border-color:#a8cdbb;background:#eef8f3}
.pending-invoice-card.refund{border-color:#e3b7b7;background:#fff4f4}
.pending-invoice-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.pending-invoice-head h3{margin:4px 0 0;font-size:20px!important;letter-spacing:-.02em}
.pending-invoice-head small{display:block;color:#71808f;margin-top:4px;line-height:1.45}
.invoice-card{border:1px solid #dfe6e9;border-radius:13px;padding:15px 16px;margin-bottom:12px;background:#fff;box-shadow:0 3px 12px rgba(18,38,48,.025);overflow:hidden}
.invoice-card.extra{border-left:3px solid #cf9a3c;background:#fffdf8}
.invoice-card.main{border-left:3px solid #5b8d78}
.invoice-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.invoice-card-head>div:last-child{text-align:right;white-space:nowrap}
.invoice-card-head h3{margin:4px 0 0;font-size:13px!important;color:#26333d;overflow-wrap:anywhere}
.invoice-card-head small{display:block;color:#71808f;margin-top:4px;line-height:1.4}
.invoice-card-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px}
.invoice-lines{width:100%;min-width:0!important;max-width:100%;table-layout:auto;border-collapse:collapse;margin-top:12px;font-size:11px;background:transparent}
.invoice-lines th,.invoice-lines td{padding:8px 7px!important;border-bottom:1px solid #e7ece9;text-align:left;font-size:10.5px!important;white-space:normal;overflow-wrap:anywhere}
.invoice-lines th{position:static!important;background:#f5f8f7!important;color:#66756e!important}
.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(2),.invoice-lines th:nth-child(3),.invoice-lines td:nth-child(3){width:58px;text-align:center}
.invoice-lines .money{width:95px;text-align:right;white-space:nowrap}
.payment-inline{display:grid;grid-template-columns:minmax(90px,120px) minmax(120px,1fr) auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid #e7ece9}
.payment-inline label{font-size:10px;color:#66756e}
.payment-inline input,.payment-inline select{width:100%;margin-top:4px}
.invoice-status-note{margin-top:8px;font-size:11px;color:#596760;padding:8px 10px;border-radius:8px;background:#f7f9f8}
.invoice-status-note.collect{color:#765313;background:#fff7e8}.invoice-status-note.refund{color:#943838;background:#fff0f0}.invoice-status-note.settled{color:#2e6a51;background:#edf8f2}
.frch-receipt-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e4e9ec}
.frch-document-link{font-size:10.5px}
.extras-drawer-section{border:1px solid #dfe6e9;border-radius:13px;padding:15px 16px;margin-bottom:12px;background:#fff;box-shadow:0 3px 12px rgba(18,38,48,.025)}
.extras-drawer-section h3{margin:0 0 11px}
.extra-row{display:grid;grid-template-columns:minmax(140px,1.5fr) minmax(70px,.6fr) minmax(70px,.6fr) minmax(90px,.8fr);gap:8px;align-items:end;margin-bottom:8px}
.extra-row.five{grid-template-columns:minmax(130px,1.4fr) 70px 70px 90px 90px}
.extra-row label{font-size:10px;color:#66756e}
.extra-row input,.extra-row select{width:100%;margin-top:4px}
.custom-extra-row{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:end;margin-bottom:8px}
.extra-total{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #dfe6e2;margin-top:8px;font-size:14px}
.invoice-virtual-panel{margin:14px 12px 12px;border:1px solid #c9dcd3;border-radius:11px;padding:12px;background:#f5faf7}
.invoice-virtual-panel.refund{border-color:#dfb0b0;background:#fff5f5}
.invoice-history-mini{margin-top:10px;padding-top:10px;border-top:1px solid #dfe7e3}
.invoice-history-mini .mini-row,.extras-drawer-section .mini-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:11px;border-bottom:1px solid #edf1ef}
.no-location-label{display:inline-block;padding:3px 6px;border-radius:6px;background:#eef1f0;color:#66756e;font-size:10px}

[data-theme="dark"] .invoice-action-btn,[data-theme="dark"] .extras-action-btn,[data-theme="dark"] .reservation-link,[data-theme="dark"] .frch-document-link{background:#17232a;border-color:#354650;color:#e5edf1}
[data-theme="dark"] .invoice-action-btn:hover,[data-theme="dark"] .extras-action-btn:hover,[data-theme="dark"] .reservation-link:hover,[data-theme="dark"] .frch-document-link:hover{background:#1c2b33;border-color:#4a5e69}
[data-theme="dark"] .invoice-action-btn.has-invoice{background:#173126;border-color:#36624d;color:#a7d5bd}
[data-theme="dark"] .extras-action-btn,[data-theme="dark"] .extras-action-btn.has-extra{background:#302713;border-color:#5c4a28;color:#e2c47f}
[data-theme="dark"] .invoice-summary-box,[data-theme="dark"] .invoice-card,[data-theme="dark"] .extras-drawer-section{background:#141f26;border-color:#2b3942;box-shadow:none;color:#dce6ec}
[data-theme="dark"] .invoice-card.extra{background:#1d1d18;border-left-color:#9b7839}
[data-theme="dark"] .invoice-card.main{border-left-color:#56856f}
[data-theme="dark"] .invoice-card-head h3,[data-theme="dark"] .invoice-summary-box strong,[data-theme="dark"] .extras-drawer-section h3{color:#eef4f7}
[data-theme="dark"] .invoice-card-head small,[data-theme="dark"] .invoice-summary-box span,[data-theme="dark"] .invoice-summary-box small,[data-theme="dark"] .pending-invoice-head small,[data-theme="dark"] .payment-inline label,[data-theme="dark"] .extra-row label{color:#91a1ab}
[data-theme="dark"] .pending-invoice-card{background:#14231d;border-color:#2f4b3d;box-shadow:none}
[data-theme="dark"] .pending-invoice-card.changed{background:#173126;border-color:#3d654f}
[data-theme="dark"] .pending-invoice-card.refund{background:#2b1b1b;border-color:#603b3b}
[data-theme="dark"] .invoice-lines th{background:#19252d!important;color:#9dafba!important;border-color:#2b3942!important}
[data-theme="dark"] .invoice-lines td{background:transparent!important;color:#dce6ec!important;border-color:#25323a!important}
[data-theme="dark"] .invoice-status-note{background:#18242b;color:#aab8c0}
[data-theme="dark"] .invoice-status-note.collect{background:#302713;color:#e2c47f}.invoice-status-note.refund{background:#321d1d;color:#e4a1a1}.invoice-status-note.settled{background:#173126;color:#a7d5bd}
[data-theme="dark"] .frch-receipt-links,[data-theme="dark"] .payment-inline,[data-theme="dark"] .extra-total,[data-theme="dark"] .invoice-history-mini{border-color:#2b3942}
[data-theme="dark"] .no-location-label{background:#1c2930;color:#9dafba}

@media(max-width:1100px){.invoice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-row,.extra-row.five{grid-template-columns:1fr 1fr}.payment-inline{grid-template-columns:1fr 1fr}.payment-inline button{grid-column:1/-1}}
@media(max-width:650px){.invoice-summary-grid{grid-template-columns:1fr 1fr}.invoice-card-head,.pending-invoice-head{flex-direction:column}.invoice-card-head>div:last-child{text-align:left}.payment-inline{grid-template-columns:1fr}.extra-row,.extra-row.five,.custom-extra-row{grid-template-columns:1fr}.invoice-lines th:nth-child(3),.invoice-lines td:nth-child(3){display:none}}