:root{--text:#172b4d;--muted:#6b778c;--primary:#0353cc;--selected:#0052cc;--link:#0065ff;--active-nav:#4686e4;--border:#b3bac5;--soft-border:rgba(197,214,222,0.7);--soft-bg:#f6f8fa;--disabled-bg:#eceff4;--warning:#fff48f;--warning-text:#3a3217;--danger:#c9372c;--white:#ffffff;--cash-green:#10b981}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--text);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:24px}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--border);border-radius:4px;color:var(--text);min-height:44px;padding:6px 12px;width:100%}textarea{min-height:88px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:32px;margin-bottom:4px}h1,h2{font-weight:650}h2{font-size:20px;line-height:28px}h3{font-size:15px;margin:14px 0 8px}label{color:var(--muted);display:block;font-size:14px;font-weight:650}table{border-collapse:collapse;width:100%}th{color:var(--muted);font-size:13px;font-weight:650;text-align:left}td,th{border-bottom:1px solid #e5e8ee;padding:10px 8px}.auth-page{align-items:center;background:var(--soft-bg);display:flex;min-height:100vh;padding:24px}.auth-panel{background:var(--white);border:1px solid #dee2e6;border-radius:8px;margin:0 auto;max-width:420px;padding:28px;width:100%}.auth-copy,.subtle{color:var(--muted)}.auth-form{display:grid;grid-gap:14px;gap:14px}.eyebrow{color:var(--primary);font-size:13px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.feedback-page{align-items:flex-start;background:var(--soft-bg);display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.feedback-panel{background:var(--white);border:1px solid #dee2e6;border-radius:8px;margin:0 auto;max-width:480px;padding:24px;width:100%}.feedback-panel h1{font-size:22px;margin:0 0 8px}.feedback-copy{color:var(--muted);margin:0 0 16px}.feedback-section{border-top:1px solid #eef0f4;margin-top:16px;padding-top:16px}.feedback-low-prompt,.feedback-thanks-preview{font-weight:600}.feedback-stars{display:flex;gap:6px}.feedback-star{background:transparent;border:none;color:#d6b94a;cursor:pointer;font-size:32px;line-height:1;padding:4px}.feedback-star.is-on{color:#f5b301}.feedback-lines{display:grid;grid-gap:14px;gap:14px;margin-bottom:16px}.feedback-line{background:var(--soft-bg);border:1px solid #eef0f4;border-radius:8px;padding:12px}.feedback-line-head{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:6px}.feedback-line-service{font-weight:600}.feedback-line-staff{color:var(--muted)}.feedback-field{display:grid;grid-gap:6px;gap:6px;margin-top:12px}.feedback-field textarea{border:1px solid #ccd2dc;border-radius:6px;font:inherit;padding:10px;resize:vertical;width:100%}.feedback-required{color:var(--primary)}.feedback-submit{margin-top:18px;width:100%}.feedback-google-button{display:inline-block;margin-top:16px;text-align:center;text-decoration:none;width:100%}.feedback-panel-dead h1{color:var(--muted)}.app-frame{display:flex;min-height:100vh}.side-menu{align-self:flex-start;background:var(--selected);color:var(--white);flex:0 0 184px;height:100vh;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand-mark{background:rgba(255,255,255,.18);border-radius:8px;font-weight:800;height:42px;justify-content:center;margin:0 16px 16px;width:42px}.brand-mark,.nav-item{align-items:center;display:flex}.nav-item{color:var(--white);gap:10px;min-height:42px;padding:9px 16px;text-decoration:none}.nav-item.active{background:var(--active-nav)}.app-main{flex:1 1;min-width:0}.top-bar{align-items:center;border-bottom:1px solid #e5e8ee;display:flex;gap:14px;height:58px;padding:8px 16px}.icon-button{background:transparent;border:0;color:var(--text)}.global-branch-select{height:32px;font-size:13px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:white;color:var(--text);cursor:pointer;max-width:200px}.global-branch-select:disabled{opacity:.6;cursor:wait}.global-branch-label{font-size:13px;font-weight:600;color:var(--text);padding:4px 8px}.user-chip{color:var(--muted);font-size:12px;line-height:15px;min-width:100px}.user-chip strong{color:var(--text);display:block}.content-area{padding:24px 28px 40px}.page-stack{display:grid;grid-gap:24px;gap:24px}.title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.title-actions{align-items:center;display:flex;gap:12px}.title-actions select{min-width:190px}.warning-pill{background:var(--warning);border:0;border-radius:18px;color:var(--warning-text);font-weight:700;min-height:40px;padding:8px 18px}.billing-empty,.panel,.placeholder-page,.quick-sale{background:var(--white)}.form-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(340px,480px) minmax(220px,320px)}.top-form{margin-bottom:18px}.input-group{align-items:stretch;display:flex}.input-group span{align-items:center;background:var(--soft-bg);border:1px solid var(--border);border-radius:4px 0 0 4px;display:flex;min-height:44px;padding:0 12px}.input-group input{border-radius:0 4px 4px 0}.customer-input svg{align-self:center;margin-left:-34px;pointer-events:none}.customer-results,.customer-selected,.quick-customer{display:flex;gap:10px;margin:10px 0 14px}.customer-selected{background:var(--soft-bg);border:1px solid #dee2e6;border-radius:4px;flex-direction:column;padding:8px 12px}.customer-selected span{color:var(--muted)}.customer-card-header{justify-content:space-between}.customer-card-header,.customer-card-header>div{align-items:center;display:flex;gap:10px}.customer-notes{color:var(--muted);font-size:.9rem;font-style:italic;margin:4px 0}.customer-selected>.customer-metrics{display:flex;flex-direction:row;font-size:.85rem;gap:16px;min-height:auto}.customer-selected button,.danger-link,.link-button{background:none;border:0;color:var(--link);padding:0}.customer-results{flex-direction:column;max-width:480px}.customer-results>button{align-items:center;background:var(--white);border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;padding:8px 10px}.customer-results>button>small,.customer-results>button>span{display:grid;grid-gap:2px;gap:2px;text-align:left}.customer-financial-panel{background:#f6f8fa;border:1px solid #dee2e6;border-radius:4px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(150px,1fr));margin:10px 0 14px;padding:10px 12px}.customer-financial-panel>div{display:grid;grid-gap:3px;gap:3px}.customer-financial-panel small,.customer-financial-panel span{color:var(--muted);font-size:13px}.customer-financial-panel strong{color:var(--text);font-size:16px}.due-alert{color:#8b0000!important;font-weight:800}.collect-dues-row{align-items:center;display:flex;gap:16px;grid-column:1/-1}.customer-financial-panel .collect-dues-toggle{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:700;gap:8px}.customer-financial-panel .collect-dues-toggle input[type=checkbox]{flex:0 0 auto;min-height:auto;width:auto}.dues-selected-count{color:var(--primary);font-size:13px;font-weight:600}.due-invoice-list{border-top:1px solid #dee2e6;grid-column:1/-1;max-height:200px;overflow-y:auto;padding-top:8px}.due-invoice-item{border-bottom:1px solid #e5e8ee}.due-invoice-row{align-items:center;display:flex;gap:8px;padding:7px 0}.due-invoice-row input[type=checkbox]{flex:0 0 auto;min-height:unset;width:auto}.due-invoice-toggle{background:transparent;border:0;color:var(--text);display:grid;flex:1 1;grid-gap:10px;gap:10px;grid-template-columns:minmax(160px,1fr) minmax(120px,.8fr) auto;min-height:24px;text-align:left}.due-invoice-detail{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin:4px 0 8px;padding:10px}.due-detail-actions,.due-detail-lines div,.due-detail-summary{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 0}.due-detail-lines{border-top:1px solid #edf0f4;margin-top:6px;padding-top:6px}.due-detail-lines div{grid-template-columns:minmax(180px,1fr) minmax(110px,.7fr) auto}.due-detail-actions{align-items:center;border-top:1px solid #edf0f4;grid-template-columns:1fr auto;margin-top:6px;padding-top:8px}.due-detail-actions a{align-items:center;color:var(--link);display:inline-flex;font-weight:750;gap:5px}.add-customer-row{background:var(--soft-bg);border:none;border-top:1px solid var(--soft-border);color:var(--primary);cursor:pointer;font-weight:600;padding:10px 14px;text-align:left;width:100%}.add-customer-row:hover{background:#e8f0fe}.inline-create-customer{border-top:1px solid var(--soft-border);display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr;padding:10px 14px}.inline-create-customer .phone-input-group{display:flex}.inline-create-customer .inline-create-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center}.inline-create-customer .primary-button{white-space:nowrap}.phone-input-group{display:flex}.phone-input-group .country-code{border-radius:4px 0 0 4px;max-width:60px;text-align:center}.phone-input-group .phone-digits{border-left:0;border-radius:0 4px 4px 0}.blue-divider{background:var(--primary);height:3px;margin:22px 0;width:100%}.bill-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) 64px 110px 120px 110px 42px}.bill-grid.bill-grid--no-percent{grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) 64px 110px 110px 42px}.bill-head{color:var(--muted);font-size:14px;font-weight:700;margin-bottom:6px}.bill-row{align-items:start;margin-bottom:10px}.bill-row-block{position:relative}.searchable-select{position:relative;width:100%}.searchable-select-trigger{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:4px;color:var(--text);display:flex;justify-content:space-between;min-height:44px;padding:6px 10px 6px 12px;text-align:left;width:100%}.searchable-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-trigger:disabled{cursor:not-allowed;opacity:.6}.searchable-select-menu{background:var(--white);border:1px solid #d8dde7;border-radius:4px;box-shadow:0 10px 24px rgba(9,30,66,.18);left:0;position:absolute;top:calc(100% + 4px);width:min(360px,92vw);z-index:20}.searchable-select-search{border-bottom:1px solid #e5e8ee;padding:6px}.searchable-select-search input{border-color:#7ba7ff;outline:1px solid #7ba7ff}.searchable-select-scroll{max-height:310px;overflow-y:auto;overscroll-behavior:contain}.searchable-select-group-title{color:#283447;font-size:15px;font-weight:700;padding:12px 12px 6px}.searchable-select-option{align-items:center;background:var(--white);border:0;color:#344054;display:flex;gap:12px;justify-content:space-between;min-height:36px;padding:6px 12px;text-align:left;width:100%}.searchable-select-option:focus,.searchable-select-option:hover{background:var(--soft-bg);outline:none}.searchable-select-option[aria-selected=true]{font-weight:600}.searchable-select-option-label{align-items:center;display:flex;gap:8px;min-width:0}.searchable-select-option-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-option-detail{color:#333333;flex:0 0 auto}.searchable-select-empty{color:var(--muted);padding:16px 12px}.searchable-select-footer{align-items:center;background:var(--soft-bg);border:0;border-top:1px solid #d8dde7;color:var(--selected);display:flex;font-weight:700;gap:8px;justify-content:flex-start;min-height:38px;padding:8px 12px;width:100%}.searchable-select--with-prefix{display:flex}.searchable-select--with-prefix .searchable-select-prefix{align-items:center;background:var(--soft-bg);border:1px solid var(--border);border-radius:4px 0 0 4px;color:var(--danger);display:flex;justify-content:center;min-width:38px}.searchable-select--with-prefix .searchable-select-trigger{border-left:0;border-radius:0 4px 4px 0;flex:1 1}.date-input-wrap{align-items:center;border:1px solid #cfd7e6;border-radius:4px;display:inline-flex;min-height:42px;padding:0 10px}.date-input-wrap input{border:0;min-height:38px;width:135px}.date-input-wrap:has(input:disabled){cursor:not-allowed;opacity:.6}.discount-input{display:flex}.discount-input input{border-radius:4px 0 0 4px}.discount-input button{background:var(--white);border:1px solid #dee2e6;border-left:0;border-radius:0 4px 4px 0;color:#919fa9;min-width:34px}.line-total{font-weight:700}.line-total-cell{display:grid;grid-gap:2px;gap:2px}.line-total-cell small{color:#8b0000;font-size:11px;font-weight:700;line-height:1.2}.staff-cell{display:grid;grid-gap:4px;gap:4px}.staff-split-trigger{font-size:12px;justify-self:start;padding:0}.bill-split-panel{background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(9,30,66,.24);max-width:calc(100vw - 24px);padding:12px 14px 14px;position:absolute;width:392px;z-index:15}.bill-split-panel.bill-split-panel--open{display:block}.bill-split-panel:before{background:var(--white);border-left:1px solid var(--border);border-top:1px solid var(--border);content:"";height:12px;left:22px;position:absolute;top:-7px;transform:rotate(45deg);width:12px}.bill-split-panel__head{align-items:center;display:flex;justify-content:space-between}.bill-split-panel__head h3{font-size:14px;margin:0}.bill-split-panel__hint{font-size:12px;margin:4px 0 0}.bill-split-panel__rows{display:grid;grid-gap:8px;gap:8px;margin:10px 0}.bill-split-panel__row{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) 140px 32px}.bill-split-panel__main-amount{align-items:center;background:var(--soft-bg);border:1px dashed var(--border);border-radius:4px;color:var(--muted);display:flex;font-weight:700;min-height:38px;padding:0 12px}.bill-split-panel__amount{max-width:none;width:140px}.bill-split-panel .input-group input,.bill-split-panel .input-group span,.bill-split-panel .searchable-select-trigger{min-height:38px}.bill-split-panel__add{font-size:13px}.bill-split-panel__footer{color:var(--muted);font-size:13px;font-weight:600;margin-top:8px}.bill-split-panel__error{margin-top:8px}.staff-split-picker,.staff-split-role{align-items:center;display:flex;gap:8px}.staff-split-tag{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.staff-split-tag--main{background:var(--accent-soft,#eef2ff);color:var(--accent,#3730a3)}.staff-split-tag--assistant{background:#fdf2e9;color:#b45309}.staff-split-summary{display:flex;flex-direction:column;gap:4px;margin-top:2px}.staff-split-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;max-width:100%;padding:3px 10px 3px 3px}.staff-split-chip__avatar{align-items:center;border-radius:999px;color:var(--white);display:flex;flex:0 0 auto;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.staff-split-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-split-chip__amount{flex:0 0 auto;font-weight:700}.staff-split-chip__role{flex:0 0 auto;font-size:10px;font-weight:600;opacity:.75}.staff-split-chip--main{background:var(--accent-soft,#eef2ff);color:var(--accent,#3730a3)}.staff-split-chip--main .staff-split-chip__avatar{background:var(--accent,#3730a3)}.staff-split-chip--assistant{background:#fdf2e9;color:#b45309}.staff-split-chip--assistant .staff-split-chip__avatar{background:#b45309}.trash-button{background:transparent;border:0;color:var(--danger)}.trash-button:disabled{color:#c9d1dd;cursor:not-allowed}.inline-section{margin-top:30px}.button-row,.discounts-row,.payment-inputs,.payment-row{display:flex;flex-wrap:wrap;gap:14px}.outline-button,.primary-button,.save-button,.secondary-button{background:var(--white);border:1px solid var(--primary);border-radius:3px;color:var(--primary);font-size:17px;font-weight:700;min-height:44px;padding:8px 16px}.secondary-button{align-items:center;display:inline-flex;gap:8px;justify-content:center}.primary-button,.save-button{background:var(--primary);color:var(--white);min-width:120px}.danger-button{background:#dc3545;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:.95rem}.danger-button:hover{background:#c82333}.disabled-soft{opacity:.45}.discounts-row label{min-width:160px}.discounts-row label:last-child{min-width:220px}.discount-lock-hint{color:var(--warning-text);font-size:13px;margin:8px 0 0}.payment-mode{background:var(--white);border:1px solid var(--selected);border-radius:4px;color:var(--selected);font-size:17px;font-weight:700;min-height:56px;min-width:88px;padding:7px 14px}.payment-mode span,.payment-mode strong{display:block}.payment-mode.active{background:var(--selected);color:var(--white)}.payment-mode-wrap{position:relative;display:inline-flex}.payment-mode-clear{position:absolute;top:-6px;right:-6px;z-index:2;width:20px;height:20px;border-radius:50%;background:var(--danger);color:var(--white);border:none;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.payment-clear-all{margin-top:12px}.payment-inputs{margin-top:14px}.payment-inputs label{max-width:140px}.prepaid-apply-row{align-items:flex-end;display:flex;gap:12px;margin-top:14px}.prepaid-apply-row label{max-width:220px}.prepaid-line-item{align-items:center;background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#dee2e6);border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:10px 14px}.prepaid-line-info{display:flex;flex-direction:column;gap:2px}.prepaid-line-info span{color:var(--text-secondary,#6c757d);font-size:.85em}.bottom-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(280px,1fr) 320px;margin-top:30px}.remarks-box textarea{margin-top:8px}.totals-box{display:grid;grid-gap:8px;gap:8px}.totals-box>div{align-items:center;display:flex;justify-content:space-between}.grand-total{border-top:1px solid #dee2e6;font-size:18px;padding-top:10px}.totals-savings-note{color:var(--muted,#6c757d);font-size:12px}.tip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tip-button{background:var(--white);border:1px solid var(--primary);border-radius:3px;color:var(--primary);font-size:13px;font-weight:700;min-height:26px;padding:2px 8px}.tip-button:disabled{opacity:.5;cursor:not-allowed}.tip-disabled-label{color:var(--danger,#dc3545);font-size:12px;font-style:italic}.tip-staff-breakdown{width:100%;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;padding:2px 0}.tip-staff-breakdown,.tip-staff-breakdown span{color:var(--text-muted,#666)}.tip-allocation-editor{border-top:1px solid #edf0f4;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;width:100%}.tip-add-recipient,.tip-allocation-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.tip-add-recipient button,.tip-allocation-header button,.tip-allocation-row button{background:var(--white);border:1px solid #d4dae4;border-radius:3px;color:var(--primary);font-size:12px;font-weight:700;min-height:28px;padding:3px 8px}.tip-allocation-rows{display:flex;flex-direction:column;gap:6px}.tip-allocation-row{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(120px,1fr) minmax(72px,auto) 132px auto}.tip-allocation-row>div{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.tip-allocation-row span,.tip-mode{color:var(--text-muted,#666);font-size:12px}.tip-mode.fixed{color:var(--primary);font-weight:700}.tip-allocation-row label{align-items:center;display:flex;gap:4px;justify-content:flex-end;min-width:132px}.totals-box .tip-allocation-row input{box-sizing:border-box;max-width:none;min-width:104px;text-align:right;width:104px}.tip-add-recipient select{min-height:32px;width:100%}.tip-allocation-error{color:var(--danger,#dc3545);font-size:12px;font-weight:700}.totals-box input{max-width:110px;min-height:36px}.billing-actions{border-top:1px solid #e5e8ee;display:flex;gap:14px;justify-content:flex-end;margin-top:24px;padding-top:14px}.reset-button{background:transparent;border:0;color:#595d6e;font-size:17px;font-weight:700;min-height:44px;min-width:120px}.dashboard-row{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.panel{border-top:3px solid var(--primary);padding-top:16px}.table-wrap{overflow-x:auto}.report-late-badge{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:999px;background:#fff4e5;color:#b45309;font-size:.7rem;font-weight:600;white-space:nowrap}.muted-row{opacity:.55}.collection-row{background:#f7fbff}.danger-link{color:var(--danger);font-weight:700}.metric-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid button,.metric-grid div{background:var(--soft-bg);border:1px solid #e5e8ee;border-radius:4px;padding:10px}.metric-card-button{color:var(--text);cursor:pointer;font:inherit}.metric-card-button:focus,.metric-card-button:hover,.report-line-button:focus,.report-line-button:hover{box-shadow:inset 0 0 0 2px var(--link);outline:none}.metric-card-button.active,.report-line-button.active{box-shadow:inset 0 0 0 2px var(--selected)}.metric-grid span,.report-line span{color:var(--muted);display:block;font-size:13px}.metric-grid strong{display:block;font-size:18px}.report-line{align-items:center;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;padding:7px 0}.report-line-button{background:transparent;border-left:0;border-right:0;border-top:0;color:var(--text);cursor:pointer;font:inherit;text-align:left;width:100%}.form-error{background:#ffebe6;border:1px solid #ffd5d2;border-radius:4px;color:var(--danger);padding:10px 12px}.status-line{background:var(--soft-bg);border:1px solid #dee2e6;border-radius:4px;color:var(--text);padding:10px 12px}.billing-empty,.placeholder-page{max-width:720px}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:#333}.error-boundary h2{font-size:1.3rem;margin:0}.error-boundary p{color:#666;margin:0}@media (max-width:1100px){.side-menu{flex-basis:72px}.nav-item span{display:none}.bill-grid,.bottom-grid,.dashboard-row,.form-grid{grid-template-columns:1fr}}@media (max-width:680px){.content-area{padding:18px 14px 32px}.side-menu{display:none}.top-bar{gap:8px;overflow-x:auto}.title-row{display:block}.title-actions{align-items:stretch;flex-direction:column;margin-top:12px}}.side-menu{flex:0 0 64px}.brand-mark{margin:0 auto 16px}.nav-item{justify-content:center;padding:9px 0}.nav-item span{display:none}.quick-sale{padding-bottom:4px}.small-button{font-size:14px;min-height:36px}.payment-total-layout{align-items:flex-start;display:grid;grid-gap:48px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(380px,440px);padding-right:32px}.payable-box{margin-top:26px;max-width:220px}.mio-totals{padding-top:42px}.edit-warning{background:#fff7e6;border:1px solid #ffab00;border-radius:4px;color:var(--text);padding:12px 14px}.edit-warning p{margin:6px 0 0}.locked-input input,.locked-service{background:#edf0f4!important;color:var(--muted)}.edit-bill-metrics{margin:18px 0}.edit-collect-toggle{background:#f6f8fa;border:1px solid #dee2e6;border-radius:4px;margin:10px 0;padding:10px 12px}.payment-inputs.always-open{display:grid}.invoice-detail-shell{display:flex;justify-content:center}.status-with-actions{align-items:center;display:flex;justify-content:space-between}.inline-actions{display:flex;gap:12px}.inline-actions button,.modal-actions button,.table-actions a,.table-actions button{align-items:center;background:transparent;border:0;color:var(--link);display:inline-flex;font-weight:700;gap:5px;padding:2px 4px}.table-actions .collect-link{color:#0f7b4f}.panel-title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.search-panel{margin-top:8px}td small{color:var(--muted);display:block;font-size:12px}.customer-metrics,.mio-metrics,.reports-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.customer-metrics div,.mio-metrics div,.reports-metrics button,.reports-metrics div{align-items:center;border-radius:3px;display:flex;flex-direction:column;justify-content:center;min-height:92px;text-align:center}.metric-lavender{background:#d9ddff!important;border-color:#c2b4ff!important}.metric-mint{background:#c9f7e2!important;border-color:#b4ebd2!important}.metric-yellow{background:#fffb91!important;border-color:#ecea76!important}.metric-rose{background:#f8d5d6!important;border-color:#edc3c5!important}.metric-soft-purple{background:#e9def7!important;border-color:#d9c9ed!important}.collections-submodes{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px;padding:0 2px}.metric-grid .metric-submodes,.reports-metrics .metric-submodes{align-items:center;background:transparent;border:0;border-radius:0;flex-direction:row;grid-column:1/-1;justify-content:flex-start;margin:-2px 2px 6px;min-height:0;padding:4px 0 0;text-align:left}.submode-pill{align-items:center;background:var(--soft-bg,#f7f8fa);border:1.5px solid #e5e8ee;border-radius:999px;color:var(--text,#1a1a2e);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:8px;padding:6px 14px;transition:border-color .15s,box-shadow .15s}.submode-pill:focus,.submode-pill:hover{border-color:var(--link,#1d4ed8);box-shadow:inset 0 0 0 1px var(--link,#1d4ed8);outline:none}.submode-pill.active{background:#e9f2ff;border-color:var(--selected,#1d4ed8);box-shadow:inset 0 0 0 1.5px var(--selected,#1d4ed8)}.submode-pill strong{font-size:13px}.metric-grid .submode-pill,.reports-metrics .submode-pill{align-items:center;background:var(--soft-bg,#f7f8fa);border:1.5px solid #e5e8ee;border-radius:999px;display:inline-flex;flex-direction:row;justify-content:flex-start;min-height:0;padding:6px 14px;text-align:left}.metric-grid .submode-pill.active,.reports-metrics .submode-pill.active{background:#e9f2ff;border-color:var(--selected,#1d4ed8)}.report-filter-row{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(6,minmax(140px,1fr));margin-bottom:12px}.report-actions{margin-bottom:16px}.report-generated{font-weight:650}.active-report-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.active-report-filter span{background:#e9f2ff;border:1px solid #cce0ff;border-radius:999px;color:var(--selected);font-size:12px;font-weight:750;padding:3px 10px}.active-report-filter button{background:transparent;border:0;color:var(--link);cursor:pointer;font-size:12px;font-weight:750;padding:3px 0}.report-split{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.mio-tabs{border-bottom:1px solid #dfe3eb;display:flex;gap:22px;overflow-x:auto}.mio-tabs button{background:transparent;border:0;color:var(--text);font-weight:700;min-height:38px;padding:6px 0;white-space:nowrap}.mio-tabs .active{border-bottom:2px solid var(--link);color:var(--link)}.info-strip{background:var(--soft-bg);border-left:4px solid #c6ceda;color:#44546f;padding:14px 18px}.customer-search-row{align-items:center;display:flex;gap:14px;max-width:620px}.input-with-icon{align-items:center;display:flex;flex:1 1;position:relative}.input-with-icon svg{color:#9aa8bd;position:absolute;right:12px}.alphabet-row{align-items:center;display:flex;flex-wrap:wrap;gap:13px;margin:18px 0}.alphabet-row span{color:var(--muted);font-size:13px;font-weight:700;margin-right:8px;width:100%}.alphabet-row button{background:transparent;border:0;color:var(--text);font-weight:650;padding:0}.customer-profile{margin-top:8px}.customer-profile-modal{background:var(--white);border-radius:8px;box-shadow:0 22px 70px rgba(9,30,66,.28);max-height:calc(100vh - 80px);max-width:980px;overflow:auto;padding:20px;position:relative;width:min(980px,calc(100vw - 48px))}.customer-profile-backdrop{align-items:center}.customer-profile-modal .customer-profile{margin-top:0}.customer-profile-modal .modal-close-button{position:absolute;right:14px;top:14px;z-index:1}.customer-expanded-row>td{background:#f6f8fa;padding:10px 12px}.inline-customer-profile{box-shadow:none;margin:0}.customer-edit-form{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;max-width:600px}.customer-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600}.customer-edit-form textarea{min-height:60px;resize:vertical}.customer-edit-actions{display:flex;gap:12px;margin-top:8px}.edited-once{color:var(--muted);display:block;font-size:11px;margin-top:4px}.status-badge{background:#e9f2ff;border-radius:999px;color:var(--selected);display:inline-flex;font-size:12px;font-weight:750;padding:2px 8px;text-transform:capitalize}.status-badge.cancelled{background:#ffebe6;color:var(--danger)}.status-badge.partial{background:#fff7d6;color:#7a5b00}.status-badge.collection{background:#e7f9f0;color:#006644}.settings-page .title-row select{max-width:260px}.settings-menu-panel{background:var(--white);border-radius:8px;box-shadow:0 8px 24px rgba(9,30,66,.06);padding:24px}.settings-group+.settings-group{margin-top:28px}.settings-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-tile{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--text);display:flex;gap:14px;min-height:72px;padding:10px;text-decoration:none}.settings-tile.clickable{cursor:pointer;transition:background .15s,border-color .15s}.settings-tile.clickable:hover{background:#f8f9fb;border-color:#e2e6ec}.settings-tile.active{background:#f4f8ff;border-color:#d8e6ff}.settings-icon{align-items:center;background:var(--soft-bg);border-radius:6px;color:#6b778c;display:flex;height:42px;justify-content:center;width:42px}.settings-tile small,.settings-tile strong{display:block}.settings-tile small{color:var(--muted);font-size:12px;line-height:18px}.billing-format-panel,.branch-settings-panel{margin-top:8px}.billing-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:24px}.billing-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:color .15s,border-color .15s}.billing-tab:hover{color:var(--text)}.billing-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.billing-tab-content{min-height:200px}.danger-outline-button{background:none;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s}.danger-outline-button:hover{background:#fdf0ef}.danger-outline-button:disabled{cursor:not-allowed;opacity:.5}.link-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;padding:4px 0;text-decoration:underline}.settings-form{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field{grid-column:1/-1}.payroll-console-panel{margin-top:8px}.payroll-count-grid,.payroll-health-grid,.payroll-sync-meta{display:grid;grid-gap:12px;gap:12px}.payroll-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-sync-meta{border-top:1px solid #e5e8ee;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding-top:14px}.payroll-count-block span,.payroll-sync-meta span{color:var(--muted);display:block;font-size:13px}.payroll-count-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-config-form{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-config-form label{color:var(--muted);display:grid;font-size:13px;font-weight:700;grid-gap:6px;gap:6px}.payroll-config-form small{color:var(--muted);font-size:12px;font-weight:600}.payroll-checkbox{align-items:center;display:flex!important;flex-direction:row;gap:8px!important}.payroll-checkbox input{height:16px;width:16px}.payroll-count-block{background:var(--soft-bg);border:1px solid #e5e8ee;border-radius:6px;padding:12px}.payroll-count-block div{display:grid;grid-gap:4px;gap:4px;margin-top:8px}.payroll-status-badge{background:#edf0f4;border-radius:999px;color:var(--text);display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-height:30px;padding:4px 10px}.payroll-status-badge.good{background:#e7f9f0;color:#006644}.payroll-status-badge.warn{background:#fff7d6;color:#7a5b00}.payroll-status-badge.bad{background:#ffebe6;color:var(--danger)}.service-search-panel{border-top:3px solid var(--primary)}.service-search-box{min-width:360px}.services-admin-panel{display:grid;grid-gap:14px;gap:14px}.services-category-create{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(240px,360px) auto}.title-actions .primary-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;white-space:nowrap}.services-empty{background:var(--soft-bg);border:1px solid #e5e8ee;border-radius:4px;margin-top:18px;padding:18px}.services-empty h3{font-size:18px;margin-top:0}.service-category{border-top:1px solid #e5e8ee;margin-top:18px;padding-top:12px}.service-category-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.service-category-title h3{color:var(--text);font-size:18px;margin:0}.service-category-title span{background:var(--soft-bg);border:1px solid #e5e8ee;border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;padding:2px 10px}.staff-chip-list{display:flex;flex-wrap:wrap;gap:6px;max-width:560px}.staff-chip-list span{background:#f4f8ff;border:1px solid #d8e6ff;border-radius:999px;color:var(--text);font-size:12px;line-height:18px;padding:2px 8px}.staff-chip-list .muted-chip{background:#f7f7f9;border-color:#d8dde8;color:var(--muted)}.service-action-row{display:flex;gap:6px}.compact-button{font-size:13px;min-height:30px;padding:4px 10px}.service-modal{background:var(--white);border-radius:8px;max-width:1040px;padding:20px;width:100%}.service-form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-label{color:var(--text);display:flex;font-weight:650;gap:8px}.checkbox-label input[type=checkbox]{flex:0 0 auto;min-height:unset;width:auto}.service-online-default{align-self:end;min-height:44px}.service-description-field{grid-column:1/-1}.service-modal-section{border-top:1px solid #e5e8ee;margin-top:18px;padding-top:14px}.service-branch-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.service-branch-card{border:1px solid #e5e8ee;border-radius:4px;display:grid;grid-gap:12px;gap:12px;padding:12px}.service-branch-fields{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-profile-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:260px;overflow-y:auto;padding-right:4px}.staff-profile-option{align-items:flex-start;border:1px solid #e5e8ee;border-radius:4px;padding:8px}.staff-profile-option small{color:var(--muted);display:block;font-size:12px}.staff-assignment-editor,.staff-assignment-toolbar{display:grid;grid-gap:12px;gap:12px}.staff-assignment-toolbar{align-items:end;grid-template-columns:minmax(180px,240px) minmax(260px,1fr) auto}.staff-assignment-count{align-items:center;background:var(--soft-bg);border:1px solid #e5e8ee;border-radius:4px;display:flex;gap:6px;min-height:44px;padding:0 12px}.staff-assignment-count strong{color:var(--primary);font-size:22px}.staff-assignment-count span{color:var(--muted);font-size:13px;font-weight:700}.branch-staff-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.staff-assignment-modal{max-width:900px}.service-modal-actions{justify-content:flex-end;margin-top:18px}.modal-backdrop{align-items:flex-start;background:rgba(9,30,66,.55);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:40px 24px;position:fixed;right:0;top:0;z-index:100}.invoice-modal{background:var(--white);border-radius:8px;max-width:920px;padding:20px;width:100%}.warning-modal{margin-top:12vh;max-width:440px;text-align:center}.warning-modal h3{color:var(--danger,#dc3545);margin:0 0 10px}.warning-modal p{color:var(--text);font-size:16px;line-height:1.5;margin:0}.modal-confirm-actions{display:flex;justify-content:center;margin-top:18px}.modal-header{align-items:center;border-bottom:1px solid #e5e8ee;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.modal-actions{display:flex;gap:10px}.receipt-sheet{background:#fff;color:#111;font-family:Segoe UI,Arial,sans-serif;margin:0 auto;padding:18px}.receipt-sheet.thermal{max-width:320px}.receipt-sheet.a4{max-width:760px}.receipt-header{border-bottom:1px dashed #778;margin-bottom:12px;padding-bottom:10px;text-align:center}.receipt-header h1{color:#111;font-size:18px;margin:0 0 4px}.receipt-footer,.receipt-header p{font-size:12px;line-height:18px;margin:0}.receipt-meta{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.receipt-meta span{color:#555;display:block;font-size:11px}.receipt-meta strong{font-size:12px}.receipt-cancelled{border:1px solid #c9372c;color:#c9372c;text-transform:uppercase}.receipt-cancelled,.receipt-edited{font-weight:800;margin-bottom:12px;padding:8px;text-align:center}.receipt-edited{border:1px solid #f5c542;color:#7a5b00;font-size:12px}.receipt-items td,.receipt-items th{border-bottom:1px dashed #c8c8c8;color:#111;font-size:12px;padding:6px 4px}.receipt-items small{color:#555;display:block;font-size:10px}.receipt-discount-row td{color:#555;font-size:11px;padding-top:2px}.receipt-discount-row td:last-child{text-align:right;white-space:nowrap}.receipt-payments,.receipt-totals{border-top:1px dashed #778;margin-top:10px;padding-top:8px}.receipt-payments div,.receipt-totals div{display:flex;font-size:12px;justify-content:space-between;padding:2px 0}.receipt-grand{font-size:14px!important;font-weight:800}.receipt-payments h2{color:#111;font-size:13px;margin-bottom:4px}.receipt-payment-line>span{display:flex;flex-direction:column}.receipt-payment-time{color:#556;font-size:10px}.receipt-footer{border-top:1px dashed #778;margin-top:12px;padding-top:10px;text-align:center}.receipt-print-area{display:none}.internal-remarks{background:#fff8e7;border:1px solid #f0d48b;border-radius:6px;color:var(--text);margin:14px auto 0;max-width:760px;padding:10px 12px}.internal-remarks span{color:#8a5f00;display:block;font-size:12px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.internal-remarks p{margin:0;white-space:pre-wrap}.internal-remarks.compact{background:#fffaf0;margin:6px 0 0;max-width:none;padding:6px 8px}.internal-remarks.compact span{font-size:10px;margin-bottom:2px}.internal-remarks.compact p{color:var(--muted);font-size:12px;line-height:16px}.appointments-page .title-row h1{margin-bottom:4px}.appointments-actions .outline-button,.appointments-actions .primary-button,.appointments-toolbar .segmented-control button{align-items:center;display:inline-flex;gap:6px}.appointments-toolbar{background:var(--white);border:1px solid var(--border);padding:14px}.appointments-toolbar input,.appointments-toolbar select{min-height:36px}.segmented-control{border:1px solid #d8dde6;border-radius:4px;display:inline-flex;overflow:hidden}.segmented-control button{background:var(--white);border:0;border-right:1px solid #d8dde6;color:var(--text);min-height:36px;padding:0 14px}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:#e7f0ff;color:var(--primary);font-weight:800}.appointment-legend{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.appointment-legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:5px}.legend-dot{border-radius:3px;display:inline-block;height:10px;width:10px}.appointment-card.booked,.legend-dot.booked{background:#8fb7ee}.appointment-card.arrived,.legend-dot.arrived{background:#ffdc73}.appointment-card.completed,.legend-dot.completed{background:#948bd8}.appointment-card.cancelled,.legend-dot.cancelled{background:#85888c}.appointment-calendar{background:var(--white);border:1px solid var(--border);overflow-x:auto}.appointment-calendar-grid{min-width:980px}.calendar-row-fragment{display:contents}.calendar-corner,.calendar-header-cell,.calendar-slot-cell,.calendar-time-cell{border-bottom:1px solid #e7eaf0;border-right:1px solid #e7eaf0}.calendar-corner,.calendar-header-cell{background:#f8faff;min-height:44px;padding:12px;z-index:2}.calendar-time-cell{min-height:38px;padding:8px 10px}.calendar-slot-cell{min-height:38px;padding:3px}.appointment-card{border:0;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:5px;line-height:16px;margin:1px 0;padding:9px 10px 14px;position:relative;text-align:left;width:100%}.appointment-card small,.appointment-card span{color:#fff}.appointment-resize-handle{background:transparent;border:0;bottom:0;cursor:ns-resize;height:14px;left:50%;padding:0;position:absolute;transform:translateX(-50%);width:34px}.appointment-resize-handle:before{background:rgba(255,255,255,.85);border-radius:999px;content:"";height:3px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:18px}.appointment-list-tabs{display:flex;gap:8px;margin-bottom:14px}.appointment-list-tabs button{background:var(--soft-bg);border:1px solid var(--border);border-radius:4px;min-height:34px;padding:0 12px}.appointment-list-tabs button.active{background:var(--primary);color:#fff}.appointment-status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:4px 9px}.appointment-status.booked{background:#e8f1ff;color:#305f9d}.appointment-status.confirmed{background:#f8e8ff;color:#8c3fb0}.appointment-status.arrived{background:#fff4c8;color:#7a5a00}.appointment-status.started{background:#dff9ec;color:#147246}.appointment-status.completed{background:#ece9ff;color:#5f55a5}.appointment-status.no-show{background:#ffece6;color:#9d3f28}.appointment-status.cancelled{background:#eef0f4;color:#596070}.block-time-strip div{display:flex;flex-wrap:wrap;gap:8px}.block-time-strip span{background:#f5f7fb;border:1px solid var(--border);border-radius:4px;padding:7px 10px}.appointment-modal{max-width:740px;text-align:left}.appointment-modal.wide{max-width:980px}.appointment-modal.day-overrides-inner{max-width:980px;overflow:visible}.appointment-modal.staff-hours-inner{max-height:calc(100vh - 80px);max-width:980px}.staff-hours-inner .staff-hours-editor{max-height:calc(100vh - 260px);overflow-y:auto}.modal-title-row{align-items:center;border-bottom:1px solid #eceff4;display:flex;justify-content:space-between;margin:-6px -6px 16px;padding:0 0 12px}.appointment-form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.3fr repeat(3,minmax(120px,.7fr))}.appointment-form-grid .wide-field{grid-column:1/-1}.appointment-customer-results{margin:10px 0;position:static}.appointment-inline-create,.appointment-selected-customer{margin:12px 0}.appointment-service-editor{border:1px solid var(--border);margin:14px 0 10px}.appointment-service-head,.appointment-service-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(220px,1.2fr) minmax(180px,.9fr) minmax(110px,.4fr) 42px;padding:10px}.appointment-service-head{background:#f7f9fc;color:var(--muted);font-size:12px;font-weight:800}.appointment-service-row{border-top:1px solid var(--border)}.appointment-notes{display:grid;grid-gap:6px;gap:6px;margin-top:12px}.warning-list{display:grid;grid-gap:10px;gap:10px;margin:14px 0}.warning-list div{background:#fff8e7;border:1px solid #f0d48b;border-radius:4px;display:grid;grid-gap:4px;gap:4px;padding:10px}.appointment-detail-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-detail-grid div,.appointment-detail-services div{background:#f7f9fc;border:1px solid var(--border);border-radius:4px;padding:10px}.appointment-detail-grid span,.appointment-detail-services span{color:var(--muted);display:block;font-size:12px}.appointment-detail-services{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.appointment-detail-note{background:#fffaf0;border:1px solid #f0d48b;border-radius:4px;padding:10px;white-space:pre-wrap}.appointment-detail-actions,.cancel-appointment-box,.modal-confirm-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.cancel-appointment-box input{flex:1 1;min-width:240px}.outline-button.danger{border-color:var(--danger);color:var(--danger)}.staff-hours-editor,.staff-hours-row{display:grid;grid-gap:8px;gap:8px}.staff-hours-row{align-items:center;grid-template-columns:minmax(180px,1fr) 100px 110px 110px 120px 42px}.branch-hours-row{grid-template-columns:120px 140px 140px 140px 42px}.checkbox-label{align-items:center;display:inline-flex;gap:6px}.appointments-heading{font-size:20px;line-height:24px;margin:0}.appointments-toolbar{background:#fff;border:1px solid #dfe5ef;display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px}.calendar-plus-button{align-items:center;background:#eaf2ff;border:0;border-radius:4px;color:var(--primary);display:inline-flex;height:42px;justify-content:center;width:42px}.appointment-staff-filter,.color-code-control{position:relative}.staff-filter-trigger{align-items:center;background:#fff;border:1px solid #cfd7e6;border-radius:4px;color:var(--text);display:inline-flex;font-weight:800;gap:18px;min-height:42px;min-width:180px;padding:0 12px;justify-content:space-between}.color-code-popover,.staff-filter-menu{background:#fff;border:1px solid #cfd7e6;box-shadow:0 18px 44px rgba(15,23,42,.18);display:grid;grid-gap:10px;gap:10px;left:0;min-width:260px;padding:12px;position:absolute;top:calc(100% + 8px);z-index:20}.appointment-list-mode-tabs,.staff-filter-tabs{border:1px solid #d8dde6;border-radius:4px;display:inline-flex;overflow:hidden}.appointment-list-mode-tabs button,.staff-filter-tabs button{background:#fff;border:0;border-right:1px solid #d8dde6;min-height:34px;padding:0 12px}.appointment-list-mode-tabs button:last-child,.staff-filter-tabs button:last-child{border-right:0}.appointment-list-mode-tabs button.active,.staff-filter-tabs button.active{background:#dfeaff;color:var(--primary);font-weight:800}.staff-filter-body{display:grid;grid-gap:8px;gap:8px}.staff-filter-actions{display:flex;gap:8px;justify-content:flex-end}.resource-empty{color:var(--muted)}.appointment-date-chip-row{display:inline-flex;gap:8px}.appointment-date-chip-row button{background:#f1f3f8;border:1px solid transparent;border-radius:4px;color:var(--text);display:grid;min-height:42px;min-width:58px;padding:3px 10px}.appointment-date-chip-row button.active{background:#dfeaff;border-color:#c1d3f5;color:var(--primary)}.appointment-date-chip-row strong{font-size:16px;line-height:17px}.appointment-date-chip-row span{font-size:12px}.appointment-date-picker{align-items:center;border:1px solid #cfd7e6;border-radius:4px;display:inline-flex;min-height:42px;padding:0 10px}.appointment-date-picker input{border:0;min-height:38px;width:135px}.appointments-branch-select{margin-left:auto;min-height:42px}.outline-button.active{background:#eaf2ff;border-color:var(--primary);color:var(--primary)}.color-code-popover{left:auto;right:0}.appointment-legend span,.color-code-popover span{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:7px}.color-code-popover strong{color:var(--text);font-size:12px}.color-code-popover .disabled{opacity:.55}.appointment-card.started,.legend-dot.started{background:#67dfaa}.appointment-card.no_show,.legend-dot.no-show{background:#ff8b6f}.appointment-card.confirmed,.legend-dot.confirmed{background:#d998ef}.legend-dot.upcoming{background:#ffdc73}.legend-dot.live{background:#67dfaa}.legend-dot.exceeded{background:#ff8b6f}.legend-dot.confirm,.legend-dot.online{background:#c7ceda}.appointment-calendar{background:#fff;border:1px solid #dfe5ef;overflow:auto}.appointment-calendar-grid{display:grid;width:max-content}.calendar-corner,.calendar-header-cell{align-items:center;background:#fff;border-bottom:1px solid #dfe5ef;border-right:1px solid #dfe5ef;color:var(--text);display:flex;font-weight:800;justify-content:center;min-height:48px;position:-webkit-sticky;position:sticky;top:0;z-index:4}.calendar-corner{left:0;z-index:5}.calendar-header-cell.is-column-dragging{opacity:.4;background:#e8edf5}.calendar-header-cell.is-drop-after:after,.calendar-header-cell.is-drop-before:before{background:var(--primary);content:"";height:100%;position:absolute;top:0;width:3px;z-index:1}.calendar-header-cell.is-drop-before:before{left:-2px}.calendar-header-cell.is-drop-after:after{right:-2px}.calendar-column-lane{position:relative}.calendar-time-column{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:#fff;border-right:1px solid #dfe5ef;grid-column:1}.calendar-time-cell{align-items:flex-start;background:#fff;border-bottom:1px solid #e6eaf1;color:var(--text);display:flex;font-weight:800;height:34px;padding:4px 8px}.calendar-column-lane{border-right:1px solid #e6eaf1;overflow:hidden}.calendar-slot-stack{display:grid;position:relative;z-index:1}.calendar-slot-cell{background:transparent;border:0;border-bottom:1px solid #e6eaf1;cursor:pointer;height:34px;padding:0}.calendar-slot-cell:hover{background:#f7fbff}.calendar-current-time-line{background:#ff4b42;height:2px;left:0;position:absolute;right:0;z-index:3}.calendar-unavailable-segment{background:rgba(15,23,42,.32);left:0;pointer-events:none;position:absolute;right:0;z-index:0}.calendar-unavailable-segment.staff{background:rgba(15,23,42,.32)}.appointment-card,.calendar-block-card{border-radius:4px;box-shadow:0 1px 2px rgba(15,23,42,.12);display:flex;flex-direction:column;font-size:12px;gap:4px;line-height:15px;overflow:hidden;padding:8px 8px 15px;position:absolute;text-align:left;z-index:2}.appointment-card{background:#8fb7ee;border:1px solid #cfd7e6;border-left:4px solid #8a93a3;color:#1f2a44;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.appointment-card.booked{background:#8fb7ee;border-left-color:#5f8fcf}.appointment-card.confirmed{background:#d998ef;border-left-color:#b96cd6}.appointment-card.arrived{background:#ffdc73;border-left-color:#e5b938}.appointment-card.started{background:#67dfaa;border-left-color:#30b87b}.appointment-card.completed{background:#948bd8;border-left-color:#6c62bd}.appointment-card.no_show{background:#ff8b6f;border-left-color:#e26042}.appointment-card.cancelled{background:#85888c;border-left-color:#8a93a3;opacity:.75}.appointment-card.is-locked{background:#e7e7e7;border-color:#c7c7c7 #c7c7c7 #c7c7c7 #85888c;color:#1f2a44;cursor:default;opacity:1}.appointment-card small,.appointment-card span{color:inherit}.appointment-card-status{border-radius:999px;height:8px;position:absolute;right:7px;top:7px;width:8px}.appointment-card-status.booked{background:#5f8fcf}.appointment-card-status.confirmed{background:#b96cd6}.appointment-card-status.arrived{background:#e5b938}.appointment-card-status.started{background:#30b87b}.appointment-card-status.completed{background:#6c62bd}.appointment-card-status.no-show{background:#e26042}.appointment-card-status.cancelled{background:#8a93a3}.appointment-card.is-locked .appointment-card-status{background:#85888c}.appointment-card.is-locked .appointment-resize-handle{display:none}.calendar-block-card{background:#f2f2f2;border:1px solid #c9c9c9;border-left:4px solid #777;color:#25304a;cursor:pointer}.appointment-resize-handle:before{background:rgba(37,48,74,.45)}.appointments-list-panel{display:grid;grid-gap:12px;gap:12px}.appointment-list-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.appointment-list-filters label{display:grid;grid-gap:4px;gap:4px}.appointment-form-layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 280px}.appointment-form-main{display:grid;grid-gap:12px;gap:12px}.appointment-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-service-head,.appointment-service-row{grid-template-columns:minmax(220px,1.2fr) minmax(170px,.95fr) 120px 100px 42px}.appointment-row-actions{display:flex;flex-wrap:wrap;gap:10px}.appointment-add-customer-option{background:#d8e9ff;border:0;border-radius:4px;color:#172b4d;font-weight:800;min-height:42px;padding:0 14px;text-align:left}.muted-action{opacity:.72}.appointment-customer-context{background:#f8faff;border:1px solid #dfe5ef;border-radius:4px;display:grid;grid-gap:10px;gap:10px;padding:12px}.appointment-customer-context h4{margin:0}.appointment-customer-context dl{display:grid;grid-gap:8px;gap:8px;margin:0}.appointment-customer-context dl div,.cancel-summary div{background:#fff;border:1px solid #e6eaf1;border-radius:4px;padding:8px}.appointment-customer-context dt,.cancel-summary span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.appointment-customer-context dd{margin:0}.appointment-customer-context div{display:grid;grid-gap:5px;gap:5px}.appointment-notes small{color:var(--muted);font-size:12px;text-align:right}.cancel-summary{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.danger-fill{background:var(--danger);border-color:var(--danger);color:#fff}body:has(.appointments-page) .app-main{display:flex;flex-direction:column;height:100vh}body:has(.appointments-page) .content-area{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:8px 10px 0}body:has(.appointments-page) .appointments-page{flex:1 1;min-height:0}.appointments-page{display:flex;flex-direction:column;gap:6px}.appointment-calendar{flex:1 1;min-height:0}.appointments-heading{display:none}.appointments-toolbar{align-items:center;border-radius:0;flex-wrap:nowrap;gap:6px;min-height:44px;overflow:visible;padding:6px 8px;position:relative;z-index:5}.appointments-toolbar .appointment-date-picker,.appointments-toolbar .calendar-nav-button,.appointments-toolbar .outline-button,.appointments-toolbar .segmented-control button,.appointments-toolbar .staff-filter-trigger,.appointments-toolbar input,.appointments-toolbar select{font-size:13px;height:32px;min-height:32px;padding:0 10px}.calendar-nav-button,.calendar-plus-button{align-items:center;border-radius:4px;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.calendar-plus-button{width:32px}.calendar-nav-button{background:#fff;border:1px solid #d8dde6;color:var(--text)}.staff-filter-trigger{gap:10px;min-width:156px;padding:0 10px}.appointment-date-chip-row{gap:4px}.appointment-date-chip-row button{height:32px;min-height:32px;min-width:46px;padding:2px 7px}.appointment-date-chip-row strong{font-size:13px;line-height:14px}.appointment-date-chip-row span{font-size:11px;line-height:12px}.appointment-date-picker{padding:0 7px}.appointment-date-picker input{height:30px;min-height:30px;width:116px}.appointments-toolbar .segmented-control button{padding:0 11px}.appointment-admin-tools,.appointment-staff-filter,.color-code-control{flex:0 0 auto;position:relative}.appointment-admin-popover,.color-code-popover,.staff-filter-menu{top:calc(100% + 5px)}.appointment-admin-popover{background:#fff;border:1px solid #cfd7e6;box-shadow:0 18px 44px rgba(15,23,42,.18);display:grid;grid-gap:8px;gap:8px;min-width:250px;padding:10px;position:absolute;right:0;z-index:22}.appointment-admin-popover label{display:grid;grid-gap:4px;gap:4px}.appointment-admin-popover .appointments-branch-select{margin-left:0;width:100%}.appointment-calendar{margin-top:0}.appointment-calendar-grid{min-width:1060px}.calendar-corner,.calendar-header-cell{min-height:36px}.calendar-slot-cell,.calendar-time-cell{height:var(--calendar-row-height,64px);min-height:var(--calendar-row-height,64px)}.calendar-time-cell{align-items:center;font-size:12px;font-weight:700;line-height:12px;padding:2px 6px;white-space:nowrap}.appointment-card,.calendar-block-card{font-size:11px;gap:2px;line-height:14px;padding:6px 7px 13px}.appointment-card.is-resizing{box-shadow:0 0 0 2px rgba(0,82,204,.35),0 8px 22px rgba(15,23,42,.2);opacity:.92}.appointment-card.is-moving{box-shadow:0 0 0 2px rgba(0,82,204,.38),0 10px 24px rgba(15,23,42,.22);cursor:-webkit-grabbing;cursor:grabbing;opacity:.86;z-index:6}.appointment-card.is-invalid-move{box-shadow:0 0 0 2px rgba(201,55,44,.56),0 10px 24px rgba(15,23,42,.22)}.appointment-drag-warning,.appointment-resize-preview{background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.18);border-radius:4px;bottom:18px;color:#172b4d;font-style:normal;font-weight:800;left:7px;padding:3px 5px;position:absolute;right:7px;text-align:center}.appointment-drag-warning{border-color:rgba(201,55,44,.45);color:var(--danger)}.appointment-modal.wide{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 28px);max-width:none;overflow:hidden;padding:0;width:min(96vw,1320px)}.appointment-modal.wide .modal-title-row{justify-content:center;margin:0;padding:12px 48px;position:relative}.appointment-modal.wide .modal-title-row h3{margin:0;text-align:center;width:100%}.appointment-modal.wide .modal-title-row .table-icon-button{position:absolute;right:14px}.appointment-modal.wide .appointment-form-layout{gap:0;grid-template-columns:minmax(0,1fr) minmax(320px,36%);min-height:0;overflow:auto}.appointment-modal.wide .appointment-form-main{align-content:start;border-right:1px solid #dfe5ef;gap:14px;padding:16px 18px}.appointment-modal.wide .appointment-customer-context{align-content:center;background:#fff;border:0;border-radius:0;justify-items:center;min-height:460px;padding:28px;text-align:center}.appointment-modal.wide .appointment-customer-context.has-customer{align-content:start;justify-items:stretch;text-align:left}.appointment-modal.wide>.modal-confirm-actions{background:#fff;border-top:1px solid #dfe5ef;justify-content:flex-end;margin:0;padding:10px 18px}.appointment-modal.wide>.modal-confirm-actions .outline-button:first-child{margin-right:auto}.miosalon-detail-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 44px);max-width:none;overflow:hidden;padding:0;width:min(90vw,920px)}.miosalon-detail-modal .appointment-detail-title-row{justify-content:center;margin:0;padding:18px 56px;position:relative}.miosalon-detail-modal .appointment-detail-title-row h3{font-size:22px;margin:0;text-align:center;width:100%}.miosalon-detail-modal .appointment-detail-title-row .table-icon-button{position:absolute;right:16px}.appointment-detail-layout{border-top:1px solid #dfe5ef;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr) 240px;min-height:0;overflow:auto;padding:28px}.appointment-detail-summary{display:grid;grid-gap:12px;gap:12px}.appointment-detail-id-row,.appointment-detail-service-card{border:1px solid #d8dde6;border-radius:4px;display:grid;grid-gap:4px;gap:4px;padding:10px 12px}.appointment-detail-id-row span,.appointment-detail-service-card span,.appointment-detail-summary dt{color:var(--muted);font-size:12px;font-weight:800}.appointment-detail-summary dl{display:grid;grid-gap:10px 18px;gap:10px 18px;grid-template-columns:150px minmax(0,1fr);margin:0}.appointment-detail-summary dl div{display:contents}.appointment-detail-summary dt{color:var(--text)}.appointment-detail-summary dd{margin:0}.appointment-detail-status-panel{align-content:start;display:grid;grid-gap:14px;gap:14px}.appointment-detail-status-table{border:1px solid #d5d9e1;display:grid}.appointment-detail-status-table button{align-items:center;background:#fff;border:0;border-bottom:1px solid #d5d9e1;color:var(--text);display:grid;font-weight:700;grid-gap:12px;gap:12px;grid-template-columns:24px 1fr;min-height:44px;padding:0 14px;text-align:left}.appointment-detail-status-table button:last-child{border-bottom:0}.appointment-detail-status-table button.active{background:#d8e8ff}.appointment-detail-status-table button:disabled:not(.active){opacity:.64}.appointment-detail-footer{align-items:center;border-top:1px solid #dfe5ef;display:flex;justify-content:space-between;padding:10px 28px}.appointment-detail-footer-main{display:flex;gap:10px}.customer-context-illustration{align-items:center;background:#f3f6fb;border-radius:999px;color:var(--primary);display:inline-flex;height:104px;justify-content:center;margin-bottom:8px;width:104px}@media (max-width:1100px){.appointment-detail-grid,.appointment-form-grid,.appointment-form-layout,.appointment-service-head,.appointment-service-row,.cancel-summary,.payment-total-layout,.payroll-config-form,.payroll-count-grid,.payroll-health-grid,.payroll-sync-meta,.report-filter-row,.report-split,.settings-form,.settings-grid,.staff-assignment-toolbar,.staff-hours-row{grid-template-columns:1fr}.payment-total-layout{padding-right:0}.customer-metrics,.mio-metrics,.reports-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{@page{margin:0}body *{visibility:hidden!important}.receipt-print-area,.receipt-print-area *{visibility:visible!important}.receipt-print-area{display:block;left:0;position:absolute;top:0;width:100%}.receipt-print-area .receipt-sheet.thermal{margin:0;max-width:none;min-height:auto;padding:4mm;width:80mm}.receipt-print-area .receipt-sheet.a4{margin:0 auto;max-width:none;min-height:287mm;padding:12mm;width:210mm}.no-print{display:none!important}}.header-actions{display:flex;gap:8px;margin-left:4px}.header-pill-btn{align-items:center;border:none;border-radius:16px;color:var(--white);display:flex;font-size:12px;font-weight:600;gap:4px;height:30px;padding:0 12px}.header-pill-btn:disabled{opacity:.4;cursor:not-allowed}.header-pill-expense{background:#0353cc}.header-pill-expense:hover:not(:disabled){background:#024bb5}.header-pill-chat{background:#25d366}.header-pill-chat:hover:not(:disabled){background:#1fb855}.top-bar-spacer{flex:1 1}.expense-panel-overlay{background:rgba(0,0,0,.25);inset:0;position:fixed;z-index:100}.expense-panel{background:var(--white);border-left:1px solid var(--border);box-shadow:-4px 0 16px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;max-width:720px;overflow-y:auto;position:absolute;right:0;top:0;width:90vw}.expense-panel-header{align-items:center;border-bottom:1px solid #e5e8ee;display:flex;justify-content:space-between;padding:14px 18px}.expense-panel-header h2{font-size:18px;margin:0}.date-mode-pills{display:flex;gap:6px;padding:12px 18px 0}.pill-btn{background:var(--soft-bg);border:1px solid var(--soft-border);border-radius:14px;color:var(--text);font-size:12px;font-weight:600;height:28px;padding:0 12px}.pill-btn:hover{background:#e8ecf0}.pill-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.pill-active:hover{background:var(--selected)}.filter-chips{display:flex;gap:6px;padding:10px 18px 0}.chip-btn{background:var(--soft-bg);border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:11px;font-weight:600;height:26px;padding:0 10px}.chip-btn:hover{color:var(--text)}.chip-active{background:#e3ecf7;border-color:var(--primary);color:var(--primary)}.expense-summary-cards{display:flex;flex-wrap:wrap;gap:10px;padding:12px 18px}.expense-summary-total{background:var(--soft-bg);border-radius:8px;padding:8px 14px}.summary-label{color:var(--muted);display:block;font-size:11px;font-weight:600;text-transform:uppercase}.summary-value{font-size:18px;font-weight:700}.expense-summary-cat{align-items:center;display:flex;gap:6px}.summary-cat-value{font-size:13px;font-weight:600}.category-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;line-height:20px;padding:0 8px}.badge-blue{background:#deebff;color:#0747a6}.badge-yellow{background:#fff7d6;color:#7a5e14}.badge-grey{background:#f0f1f4;color:#555}.badge-muted{background:#f0f1f4;color:var(--muted)}.badge-purple{background:#eae6ff;color:#403294}.badge-green{background:#e3fcef;color:#006644}.expense-list-area{flex:1 1;overflow-y:auto;padding:12px 18px}.expense-table{border-collapse:collapse;font-size:13px;width:100%}.expense-table th{border-bottom:1px solid #e5e8ee;color:var(--muted);font-size:11px;font-weight:600;padding:6px 8px;text-align:left;text-transform:uppercase}.expense-table td{border-bottom:1px solid #f0f1f4;padding:8px;vertical-align:middle}.expense-voided-row td{opacity:.5;text-decoration:line-through}.voided-heading{color:var(--muted);font-size:12px;margin:16px 0 4px}.voided-text{text-decoration:line-through}.void-reason{color:var(--danger);display:block;font-size:11px;text-decoration:none}.btn-link-danger{background:none;border:none;color:var(--danger);font-size:12px;font-weight:600;padding:2px 6px}.btn-link-danger:hover{text-decoration:underline}.expense-panel-footer{border-top:1px solid #e5e8ee;padding:12px 18px}.expense-add-form{display:grid;grid-gap:8px;gap:8px}.expense-add-form input,.expense-add-form select{font-size:13px;min-height:36px;padding:4px 8px}.expense-form-actions{display:flex;gap:8px}.text-muted{color:var(--muted);font-size:13px}.wa-panel-overlay{inset:0;position:fixed;z-index:100}.wa-panel{background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.18);display:flex;flex-direction:column;height:560px;position:fixed;right:16px;top:64px;width:380px;z-index:101}.wa-header{align-items:center;background:#075e54;border-radius:10px 10px 0 0;color:#fff;display:flex;gap:8px;min-height:44px;padding:8px 12px}.wa-header-title{font-size:14px;font-weight:700}.wa-branch-filter{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:11px;min-height:26px;padding:2px 6px;width:auto}.wa-branch-filter option{color:#333}.wa-close-btn{margin-left:auto}.wa-back-btn,.wa-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.wa-conv-info{display:flex;flex-direction:column;font-size:13px;line-height:16px;min-width:0}.wa-conv-phone{color:rgba(255,255,255,.7);font-size:11px}.wa-assign-select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:11px;margin-left:auto;min-height:26px;padding:2px 4px;width:auto}.wa-assign-select option{color:#333}.wa-chat-list{flex:1 1;overflow-y:auto}.wa-empty{color:#888;font-size:13px;padding:24px 16px;text-align:center}.wa-chat-row{align-items:center;border-bottom:1px solid #f0f1f4;cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative}.wa-chat-row:hover{background:#f6f8fa}.wa-avatar{align-items:center;background:#2d5a3d;border-radius:50%;color:#4ade80;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.wa-chat-info{flex:1 1;min-width:0}.wa-chat-top-line{align-items:center;display:flex;gap:6px}.wa-chat-name{flex:1 1;font-size:13px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-chat-time{color:#666;flex-shrink:0;font-size:11px}.wa-chat-bottom-line{align-items:center;display:flex;gap:6px;margin-top:2px}.wa-chat-preview{color:#888;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-unread-badge{background:#25d366;border-radius:10px;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;line-height:18px;min-width:18px;padding:0 5px;text-align:center}.wa-copy-btn{background:none;border:none;color:#aaa;cursor:pointer;opacity:0;padding:4px;position:absolute;right:8px;top:8px}.wa-chat-row:hover .wa-copy-btn{opacity:1}.wa-type-badge{border-radius:8px;flex-shrink:0;font-size:9px;font-weight:700;line-height:16px;padding:0 5px;text-transform:uppercase}.chat-type-client{background:#deebff;color:#0747a6}.chat-type-staff{background:#e3fcef;color:#006644}.chat-type-manager{background:#fff7d6;color:#7a5e14}.chat-type-admin{background:#ffe6e6;color:#c9372c}.chat-type-branch{background:#eae6ff;color:#403294}.wa-messages{background:#e5ddd5;flex:1 1;overflow-y:auto;padding:10px 12px}.wa-date-sep{background:#fff;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,.08);color:#555;font-size:11px;font-weight:600;margin:8px auto;padding:3px 10px;text-align:center;width:-moz-fit-content;width:fit-content}.wa-bubble{border-radius:8px;font-size:13px;line-height:18px;margin-bottom:4px;max-width:85%;padding:6px 8px;word-wrap:break-word}.wa-bubble-in{background:#fff;margin-right:auto}.wa-bubble-out{background:#dcf8c6;margin-left:auto}.wa-sender{color:#075e54;font-size:10px;font-weight:700;margin-bottom:2px}.wa-sender-auto{color:#888;font-style:italic;font-weight:400}.wa-bubble-text{white-space:pre-wrap}.wa-bubble-meta{color:#999;display:flex;font-size:10px;gap:3px;justify-content:flex-end;margin-top:2px}.wa-status{color:#999}.wa-status-read{color:#53bdeb}.wa-status-failed{color:#e53e3e}.wa-media-img{border-radius:6px;cursor:pointer;display:block;max-height:200px;max-width:100%}.wa-doc-link{color:#0353cc;display:block;font-size:12px;margin:4px 0;text-decoration:none}.wa-doc-link:hover{text-decoration:underline}.wa-audio{height:36px;width:100%}.wa-reply-indicator{font-size:11px;font-weight:600;padding:4px 12px;text-align:center}.wa-reply-open{background:#dcf8c6;color:#075e54}.wa-reply-closed{background:#f0f1f4;color:#888}.wa-file-preview{align-items:center;background:#f6f8fa;border-top:1px solid #e5e8ee;display:flex;gap:8px;padding:6px 12px}.wa-file-thumb{border-radius:4px;height:40px;object-fit:cover;width:40px}.wa-file-name{flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-file-cancel{background:none;border:none;color:#888;cursor:pointer;font-size:14px}.wa-send-bar{align-items:center;background:#f0f0f0;border-radius:0 0 10px 10px;display:flex;gap:6px;padding:8px 10px}.wa-attach-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px}.wa-attach-btn:disabled{opacity:.3}.wa-text-input{border:1px solid #d0d5dd;border-radius:20px;flex:1 1;font-size:13px;min-height:36px;padding:6px 14px}.wa-text-input:disabled{opacity:.5}.wa-send-btn{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.wa-send-btn:disabled{opacity:.4}.wa-send-btn:hover:not(:disabled){background:#1fb855}.header-badge{background:#e53e3e;border-radius:8px;color:#fff;font-size:9px;font-weight:700;line-height:16px;margin-left:4px;min-width:16px;padding:0 4px;text-align:center}.toggle-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.toggle-label input[type=checkbox]{height:18px;min-height:auto;width:18px}.form-hint{color:var(--muted);font-size:12px;margin-top:4px}.notif-list{gap:14px;margin-top:8px}.notif-list,.notif-row{display:flex;flex-direction:column}.notif-row{border:1px solid #e5e8ee;border-radius:6px;gap:8px;padding:14px}.notif-row--core{background:#fffaf0;border-color:#f3dca0}.notif-row-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.notif-trigger{color:var(--muted);font-size:12px;margin:0}.notif-warning{background:var(--warning);border-radius:4px;color:var(--warning-text);font-size:12px;margin:0;padding:8px 10px}.notif-example{background:var(--soft-bg);border:1px solid #e5e8ee;border-radius:4px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;margin:0;padding:10px;white-space:pre-wrap;word-break:break-word}.notif-status{border-radius:999px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.notif-status-approved{background:#e3f7ec;color:#1b7a45}.notif-status-pending{background:#fff4d6;color:#8a6300}.notif-status-disabled,.notif-status-rejected{background:#fdecea;color:var(--danger)}.notif-status-none,.notif-status-paused{background:#eef0f4;color:var(--muted)}.notif-badge--freeform{background:#e8eefc;color:var(--primary)}.a4-invoice{color:#1a1a1a;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;max-width:760px;margin:0 auto;padding:24px}.a4-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.a4-header-row img{max-height:60px;max-width:180px;object-fit:contain}.a4-header-row h1{color:#333;font-size:28px;font-weight:700;letter-spacing:2px;margin:0}.a4-company-info{border-bottom:1px solid #ddd;margin-bottom:16px;padding-bottom:12px}.a4-company-info h2{font-size:18px;font-weight:700;margin:0 0 4px}.a4-company-info p{color:#555;font-size:12px;margin:2px 0}.a4-meta-row{border-bottom:1px solid #ddd;display:flex;gap:40px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.a4-meta-row div{display:flex;flex-direction:column;gap:4px}.a4-meta-row span{color:#777;font-size:11px;text-transform:uppercase}.a4-meta-row strong{font-size:13px}.a4-bill-to{border-bottom:1px solid #ddd;margin-bottom:16px;padding-bottom:12px}.a4-bill-to span{color:#777;display:block;font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.a4-bill-to strong{font-size:14px}.a4-items-table{border-collapse:collapse;font-size:12px;margin-bottom:16px;width:100%}.a4-items-table thead{background:#f4f5f7}.a4-items-table th{border:1px solid #ddd;font-size:11px;font-weight:600;padding:8px 6px;text-align:left;text-transform:uppercase}.a4-items-table td{border:1px solid #ddd;padding:8px 6px;vertical-align:top}.a4-items-table td:first-child,.a4-items-table th:first-child{text-align:center;width:30px}.a4-items-table td:nth-child(4),.a4-items-table td:nth-child(5),.a4-items-table td:nth-child(6),.a4-items-table td:nth-child(7),.a4-items-table td:nth-child(8),.a4-items-table th:nth-child(4),.a4-items-table th:nth-child(5),.a4-items-table th:nth-child(6),.a4-items-table th:nth-child(7),.a4-items-table th:nth-child(8),.a4-totals{text-align:right}.a4-totals{margin-bottom:16px}.a4-totals div{display:flex;justify-content:flex-end;gap:24px;padding:4px 0}.a4-totals div span{min-width:120px;text-align:left}.a4-grand-total{border-top:2px solid #333;font-size:16px;font-weight:700;margin-top:4px;padding-top:8px}.a4-payment-info{border-top:1px solid #ddd;margin-bottom:16px;padding-top:12px}.a4-payment-info>div:first-child{display:flex;gap:32px;margin-bottom:12px}.a4-payment-table{border-collapse:collapse;font-size:12px;width:100%}.a4-payment-table th{background:#f4f5f7;font-size:11px;font-weight:600;text-align:left}.a4-payment-table td,.a4-payment-table th{border:1px solid #ddd;padding:6px 8px}.a4-bill-created{margin-top:10px}.a4-fully-paid{margin-top:2px}.a4-bank-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:20px;padding:16px}.a4-bank-details h3{font-size:13px;font-weight:700;margin:0 0 8px}.a4-bank-details p{font-size:12px;margin:2px 0}.a4-bank-details .a4-utr-note{color:#666;font-style:italic;margin-top:8px}.a4-footer{border-top:1px solid #ddd;color:#888;font-size:11px;font-style:italic;margin-top:24px;padding-top:12px;text-align:center}@media print{.a4-invoice{max-width:none;padding:12mm;width:210mm}}.standby-resume-banner{align-items:center;background:#fff7e0;border:1px solid #f0c14b;border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.standby-resume-banner strong{color:#6a4a00}.standby-resume-banner .muted{color:#8a7240;margin-left:4px}.standby-resume-actions{display:flex;gap:8px}.customer-card-actions{display:flex;gap:8px;align-items:center}.hold-bill-chip{align-items:center;display:inline-flex;font-size:13px;gap:4px;padding:6px 12px}.customer-standby-banner{background:#fff7e0;border:1px solid #f0c14b;border-radius:6px;padding:12px 16px}.customer-standby-banner .standby-banner-head{margin-bottom:8px}.customer-standby-banner ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.customer-standby-banner li{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:max-content max-content 1fr max-content}.customer-standby-banner li .muted{color:#8a7240}.customer-standby-banner li .link-button{background:var(--primary);border-radius:4px;color:var(--white);font-size:13px;padding:4px 12px;text-decoration:none}.customer-standby-banner li .link-button:hover{background:var(--selected)}.standby-panel-overlay{background:rgba(0,0,0,.25);inset:0;position:fixed;z-index:100}.standby-panel{background:var(--white);border-left:1px solid var(--border);box-shadow:-4px 0 16px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;max-width:560px;overflow-y:auto;position:absolute;right:0;top:0;transition:max-width .2s ease-out;width:90vw}.standby-panel--expanded{max-width:min(960px,95vw)}@media (max-width:1100px){.standby-panel--expanded{max-width:95vw}}.standby-row--expanded{background:#f5f9ff;border-color:#c7d5ef;display:block;padding:14px 16px}.standby-row--expanded .standby-row-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.standby-row--collapsed-compact{background:#fafbfc;grid-template-columns:1fr auto;padding:8px 12px}.standby-row--collapsed-compact .small-text,.standby-row--collapsed-compact .standby-row-actions{display:none}.standby-row--collapsed-compact .standby-row-main{align-items:baseline;flex-direction:row;gap:10px}.standby-row--collapsed-compact .standby-row-side strong{font-size:14px}.quick-sale--embedded{background:var(--white);border:1px solid #dbe3f3;border-radius:6px;padding:12px}.standby-success-strip{align-items:center;background:#ecfdf5;border:1px solid #34d399;border-radius:6px;color:#065f46;display:flex;font-weight:600;gap:10px;justify-content:space-between;margin-bottom:14px;padding:12px 14px}.modal-backdrop--top{z-index:200}.standby-panel-header{align-items:center;border-bottom:1px solid #e5e8ee;display:flex;justify-content:space-between;padding:14px 18px}.standby-panel-header h2{font-size:18px;margin:0}.standby-panel-body{padding:16px 18px}.standby-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.standby-row{border:1px solid #e5e8ee;border-radius:6px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr auto;padding:12px 14px}.standby-row-main{display:flex;flex-direction:column;gap:2px}.standby-row-main .small-text{font-size:12px;margin:2px 0 0}.standby-row-side{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.standby-row-actions{display:flex;gap:6px}.standby-pill{align-items:center;background:#fff7e0;border:1px solid #f0c14b;border-radius:14px;color:#6a4a00;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 10px}.standby-pill:hover{background:#fdecbb}.standby-pill[disabled]{cursor:default;opacity:.5}.icon-button{background:none;border:none;cursor:pointer;padding:4px}.standby-row.standby-row--expanded{display:block;grid-template-columns:1fr}.standby-row.standby-row--collapsed-compact{display:grid;grid-template-columns:1fr auto}.quick-sale--embedded .form-grid{gap:12px;grid-template-columns:minmax(260px,1fr) minmax(140px,200px)}.quick-sale--embedded .bill-grid{font-size:14px;gap:8px;grid-template-columns:minmax(140px,1.5fr) minmax(110px,1fr) 48px 80px 78px 80px 32px}.quick-sale--embedded .bill-grid.bill-grid--no-percent{grid-template-columns:minmax(140px,1.5fr) minmax(110px,1fr) 48px 80px 80px 32px}.quick-sale--embedded .bill-head{font-size:12px}.quick-sale--embedded .searchable-select-trigger,.quick-sale--embedded input,.quick-sale--embedded select{font-size:14px;min-height:36px;padding:4px 8px}.quick-sale--embedded .payment-mode{font-size:14px;min-height:44px;min-width:70px;padding:4px 10px}.quick-sale--embedded h2{font-size:16px;margin:8px 0}.quick-sale--embedded .customer-selected{padding:6px 10px}.toast-host{display:grid;grid-gap:10px;gap:10px;position:fixed;right:20px;top:20px;width:min(360px,calc(100vw - 40px));z-index:220}.toast-card{align-items:flex-start;background:#fff;border:1px solid #d8dfec;border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 18px 45px rgba(15,31,59,.18);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.toast-card--success{border-left-color:var(--success)}.toast-card--danger{border-left-color:var(--danger)}.toast-card p{color:#5f6f89;margin:4px 0 0}.toast-close,.toast-cta{background:none;border:0;color:var(--primary);cursor:pointer;font-weight:700;padding:0}.approvals-bell-wrap{position:relative}.approvals-dropdown{background:#fff;border:1px solid #d8dfec;border-radius:8px;box-shadow:0 18px 45px rgba(15,31,59,.18);position:absolute;right:0;top:calc(100% + 8px);width:min(420px,calc(100vw - 32px));z-index:160}.approvals-tabs{align-items:center;border-bottom:1px solid #e6ebf3;display:flex;gap:8px;padding:10px}.approval-ack,.approvals-tabs button{background:#f5f7fb;border:1px solid #d8dfec;border-radius:6px;color:#1a2a49;cursor:pointer;font-weight:700;padding:6px 10px}.approvals-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.approvals-close{margin-left:auto}.approvals-list{max-height:430px;overflow:auto;padding:8px}.approval-list-row{background:#fff;border:1px solid #e6ebf3;border-radius:8px;color:inherit;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto;margin-bottom:8px;padding:10px;text-align:left;width:100%}.approval-empty,.approval-list-row p,.approval-list-row span{color:#687792;margin:2px 0 0}.approval-list-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.approval-modal{max-height:min(860px,calc(100vh - 40px));max-width:min(980px,calc(100vw - 40px));overflow:auto}.approval-modal-header,.approval-reject-box,.approval-total-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.request-approval-banner,.request-reason-box,.request-reason-panel{background:#fffae0;border:1px solid #d4ad24;border-radius:8px;padding:12px}.approval-reject-box textarea,.request-reason-panel textarea{min-height:90px;width:100%}.request-reason-panel h2{margin-bottom:10px}.request-reason-panel h2 span{color:#687792;font-size:.8em;font-weight:700}.approval-tags,.request-tags div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.approval-tags span,.request-tags .request-tag-pill{align-items:center;background:#fff;border:1px solid #e0c553;border-radius:16px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:6px;padding:4px 8px}.request-tags .request-tag-pill.is-selected{background:#eef4ff;border-color:var(--primary);color:var(--primary)}.request-tags .request-tag-pill input[type=checkbox]{height:14px;min-height:14px;width:14px}.request-tag-mark{display:none}.totals-box .tip-total-editor{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tip-total-summary{align-items:center;background:#f5f7fb;border:1px solid #d8dfec;border-radius:8px;display:flex;flex:1 1 100%;justify-content:space-between;padding:8px 10px}.tip-total-editor>.tip-allocation-editor,.tip-total-editor>.tip-disabled-label{flex:1 1 100%}.billing-action-status{flex:1 1 100%;margin:0;text-align:left}.approval-result-banner{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;background:#f5f7fb;border:1px solid #d8dfec;border-left:5px solid var(--primary);border-radius:8px;padding:12px}.approval-result-banner--partial,.approval-result-banner--unpaid{background:#fff8dd;border-color:#e0c553 #e0c553 #e0c553 #d4ad24}.approval-result-banner--cancelled{background:#fff0f0;border-color:#f0b4b4;border-left-color:var(--danger)}.approval-result-banner span{color:#687792;display:block;font-size:.85rem;font-weight:700}.approval-result-banner strong{color:#17223c;font-size:1.15rem}.approval-due-warning,.approval-preview-warnings{border-radius:8px;font-weight:700;margin-top:10px;padding:10px 12px}.approval-apply-error{background:#fff0f0;border:1px solid #f0b4b4;border-radius:8px;color:#8a1f1f;display:grid;grid-gap:2px;gap:2px;margin-top:10px;padding:10px 12px}.approval-apply-error strong{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.approval-apply-error small{color:#6a4a00;font-weight:600}.approval-list-failed{color:#8a1f1f;font-weight:600}.approval-due-warning{background:#fff8dd;border:1px solid #e0c553;color:#6a4a00}.approval-preview-warnings{background:#fff0f0;border:1px solid #f0b4b4;color:#8a1f1f;display:grid;grid-gap:4px;gap:4px}.approval-warnings-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.approval-warning-ack{align-items:center;color:#8a1f1f;cursor:pointer;display:flex;font-weight:700;gap:8px;margin-top:6px}.approval-warning-ack input{cursor:pointer}.approval-remarks-box{background:#f5f7fb;border:1px solid #d8dfec;border-radius:8px;font-size:.9rem;margin-top:10px;padding:10px 14px}.approval-remarks-box span{color:#687792;font-size:.8rem;font-weight:700}.approval-remarks-box p{margin:4px 0 0}.approval-modal-actions{align-items:center;background:#fff;border-top:1px solid #e6ebf3;display:flex;gap:12px;justify-content:space-between;margin:16px 0 0;padding:12px 0 0}@media (max-width:900px){.approval-result-banner{grid-template-columns:1fr}}.pending-review-chip{background:#fffae0;border:1px solid #d4ad24;border-radius:16px;color:#6a4a00;cursor:pointer;font-weight:700;padding:4px 9px}.customer-search-field{flex:1 1;min-width:0;position:relative}.appointment-customer-results.customer-search-menu,.customer-results.customer-search-menu,.customer-search-menu{background:var(--white);border:1px solid #d8dde7;border-radius:4px;box-shadow:0 10px 24px rgba(9,30,66,.18);left:0;margin:0;max-height:320px;max-width:none;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:min(480px,100%);z-index:30}.customer-search-hint{color:var(--muted);display:block;font-size:.8rem;margin-top:4px}.cash-close-page{max-width:480px}.cash-slip-panel{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cash-slip-header{background:var(--cash-green);color:#fff;padding:12px 16px}.cash-slip-header h1{font-size:16px;font-weight:700;margin:0}.cash-slip-header p{font-size:13px;margin:2px 0 0;opacity:.9}.cash-slip-datebar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.cash-slip-pill{background:#f3f4f6;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px}.cash-slip-pill--active{background:var(--cash-green);color:#fff}.cash-slip-date-hint{color:var(--muted);font-size:11px}.cash-slip-body{padding:14px 16px 18px}.cash-slip-section{margin-top:14px}.cash-slip-section:first-of-type{margin-top:0}.cash-slip-section-title{border-bottom:1px solid;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;padding-bottom:4px;text-transform:uppercase}.cash-slip-line{display:flex;gap:12px;justify-content:space-between}.cash-slip-line span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.cash-slip-line--muted{color:#999}.cash-slip-total{border-top:1px solid;font-weight:700;margin-top:4px;padding-top:4px}.cash-slip-sub{color:#888;font-size:10px;margin:4px 0 0}.cash-slip-expected{border-top:1px solid;font-weight:700;margin-top:4px;padding-top:4px}.cash-slip-panel .cash-slip-section-title{border-color:#e5e7eb;color:#444}.cash-slip-panel .cash-slip-line{font-size:13px;padding:2px 0}.cash-slip-panel .cash-slip-expected,.cash-slip-panel .cash-slip-total{border-color:#ccc}.cash-slip-panel .cash-slip-expected{color:var(--cash-green);font-size:15px}.cash-slip-button{align-items:center;background:var(--cash-green);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:11px 14px}.cash-slip-button:disabled{cursor:not-allowed;opacity:.5}.cash-close-field{display:flex;flex-direction:column;gap:4px;margin:14px 0 0}.cash-close-field span{color:var(--muted);font-size:13px}.cash-close-field input{border:1px solid var(--border);border-radius:8px;font-size:15px;padding:9px 11px}.cash-close-live-variance{font-weight:600;margin:10px 0 0}.cash-close-reason{color:var(--muted);margin:8px 0 0}.cash-close-actions{display:flex;gap:10px;margin-top:16px}.cash-slip-note{font-size:11px;margin:8px 0 0}.cash-slip-signatures{display:flex;gap:16px;margin-top:28px}.cash-slip-signatures div{display:flex;flex:1 1;flex-direction:column;font-size:11px;gap:4px}.cash-slip-sign-line{border-top:1px solid #000;display:block;margin-top:18px}.approval-bill-replicas{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.quick-sale.quick-sale--readonly{background:var(--white);border:1px solid #dbe3f3;border-radius:6px;min-width:0;overflow:hidden;padding:12px}.quick-sale--readonly .readonly-col-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.quick-sale--readonly .readonly-col-head h3{font-size:15px;margin:0}.quick-sale--readonly .form-grid.top-form{gap:10px;grid-template-columns:1fr}.quick-sale--readonly .bill-grid{font-size:12px;gap:5px;grid-template-columns:minmax(70px,1.3fr) minmax(64px,1fr) 34px 58px 50px minmax(58px,.9fr)}.quick-sale--readonly .bill-head{font-size:11px}.quick-sale--readonly .searchable-select-trigger,.quick-sale--readonly input{box-sizing:border-box;font-size:12px;min-height:32px;min-width:0;padding:4px 8px;width:100%}.quick-sale--readonly .line-total{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-sale--readonly .metric-grid{gap:8px}.quick-sale--readonly .metric-grid span,.quick-sale--readonly .metric-grid strong{font-size:12px}.quick-sale--readonly .customer-selected{padding:6px 10px}.quick-sale--readonly h2{font-size:15px;margin:8px 0}.quick-sale--readonly .payment-mode{font-size:12px;min-height:40px;min-width:60px;padding:4px 8px}.quick-sale--readonly .staff-split-chip{font-size:11px}.quick-sale--readonly .payment-total-layout{gap:16px;grid-template-columns:1fr;padding-right:0}.quick-sale--readonly .mio-totals{padding-top:12px}.quick-sale--readonly .payable-box{margin-top:12px}.readonly-changed{background:#fff8dd;border-radius:4px}.approval-modal{max-width:min(1280px,calc(100vw - 32px))}@media (max-width:760px){.approval-bill-replicas{grid-template-columns:1fr}}.feedback-banner{align-items:center;background:#fdecea;border:1px solid #f5b5ae;border-radius:8px;color:#8a1c12;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.feedback-banner-text{flex:1 1}.feedback-banner-text strong{color:#6f140c}.feedback-banner-action{background:var(--danger,#d64545);border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px}.feedback-stars{color:#e0a106;display:inline-flex;gap:1px}.feedback-dropdown-title{color:#1a2a49}.approvals-tabs-back{background:#f5f7fb;border:1px solid #d8dfec;border-radius:6px;color:#1a2a49;cursor:pointer;font-weight:700;padding:6px 10px}.feedback-detail{padding:12px}.feedback-detail-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.feedback-detail-overall{align-items:center;color:#1a2a49;display:inline-flex;font-weight:700;gap:6px}.feedback-detail-meta{display:flex;flex-direction:column;gap:2px;margin:0 0 8px}.feedback-detail-meta span{color:#687792;font-size:13px}.feedback-detail-comment{background:#f5f7fb;border-left:3px solid #d8dfec;border-radius:4px;color:#34435f;margin:0 0 10px;padding:8px 10px}.feedback-detail-services{list-style:none;margin:0 0 10px;padding:0}.feedback-detail-services li{align-items:center;border-bottom:1px solid #eef1f6;color:#34435f;display:flex;gap:8px;justify-content:space-between;padding:6px 0}.feedback-resolve-box{display:flex;flex-direction:column;gap:8px}.feedback-resolve-box textarea{border:1px solid #d8dfec;border-radius:6px;min-height:64px;padding:8px;resize:vertical;width:100%}.feedback-detail-resolved{background:#eaf7ee;border:1px solid #b7e0c4;border-radius:6px;color:#1f6b3b;padding:8px 10px}.feedback-detail-readonly{color:#687792;font-style:italic}