:root{
  --theme-accent:#9a8172;--theme-accent-2:#c8b7aa;--theme-bg:#f7f3ef;--theme-surface:#fffdfb;--theme-text:#403a36;--theme-muted:#776f69;--theme-line:#ddd4cd;--theme-on-accent:#fff;
}
/* Map the existing POS design tokens to the owner's selected palette. */
html,body{background:var(--theme-bg)!important;color:var(--theme-text)!important}
body{--ivory:var(--theme-bg);--paper:var(--theme-surface);--forest:var(--theme-text);--forest-2:color-mix(in srgb,var(--theme-text) 86%,black);--sage:color-mix(in srgb,var(--theme-accent) 20%,white);--sage-2:color-mix(in srgb,var(--theme-accent) 8%,white);--peach:var(--theme-accent-2);--peach-2:color-mix(in srgb,var(--theme-accent-2) 26%,white);--gold:var(--theme-accent);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--line-2:color-mix(in srgb,var(--theme-line) 86%,var(--theme-text));--galaxy-coral:var(--theme-accent);--galaxy-coral-dark:color-mix(in srgb,var(--theme-accent) 84%,black);--galaxy-coral-soft:color-mix(in srgb,var(--theme-accent) 22%,white);--galaxy-blue:var(--theme-accent-2);--galaxy-green:var(--theme-accent);--galaxy-charcoal:var(--theme-text)}
.topbar{background:linear-gradient(110deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 82%,var(--theme-accent-2)))!important;border-color:color-mix(in srgb,var(--theme-accent) 72%,black)!important}
.ops-nav{background:color-mix(in srgb,var(--theme-accent) 92%,var(--theme-text))!important;border-color:color-mix(in srgb,var(--theme-accent) 72%,black)!important}
.op-btn{color:var(--theme-on-accent)!important;border-color:color-mix(in srgb,var(--theme-on-accent) 34%,transparent)!important}.op-btn.active{background:var(--theme-surface)!important;color:var(--theme-text)!important}
.user-pill,.btn.primary{background:var(--theme-accent)!important;color:var(--theme-on-accent)!important;border-color:color-mix(in srgb,var(--theme-accent) 82%,black)!important}.btn.primary:hover{background:color-mix(in srgb,var(--theme-accent) 86%,black)!important}
.pagebar,.sidebar,.card,.command-panel,.table-shell,.payroll-sheet,.employee-rail,.modal{background:var(--theme-surface)!important}.pagebar{border-color:var(--theme-line)!important}.panel-head{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent-2) 34%,white),color-mix(in srgb,var(--theme-accent) 11%,white))!important;border-color:var(--theme-line)!important}.nav-btn:hover,.nav-btn.active{background:color-mix(in srgb,var(--theme-accent) 10%,white)!important;color:var(--theme-text)!important}.nav-btn svg,.drawer-head strong,.pagebar h2,h1,h2,h3,h4{color:var(--theme-text)!important}.eyebrow,.page-kicker{color:var(--theme-accent)!important}.status-strip{background:var(--theme-surface)!important}.avatar-sm,.turn-pill{background:color-mix(in srgb,var(--theme-accent) 16%,white)!important;color:var(--theme-text)!important}

