.retail{color:#172b41;font:14px 'Segoe UI',Arial,sans-serif}.retail [hidden]{display:none!important}.retail h3{margin:0 0 8px}.retail h4{margin:0 0 14px}.retail p{line-height:1.5}.retail .muted{color:#657b90}.retail :is(.bar,.retail-toolbar){display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.retail label{display:flex;flex-direction:column;gap:6px}.retail input,.retail select{font:inherit;border:1px solid #cbd6e0;border-radius:7px;background:white;color:#172b41;padding:9px;min-width:0}.retail input[type=number]{width:105px}.retail button,.retail .link{font:inherit;border:1px solid #cbd6e0;border-radius:7px;background:white;padding:9px 13px;color:#173a5e;cursor:pointer;text-decoration:none}.retail button.primary{background:#173a5e;color:white;border-color:#173a5e}.retail button:disabled{opacity:.5;cursor:default}.retail .card{background:white;border:1px solid #dce5ee;border-radius:12px;padding:20px;margin:16px 0}.retail table{border-collapse:collapse;width:100%;font-size:13px}.retail th,.retail td{padding:11px 8px;text-align:left;border-bottom:1px solid #e4eaf0;vertical-align:top}.retail th{background:#f2f6fa;white-space:nowrap}.retail .retail-scroll{overflow:auto}.retail .note{padding:12px 15px;background:#edf4fb;border-radius:8px;line-height:1.5}.retail .error{background:#fff0ee;color:#9e2a21;padding:12px 15px;border-radius:8px;white-space:pre-line}.retail .total{font-weight:700;font-size:17px}.retail .end{justify-content:flex-end}.retail .spacer{margin-top:22px}.retail .product{min-width:215px;width:100%}.retail dialog{border:0;border-radius:14px;padding:24px;width:min(1100px,94vw);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #1236}.retail dialog::backdrop{background:#172b4170}.retail .gift-line{padding:12px;border-left:3px solid #c4d6e6;margin:10px 0;background:#f7fafc}.retail .tier{border:1px solid #dce5ee;border-radius:9px;padding:15px;margin:12px 0}.retail .program{border-top:3px solid #173a5e}.retail .compact{font-size:12px}.retail .pill{display:inline-block;padding:4px 8px;background:#eaf2f9;border-radius:20px}.retail .split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.retail .empty{padding:25px;text-align:center;color:#657b90}@media(max-width:760px){.retail .split{grid-template-columns:1fr}.retail .card{padding:14px}.retail :is(.bar,.retail-toolbar){gap:8px}.retail dialog{padding:14px}.retail input[type=number]{width:85px}}

.retail .error{display:block}.retail td{font-size:14px}.retail th{font-size:12px}.retail :is(.bar,.retail-toolbar) input[type=date]{width:155px}#retailView{padding:20px;background:white;border:1px solid #dce5ee;border-radius:12px}
.retail .brand-page-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:16px;flex-wrap:wrap}.retail .brand-page-head h3{font-size:24px}.retail .brand-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:10px}.retail .brand-stat{background:white;border:1px solid #dce5ee;border-radius:11px;padding:16px 20px;box-shadow:0 10px 30px #183a5e14;border-left:4px solid #2671b9}.retail .brand-stat:nth-child(2){border-left-color:#f5a300}.retail .brand-stat small{display:block;color:#66788a;font-size:11px;font-weight:700;text-transform:uppercase}.retail .brand-stat strong{display:block;font-size:25px;margin:8px 0}.retail .brand-stat span{font-size:12px;color:#66788a}.retail .brand-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:white;padding:6px;border:1px solid #dce5ee;border-radius:11px;margin:16px 0;box-shadow:0 4px 15px #183a5e0d}.retail .brand-tabs button{border:0;font-weight:700;font-size:13px;background:transparent;padding:13px}.retail .brand-tabs button[aria-selected=true]{background:#173a5e;color:white}.retail .brand-tabs .pill{margin-left:5px}.retail .brand-tabs button[aria-selected=true] .pill{color:#173a5e}.retail .card{box-shadow:0 10px 30px #183a5e0d}.retail table tfoot th{font-size:14px}.retail .empty{display:table-cell}.brand-accounts{margin:18px 0;padding:18px;background:white;border:1px solid #dce5ee;border-radius:12px}.brand-accounts .holder-card{font:inherit;text-align:left}.brand-accounts .holder-card h4{font-size:14px}.brand-accounts .holder-card small{display:block;color:#66788a}.brand-accounts .holder-card strong{display:block;margin-top:8px}.brand-accounts .holder-card span{display:block;margin-top:6px;font-size:12px;color:#66788a}.brand-account-label{font-size:12px;font-weight:700;color:#173a5e}@media(max-width:760px){.retail .brand-tabs{grid-template-columns:1fr}.retail .brand-stats{grid-template-columns:1fr}.brand-accounts{padding:12px}}

.retail .brand-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.retail .brand-editor-fields{border:0;padding:0;min-width:0}.retail .brand-product-group+section{border-top:1px solid #dce5ee;padding-top:24px;margin-top:24px}.retail .brand-gift-cell{min-height:76px;display:flex;align-items:center}.retail .brand-gift-quantities{gap:12px}.retail .brand-gift-quantities label{font-size:12px;min-width:55px}.retail .brand-gift-quantities input{width:70px}.retail .brand-product-name{min-width:150px;font-weight:600}.retail .brand-bill-table{min-width:1080px}.retail button{min-height:40px;transition:background .15s}.retail button:not(:disabled):hover{background:#eaf2f9}.retail button.primary:not(:disabled):hover{background:#24527e}.retail button:focus-visible{outline:3px solid #2671b9;outline-offset:2px}.retail dialog#retailEditor{width:min(1450px,96vw)}@media(max-width:1000px){.retail .brand-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.retail button.brand-person-open{border:0;background:transparent;font-weight:600;padding:0;text-align:left;color:#173a5e}.retail button.brand-person-open:not(:disabled):hover{text-decoration:underline;background:transparent}

.retail .brand-payment-fields input{width:150px}.retail input.brand-debt-outstanding{background:#fff0f0;border-color:#cf3d3d;color:#b42318;font-weight:700}

.retail #retailDebt.brand-debt-outstanding{background:#fff0f0!important;border-color:#cf3d3d!important;color:#b42318!important;font-weight:700}

.retail .brand-stat strong{text-align:center}.retail td.money,.retail th.money{text-align:right!important;font-variant-numeric:tabular-nums}.retail [data-brand-view="bills"] table :is(th,td):nth-child(n+2):nth-child(-n+4),.retail [data-brand-view="close"] table :is(th,td):nth-child(n+2),.retail #retailPolicySummary table :is(th,td):nth-child(2),.retail .brand-bill-table :is(th,td):nth-child(8),.retail .brand-bill-table :is(th,td):last-child,.retail #retailCloseDialog table :is(th,td):nth-child(n+2),.retail #retailAccountLots table :is(th,td):nth-child(n+3):nth-child(-n+5),.retail .brand-sales-debts :is(th,td):nth-child(n+2):nth-child(-n+4){text-align:right!important;font-variant-numeric:tabular-nums}.retail .brand-payment-fields input{text-align:right!important}

.retail #retailDebtDialog table:has([data-edit-payment]) th:nth-child(3),.retail #retailDebtDialog table:has([data-edit-payment]) th:nth-child(4){text-align:right!important}

.retail #retailEditor>.retail-toolbar:first-child{justify-content:space-between;align-items:center}.retail .brand-editor-close{margin-left:auto;font-size:26px;line-height:1;width:40px;padding:4px}

.brand-accounts .holder-card.brand-account-cash-card{background:#e5f4ff!important;border:2px solid #2683c6!important;border-left:6px solid #1475b7!important;color:#123f63!important}.brand-accounts .holder-card.brand-sales-debt-card{background:#fff0e1!important;border:2px solid #db8a32!important;border-left:6px solid #c66b10!important;color:#763900!important}.brand-accounts .brand-account-cash-card strong{color:#075985!important}.brand-accounts .brand-sales-debt-card strong{color:#a34208!important}.brand-accounts .holder-card.brand-account-cash-card.active{box-shadow:0 0 0 3px #2683c633!important}.brand-account-label{color:#075985!important;background:#e5f4ff!important}

.retail .brand-bill-table{table-layout:fixed;width:100%}.retail .brand-bill-table th{white-space:normal}.retail .brand-bill-table td{overflow-wrap:anywhere}.retail .brand-bill-table .brand-product-name{min-width:0}.retail .brand-bill-table input{width:100%;min-width:0;text-align:right}.retail .brand-bill-table input[readonly]{background:#f2f6fa}

/* Consistent alignment across the brand marketing workspace and its dialogs. */
#retailApp table th,#retailApp table td{vertical-align:middle!important;padding:12px 10px;line-height:1.4}
#retailApp table tbody tr{height:56px}
#retailApp .retail-toolbar{align-items:center;gap:12px}
#retailApp .retail-toolbar h3,#retailApp .retail-toolbar h4{margin:0}
#retailApp label{gap:6px;line-height:1.4}
#retailApp input,#retailApp select,#retailApp button:not(.brand-person-open){min-height:40px;box-sizing:border-box}
#retailApp .brand-gift-cell{height:36px;min-height:36px;display:flex;align-items:center;line-height:1.4}
#retailApp .brand-bill-table td:nth-child(7) .brand-gift-cell{justify-content:flex-end}
#retailApp .brand-bill-table th:nth-child(n+3):not(:nth-child(6)){text-align:right!important}
#retailApp .brand-bill-table td:first-child,#retailApp .brand-bill-table th:first-child{text-align:center!important}
#retailApp .brand-payment-fields{align-items:flex-end;gap:12px}
#retailApp #retailDebt{background:#fff0f0!important;border-color:#cf3d3d!important;color:#b42318!important;font-weight:700}
#retailApp [data-brand-view="close"] tbody td:last-child,#retailApp #retailCloseDialog tbody td:last-child,#retailApp #retailCloseDialog tfoot th:last-child{color:#b42318!important;font-weight:700}
#retailApp .brand-product-group table{table-layout:fixed}
#retailApp .brand-product-group th:first-child{width:60px}
#retailApp .brand-product-group th:nth-child(2){width:150px}
#retailApp .brand-product-group th:last-child{width:180px}
#retailApp .brand-tabs button{display:flex;justify-content:center;align-items:center;gap:6px}

#retailApp table{table-layout:fixed;width:100%}
#retailApp table th,#retailApp table td{text-align:center!important;overflow-wrap:anywhere}
#retailApp .brand-bill-table col{width:11.111%!important}
#retailApp table input,#retailApp table select{text-align:center!important;max-width:100%}
#retailApp .brand-gift-cell{justify-content:center!important}
#retailApp [data-brand-view="bills"] table :is(th,td):nth-child(n+2):nth-child(-n+4),#retailApp [data-brand-view="close"] table :is(th,td):nth-child(n+2),#retailApp #retailPolicySummary table :is(th,td):nth-child(2),#retailApp .brand-bill-table :is(th,td):nth-child(n+8),#retailApp .brand-bill-table tfoot th:last-child,#retailApp #retailCloseDialog table :is(th,td):nth-child(n+2){text-align:right!important;font-variant-numeric:tabular-nums}
#retailApp .brand-payment-fields label{font-size:16px;font-weight:700}
#retailApp .brand-payment-fields input{width:200px;height:54px;font-size:21px;text-align:right!important}
#retailApp #retailSave{min-height:56px;min-width:200px;font-size:20px;font-weight:700}
#retailApp dialog>.retail-toolbar:first-child{position:sticky;top:-24px;background:white;z-index:5;justify-content:space-between;padding:12px 0;align-items:center}
#retailApp .retail-scroll{max-height:55vh;overflow:auto}
#retailApp table thead th{position:sticky;top:0;background:#f2f6fa!important;z-index:2}
#retailApp [data-price-product]{text-align:right!important}
@media(max-width:760px){#retailApp dialog>.retail-toolbar:first-child{top:-14px}#retailApp .brand-payment-fields{display:grid;grid-template-columns:1fr;width:100%}#retailApp .brand-payment-fields input{width:100%}}

#retailApp .brand-bill-table thead th:nth-child(n+3):nth-child(-n+7){text-align:center!important}
#retailApp .brand-bill-table td:nth-child(7) .brand-gift-cell{justify-content:center!important;text-align:center!important}

#retailAccountCards.brand-shared-cards,#retailSalesCards.brand-shared-cards{display:contents}
#retailAccountSection,#retailSalesSection{border:0;padding:0;margin:0;background:transparent;box-shadow:none}
#retailAccountSection>.retail-toolbar{display:none}
#retailAccountLots:not([hidden]),#retailSalesLots:not([hidden]){margin-top:18px;padding:18px;background:white;border:1px solid #dce5ee;border-radius:12px}
.brand-debt-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
.brand-debt-actions button{white-space:nowrap}
#retailDebtDialog .brand-debt-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-24px;background:white;z-index:4}
#retailDebtDialog [data-dismiss]{margin-left:auto;min-width:40px;font-size:24px}
#retailDebtDialog table{width:100%;table-layout:fixed}
#retailDebtDialog th,#retailDebtDialog td{text-align:center;vertical-align:middle;padding:12px}
#retailDebtDialog .money{text-align:right!important}
#retailDebtDialog .brand-debt-balance{color:#b42318}
#retailDebtDialog .brand-debt-payment{justify-content:flex-end;align-items:flex-end;gap:12px}
#retailDebtDialog input{text-align:right;font-size:20px;height:48px;width:200px}
#retailDebtDialog #retailPaySave{min-height:48px;font-size:18px}
#retailDebtDialog thead th{position:sticky;top:0;background:#f2f6fa;z-index:2}
#retailSalesCards .brand-sales-debt-card{background:#fff0f0!important;border-color:#d14b4b!important;color:#842323!important}
#retailSalesCards .brand-sales-debt-card strong{color:#b42318!important}

#retailAccountLots th,#retailAccountLots td,#retailSalesLots th,#retailSalesLots td{text-align:center;vertical-align:middle}
#retailAccountLots tbody td:nth-child(5),#retailSalesLots tbody td:nth-child(4){color:#b42318!important;font-weight:700}

#retailDebtDialog:has(.brand-debt-receipt){width:min(1500px,96vw);max-width:96vw}
#retailDebtDialog .brand-debt-receipt{min-width:1000px}
#retailDebtDialog .brand-gift-cell{min-height:36px;display:flex;align-items:center;justify-content:center}
#retailDebtDialog .brand-read-quantity{display:block;border:1px solid #dce5ee;border-radius:8px;padding:12px 4px;background:white}

#retailDebtDialog .brand-debt-receipt th,#retailDebtDialog .brand-debt-receipt td{white-space:normal!important;overflow-wrap:anywhere;overflow:visible}

#retailDebtDialog .brand-account-review .brand-debt-balance{color:#b42318!important;font-weight:700}

#retailDebtDialog .brand-account-review tfoot th{font-size:21px!important;font-weight:800!important;padding:18px 12px!important;background:#e5f0fa!important;border-top:2px solid #173a5e;color:#173a5e!important}
#retailDebtDialog .brand-account-review tfoot th.brand-debt-balance{color:#b42318!important}

#retailDebtDialog:has(.brand-account-review) .brand-debt-payment{margin-top:22px!important}
#retailDebtDialog .brand-account-review tfoot th:nth-child(2),#retailDebtDialog .brand-account-review tfoot th:nth-child(5){font-size:13px!important;font-weight:700!important}

.retail .brand-stat .brand-revenue-logo{display:block;width:180px;height:72px;object-fit:contain;margin:0 auto 12px}.retail .brand-stat small{text-align:center}