.billing-menu-group { flex-shrink: 0; margin-bottom: 5px; }
.billing-settings-dialog { width: min(760px, calc(100vw - 32px)); max-width: 760px; }
.billing-settings-dialog .billing-settings-tabs{overflow-x:auto;gap:20px}
.billing-settings-tabs [role="tab"]{flex-shrink:0}
.billing-numbering-card{margin:20px 0;padding:22px;border:1px solid var(--admin-line);border-radius:12px;background:#b98b5905}
.billing-numbering-card h3{margin:0 0 18px;font-size:15px;font-weight:600}
.billing-numbering-card label{display:grid;gap:8px;font-size:13px}
.billing-numbering-card input,.billing-numbering-card select{box-sizing:border-box;min-height:44px}
.billing-numbering-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--admin-line)}
.billing-numbering-preview span{font-size:12px;opacity:.65}
.billing-numbering-preview strong{font-size:16px;color:#dec09c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-admin-theme="light"] .billing-numbering-preview strong{color:#805a34}
.billing-reset-card{margin:20px 0;padding:24px;border:1px solid #b98b5950;border-radius:12px;background:#b98b5905}
.billing-reset-card h3{margin:0 0 16px;font-size:16px}
.billing-reset-card p{line-height:1.7}
.billing-reset-card .billing-option-check{display:flex;align-items:flex-start;gap:12px;margin:24px 0 8px;font-size:13px;line-height:1.7}
.billing-reset-card .billing-option-check input{flex:0 0 17px;width:17px;height:17px;margin-top:3px;accent-color:#a47b50}
.billing-reset-card>label:not(.billing-option-check){margin-top:24px}
.billing-reset-button{margin-top:20px;border:1px solid #b9806b;border-radius:9px;background:#8a4f3820;color:#e6b39d;padding:11px 16px;font:600 13px/1.5 Manrope,sans-serif;cursor:pointer}
.billing-reset-button:not(:disabled):hover{background:#8a4f3835}
.billing-reset-button:disabled{opacity:.4;cursor:not-allowed}
html[data-admin-theme="light"] .billing-reset-button{color:#854c35}
.billing-settings-dialog [hidden] { display: none !important; }
.billing-settings-dialog .billing-settings-tabs { display: flex; gap: 24px; border-bottom: 1px solid #b98b5928; margin: 12px 0 24px; }
.billing-settings-tabs [role="tab"] { background: none; color: inherit; opacity: .6; border: 0; border-bottom: 2px solid transparent; padding: 12px 0; font: 600 13px/1.5 Manrope,sans-serif; cursor: pointer; }
.billing-settings-tabs [aria-selected="true"] { color: #bd9363; border-bottom-color: #bd9363; opacity: 1; }
.billing-settings-dialog .billing-option { padding: 18px 0; border-bottom: 1px solid #b98b5920; }
.billing-settings-dialog .billing-option-check { display: flex; flex-direction: row; align-items: center; gap: 12px; margin: 0; cursor: pointer; }
.billing-settings-dialog input[type="checkbox"] { width: 17px; height: 17px; padding: 0; margin: 0; flex: 0 0 17px; accent-color: #a47b50; cursor: pointer; }
.billing-settings-dialog label:not(.billing-option-check) { display: grid; gap: 8px; font-size: 13px; }
.billing-settings-dialog [role="tabpanel"] > label { margin-top: 18px; }
.billing-settings-dialog [data-option] { padding: 14px 0 0 29px; }
.billing-settings-dialog [name="quoteValidityDays"] { max-width: 150px; }
.billing-logo-upload { display: flex; align-items: center; gap: 22px; padding: 8px 0 22px; }
.billing-logo-preview { width: 140px; height: 95px; flex: 0 0 140px; display: grid; place-items: center; padding: 12px; border: 1px dashed #b98b5950; border-radius: 12px; background: #b98b5908; }
.billing-logo-preview img { max-width: 100%; max-height: 70px; object-fit: contain; }
.billing-logo-preview span { font-size: 12px; opacity: .55; }
.billing-settings-dialog .billing-file-label { font-size: 13px; gap: 10px; }
.billing-settings-dialog input[type="file"] { font-size: 12px; max-width: 100%; }
.billing-settings-dialog input[type="file"]::file-selector-button { padding: 7px 12px; margin-right: 10px; border: 1px solid #b98b5940; border-radius: 7px; background: #b98b5910; color: inherit; cursor: pointer; }
.billing-settings-save,.billing-settings-cancel,.billing-settings-close,.billing-text-button { font: 600 13px/1.5 Manrope,sans-serif; cursor: pointer; box-shadow: none; }
.billing-settings-save { padding: 10px 16px; border-radius: 10px; border: 1px solid #b98b5950; background: #b98b5914; color: #dec09c; }
.billing-settings-save:hover { background: #b98b5924; border-color: #b98b5980; }
.billing-settings-cancel,.billing-settings-close,.billing-text-button { padding: 8px 0; border: 0; background: transparent; color: inherit; }
.billing-settings-close { padding: 8px 12px; }
.billing-text-button { color: #bd9363; font-size: 12px; }
.billing-settings-note { margin-top: 22px; }
.billing-settings-dialog button:focus-visible { outline: 2px solid #bd9363; outline-offset: 3px; }
.billing-settings-dialog button:disabled { opacity: .5; cursor: wait; }
html[data-admin-theme="light"] .billing-settings-save { color: #805a34; }
html[data-admin-theme="light"] .billing-settings-tabs [aria-selected="true"],html[data-admin-theme="light"] .billing-text-button { color: #805a34; }
@media(max-width:600px) { .billing-settings-dialog .billing-settings-tabs { gap: 16px; } .billing-settings-tabs [role="tab"] { font-size: 12px; text-align: left; } .billing-logo-upload { flex-direction: column; align-items: flex-start; } }
#billing-view .billing-create { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 10px 16px; border: 1px solid #b98b5945; border-radius: 10px; background: #b98b590d; color: #dec09c; font: 600 13px/1.4 Manrope, sans-serif; white-space: nowrap; box-shadow: none; cursor: pointer; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease; }
#billing-view .billing-create:hover { background: #b98b591c; border-color: #b98b5980; color: #ead4b9; }
#billing-view .billing-create:focus-visible { outline: 2px solid #bd9363; outline-offset: 3px; }
#billing-view .billing-create svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
html[data-admin-theme="light"] #billing-view .billing-create { color: #805a34; }
html[data-admin-theme="light"] #billing-view .billing-create:hover { color: #684727; }
@media(prefers-reduced-motion:reduce) { #billing-view .billing-create { transition: none; } }
.admin-side #billing-menu-toggle,
.admin-side .billing-submenu button { min-height: 44px; margin: 0; border: 1px solid transparent; font-size: 12px; font-weight: 600; line-height: 1.5; color: #aab3c0; transition: background-color 180ms ease, color 180ms ease; }
.admin-side #billing-menu-toggle { position: relative; padding: 11px 12px; }
.admin-side #billing-menu-toggle .nav-icon { width: 19px; height: 19px; flex-basis: 19px; color: #939eae; }
.billing-menu-chevron { width: 16px; height: 16px; flex: 0 0 16px; margin-left: auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transform-origin: center; transition: transform 320ms cubic-bezier(.22,1,.36,1); }
.billing-menu-group.is-open .billing-menu-chevron { transform: rotate(180deg); }
.billing-submenu { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows 340ms cubic-bezier(.22,1,.36,1), opacity 220ms ease, visibility 340ms; }
.billing-submenu-inner { min-height: 0; overflow: hidden; }
.billing-menu-group.is-open .billing-submenu { grid-template-rows: 1fr; opacity: 1; visibility: visible; }
.admin-side .billing-submenu button { position: relative; padding: 11px 10px 11px 42px; border-radius: 10px; }
.admin-side .billing-submenu button::after { content: ""; position: absolute; left: 26px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #bd9363; opacity: 0; transform: translateY(-50%); transition: opacity 180ms ease; pointer-events: none; }
.admin-side .billing-submenu button:hover::after,
.admin-side .billing-submenu button:focus-visible::after,
.admin-side .billing-submenu button.is-active::after { opacity: .85; }
.admin-side .billing-submenu button,
.admin-side .billing-submenu button:hover,
.admin-side .billing-submenu button.is-active { background: transparent; border-color: transparent; color: #aab3c0; font-weight: 600; box-shadow: none; }
.admin-side #billing-menu-toggle:hover { background: #ffffff08; color: #f3eee7; }
.admin-side #billing-menu-toggle:focus-visible,
.admin-side .billing-submenu button:focus-visible { outline: 2px solid #bd9363; outline-offset: -2px; }
html[data-admin-theme="light"] .admin-side #billing-menu-toggle,
html[data-admin-theme="light"] .admin-side .billing-submenu button { color: #454c56; }
html[data-admin-theme="light"] .admin-side #billing-menu-toggle:hover { background: #252a3108; color: #252a31; }
html[data-admin-theme="light"] .admin-side .billing-submenu button,
html[data-admin-theme="light"] .admin-side .billing-submenu button:hover,
html[data-admin-theme="light"] .admin-side .billing-submenu button.is-active { background: transparent; border-color: transparent; color: #454c56; box-shadow: none; }
html[data-admin-theme="light"] .admin-side .billing-submenu button::after { background: #a47b50; }
html[data-admin-theme="light"] .admin-side #billing-menu-toggle .nav-icon { color: #8d5c32; }
@media(min-width:981px) {
  .admin-sidebar-collapsed .billing-menu-group .billing-submenu,
  .admin-sidebar-collapsed .billing-menu-chevron { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .billing-submenu, .billing-menu-chevron, .admin-side .billing-submenu button::after { transition: none; }
}