/* Owner theme center */
.theme-center{max-width:1260px;margin:0 auto;display:grid;gap:18px}.theme-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.theme-intro h3{font-size:1.35rem}.theme-intro p{max-width:760px;margin:.45rem 0 0;color:var(--theme-muted)}.theme-status{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--theme-accent) 11%,white);border:1px solid var(--theme-line);white-space:nowrap;font-size:.75rem;font-weight:700;color:var(--theme-text)}
.theme-section{background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:12px;padding:18px}.theme-section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:14px}.theme-section-head h4{font-size:1rem}.theme-section-head span{font-size:.75rem;color:var(--theme-muted)}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-option{border:2px solid transparent;background:transparent;padding:0;border-radius:12px;text-align:left;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.05)}.theme-option.selected{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 14%,transparent)}.theme-preview{height:160px;position:relative;overflow:hidden;background:#faf8f5;border-bottom:1px solid #e8e0da}.theme-preview .tp-brand{position:absolute;top:14px;left:18px;font-size:9px;letter-spacing:.18em;font-weight:700;color:#574f49}.theme-preview .tp-copy{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:78%;text-align:center}.theme-preview .tp-copy strong{display:block;font-size:17px;font-weight:600;color:#403a36}.theme-preview .tp-buttons{display:flex;gap:7px;margin-top:13px}.theme-preview .tp-buttons i{height:35px;flex:1;border-radius:7px;border:1px solid #d8cec6;background:#fff;display:block}.theme-option-copy{padding:12px 13px;background:var(--theme-surface)}.theme-option-copy strong{display:block;font-size:.85rem}.theme-option-copy span{display:block;font-size:.71rem;color:var(--theme-muted);margin-top:3px;line-height:1.35}
.theme-preview[data-preview-theme="modern-taupe"]:before{content:'';position:absolute;inset:0 0 0 64%;background:#cbbbad}.theme-preview[data-preview-theme="modern-taupe"]:after{content:'';position:absolute;width:120px;height:120px;right:6px;top:-22px;border:16px solid rgba(255,255,255,.52);border-radius:50%}.theme-preview[data-preview-theme="warm-organic"]{background:linear-gradient(140deg,#fbfaf6,#efe9df)}.theme-preview[data-preview-theme="warm-organic"]:before{content:'⌇  ⌁  ⌇';position:absolute;left:8px;bottom:4px;font-size:62px;line-height:.7;color:#a6b39a;transform:rotate(-16deg);opacity:.45}.theme-preview[data-preview-theme="editorial"]:before{content:'';position:absolute;left:0;top:0;bottom:0;width:25%;background:#9f8c7e}.theme-preview[data-preview-theme="soft-studio"]{background:radial-gradient(circle at 15% 12%,#f0d9dc 0 23%,transparent 24%),linear-gradient(140deg,#fff,#f1ece8)}.theme-preview[data-preview-theme="clean-white"]{background:#fff}.theme-preview[data-preview-theme="clean-white"]:before,.theme-preview[data-preview-theme="clean-white"]:after{content:'';position:absolute;border:1px solid #e7e3de;border-radius:50%;width:105px;height:105px;right:-48px;top:-50px}.theme-preview[data-preview-theme="clean-white"]:after{width:80px;height:80px;right:-34px;top:-36px}.theme-preview[data-preview-theme="modern-minimal"]{background:#fbfbfa}.theme-preview[data-preview-theme="modern-minimal"] .tp-buttons i{background:#fff;border-color:#ddd}
.palette-grid{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));gap:10px}.palette-option{border:1px solid var(--theme-line);background:var(--theme-surface);border-radius:10px;padding:10px;display:grid;gap:8px;text-align:left}.palette-option.selected{border:2px solid var(--theme-accent);padding:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 12%,transparent)}.palette-dots{display:flex;gap:5px}.palette-dots i{width:22px;height:22px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.08)}.palette-dots i:nth-child(1){background:var(--swatch-a)}.palette-dots i:nth-child(2){background:var(--swatch-b)}.palette-dots i:nth-child(3){background:var(--swatch-bg)}.palette-option span{font-size:.7rem;font-weight:700;color:var(--theme-text)}.theme-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 0 2px;background:linear-gradient(transparent,var(--theme-bg) 30%)}
@media(max-width:1000px){.theme-grid{grid-template-columns:repeat(2,1fr)}.palette-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.theme-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,1fr)}.theme-intro{display:block}.theme-status{display:inline-block;margin-top:10px}}


