:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#24384e;background-color:#f3f8fb;--page-bg: #f3f8fb;--panel-bg: #fff;--input-bg: #fff;--surface: #fff;--surface-subtle: #f7fafc;--text-strong: #13243a;--text-main: #24384e;--text-muted: #6b7f93;--border: #d6e2ea;--border-soft: #e7eef3;--table-head: #eef6fa;--table-row-hover: #f0f5f8;--primary: #00a6b7;--primary-dark: #087b9b;--primary-soft: #e2f7fa;--success-bg: #eef9f7;--success-border: #b9d8ce;--success-text: #22675b;--warning-bg: #fff8e8;--warning-border: #e8be80;--warning-text: #8a5b16;--danger-bg: #fff5f5;--danger-border: #efc7bf;--danger-text: #9d2c1e;--modal-scrim: rgba(15, 23, 42, .38);--modal-backdrop-filter: none;--modal-panel-border: var(--border);--modal-panel-shadow: 0 16px 42px rgba(15, 23, 42, .22);--nav-bg: #0b4f86;--nav-bg-muted: #0f609c;--nav-active: #7de8f4;--nav-text: rgba(255, 255, 255, .92);--nav-muted: rgba(255, 255, 255, .62);--type-caption: .6875rem;--type-label: .75rem;--type-small: .8125rem;--type-body: .875rem;--type-emphasis: .9375rem;--type-section: 1rem;--type-page: 1.25rem;--type-key: 1rem;--line-compact: 1.25;--line-body: 1.5;--line-relaxed: 1.65;font-synthesis:none}:root[data-theme=night]{color-scheme:dark;--page-bg: #0c121a;--panel-bg: #151e29;--input-bg: #101821;--surface: #151e29;--surface-subtle: #1a2633;--text-strong: #f0f5fa;--text-main: #d5e0ea;--text-muted: #91a3b5;--border: #324253;--border-soft: #263544;--table-head: #1b2836;--table-row-hover: #203040;--primary: #0c7f8d;--primary-dark: #70d8e1;--primary-soft: #17383e;--success-bg: #17342f;--success-border: #315e55;--success-text: #8dd8c8;--warning-bg: #302616;--warning-border: #6d5427;--warning-text: #f0c36c;--danger-bg: #351c20;--danger-border: #704047;--danger-text: #f4a5ad;--modal-scrim: rgba(2, 7, 13, .78);--modal-backdrop-filter: blur(3px);--modal-panel-border: #4a6277;--modal-panel-shadow: 0 24px 72px rgba(0, 0, 0, .72), 0 0 0 1px rgba(145, 163, 181, .08);--nav-bg: #070d14;--nav-bg-muted: #111d29;--nav-active: #5bd4df;--nav-text: rgba(239, 246, 252, .9);--nav-muted: rgba(207, 222, 234, .58)}:root[data-theme=joy]{--page-bg: #f3f8fb;--panel-bg: #fff;--input-bg: #fff;--surface: #fff;--surface-subtle: #f7fafc;--text-strong: #13243a;--text-main: #24384e;--text-muted: #6b7f93;--border: #d6e2ea;--border-soft: #e7eef3;--table-head: #eef6fa;--table-row-hover: #f0f5f8;--primary: #00a6b7;--primary-dark: #087b9b;--primary-soft: #e2f7fa;--nav-bg: #0b4f86;--nav-bg-muted: #0f609c;--nav-active: #7de8f4;--nav-text: rgba(255, 255, 255, .92);--nav-muted: rgba(255, 255, 255, .62)}:root[data-theme=ruby]{--page-bg: #f7f5f3;--panel-bg: #fff;--input-bg: #fff;--surface: #fff;--surface-subtle: #faf7f5;--text-strong: #241d1f;--text-main: #34292c;--text-muted: #776b6d;--border: #ded6cf;--border-soft: #ece5df;--table-head: #f3efeb;--table-row-hover: #f3eeeb;--primary: #9b2f42;--primary-dark: #762232;--primary-soft: #f5e8eb;--nav-bg: #3a1720;--nav-bg-muted: #4b202b;--nav-active: #d5ad63;--nav-text: rgba(255, 255, 255, .9);--nav-muted: rgba(255, 255, 255, .55)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}body{background:var(--page-bg);color:var(--text-main);font-size:var(--type-body);line-height:var(--line-body);margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}.page{padding:.25rem 0}.page h1{font-size:var(--type-page);margin:0 0 .65rem}.page h2{font-size:var(--type-section);line-height:1.3;margin:1.5rem 0 .5rem}.page h3{font-size:var(--type-emphasis);line-height:1.35}.page-heading,.detail-heading{align-items:flex-end;background:var(--page-bg);border-bottom:1px solid transparent;display:flex;justify-content:space-between;margin-bottom:.55rem;padding:.2rem 0 .45rem}.heading-actions{align-items:center;display:flex;gap:.75rem}@media(min-width:769px){.page-heading,.detail-heading{position:sticky;top:52px;z-index:20;border-bottom-color:#d8dee6d1}}.page-heading h1,.detail-heading h1{color:var(--text-strong);font-size:var(--type-page);line-height:1.16;margin:0}.eyebrow{color:var(--text-muted);font-size:var(--type-caption);font-weight:700;letter-spacing:0;margin:0 0 .16rem;text-transform:uppercase}.page-subtitle{color:var(--text-muted);font-size:var(--type-small);line-height:1.35;margin:.18rem 0 0}.billing-period{background:var(--surface-subtle);border:1px solid var(--border);border-radius:3px;color:var(--text-main);font-size:.74rem;font-weight:600;padding:.25rem .48rem}.loading-panel,.error-panel,.empty-state{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:var(--type-body);line-height:var(--line-body);padding:2rem;text-align:center}.loading-panel.compact{padding:1rem}.error-panel{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.success-panel{background:var(--success-bg);border:1px solid var(--success-border);border-radius:4px;color:var(--success-text);margin-bottom:1rem;padding:.85rem 1rem}.billing-metrics{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.3rem 1.05rem;margin:0 0 .45rem;min-height:30px}.metric-block{align-items:baseline;display:flex;gap:.32rem;min-height:0;min-width:0;padding:0}.metric-block:last-child{border-right:0}.metric-block span{color:var(--text-muted);display:inline-block;flex:0 0 auto;font-size:.8rem;font-weight:560;margin-bottom:0;white-space:nowrap}.metric-block strong{color:var(--text-main);display:inline-block;font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:650;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-block small{color:var(--text-muted);font-size:.76rem;margin-left:0;white-space:nowrap}.metric-block.total{background:transparent}.metric-block.total strong{color:var(--text-main)}.currency-total-list{display:flex;gap:.45rem;min-width:0;overflow:hidden}.currency-total-list strong{display:inline-block;font-size:.82rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-controls{align-items:end;background:var(--panel-bg);border:1px solid var(--border);border-bottom:0;border-radius:4px 4px 0 0;display:grid;gap:.55rem;grid-template-columns:minmax(180px,300px) repeat(auto-fit,minmax(120px,170px));justify-content:start;padding:.65rem .8rem}.billing-controls+.billing-metrics{background:#f3faf6;border:0;border-radius:3px;box-shadow:inset 3px 0 #0f766e2e;margin:.35rem 0 .55rem;padding:.32rem .55rem}:root[data-theme=night] .billing-controls+.billing-metrics{background:var(--surface-subtle);box-shadow:inset 3px 0 #25b6c547}.billing-controls+.billing-metrics+.billing-table-panel{border-top:1px solid var(--border)}.orders-controls{grid-template-columns:minmax(180px,300px) repeat(auto-fit,minmax(120px,170px))}.billing-controls label{color:var(--text-muted);display:grid;font-size:var(--type-label);font-weight:600;gap:.25rem}.billing-controls input,.billing-controls select{background:var(--input-bg);border:1px solid var(--border);border-radius:3px;color:var(--text-main);font:inherit;font-size:var(--type-body);height:34px;padding:0 .55rem}.billing-controls input:focus,.billing-controls select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2f5f661f;outline:none}.filter-strip{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;display:grid;gap:.65rem;margin:0 0 1rem;padding:.75rem}.filter-group{align-items:center;display:grid;gap:.45rem;grid-template-columns:3.5rem minmax(0,1fr);min-width:0}.filter-values{display:flex;gap:.45rem;min-width:0;overflow-x:auto;padding-bottom:.1rem;-webkit-overflow-scrolling:touch}.filter-group>span{color:var(--text-muted);flex:0 0 auto;font-size:.76rem;font-weight:700;min-width:3.5rem}.filter-chip{background:var(--surface-subtle);border:1px solid var(--border);border-radius:3px;color:var(--text-main);cursor:pointer;flex:0 0 auto;font:inherit;font-size:.82rem;font-weight:700;min-height:32px;padding:0 .75rem;white-space:nowrap}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.billing-table-panel,.detail-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:0 0 4px 4px}.billing-table-panel:has(.table-wrap){display:flex;flex-direction:column;max-height:calc(100vh - 220px);min-height:260px}.billing-table-panel:has(.pagination-bar) .table-wrap,.billing-table-panel>.table-wrap,.detail-panel>.table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.billing-table-panel:has(>.empty-state){min-height:0}.billing-table-panel:has(>.empty-state)>.table-wrap{flex:0 0 auto}.billing-table-panel>.empty-state{border:0;border-radius:0;border-top:1px solid var(--border-soft);padding:1.15rem 1rem}.billing-list-table{border-radius:0;box-shadow:none;min-width:1050px}.billing-list-table th{background:var(--table-head);color:var(--text-muted);font-size:var(--type-label);position:sticky;top:0;text-transform:uppercase;z-index:4}.billing-list-table td{padding-bottom:.75rem;padding-top:.75rem}.orders-table{min-width:1700px}.orders-table th,.orders-table td{vertical-align:top}.customer-name{color:var(--text-strong);font-size:var(--type-body);font-weight:650}.service-cell{display:grid;gap:.08rem}.service-cell small{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.order-no{color:var(--primary-dark);display:inline-block;font-size:var(--type-body);font-weight:700;margin-bottom:.2rem}.row-subtitle{color:var(--text-muted);display:block;font-size:.76rem}.pill,.soft-tag{border-radius:3px;display:inline-flex;font-size:.76rem;font-weight:650;line-height:1;padding:.38rem .55rem;white-space:nowrap}.pill{background:var(--surface-subtle);color:var(--text-main)}.soft-tag{background:var(--primary-soft);color:var(--primary-dark)}.stacked-tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.35rem;max-width:220px}.range-cell{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-bar{align-items:center;border-top:1px solid var(--border-soft);background:var(--panel-bg);color:var(--text-muted);display:flex;font-size:.88rem;justify-content:space-between;padding:.85rem 1rem;flex:0 0 auto;gap:.75rem;min-width:0}.pagination-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-size-control{align-items:center;display:flex;gap:.4rem}.page-size-control select{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-main);font:inherit;height:32px;padding:0 .45rem}.pagination-actions button{align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-main);cursor:pointer;display:inline-flex;font:inherit;font-weight:650;justify-content:center;line-height:1.2;min-width:74px;padding:.45rem .7rem;text-align:center}.pagination-actions button:disabled{color:#a0a9b4;cursor:not-allowed;opacity:.7}.wallet-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1rem}.wallet-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;padding:1rem}.wallet-card div{align-items:center;display:flex;justify-content:space-between}.wallet-card span{color:var(--text-muted);font-size:.82rem;font-weight:650}.wallet-card strong{color:#34475a;font-size:.82rem}.wallet-card .balance{color:var(--text-strong);font-size:var(--type-key);font-weight:750;margin:.65rem 0 .2rem}.wallet-card .balance small,.wallet-card .available{color:var(--text-muted);font-size:.78rem}.wallet-table{min-width:1120px}.wallet-note{color:var(--text-muted);max-width:420px}.positive{color:#0b7a59;font-weight:650}.negative{color:#a13b2b;font-weight:650}.form-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;margin-bottom:1rem;padding:1rem}.form-panel h2{margin-top:0}.payment-form{align-items:end;display:grid;gap:.8rem;grid-template-columns:180px 160px 150px 190px minmax(260px,1fr) 120px}.payment-form label{color:#586779;display:grid;font-size:.76rem;font-weight:600;gap:.25rem}.payment-form input,.payment-form select{background:var(--input-bg);border:1px solid var(--border);border-radius:3px;color:var(--text-main);font:inherit;font-size:.9rem;height:38px;padding:0 .7rem}.payment-form button{background:var(--primary);border:0;border-radius:3px;color:#fff;cursor:pointer;font:inherit;font-weight:700;height:38px}.payment-form button:disabled{cursor:not-allowed;opacity:.65}.payments-controls{grid-template-columns:minmax(260px,1fr) 180px 220px}.payments-table{min-width:1240px}.price-controls{grid-template-columns:minmax(260px,1fr) 170px 170px}.price-search-controls{grid-template-columns:minmax(240px,1fr) 130px 260px 100px}.price-books-table{min-width:1080px}.price-search-table{min-width:980px}.price-change-table{min-width:1120px}.usage-table{min-width:980px}.usage-detail-table{min-width:1120px}.usage-controls{grid-template-columns:minmax(260px,1fr) 170px 170px}.notifications-controls{grid-template-columns:minmax(260px,1fr) 160px}.notifications-table{min-width:1180px}.settings-panel{display:grid;gap:1rem}.settings-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.setting-choice{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-main);cursor:pointer;display:grid;gap:.25rem;min-height:76px;padding:.78rem .9rem;text-align:left}.setting-choice strong{font-size:var(--type-emphasis)}.setting-choice:hover,.setting-choice.selected{border-color:var(--primary);box-shadow:0 0 0 2px #2f5f661f}.setting-choice span{color:#667487;font-size:.8rem;line-height:1.42}.settings-actions{display:flex;gap:.6rem;justify-content:flex-end}.settings-definition{display:grid;gap:.45rem .8rem;grid-template-columns:96px minmax(0,1fr);margin:0}.settings-definition dt{color:#667487;font-size:.78rem;font-weight:650}.settings-definition dd{margin:0;min-width:0;overflow-wrap:anywhere}.settings-definition dt{color:#667487;font-weight:700}.settings-definition dd{margin:0}.primary-action,.secondary-action,.icon-button{align-items:center;border-radius:3px;cursor:pointer;display:inline-flex;font:inherit;font-size:var(--type-body);font-weight:700;justify-content:center;line-height:1.2;text-align:center;vertical-align:middle}.primary-action{background:var(--primary);border:1px solid var(--primary);color:#fff;min-height:38px;padding:0 .85rem}.primary-action:disabled{cursor:not-allowed;opacity:.65}.secondary-action{background:var(--panel-bg);border:1px solid var(--border);color:var(--text-main);min-height:38px;padding:0 .85rem}.secondary-action.danger-action{border-color:#e2b8b2;color:#a03427}.secondary-action.danger-action:hover{background:var(--danger-bg)}.icon-button{align-items:center;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-main);display:inline-flex;font-size:1.2rem;height:34px;justify-content:center;line-height:1;width:34px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:var(--modal-backdrop-filter);backdrop-filter:var(--modal-backdrop-filter);background:var(--modal-scrim);display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:500;overscroll-behavior:contain}.modal-panel{background:var(--panel-bg);border:1px solid var(--modal-panel-border);border-radius:4px;box-shadow:var(--modal-panel-shadow);max-height:calc(100dvh - 2rem);max-width:calc(100vw - 2rem);min-width:0;overflow:auto;overscroll-behavior:contain;width:min(680px,100%)}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;padding:1rem 1.1rem .85rem}.modal-header h2{font-size:var(--type-section);line-height:1.3;margin:0}.payment-modal-form{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem 1.1rem 1.1rem}.payment-modal-form label{color:#586779;display:grid;font-size:var(--type-label);font-weight:600;gap:.25rem}.field-caption{align-items:baseline;display:flex;gap:.6rem;justify-content:space-between;min-height:1.05rem;min-width:0;width:100%}.field-caption>span{color:inherit;flex:0 0 auto;font:inherit;min-width:0}.field-help{color:var(--text-muted);display:block;flex:1 1 auto;font-size:var(--type-caption);font-weight:500;line-height:var(--line-compact);margin:0;max-width:72%;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.field-help--warning{color:var(--warning-text)}.payment-modal-form .checkbox-field{align-items:center;display:flex;flex-direction:row;gap:.5rem}.payment-modal-form .checkbox-field input{height:auto;width:auto}.payment-modal-form input,.payment-modal-form select,.payment-modal-form textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:3px;color:var(--text-main);font:inherit;font-size:var(--type-body);padding:.55rem .7rem;max-width:100%;min-width:0;width:100%}.payment-modal-form input,.payment-modal-form select{height:38px}.email-workflow-modal{display:flex;flex-direction:column;overflow:hidden;width:min(880px,100%)}.email-workflow-body{align-items:start;flex:1 1 auto;min-height:0;overflow-y:auto}.email-preview-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;min-width:0;overflow:hidden;width:100%}.email-preview-card dl{background:var(--surface-subtle);display:grid;gap:.38rem .8rem;grid-template-columns:max-content minmax(0,1fr);margin:0;padding:1rem 1.1rem}.email-preview-card dt{color:var(--text-muted);font-size:var(--type-label);font-weight:700}.email-preview-card dd{color:var(--text-main);font-size:var(--type-body);margin:0;min-width:0;overflow-wrap:anywhere}.email-preview-card pre{background:var(--input-bg);border-top:1px solid var(--border-soft);color:var(--text-main);font:var(--type-body)/1.72 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0;max-height:380px;min-height:220px;overflow:auto;padding:1.25rem 1.35rem 1.5rem;white-space:pre-wrap}.attachment-preview-line{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:space-between}.wide-field,.modal-actions{grid-column:1 / -1}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;padding-top:.25rem}.modal-help{color:#667487;font-size:.86rem;margin:0}.month-code,.identifier{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.month-code{background:var(--surface-subtle);border:1px solid var(--border-soft);border-radius:3px;color:var(--text-main);font-size:.78rem;padding:.25rem .4rem;white-space:nowrap}.amount-link{color:var(--primary-dark);font-weight:650;font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-color:#0b6f684d;text-underline-offset:3px}.amount-link:hover{color:#173a3f;text-decoration-color:currentColor}.customer-mail-layout{display:grid;gap:1rem;grid-template-columns:320px minmax(0,1fr)}.customer-picker,.mail-editor{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px}.customer-picker{align-self:start;overflow:hidden}.customer-search{border-bottom:1px solid #e5eaf0;color:#586779;display:grid;font-size:.76rem;font-weight:650;gap:.35rem;padding:.9rem}.customer-search input,.mail-form-grid textarea{border:1px solid #cfd8e1;border-radius:4px;color:#1f2b3a;font:inherit}.customer-search input{height:38px;padding:0 .7rem}.customer-list{max-height:calc(100vh - 260px);overflow:auto}.customer-row{background:transparent;border:0;border-bottom:1px solid #edf1f4;color:#273444;cursor:pointer;display:grid;gap:.1rem;padding:.75rem .9rem;text-align:left;width:100%}.customer-row:hover,.customer-row.active{background:var(--table-row-hover)}.customer-row strong{font-size:.92rem}.customer-row span{color:#738194;font-size:.78rem}.mail-editor{padding:1.1rem}.editor-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.editor-head h2{color:#172033;font-size:var(--type-section);margin:0}.editor-head p:not(.eyebrow){color:#667487;margin:.25rem 0 0}.editor-actions{display:flex;gap:.5rem}.primary-btn,.secondary-btn{align-items:center;border-radius:3px;cursor:pointer;display:inline-flex;font:inherit;font-size:var(--type-body);font-weight:650;justify-content:center;line-height:1.2;min-height:38px;padding:.45rem .85rem;text-align:center;vertical-align:middle}.primary-btn{background:var(--primary);border:1px solid var(--primary);color:#fff}.primary-btn:disabled{cursor:wait;opacity:.7}.secondary-btn{background:var(--panel-bg);border:1px solid #b8c5d1;color:#273444}.mail-form-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mail-form-grid label{color:#586779;display:grid;font-size:.78rem;font-weight:650;gap:.35rem}.mail-form-grid label.wide{grid-column:1 / -1}.mail-form-grid textarea{line-height:1.45;min-height:132px;padding:.65rem .75rem;resize:vertical}.mail-form-grid label.wide textarea{min-height:92px}.customer-search input:focus,.mail-form-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2f5f661f;outline:none}.validation-panel{background:#f8fafb;border:1px solid var(--border);border-radius:4px;margin-top:1rem;padding:.9rem}.validation-panel.ok{background:#f2f6f5;border-color:#c7d7d5}.validation-panel.bad{background:var(--danger-bg);border-color:var(--danger-border)}.validation-title{align-items:center;display:flex;justify-content:space-between}.validation-title span,.validation-empty,.validation-ok{color:#667487;font-size:.86rem}.validation-list{color:#9d2c1e;margin:.65rem 0;padding-left:1.2rem}.domain-summary{border-top:1px solid rgba(120,132,146,.22);display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:.8rem 0 0;padding-top:.8rem}.domain-summary div{min-width:0}.domain-summary dt{color:#667487;font-size:.74rem;font-weight:700;margin-bottom:.15rem}.domain-summary dd{color:#273444;font-size:.85rem;margin:0;overflow-wrap:anywhere}.empty-amount{color:#a3adb7}.total-amount{color:var(--text-strong);font-weight:700}.total-amount small{color:var(--text-muted);font-size:.68rem}.status-label{border:1px solid var(--border);border-radius:3px;color:var(--text-muted);display:inline-block;font-size:.72rem;padding:.18rem .5rem;white-space:nowrap}.status-confirmed,.status-paid{background:#edf4f2;border-color:#c3d5d1;color:#2f5f52}.status-approved,.status-succeeded{background:#16836f;border-color:#16836f;color:#fff;font-weight:800}.status-running,.status-submitted{background:#e8f2fb;border-color:#a7c9e5;color:#185f8d;font-weight:750}.status-rejected,.status-failed{background:#b93b32;border-color:#b93b32;color:#fff;font-weight:800}.status-not_submitted,.status-not_configured{background:var(--table-head);border-color:var(--border);color:var(--text-muted)}.mobile-subtitle{color:var(--text-muted);display:block;font-size:.7rem;font-weight:500;margin-top:.12rem}.status-pending,.status-mixed{background:#fff7e6;border-color:#ecd39a;color:#856015}.status-cancelled{background:#fff0ed;border-color:#e8bdb5;color:#9c3829}.status-refund_pending,.status-partially_refunded{background:#fff5eb;border-color:#e8c7a7;color:#8a4b18}.status-refunded,.status-returned{background:#f2f1ff;border-color:#c9c6e8;color:#4f468f}:root[data-theme=night] .status-confirmed,:root[data-theme=night] .status-paid{background:#17352f;border-color:#315f55;color:#9ed8ca}:root[data-theme=night] .status-pending,:root[data-theme=night] .status-mixed,:root[data-theme=night] .status-refund_pending,:root[data-theme=night] .status-partially_refunded{background:#3a2d16;border-color:#705b2e;color:#f1cf7b}:root[data-theme=night] .status-running,:root[data-theme=night] .status-submitted{background:#172f43;border-color:#315b79;color:#91cceb}:root[data-theme=night] .status-cancelled{background:#3b2020;border-color:#76413c;color:#f0aaa2}:root[data-theme=night] .status-refunded,:root[data-theme=night] .status-returned{background:#282540;border-color:#54507c;color:#c8c2f4}.row-action{text-align:right!important;white-space:nowrap}.row-action a{color:var(--primary-dark);font-size:.82rem;font-weight:600}.row-action .inline-link{margin-left:.65rem}.inline-action{background:var(--primary-soft);border:1px solid #c8d4d6;border-radius:3px;color:var(--primary-dark);cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;margin-left:.5rem;min-height:30px;padding:0 .55rem}.inline-action:disabled{cursor:wait;opacity:.65}.back-link{color:#53677b;display:inline-block;font-size:.82rem;margin-bottom:1rem}.detail-heading{align-items:flex-end}.detail-total{text-align:right}.detail-total span,.detail-total small{color:var(--text-muted);display:inline-block;font-size:.74rem;margin-left:.45rem}.detail-total strong{color:var(--text-strong);display:inline-block;font-size:var(--type-emphasis);font-variant-numeric:tabular-nums;margin:0}.detail-summary-strip{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 .65rem;overflow:hidden;padding:0}.price-book-edit .form-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;margin-bottom:1rem}.price-book-edit .form-panel .section-heading{border-bottom:1px solid #e6ebf0;padding:1rem 1.1rem .85rem}.price-book-edit .form-panel .section-heading h2{margin:0}.price-book-edit .form-panel .section-heading p:last-child{color:#667487;font-size:.86rem;margin:.25rem 0 0}.price-book-edit .inline-form{padding:1rem 1.1rem 1.1rem}.price-book-edit .checkbox-field{align-items:center;display:flex!important;flex-direction:row;gap:.5rem!important}.price-book-edit .checkbox-field input{height:auto!important;width:auto}.pagination-bar{align-items:center;border-top:1px solid #edf1f5;color:#667487;display:flex;font-size:.84rem;justify-content:space-between;padding:.8rem 1rem}.pagination-actions{display:flex;gap:.5rem}.metric-pagination.pagination-bar{background:transparent;border:0;flex:0 0 auto;gap:.45rem;margin-left:auto;padding:0}.metric-pagination.pagination-bar>span{font-size:.8rem;white-space:nowrap}.metric-pagination .page-size-control{font-size:.8rem;gap:.32rem}.metric-pagination .page-size-control select{height:28px;padding:0 .38rem}.metric-pagination .pagination-actions{gap:.3rem}.metric-pagination .pagination-actions button{font-size:.8rem;min-height:28px;min-width:60px;padding:.32rem .55rem}.detail-summary-strip>button,.detail-summary-strip>div{align-items:flex-start;background:transparent;border:0;border-right:1px solid var(--border-soft);color:var(--text-muted);display:grid;gap:.25rem;min-height:64px;min-width:0;padding:.72rem .85rem;text-align:left}.detail-summary-strip>:last-child{border-right:0}.detail-summary-strip>button{cursor:pointer}.detail-summary-strip>button:disabled{cursor:default;opacity:.45}.detail-summary-strip>button.active{background:var(--success-bg);box-shadow:inset 0 -3px var(--primary);color:var(--primary-dark);text-decoration:none}:root[data-theme=night] .detail-summary-strip>button.active{background:var(--primary-soft)}.detail-summary-strip span{display:block;font-size:.76rem;font-weight:650;white-space:nowrap}.detail-summary-strip strong{color:var(--text-strong);font-size:var(--type-emphasis);font-variant-numeric:tabular-nums;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.period-meta{border-right:0!important}.detail-tabs{border-bottom:1px solid #cfd8e1;display:flex;gap:1.4rem;padding:0 .25rem}.detail-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#647387;cursor:pointer;font-size:var(--type-small);padding:.55rem .2rem}.detail-tabs button.active{border-bottom-color:var(--primary);color:var(--primary-dark);font-weight:700}.detail-tabs button:disabled{cursor:default;opacity:.35}.detail-panel{border-radius:0 0 6px 6px;border-top:0}.panel-heading{align-items:center;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;min-height:72px;padding:.85rem 1rem}.panel-heading h2{color:var(--text-strong);font-size:var(--type-emphasis);margin:0}.panel-heading p{color:var(--text-muted);font-size:.76rem;margin:.15rem 0 0}.panel-heading>strong{color:var(--text-strong);font-size:var(--type-emphasis)}.detail-data-table,.detail-panel .imsi-summary-table{border-radius:0;box-shadow:none}.detail-data-table th,.detail-panel .imsi-summary-table th{color:var(--text-muted);font-size:.76rem}.amount-emphasis{color:var(--text-strong);font-weight:650}.range-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;white-space:nowrap}.btn.secondary{background:var(--panel-bg);border:1px solid #cbd5df;color:#40566d}.error{color:#a13b2b}.success{color:#2f5f52}.table-wrap{max-height:calc(100vh - 260px);overflow:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel-bg);border-radius:4px;overflow:visible;box-shadow:none}.data-table th,.data-table td{font-size:var(--type-body);line-height:1.4;padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border-soft)}.data-table th{background:var(--table-head);color:var(--text-muted);font-size:var(--type-label);font-weight:600;position:sticky;top:0;z-index:3}.data-table thead th{box-shadow:inset 0 -1px #d8dee6}.data-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:hover,.data-table tbody tr:hover>td{background:var(--table-row-hover)}.data-table tfoot th{background:#f8f9fa;border-top:2px solid #e4e7eb}.data-table .num,.num{text-align:right;white-space:nowrap}.imsi-summary-table{min-width:1500px}.active-imsi-table{min-width:1120px}.imsi-summary-table th,.imsi-summary-table td{font-size:.88rem;vertical-align:middle}.subtle-note{background:#fbf7e8;border-top:1px solid #efe2b8;color:#6d5f3b;font-size:.8rem;line-height:1.55;padding:.75rem 1rem}.tabs{display:flex;gap:.5rem;margin:1.5rem 0 .75rem;border-bottom:1px solid #d9dee5}.tabs button{border:none;border-bottom:3px solid transparent;background:transparent;color:#506176;cursor:pointer;padding:.65rem .9rem;font-size:.95rem}.tabs button.active{border-bottom-color:var(--primary);color:var(--primary-dark);font-weight:600}.pager{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin:.75rem 0}.btn.small{font-size:.9rem;margin-top:0;padding:.35rem .7rem}.btn:disabled{cursor:not-allowed;opacity:.45}.detail-dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;max-width:500px}.detail-dl dt{font-weight:500;color:var(--text-muted)}.detail-dl dd{margin:0}.range-detail-grid{align-items:start;gap:.62rem 1.35rem;grid-template-columns:minmax(130px,170px) minmax(0,1fr);max-width:none;padding:1.15rem 1.45rem 1.25rem}.range-detail-grid dt{color:var(--text-muted);font-size:var(--type-small);line-height:1.5}.range-detail-grid dd{color:var(--text-main);font-size:var(--type-body);line-height:1.5;min-width:0}.range-detail-grid .range-code{overflow-wrap:anywhere;white-space:normal}.range-detail .billing-metrics{grid-template-columns:repeat(4,minmax(130px,1fr))}.range-detail .metric-block strong{overflow-wrap:anywhere}.range-detail .compact-value{font-size:var(--type-emphasis)}.email-settings-workspace .settings-panel{max-width:980px}.email-delivery-panel{overflow:hidden}.email-settings-workspace .panel-heading{align-items:center}.email-settings-workspace .panel-heading h2{font-size:1rem}.email-settings-workspace .panel-heading p{font-size:.78rem}.email-setting-form{display:grid;gap:.85rem;padding:0 1rem}.email-current-state{align-items:center;background:#f3faf6;border:1px solid #d4e7df;border-radius:4px;display:flex;justify-content:space-between;gap:1rem;padding:.75rem .85rem}:root[data-theme=night] .email-current-state{background:var(--surface-subtle);border-color:var(--border)}.email-current-state div{display:grid;gap:.16rem}.email-current-state span:not(.status-label),.email-channel-copy small,.settings-note,.settings-field small{color:var(--text-muted);font-size:.76rem}.email-current-state strong{color:var(--text-strong);font-size:1rem}.email-channel-list{display:grid;gap:.55rem}.email-channel-row{align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;padding:.75rem .85rem}.email-channel-row.current{border-color:#b9d8ce}.email-channel-row.draft:not(.current){background:var(--warning-bg);border-color:var(--warning-border)}.email-channel-row.disabled{background:#f8fafb;opacity:.72}.email-channel-copy{display:grid;gap:.16rem;min-width:0}.email-channel-copy strong{color:var(--text-strong)}.email-channel-copy span{color:#5d6c7e;font-size:.86rem}.email-channel-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.settings-note{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:4px;color:var(--warning-text);padding:.65rem .75rem}.email-record-layout{margin-bottom:1rem}.email-record-definition{padding:1rem}.email-body-preview,.metadata-preview{background:var(--surface-subtle);border:0;color:var(--text-main);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.55;margin:0;max-height:52vh;overflow:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.email-body-preview{background:var(--panel-bg);font-family:inherit;font-size:.92rem}.email-record-summary strong{font-size:.92rem}.two-column-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.three-column-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.two-column-panels .billing-list-table,.three-column-panels .billing-list-table{min-width:0}.two-column-panels .data-table,.three-column-panels .data-table{table-layout:fixed}.btn{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:var(--type-body)}.btn:hover{opacity:.9}.password-form{max-width:400px}.password-form .field{margin-bottom:1rem}.password-form label{display:block;margin-bottom:.25rem;font-weight:500}.password-form input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px}.wallet-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.wallet-card{background:var(--panel-bg);padding:1rem;border:1px solid var(--border);border-radius:4px;box-shadow:none}.wallet-card h3{margin:0 0 .5rem;font-size:1rem}.wallet-card .balance{font-size:var(--type-key);font-weight:600;margin:0}.positive{color:#2f5f52}.negative{color:#a13b2b}@media(max-width:768px){button,.primary-action,.secondary-action,.primary-btn,.secondary-btn{align-items:center;justify-content:center;line-height:1.2;text-align:center}body{overflow-x:hidden}.page{padding:0 .75rem}.page h1{font-size:var(--type-page)}.page-heading,.detail-heading{align-items:flex-start;flex-direction:column;gap:.55rem;margin-bottom:.65rem}.page-heading h1,.detail-heading h1{font-size:var(--type-page)}.page-subtitle{font-size:.8rem}.heading-actions{align-items:stretch;flex-wrap:wrap;width:100%}.heading-actions>*{flex:1 1 auto}.billing-period{text-align:center;width:100%}.billing-metrics,.range-detail .billing-metrics{display:flex}.metric-block{min-height:0;padding:0}.metric-block strong,.wallet-card .balance,.detail-total strong{font-size:var(--type-body);overflow-wrap:anywhere}.metric-block small{display:inline-block;margin:0}.metric-block:nth-child(2){border-right:0}.metric-block:nth-child(-n+2){border-bottom:0}.billing-controls,.orders-controls,.payments-controls,.price-controls,.price-search-controls,.usage-controls,.notifications-controls,.settings-grid,.payment-form{grid-template-columns:1fr}.billing-controls{gap:.65rem;padding:.75rem}.billing-table-panel,.detail-panel,.form-panel,.customer-picker,.mail-editor{border-radius:6px}.portal-main{padding-left:0;padding-right:0;width:100%}.billing-list-table{min-width:760px}.orders-table,.payments-table,.price-books-table,.price-change-table,.price-search-table,.usage-table,.usage-detail-table,.notifications-table,.wallet-table{min-width:920px}.detail-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-summary-strip>button,.detail-summary-strip>div{min-height:58px;padding:.65rem .75rem}.detail-summary-strip strong{font-size:.95rem}.period-meta{border-top:0;grid-column:auto}.detail-tabs{gap:.75rem;overflow-x:auto;padding-bottom:.1rem;white-space:nowrap;-webkit-overflow-scrolling:touch}.panel-heading{align-items:flex-start;flex-direction:column;gap:.75rem}.panel-heading>strong{font-size:1rem}.pager,.pagination-bar{align-items:stretch;flex-direction:column;gap:.65rem;width:100%}.metric-pagination.pagination-bar{flex-basis:100%;margin-left:0;margin-top:.25rem;padding-top:.25rem}.pagination-actions,.page-size-control{justify-content:space-between}.pagination-actions button,.pager .btn{flex:1}.data-table th,.data-table td{padding:.5rem;font-size:var(--type-body)}.detail-dl{grid-template-columns:1fr;gap:.28rem;padding:.85rem 1rem 1rem}.detail-dl dt{color:var(--text-muted);font-size:.88rem}.detail-dl dd{font-size:.95rem;line-height:1.4}.range-detail .range-code{overflow-wrap:anywhere;white-space:normal}.range-detail-grid,.two-column-panels,.three-column-panels{grid-template-columns:1fr}.range-detail .two-column-panels .billing-list-table,.range-detail .three-column-panels .billing-list-table{min-width:0}.wallet-cards,.wallet-grid{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:max(.5rem,env(safe-area-inset-top)) .5rem max(.5rem,env(safe-area-inset-bottom))}.modal-panel{border-radius:8px 8px 0 0;max-height:calc(100dvh - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom)));max-width:100%;width:100%}.modal-header{background:var(--panel-bg);padding:.9rem 1rem .75rem;position:sticky;top:0;z-index:4}.payment-modal-form{grid-template-columns:1fr;padding:.9rem 1rem 1rem}.email-preview-card dl{grid-template-columns:1fr;padding:.85rem .9rem}.email-preview-card dd+dt{margin-top:.35rem}.email-preview-card pre{max-height:none;min-height:200px;padding:1rem}.field-caption{align-items:flex-start;display:grid;gap:.12rem}.field-help{max-width:none;overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.payment-modal-form input[type=date]{appearance:none;min-width:0;width:100%}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}.customer-mail-layout,.mail-form-grid,.domain-summary{grid-template-columns:1fr}.email-current-state,.email-channel-row{align-items:stretch;grid-template-columns:1fr}.email-current-state{flex-direction:column}.email-channel-actions{justify-content:space-between}.editor-head{flex-direction:column}.editor-actions{width:100%}.editor-actions button{flex:1}}@media(max-width:480px){.billing-metrics,.range-detail .billing-metrics{display:flex}.metric-block,.metric-block:nth-child(2),.metric-block:nth-child(-n+2){border-bottom:0;border-right:0;min-height:0}.metric-block:last-child{border-bottom:0}.detail-summary-strip{grid-template-columns:1fr}.detail-summary-strip>button,.detail-summary-strip>div{border-bottom:1px solid #e2e7ec;border-right:0}.detail-summary-strip>:last-child{border-bottom:0}.period-meta{border-top:0}.data-table th,.data-table td{font-size:.82rem;padding:.45rem}.billing-list-table{min-width:700px}.imsi-summary-table{min-width:1320px}}@media(min-width:1440px){.portal-main{max-width:none}}