/* Black Lab client workspace. Native controls keep the editors usable without floating portals. */
.client-section-nav,.loyalty-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:13px;margin:0 0 22px;width:fit-content}
.client-section-nav button,.loyalty-tabs button{font:600 14px var(--font-body,inherit);padding:10px 18px;border-radius:9px;border:0;background:transparent;color:var(--text-secondary);min-height:40px}
.client-section-nav button[aria-pressed=true],.loyalty-tabs button[aria-pressed=true]{background:var(--surface-solid);color:var(--text-primary);box-shadow:0 2px 8px #0000000c}
#client-loyalty-workspace{max-width:1180px;font-size:15px;line-height:1.55}
.loyalty-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0 24px}
.loyalty-page-head h2{font-family:var(--font-heading,inherit);font-size:28px;letter-spacing:-.6px;line-height:1.25;margin:7px 0 10px;color:var(--text-primary)}
.loyalty-page-head p{margin:0}.loyalty-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--text-muted)}
.loyalty-page-head>button{flex-shrink:0;padding:12px 20px;font-size:14px}
.loyalty-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.loyalty-category-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px;background:var(--surface-solid);border:1px solid var(--border-subtle);border-radius:16px;min-height:100px}
.loyalty-category-card .ghost{font-size:13px;padding:8px 10px}
.loyalty-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.loyalty-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--category-color) 35%,transparent);background:color-mix(in srgb,var(--category-color) 12%,var(--surface-solid));color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.loyalty-chip .loyalty-icon{color:var(--category-color);width:17px;height:17px;flex-basis:17px}
.loyalty-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.loyalty-tier{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:650;background:var(--surface-elevated);white-space:nowrap}
.loyalty-tier--bronze{color:#6f879b;border-color:#6f879b66}.loyalty-tier--silver{color:#365c8d;border-color:#365c8d66}.loyalty-tier--gold{color:#a88949;border-color:#a8894966}
[data-theme="dark"] .loyalty-tier--silver{color:#8eafd8}[data-theme="dark"] .loyalty-tier--bronze{color:#a0b4c4}[data-theme="dark"] .loyalty-tier--gold{color:#d1b577}
.loyalty-tier .loyalty-icon{width:16px;height:16px;flex-basis:16px}
.loyalty-help,.loyalty-data-note{font-size:13px;color:var(--text-muted);line-height:1.65;margin-top:20px}
.loyalty-empty{grid-column:1/-1;text-align:center;padding:60px 24px;background:var(--surface-solid);border:1px dashed var(--border);border-radius:16px;color:var(--text-secondary)}
.loyalty-empty>.loyalty-icon{width:40px;height:40px;color:var(--accent);margin-bottom:14px}.loyalty-empty h3{font-size:19px;margin:0 0 8px}.loyalty-empty p{max-width:480px;margin:0 auto}
.loyalty-empty-small,.loyalty-loading{padding:24px;color:var(--text-muted);font-size:14px}
.loyalty-program-switch,.loyalty-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary)}
.loyalty-program-switch{padding:13px 16px;border:1px solid var(--border);border-radius:12px;white-space:nowrap;background:var(--surface-solid)}
#client-loyalty-workspace input[type=checkbox],.loyalty-dialog input[type=checkbox],.loyalty-dialog .loyalty-assign-list input[type=radio],.loyalty-preview-dialog input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent);margin:0;padding:0}
.loyalty-explainer{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--surface-elevated);border-radius:13px;margin:0 0 24px;color:var(--text-secondary);font-size:14px}.loyalty-explainer>span{color:var(--accent)}.loyalty-explainer p{margin:0}
.loyalty-rules-surface{padding:26px;background:var(--surface-solid);border:1px solid var(--border-subtle);border-radius:17px}
.loyalty-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.loyalty-section-head h3,.loyalty-rules-surface>h3{font-size:18px;font-weight:650;margin:0;color:var(--text-primary)}
.loyalty-rule-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(100px,1fr) minmax(120px,1fr) 36px;gap:14px;align-items:end;padding:18px 0;border-bottom:1px solid var(--border-subtle)}
.loyalty-rule-row--category{grid-template-columns:minmax(180px,1.5fr) minmax(80px,.8fr) minmax(110px,1fr) minmax(130px,1.2fr) 36px}
.loyalty-rule-row label,.loyalty-dialog label:not(.loyalty-icon-picker label),.loyalty-reminder-label,.loyalty-preview-dialog label:not(.loyalty-toggle){display:grid;gap:7px;font-size:13px;font-weight:550;color:var(--text-secondary)}
#client-loyalty-workspace input[type=number],#client-loyalty-workspace select,.loyalty-dialog input:not([type=checkbox],[type=radio]),.loyalty-preview-dialog input[type=search]{font-family:inherit;font-size:15px;line-height:1.4;height:44px;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-solid);color:var(--text-primary);width:100%;min-width:0}
#client-loyalty-workspace select{appearance:auto;padding-right:24px}
.loyalty-rule-remove{height:44px;font-size:23px!important;padding:0!important;color:var(--text-muted)}
.loyalty-add-rule{font-size:14px;margin-top:18px;padding:10px 14px;border:1px dashed var(--border)}
.loyalty-expiry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border-subtle);padding-top:24px;margin-top:24px}.loyalty-expiry-number{display:flex;align-items:center;gap:9px;font-size:14px}.loyalty-expiry-number input{width:88px!important}
.loyalty-reminder-label{max-width:240px;margin-top:24px}.loyalty-notice{padding:14px 16px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:10px;font-size:14px;line-height:1.6}.loyalty-notice p{margin:4px 0 0}.loyalty-rules-surface>.loyalty-notice{margin-top:22px}
.loyalty-data-note{padding:0 4px}.loyalty-data-note summary{cursor:pointer;font-weight:600}.loyalty-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:20px 0;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted)}.loyalty-save-bar button{font-size:14px;padding:12px 20px;flex-shrink:0}
.loyalty-dialog{width:min(600px,calc(100vw - 32px))!important;max-width:600px!important;padding:0!important;border-radius:18px!important}.loyalty-preview-dialog{width:min(1050px,calc(100vw - 32px))!important;max-width:1050px!important;padding:0!important;border-radius:18px!important}
.loyalty-dialog form{padding:0!important}.loyalty-dialog .dialog-header,.loyalty-preview-dialog .dialog-header{padding:22px 26px;margin:0;border-bottom:1px solid var(--border-subtle)}.loyalty-dialog .dialog-header h2,.loyalty-preview-dialog .dialog-header h2{font-size:22px;margin:0}
.loyalty-dialog-body{padding:24px 26px;overflow:auto;max-height:65vh}.loyalty-dialog .dialog-footer,.loyalty-preview-dialog .dialog-footer{padding:18px 26px;border-top:1px solid var(--border-subtle);margin:0;display:flex;gap:10px;justify-content:flex-end}
.loyalty-dialog .dialog-footer button,.loyalty-preview-dialog .dialog-footer button{font-size:14px;min-height:42px}.loyalty-dialog .dialog-footer [data-delete]{margin-right:auto}
.loyalty-color-field{display:flex;gap:22px;align-items:center;margin:20px 0}.loyalty-dialog input[type=color]{width:64px!important;padding:5px!important;cursor:pointer}.loyalty-swatches{display:flex;gap:8px;flex-wrap:wrap}.loyalty-swatches button{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:50%;border:3px solid var(--surface-solid);outline:1px solid var(--border);padding:0;background:var(--swatch)}
.loyalty-dialog fieldset{border:0;padding:0;margin:24px 0}.loyalty-dialog legend{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--text-secondary)}
.loyalty-icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.loyalty-icon-picker label{position:relative;cursor:pointer}.loyalty-icon-picker input{position:absolute;opacity:0;width:1px;height:1px}.loyalty-icon-picker label>span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 2px;border:1px solid var(--border);border-radius:10px;background:var(--surface-solid)}.loyalty-icon-picker small{font-size:10px;color:var(--text-muted)}.loyalty-icon-picker input:checked+span{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface-solid))}.loyalty-icon-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.loyalty-assign-list{display:grid;gap:10px;margin-top:18px}.loyalty-assign-list label{display:flex!important;align-items:center;gap:12px!important;border:1px solid var(--border-subtle);border-radius:10px;padding:12px;cursor:pointer}
.loyalty-preview-numbers{display:flex;gap:48px;margin:0 0 24px}.loyalty-preview-numbers>div{display:grid;gap:4px}.loyalty-preview-numbers strong{font:600 34px var(--font-heading,inherit);color:var(--text-primary)}.loyalty-preview-numbers span{font-size:13px;color:var(--text-muted)}
.loyalty-preview-dialog .loyalty-toggle{margin:18px 0}.loyalty-preview-table{overflow:auto;max-height:310px}.loyalty-preview-table table{width:100%;border-collapse:collapse;font-size:13px}.loyalty-preview-table th{text-align:left;font-size:12px;color:var(--text-muted)}.loyalty-preview-table :is(td,th){padding:12px 8px;border-bottom:1px solid var(--border-subtle);vertical-align:top}.loyalty-preview-table td:nth-child(2){white-space:nowrap}
.loyalty-profile-number{font:600 30px var(--font-heading,inherit);letter-spacing:-.5px;color:var(--text-primary)}.loyalty-profile-number span{font:400 13px var(--font-body,inherit);color:var(--text-muted);letter-spacing:0}.loyalty-profile .loyalty-chips{margin:18px 0}.loyalty-profile .ghost{font-size:13px;padding:10px 12px}.loyalty-profile .loyalty-section-head{margin-bottom:12px}
.loyalty-discount-offer{padding:14px 16px;border:1px solid var(--border-subtle);border-radius:12px;margin:12px 0;background:var(--surface-elevated);font-size:13px}.loyalty-discount-offer p{margin:0 0 10px}.loyalty-discount-offer button{font-size:13px;padding:8px 12px}.loyalty-discount-offer:empty{display:none}
.loyalty-assignment-slot{margin:12px 0}.loyalty-assignment-slot>.ghost{font-size:13px;padding:8px 10px;margin-top:8px}
.appt-category-marks{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}.appt-category-marks .loyalty-icon{width:14px;height:14px;flex-basis:14px;color:currentColor}
@media(max-width:800px){.loyalty-page-head{align-items:flex-start;flex-direction:column;gap:18px}.loyalty-rule-row,.loyalty-rule-row--category{grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}.loyalty-rule-remove{grid-column:2;justify-self:end;width:40px}.loyalty-rules-surface{padding:18px}.loyalty-save-bar{align-items:stretch;flex-direction:column}.loyalty-category-grid{grid-template-columns:1fr}.loyalty-page-head h2{font-size:24px}}
@media(max-width:480px){.loyalty-icon-picker{grid-template-columns:repeat(4,1fr)}.loyalty-dialog-body{padding:20px}.loyalty-dialog .dialog-header,.loyalty-preview-dialog .dialog-header{padding:20px}.loyalty-dialog .dialog-footer,.loyalty-preview-dialog .dialog-footer{padding:16px;flex-wrap:wrap}.loyalty-preview-numbers{gap:24px}.loyalty-category-card{padding:18px}.loyalty-tabs button,.client-section-nav button{padding:8px 12px}}