
:root { --bg:#0b0d0f; --panel:#14171a; --panel2:#1c2024; --text:#f5f1e8; --muted:#aaa79f; --accent:#d7b56d; --accent2:#a98645; --line:rgba(255,255,255,.11); --danger:#ee7575; --ok:#72d38a; --blue:#83aef8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),var(--bg); color:var(--text); font-family:Inter,Segoe UI,Arial,sans-serif; min-height:100vh; overflow-x:hidden; }
.admin-shell,.public-shell{--bg:var(--theme-dark-bg,#0b0d0f);--panel:var(--theme-dark-panel,#14171a);--panel2:var(--theme-dark-panel2,#1c2024);--text:var(--theme-dark-text,#f5f1e8);--muted:var(--theme-dark-muted,#aaa79f);--accent:var(--theme-dark-accent,#d7b56d);--accent2:var(--theme-dark-accent2,#a98645)}
a { color:var(--accent); text-decoration:none; transition:color .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease; }
.app-header { position:sticky; top:0; z-index:30; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:14px clamp(16px,2vw,32px); background:color-mix(in srgb,var(--bg) 90%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.logo-wrap { display:flex; align-items:center; gap:12px; min-width:0; color:var(--text); }
.logo-img { width:auto; height:40px; max-width:150px; object-fit:contain; filter:drop-shadow(0 3px 12px rgba(0,0,0,.28)); }
.brand-lockup { display:grid; gap:1px; }
.brand-text { font-weight:800; letter-spacing:.02em; }
.brand-context { color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
nav { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
nav a { color:var(--text); opacity:.82; padding:9px 11px; border-radius:9px; font-size:14px; font-weight:650; }
nav a:hover { background:var(--panel2); opacity:1; }
.app-main { width:100%; max-width:1600px; margin:24px auto; padding:0 clamp(16px,2vw,32px); }
.hero { display:grid; grid-template-columns:1.05fr .95fr; gap:22px; align-items:stretch; }
.hero-photo { min-height:430px; border-radius:24px; background-size:cover; background-position:center; border:1px solid var(--line); box-shadow:0 22px 55px rgba(0,0,0,.42); position:relative; overflow:hidden; }
.hero-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 55%), linear-gradient(0deg,rgba(0,0,0,.35),transparent); }
.card { background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:22px; box-shadow:0 18px 38px rgba(0,0,0,.28); }
.card.glass { background:color-mix(in srgb,var(--panel) 84%,transparent); backdrop-filter:blur(8px); }
h1 { font-size:clamp(34px,5vw,68px); line-height:.95; margin:0 0 14px; letter-spacing:-.04em; }
h2 { margin:0 0 14px; }
h3 { margin:16px 0 10px; }
.muted { color:var(--muted); }
.small { font-size:12px; }
.grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
/* Fullscreen admin layout: do not cap page width on desktop; let cards/grids use the whole browser. */
section, .card, .grid, .manage-list, .pos-layout, .booking-layout, .dashboard-top { max-width:100%; }
.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stat { background:var(--panel2); border:1px solid var(--line); border-radius:15px; padding:18px; }
.stat strong { display:block; font-size:28px; margin-top:4px; }
form { display:grid; gap:12px; }
label { display:grid; gap:6px; color:var(--muted); font-size:13px; }
input, select, textarea, button { width:100%; border-radius:13px; border:1px solid var(--line); background:var(--panel2); color:var(--text); padding:12px 13px; font:inherit; }
textarea { min-height:90px; resize:vertical; }
button, .button { display:inline-flex; align-items:center; justify-content:center; border:0; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#15120a; font-weight:900; cursor:pointer; padding:12px 15px; border-radius:13px; box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent); }
.button { width:auto; }
button.secondary, .button.secondary { background:var(--panel2); color:var(--text); border:1px solid var(--line); box-shadow:none; }
button.danger, .button.danger { background:var(--danger); color:#1a0909; }
button.ok, .button.ok { background:var(--ok); color:#071707; }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:11px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.badge { display:inline-block; border-radius:999px; padding:4px 9px; background:var(--panel2); border:1px solid var(--line); font-size:12px; }
.badge.low { background:var(--danger); color:#160808; border:0; font-weight:900; }
.badge.ok { background:var(--ok); color:#071707; border:0; font-weight:900; }
.notice { margin:0 0 16px; padding:14px 16px; border-radius:15px; background:#13251a; border:1px solid #315b3c; }
.notice.error { background:#2a1517; border-color:#6b2a30; }
.inline { display:flex; gap:10px; align-items:end; }
.inline > * { flex:1; }
.booking-phone-input { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr); gap:8px; }
.booking-phone-input select,.booking-phone-input input { width:100%; }
.row-actions { display:flex; gap:8px; flex-wrap:wrap; }
.nav-main { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.nav-primary { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.nav-more { position:relative; }
.nav-more summary { display:flex; align-items:center; gap:7px; list-style:none; cursor:pointer; color:var(--text); opacity:.9; padding:8px 12px; border-radius:10px; border:1px solid var(--line); background:var(--panel2); font-weight:800; user-select:none; }
.nav-more summary::-webkit-details-marker { display:none; }
.nav-more[open] summary { border-color:var(--accent); }
.nav-menu { position:absolute; right:0; top:calc(100% + 10px); z-index:80; width:min(860px,calc(100vw - 32px)); max-height:min(760px,calc(100dvh - 94px)); overflow-y:auto; overscroll-behavior:contain; background:#111318; border:1px solid var(--line); border-radius:18px; padding:16px 18px 0; box-shadow:0 24px 58px rgba(0,0,0,.42); scrollbar-width:thin; scrollbar-color:var(--accent2) #111318; }
.nav-search { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:10px; padding:0 12px; min-height:50px; border:1px solid color-mix(in srgb,var(--accent) 62%,var(--line)); border-radius:12px; background:var(--panel2); }
.nav-search svg { width:20px; height:20px; stroke:var(--muted); fill:none; stroke-width:2; }
.nav-search input { min-width:0; width:100%; border:0; outline:0; box-shadow:none; background:transparent; padding:0; color:var(--text); }
.nav-search:focus-within { box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent); }
.nav-menu-sections { display:grid; gap:0; margin-top:12px; }
.admin-shell .nav-tool-primary-fallback { display:none; }
.nav-menu-section { display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; padding:14px 0; border-top:1px solid var(--line); }
.nav-menu-section:first-child { border-top:0; padding-top:8px; }
.nav-menu-section > header { padding:5px 0; }
.admin-shell .nav-menu .nav-menu-section h2 { margin:0; font-size:14px; line-height:1.25; letter-spacing:-.01em; white-space:nowrap; overflow-wrap:normal; word-break:normal; }
.admin-shell .nav-menu .nav-menu-section p { margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.35; overflow-wrap:normal; word-break:normal; }
.nav-tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.nav-tool { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; justify-items:start; gap:7px; min-height:88px; padding:8px; border-radius:12px; color:var(--text); text-decoration:none; }
.nav-tool:hover,.nav-tool:focus-visible { background:color-mix(in srgb,var(--accent) 11%,var(--panel2)); color:var(--text); opacity:1; }
.nav-tool[hidden] { display:none; }
.nav-tool-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:color-mix(in srgb,var(--accent) 14%,var(--panel2)); color:var(--accent); }
.nav-tool-icon svg { width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.nav-tool-copy { min-width:0; }
.nav-tool strong,.nav-tool small { display:block; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:normal; word-break:normal; }
.nav-tool strong { font-size:12px; line-height:1.25; }
.nav-tool small { margin-top:2px; color:var(--muted); font-size:11px; line-height:1.25; }
.nav-menu-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 -18px; padding:12px 18px; border-top:1px solid var(--line); }
.nav-menu-footer span { color:var(--muted); font-size:12px; }
.nav-menu-footer form { margin:0; }
.nav-menu-footer button { width:auto; min-height:36px; padding:8px 12px; border:1px solid var(--line); box-shadow:none; background:transparent; color:var(--text); font:inherit; }
.nav-menu-footer button:hover { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); transform:none; }
.nav-menu-empty { grid-column:1/-1; padding:16px 8px; color:var(--muted); font-size:13px; }
.manage-list { display:grid; gap:14px; }
.manage-card { background:rgba(16,18,23,.72); border:1px solid var(--line); border-radius:18px; padding:15px; }
.manage-card:hover { border-color:color-mix(in srgb,var(--accent) 42%,transparent); }
.manage-title { display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.manage-title > div { flex:1; min-width:0; }
.manage-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.manage-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.action-strip { display:flex; gap:10px; flex-wrap:wrap; align-items:end; margin-top:12px; }
.action-strip form { flex:1 1 220px; }
.action-strip .delete-form { flex:0 0 auto; }
.compact-action { display:flex; gap:8px; align-items:end; }
.compact-action input { min-width:110px; }
.management-note { background:color-mix(in srgb,var(--accent) 7%,transparent); border:1px dashed color-mix(in srgb,var(--accent) 32%,transparent); border-radius:15px; padding:12px 14px; color:var(--muted); }
.product-img { width:54px; height:54px; object-fit:cover; border-radius:10px; background:#0f1116; border:1px solid var(--line); }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.gallery div { min-height:160px; border-radius:18px; background-size:cover; background-position:center; border:1px solid var(--line); }
.pos-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }
.pos-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-height:640px; overflow:auto; padding-right:4px; }
.pos-tile { text-align:left; background:var(--panel2); border:1px solid var(--line); border-radius:15px; padding:12px; cursor:pointer; }
.pos-tile:hover { border-color:var(--accent); }
.pos-cart { position:sticky; top:90px; }
.pos-category-list { display:grid; gap:10px; max-height:640px; overflow:auto; padding-right:4px; }
.pos-category { overflow:hidden; border:1px solid var(--line); border-radius:15px; background:#101317; }
.pos-category>summary { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:62px; padding:13px 48px 13px 16px; cursor:pointer; list-style:none; user-select:none; }
.pos-category>summary::-webkit-details-marker { display:none; }
.pos-category>summary::after { content:"+"; position:absolute; right:17px; top:50%; translate:0 -50%; color:var(--accent); font-size:24px; font-weight:400; }
.pos-category[open]>summary::after { content:"−"; }
.pos-category[open]>summary { border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--accent) 5.5%,transparent); }
.pos-category-title { display:grid; gap:3px; }
.pos-category-title strong { font-size:16px; }
.pos-category-title small { color:var(--muted); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.pos-category-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; }
.pos-category-items .pos-tile { display:block; width:100%; min-height:82px; color:var(--text); box-shadow:none; }
.pos-category-items .pos-tile strong { display:block; line-height:1.25; }
.pos-category-items .pos-tile span { display:block; margin-top:5px; font-size:13px; font-weight:500; }
.pos-category-items .pos-tile:hover { transform:none; background:#24292e; }
.pos-picker-note { display:flex; justify-content:space-between; gap:12px; margin:13px 2px 0; color:var(--muted); font-size:12px; }
.pos-picker-empty { margin:12px 0 0; padding:18px; border:1px dashed color-mix(in srgb,var(--accent) 32%,transparent); border-radius:14px; color:var(--muted); }
.receipt { max-width:420px; margin:auto; background:#fff; color:#111; border-radius:6px; padding:22px; font-family:Consolas,monospace; }
.receipt h1 { color:#111; font-size:24px; text-align:center; }
.receipt table th,.receipt table td { color:#111; border-bottom:1px dashed #aaa; font-size:13px; }
.camera-box { background:#06070a; border:1px solid var(--line); border-radius:18px; overflow:hidden; min-height:260px; display:flex; align-items:center; justify-content:center; }
.camera-box img, .camera-box video { width:100%; max-height:520px; object-fit:contain; }
.footer { padding:18px clamp(10px,1.4vw,24px); border-top:1px solid var(--line); color:var(--muted); margin-top:32px; }
.kbd { font-family:Consolas,monospace; background:#050608; border:1px solid var(--line); padding:2px 6px; border-radius:6px; }
.booking-layout, .dashboard-top { display:grid; grid-template-columns:.92fr 1.08fr; gap:18px; align-items:start; }
.week-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:12px; }
.week-nav { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.week-days { display:grid; grid-template-columns:repeat(7,minmax(150px,1fr)); gap:10px; overflow-x:auto; padding-bottom:6px; }
.day-card { min-width:150px; background:#101217; border:1px solid var(--line); border-radius:16px; padding:13px; }
.day-card h3 { margin:0 0 4px; color:var(--accent); }
.day-bookings { margin-top:10px; display:grid; gap:8px; }
.booking-pill { background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:8px; font-size:13px; }
.quick-booking-card { border-color:color-mix(in srgb,var(--accent) 45%,transparent); }
.role-perms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px; }
.role-perms label { display:flex; align-items:center; gap:7px; }
.role-perms input[type=checkbox] { width:auto; }

/* Professional shared shell */
:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent); outline-offset:2px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 16px 42px rgba(0,0,0,.18); }
h1 { font-size:clamp(32px,4vw,52px); line-height:1.02; letter-spacing:-.035em; }
h2 { letter-spacing:-.02em; }
input,select,textarea { transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
input:focus,select:focus,textarea:focus { border-color:color-mix(in srgb,var(--accent) 75%,transparent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent); outline:0; }
button,.button { transition:transform .2s ease,filter .2s ease,background .2s ease; }
button:hover,.button:hover { transform:translateY(-1px); filter:brightness(1.04); }
button:active,.button:active { transform:translateY(0); }
button:disabled { opacity:.48; cursor:not-allowed; transform:none; filter:none; }
.page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin:6px 0 24px; }
.page-heading h1 { margin:4px 0 8px; }
.page-heading p { max-width:720px; margin:0; color:var(--muted); line-height:1.6; }
.admin-kicker { color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.login-card { width:min(100%,520px); margin:8vh auto; padding:34px; }
.login-card h1 { margin-top:10px; }

/* Customer-facing website */
.public-shell { --site-accent:var(--accent); background:#0a0c0d; }
.public-shell .app-header { padding-inline:max(20px,calc((100vw - 1240px)/2)); }
.public-shell .app-main { max-width:1280px; margin:0 auto; padding:0 20px 36px; }
.public-shell .logo-img { height:46px; max-width:170px; }
.public-shell .brand-text { font-size:15px; }
.public-nav { gap:12px; overflow:visible; }
.public-nav .nav-book-link { background:var(--text); color:#101214; opacity:1; padding:10px 16px; }
.public-nav .nav-book-link:hover { background:var(--site-accent); }
.public-site { --accent:var(--site-accent); }
.public-hero { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr); align-items:center; gap:clamp(36px,6vw,88px); min-height:680px; padding:58px 0 64px; }
.public-eyebrow { display:inline-flex; align-items:center; gap:10px; color:var(--site-accent); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.public-eyebrow::before { content:""; width:28px; height:1px; background:currentColor; }
.public-hero-copy h1 { max-width:780px; margin:22px 0 24px; font-family:var(--hero-font,Georgia),"Times New Roman",serif; font-size:clamp(48px,7vw,var(--hero-size,98px)); font-weight:500; line-height:.91; letter-spacing:-.055em; }
.public-lead { max-width:650px; margin:0; color:#c7c3ba; font-family:var(--intro-font,inherit); font-size:clamp(16px,2vw,var(--intro-size,22px)); line-height:1.62; }
.hero-actions { display:flex; align-items:center; gap:22px; margin:34px 0; flex-wrap:wrap; }
.public-primary { background:var(--site-accent); color:#16130d; box-shadow:none; padding:14px 19px; }
.text-link { color:var(--text); font-weight:750; }
.text-link span { display:inline-block; margin-left:5px; transition:transform .2s ease; }
.text-link:hover span { transform:translateX(4px); }
.public-details { display:flex; flex-wrap:wrap; gap:22px 34px; padding-top:30px; border-top:1px solid var(--line); }
.public-details span,.public-details a { display:grid; gap:5px; color:var(--text); font-size:14px; }
.public-details small { color:#86857f; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.public-hero-media { min-height:580px; position:relative; overflow:hidden; border-radius:30px 30px 8px 30px; background:#171a1d; box-shadow:0 34px 70px rgba(0,0,0,.35); }
.public-hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.48)); pointer-events:none; }
.public-hero-media>img { width:100%; height:100%; min-height:580px; position:absolute; inset:0; object-fit:cover; }
.hero-badge { position:absolute; z-index:1; right:0; bottom:0; display:grid; gap:4px; max-width:280px; padding:20px 24px; background:var(--site-accent); color:#17130d; }
.hero-badge span { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hero-badge strong { font-family:Georgia,"Times New Roman",serif; font-size:20px; font-weight:600; line-height:1.2; }
.public-booking-layout { display:grid; grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr); gap:clamp(34px,6vw,80px); align-items:center; margin:24px 0 88px; padding:clamp(28px,5vw,64px); border-radius:32px; background:#efe9dd; color:#171814; }
.booking-context h2 { max-width:520px; margin:18px 0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(46px,5vw,70px); font-weight:500; line-height:.95; letter-spacing:-.045em; }
.booking-context>p { max-width:540px; color:#595a53; font-size:17px; line-height:1.7; }
.booking-assurances { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.booking-assurances span { padding:8px 10px; border:1px solid rgba(20,22,18,.15); border-radius:999px; color:#494a44; font-size:12px; font-weight:700; }
.feature-mini { display:flex; align-items:center; gap:14px; margin-top:32px; padding-top:24px; border-top:1px solid rgba(20,22,18,.14); }
.feature-mini img { width:76px; height:76px; object-fit:cover; border-radius:50%; }
.feature-mini div { display:grid; gap:5px; }
.feature-mini small { color:#717269; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.feature-mini strong { font-family:Georgia,"Times New Roman",serif; font-size:18px; }
.booking-card { background:#111416; color:var(--text); border:0; border-radius:22px; padding:clamp(22px,4vw,38px); box-shadow:0 28px 60px rgba(20,18,13,.2); }
.booking-card-head { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.booking-card-head>span { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; color:var(--site-accent); font-size:12px; font-weight:800; }
.booking-card-head small { color:#8d8b85; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.booking-card-head h2 { margin:3px 0 0; font-size:26px; }
.booking-card label { color:#b8b4ac; }
.booking-card input,.booking-card select,.booking-card textarea { background:#0b0d0f; border-color:rgba(255,255,255,.13); }
.booking-honeypot,.review-honeypot { position:fixed!important; inset:0 auto auto 0!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; opacity:0!important; pointer-events:none!important; }
.optional { color:#777873; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.booking-submit { justify-content:space-between; background:var(--site-accent); box-shadow:none; }
.public-services-section { padding:12px 0 92px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:30px; }
.section-heading h2,.public-closing h2 { margin:12px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px,5vw,68px); font-weight:500; line-height:.98; }
.section-heading>p { max-width:390px; margin:0; color:var(--muted); line-height:1.6; }
.public-service-grid { border-top:1px solid var(--line); }
.public-service-card { display:grid; grid-template-columns:52px 1fr auto; gap:18px; align-items:center; padding:22px 8px; border-bottom:1px solid var(--line); transition:background .2s ease,padding .2s ease; }
.public-service-card:hover { padding-inline:16px; background:rgba(255,255,255,.025); }
.service-number { color:#76756f; font-size:12px; font-weight:800; }
.public-service-card h3 { margin:0 0 4px; font-size:20px; }
.public-service-card p { margin:0; color:var(--muted); font-size:13px; }
.public-service-card>strong { color:var(--site-accent); font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:600; }
.empty-state { padding:28px 0; color:var(--muted); }
.public-products-section { padding:0 0 92px; }
.public-locations-section { padding:0 0 88px; }
.public-location-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.public-location-card { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:22px; border:1px solid var(--line); border-radius:18px; background:#14171a; }
.public-location-card .location-number { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; color:var(--site-accent); font-size:11px; font-weight:800; }
.public-location-card h3 { margin:2px 0 7px; font-size:21px; }
.public-location-card p { margin:0 0 5px; color:var(--muted); line-height:1.5; }
.public-location-card small { color:#86857f; }
.public-location-card .location-pick { grid-column:1/-1; width:100%; }
.custom-site-blocks { display:grid; gap:16px; margin:0 0 88px; padding:clamp(24px,4vw,52px); border:1px solid var(--line); border-radius:24px; background:#14171a; }
.custom-site-heading,.custom-site-paragraph { margin:0; line-height:1.25; }
.custom-site-textbox { padding:22px; border:1px solid var(--line); border-radius:16px; background:#0e1013; line-height:1.55; }
.custom-site-button { justify-self:start; width:auto; }
.booking-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.slot-picker { display:grid; gap:12px; padding:14px; border:1px solid var(--line); border-radius:15px; background:#0b0d0f; }
.slot-picker-head { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.slot-picker-head>div:first-child { display:grid; gap:4px; }
.booking-range-tabs { display:flex; gap:6px; }
.booking-range-tabs button { width:auto; min-height:0; padding:8px 10px; font-size:12px; }
.booking-range-tabs button.active { color:#17130d; background:var(--site-accent); border-color:transparent; }
.slot-days { display:grid; gap:8px; max-height:330px; overflow:auto; padding-right:4px; }
.slot-day { display:grid; grid-template-columns:105px 1fr; gap:12px; align-items:start; padding:11px; border:1px solid var(--line); border-radius:12px; }
.slot-day>div:first-child { display:grid; gap:3px; }
.slot-day>div:first-child span { color:var(--muted); font-size:10px; }
.slot-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.slot-button { width:auto; min-height:0; padding:8px 10px; font-size:12px; }
.slot-button.unavailable,.slot-button:disabled { opacity:.48; cursor:not-allowed; background:color-mix(in srgb,var(--panel) 72%,#777 28%); color:var(--muted); }
.slot-button small { display:block; margin-top:2px; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.slot-button.selected { color:#17130d; background:var(--site-accent); border-color:transparent; }
.selected-slot { margin:0; padding:10px 12px; border-radius:10px; background:rgba(114,211,138,.12); color:#9be2aa; font-size:13px; }
.business-hero { max-width:980px; padding:90px 0 70px; }
.business-hero h1 { margin:20px 0; font-family:Georgia,"Times New Roman",serif; font-weight:500; }
.business-hero>p { max-width:720px; color:var(--muted); font-size:19px; line-height:1.65; }
.product-stock-note { display:block; margin-top:auto; padding:10px 12px; border-radius:11px; text-align:center; font-size:12px; font-weight:800; }
.product-stock-note.in-stock { background:rgba(114,211,138,.12); color:#9be2aa; }
.product-stock-note.out-of-stock { background:rgba(238,117,117,.1); color:#e99a9a; }
.block-editor-card { padding:0; overflow:hidden; }
.block-editor-card>summary { padding:15px; cursor:pointer; list-style:none; }
.block-editor-card>summary::-webkit-details-marker { display:none; }
.block-editor-form { padding:16px; border-top:1px solid var(--line); }
.builder-actions { display:flex; gap:8px; flex-wrap:wrap; }
.builder-actions form { display:block; }
.builder-actions button { width:auto; }
.schedule-day-grid { display:grid; grid-template-columns:110px 1fr 1fr 120px auto; gap:8px; align-items:end; }
.product-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.34fr); gap:12px; margin:0 0 24px; padding:16px; border:1px solid var(--line); border-radius:16px; background:#111416; }
.product-toolbar label { color:#a8a69f; }
.product-toolbar input,.product-toolbar select { background:#0a0c0e; }
.public-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.public-product-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#14171a; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.public-product-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--accent) 40%,transparent); box-shadow:0 22px 42px rgba(0,0,0,.24); }
.product-image-link { display:grid; place-items:center; aspect-ratio:1/1; overflow:hidden; background:#f3f1ed; }
.product-image-link img { width:100%; height:100%; padding:16px; object-fit:contain; transition:transform .28s ease; }
.public-product-card:hover .product-image-link img { transform:scale(1.025); }
.product-card-body { display:flex; flex:1; flex-direction:column; gap:12px; padding:20px; }
.product-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.product-category { color:var(--site-accent); font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.product-price { font-family:Georgia,"Times New Roman",serif; color:var(--site-accent); font-size:22px; font-weight:600; }
.public-product-card h3 { min-height:2.7em; margin:0; font-size:19px; line-height:1.35; }
.product-description { margin:0; color:#aaa79f; font-size:13px; line-height:1.62; }
.product-facts { display:flex; flex-wrap:wrap; gap:7px; }
.product-facts span { padding:6px 8px; border:1px solid var(--line); border-radius:999px; color:#b9b6ae; font-size:11px; }
.product-purchase { width:100%; margin-top:auto; }
.product-empty { display:none; margin:18px 0 0; padding:20px; border:1px dashed color-mix(in srgb,var(--accent) 32%,transparent); border-radius:14px; color:var(--muted); }
.public-closing { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:48px; padding:clamp(28px,5vw,60px); border-radius:28px; background:#171a1d; border:1px solid var(--line); }
.public-closing h2 { max-width:720px; font-size:clamp(38px,4vw,58px); }
.public-shell .footer { display:flex; justify-content:center; gap:16px 28px; flex-wrap:wrap; padding:24px; font-size:12px; }
.footer-admin { color:#777873; }

/* Website editor */
.appearance-layout { display:grid; grid-template-columns:minmax(620px,1.12fr) minmax(420px,.88fr); gap:22px; align-items:start; }
.appearance-form { display:grid; gap:28px; }
.form-section { display:grid; gap:16px; padding-bottom:28px; border-bottom:1px solid var(--line); }
.form-section:last-of-type { border-bottom:0; padding-bottom:0; }
.form-section-head { display:flex; align-items:flex-start; gap:13px; }
.form-section-head>span { display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto; border:1px solid var(--line); border-radius:50%; color:var(--accent); font-size:11px; font-weight:800; }
.form-section-head h2 { margin:2px 0 4px; }
.form-section-head p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.media-editor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.colour-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.colour-editor-card { display:grid; gap:12px; padding:14px; border:1px solid var(--line); border-radius:14px; background:#101316; }
.colour-editor-card h3 { margin:0; font-size:15px; }
.colour-editor-card>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.colour-editor-card input[type=color] { min-height:46px; padding:5px; cursor:pointer; }
.media-editor-card { display:grid; align-content:start; gap:12px; padding:12px; border:1px solid var(--line); border-radius:14px; background:#101316; }
.media-editor-card h3 { margin:0 0 3px; }
.media-editor-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.media-preview { height:150px; overflow:hidden; border-radius:10px; background:#080a0b; border:1px solid var(--line); }
.media-preview img { width:100%; height:100%; object-fit:cover; }
.logo-preview img { padding:18px; object-fit:contain; }
.check-row { display:flex; align-items:center; gap:8px; color:var(--muted); }
.check-row input { width:auto; min-height:0; }
.editor-actions { display:flex; gap:10px; flex-wrap:wrap; }
.editor-actions button { width:auto; }
.preview-panel { position:sticky; top:94px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#080a0b; box-shadow:0 20px 55px rgba(0,0,0,.24); }
.preview-toolbar { height:48px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:0 14px; border-bottom:1px solid var(--line); color:var(--muted); font-size:12px; }
.preview-toolbar>div { display:flex; gap:6px; }
.preview-toolbar>div span { width:8px; height:8px; border-radius:50%; background:#44494e; }
.preview-toolbar>a { justify-self:end; }
.site-preview { display:block; width:100%; height:780px; border:0; background:#fff; }

.public-booking { max-width:none; margin:0; }
.public-booking h1 { margin-bottom:10px; }
.manage-booking-home { width:min(100%,920px); margin:72px auto; }
.manage-booking-intro { max-width:700px; margin-bottom:24px; }
.manage-booking-intro h1,.reschedule-main>h1 { margin:16px 0 14px; font-family:Georgia,"Times New Roman",serif; font-weight:500; }
.manage-booking-intro p { color:var(--muted); font-size:17px; line-height:1.65; }
.manage-booking-overview { padding:clamp(22px,4vw,38px); }
.booking-summary-brand { display:flex; align-items:center; gap:14px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.booking-summary-brand>span,.professional-chip>span { display:grid; place-items:center; width:52px; height:52px; flex:0 0 auto; border-radius:14px; background:var(--site-accent); color:#17130d; font-family:Georgia,"Times New Roman",serif; font-size:24px; font-weight:700; }
.booking-summary-brand>div { display:grid; gap:5px; min-width:0; }
.booking-summary-brand strong { font-size:18px; }
.booking-summary-brand small { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.booking-summary-service { display:flex; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
.booking-summary-service>div { display:grid; gap:6px; }
.booking-summary-service span { color:var(--muted); font-size:13px; }
.booking-summary-service>strong { color:var(--site-accent); font-family:Georgia,"Times New Roman",serif; font-size:22px; }
.booking-summary-details { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0 0; }
.booking-summary-details>div { display:grid; gap:6px; }
.booking-summary-details dt { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.booking-summary-details dd { margin:0; font-weight:750; }
.manage-booking-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:26px; }
.manage-booking-actions form { display:block; }
.manage-booking-actions .button,.manage-booking-actions button { width:100%; }
.disabled-action { opacity:.55; pointer-events:none; }
.reschedule-shell { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr); gap:clamp(24px,4vw,48px); align-items:start; padding:52px 0 70px; }
.reschedule-main { min-width:0; }
.reschedule-main>h1 { font-size:clamp(42px,5vw,68px); }
.reschedule-back { display:inline-flex; margin-bottom:28px; color:var(--muted); font-weight:750; }
.professional-chip { display:inline-flex; align-items:center; gap:10px; margin:4px 0 30px; padding:7px 14px 7px 7px; border:1px solid var(--line); border-radius:999px; font-weight:800; }
.professional-chip>span { width:34px; height:34px; border-radius:50%; font-size:15px; }
.manage-date-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:0 0 13px; }
.manage-date-heading h2 { margin:0; }
.manage-date-heading span { color:var(--muted); font-size:12px; }
.manage-date-rail { display:flex; gap:10px; overflow-x:auto; padding:2px 2px 14px; scroll-snap-type:x proximity; scrollbar-width:none; }
.manage-date-rail::-webkit-scrollbar { display:none; }
.manage-date-card { position:relative; display:grid; flex:0 0 82px; min-height:104px; place-items:center; align-content:center; gap:2px; padding:10px; border:1px solid var(--line); border-radius:17px; background:#14171a; color:var(--text); box-shadow:none; scroll-snap-align:start; }
.manage-date-card span,.manage-date-card small { color:var(--muted); font-size:11px; }
.manage-date-card strong { font-size:23px; }
.manage-date-card em { color:#dd9797; font-size:9px; font-style:normal; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.manage-date-card.selected { border-color:var(--site-accent); background:var(--site-accent); color:#17130d; }
.manage-date-card.selected span,.manage-date-card.selected small { color:#4b3e28; }
.manage-date-card:disabled { opacity:.45; }
.reschedule-form { display:block; }
.manage-time-panel { margin-top:22px; }
.manage-time-panel h2 { margin:0 0 14px; }
.manage-time-button { display:flex; justify-content:flex-start; width:100%; margin-bottom:10px; padding:16px 20px; border:1px solid var(--line); border-radius:16px; background:#14171a; color:var(--text); box-shadow:none; }
.manage-time-button:hover { border-color:color-mix(in srgb,var(--accent) 55%,transparent); }
.manage-time-button.selected { border-color:var(--site-accent); background:color-mix(in srgb,var(--site-accent) 14%,transparent); color:var(--site-accent); }
.manage-time-button.unavailable,.manage-time-button:disabled { opacity:.48; border-color:var(--line); background:color-mix(in srgb,#14171a 72%,#777 28%); color:var(--muted); cursor:not-allowed; }
.manage-time-button.unavailable:hover { border-color:var(--line); }
.manage-time-button span { font-weight:800; }
.manage-time-button small { margin-left:auto; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.booking-summary-panel { position:sticky; top:92px; padding:24px; }
.selected-new-time { min-height:58px; margin:22px 0 12px; padding:14px; border:1px dashed color-mix(in srgb,var(--accent) 36%,transparent); border-radius:13px; color:var(--muted); line-height:1.45; }
.booking-summary-panel button { justify-content:space-between; }
.public-services { max-width:none; margin:16px 0 0; }
.compact-lead { font-size:16px; line-height:1.5; margin-bottom:18px; }
.mobile-clean-section { width:100%; }

/* Optimized admin workspace */
.admin-shell .app-main { margin-top:20px; }
.admin-shell .page-heading { margin:2px 0 22px; }
.admin-shell .page-heading h1 { font-size:clamp(32px,3.4vw,46px); }
.admin-shell .footer { display:flex; justify-content:space-between; gap:16px; padding-inline:clamp(16px,2vw,32px); font-size:12px; }
.admin-shell .nav-main a[aria-current="page"] { color:var(--text); opacity:1; background:color-mix(in srgb,var(--accent) 12%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent); }
.admin-shell .nav-menu a[aria-current="page"] { color:var(--accent); }
.section-toolbar { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:16px; }
.section-toolbar h2 { margin:0 0 5px; }
.section-toolbar p { margin:0; }
.search-field { width:min(100%,340px); }
.search-field input { min-width:240px; background:#0d0f13; }
.table-wrap { width:100%; overflow:auto; border:1px solid var(--line); border-radius:13px; -webkit-overflow-scrolling:touch; }
.table-wrap table { min-width:720px; }
.table-wrap th { position:sticky; top:0; z-index:1; background:#171a1e; }
.table-wrap tbody tr { transition:background .18s ease; }
.table-wrap tbody tr:hover { background:rgba(255,255,255,.025); }
.table-wrap th:first-child,.table-wrap td:first-child { padding-left:15px; }
.table-wrap th:last-child,.table-wrap td:last-child { padding-right:15px; }
.empty-panel { display:grid; justify-items:start; gap:9px; min-height:190px; align-content:center; padding:28px; border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent); border-radius:14px; background:color-mix(in srgb,var(--accent) 3.5%,transparent); }
.empty-panel h2,.empty-panel p { margin:0; }
.empty-panel p { max-width:560px; color:var(--muted); line-height:1.55; }
.summary-strip { margin-bottom:18px; }
.summary-strip .stat { min-height:98px; }
.summary-strip .stat strong { font-size:24px; }
.manage-accordion { padding:0; overflow:clip; }
.manage-accordion > summary { position:relative; display:flex; align-items:center; gap:12px; padding:15px 52px 15px 15px; list-style:none; cursor:pointer; user-select:none; }
.manage-accordion > summary::-webkit-details-marker { display:none; }
.manage-accordion > summary::after { content:"Edit"; position:absolute; right:15px; color:var(--accent); font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.manage-accordion[open] > summary::after { content:"Close"; }
.manage-accordion[open] > summary { background:rgba(255,255,255,.025); }
.manage-accordion .manage-title { width:100%; margin:0; }
.professional-admin-card > summary .professional-summary-name{display:flex;align-items:center;min-width:0}
@media(max-width:700px){.professional-admin-card>summary{min-height:72px;padding:10px 44px 10px 10px}.professional-admin-card>summary::after{right:10px}.professional-admin-card>summary .manage-title{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px 10px;align-items:center}.professional-admin-card>summary .professional-admin-avatar{grid-column:1;grid-row:1}.professional-admin-card>summary .professional-summary-name{grid-column:2;grid-row:1}.professional-admin-card>summary .row-actions{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:6px}.professional-admin-card>summary .badge{padding:4px 7px;font-size:10px;white-space:nowrap}.professional-admin-card:not([open])>.manage-body{display:none!important}}
.manage-body { padding:15px; border-top:1px solid var(--line); }
.permission-card { border:1px solid var(--line); border-radius:14px; background:#101317; overflow:hidden; }
.permission-card > summary { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px; list-style:none; cursor:pointer; font-weight:800; }
.permission-card > summary::-webkit-details-marker { display:none; }
.permission-card > summary::after { content:"Configure"; color:var(--accent); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.permission-card[open] > summary::after { content:"Close"; }
.permission-card form { padding:16px; border-top:1px solid var(--line); }
.integration-card { max-width:820px; }
.integration-status { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; }
.integration-status > div { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#101317; }
.filter-empty { display:none; margin:10px 0 0; color:var(--muted); }
[hidden] { display:none!important; }
@media (max-width:1000px){
  .hero,.pos-layout,.booking-layout,.dashboard-top{grid-template-columns:1fr}
  .grid,.grid.two,.grid.three{grid-template-columns:1fr}
  .pos-products,.pos-category-items{grid-template-columns:1fr 1fr}
  .admin-shell .app-header{display:flex; align-items:center; gap:10px; min-height:54px; padding:7px 10px;}
  .admin-shell .logo-wrap{margin:0; gap:8px;}
  .admin-shell .logo-img{height:32px; max-width:118px;}
  .admin-shell .brand-lockup{display:flex; align-items:baseline; gap:6px;}
  .admin-shell .brand-text{font-size:12px;}
  .admin-shell .brand-context{font-size:8px;}
  .admin-shell nav{justify-content:flex-end; flex:0 0 auto; margin-left:auto;}
  .admin-shell .nav-main{justify-content:flex-end; overflow:visible; flex-wrap:nowrap; gap:0; padding:0;}
  .admin-shell .nav-primary{display:none;}
  .admin-shell .nav-tool-primary-fallback{display:grid;}
  .admin-shell .nav-more{position:static; flex:0 0 auto;}
  .admin-shell .nav-more summary{min-height:40px; padding:8px 11px;}
  .admin-shell .nav-menu{position:absolute; left:auto; right:10px; top:calc(100% + 1px); width:min(680px,calc(100vw - 20px)); min-width:0; max-height:calc(100dvh - 66px); padding:12px 14px 0; border-radius:0 0 16px 16px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
  .admin-shell .nav-menu-section{grid-template-columns:132px minmax(0,1fr); gap:12px; padding:12px 0;}
  .admin-shell .nav-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .admin-shell.admin-menu-open{overflow:hidden;}
  .manage-grid,.manage-grid.three{grid-template-columns:1fr 1fr;}
  .inline{display:grid; grid-template-columns:1fr; gap:10px;}
  .booking-phone-input{grid-template-columns:1fr;}
  table{display:block;overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .gallery{grid-template-columns:1fr}
  .hero-photo{min-height:240px}
  .week-head{display:block}.week-nav{justify-content:flex-start}.week-days{grid-template-columns:repeat(7,170px)}
  .section-toolbar{align-items:stretch;}
  .reschedule-shell{grid-template-columns:1fr;}
  .booking-summary-panel{position:static;}
}
@media (max-width:700px){
  .admin-shell .nav-menu{right:0; width:100vw; max-height:calc(100dvh - 54px); padding:12px 12px 0; border-radius:0 0 16px 16px;}
  .admin-shell .nav-menu-section{grid-template-columns:1fr; gap:4px;}
  .admin-shell .nav-menu-section>header{padding:0;}
  .admin-shell .nav-menu-section p{display:none;}
  .admin-shell .nav-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px;}
  .admin-shell .nav-tool{min-height:78px; grid-template-columns:minmax(0,1fr); gap:6px; padding:7px;}
  .admin-shell .nav-tool-icon{width:30px; height:30px; border-radius:9px;}
  .admin-shell .nav-tool-icon svg{width:18px; height:18px;}
  .admin-shell .nav-menu-footer{margin:0 -12px; padding:11px 12px;}
  body{background:#0b0c10;}
  main{max-width:none; margin:10px 0; padding:0 8px;}
  header{position:sticky; top:0; z-index:20;}
  .logo-img{height:38px; max-width:160px; object-fit:contain;}
  .brand-text{font-size:12px; letter-spacing:.08em;}
  h1{font-size:clamp(34px,12vw,48px); line-height:1.02; margin-bottom:10px;}
  h2{font-size:22px;}
  .card{border-radius:15px; padding:14px; box-shadow:none;}
  .stat{padding:13px;}
  input, select, textarea, button, .button{min-height:44px; font-size:16px; border-radius:12px;}
  .public-booking,.public-services{max-width:none; margin-left:0; margin-right:0;}
  .pos-products,.pos-category-items{grid-template-columns:1fr;}
  .pos-products,.pos-category-list{max-height:none; overflow:visible; padding-right:0;}
  .pos-cart{position:static;}
  .camera-box{min-height:220px;}
  .role-perms{grid-template-columns:1fr;}
  .manage-grid,.manage-grid.three{grid-template-columns:1fr;}
  .action-strip{display:grid; grid-template-columns:1fr;}
  .action-strip form{width:100%;}
  .action-strip .delete-form{width:100%;}
  .compact-action{display:grid; grid-template-columns:1fr;}
  th,td{padding:9px;}
  .footer{margin-top:16px; padding:14px 10px; font-size:12px;}
  .admin-shell .footer{display:grid; gap:5px;}
  .section-toolbar{display:grid;}
  .search-field{width:100%;}
  .search-field input{min-width:0;}
  .manage-accordion > summary{padding-right:48px;}
  .integration-status{grid-template-columns:1fr;}
  .empty-panel{min-height:165px; padding:20px;}
  .manage-booking-home{margin:34px auto;}
  .manage-booking-actions,.booking-summary-details{grid-template-columns:1fr;}
  .reschedule-shell{padding:28px 0 40px;}
  .manage-date-card{flex-basis:72px; min-height:96px;}
  .booking-summary-panel{padding:18px;}
}
@media (max-width:420px){
  main{padding:0 6px;}
  .card{padding:11px;}
  .nav-main a{font-size:13px; padding:7px 8px;}
  .nav-more summary{font-size:13px; padding:7px 9px;}
  .grid{gap:10px;}
}
@media (max-width:1100px){
  .public-hero{grid-template-columns:1fr; min-height:0; padding-top:46px;}
  .public-hero-copy{max-width:850px;}
  .public-hero-media{min-height:520px;}
  .public-hero-media>img{min-height:520px;}
  .public-booking-layout{grid-template-columns:1fr;}
  .booking-context{max-width:760px;}
  .appearance-layout{grid-template-columns:1fr;}
  .preview-panel{position:static;}
  .public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .public-location-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:700px){
  .public-shell .app-header{display:flex; align-items:center; padding:10px 14px;}
  .public-shell .logo-wrap{margin:0;}
  .public-shell .logo-img{height:38px; max-width:130px;}
  .public-shell .brand-text{font-size:13px;}
  .public-nav{justify-content:flex-end; padding:0; overflow:visible;}
  .public-nav a:first-child{display:none;}
  .public-nav .nav-book-link{font-size:13px; padding:9px 12px;}
  .public-shell .app-main{padding:0 12px 24px;}
  .public-hero{gap:28px; padding:38px 0 44px;}
  .public-hero-copy h1{font-size:clamp(48px,15vw,68px); margin:18px 0;}
  .public-lead{font-size:17px; line-height:1.55;}
  .hero-actions{margin:26px 0;}
  .public-details{display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:22px;}
  .public-hero-media,.public-hero-media>img{min-height:390px;}
  .public-hero-media{border-radius:22px 22px 6px 22px;}
  .hero-badge{max-width:245px; padding:16px 18px;}
  .public-booking-layout{gap:26px; margin:8px 0 62px; padding:22px 14px; border-radius:22px;}
  .booking-context{padding:4px 6px;}
  .booking-context h2{font-size:48px;}
  .feature-mini{margin-top:24px;}
  .booking-card{padding:18px 14px; border-radius:16px;}
  .booking-card-head{margin-bottom:18px;}
  .booking-card-head h2{font-size:22px;}
  .public-services-section{padding-bottom:62px;}
  .public-products-section{padding-bottom:62px;}
  .public-locations-section{padding-bottom:62px;}
  .section-heading{display:block;}
  .section-heading>p{margin-top:16px;}
  .public-service-card{grid-template-columns:36px 1fr auto; gap:10px; padding:18px 2px;}
  .public-service-card h3{font-size:17px;}
  .public-service-card>strong{font-size:19px;}
  .product-toolbar{grid-template-columns:1fr; padding:12px;}
  .public-product-grid{grid-template-columns:1fr;}
  .public-product-card h3{min-height:0;}
  .public-location-grid{grid-template-columns:1fr;}
  .booking-choice-grid{grid-template-columns:1fr;}
  .slot-picker-head{display:grid;}
  .booking-range-tabs{display:grid;grid-template-columns:repeat(3,1fr);}
  .booking-range-tabs button{width:100%;}
  .slot-day{grid-template-columns:1fr;}
  .schedule-day-grid{grid-template-columns:1fr 1fr;}
  .public-closing{display:grid; padding:24px 20px; border-radius:20px;}
  .public-closing .button{justify-self:start;}
  .public-shell .footer{display:grid; justify-items:center; gap:8px;}
  .page-heading{display:grid; align-items:start;}
  .page-heading .button{justify-self:start;}
  .appearance-form{padding:16px;}
  .media-editor-grid{grid-template-columns:1fr;}
  .colour-editor-grid{grid-template-columns:1fr;}
  .media-preview{height:210px;}
  .editor-actions{display:grid;}
  .editor-actions button{width:100%;}
  .preview-toolbar{grid-template-columns:1fr auto;}
  .preview-toolbar>strong{display:none;}
  .site-preview{height:650px;}
}
/* v14: warm editorial customer interface adapted from the supplied design reference. */
.public-shell {
  --text:#f7f1e8; --muted:#aaa69e; --line:rgba(255,255,255,.105);
  background:var(--site-page-bg); color:var(--site-page-text);
}
.public-shell .app-header {
  min-height:96px; padding-block:7px; background:color-mix(in srgb,var(--site-header-bg) 88%,transparent); color:var(--site-header-text);
  border-color:rgba(255,255,255,.08); backdrop-filter:blur(18px) saturate(120%);
}
.public-shell .logo-img { height:80px; max-width:290px; }
.public-shell .brand-text { font-family:Georgia,"Times New Roman",serif; font-size:17px; font-weight:600; letter-spacing:-.015em; }
.public-nav { gap:20px; }
.public-nav a { padding:9px 0; color:var(--site-header-text); opacity:.78; font-size:13px; font-weight:600; }
.public-nav a:hover { color:var(--text); background:transparent; }
.public-nav .nav-book-link { padding:11px 20px; border-radius:999px; background:var(--site-header-element); color:var(--site-header-bg); opacity:1; }
.public-nav .nav-book-link:hover { background:var(--site-header-element); color:var(--site-header-bg); filter:brightness(1.06); }
.public-shell .app-main { max-width:none; margin:0; padding:0; }
.public-site { background:var(--site-page-bg); color:var(--site-page-text); overflow:hidden; }
.public-site > section:not(.public-hero) { width:min(100% - 48px,1216px); margin-inline:auto; }
.public-hero {
  position:relative; display:flex; align-items:flex-end; min-height:calc(100svh - 96px);
  padding:clamp(130px,18vh,210px) max(24px,calc((100vw - 1216px)/2)) clamp(72px,10vh,110px);
  overflow:hidden; isolation:isolate;
}
.public-hero::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(0deg,var(--site-hero-bg) 0%,color-mix(in srgb,var(--site-hero-bg) 78%,transparent) 24%,color-mix(in srgb,var(--site-hero-bg) 25%,transparent) 72%),linear-gradient(90deg,color-mix(in srgb,var(--site-hero-bg) 84%,transparent),color-mix(in srgb,var(--site-hero-bg) 18%,transparent) 72%);
}
.public-hero-copy { position:relative; z-index:2; width:min(100%,760px); }
.public-hero-copy h1 { font-size:clamp(54px,7vw,var(--hero-size,96px)); line-height:.94; letter-spacing:-.05em; text-wrap:balance; }
.public-lead { max-width:570px; color:#d0cbc2; font-weight:400; }
.public-hero-media { position:absolute; inset:0; z-index:-2; min-height:0; border:0; border-radius:0; box-shadow:none; }
.public-hero-media::after { display:none; }
.public-hero-media>img { min-height:0; height:100%; filter:saturate(.88) contrast(1.04); }
.hero-badge { right:max(24px,calc((100vw - 1216px)/2)); bottom:30px; max-width:300px; padding:13px 17px; border-radius:999px; background:rgba(22,21,18,.72); color:var(--text); border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(12px); }
.hero-badge span { color:var(--site-accent); }
.hero-badge strong { font-family:inherit; font-size:12px; font-weight:600; }
.public-primary,button,.button { border-radius:999px; }
.public-primary { padding:14px 24px; }
.public-details { max-width:690px; border-color:rgba(255,255,255,.15); }
.public-marquee { border-block:1px solid var(--line); overflow:hidden; background:var(--site-marquee-bg); }
.public-marquee-track { display:flex; width:max-content; padding:22px 0; animation:public-marquee-scroll 42s linear infinite; }
.public-marquee-track span { display:flex; align-items:center; gap:36px; margin-right:36px; color:var(--site-marquee-text); font-family:Georgia,"Times New Roman",serif; font-size:clamp(20px,2vw,28px); white-space:nowrap; }
.public-marquee-track i { width:5px; height:5px; border-radius:50%; background:var(--site-marquee-element); opacity:.7; }
@keyframes public-marquee-scroll { to { transform:translateX(-33.333%); } }
.public-locations-section,.public-services-section,.home-business-section { padding-block:clamp(82px,10vw,124px); }
.public-locations-section { padding-bottom:36px; }
.section-heading h2,.public-closing h2,.public-story h2,.business-hero h1 { font-family:var(--hero-font,Georgia),"Times New Roman",serif; font-weight:500; letter-spacing:-.04em; }
.section-heading h2 { max-width:690px; }
.public-location-grid { gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--line); }
.public-location-card { border:0; border-radius:0; background:var(--site-locations-bg); color:var(--site-locations-text); padding:26px; }
.public-location-card:hover { background:#1e1d19; }
.public-location-card .location-pick { background:transparent; border-color:rgba(255,255,255,.16); }
.public-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--line); }
.public-service-card { min-height:132px; padding:28px; border:0; background:var(--site-services-bg); color:var(--site-services-text); }
.public-service-card:hover { padding-inline:32px; background:#1c1b18; }
.public-service-card h3 { font-family:var(--hero-font,Georgia),"Times New Roman",serif; font-size:22px; font-weight:500; }
.public-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(48px,8vw,104px); align-items:center; padding-block:clamp(92px,12vw,145px); }
.story-images { position:relative; padding:0 54px 52px 0; }
.story-main-image { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:20px; }
.story-detail-image { position:absolute; right:0; bottom:0; width:42%; aspect-ratio:1; object-fit:cover; border:5px solid #161512; border-radius:18px; }
.story-copy h2 { margin:18px 0 28px; font-size:clamp(44px,5vw,68px); line-height:.98; }
.story-copy>p { max-width:560px; color:var(--muted); font-size:16px; line-height:1.75; }
.story-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; padding-top:28px; border-top:1px solid var(--line); }
.story-stats span { display:grid; gap:6px; }
.story-stats strong { color:var(--site-accent); font-family:var(--hero-font,Georgia),"Times New Roman",serif; font-size:25px; font-weight:500; }
.story-stats small { color:#89857e; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.home-business-section { border-top:1px solid var(--line); }
.home-business-section .section-heading>p { display:grid; gap:12px; }
.home-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.home-product-card { display:flex; min-width:0; flex-direction:column; color:var(--text); }
.home-product-image { display:grid; place-items:center; aspect-ratio:1; padding:20px; overflow:hidden; border-radius:16px; background:#ece9e3; }
.home-product-image img { width:100%; height:100%; object-fit:contain; transition:transform .45s ease; }
.home-product-card:hover img { transform:scale(1.045); }
.home-product-brand { margin-top:16px; color:#88847d; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.home-product-card strong { margin-top:7px; font-size:14px; line-height:1.45; }
.home-product-price { margin-top:7px; color:var(--site-accent); font-family:var(--hero-font,Georgia),"Times New Roman",serif; font-size:19px; }
.public-booking-layout { margin-block:0 120px; padding:clamp(30px,5vw,64px); border:1px solid var(--line); border-radius:24px; background:var(--site-booking-bg); color:var(--site-booking-text); }
.booking-context h2 { color:var(--site-booking-text); }
.booking-context>p { color:var(--site-booking-text); opacity:.72; }
.booking-assurances span { color:#c5c0b7; border-color:var(--line); }
.feature-mini { border-color:var(--line); }
.feature-mini small { color:#8d8981; }
.booking-card { border:1px solid var(--line); background:#141310; box-shadow:0 28px 70px rgba(0,0,0,.25); }
.business-hero { width:min(100% - 48px,1216px)!important; max-width:1216px; padding:110px 0 72px; }
.business-hero h1 { max-width:850px; font-size:clamp(52px,7vw,82px); }
.product-toolbar { position:sticky; top:68px; z-index:12; border-radius:999px; background:rgba(22,21,18,.9); backdrop-filter:blur(16px); }
.public-product-grid { gap:24px; }
.public-product-card { border-radius:18px; background:#1a1916; }
.product-image-link { background:#ece9e3; }
.product-card-body { padding:22px; }
.public-closing { margin-bottom:64px!important; }
.public-shell .footer { margin-top:0; background:var(--site-footer-bg); color:var(--site-footer-text); }
.public-shell .footer a { color:var(--site-footer-element); }
.public-hero { background:var(--site-hero-bg); color:var(--site-hero-text); }
.public-hero .public-eyebrow,.public-hero .text-link { color:var(--site-hero-element); }
.public-hero .public-primary { background:var(--site-hero-element); color:var(--site-hero-bg); }
.public-hero .public-lead,.public-hero .public-details span,.public-hero .public-details a { color:var(--site-hero-text); }
.public-locations-section { background:var(--site-locations-bg); color:var(--site-locations-text); }
.public-locations-section .public-eyebrow,.public-locations-section .location-number { color:var(--site-locations-element); }
.public-locations-section .section-heading>p,.public-locations-section .public-location-card p,.public-locations-section .public-location-card small { color:var(--site-locations-text); opacity:.72; }
.public-locations-section .location-pick { color:var(--site-locations-element); }
.public-services-section { background:var(--site-services-bg); color:var(--site-services-text); }
.public-services-section .public-eyebrow,.public-services-section .public-service-card>strong { color:var(--site-services-element); }
.public-services-section .section-heading>p,.public-services-section .public-service-card p { color:var(--site-services-text); opacity:.72; }
.public-story { background:var(--site-story-bg); color:var(--site-story-text); }
.public-story .public-eyebrow,.public-story .story-stats strong { color:var(--site-story-element); }
.public-story .story-copy>p,.public-story .story-stats small { color:var(--site-story-text); opacity:.72; }
.home-business-section { background:var(--site-business-bg); color:var(--site-business-text); }
.home-business-section .public-eyebrow,.home-business-section .home-product-price,.home-business-section .text-link { color:var(--site-business-element); }
.home-business-section .section-heading>p,.home-business-section .home-product-card,.home-business-section .home-product-brand { color:var(--site-business-text); }
.custom-site-blocks { background:var(--site-custom-bg); color:var(--site-custom-text); }
.custom-site-blocks .custom-site-textbox { background:var(--site-custom-bg); color:var(--site-custom-text); }
.custom-site-blocks .custom-site-button { background:var(--site-custom-element); color:var(--site-custom-bg); }
.public-booking-layout .public-eyebrow,.public-booking-layout .feature-mini strong { color:var(--site-booking-element); }
.public-booking-layout .booking-submit { background:var(--site-booking-element); color:var(--site-booking-bg); }
.public-closing { background:var(--site-closing-bg); color:var(--site-closing-text); }
.public-closing .public-eyebrow { color:var(--site-closing-element); }
.public-closing .public-primary { background:var(--site-closing-element); color:var(--site-closing-bg); }
.public-shell .app-main>.card { width:min(100% - 48px,1100px); margin:80px auto; }
.booking-confirmation { width:min(100% - 48px,720px)!important; min-height:470px; margin:clamp(44px,8vw,110px) auto!important; padding:clamp(34px,7vw,72px)!important; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#191815; }
.confirmation-mark { display:grid; place-items:center; width:70px; height:70px; margin-bottom:24px; border-radius:50%; background:rgba(114,211,138,.12); border:1px solid rgba(114,211,138,.34); color:#9be2aa; font-size:32px; }
.booking-confirmation .public-eyebrow::before { display:none; }
.booking-confirmation h1 { max-width:620px; margin:16px 0; font-family:var(--hero-font,Georgia),"Times New Roman",serif; font-size:clamp(44px,7vw,68px); font-weight:500; line-height:1; }
.booking-confirmation>p { max-width:570px; margin:7px auto; color:#bbb6ae; line-height:1.7; }
.booking-confirmation .confirmation-lead { color:var(--text); font-size:19px; }
.booking-confirmation .button { margin-top:28px; }
.discount-decision { width:min(100% - 40px,680px); margin:clamp(36px,7vw,90px) auto; padding:clamp(28px,6vw,58px); border:1px solid var(--line); border-radius:28px; background:var(--panel); box-shadow:0 22px 60px rgba(0,0,0,.16); }
.discount-decision .confirmation-mark { margin:0 0 22px; background:#ff8147; color:#17130b; }
.discount-decision h1 { margin:0 0 14px; font-size:clamp(36px,6vw,58px); line-height:1; letter-spacing:-.04em; }
.discount-decision-lead { margin:0 0 26px; color:var(--muted); font-size:17px; line-height:1.65; }
.discount-decision-summary { display:grid; gap:10px; margin:0 0 26px; padding:18px 20px; border:1px solid var(--line); border-radius:16px; background:var(--bg); }
.discount-decision-summary div { display:flex; justify-content:space-between; gap:18px; }
.discount-decision-summary span { color:var(--muted); }
.discount-correct-form { display:grid; gap:12px; }
.discount-correct-form label { margin:0; }
.discount-correct-form button,.discount-skip-form button { width:100%; min-height:52px; }
.discount-skip-form { margin-top:10px; }
.discount-decision-note { margin:18px 0 0; color:var(--muted); text-align:center; font-size:13px; }
@media (prefers-reduced-motion:reduce) { .public-marquee-track { animation:none; } }
@media (max-width:900px) {
  .public-service-grid,.public-story { grid-template-columns:1fr; }
  .public-story { gap:54px; }
  .story-images { width:min(100%,620px); }
  .home-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-badge { display:none; }
}
@media (max-width:700px) {
  .public-shell .app-header { min-height:78px; padding-block:6px; }
  .public-shell .logo-img { height:64px; max-width:220px; }
  .public-shell .brand-text { display:none; }
  .public-nav { gap:10px; }
  .public-nav a:not(.nav-book-link):not(.nav-reviews-link):not([href="/business"]) { display:none; }
  .public-nav a[href="/business"] { display:block!important; font-size:12px; }
  .public-nav .nav-book-link { padding:9px 13px; font-size:12px; }
  .public-shell .app-main { padding:0; }
  .public-site > section:not(.public-hero) { width:min(100% - 28px,1216px); }
  .public-hero { min-height:calc(100svh - 78px); gap:0; padding:118px 18px 64px; }
  .public-hero-copy h1 { font-size:clamp(50px,15vw,70px); }
  .public-lead { font-size:17px; }
  .public-details { grid-template-columns:1fr 1fr; }
  .public-marquee-track { padding:17px 0; }
  .public-locations-section,.public-services-section,.home-business-section { padding-block:72px; }
  .public-locations-section { padding-bottom:18px; }
  .public-service-card { min-height:0; padding:22px 16px; }
  .public-service-card:hover { padding-inline:18px; }
  .story-images { padding:0 36px 40px 0; }
  .story-copy h2 { font-size:46px; }
  .story-stats { grid-template-columns:1fr 1fr; }
  .home-product-grid { gap:14px; }
  .home-product-image { padding:12px; border-radius:12px; }
  .public-booking-layout { width:calc(100% - 20px)!important; margin-bottom:80px; padding:24px 14px; }
  .product-toolbar { top:60px; border-radius:16px; }
  .business-hero { width:calc(100% - 28px)!important; padding:72px 0 52px; }
  .public-shell .app-main>.card { width:calc(100% - 24px); margin:24px auto; }
}
.pos-login-shell{min-height:58vh;display:grid;place-items:center}.pos-professional-login{width:min(100%,520px);padding:34px}.pos-login-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#fff0c5);color:#12110e;font-weight:900;letter-spacing:.08em;margin-bottom:20px}.pos-live-dot{width:10px;height:10px;border-radius:50%;background:#67d78b;box-shadow:0 0 0 5px #67d78b20}.page-heading.compact{margin-bottom:20px}.pos-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.pos-day-card{position:sticky;top:88px}.pos-side-session{display:grid;gap:12px;margin:-4px -4px 18px;padding:4px 4px 16px;border-bottom:1px solid var(--line)}.pos-side-identity{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.pos-side-identity div{display:grid;gap:1px;min-width:0}.pos-side-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pos-side-actions form{min-width:0}.pos-side-actions button{min-height:38px;padding:8px;font-size:12px}.pos-appointment-list{display:grid;gap:8px}.pos-appointment-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #34383c;border-radius:12px;background:#181b1e}.pos-appointment-row span:first-child{display:grid;gap:3px}.pos-appointment-row small{color:var(--muted)}.pos-main{min-width:0}.pos-main .pos-layout{grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr)}.pos-catalog,.pos-cart{min-width:0}.pos-category-list{margin-top:12px}.pos-tile span{color:var(--muted);font-size:13px}.pos-cart form{display:grid;gap:14px}.pos-choice{border:0;padding:0;margin:0}.pos-choice legend{font-size:13px;color:var(--muted);margin-bottom:8px}.pos-segmented,.pos-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pos-payment-grid{grid-template-columns:repeat(3,1fr)}.pos-segmented label,.pos-payment-grid label{cursor:pointer}.pos-segmented input,.pos-payment-grid input{position:absolute;opacity:0;pointer-events:none}.pos-segmented label,.pos-payment-grid span{display:grid;place-items:center;min-height:48px;padding:10px;border:1px solid #3a3e42;border-radius:12px;background:#1a1d20;font-weight:800}.pos-segmented label:has(input:checked),.pos-payment-grid label:has(input:checked) span{border-color:var(--accent);background:#d7b56d1c;color:#f6d68f}.pos-cart-rows{max-height:300px;overflow:auto}.pos-cart-rows input[type=number]{width:64px;padding:7px}.pos-total{display:flex;justify-content:space-between;align-items:end;padding-top:12px;border-top:1px solid #34383c}.pos-total strong{font-size:32px}.pos-complete{min-height:54px;font-size:16px}.sales-filter-bar,.report-filter{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;gap:12px;align-items:end;margin-bottom:18px}.report-filter{grid-template-columns:minmax(220px,1fr) minmax(180px,.6fr) auto}.report-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 10px}.report-title h2{margin:3px 0;font-size:34px}.payment-stat{display:flex;justify-content:space-between;align-items:center}.payment-stat strong{font-size:28px;color:#f3d383}
.professional-avatar{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#e8c879,#886b37);color:#17130b;font-weight:900;letter-spacing:.06em}.professional-avatar>span{position:relative;z-index:0}.professional-avatar>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.professional-admin-avatar{width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(255,255,255,.18);border-radius:14px;font-size:15px}.professional-edit-photo{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;margin:12px 0}.professional-edit-photo .professional-avatar{width:88px;height:88px;border-radius:18px;border:1px solid var(--line);font-size:22px}.professional-edit-photo-fields{display:grid;gap:9px}.professional-photo-remove{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.professional-photo-remove input{width:auto}
.pos-login-shell{display:block;min-height:58vh}.pos-access-card{padding:22px}.pos-login-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(460px,.85fr);gap:18px;align-items:start}.pos-login-layout:has(.pos-pin-panel[hidden]){grid-template-columns:1fr}.professional-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}.professional-profile-card{position:relative;display:flex;min-width:0;aspect-ratio:1/1.08;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:20px;background:#15181b;color:var(--text);box-shadow:0 14px 30px rgba(0,0,0,.2);text-align:left}.professional-profile-card:hover,.professional-profile-card:focus-visible,.professional-profile-card.selected{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 2px rgba(215,181,109,.15)}.professional-profile-card:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}.professional-profile-card .professional-avatar{position:absolute;inset:0;width:100%;height:100%;font-size:38px}.professional-profile-card .professional-avatar:after{content:"";position:absolute;inset:38% 0 0;z-index:2;background:linear-gradient(transparent,rgba(4,5,6,.93))}.professional-profile-meta{position:relative;z-index:3;display:grid;gap:3px;width:100%;padding:18px}.professional-profile-meta strong{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.professional-profile-meta small{color:#c3c0b9;font-size:11px}.pos-pin-panel{position:sticky;top:88px;min-height:100%;padding:22px}.pos-pin-panel[hidden]{display:none}.selected-professional{display:grid;grid-template-columns:minmax(150px,1fr) minmax(230px,auto);align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.selected-professional-person{display:flex;min-width:0;align-items:center;gap:14px}.selected-professional-person>div{min-width:0}.selected-professional .professional-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:18px;font-size:20px}.selected-professional h2{overflow:hidden;margin:2px 0 0;text-overflow:ellipsis;white-space:nowrap}.pos-face-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pos-face-action{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:9px 11px;text-align:left;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 13%,var(--panel2));color:var(--text)}.pos-face-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.pos-face-action strong,.pos-face-action small{display:block}.pos-face-action strong{font-size:12px}.pos-face-action small{margin-top:2px;color:var(--muted);font-size:9px}.pos-face-action:disabled{cursor:not-allowed;opacity:.45}.pin-display{display:flex;min-height:48px;align-items:center;justify-content:center;gap:10px;margin:18px 0 14px;border:1px solid var(--line);border-radius:14px;background:#0c0e11}.pin-dot{width:11px;height:11px;border:1px solid #777;border-radius:50%;background:transparent}.pin-dot.filled{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px rgba(215,181,109,.12)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pin-key{min-height:58px;border:1px solid #3b3f43;background:#1c2024;color:var(--text);font-size:21px;box-shadow:none}.pin-key:hover,.pin-key:focus-visible{border-color:var(--accent);background:#272b2f}.pin-key.action{font-size:13px;color:var(--muted)}.pin-submit{min-height:52px;margin-top:4px}.pin-submit:disabled{cursor:not-allowed;opacity:.4}.pin-cancel{margin-top:8px}.pos-login-help{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:12px}
.pos-booking-date-nav{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 38px;gap:6px;align-items:stretch;margin:12px 0}.pos-date-step,.pos-calendar-button{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);font-weight:900;text-decoration:none;cursor:pointer}.pos-date-step:hover,.pos-calendar-button:hover{border-color:var(--accent);color:var(--accent)}.pos-booking-date-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0}.pos-booking-date{display:grid;place-items:center;align-content:center;min-width:0;min-height:42px;padding:5px 2px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);text-decoration:none;line-height:1}.pos-booking-date small{font-size:9px;text-transform:uppercase;color:var(--muted)}.pos-booking-date strong{font-size:15px;margin-top:3px}.pos-booking-date.active{border-color:var(--accent);background:var(--accent);color:#17130c}.pos-booking-date.active small{color:#17130c}.pos-calendar-button{position:relative;font-size:18px}.pos-calendar-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:1150px){.pos-login-layout{grid-template-columns:minmax(0,1fr) minmax(420px,.75fr)}.professional-profile-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pos-workspace{grid-template-columns:1fr}.pos-day-card{position:static}.pos-appointment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-main .pos-layout{grid-template-columns:1fr}.sales-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-filter-bar button,.sales-filter-bar .button{width:100%}}
@media(max-width:760px){.pos-login-layout{grid-template-columns:1fr}.pos-pin-panel{position:fixed;z-index:90;inset:70px 10px max(10px,env(safe-area-inset-bottom));min-height:0;overflow-y:auto;border-color:rgba(215,181,109,.5);box-shadow:0 28px 80px rgba(0,0,0,.72)}.professional-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-login-help{flex-direction:column}.professional-edit-photo{grid-template-columns:1fr}.professional-edit-photo .professional-avatar{width:76px;height:76px}.pos-appointment-list{grid-template-columns:1fr}.pos-segmented,.pos-payment-grid{grid-template-columns:1fr}.sales-filter-bar,.report-filter{grid-template-columns:1fr}.report-title{align-items:flex-start}.pos-professional-login{padding:24px}}
.pos-face-delete{grid-column:1/-1;border-color:color-mix(in srgb,#d94a4a 50%,var(--line));background:color-mix(in srgb,#d94a4a 10%,var(--panel2));color:#ffd8d8}
@media(max-width:520px){.selected-professional{grid-template-columns:1fr}.pos-face-actions{grid-template-columns:1fr 1fr}.pos-face-action{padding:9px}.selected-professional .professional-avatar{width:62px;height:62px;flex-basis:62px}}
@media(max-width:430px){.pos-access-card{padding:12px}.professional-profile-grid{gap:9px}.professional-profile-card{border-radius:15px}.professional-profile-meta{padding:12px}.professional-profile-meta strong{font-size:15px}.pin-key{min-height:54px}}
.pos-no-receipt{min-height:48px;font-weight:800}
/* POS session controls: distinguish the three operator actions at a glance. */
.pos-side-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pos-side-actions form{min-width:0}
.pos-side-actions a,.pos-side-actions button{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:9px 10px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);color:var(--text);font-size:12px;font-weight:800;line-height:1.15}
.pos-side-actions a:before,.pos-side-actions button:before{display:grid;place-items:center;width:28px;height:28px;color:var(--accent);font-size:23px;line-height:1}
.pos-side-actions a:first-child{grid-column:1/-1;grid-template-columns:34px minmax(0,1fr) auto;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel-2)),var(--panel-2));border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.pos-side-actions a:first-child:before{content:'▣';font-size:27px}
.pos-side-actions a:first-child:after{content:'›';color:var(--accent);font-size:19px}
.pos-side-actions form:nth-child(2) button:before{content:'♙↔';font-size:18px;letter-spacing:-5px}
.pos-side-actions form:nth-child(3) button:before{content:'♙';font-size:24px}
.pos-side-actions form:nth-child(3) button:after{content:'POS only';display:block;grid-column:2;color:var(--muted);font-size:9px;font-weight:600}
.pos-side-actions form:nth-child(4) button:before{content:'↪';font-size:24px}
.pos-side-actions form:nth-child(4) button:after{content:'All access';display:block;grid-column:2;color:var(--muted);font-size:9px;font-weight:600}
.pos-side-actions a:hover,.pos-side-actions a:focus-visible,.pos-side-actions button:hover,.pos-side-actions button:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--text)}
.pos-page-head .pos-top-switcher{grid-template-columns:minmax(0,1fr) 92px;padding:0;border:0;background:transparent;box-shadow:none}
.pos-page-head .pos-quick-locations{flex-direction:column;align-items:stretch;justify-content:center;overflow:visible}
.pos-page-head .pos-quick-professionals{justify-content:flex-start}
.pos-page-head .pos-quick-location{width:100%}

/* v38 cross-browser POS and guided-booking refinements */
.pos-login-layout.pin-closed{grid-template-columns:minmax(0,1fr)}
.professional-profile-grid{display:flex;flex-wrap:nowrap;grid-template-columns:none;gap:14px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;scroll-snap-type:x proximity}
.professional-profile-grid .professional-profile-card{flex:0 0 clamp(145px,16vw,178px);scroll-snap-align:start}
.pos-location-tabs{display:flex;gap:9px;overflow-x:auto;margin:0 0 18px;padding:3px 0 8px;scrollbar-width:thin}
.pos-location-tab{flex:0 0 auto;min-height:42px;padding:9px 17px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--text);box-shadow:none}
.pos-location-tab.active{border-color:var(--accent);background:var(--accent);color:#17130b}
.guided-calendar-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.guided-calendar-open{display:grid;width:52px;height:52px;place-items:center;flex:0 0 52px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);box-shadow:none;font-size:23px}
.guided-calendar-dialog{width:min(520px,calc(100% - 24px));padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--text);box-shadow:0 35px 100px rgba(0,0,0,.55)}
.guided-calendar-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
.guided-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.guided-calendar-head h2{margin:0}
.guided-calendar-close{width:42px;height:42px;padding:0;border-radius:50%;background:var(--panel-soft);color:var(--text);box-shadow:none}
.guided-calendar-week,.guided-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.guided-calendar-week span{padding:7px 0;color:var(--muted);font-size:12px;text-align:center}
.guided-calendar-day{min-height:46px;padding:5px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);box-shadow:none}.guided-calendar-day:hover,.guided-calendar-day.active{border-color:var(--accent);background:var(--accent);color:#17130b}.guided-calendar-day:disabled{opacity:.3}
.guided-mobile-checkout{display:none}.service-select-card:has(input:checked) .service-add{font-size:0}.service-select-card:has(input:checked) .service-add:after{content:'✓';font-size:22px}
@media(max-width:520px){.guided-service-page{padding-bottom:110px}.guided-service-page .guided-summary{display:none}.guided-mobile-checkout{position:fixed;z-index:45;display:flex;left:0;right:0;bottom:0;align-items:center;justify-content:space-between;gap:14px;padding:14px max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(15px);box-shadow:0 -15px 45px rgba(0,0,0,.25)}.guided-mobile-checkout strong,.guided-mobile-checkout span{display:block}.guided-mobile-checkout button{min-width:155px;margin:0}.guided-calendar-dialog{padding:18px}}

/* v36 guided public booking flow */
.guided-slot.unavailable,.guided-slot:disabled{opacity:.48;background:color-mix(in srgb,var(--panel) 72%,#777 28%);color:var(--muted);cursor:not-allowed}.guided-slot small{display:block;margin-top:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.guided-booking{width:min(1420px,calc(100% - 40px));min-height:calc(100vh - 170px);margin:0 auto;padding:52px 0 76px}.guided-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.guided-back,.guided-close{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:24px;text-decoration:none}.guided-close{font-size:28px}.guided-steps{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px}.guided-steps span.active{color:var(--text);font-weight:800}.guided-steps i{width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.guided-title{margin:0 0 30px;font-size:clamp(38px,5vw,68px);letter-spacing:-.045em}.guided-business-head{display:flex;align-items:center;gap:15px;margin-bottom:30px}.guided-business-head img{width:74px;height:74px;border-radius:15px;object-fit:cover;border:1px solid var(--line)}.guided-business-head strong{display:block;font-size:19px}.guided-business-head span{display:block;margin-top:5px;color:var(--muted)}.guided-option-list{display:grid;gap:14px;max-width:820px}.guided-option{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:108px;padding:22px 26px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);text-decoration:none;transition:.18s ease}.guided-option:hover,.guided-option:focus-visible{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.guided-option strong{display:block;font-size:20px}.guided-option span{display:block;margin-top:5px;color:var(--muted)}.guided-option svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.7}.guided-more{margin:42px 0 14px;font-size:24px}.guided-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);gap:42px;align-items:start}.guided-list{display:grid;gap:13px}.service-select-card,.professional-select-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:138px;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);cursor:pointer}.service-select-card:hover,.service-select-card:has(input:checked),.professional-select-card:hover{border-color:var(--accent);box-shadow:0 16px 38px rgba(0,0,0,.16)}.service-select-card input{position:absolute;opacity:0}.service-select-card h2,.professional-select-card h2{margin:0 0 5px;font-size:20px}.service-select-card p,.professional-select-card p{margin:0;color:var(--muted)}.service-select-card .service-price{display:block;margin-top:18px;font-size:18px;font-weight:800}.service-add{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:27px}.service-select-card:has(input:checked) .service-add{background:var(--accent);color:#15120c}.guided-summary{position:sticky;top:90px;min-height:520px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 20px 55px rgba(0,0,0,.15)}.guided-summary .guided-business-head{padding-bottom:22px;border-bottom:1px solid var(--line)}.guided-summary .guided-business-head img{width:64px;height:64px}.guided-summary-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.guided-summary-row span{color:var(--muted)}.guided-summary-total{display:flex;justify-content:space-between;margin-top:24px;font-size:20px;font-weight:900}.guided-continue{width:100%;min-height:54px;margin-top:30px}.guided-continue:disabled{opacity:.42;cursor:not-allowed}.group-size-control{display:grid;grid-template-columns:1fr 130px;align-items:end;gap:14px;margin-bottom:20px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.professional-select-card{grid-template-columns:auto 1fr auto;text-decoration:none}.professional-select-card .professional-avatar{width:88px;height:88px;border-radius:50%;font-size:22px}.professional-select-card .button{min-width:94px}.guided-time-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:38px}.guided-date-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}.guided-date{min-width:86px;padding:14px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:none}.guided-date span,.guided-date small{display:block}.guided-date strong{display:block;margin:3px 0;font-size:23px}.guided-date.active{border-color:var(--accent);background:var(--accent);color:#17130b}.guided-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 28px}.guided-slot{min-height:58px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:none}.guided-slot.selected{border-color:var(--accent);background:var(--accent);color:#17130b}.guided-customer-form{display:grid;gap:15px;padding-top:24px;border-top:1px solid var(--line)}.guided-customer-form .inline{margin:0}.guided-empty{grid-column:1/-1;padding:30px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}.guided-professional-note{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted);font-size:13px}.guided-professional-note:before{content:"";width:8px;height:8px;border-radius:50%;background:#62d485}.guided-section-label{display:block;margin:0 0 14px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.11em}
.professional-select-card{grid-template-columns:auto minmax(0,1fr) auto}.professional-select-card p{max-width:none;margin:4px 0;color:var(--muted)}.professional-profile-open{width:auto;padding:0;border:0;background:transparent;color:var(--text);box-shadow:none;text-decoration:underline;text-underline-offset:4px}.professional-profile-open:hover{color:var(--accent);transform:none;box-shadow:none}.any-professional-card{min-height:116px}.any-professional-icon{display:grid;width:88px;height:88px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--panel2));color:var(--accent);font-size:38px}.professional-profile-dialog{width:min(620px,calc(100% - 24px));max-height:min(820px,calc(100vh - 24px));padding:0 0 28px;overflow:auto;border:1px solid var(--line);border-radius:28px;background:var(--panel);color:var(--text);box-shadow:0 28px 100px #0009}.professional-profile-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.professional-profile-close{position:sticky;z-index:3;top:14px;float:right;width:46px;height:46px;margin:14px 14px -60px 0;padding:0;border-radius:50%;background:var(--panel2);color:var(--text);font-size:28px}.professional-profile-hero{display:grid;justify-items:center;padding:42px 26px 28px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--panel2)),var(--panel))}.professional-profile-hero .professional-avatar{width:170px;height:170px}.professional-profile-hero h2{margin:18px 0 4px;font-size:34px}.professional-profile-hero p{margin:0;color:var(--muted)}.professional-profile-dialog>section,.professional-profile-dialog>.professional-profile-stats,.professional-profile-dialog>.button{margin-left:28px;margin-right:28px}.professional-profile-dialog>section{margin-top:28px}.professional-profile-dialog>section h3{margin:0 0 12px;font-size:24px}.professional-profile-dialog>section p{margin:0;color:var(--text);line-height:1.7;white-space:pre-line}.professional-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}.professional-profile-stats div{padding:18px;background:var(--panel2)}.professional-profile-stats strong,.professional-profile-stats span{display:block}.professional-profile-stats strong{font-size:24px}.professional-profile-stats span{margin-top:5px;color:var(--muted);font-size:12px}.professional-profile-chips{display:flex;flex-wrap:wrap;gap:8px}.professional-profile-chips span{padding:9px 13px;border-radius:999px;background:var(--panel2)}.professional-profile-dialog>.button{display:block;margin-top:30px;text-align:center}@media(max-width:560px){.professional-select-card{grid-template-columns:68px minmax(0,1fr) auto;min-height:112px;padding:16px}.professional-select-card .professional-avatar,.any-professional-icon{width:64px;height:64px}.professional-select-card .button{min-width:76px;padding:10px 12px}.professional-profile-hero .professional-avatar{width:138px;height:138px}.professional-profile-dialog>section,.professional-profile-dialog>.professional-profile-stats,.professional-profile-dialog>.button{margin-left:18px;margin-right:18px}}
.guided-customer-form{scroll-margin-top:110px}
.booking-consents{display:grid;gap:12px;margin-top:4px}.booking-consent{display:flex!important;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer}.booking-consent input{width:20px!important;height:20px;min-height:20px!important;margin:1px 0 0;flex:0 0 20px;accent-color:var(--accent)}.booking-consent.required{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.booking-policy-card{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.booking-policy-card strong{display:block;margin-bottom:7px}.booking-policy-card p{margin:0;color:var(--muted);line-height:1.65}
.guided-professional-switch{display:grid;gap:6px;width:min(210px,42vw);margin-left:auto}.guided-professional-switch span{margin:0!important;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.guided-professional-switch select{width:100%;min-height:46px;padding:9px 34px 9px 12px;border-radius:14px;background:var(--panel);color:var(--text)}.guided-fully-booked{font-weight:800}
@media(max-width:900px){.guided-booking{width:min(100% - 24px,760px);padding-top:28px}.guided-grid,.guided-time-layout{grid-template-columns:1fr}.guided-summary{position:static;min-height:0}.guided-steps{display:none}.guided-title{font-size:42px}.guided-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.guided-booking{width:calc(100% - 20px)}.guided-option{min-height:94px;padding:18px}.guided-option strong{font-size:18px}.guided-business-head img{width:62px;height:62px}.service-select-card,.professional-select-card{padding:18px}.professional-select-card{grid-template-columns:auto 1fr}.professional-select-card .professional-avatar{width:64px;height:64px}.professional-select-card .button{grid-column:1/-1;width:100%}.group-size-control{grid-template-columns:1fr}.guided-summary{padding:20px}}
@media(max-width:520px){.professional-select-card{grid-template-columns:64px minmax(0,1fr) auto;padding:14px}.professional-select-card .button{grid-column:auto;width:auto;min-width:72px}.any-professional-card{grid-template-columns:64px minmax(0,1fr) auto}.professional-profile-open{font-size:13px}}
.guided-business-head>.professional-avatar{width:74px;height:74px;flex:0 0 74px;border-radius:15px;font-size:20px}
.guided-grid>*,.guided-time-layout>*{min-width:0}
.guided-business-head strong>span{display:inline;margin:0;color:inherit}

/* v26 website profiles and refined responsive surfaces */
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}
button,.button,.manage-card,.stat{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
button:hover,.button:hover{transform:translateY(-1px)}
.admin-shell .app-main{padding-bottom:32px}
.admin-shell .card{border-color:rgba(255,255,255,.095);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.whole-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.whole-theme-palette{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.whole-theme-palette h3{margin:4px 0 6px}.theme-gradient-help{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.4}.theme-gradient-preview{display:flex;min-height:46px;align-items:center;justify-content:center;margin:0 0 14px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--preview-start),var(--preview-end));color:#15120a;font-size:12px;font-weight:900;text-align:center;box-shadow:0 8px 18px color-mix(in srgb,var(--preview-start) 16%,transparent)}.theme-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-colour-grid label{display:grid;grid-template-columns:1fr 54px;gap:10px;align-items:center;margin:0}.theme-colour-grid input[type=color]{width:54px;height:38px;padding:3px}.theme-apply-all{margin-top:14px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.live-times-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.live-times-board .live-professional-schedule{min-width:0}.upcoming-appointments-page{display:grid;gap:18px}.upcoming-board{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.upcoming-board .live-agenda{max-height:calc(100dvh - 360px);min-height:360px}.upcoming-highlight-list{display:grid;gap:10px}.marketing-card{margin:18px 0}.marketing-card textarea{min-height:150px}.client-select-cell{width:48px;text-align:center}.client-select-cell input{width:20px;height:20px}.marketing-selection-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.marketing-selection-status strong{font-size:1.2rem}
.live-booking-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--text);box-shadow:0 34px 100px rgba(0,0,0,.58)}
.live-booking-dialog::backdrop{background:rgba(6,8,9,.72);backdrop-filter:blur(5px)}
.live-booking-shell{display:grid;gap:20px;padding:26px}.live-booking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-booking-head h2{margin:3px 0 4px;font-size:clamp(28px,4vw,42px)}.live-booking-close{width:44px;height:44px;flex:0 0 44px;padding:0;border-radius:50%;background:var(--panel-soft);color:var(--text);box-shadow:none;font-size:26px}
.live-booking-summary{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}.live-booking-summary .professional-avatar{width:54px;height:54px;flex:0 0 54px}.live-booking-summary strong,.live-booking-summary span{display:block}.live-booking-summary span{margin-top:3px;color:var(--muted)}
.live-service-fieldset{min-width:0;margin:0;padding:0;border:0}.live-service-fieldset legend{margin-bottom:8px;color:var(--muted)}.live-service-grid{display:grid;gap:8px;max-height:310px;overflow:auto;padding:2px}.live-service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:66px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--text);box-shadow:none;text-align:left}.live-service-card:hover,.live-service-card.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.live-service-card-copy{min-width:0}.live-service-card strong,.live-service-card small{display:block}.live-service-card small{margin-top:4px;color:var(--muted)}.live-service-card-price{font-size:1.05rem;font-weight:900;white-space:nowrap;text-align:right}
.live-client-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-client-action{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--text);box-shadow:none;text-align:left}.live-client-action strong{font-size:15px}.live-client-action span{display:grid;width:34px;height:34px;place-items:center;flex:0 0 34px;border-radius:50%;background:color-mix(in srgb,var(--accent) 20%,var(--panel));color:var(--accent);font-size:22px}
.live-client-list{display:grid;gap:8px;max-height:275px;overflow:auto;padding-right:3px}.live-client-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--text);box-shadow:none;text-align:left}.live-client-option:hover,.live-client-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.live-client-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent);font-weight:900}.live-client-option strong,.live-client-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-client-option small{margin-top:2px;color:var(--muted)}
.live-client-fields{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel-soft)}.live-booking-message{min-height:20px;margin:0;color:var(--muted)}.live-booking-message.error{color:var(--danger)}.live-booking-submit{width:100%}.live-booking-dialog[open]~*{overflow-anchor:none}
.guided-date-strip,.guided-slots,.guided-customer-form{overflow-anchor:none}
@media(max-width:650px){.live-booking-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.live-booking-shell{min-height:100%;align-content:start;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.live-client-actions{grid-template-columns:1fr}.live-booking-dialog .inline{grid-template-columns:1fr}.live-client-list{max-height:34dvh}.live-service-grid{max-height:38dvh}.live-service-card{min-height:62px;padding:11px 12px}.live-service-card-price{font-size:1rem}}
.profile-studio{margin-bottom:18px;padding:24px}
.page-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-profile-card{display:grid;align-content:start;gap:13px;min-width:0;padding:17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#191d20,#101215)}
.page-profile-card.selected{border-color:rgba(215,181,109,.7);box-shadow:inset 0 0 0 1px rgba(215,181,109,.18),0 15px 34px rgba(0,0,0,.2)}
.page-profile-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.page-profile-top h3{margin:4px 0 0;font-size:19px}
.profile-template,.profile-editing{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.profile-editing{color:var(--text)}
.profile-status{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.page-profile-card>p{margin:0;color:var(--muted);font-size:12px}
.page-profile-actions{display:flex;gap:6px;flex-wrap:wrap}
.page-profile-actions form{display:block}
.page-profile-actions button,.page-profile-actions .button{width:auto;min-height:36px;padding:8px 10px;border-radius:9px;font-size:12px}
.button.disabled{pointer-events:none;opacity:.55}
.profile-rename{border-top:1px solid var(--line);padding-top:10px}
.profile-rename>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:750;list-style:none}
.profile-rename>summary::-webkit-details-marker{display:none}
.profile-rename form{grid-template-columns:minmax(140px,1fr) auto;align-items:end;margin-top:10px}
.profile-create{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(170px,.8fr) minmax(190px,.9fr) auto;gap:12px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.profile-create>div{display:grid;gap:5px;align-self:center}.profile-create>div span{color:var(--muted);font-size:12px;line-height:1.45}
.editor-profile-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:13px 16px;border:1px solid rgba(215,181,109,.32);border-radius:14px;background:rgba(215,181,109,.055)}
.editor-profile-banner>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editor-profile-banner>div>span:last-child{color:var(--muted);font-size:12px}
.location-landing{display:grid;grid-template-columns:minmax(500px,.82fr) minmax(560px,1.18fr);gap:clamp(20px,2vw,32px);align-items:start;width:min(1800px,100%);min-height:calc(100svh - 142px);margin:0 auto;padding:clamp(18px,2.5vh,32px) clamp(16px,3vw,48px) 24px}
.location-landing-left{min-width:0}
.location-landing>.custom-site-blocks{grid-column:1/-1}
.location-landing-intro{position:relative;margin-bottom:22px;padding-right:132px}
.location-landing-intro h1{font-family:var(--hero-font),Georgia,serif;font-size:clamp(52px,5.7vw,86px);line-height:.9;margin:10px 0 16px;letter-spacing:-.055em}
.location-landing-intro p{max-width:650px;color:var(--muted);font-size:clamp(15px,1.2vw,19px);line-height:1.45;margin:0}
.location-landing-count{position:absolute;right:0;bottom:2px;display:flex;align-items:flex-end;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}
.location-landing-count strong{font-family:Georgia,serif;color:var(--accent);font-size:44px;line-height:.8}.location-landing-count span{color:var(--muted);font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.09em}
.location-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.location-choice-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 24px 55px rgba(0,0,0,.2)}
.location-choice-image{height:clamp(150px,19vh,205px);position:relative;overflow:hidden;background:#0f1113}.location-choice-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.location-choice-card:hover .location-choice-image img{transform:scale(1.035)}
.location-choice-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}
.location-choice-copy{padding:14px 52px 14px 14px}.location-choice-copy>div:first-child{display:flex;align-items:center;gap:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.location-open-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(114,211,138,.12)}
.location-choice-copy h2{font-family:Georgia,serif;font-size:clamp(21px,1.7vw,26px);margin:9px 0 5px}.location-choice-copy>p{min-height:34px;color:var(--muted);font-size:12px;line-height:1.45}
.location-choice-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.location-choice-copy dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.location-choice-copy dd{margin:3px 0 0;font-size:11px}.location-choice-copy dd a{color:var(--text)}
.location-choice-actions{display:flex!important;align-items:center!important;justify-content:space-between;gap:8px!important;flex-wrap:wrap}.location-choice-actions .button{font-size:12px;padding:10px 12px}.location-map-focus{border:0;background:transparent;color:var(--text);padding:6px 0;font-weight:750;cursor:pointer}.location-map-focus:hover{color:var(--accent)}
.location-map-panel{position:sticky;top:72px;height:calc(100svh - 158px);min-height:500px;max-height:820px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#d8d5ca;color:#171815;isolation:isolate}
.location-map-grid{width:100%;height:100%;background:#d9d6ca;outline:0}.location-map-grid .leaflet-tile{width:var(--map-tile-width)!important;height:var(--map-tile-height)!important;mix-blend-mode:normal!important}.location-map-grid .leaflet-control-attribution{font-size:10px}.location-map-grid .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 18px 42px #0003}.location-map-grid .leaflet-popup-content{margin:16px;min-width:190px;color:#171815}.map-popup{display:grid;gap:7px}.map-popup strong{font-size:15px}.map-popup span{color:#5b5e5b;font-size:12px;line-height:1.4}.map-popup-actions{display:flex;gap:8px;margin-top:5px}.map-popup-actions a{padding:8px 10px;border-radius:9px;background:#171815;color:#fff;font-size:11px;font-weight:750}.map-popup-actions a:first-child{background:var(--accent);color:#171815}
.fresh-map-marker{background:transparent;border:0}.fresh-map-marker span{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#111315;color:#fff;border:3px solid #fff;box-shadow:0 10px 24px #0005;font-weight:850}.fresh-map-marker span b{transform:rotate(45deg)}
.map-empty-message{height:100%;display:grid;place-items:center;padding:30px;text-align:center;background:linear-gradient(145deg,#dfdcd2,#b9c7c0);color:#272a28}.map-empty-message strong{display:block;font-family:Georgia,serif;font-size:28px}.map-empty-message span{display:block;max-width:380px;margin-top:8px;color:#555b57}
.blank-front-page{min-height:calc(100vh - 180px);display:grid;align-content:center;gap:18px;width:min(1100px,100%);margin:auto;padding:40px 20px}.blank-front-page:empty{min-height:70vh}
@media(max-width:1150px){.page-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-create{grid-template-columns:1fr 1fr}.profile-create>div{grid-column:1/-1}.location-landing{display:block;min-height:0}.location-map-panel{position:relative;top:auto;height:500px;margin-top:20px}.location-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.profile-studio{padding:14px}.page-profile-grid,.profile-create{grid-template-columns:1fr}.profile-create>div{grid-column:auto}.editor-profile-banner{align-items:flex-start;flex-direction:column}.editor-profile-banner .button{width:100%}.page-profile-actions>*{flex:1}.page-profile-actions button,.page-profile-actions .button{width:100%}.location-landing{padding:28px 12px 48px}.location-landing-intro{padding-right:0}.location-landing-count{position:static;width:max-content;margin-top:20px}.location-choice-list{grid-template-columns:1fr}.location-choice-image{height:210px}.location-map-panel{height:390px;border-radius:18px}.location-choice-copy dl{grid-template-columns:1fr}.profile-rename form{grid-template-columns:1fr}}

/* Back-office theme switch. Public pages deliberately keep their configured appearance. */
.theme-toggle{width:auto;min-width:112px;min-height:40px;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);box-shadow:none;white-space:nowrap}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle-icon{font-size:16px;line-height:1}
.public-theme-toggle{border-color:color-mix(in srgb,currentColor 22%,transparent);background:color-mix(in srgb,var(--site-header-bg) 82%,transparent);color:var(--site-header-text)}
.public-theme-toggle:hover{border-color:var(--site-header-element);color:var(--site-header-element)}
html[data-public-theme="light"] .public-shell{
  --bg:var(--theme-light-bg,#f4f3ef);--panel:var(--theme-light-panel,#ffffff);--panel2:var(--theme-light-panel2,#ecebe6);--text:var(--theme-light-text,#1d2023);--muted:var(--theme-light-muted,#666a68);
  --line:rgba(31,34,38,.16);--accent:var(--theme-light-accent,#9a711f);--accent2:var(--theme-light-accent2,#765617);color-scheme:light;
  background:var(--bg)!important;color:var(--text);
}
html[data-public-theme="light"] .public-shell .app-header{background:color-mix(in srgb,var(--bg) 94%,transparent);color:var(--text);border-color:rgba(31,34,38,.13);box-shadow:0 8px 26px rgba(29,32,35,.06)}
html[data-public-theme="light"] .public-shell .logo-img{background:#fff;filter:invert(1) drop-shadow(0 3px 10px rgba(29,32,35,.1));mix-blend-mode:multiply;clip-path:inset(20% 0)}
html[data-public-theme="light"] .public-shell .public-nav a{color:#303336}
html[data-public-theme="light"] .public-shell .public-nav .nav-book-link{background:var(--site-accent);color:#17130b}
html[data-public-theme="light"] .public-shell .public-theme-toggle{background:#ecebe6;color:#292c2f;border-color:rgba(31,34,38,.16)}
html[data-public-theme="light"] .public-shell .location-choice-card,
html[data-public-theme="light"] .public-shell .guided-summary,
html[data-public-theme="light"] .public-shell .guided-date,
html[data-public-theme="light"] .public-shell .guided-slot,
html[data-public-theme="light"] .public-shell .guided-option,
html[data-public-theme="light"] .public-shell .service-select-card,
html[data-public-theme="light"] .public-shell .professional-select-card,
html[data-public-theme="light"] .public-shell .public-product-card,
html[data-public-theme="light"] .public-shell .booking-confirmation{background:var(--panel);color:var(--text);box-shadow:0 16px 42px rgba(28,31,34,.08)}
html[data-public-theme="light"] .public-shell .footer{background:var(--panel2);color:var(--muted);border-color:var(--line)}
html[data-public-theme="light"] .public-shell .footer a{color:var(--accent2)}
html[data-public-theme="light"] .public-shell .location-map-panel{background:#d8e2e5}
html[data-public-theme="dark"] .public-shell .location-map-panel{border-color:transparent;background:#d8e2e5}
html[data-public-theme="dark"] .public-shell .location-map-grid{background:#d8e2e5}
html[data-public-theme="dark"] .public-shell .location-map-grid .leaflet-tile-pane{filter:none}
html[data-public-theme="light"] .public-shell .location-map-grid .leaflet-tile-pane{filter:none}
.location-social-links{position:absolute;z-index:6;right:10px;top:49%;display:flex;flex-direction:column;gap:8px;transform:translateY(-8%)}.location-social-link{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.22);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.location-social-link:hover,.location-social-link:focus-visible{transform:translateX(-3px) scale(1.08);box-shadow:0 9px 22px rgba(0,0,0,.3)}.location-social-link svg{display:block;width:21px;height:21px;overflow:visible}.social-facebook{background:#1877f2;color:#fff}.social-youtube{background:#f00;color:#fff}.social-whatsapp{background:#25d366;color:#fff}.social-instagram{background:radial-gradient(circle at 31% 106%,#ffd600 0 18%,#ff7a00 30%,#ff0169 53%,#d300c5 72%,#7638fa 100%);color:#fff}.social-tiktok{background:#050505;color:#fff}
html[data-public-theme="light"] .public-shell .location-social-link{border-color:rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(31,34,38,.18)}
@media(max-width:700px){.location-social-links{right:11px;top:50%;gap:7px}.location-social-link{width:36px;height:36px}.location-choice-copy{padding-right:56px}}
html[data-public-theme="light"] .public-shell input,html[data-public-theme="light"] .public-shell select,html[data-public-theme="light"] .public-shell textarea,html[data-public-theme="light"] .public-shell .guided-customer-form input,html[data-public-theme="light"] .public-shell .guided-customer-form textarea{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;color-scheme:light}
html[data-public-theme="light"] .public-shell input::placeholder,html[data-public-theme="light"] .public-shell textarea::placeholder{color:#777b78!important}
html[data-public-theme="light"] .public-shell .business-page{background:var(--bg)!important;color:var(--text)}
html[data-public-theme="light"] .public-shell .business-hero,
html[data-public-theme="light"] .public-shell .public-products-section{background:transparent!important;color:var(--text)}
html[data-public-theme="light"] .public-shell .product-toolbar{background:var(--panel2);border-color:var(--line)}
html[data-public-theme="light"] .public-shell .public-product-card{background:var(--panel)!important;border-color:var(--line)}
html[data-public-theme="light"] .public-shell .product-description,
html[data-public-theme="light"] .public-shell .product-facts span{color:#616562}
html[data-public-theme="light"] .public-shell .login-card{background:var(--panel)!important;color:var(--text);border-color:var(--line);box-shadow:0 18px 46px rgba(28,31,34,.12)}
html[data-public-theme="light"] .public-shell .login-card h1{color:var(--text)}
html[data-public-theme="light"] .public-shell .login-card .muted,
html[data-public-theme="light"] .public-shell .login-card label{color:#666a68}
.location-landing-intro{scroll-margin-top:112px}
html[data-admin-theme="light"] .admin-shell{
  --bg:var(--theme-light-bg,#f4f3ef);--panel:var(--theme-light-panel,#ffffff);--panel2:var(--theme-light-panel2,#ecebe6);--text:var(--theme-light-text,#202225);--muted:var(--theme-light-muted,#666962);
  --line:rgba(31,34,38,.15);--accent:var(--theme-light-accent,#9a711f);--accent2:var(--theme-light-accent2,#765617);--danger:#d95f64;
  --ok:#2d9a55;--blue:#356fc4;
  background:radial-gradient(circle at 12% -10%,rgba(183,139,46,.12),transparent 30%),var(--bg);
  color:var(--text);color-scheme:light;
}
html[data-admin-theme="light"] .admin-shell .app-header{background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:0 8px 26px rgba(29,32,35,.06)}
html[data-admin-theme="dark"] .admin-shell .logo-img{background:#050607;filter:drop-shadow(0 3px 12px rgba(0,0,0,.28));}
html[data-admin-theme="light"] .admin-shell .logo-img{background:#fff;filter:invert(1) drop-shadow(0 3px 10px rgba(29,32,35,.12));mix-blend-mode:multiply;clip-path:inset(20% 0)}
html[data-admin-theme="light"] .admin-shell .card{background:var(--panel);border-color:var(--line);box-shadow:0 14px 34px rgba(28,31,34,.08)}
html[data-admin-theme="light"] .admin-shell .card.glass{background:color-mix(in srgb,var(--panel) 90%,transparent)}
html[data-admin-theme="light"] .admin-shell input,
html[data-admin-theme="light"] .admin-shell select,
html[data-admin-theme="light"] .admin-shell textarea{background:var(--panel);color:var(--text);border-color:var(--line);color-scheme:light}
html[data-admin-theme="light"] .admin-shell select,
html[data-admin-theme="light"] .admin-shell select option{background:#fff;color:#202225;color-scheme:light}
html[data-admin-theme="dark"] .admin-shell select,
html[data-admin-theme="dark"] .admin-shell select option{color-scheme:dark}
html[data-admin-theme="light"] .admin-shell input::placeholder,
html[data-admin-theme="light"] .admin-shell textarea::placeholder{color:#8a8d87}
html[data-admin-theme="light"] .admin-shell .search-field input{background:var(--panel)}
html[data-admin-theme="light"] .admin-shell .nav-menu{background:var(--panel);box-shadow:0 18px 42px rgba(24,27,30,.16);scrollbar-color:var(--accent2) var(--panel2)}
html[data-admin-theme="light"] .admin-shell .manage-card{background:var(--panel)}
html[data-admin-theme="light"] .admin-shell .manage-accordion[open]>summary,
html[data-admin-theme="light"] .admin-shell .table-wrap tbody tr:hover{background:rgba(31,34,38,.035)}
html[data-admin-theme="light"] .admin-shell .table-wrap th{background:var(--panel2)}
html[data-admin-theme="light"] .admin-shell .permission-card,
html[data-admin-theme="light"] .admin-shell .integration-status>div,
html[data-admin-theme="light"] .admin-shell .colour-editor-card,
html[data-admin-theme="light"] .admin-shell .media-editor-card,
html[data-admin-theme="light"] .admin-shell .pos-category{background:color-mix(in srgb,var(--panel) 80%,var(--panel2))}
html[data-admin-theme="light"] .admin-shell .pos-tile,
html[data-admin-theme="light"] .admin-shell .stat{background:var(--panel2);color:var(--text)}
html[data-admin-theme="light"] .admin-shell .pos-category-items .pos-tile:hover{background:color-mix(in srgb,var(--panel2) 84%,var(--accent) 16%)}
html[data-admin-theme="light"] .admin-shell .pos-appointment-row{background:var(--panel);border-color:var(--line);box-shadow:0 10px 28px rgba(28,31,34,.07)}
html[data-admin-theme="light"] .admin-shell .pos-segmented label,
html[data-admin-theme="light"] .admin-shell .pos-payment-grid span{background:var(--panel2);border-color:var(--line)}
html[data-admin-theme="light"] .admin-shell .pos-segmented label:has(input:checked),
html[data-admin-theme="light"] .admin-shell .pos-payment-grid label:has(input:checked) span{background:#f3e8ce;color:#6d4d0e}
html[data-admin-theme="light"] .admin-shell .professional-profile-card{background:#e8e6df;color:#fff;box-shadow:0 12px 26px rgba(28,31,34,.12)}
html[data-admin-theme="light"] .admin-shell .pos-pin-panel{background:var(--panel)}
html[data-admin-theme="light"] .admin-shell .pin-display{background:var(--panel2)}
html[data-admin-theme="light"] .admin-shell .pin-key{background:var(--panel2);color:var(--text);border-color:var(--line)}
html[data-admin-theme="light"] .admin-shell .pin-key:hover{background:color-mix(in srgb,var(--panel2) 82%,var(--accent) 18%)}
html[data-admin-theme="light"] .admin-shell .page-profile-card{background:linear-gradient(145deg,var(--panel),var(--panel2))}
html[data-admin-theme="light"] .admin-shell .preview-panel{background:var(--panel2);box-shadow:0 18px 44px rgba(28,31,34,.12)}
html[data-admin-theme="light"] .admin-shell .product-img,
html[data-admin-theme="light"] .admin-shell .media-preview{background:#ecebe6}
html[data-admin-theme="light"] .admin-shell .kbd{background:#e4e3de}
html[data-admin-theme="light"] .admin-shell .notice{background:#e7f6eb;border-color:#a3d0ae;color:#245d33}
html[data-admin-theme="light"] .admin-shell .notice.error{background:#fdebec;border-color:#e2a5a8;color:#8c2c31}
html[data-admin-theme="light"] .admin-shell .badge.low{color:#fff}
html[data-admin-theme="light"] .admin-shell .badge.ok{color:#fff}
html[data-admin-theme="light"] .admin-shell .footer{border-color:var(--line)}
.guided-primary-summary{margin:0 28px;padding:22px 0;border-bottom:1px solid var(--line)}.guided-primary-summary p{margin:0;color:var(--muted);font-size:16px}.guided-extras-intro{margin:0 28px;padding:24px 0 14px}.guided-extras-intro h3{margin:0 0 3px;font-size:24px}.guided-extras-dialog>.guided-list{margin-left:28px;margin-right:28px}@media(max-width:520px){.guided-primary-summary,.guided-extras-intro{margin-left:16px;margin-right:16px}.guided-extras-dialog>.guided-list{margin-left:16px;margin-right:16px}}
.guided-extras-open{width:100%;margin-top:16px}.guided-extras-dialog{width:min(760px,calc(100% - 24px));max-height:min(820px,calc(100vh - 28px));padding:0;border:1px solid var(--line);border-radius:26px;background:var(--bg);color:var(--text);box-shadow:0 35px 100px rgba(0,0,0,.6);overflow:auto}.guided-extras-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.guided-extras-dialog>p,.guided-extras-dialog>.guided-list{margin-left:28px;margin-right:28px}.guided-extras-dialog>.guided-list{padding-bottom:22px}.guided-extras-head{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(15px)}.guided-extras-head h2{margin:5px 0 0;font-size:28px}.guided-extras-head button{width:44px;height:44px;padding:0;border-radius:50%;background:var(--panel);color:var(--text);font-size:26px}.guided-extras-footer{position:sticky;z-index:2;bottom:0;display:grid;grid-template-columns:minmax(82px,max-content) minmax(145px,1fr);align-items:center;gap:18px;padding:18px 28px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(15px)}.guided-extras-footer>div{min-width:82px}.guided-extras-footer strong,.guided-extras-footer span{display:block;white-space:nowrap}.guided-extras-footer button{width:100%;min-width:145px}@media(max-width:520px){.guided-extras-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px);border-radius:22px}.guided-extras-head{padding:20px}.guided-extras-dialog>p,.guided-extras-dialog>.guided-list{margin-left:16px;margin-right:16px}.guided-extras-footer{grid-template-columns:82px minmax(0,1fr);padding:15px 16px;gap:12px}}
.professional-select-action{display:grid;justify-items:stretch;gap:6px;min-width:112px}.professional-select-price{color:var(--muted);font-size:12px;text-align:center;white-space:nowrap}.professional-select-price strong{color:var(--text);font-size:13px}.professional-service-prices{display:grid;gap:8px}.professional-service-price-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,190px);align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.professional-service-price-row>label:first-child{display:flex;align-items:center;gap:9px}.professional-service-price-row>label:first-child span,.professional-service-price-row small{display:block}.professional-service-price-row small{margin-top:2px;color:var(--muted)}.professional-alt-price{font-size:12px}.professional-alt-price input{margin-top:4px}@media(max-width:560px){.professional-select-action{min-width:76px}.professional-select-price{font-size:10px}.professional-service-price-row{grid-template-columns:1fr}.professional-alt-price{padding-left:29px}}
.passkey-admin{display:grid;gap:10px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.passkey-admin p{margin:4px 0 0}.passkey-admin .row-actions{align-items:center}.pos-face-login{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;width:100%;margin:4px 0 2px;padding:14px 16px;text-align:left;background:color-mix(in srgb,var(--accent) 15%,var(--panel2));color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line))}.pos-face-login svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.pos-face-login span,.pos-face-login strong,.pos-face-login small{display:block}.pos-face-login small{margin-top:3px;color:var(--muted);font-weight:500}.pos-face-status{min-height:18px;margin:0}.pos-login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.pos-login-divider:before,.pos-login-divider:after{content:"";height:1px;background:var(--line)}.face-camera-dialog{width:min(94vw,520px);padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--text)}.face-camera-dialog::backdrop{background:rgba(8,5,12,.78);backdrop-filter:blur(5px)}.face-camera-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.face-camera-head h2{margin:4px 0 14px}.face-camera-frame{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:20px;background:#08080a}.face-camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-camera-guide{position:absolute;inset:10% 20%;border:3px solid rgba(255,255,255,.9);border-radius:50% 50% 44% 44%;box-shadow:0 0 0 999px rgba(0,0,0,.22)}.face-camera-instruction{margin:16px 0 10px;font-size:18px;font-weight:800;text-align:center}.face-camera-progress{height:8px;overflow:hidden;border-radius:999px;background:var(--line)}.face-camera-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);transition:width .25s ease}
.service-order-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 8px -8px;position:relative;z-index:2}.service-order-number{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.service-order-controls{display:flex;gap:5px}.service-order-controls form{margin:0}.service-order-controls button{min-width:38px;min-height:34px;padding:5px 10px}.leave-login-card{max-width:920px;margin:auto}.leave-pin-form{max-width:420px;margin:22px auto 0}.leave-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.leave-row p{margin:5px 0 0}.guided-additional-services{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.pos-service-section{margin-top:10px}.pos-service-section+.pos-service-section{border-top:1px solid var(--line);padding-top:14px}.pos-money-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appointment-filter{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;align-items:end;gap:12px;margin-bottom:18px}.appointment-calendar-card{margin-bottom:18px;overflow-x:auto}.appointment-calendar-weekdays,.appointment-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.appointment-calendar-weekdays span{text-align:center;color:var(--muted);font-size:11px;text-transform:uppercase}.appointment-calendar-day,.appointment-calendar-blank{min-height:112px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.appointment-calendar-day{display:flex;flex-direction:column;gap:3px}.appointment-calendar-day>span{white-space:normal;font-size:9px;line-height:1.25;padding:2px 3px;border-radius:4px;background:var(--panel)}.appointment-calendar-day small{color:var(--muted)}.weekly-receipt{max-width:760px;margin:18px auto}.weekly-report-totals{display:grid;gap:8px;margin:18px 0}.weekly-report-totals div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding:7px 0}.weekly-report-totals dt{color:var(--muted)}.weekly-report-totals dd{font-weight:800}.weekly-bill-total{text-align:right;white-space:nowrap}.weekly-receipt table th:last-child{text-align:right}.calendar-open-button{min-width:44px;padding:8px}.guided-date{display:block!important;text-align:center;line-height:1.1}.guided-date span{font-size:11px;line-height:1.2}.guided-date strong{font-size:23px;line-height:1.1}.guided-date small{font-size:11px;line-height:1.2}
@media(max-width:1000px){.theme-toggle{min-width:40px;padding:8px}.theme-toggle-label{display:none}.appointment-filter{grid-template-columns:1fr 1fr}.appointment-calendar-day{min-height:76px;padding:6px}}
@media(max-width:650px){.appointment-filter{grid-template-columns:1fr}.appointment-calendar-weekdays,.appointment-calendar-grid{gap:3px;min-width:760px}.appointment-calendar-day,.appointment-calendar-blank{min-height:120px;border-radius:8px;padding:4px}.appointment-calendar-day>span{display:block;font-size:8px}.appointment-calendar-day strong{font-size:13px}.pos-money-tools{grid-template-columns:1fr}.guided-date{min-width:76px;padding:11px 8px}.guided-date strong{font-size:21px}.leave-row{align-items:flex-start;flex-direction:column}}
.dashboard-booking-shell{display:grid;gap:16px}.dashboard-booking-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;align-items:start}.dashboard-booking-main,.dashboard-booking-side{min-width:0}.dashboard-booking-side{position:sticky;top:88px}.dashboard-location-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.dashboard-location-tabs button{width:auto;min-width:max-content;padding:10px 18px}.dashboard-location-tabs button.active{background:var(--accent);color:#17130d}.dashboard-professional-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.dashboard-professional-card{position:relative;min-height:148px;overflow:hidden;padding:0;border-radius:16px;text-align:left}.dashboard-professional-card .professional-avatar{position:absolute;inset:0;width:100%;height:100%}.dashboard-professional-card .professional-avatar:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#050607e8)}.dashboard-professional-card span{position:absolute;z-index:2;inset:auto 12px 12px;color:#fff;font-weight:850}.dashboard-professional-card.active{outline:3px solid var(--accent);outline-offset:2px}.dashboard-date-strip{display:flex;gap:8px;overflow:auto;padding:3px 0 8px}.dashboard-date{display:grid;place-items:center;min-width:72px;min-height:82px;padding:8px}.dashboard-date span,.dashboard-date small{font-size:11px}.dashboard-date strong{font-size:21px}.dashboard-date.active{background:var(--accent);color:#17130d}.dashboard-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-slot{min-height:46px}.dashboard-slot.active{background:var(--accent);color:#17130d}.dashboard-slot:disabled{opacity:.42}.dashboard-day-bookings{display:grid;gap:8px}.dashboard-day-booking{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.dashboard-day-booking strong,.dashboard-day-booking span{display:block}.dashboard-day-booking span{margin-top:3px;color:var(--muted);font-size:12px}@media(max-width:900px){.dashboard-booking-layout{grid-template-columns:1fr}.dashboard-booking-side{position:static}}@media(max-width:650px){.dashboard-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dashboard-date,.dashboard-slot{background:var(--panel2)!important;color:var(--text)!important;box-shadow:none!important}.dashboard-date.active,.dashboard-slot.active{background:var(--accent)!important;color:#17130d!important}.upcoming-book-now{min-height:50px;padding:13px 26px!important;font-size:1rem;font-weight:900;letter-spacing:.06em}
.performance-dashboard{display:grid;gap:18px}.performance-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.performance-head h1{margin:.25rem 0 0}.performance-refresh{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.performance-refresh:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}.performance-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}.performance-context>div{padding:15px 18px;background:var(--panel)}.performance-context span,.performance-kpi span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.performance-context strong{display:block;margin-top:4px}.performance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.performance-kpi{min-width:0;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 10px 28px rgba(0,0,0,.08)}.performance-kpi strong{display:block;margin-top:10px;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1;overflow-wrap:anywhere}.performance-kpi small{display:block;margin-top:8px;color:var(--muted)}.performance-kpi.accent{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel))}.performance-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.performance-chart-card,.performance-table-card{min-width:0}.performance-bars-scroll{overflow-x:auto}.performance-bars{display:grid;grid-template-columns:repeat(var(--bar-count,7),minmax(42px,1fr));min-width:max(100%,calc(var(--bar-count,7) * 54px));align-items:end;gap:10px;height:260px;padding:28px 8px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 51px,color-mix(in srgb,var(--line) 65%,transparent) 52px)}.performance-bar{display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:7px}.performance-bar-fill{width:min(54px,100%);min-height:4px;border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#8b5b12));box-shadow:0 -4px 18px color-mix(in srgb,var(--accent) 20%,transparent)}.performance-bar strong{font-size:11px;white-space:nowrap}.performance-bar small{color:var(--muted);font-size:10px}.performance-rank-list{display:grid;gap:12px;margin-top:16px}.performance-rank{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(100px,1fr) auto;align-items:center;gap:10px}.performance-rank>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-rank-track{height:12px;overflow:hidden;border-radius:999px;background:var(--panel2)}.performance-rank-fill{height:100%;min-width:4px;border-radius:inherit;background:var(--accent)}.performance-rank strong{font-size:12px}.performance-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:14px}.performance-empty{display:grid;place-items:center;min-height:170px;padding:24px;color:var(--muted);text-align:center}.performance-table-card table{font-size:12px}.performance-table-card th,.performance-table-card td{padding:10px}.performance-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:var(--panel2);font-size:10px;text-transform:capitalize}.performance-status.completed{background:color-mix(in srgb,#56c58a 18%,var(--panel2));color:#56c58a}.performance-status.booked{background:color-mix(in srgb,var(--accent) 16%,var(--panel2));color:var(--accent)}
.performance-business-filter{display:grid;grid-template-columns:auto minmax(360px,540px) minmax(0,1fr);align-items:center;gap:16px}.performance-business-filter h2{margin:3px 0 0}.performance-business-filter form{margin:0}.performance-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.performance-filters label{font-size:11px;color:var(--muted)}.performance-filters select{margin-top:5px}.performance-business-filter nav{display:flex;justify-content:flex-end;gap:7px;overflow:auto;padding:2px}.performance-business-filter nav a{min-width:max-content;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-weight:800}.performance-business-filter nav a.active{border-color:var(--accent);background:var(--accent);color:#17130d}@media(max-width:1050px){.performance-business-filter{grid-template-columns:1fr}.performance-business-filter nav{justify-content:flex-start}}@media(max-width:560px){.performance-filters{grid-template-columns:1fr}}
@media(max-width:1200px){.performance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.performance-head{align-items:flex-start;flex-direction:column}.performance-main-grid,.performance-bottom-grid{grid-template-columns:1fr}.performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.performance-context{grid-template-columns:1fr}.performance-kpis{grid-template-columns:1fr 1fr}.performance-kpi{padding:14px}.performance-bars{gap:5px;height:220px;padding-left:0;padding-right:0}.performance-bar strong{font-size:9px}.performance-bar small{font-size:9px}.performance-rank{grid-template-columns:minmax(80px,.8fr) minmax(70px,1fr) auto}}
.terminal-safety-note{margin-bottom:18px;border-left:4px solid var(--accent)}.terminal-safety-note h2{margin-bottom:8px}.terminal-list{gap:14px}.terminal-card{padding:0;overflow:hidden}.terminal-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}.terminal-card>summary::-webkit-details-marker{display:none}.terminal-card>summary div{display:grid;gap:3px}.terminal-card-body{display:grid;gap:18px;padding:0 20px 20px;border-top:1px solid var(--line)}.terminal-card-body>form{padding-top:18px}.terminal-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.terminal-test-grid form{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.terminal-test-grid h3{margin:0 0 7px}.terminal-test-grid button{width:100%}.terminal-last-result{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}@media(max-width:700px){.terminal-test-grid{grid-template-columns:1fr}.terminal-last-result{grid-template-columns:1fr;gap:5px}}
.pos-top-switcher{display:grid;gap:8px;width:min(720px,100%);margin:-10px auto 18px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.14)}.pos-quick-locations,.pos-quick-professionals{display:flex;align-items:center;justify-content:center;gap:7px;overflow-x:auto;scrollbar-width:thin}.pos-quick-locations form,.pos-quick-professionals form{margin:0}.pos-quick-location{min-height:30px;width:auto;padding:5px 12px;border-radius:999px;font-size:11px;white-space:nowrap}.pos-quick-location.active{background:var(--accent);color:#17130d}.pos-quick-professional{position:relative;width:82px;height:82px;min-width:82px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:13px;background:var(--panel2);box-shadow:none}.pos-quick-professional.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.pos-quick-professional .professional-avatar{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.pos-quick-professional .professional-avatar:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.pos-quick-professional strong{position:absolute;z-index:2;inset:auto 6px 6px;overflow:hidden;color:#fff;font-size:10px;line-height:1.15;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pos-quick-professional:disabled{opacity:1;cursor:default}.slot-flexible-note{color:var(--accent)!important}.clients-history{display:grid;gap:8px;min-width:300px}.client-history-entry{padding:9px 0;border-bottom:1px solid var(--line)}.client-history-entry:last-child{border-bottom:0}.client-history-entry span{display:block;margin-top:3px;color:var(--muted);font-size:12px}@media(max-width:700px){.pos-top-switcher{margin-top:0}.pos-quick-locations,.pos-quick-professionals{justify-content:flex-start}.pos-quick-professional{width:72px;height:72px;min-width:72px}}
/* v195: compact POS masthead and consistent appointment action controls. */
.pos-page-head{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(520px,1.15fr) auto;align-items:center;gap:18px;margin-bottom:8px}.pos-page-head .pos-top-switcher{width:100%;margin:0;padding:8px 10px}.pos-page-head .pos-quick-location{min-height:28px;padding-block:4px}.pos-page-head .pos-quick-professional{width:78px;height:78px;min-width:78px}.pos-page-head>.row-actions{justify-content:flex-end;align-content:center}.pos-page-head>.row-actions .button{min-height:46px;white-space:nowrap}.pos-appointment-row{display:grid;grid-template-columns:minmax(0,1fr) 106px;min-height:104px;gap:10px;padding:8px 12px}.pos-appointment-details{min-width:0}.pos-appointment-details small{overflow-wrap:normal;word-break:normal}.pos-appointment-actions{display:grid!important;grid-template-columns:1fr;align-content:center;gap:6px;width:106px;min-width:106px}.pos-appointment-control{display:grid!important;width:106px!important;min-width:106px!important;min-height:44px!important;place-items:center;padding:6px 8px!important;border-radius:12px!important;font-size:11px!important;font-weight:800;line-height:1.12!important;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:normal}.pos-appointment-control.low{white-space:normal}.pos-appointment-control.button{color:var(--text)}.pos-appointment-checkout .pos-appointment-control:last-child{border:1px solid var(--line);background:var(--panel2)}.pos-payment-grid label{position:relative}
@media(max-width:1380px){.pos-page-head{grid-template-columns:minmax(280px,.8fr) minmax(440px,1fr)}.pos-page-head>.row-actions{grid-column:1/-1;justify-content:flex-end}.pos-page-head>.row-actions .button{min-height:40px}}
@media(max-width:900px){.pos-page-head{grid-template-columns:1fr}.pos-page-head>.row-actions{grid-column:auto;justify-content:flex-start}.pos-page-head .pos-top-switcher{order:2}.pos-page-head>.row-actions{order:3}}
@media(max-width:760px){.pos-page-head{gap:12px;margin-bottom:14px}.pos-page-head .pos-top-switcher{padding:9px}.pos-page-head>.row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.pos-page-head>.row-actions .button{width:100%;min-height:44px}.pos-appointment-row{grid-template-columns:minmax(0,1fr) 106px}}
.report-filter.report-range-filter{grid-template-columns:minmax(220px,1fr) minmax(300px,1fr) minmax(150px,.5fr) auto}.report-date-range-control{position:relative;display:grid;gap:7px;min-width:0}.report-range-label{color:var(--muted);font-size:13px}.report-range-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);box-shadow:none;text-align:left}.report-range-toggle:hover,.report-range-toggle[aria-expanded="true"]{border-color:var(--accent)}.report-range-toggle svg{width:21px;height:21px;flex:0 0 21px}.report-range-popover{position:absolute;z-index:120;top:calc(100% + 8px);left:0;width:min(360px,calc(100vw - 48px));padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 65px rgba(0,0,0,.38)}.report-range-popover[hidden]{display:none}.report-range-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px}.report-range-head strong{text-align:center}.report-range-head button,.report-range-footer button{min-height:38px;padding:7px 10px;background:var(--panel2);color:var(--text);box-shadow:none}.report-range-weekdays,.report-range-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.report-range-weekdays{margin:14px 0 6px}.report-range-weekdays span{text-align:center;color:var(--muted);font-size:10px;text-transform:uppercase}.report-range-days button,.report-range-blank{display:grid;place-items:center;min-width:0;min-height:38px;padding:4px;border:0;border-radius:9px;background:transparent;color:var(--text);box-shadow:none}.report-range-days button:hover{background:var(--panel2)}.report-range-days button.in-range{border-radius:4px;background:color-mix(in srgb,var(--accent) 24%,var(--panel2));color:var(--text)}.report-range-days button.range-start,.report-range-days button.range-end{background:var(--accent);color:#17130d;font-weight:900}.report-range-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.report-range-footer span{color:var(--muted);font-size:10px;line-height:1.35}.report-range-footer button{width:auto;white-space:nowrap;font-size:11px}@media(max-width:760px){.report-filter.report-range-filter{grid-template-columns:1fr}.report-range-popover{position:fixed;top:50%;left:50%;width:min(380px,calc(100vw - 24px));transform:translate(-50%,-50%);box-shadow:0 28px 100px rgba(0,0,0,.65)}}
.sales-filter-bar .report-date-range-control .report-range-popover{left:auto;right:0;max-width:calc(100vw - 32px)}
.settings-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;cursor:pointer}.settings-switch>span:first-child{display:grid;gap:3px}.settings-switch input{appearance:none;width:52px;height:28px;min-width:52px;margin:0;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--panel2);position:relative;cursor:pointer}.settings-switch input:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:.18s}.settings-switch input:checked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 32%,var(--panel2))}.settings-switch input:checked:after{left:27px;background:var(--accent)}
.diary-event.status-no_show,.diary-event.prior-no-show{background:#d94f54!important;color:#fff}.appointment-calendar-day>span.status-no_show,.appointment-calendar-day>span.prior-no-show{background:#d94f54;color:#fff}.diary-event-notes{font-style:italic;font-weight:700}
.report-receipt-range{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.report-receipt-range span{white-space:nowrap}.report-receipt-range strong{padding:4px 8px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
/* Selected live-diary dates use the theme colour; other dates remain neutral. */
.live-date-strip button{background:var(--panel2)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:none!important}.live-date-strip button.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#17130d!important}
/* Touch-friendly service cards used inside the appointment diary dialog. */
.slot-service-fieldset{margin:12px 0;border:0;padding:0}.slot-service-fieldset legend{margin-bottom:7px;color:var(--muted)}.slot-service-grid{display:grid;gap:8px;max-height:300px;overflow:auto;padding:2px}.slot-service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);box-shadow:none;text-align:left}.slot-service-card:hover,.slot-service-card.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.slot-service-card strong,.slot-service-card small{display:block}.slot-service-card small{margin-top:4px;color:var(--muted)}.slot-service-price{font-size:1.05rem;font-weight:900;white-space:nowrap}
/* Universal content reflow, fluid type and safe media sizing. */
html{font-size:clamp(14px,calc(12px + .25vw),17px)}body{overflow-wrap:anywhere}img,video,svg,canvas{max-width:100%}input,select,textarea,button{min-width:0;max-width:100%}.admin-shell h1{font-size:clamp(2rem,calc(1.4rem + 2.1vw),3.7rem);line-height:1.02}.admin-shell h2{font-size:clamp(1.25rem,calc(1.05rem + .7vw),2rem)}.public-site h1,.guided-title{font-size:clamp(2.4rem,7vw,6.4rem);line-height:.96}.page-heading,.section-toolbar,.manage-title,.row-actions{flex-wrap:wrap}.grid>*{min-width:0}.table-wrap{width:100%;max-width:100%;overflow:auto}.professional-edit-photo-preview,.professional-edit-photo-placeholder{display:grid;width:88px;height:88px;min-width:88px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel2);object-fit:cover}.professional-edit-photo-preview{aspect-ratio:1/1}.scheduling-layout-section{margin-top:18px}.scheduling-layout-section>.card{min-width:0}
.live-appointment-page{display:grid;gap:18px}.live-control-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.live-location-tabs,.live-date-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}.live-location-tabs{grid-column:2;justify-content:center}.live-location-tabs button,.live-date-strip button{width:auto;min-width:max-content;padding-inline:18px}.live-location-tabs button.active,.live-date-strip button.active{background:var(--accent);color:#17130d}.live-status{grid-column:3;display:flex;align-items:center;justify-self:end;gap:7px;color:var(--muted);font-size:.78rem;white-space:nowrap}.live-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#54d684;box-shadow:0 0 0 4px rgba(84,214,132,.12)}.live-studio-board{display:grid;grid-template-columns:minmax(330px,1fr) minmax(420px,1.3fr) minmax(330px,1fr);gap:14px;align-items:start}.live-professional-wing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.live-professional-schedule{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;max-height:calc(100vh - 265px);overflow:hidden;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 14px 40px rgba(0,0,0,.08)}.live-professional-head{display:flex;align-items:center;gap:8px;min-height:70px;padding:10px;border-bottom:1px solid var(--line)}.live-professional-head .professional-avatar{width:42px;height:42px;min-width:42px;border-radius:11px}.live-professional-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-professional-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;padding:10px;overflow:auto}.live-slot{display:flex;min-width:0;min-height:34px;padding:6px 4px;border-radius:999px;background:var(--accent);color:#17130d;text-align:center;font-size:.73rem;font-weight:800;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap}.live-slot small{display:block;width:100%;font-size:.52rem;line-height:1;text-transform:uppercase;letter-spacing:.05em}.live-slot.booked{background:color-mix(in srgb,var(--panel2) 72%,#777 28%);color:var(--muted);text-decoration:line-through;opacity:.72}.live-slot.leave,.live-slot.passed{background:var(--panel2);color:var(--muted);opacity:.48}.live-slot.flexible{outline:1px dashed color-mix(in srgb,var(--accent) 72%,var(--text));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.live-center-diary{min-width:0;padding:16px}.live-diary-title{text-align:center;text-transform:uppercase;letter-spacing:.08em}.live-diary-title h2{margin:0}.live-diary-title p{margin:5px 0 14px}.live-date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.live-date-control input{min-height:46px}.live-date-strip{margin:10px 0 4px}.live-agenda{display:grid;gap:8px;max-height:calc(100vh - 485px);min-height:260px;overflow:auto;padding-right:3px}.live-appointment{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.live-appointment.soon{border-color:color-mix(in srgb,var(--accent) 66%,var(--line));box-shadow:inset 3px 0 0 var(--accent)}.live-appointment time{font-weight:900;font-size:1.03rem}.live-appointment strong,.live-appointment span{display:block}.live-appointment span{color:var(--muted);font-size:.78rem}.live-appointment-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end}.live-soon-badge{background:var(--accent);color:#17130d}.live-agenda-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 9px}.live-agenda-heading h3{margin:0}.live-upcoming-summary{color:var(--muted);font-size:.75rem}.live-empty-wing{padding:18px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);text-align:center}
.leave-tools{align-items:start}.leave-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:14px 0}.leave-time-slot{min-height:42px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);box-shadow:none}.leave-time-slot.available{cursor:pointer}.leave-time-slot.available:hover{border-color:var(--accent)}.leave-time-slot.selected{background:var(--accent);border-color:var(--accent);color:#17130d;font-weight:900}.leave-time-slot.booked,.leave-time-slot.leave,.leave-time-slot.passed{color:var(--muted);opacity:.55;text-decoration:line-through}.leave-range-control{position:relative;display:grid;gap:7px;margin:12px 0}.leave-range-calendar{position:relative;top:auto;left:auto;width:100%;margin-top:8px;box-shadow:none}.leave-selection-summary{min-height:22px;margin:5px 0 10px}.leave-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.leave-card-actions button{width:auto}
@media(max-width:1180px){.live-studio-board{grid-template-columns:minmax(280px,.9fr) minmax(390px,1.25fr) minmax(280px,.9fr)}.live-professional-wing{grid-template-columns:repeat(2,minmax(0,1fr))}.live-professional-times{grid-template-columns:1fr}.live-center-diary{padding:14px}}
@media(max-width:900px){.live-control-bar{grid-template-columns:1fr}.live-location-tabs,.live-status{grid-column:1}.live-status{justify-self:start}.live-studio-board{grid-template-columns:1fr}.live-center-diary{grid-row:1}.live-professional-wing{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.live-professional-schedule{max-height:none}.live-professional-times{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.live-agenda{max-height:520px}.admin-shell main{padding-left:clamp(12px,3vw,24px);padding-right:clamp(12px,3vw,24px)}}
@media(max-width:900px){.whole-theme-grid,.upcoming-board{grid-template-columns:1fr}.upcoming-board .live-agenda{max-height:520px}.theme-colour-grid{grid-template-columns:1fr}}
@media(max-width:600px){.professional-edit-photo{grid-template-columns:72px minmax(0,1fr)}.professional-edit-photo-preview,.professional-edit-photo-placeholder{width:72px;height:72px;min-width:72px}.live-location-tabs{justify-content:flex-start}.live-studio-board{gap:12px}.live-center-diary{padding:12px}.live-date-control{grid-template-columns:1fr}.live-date-control .badge{justify-self:start}.live-appointment{grid-template-columns:52px minmax(0,1fr);gap:8px}.live-appointment-meta{grid-column:2;justify-content:flex-start}.live-professional-wing{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:auto}.live-professional-schedule{min-width:175px}.live-agenda{min-height:180px;max-height:none}.leave-card-actions{align-items:stretch;flex-direction:column}.leave-card-actions button{width:100%}.card{padding:clamp(12px,4vw,20px)}.inline{grid-template-columns:1fr!important}}
.location-choice-image{display:block;color:inherit;text-decoration:none}.live-slot{border:0;box-shadow:none}.live-slot:not(:disabled){cursor:pointer}.live-slot:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}
/* Theme accents: every branded gradient and selection follows the two editable accent colours. */
.pos-login-icon,.professional-avatar{background:linear-gradient(145deg,var(--accent),var(--accent2))}
.pos-segmented label:has(input:checked),.pos-payment-grid label:has(input:checked) span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel2));color:color-mix(in srgb,var(--accent) 74%,var(--text))}
.payment-stat strong{color:color-mix(in srgb,var(--accent) 78%,var(--text))}
.professional-profile-card:hover,.professional-profile-card:focus-visible,.professional-profile-card.selected{box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}
.pin-dot.filled{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.page-profile-card.selected{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 15px 34px rgba(0,0,0,.2)}
.editor-profile-banner{border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 5.5%,transparent)}
html[data-admin-theme="light"] .admin-shell{background:radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%),var(--bg)}
html[data-admin-theme="light"] .admin-shell .pos-segmented label:has(input:checked),html[data-admin-theme="light"] .admin-shell .pos-payment-grid label:has(input:checked) span{background:color-mix(in srgb,var(--accent) 16%,var(--panel2));color:color-mix(in srgb,var(--accent2) 72%,var(--text))}
/* Primary actions use the selected whole-site gradient on public and admin pages. */
.public-shell .public-primary,.public-shell .public-nav .nav-book-link,.public-shell .guided-continue:not(.secondary),.public-shell .booking-submit:not(.secondary){background:linear-gradient(135deg,var(--accent),var(--accent2));color:#15120a}
.public-shell .public-nav .nav-book-link:hover,.public-shell .public-primary:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));filter:brightness(1.06)}
.report-sale-days span,.report-by-professional span{display:block;white-space:nowrap}.business-finance-grid{align-items:start}.finance-statement{display:grid;gap:0;margin:18px 0}.finance-statement>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px dashed var(--line)}.finance-statement dt{color:var(--muted)}.finance-statement dd{margin:0;font-weight:850;text-align:right}.finance-statement .finance-total{border-bottom-style:solid;font-size:17px}.finance-statement .finance-net{margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);font-size:19px}.finance-statement .positive dd{color:#54ce82}.finance-statement .negative dd{color:#f17b7b}.finance-counts{display:flex;flex-wrap:wrap;gap:8px}.finance-counts span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:12px}.finance-counts.vertical{display:grid}.expense-entry-modes{margin:15px 0}.product-report-receipt{margin:20px auto}.receipt-product-line dl div{display:flex;justify-content:space-between;gap:12px}.receipt-product-line dd{margin:0;font-weight:800}@media(max-width:900px){.business-finance-grid{grid-template-columns:1fr}.inventory-reorder-report table{min-width:920px}}
.multi-check-field{position:relative;display:grid;gap:6px;min-width:0}.multi-check-field>span{font-size:13px;color:var(--muted)}.multi-check-picker{position:relative}.multi-check-picker summary{min-height:46px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 38px 10px 12px;cursor:pointer;background:var(--field);color:var(--text);list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-check-picker summary::-webkit-details-marker{display:none}.multi-check-picker summary:after{content:"⌄";position:absolute;right:14px;font-size:16px}.multi-check-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:70;width:min(340px,calc(100vw - 40px));max-height:330px;overflow:auto;padding:10px;display:grid;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #0005}.multi-check-choice{display:flex!important;align-items:center;gap:10px;padding:9px;border-radius:10px;cursor:pointer;color:var(--text)!important}.multi-check-choice:hover{background:var(--panel2)}.multi-check-choice input{width:20px!important;height:20px!important;margin:0;flex:0 0 20px}
.admin-shell .receipt.card{background:#fff;color:#111;border-color:#d7d7d2;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.admin-shell .receipt h1,.admin-shell .receipt h2,.admin-shell .receipt p,.admin-shell .receipt dt,.admin-shell .receipt dd,.admin-shell .receipt td,.admin-shell .receipt th,.admin-shell .receipt strong,.admin-shell .receipt a{color:#111}
.admin-shell .receipt .table-wrap,.admin-shell .receipt table{background:#fff}.admin-shell .receipt table thead th{background:#efefec;color:#111}.admin-shell .receipt table th,.admin-shell .receipt table td,.admin-shell .weekly-report-totals div{border-color:#c9c9c4}.admin-shell .weekly-receipt .weekly-day-heading th{background:#f4e6da;color:#3d2417}
/* Keep every admin page inside the phone viewport while retaining intentional inner scrollers. */
.admin-shell,.admin-shell .app-header,.admin-shell .app-main,.admin-shell .footer{width:100%;max-width:100%;min-width:0}.admin-shell .app-header>*,.admin-shell .app-main>*,.admin-shell .card>*,.admin-shell .page-heading>*,.admin-shell .section-toolbar>*,.dashboard-booking-shell>*,.dashboard-booking-layout,.dashboard-booking-layout>*,.pos-access-card,.pos-login-layout,.pos-login-layout>*,.pos-workspace>*,.pos-main,.pos-layout>*,.sales-filter-bar>*,.report-filter>*{min-width:0}.dashboard-booking-layout,.pos-access-card,.pos-login-layout,.pos-location-tabs,.professional-profile-grid{width:100%;max-width:100%}
@media(max-width:760px){.admin-shell .app-main{margin:14px auto;padding:0 12px}.admin-shell .app-header{padding-inline:10px}.admin-shell .brand-lockup{display:none}.pos-access-card{padding:14px}.pos-login-layout{display:block}.pos-login-layout>div{width:100%}.pos-location-tabs{display:grid;grid-template-columns:1fr;gap:8px;overflow:visible;padding:0;margin-bottom:16px}.pos-location-tab{width:100%;min-width:0}.professional-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}.professional-profile-grid .professional-profile-card{width:100%;min-width:0;max-width:none;flex:none;aspect-ratio:1/1.08}.pos-login-help{display:grid}.page-heading>.row-actions,.page-heading>.button{width:100%}.page-heading>.row-actions>*{flex:1 1 150px}.pos-picker-note{display:grid}.pos-side-actions{grid-template-columns:1fr 1fr}.table-wrap,.sales-ledger-wrap,.appointments-board-scroll{max-width:100%;overscroll-behavior-inline:contain}}@media(max-width:390px){.admin-shell .app-main{padding-inline:10px}.professional-profile-grid{gap:8px}.professional-profile-meta{padding:10px}}
/* v155 professional portfolios, reviews and rating surfaces */
.public-nav .nav-reviews-link{padding:10px 15px;border:1px solid var(--site-header-element);border-radius:999px;opacity:1}.professional-card-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:9px}.professional-rating-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#20b86b;color:#06170e!important;font-size:12px;font-weight:900;text-decoration:none}.professional-rating-badge small{font-weight:700}.professional-rating-badge.empty{background:#26352e;color:#7be6ad!important}.professional-profile-dialog{width:min(680px,calc(100% - 24px))}.professional-profile-tabs{display:flex;gap:9px;margin:18px 28px 0;overflow:auto}.professional-profile-tabs a{white-space:nowrap;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-weight:800}.professional-profile-tabs span{display:inline-grid;min-width:22px;height:22px;place-items:center;margin-left:5px;border-radius:999px;background:var(--panel2);font-size:11px}.professional-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.professional-portfolio-item{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.professional-portfolio-item img,.professional-portfolio-item video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#08090a}.professional-portfolio-item>span{display:block;padding:10px;font-size:12px}.professional-portfolio-item form{padding:0 10px 10px}.professional-profile-empty{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)!important}.professional-review-list{display:grid;gap:10px}.public-review-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.public-review-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-review-card p{margin:8px 0!important;color:var(--text)!important}.public-review-card small{color:var(--muted)}.review-stars{color:#ffc93d;letter-spacing:2px}.verified-review{padding:4px 8px;border-radius:999px;background:#20b86b22;color:#59dc96;font-size:10px;font-weight:900}.reviews-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:70px 0}.reviews-heading{text-align:center}.reviews-heading h1{margin:10px 0;font-size:clamp(42px,7vw,78px)}.reviews-average{display:flex;align-items:center;justify-content:center;gap:12px}.reviews-average strong{font-size:30px}.reviews-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:28px;align-items:start;margin-top:42px}.review-compose,.review-professional-filter{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.review-compose{position:sticky;top:90px}.review-form{display:grid;gap:14px}.review-honeypot{position:absolute!important;left:-9999px!important}.star-picker{display:flex;gap:7px;padding:0;border:0}.star-picker legend{margin-bottom:8px}.star-picker input{position:absolute;opacity:0}.star-picker span{display:grid;min-width:48px;min-height:45px;place-items:center;border:1px solid var(--line);border-radius:12px;cursor:pointer}.star-picker input:checked+span{border-color:#ffc93d;background:#ffc93d;color:#17130b}.review-thanks{padding:24px;border:1px dashed var(--line);border-radius:16px}.portfolio-admin-layout{display:grid;grid-template-columns:minmax(300px,.55fr) minmax(0,1.45fr);gap:20px;align-items:start}.portfolio-admin-layout>.card{position:sticky;top:90px}.professional-portfolio-grid.admin{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.reviews-layout,.portfolio-admin-layout{grid-template-columns:1fr}.review-compose,.portfolio-admin-layout>.card{position:static}.professional-portfolio-grid.admin{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.public-nav .nav-reviews-link{padding:8px 10px;font-size:12px}.professional-profile-tabs{margin-inline:18px}.professional-portfolio-grid{grid-template-columns:1fr}.reviews-shell{width:calc(100% - 20px);padding-top:38px}.reviews-average{flex-wrap:wrap}}
/* v159 mobile media uploads and Instagram-style public portfolio */
.professional-profile-dialog .professional-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.professional-portfolio-tile{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;aspect-ratio:1/1;background:#08090a;cursor:zoom-in}.professional-portfolio-tile:hover,.professional-portfolio-tile:focus-visible{filter:brightness(1.08);outline:2px solid var(--accent);outline-offset:-2px}.professional-portfolio-tile img,.professional-portfolio-tile video{display:block;width:100%;height:100%;object-fit:cover}.professional-portfolio-play{position:absolute;right:8px;top:8px;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:#000a;color:#fff;font-size:13px}.portfolio-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#050505ed;color:#fff}.portfolio-lightbox::backdrop{background:#000d}.portfolio-lightbox-inner{position:relative;display:grid;width:100%;height:100%;place-items:center;padding:54px 16px 46px}.portfolio-lightbox-media{display:grid;max-width:96vw;max-height:84vh;place-items:center}.portfolio-lightbox-media img,.portfolio-lightbox-media video{display:block;max-width:96vw;max-height:84vh;object-fit:contain;background:#000}.portfolio-lightbox-close{position:fixed;right:16px;top:max(16px,env(safe-area-inset-top));z-index:2;width:44px;height:44px;padding:0;border:1px solid #fff5;border-radius:999px;background:#111d;color:#fff;font-size:30px;line-height:1}.portfolio-lightbox-caption{position:fixed;left:20px;right:20px;bottom:max(14px,env(safe-area-inset-bottom));margin:0;text-align:center;color:#fff}.professional-portfolio-grid.admin{gap:12px}.professional-portfolio-grid.admin .professional-portfolio-item{border-radius:16px}@media(max-width:560px){.professional-profile-dialog .professional-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.professional-portfolio-grid.admin{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.star-picker{flex-wrap:wrap}.star-picker legend{width:100%}.star-picker input{left:0!important;width:1px!important;height:1px!important;pointer-events:none}
/* v173: stable autofill, full-star badges, and a compact one-row mobile header. */
.review-honeypot{position:fixed!important;inset:0 auto auto 0!important;left:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.professional-select-card:not(.any-professional-card)>span{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;align-items:center;min-width:0}.professional-select-card:not(.any-professional-card)>span>h2{grid-column:1;grid-row:1;margin:0}.professional-select-card:not(.any-professional-card)>span>p{grid-column:1/-1;grid-row:2}.professional-select-card .professional-card-links{display:contents}.professional-select-card .professional-rating-badge{grid-column:2;grid-row:1;justify-self:start;white-space:nowrap}.professional-select-card .professional-profile-open{grid-column:1/-1;grid-row:3;justify-self:start}.professional-rating-badge .review-stars{letter-spacing:0;color:inherit}
@media(max-width:700px){.public-shell .app-header{display:grid;grid-template-columns:minmax(30%,1fr) minmax(0,2.333fr);gap:6px;min-height:78px;padding:7px 8px}.public-shell .logo-wrap{width:100%;min-width:0}.public-shell .logo-img{display:block;width:100%;height:auto;max-width:none;max-height:66px}.public-shell .app-header>nav{width:100%;min-width:0}.public-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:4px;width:100%;min-width:0}.public-nav>a{min-width:0;padding-inline:3px;font-size:10px;line-height:1;white-space:nowrap;text-align:center}.public-nav .nav-book-link{padding:8px}.public-nav .nav-reviews-link{padding:8px 6px}.public-nav .public-language-label{flex:0 0 48px;min-width:0}.public-nav .public-language{width:48px;min-height:40px;padding:5px 4px;font-size:12px}.public-nav .public-theme-toggle{flex:0 0 40px;width:40px;min-width:40px;min-height:40px;padding:0}.public-theme-toggle .theme-toggle-label{display:none}}
@media(max-width:560px){.professional-select-card{grid-template-columns:56px minmax(0,1fr) auto;min-height:96px;padding:10px 12px;gap:10px;border-radius:18px}.professional-select-card .professional-avatar,.any-professional-icon{width:56px;height:56px}.professional-select-card .button{min-width:64px;padding:8px 9px}.professional-select-card:not(.any-professional-card)>span{column-gap:8px}.professional-select-card:not(.any-professional-card)>span>h2{font-size:18px}.professional-select-card:not(.any-professional-card)>span>p{margin:2px 0 0}.professional-select-card .professional-rating-badge{min-height:26px;padding:5px 9px;gap:4px;font-size:12px;box-sizing:border-box}.professional-select-card .professional-rating-badge .review-stars{font-size:13px}.professional-select-card .professional-profile-open{margin-top:4px;font-size:12.5px}}
@media(max-width:390px){.public-shell .app-header{gap:4px;padding-inline:6px}.public-nav{gap:2px}.public-nav a,.public-nav .nav-book-link{font-size:9px}.public-nav .nav-book-link{padding:7px 6px}.public-nav .nav-reviews-link{padding:7px 4px}.public-nav .public-language-label{flex-basis:42px}.public-nav .public-language{width:42px;min-height:38px;padding-inline:3px;font-size:11px}.public-nav .public-theme-toggle{flex-basis:38px;width:38px;min-width:38px;min-height:38px}}
@page{size:80mm auto;margin:0}
@media print { html,body{width:80mm!important;min-width:80mm!important;background:white}.app-shell{display:block!important}body { margin:0!important;background:white; } header, .footer, .no-print { display:none!important; } main { width:80mm!important;max-width:80mm!important;margin:0!important;padding:0!important; } .receipt { box-shadow:none; border:0; } .weekly-receipt{box-sizing:border-box;width:80mm!important;max-width:80mm!important;margin:0!important;padding:3mm!important;font-size:10px}.weekly-receipt table{width:100%!important;table-layout:fixed;font-size:7px}.weekly-receipt th,.weekly-receipt td{padding:2px 1px!important;white-space:normal!important;overflow-wrap:anywhere}.weekly-receipt th:nth-child(1),.weekly-receipt td:nth-child(1){width:29%}.weekly-receipt th:nth-child(2),.weekly-receipt td:nth-child(2){width:17%}.weekly-receipt th:nth-child(3),.weekly-receipt td:nth-child(3){width:34%}.weekly-receipt th:nth-child(4),.weekly-receipt td:nth-child(4){width:20%}.weekly-receipt .table-wrap{overflow:visible}.weekly-receipt .report-receipt-range{gap:10px;flex-wrap:nowrap}.weekly-receipt .report-receipt-range strong{font-size:8px;padding:3px 5px} }
.service-add{display:grid;place-items:center;padding:0;line-height:0}.service-add svg,.guided-extras-head button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.service-select-card:has(input:checked) .service-add svg{display:none}.guided-extras-head button{display:grid;place-items:center;flex:0 0 44px;padding:0;line-height:0;font-size:0}
.public-nav .public-language-label{display:flex;align-items:center;flex:0 0 auto;gap:0;margin:0;color:inherit;font-size:inherit}.public-nav .public-language{width:82px;min-width:82px;height:40px;min-height:40px;padding:0 30px 0 13px;border-radius:13px;line-height:1;color:var(--site-header-text)}
 .public-nav .public-language-label{position:relative}.public-nav .public-language{padding:0 32px 0 13px;appearance:none;-webkit-appearance:none}.public-language-chevron{position:absolute;right:12px;width:16px;height:16px;pointer-events:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 /* POS visual restoration: return to the roomy v208-era composition without rolling back current controls. */
 .admin-shell .pos-page-head{grid-template-columns:minmax(300px,.9fr) minmax(520px,1.15fr) auto;align-items:center;gap:18px;padding-bottom:0}
 .admin-shell .pos-page-head>div:first-child h1{margin-top:4px}
 .admin-shell .pos-page-head>div:first-child p{max-width:440px}
 .admin-shell .pos-page-head .pos-top-switcher{display:grid;grid-template-columns:1fr;gap:8px;align-self:start;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 10px 24px rgba(0,0,0,.08)}
 .admin-shell .pos-page-head .pos-quick-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
 .admin-shell .pos-page-head .pos-quick-location{min-width:0;width:100%;min-height:30px;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
 .admin-shell .pos-page-head .pos-quick-professionals{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:thin}
 .admin-shell .pos-page-head .pos-quick-professional{flex:0 0 64px;width:64px;height:64px;min-width:64px;border-radius:14px;padding:0;overflow:hidden}
 .admin-shell .pos-page-head .pos-quick-professional strong{display:block;max-width:100%;padding:2px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
 .admin-shell .pos-page-head>.row-actions{display:flex;grid-template-columns:none;justify-content:flex-end;align-content:center;gap:8px;padding-top:0}
 .admin-shell .pos-page-head>.row-actions .button{width:auto;min-height:46px;padding-inline:16px;white-space:nowrap}
 .admin-shell .pos-workspace{grid-template-columns:280px minmax(0,1fr);gap:18px}
 .admin-shell .pos-main{display:block}
 .admin-shell .pos-main .pos-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px;align-items:start}
 .admin-shell .pos-day-card{top:82px;padding:16px}
 .admin-shell .pos-side-session{margin:-2px -2px 16px;padding:2px 2px 16px;gap:14px}
 .admin-shell .pos-side-actions{grid-template-columns:1fr 1fr;gap:8px}
 .admin-shell .pos-side-actions form:first-of-type{grid-column:1/-1}
 .admin-shell .pos-side-actions form:first-of-type button{width:100%;min-height:44px}
 .admin-shell .pos-side-actions form:not(:first-of-type) button{width:100%;min-height:50px;line-height:1.15}
 .admin-shell .pos-side-actions form:last-child{grid-column:1/-1}
 .admin-shell .pos-catalog,.admin-shell .pos-cart{padding:18px}
 .admin-shell .pos-catalog{min-height:520px}
 .admin-shell .pos-cart{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto}
 .admin-shell .pos-catalog .inline{grid-template-columns:minmax(0,1fr) 96px;gap:8px}
 .admin-shell .pos-catalog .inline button{min-height:46px}
 .admin-shell .pos-segmented label{position:relative}
 .admin-shell .pos-category-list{display:grid;gap:12px}
 .admin-shell .pos-category-list details{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden}
 .admin-shell .pos-category-list details>summary{padding:13px 14px;font-weight:850;cursor:pointer}
 .admin-shell .pos-category-list details[open]>summary{border-bottom:1px solid var(--line);color:var(--accent)}
 .admin-shell .pos-category-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}
 .admin-shell .pos-category-items .pos-tile{min-height:78px;padding:11px;text-align:left;border-radius:12px}
 .admin-shell .pos-category-items .pos-tile strong{display:block;line-height:1.2}
 .admin-shell .pos-category-items .pos-tile span{display:block;margin-top:6px;font-size:11px}
 .admin-shell .pos-cart .section-toolbar{position:sticky;top:-18px;z-index:2;margin:-18px -18px 14px;padding:18px;background:var(--panel);border-bottom:1px solid var(--line)}
 @media(max-width:1380px){.admin-shell .pos-page-head{grid-template-columns:minmax(280px,.8fr) minmax(440px,1fr)}.admin-shell .pos-page-head>.row-actions{grid-column:1/-1;justify-content:flex-end}.admin-shell .pos-page-head>.row-actions .button{min-height:40px}.admin-shell .pos-category-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(max-width:1150px){.admin-shell .pos-workspace{grid-template-columns:1fr}.admin-shell .pos-day-card{position:static;grid-column:auto}.admin-shell .pos-appointment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .pos-main .pos-layout{grid-template-columns:1fr}.admin-shell .pos-cart{position:static;max-height:none;overflow:visible}}
 @media(max-width:900px){.admin-shell .pos-page-head{grid-template-columns:1fr}.admin-shell .pos-page-head>.row-actions{grid-column:auto;justify-content:flex-start}.admin-shell .pos-page-head .pos-top-switcher{order:2}.admin-shell .pos-page-head>.row-actions{order:3}}
 @media(max-width:760px){.admin-shell .pos-page-head{gap:12px;margin-bottom:14px}.admin-shell .pos-page-head>.row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.admin-shell .pos-page-head>.row-actions .button{width:100%;min-height:44px}.admin-shell .pos-category-items{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .pos-appointment-list{grid-template-columns:1fr}}
 @media(max-width:430px){.admin-shell .pos-category-items{grid-template-columns:1fr}.admin-shell .pos-page-head .pos-quick-locations{grid-template-columns:1fr}.admin-shell .pos-side-actions{grid-template-columns:1fr}.admin-shell .pos-side-actions form:first-of-type,.admin-shell .pos-side-actions form:last-child{grid-column:auto}}
 