.billing-list-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:28px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--admin-line)}
.billing-list-tabs button{border:0;border-radius:8px;background:transparent;color:inherit;opacity:.6;font:500 13px/1.5 Manrope,sans-serif;padding:10px 16px;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.billing-list-tabs button:hover,.billing-list-tabs button[aria-pressed=true]{background:#b98b5914;color:#dec09c;opacity:1}
.billing-document-list{border:1px solid var(--admin-line);border-radius:16px;background:var(--admin-panel);overflow:hidden}
.billing-document-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(125px,.8fr) minmax(180px,1fr) minmax(110px,.65fr) auto;align-items:center;gap:22px;padding:24px;transition:background .2s}
.billing-document-row+.billing-document-row{border-top:1px solid var(--admin-line)}
.billing-document-row:hover{background:#b98b5906}
.billing-document-identity{display:flex;align-items:center;gap:14px;min-width:0}
.billing-document-identity>div,.billing-document-dates,.billing-document-state,.billing-document-amount{display:flex;flex-direction:column;gap:7px;min-width:0}
.billing-document-icon,.billing-documents-empty>span{display:grid;place-items:center;flex-shrink:0;width:40px;height:46px;border:1px solid #b98b5928;border-radius:10px;background:#b98b5909;color:#bd9363}
.billing-document-icon svg,.billing-documents-empty svg{width:20px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.billing-document-number{padding:0;border:0;background:none;color:inherit;font:600 15px/1.5 Manrope,sans-serif;text-align:left;cursor:pointer}
.billing-document-number:hover{color:#dec09c}
.billing-document-client{font-size:13px;overflow-wrap:anywhere}
.billing-document-row small{font-size:11px;line-height:1.5;opacity:.5;overflow-wrap:anywhere}
.billing-document-dates{font-size:13px}
.billing-document-dates small{font-size:12px}
.billing-document-state{align-items:center;text-align:center}
.billing-payment-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #b98b5928;background:#b98b590b;color:#d4b38a;padding:6px 10px;border-radius:30px;font-size:11px;font-weight:600;white-space:nowrap}
.billing-payment-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}
.billing-payment-paid{color:#a4c3ac;background:#91b79c0b;border-color:#91b79c28}
.billing-payment-draft,.billing-payment-quote{color:inherit;background:#ffffff04;border-color:var(--admin-line);opacity:.65}
.billing-document-state .billing-payment-late{color:#d4a383;opacity:1}
.billing-document-amount{text-align:right;font-variant-numeric:tabular-nums}
.billing-document-amount strong{font-size:16px;font-weight:600;white-space:nowrap}
.billing-document-actions{display:flex;align-items:center;justify-content:end;gap:12px;min-width:145px}
.billing-paid-button{border:0;background:none;padding:8px 0;color:#caa77c;font:500 11px/1.5 Manrope,sans-serif;cursor:pointer}
.billing-paid-button:hover{text-decoration:underline;text-underline-offset:4px}
.billing-document-open{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--admin-line);border-radius:50%;background:transparent;color:inherit;font-size:17px;cursor:pointer}
.billing-document-open:hover{border-color:#b98b5960;color:#dec09c}
.billing-documents-empty{text-align:center;padding:64px 24px;border:1px dashed var(--admin-line);border-radius:16px}
.billing-documents-empty>span{margin:0 auto 20px}.billing-documents-empty h3{font-size:17px}.billing-documents-empty p{font-size:13px;opacity:.55}
@media(max-width:1250px){.billing-document-row{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;gap:18px}.billing-document-dates{grid-row:2}.billing-document-state{grid-column:2;grid-row:1}.billing-document-amount{grid-column:3;grid-row:1}.billing-document-actions{grid-column:2/4;grid-row:2}}
@media(max-width:650px){.billing-document-row{padding:18px;grid-template-columns:minmax(0,1fr) auto;gap:16px}.billing-document-icon{display:none}.billing-document-state{grid-column:1;grid-row:2;align-items:start}.billing-document-amount{grid-column:2;grid-row:1}.billing-document-dates{grid-column:1;grid-row:3}.billing-document-actions{grid-column:2;grid-row:2/4;min-width:0;flex-direction:column-reverse}.billing-list-tabs{gap:0}.billing-list-tabs button{font-size:12px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.billing-document-row,.billing-list-tabs button{transition:none}}
.billing-payment-pending{color:#f3d5ac;background:#694b28;border-color:#b48b55}
.billing-payment-paid{color:#d1f2da;background:#294c38;border-color:#60896b}
.billing-payment-credit{color:#e9dece;background:#494137;border-color:#93816b}
.billing-document-client{color:#b8bdc5;font-size:12px;line-height:1.6}
.billing-document-client{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.billing-number-badge{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid #b98b5955;border-radius:999px;background:#b98b5915;color:#dec09c;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-admin-theme="light"] .billing-number-badge{background:#f2e9dd;border-color:#d4b995;color:#77502b}
.billing-actions-menu{position:fixed;z-index:6500;width:232px;padding:7px;border:1px solid var(--admin-line);border-radius:13px;background:var(--admin-panel);box-shadow:0 14px 40px #0003;color:#eae5de}
.billing-actions-menu button,.billing-actions-menu a{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;border:0;border-radius:7px;background:transparent;color:inherit;padding:11px 12px;font:500 13px/1.5 Manrope,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.billing-actions-menu button:hover,.billing-actions-menu a:hover,.billing-actions-menu :focus-visible{background:#b98b5918;outline:1px solid #b98b5950}
html[data-admin-theme="light"] .billing-payment-pending{color:#68451d;background:#f2e3cb;border-color:#b98c50}
html[data-admin-theme="light"] .billing-payment-paid{color:#244d31;background:#dbeedf;border-color:#7a9b80}
html[data-admin-theme="light"] .billing-payment-credit{color:#5f4a31;background:#eee4d6;border-color:#b8a183}
html[data-admin-theme="light"] .billing-document-client{color:#747064}
html[data-admin-theme="light"] .billing-actions-menu{color:#352e27}
.billing-document-actions{min-width:36px}
.billing-document-number{font-weight:700}
.billing-document-row{cursor:pointer}
.billing-document-row:focus-within{background:#b98b5909}
.billing-actions-menu svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.billing-actions-menu .billing-menu-divider{height:1px;margin:7px 0;background:var(--admin-line)}
.billing-actions-menu button:disabled{opacity:.35;cursor:not-allowed;background:transparent;outline:none}
#billing-view{--billing-control-bg:#1d232b;--billing-control-line:#424a55;--billing-ink:#eeeae4;--billing-muted:#aeb7c3;--billing-accent:#e1bc90;--billing-selected:#4a3827}
html[data-admin-theme="light"] #billing-view{--billing-control-bg:#fff;--billing-control-line:#d4cfc6;--billing-ink:#302d29;--billing-muted:#706c65;--billing-accent:#77502b;--billing-selected:#eee1cf}
#billing-view .billing-toolbar{display:flex;align-items:flex-end;gap:14px;margin:0 0 22px}
#billing-view .billing-toolbar label{display:flex;flex-direction:column;gap:9px;margin:0;min-width:0}
#billing-view .billing-search-field{flex:0 1 360px}
#billing-view .billing-filter-field{flex:0 1 280px}
#billing-view .billing-control-label{color:var(--billing-muted);font-size:12px;font-weight:500;line-height:1.5}
#billing-view .billing-control{display:flex;align-items:center;position:relative;gap:11px;min-height:46px;padding:0 14px;border:1px solid var(--billing-control-line);border-radius:11px;background:var(--billing-control-bg);transition:border-color .18s,box-shadow .18s}
#billing-view .billing-control:hover{border-color:#a47b50}
#billing-view .billing-control:focus-within{border-color:#ad8354;box-shadow:0 0 0 3px #b98b591a}
#billing-view .billing-control svg,#billing-view .billing-refresh svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--billing-muted)}
#billing-view .billing-control input,#billing-view .billing-control select{box-sizing:border-box;flex:1;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--billing-ink);font:500 13px/1.5 Manrope,sans-serif}
#billing-view .billing-control input::placeholder{color:var(--billing-muted);opacity:.8}
#billing-view .billing-control input::-webkit-search-cancel-button{cursor:pointer}
#billing-view .billing-select-control select{appearance:none;cursor:pointer;padding-right:22px}
#billing-view .billing-select-control>svg:last-child{position:absolute;right:13px;width:14px;pointer-events:none}
#billing-view .billing-control select option{background:var(--billing-control-bg);color:var(--billing-ink)}
#billing-view .billing-refresh{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-height:46px;padding:0 16px;border:1px solid var(--billing-control-line);border-radius:11px;background:var(--billing-control-bg);color:var(--billing-ink);font:600 12px/1.5 Manrope,sans-serif;cursor:pointer;transition:border-color .18s,background .18s}
#billing-view .billing-refresh:hover{border-color:#a47b50;background:var(--billing-selected)}
#billing-view .billing-refresh:disabled{opacity:.6;cursor:wait}
#billing-view .billing-refresh[aria-busy=true] svg{animation:billing-refresh-spin 1s linear infinite}
@keyframes billing-refresh-spin{to{transform:rotate(360deg)}}
#billing-view .billing-list-tabs button{opacity:1;color:var(--billing-muted);border:1px solid transparent}
#billing-view .billing-list-tabs button:hover{background:var(--billing-selected);color:var(--billing-accent)}
#billing-view .billing-list-tabs button[aria-pressed=true]{background:var(--billing-selected);color:var(--billing-accent);border-color:#a47b5060;font-weight:600}
#billing-view .billing-list-tabs button:focus-visible,#billing-view .billing-refresh:focus-visible{outline:2px solid #a47b50;outline-offset:3px}
@media(max-width:700px){#billing-view .billing-search-field{flex-basis:100%}#billing-view .billing-filter-field{flex:1 1 180px}#billing-view .billing-toolbar{gap:12px}#billing-view .billing-refresh{padding:0 13px}}
@media(prefers-reduced-motion:reduce){#billing-view .billing-control,#billing-view .billing-refresh{transition:none}#billing-view .billing-refresh[aria-busy=true] svg{animation:none}}
#billing-view .billing-toolbar .billing-list-tabs{flex:1 1 auto;align-items:center;gap:5px;min-width:0;min-height:46px;margin:0;padding:0;border:0}
#billing-view .billing-toolbar .billing-list-tabs button{padding:10px 11px;font-size:12px;white-space:nowrap}
#billing-view .billing-toolbar .billing-search-field{flex:0 1 360px;min-width:220px}
@media(max-width:1000px){#billing-view .billing-toolbar{flex-wrap:wrap}#billing-view .billing-toolbar .billing-list-tabs{flex:1 1 450px}}
@media(max-width:700px){#billing-view .billing-toolbar .billing-search-field{flex:1 1 100%;min-width:0}#billing-view .billing-toolbar .billing-list-tabs{flex-basis:100%}}