/* V1.11 full-app palette propagation + contrast-safe chrome */
:root{--theme-on-accent-2:#fff}
html,body,.app,.content{background:var(--theme-bg)!important;color:var(--theme-text)!important}
.content{background:var(--theme-bg)!important}
.topbar.galaxy-main-header{background:linear-gradient(105deg,var(--theme-accent) 0%,color-mix(in srgb,var(--theme-accent) 82%,var(--theme-accent-2)) 100%)!important;border-bottom:1px solid color-mix(in srgb,var(--theme-text) 16%,transparent)!important}
.brand-button{flex:0 0 76px!important;width:76px!important;height:82px!important;background:var(--theme-surface)!important;border-right:1px solid var(--theme-line)!important;padding:8px!important}
.brand-logo.brand-mark{width:54px!important;height:54px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.ops-nav{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;overflow-x:hidden!important;scrollbar-width:none!important}
.ops-nav::-webkit-scrollbar{display:none!important}
.op-btn{min-width:0!important;max-width:none!important;flex:1 1 0!important;height:82px!important;padding:6px 5px!important;color:var(--theme-on-accent)!important}
.op-btn svg{width:23px!important;height:23px!important;color:currentColor!important;stroke:currentColor!important}
.op-btn span{font-size:13px!important;color:currentColor!important}
.op-btn:hover,.op-btn.active{background:color-mix(in srgb,var(--theme-surface) 18%,transparent)!important;color:var(--theme-on-accent)!important}
.topbar-spacer{display:none!important}
.clock-card{flex:0 0 82px!important;width:82px!important;height:62px!important;margin:10px 6px!important;padding:4px 6px!important;background:color-mix(in srgb,var(--theme-surface) 88%,var(--theme-accent-2))!important;border:1px solid color-mix(in srgb,var(--theme-line) 72%,transparent)!important;color:var(--theme-text)!important}
.clock-card strong{font-size:13px!important;color:var(--theme-text)!important}.clock-card span{font-size:11px!important;color:var(--theme-muted)!important}
.salon-identity{flex:0 0 190px!important;padding:14px 5px 8px 8px!important}.salon-identity strong{font-size:14px!important;color:var(--theme-on-accent)!important}.salon-identity span{font-size:9.5px!important;color:color-mix(in srgb,var(--theme-on-accent) 82%,transparent)!important}
.menu-trigger{flex:0 0 44px!important;width:44px!important;height:82px!important}.menu-trigger span{width:22px!important;background:var(--theme-on-accent)!important}

.status-strip,.command-panel,.card,.table-shell,.payroll-sheet,.employee-rail,.calendar-modern,.calendar-shell,.ticket-detail,.sidebar,.modal{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
.status-strip{border-color:var(--theme-line)!important}.status-stat{border-color:var(--theme-line)!important}.status-stat span{color:var(--theme-muted)!important}.status-stat strong{color:var(--theme-text)!important}
.command-panel{border-color:var(--theme-line)!important}.panel-head{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 17%,var(--theme-surface)),color-mix(in srgb,var(--theme-accent-2) 14%,var(--theme-surface)))!important;border-bottom:1px solid var(--theme-line)!important}.panel-head h3{color:var(--theme-text)!important}.panel-head .btn{background:var(--theme-surface)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important}.panel-foot{background:color-mix(in srgb,var(--theme-surface) 94%,var(--theme-accent) 6%)!important;border-color:var(--theme-line)!important}
.queue-card,.tech-card,.ticket-card,.employee-rail button{border-color:var(--theme-line)!important}.queue-card:hover,.tech-card:hover,.ticket-card:hover,.employee-rail button:hover,.employee-rail button.active{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-surface))!important}.queue-card strong,.tech-meta strong,.ticket-card strong{color:var(--theme-text)!important}.meta,.tech-meta span,.queue-card .meta,.ticket-card .meta{color:var(--theme-muted)!important}.avatar-sm{background:color-mix(in srgb,var(--theme-accent) 16%,var(--theme-surface))!important;color:var(--theme-text)!important}.turn-pill{background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-surface))!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
.btn.primary,.btn.secondary{background:var(--theme-accent)!important;color:var(--theme-on-accent)!important;border-color:color-mix(in srgb,var(--theme-accent) 72%,var(--theme-text))!important}.btn.primary:hover,.btn.secondary:hover{background:color-mix(in srgb,var(--theme-accent) 88%,var(--theme-text))!important}.btn.subtle{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}.btn.subtle:hover{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-surface))!important;border-color:color-mix(in srgb,var(--theme-accent) 42%,var(--theme-line))!important}
.eyebrow,.page-kicker{color:var(--theme-accent)!important}
.select,.field input,.field select,.field textarea,.search-box{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}.select:focus,.field input:focus,.field select:focus,.field textarea:focus,.search-box:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 16%,transparent)!important}
.segmented,.ticket-tabs{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-surface))!important}.segmented button,.ticket-tabs button{color:var(--theme-muted)!important}.segmented button.active,.ticket-tabs button.active{background:var(--theme-accent)!important;color:var(--theme-on-accent)!important}
.table-toolbar,.calendar-tools{background:color-mix(in srgb,var(--theme-accent) 5%,var(--theme-surface))!important;border-color:var(--theme-line)!important}.table th{background:color-mix(in srgb,var(--theme-accent) 11%,var(--theme-surface))!important;color:var(--theme-text)!important}.table th,.table td{border-color:var(--theme-line)!important;color:var(--theme-text)!important}.table tbody tr:hover{background:color-mix(in srgb,var(--theme-accent) 5%,var(--theme-surface))!important}
.calendar-header>div,.time-gutter,.tech-day{background:var(--theme-surface)!important;border-color:var(--theme-line)!important}.tech-head{background:color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface))!important}.tech-day{background:repeating-linear-gradient(to bottom,var(--theme-surface) 0,var(--theme-surface) 21px,color-mix(in srgb,var(--theme-line) 60%,var(--theme-surface)) 22px)!important}.tech-day:before{background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,var(--theme-line) 44px)!important}
.tabs button.active{color:var(--theme-accent)!important;border-bottom-color:var(--theme-accent)!important}.switch.on{background:var(--theme-accent)!important}
.sidebar{background:var(--theme-surface)!important}.drawer-head,.drawer-group{border-color:var(--theme-line)!important}.drawer-head strong,.drawer-title,.nav-btn,.nav-btn svg{color:var(--theme-text)!important}.nav-btn:hover,.nav-btn.active{background:color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface))!important;color:var(--theme-text)!important}.drawer-close,.nav-btn .lock-mark{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-surface))!important;color:var(--theme-text)!important}
.modal{background:var(--theme-surface)!important;color:var(--theme-text)!important}.modal-head{background:linear-gradient(90deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 80%,var(--theme-accent-2)))!important}.modal-head h2,.modal-head .eyebrow,.close{color:var(--theme-on-accent)!important}.close{background:color-mix(in srgb,var(--theme-surface) 20%,transparent)!important}
.quick-card{border-color:var(--theme-line)!important;background:color-mix(in srgb,var(--theme-accent) 5%,var(--theme-surface))!important}.quick-card:hover{background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-surface))!important;border-color:var(--theme-accent)!important}.notice{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-surface))!important;color:var(--theme-text)!important}
.lock-screen{background:linear-gradient(120deg,var(--theme-bg),color-mix(in srgb,var(--theme-accent) 18%,var(--theme-bg)),color-mix(in srgb,var(--theme-accent-2) 18%,var(--theme-bg)))!important}.lock-card{background:var(--theme-surface)!important;border-color:var(--theme-line)!important}.pin-input{border-color:var(--theme-line)!important;background:var(--theme-surface)!important;color:var(--theme-text)!important}

