.billing-tabs,.billing-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.billing-tabs button[aria-selected=true]{background:#a2f2cb;color:#14291f}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}.billing-grid .panel{margin:0}.billing-card{border:1px solid #35475a;border-radius:14px;padding:20px;min-width:0;background:#111c29}.billing-card h3{margin-top:0}.billing-card p,.billing-card dd,.billing-card pre{overflow-wrap:anywhere;white-space:pre-wrap}.billing-money{font-size:24px;font-weight:700;color:#a2f2cb}.billing-note{padding:14px;border-left:3px solid #cfa958;background:#25241e;color:#e8dcbf;line-height:1.6}.billing-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#101b28;color:#edf3fa;border:1px solid #35475a;border-radius:18px;padding:24px}.billing-dialog form,.billing-form{display:grid;gap:14px}.billing-dialog label,.billing-form label{display:grid;gap:7px}.billing-dialog input,.billing-dialog select,.billing-dialog textarea,.billing-form input,.billing-form select,.billing-form textarea{min-width:0;width:100%;font:inherit;font-size:16px;background:#0d1621;color:#edf3fa;border:1px solid #35475a;border-radius:8px;padding:11px;min-height:44px}.billing-dialog textarea{min-height:100px}.billing-dialog input[type=checkbox]{width:22px;min-height:22px}.billing-dialog .checkline{display:flex;align-items:center;gap:10px;min-height:44px}.billing-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.billing-dialog button,.customer-billing button{min-height:44px;font:inherit;cursor:pointer;color:#edf3fa;background:#1b2b3b;border:1px solid #35475a;border-radius:9px;padding:11px 15px}.billing-dialog .primary{background:#a2f2cb;color:#14291f}.billing-dialog [role=status]{white-space:pre-wrap;overflow-wrap:anywhere;color:#e6c791}.billing-dialog dl{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:10px}.billing-dialog dd{margin:0;overflow-wrap:anywhere}.billing-dialog details{margin:16px 0}.billing-message{padding:12px;border:1px solid #35475a;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.customer-billing{margin-top:30px}.customer-billing h2{margin-top:28px}.customer-billing .billing-card{margin-bottom:14px}.customer-billing .billing-form{max-width:620px}.billing-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.billing-dialog .billing-actions{margin-bottom:18px}@media(max-width:600px){.billing-dialog{padding:17px}.billing-dialog dl{grid-template-columns:minmax(0,1fr);gap:5px}.billing-dialog dd{margin-bottom:10px}.billing-actions>button{flex:1 1 150px}.billing-card{padding:16px}.billing-tabs button{flex:1 1 100px}}@media print{body:has(.invoice-print[open])>*:not(.invoice-print[open]){display:none!important}.billing-dialog[open]{position:static;width:100%;max-height:none;overflow:visible;border:0;background:white;color:black}.billing-dialog button,.billing-dialog form,.billing-dialog .no-print{display:none!important}.billing-dialog dd,.billing-dialog h2,.billing-dialog h3{color:black}.billing-message{color:black}}

.billing-addons{min-width:0;margin:0;padding:12px;border:1px solid #35475a;border-radius:10px}.billing-addons legend{padding:0 6px}.billing-form .addon-choice,.billing-dialog .addon-choice{display:flex;align-items:flex-start;gap:12px;padding:10px 0;min-height:44px;cursor:pointer}.billing-form .addon-choice input,.billing-dialog .addon-choice input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:3px;padding:0}.addon-choice>span{min-width:0;overflow-wrap:anywhere}.addon-choice span>span{display:block;margin-top:6px;line-height:1.5;color:#b6c4d4}.billing-form [role=status]{overflow-wrap:anywhere}.billing-form button{white-space:normal}

.billing-dialog [hidden]{display:none!important}.billing-dialog [data-period],.billing-dialog [data-service]{display:grid;gap:14px}

[data-payment-controls] .checkline{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:12px 0;line-height:1.6;overflow-wrap:anywhere}[data-payment-controls] input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin-top:4px}[data-payment-controls] form{margin:14px 0}[data-payment-controls] h4{overflow-wrap:anywhere}[data-payment-controls] button{white-space:normal;max-width:100%}

body.panel-app table.billing-customer-table{min-width:680px}body.panel-app .billing-customer-table .row-actions a{display:inline-flex;align-items:center;text-decoration:none;min-height:32px;padding:6px 10px;border:1px solid #41454e;border-radius:4px;background:#25282e;color:#edf3fa;font-size:12px}body.panel-app .billing-customer-table .row-actions a:hover{border-color:#ff9800;background:#33302a}@media(max-width:900px){body.panel-app .billing-customer-table .row-actions a{min-height:44px}}

/* Compact unified order index. */
.orders-table{width:100%;font-variant-numeric:tabular-nums}.orders-table th,.orders-table td{padding:12px 14px;text-align:left;vertical-align:middle}.orders-table small{display:block;margin-top:4px;color:var(--muted,#a3adba);font-size:11px}.order-status{text-transform:capitalize;white-space:nowrap}.orders-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.billing-tabs button[aria-pressed=true]{background:linear-gradient(110deg,#ffbd60,#ff981f);color:#17191d;border-color:#ffb650}.billing-dialog address{font-style:normal;line-height:1.65}.billing-dialog [data-shipping]{display:flex;align-items:center;gap:12px;min-height:48px}

/* Orders: compact section filter and a single action menu on every screen. */
body.panel-app .orders-toolbar{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto;align-items:end;gap:12px;margin:0 0 18px}
body.panel-app .orders-toolbar label{display:grid;gap:7px;margin:0;min-width:0;font-size:14px}
body.panel-app .orders-toolbar input,body.panel-app .orders-toolbar select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0}
body.panel-app .orders-actions .channel-bulk-options a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 12px;text-decoration:none;border:1px solid #485361;border-radius:8px;color:#f5f7fa;background:#242b34}
body.panel-app .orders-actions .channel-bulk-options a:hover{border-color:#ffb13b;background:#303640}
@media(max-width:600px){body.panel-app .orders-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:12px}body.panel-app .orders-section{grid-column:1;grid-row:1}body.panel-app .orders-actions{grid-column:2;grid-row:1}body.panel-app .orders-search{grid-column:1/-1;grid-row:2}body.panel-app .orders-actions .channel-bulk-options{left:auto;right:0}body.panel-app .orders-toolbar input,body.panel-app .orders-toolbar select{font-size:16px}}
body.panel-app .orders-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
/* Shared, printable customer invoice. */
body .billing-dialog.invoice-document{width:min(860px,calc(100vw - 24px));padding:24px;background:#1b222c;border-color:#44505f}body .invoice-document .dialog-head{margin-bottom:20px}body .invoice-sheet{border:1px solid #424e5e;border-radius:12px;padding:24px;background:#151b24;color:#edf2f8}body .invoice-brand-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #3c4653;padding-bottom:20px}body .invoice-brand{display:flex;gap:12px;align-items:center;font-size:25px}body .invoice-brand>span{display:grid;place-items:center;background:linear-gradient(130deg,#ffd080,#ff961d);color:#20242a;border-radius:10px;width:44px;height:44px;font-size:24px}body .invoice-brand small{display:block;font-size:11px;font-weight:400;color:#b4bdcb;margin-top:3px}body .invoice-reference{text-align:right}body .invoice-reference h3{font-size:14px;margin:10px 0 0;color:inherit}body .invoice-state{display:inline-block;border-radius:20px;background:#624615;color:#ffcf7c;padding:5px 12px;text-transform:capitalize;font-size:12px;font-weight:650}body .invoice-state.is-paid{background:#154f40;color:#95edc7}body .invoice-state.is-draft{background:#354151;color:#d2dbe6}body .invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}body .invoice-parties h4{color:#aebaca;text-transform:uppercase;font-size:10px;letter-spacing:.12em;margin:0 0 8px}body .invoice-parties small{display:block;color:#aebaca;margin-top:8px}body .invoice-dates>div,body .invoice-summary>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0}body .invoice-dates span{color:#aebaca}body .invoice-dates strong{text-align:right;font-weight:500}body .invoice-lines{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;font-size:13px}body .invoice-lines th{background:#26313f;text-align:left;font-size:11px;letter-spacing:.04em;padding:12px}body .invoice-lines td{padding:14px 12px;border-bottom:1px solid #364150;overflow-wrap:anywhere}body .invoice-lines th:last-child,body .invoice-lines td:last-child{text-align:right;width:110px;font-variant-numeric:tabular-nums}body .invoice-lines small{display:block;font-size:11px;color:#acb8c9;margin-top:4px}body .invoice-summary{margin:18px 0 0 auto;width:min(100%,300px);font-size:13px}body .invoice-summary .invoice-balance{margin-top:8px;border-top:1px solid #47515f;padding-top:14px;font-size:18px;color:#ffc36a}body .invoice-notice{font-size:12px;line-height:1.6;color:#afbbcc;border-top:1px solid #364150;padding-top:16px;margin:22px 0 0}body .invoice-document .billing-actions{gap:8px;padding:4px 0}body .invoice-document .billing-actions button{min-height:44px}body .invoice-document>h3{font-size:14px}
@media(max-width:550px){body .billing-dialog.invoice-document{padding:14px}body .invoice-sheet{padding:16px}body .invoice-brand-row{align-items:flex-start;flex-wrap:wrap}body .invoice-reference{text-align:left}body .invoice-parties{grid-template-columns:1fr;gap:18px}body .invoice-lines th:last-child,body .invoice-lines td:last-child{width:95px}body .invoice-document .billing-actions>button{flex:1 1 120px}}
@media print{body .billing-dialog.invoice-document{background:white!important;color:#111!important;width:100%;max-width:none;max-height:none;overflow:visible;padding:0}body .invoice-sheet{background:white;color:#111;border:0;padding:0}body .invoice-lines th{background:#eee;color:#111}body .invoice-sheet small,body .invoice-dates span,body .invoice-notice,body .invoice-summary .invoice-balance,body .invoice-parties h4{color:#333}body .invoice-document .dialog-head{display:none}body .invoice-state{border:1px solid #888;background:white;color:#111}body .invoice-brand>span{background:#ddd;color:#111}}