/* Public booking follows the salon theme and shows salon branding only. */
.booking-body{background:var(--theme-bg)!important;color:var(--theme-text)!important}.booking-shell{background:transparent!important}.booking-header.public-salon-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:12px!important;padding:15px 20px!important;margin-bottom:16px!important}.booking-header.public-salon-header strong{display:block;color:var(--theme-text)!important;font-size:18px!important;letter-spacing:.12em!important;text-transform:uppercase}.booking-header.public-salon-header span{display:block;color:var(--theme-accent)!important;font-size:10px!important;letter-spacing:.16em!important;margin-top:3px}.booking-card{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}.booking-card h1,.booking-card h2,.booking-card h3{color:var(--theme-text)!important}.booking-steps .step-dot{background:color-mix(in srgb,var(--theme-accent) 22%,var(--theme-surface))!important}.booking-steps .step-dot.active{background:var(--theme-accent)!important}.option,.time-btn{border-color:var(--theme-line)!important;background:var(--theme-surface)!important;color:var(--theme-text)!important}.option.selected,.option:hover,.time-btn:hover{background:color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface))!important;border-color:var(--theme-accent)!important}

/* Check-in branding is salon-only: no Salon Standar Pro logo. */
.ci-brand-copy-salon{padding-left:0!important;border-left:0!important}.ci-brand-copy-salon strong{font-size:17px!important}.ci-brand-copy-salon span{font-size:10px!important}


/* The selected theme style also changes the POS canvas, while keeping dense work areas readable. */
html[data-ssp-theme="modern-minimal"] .content{background:var(--theme-bg)!important}
html[data-ssp-theme="modern-minimal"] .command-panel,html[data-ssp-theme="modern-minimal"] .card,html[data-ssp-theme="modern-minimal"] .table-shell{box-shadow:none!important;border-radius:8px!important}
html[data-ssp-theme="modern-taupe"] .content{background:linear-gradient(105deg,var(--theme-bg) 0 72%,color-mix(in srgb,var(--theme-accent) 8%,var(--theme-bg)) 72% 100%)!important}
html[data-ssp-theme="modern-taupe"] .command-panel,html[data-ssp-theme="modern-taupe"] .card{box-shadow:0 10px 28px color-mix(in srgb,var(--theme-text) 7%,transparent)!important}
html[data-ssp-theme="warm-organic"] .content{background:radial-gradient(circle at 2% 92%,color-mix(in srgb,var(--theme-accent) 8%,transparent),transparent 27%),linear-gradient(145deg,var(--theme-bg),color-mix(in srgb,var(--theme-accent-2) 7%,var(--theme-bg)))!important}
html[data-ssp-theme="editorial"] .content{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 12%,var(--theme-bg)) 0 4px,var(--theme-bg) 4px 100%)!important}
html[data-ssp-theme="editorial"] .command-panel,html[data-ssp-theme="editorial"] .card,html[data-ssp-theme="editorial"] .table-shell{border-radius:4px!important}
html[data-ssp-theme="soft-studio"] .content{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--theme-accent-2) 10%,transparent),transparent 25%),radial-gradient(circle at 88% 90%,color-mix(in srgb,var(--theme-accent) 7%,transparent),transparent 28%),var(--theme-bg)!important}
html[data-ssp-theme="soft-studio"] .command-panel,html[data-ssp-theme="soft-studio"] .card{border-radius:18px!important}
html[data-ssp-theme="clean-white"] .content{background:#fff!important}html[data-ssp-theme="clean-white"] .command-panel,html[data-ssp-theme="clean-white"] .card,html[data-ssp-theme="clean-white"] .table-shell{box-shadow:0 4px 16px rgba(0,0,0,.035)!important}

@media(max-width:1280px){.op-btn span{font-size:11.5px!important}.op-btn svg{width:21px!important;height:21px!important}.clock-card{flex-basis:74px!important;width:74px!important}.salon-identity{flex-basis:160px!important}.salon-identity strong{font-size:12px!important}.salon-identity span{font-size:8.5px!important}.brand-button{flex-basis:68px!important;width:68px!important}.brand-logo.brand-mark{width:48px!important;height:48px!important}}
@media(max-width:1000px){.salon-identity{display:none!important}.clock-card{display:none!important}.op-btn span{font-size:10.5px!important}.brand-button{flex-basis:62px!important;width:62px!important}.menu-trigger{flex-basis:40px!important;width:40px!important}}