@font-face { font-family: DashboardAkkurat; src: url("/assets/good-company/akkurat-light.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: DashboardAkkurat; src: url("/assets/good-company/akkurat-bold.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout{--dash-ink:#28221e;--dash-muted:#71665f;--dash-line:#e5ded7;--dash-surface:#fff;--dash-bg:var(--client-apple-bg);--dash-accent:var(--client-apple-accent);--dash-tint:rgba(var(--client-apple-accent-rgb),.09);font-size:16px;background:var(--dash-bg);padding-bottom:30px}
.client-icon-layout [hidden]{display:none!important}.client-icon-layout .dashboard-panel-source{display:none!important}.client-icon-layout svg{width:24px;height:24px;flex-shrink:0}.client-icon-layout .dashboard-shortcuts svg,.client-icon-layout .dashboard-bottom-nav svg,.client-icon-layout .dashboard-section-dialog svg{color:inherit}
html.client-apple-ui-preview body.nfc-page.client-icon-layout>nav:first-of-type{position:relative;top:auto;min-height:80px;margin-bottom:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:16px 4px;backdrop-filter:none;gap:12px}
html.client-apple-ui-preview body.nfc-page.client-icon-layout>nav:first-of-type ul{display:none}html.client-apple-ui-preview body.nfc-page.client-icon-layout>nav:first-of-type .brand-logo{height:40px;max-width:155px}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-shell{width:min(984px,calc(100% - 40px));max-width:984px;display:block;margin:0 auto}
.client-icon-layout .dashboard-brand-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;border-bottom:1px solid var(--dash-line);padding:5px 0 18px;margin-bottom:20px;scrollbar-width:none}
.client-icon-layout .dashboard-brand-tabs a{padding:11px 17px;border:1px solid transparent;border-radius:25px;color:var(--dash-muted);font-size:13px;min-height:44px;text-decoration:none;white-space:nowrap}.client-icon-layout .dashboard-brand-tabs a[aria-current=page]{border-color:var(--dash-accent);background:var(--dash-surface);color:var(--dash-ink);font-weight:650}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero{min-height:300px;border-radius:22px;padding:38px;box-shadow:none;justify-content:center;color:#fff}html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero::before{background:linear-gradient(90deg,rgba(16,14,13,.87),rgba(16,14,13,.65) 40%,rgba(16,14,13,.15))}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero h1{font-size:58px;font-weight:400;color:#fff;line-height:1.1;letter-spacing:-.04em}html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero p{font-size:16px;line-height:1.5;max-width:330px;color:#fff;margin-top:16px}
.client-icon-layout .dashboard-next-appointment{display:flex;width:100%;gap:18px;align-items:center;text-align:left;padding:20px 22px;margin:20px 0 0;background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:16px;color:var(--dash-ink);cursor:pointer}.client-icon-layout .dashboard-next-icon{color:var(--dash-accent);padding-right:18px;border-right:1px solid var(--dash-line)}.client-icon-layout .dashboard-next-icon svg{width:30px;height:30px}.client-icon-layout .dashboard-next-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.client-icon-layout .dashboard-next-copy small{font-size:10px;letter-spacing:.09em;color:var(--dash-accent);font-weight:650}.client-icon-layout .dashboard-next-copy strong{font-size:16px}.client-icon-layout .dashboard-next-copy>span{font-size:13px;color:var(--dash-muted)}.client-icon-layout .dashboard-next-arrow{margin-left:auto;color:var(--dash-accent);font-size:22px}
.client-icon-layout .dashboard-shortcuts{margin:28px 0 24px}.client-icon-layout .dashboard-shortcuts-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.client-icon-layout .dashboard-shortcuts-head h2{font-size:17px;margin:0;font-weight:650}.client-icon-layout .dashboard-shortcuts-head>span{font-size:12px;color:var(--dash-muted)}.client-icon-layout .dashboard-shortcuts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.client-icon-layout .dashboard-shortcut{display:flex;flex-direction:column;align-items:center;gap:9px;padding:17px 5px 14px;min-height:155px;min-width:0;border:1px solid transparent;border-radius:16px;background:transparent;text-align:center;color:var(--dash-ink);cursor:pointer}.client-icon-layout .dashboard-shortcut-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--dash-tint);color:var(--dash-accent)}.client-icon-layout .dashboard-shortcut-icon svg{width:28px;height:28px}.client-icon-layout .dashboard-shortcut strong{font-size:13px;line-height:1.3;min-height:32px;display:flex;align-items:center;justify-content:center}.client-icon-layout .dashboard-shortcut small{font-size:11px;line-height:1.3;color:var(--dash-muted)}.client-icon-layout .dashboard-shortcut.is-priority{background:var(--dash-surface);border-color:var(--dash-line);padding-top:20px;min-height:168px}.client-icon-layout .is-priority .dashboard-shortcut-icon{width:68px;height:68px;background:var(--dash-accent);color:#fff}.client-icon-layout .dashboard-shortcut:hover,.client-icon-layout .dashboard-next-appointment:hover{background:var(--dash-tint)}
.client-icon-layout .dashboard-bottom-nav{display:none}.client-icon-layout .dashboard-section-dialog{position:fixed;inset:0;margin:0 0 0 auto;padding:0;width:min(680px,100%);max-width:100%;height:100dvh;max-height:100dvh;background:var(--dash-bg);color:var(--dash-ink);border:0;border-left:1px solid var(--dash-line);overflow:hidden}.client-icon-layout .dashboard-section-dialog[open]{display:flex;flex-direction:column}.client-icon-layout .dashboard-section-dialog::backdrop{background:rgba(20,18,16,.5)}.client-icon-layout .dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--dash-line);flex-shrink:0}.client-icon-layout .dashboard-panel-head>span{color:var(--dash-accent);font-size:12px;font-weight:650}.client-icon-layout .dashboard-panel-head button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--dash-line);border-radius:50%;background:var(--dash-surface);color:var(--dash-ink);cursor:pointer}.client-icon-layout .dashboard-panel-body{padding:30px 26px;flex:1;overflow-y:auto;min-height:0}.client-icon-layout #dashboard-panel-title{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:4px 0 24px}.client-icon-layout #dashboard-panel-title:focus-visible{outline:2px solid var(--dash-accent);outline-offset:6px}.client-icon-layout .dashboard-panel-content{min-width:0}.client-icon-layout .dashboard-panel-content>.dashboard-open-section{display:block!important;width:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-open-section>.nfc-next-steps-head{margin-bottom:20px}.client-icon-layout .dashboard-open-section>.nfc-next-steps-head h2{font-size:20px}.client-icon-layout .dashboard-open-section .nfc-next-steps-grid,.client-icon-layout .dashboard-open-section .nfc-product-card-grid{grid-template-columns:minmax(0,1fr)!important}.client-icon-layout .dashboard-open-section .nfc-appointments-disclosure{border:0;background:transparent;box-shadow:none}.client-icon-layout .dashboard-open-section .nfc-appointments-disclosure>summary{display:none}.client-icon-layout .dashboard-open-section .nfc-appointments-content{padding:0}.client-icon-layout .dashboard-appointments-heading{font-size:20px;color:var(--dash-accent);padding:0 0 12px;margin:0 0 6px}.client-icon-layout .nfc-past-appointments{margin-top:30px;border-top:2px solid var(--dash-line);padding-top:18px}.client-icon-layout .nfc-past-appointments>summary{font-size:19px;font-weight:650;color:var(--dash-ink);min-height:48px}.client-icon-layout .dashboard-book-choice{display:flex;align-items:center;gap:17px;width:100%;margin:14px 0;padding:22px 18px;border:1px solid var(--dash-line);border-radius:16px;background:var(--dash-surface);color:var(--dash-ink);text-decoration:none;text-align:left;cursor:pointer}.client-icon-layout .dashboard-book-choice>svg{color:var(--dash-accent)}.client-icon-layout .dashboard-book-choice strong{display:block;font-size:16px;line-height:1.35}.client-icon-layout .dashboard-book-choice small{display:block;font-size:13px;color:var(--dash-muted);margin-top:6px}.client-icon-layout .dashboard-back{margin:0;padding:20px 24px;border:0;border-top:1px solid var(--dash-line);background:var(--dash-surface);color:var(--dash-accent);font-size:14px;cursor:pointer}.client-icon-layout .dashboard-empty{font-size:16px;line-height:1.6;color:var(--dash-muted)}.client-icon-layout :is(.dashboard-shortcut,.dashboard-brand-tabs a,.dashboard-bottom-nav button,.dashboard-book-choice,.dashboard-next-appointment):focus-visible{outline:3px solid var(--dash-accent);outline-offset:3px}
@media(max-width:900px) and (min-width:721px){.client-icon-layout .dashboard-shortcuts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){
html.client-apple-ui-preview body.nfc-page.client-icon-layout{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}html.client-apple-ui-preview body.nfc-page.client-icon-layout>nav:first-of-type{width:calc(100% - 40px);min-height:78px;padding:14px 0}html.client-apple-ui-preview body.nfc-page.client-icon-layout>nav:first-of-type .brand-logo{height:34px;max-width:145px}.client-icon-layout .dashboard-brand-tabs{gap:3px;margin-bottom:18px;padding-bottom:16px}.client-icon-layout .dashboard-brand-tabs a{font-size:12px;padding:11px 12px}html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero{min-height:226px;padding:24px;border-radius:18px;background-position:65% center}html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero h1{font-size:39px}html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hero p{font-size:14px;max-width:250px;margin-top:14px}.client-icon-layout .dashboard-next-appointment{padding:17px 15px;gap:13px;margin-top:17px}.client-icon-layout .dashboard-next-copy strong{font-size:14px}.client-icon-layout .dashboard-next-copy>span{font-size:12px}.client-icon-layout .dashboard-next-icon{padding-right:13px}.client-icon-layout .dashboard-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.client-icon-layout .dashboard-shortcuts{margin-top:25px}.client-icon-layout .dashboard-shortcut{padding:15px 3px 12px;min-height:147px}.client-icon-layout .dashboard-shortcut strong{font-size:12px}.client-icon-layout .dashboard-shortcut small{font-size:10px}.client-icon-layout .dashboard-shortcut.is-priority{padding-top:16px;min-height:165px}.client-icon-layout .is-priority .dashboard-shortcut-icon{width:62px;height:62px}.client-icon-layout .dashboard-shortcuts-head h2{font-size:16px}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-bottom-nav{position:fixed;inset:auto 0 0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;align-items:end;width:100%;margin:0;border:0;border-top:1px solid var(--dash-line);border-radius:0;padding:10px 9px calc(18px + env(safe-area-inset-bottom,0px));background:var(--dash-surface);box-shadow:none;backdrop-filter:none}.client-icon-layout .dashboard-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0;min-height:52px;border:0;border-radius:8px;padding:3px 1px;background:transparent;color:var(--dash-muted);font-size:10px;line-height:1.2;cursor:pointer}.client-icon-layout .dashboard-bottom-nav button[aria-current=page]{color:var(--dash-accent);font-weight:650}.client-icon-layout .dashboard-bottom-nav button svg{width:23px;height:23px}.client-icon-layout .dashboard-bottom-nav .dashboard-book-tab{margin-top:-21px}.client-icon-layout .dashboard-book-plus{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:4px solid var(--dash-surface);border-radius:18px;background:var(--dash-accent);color:#fff}.client-icon-layout .dashboard-section-dialog{width:100%}.client-icon-layout .dashboard-panel-body{padding:27px 22px}.client-icon-layout .dashboard-panel-head{padding:12px 20px}.client-icon-layout .dashboard-panel-body #dashboard-panel-title{font-size:29px}.client-icon-layout .dashboard-back{display:none}html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-panel-nav{position:relative;inset:auto;flex-shrink:0}.client-icon-layout .dashboard-book-choice strong{font-size:15px}.client-icon-layout .dashboard-book-choice small{font-size:12px}
}
@media(max-width:350px){html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-shell{width:calc(100% - 28px)}.client-icon-layout .dashboard-shortcuts-grid{gap:4px}.client-icon-layout .dashboard-shortcut strong{font-size:11px}.client-icon-layout .dashboard-shortcut-icon{width:55px;height:55px}.client-icon-layout .is-priority .dashboard-shortcut-icon{width:58px;height:58px}.client-icon-layout .dashboard-bottom-nav button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.client-icon-layout *, .client-icon-layout *::before{scroll-behavior:auto!important}}
/* Override the legacy page-wide nav/section surfaces only for the new shell. */
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-brand-tabs{position:static;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;max-width:none;min-height:0;height:auto;gap:7px;margin:0 0 20px;padding:5px 0 18px;border:0;border-bottom:1px solid var(--dash-line);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow-x:auto}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-brand-tabs::before,html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-brand-tabs::after,html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcuts::before,html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcuts::after,html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-open-section::before,html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-open-section::after{content:none}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcuts{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-panel-content>.dashboard-open-section{display:block!important;width:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-bottom-nav{overflow:visible}
.client-icon-layout .dashboard-shortcut.is-unavailable{color:var(--dash-muted);cursor:default}
.client-icon-layout .dashboard-shortcut.is-unavailable:hover{background:transparent}
.client-icon-layout .dashboard-shortcut.is-priority.is-unavailable{background:var(--dash-surface);border-color:var(--dash-line)}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcut.is-unavailable .dashboard-shortcut-icon{background:#e8e6e3;color:#77716b}
.client-icon-layout .dashboard-shortcut.is-unavailable strong{color:var(--dash-muted)}
.client-icon-layout .dashboard-book-choice:disabled{background:var(--dash-surface);color:var(--dash-muted);cursor:default}
.client-icon-layout .dashboard-book-choice:disabled>svg{color:var(--dash-muted)}
.client-icon-layout .dashboard-panel-brand{display:inline-flex;align-items:center;min-height:36px}
.client-icon-layout .dashboard-panel-logo{display:block;width:auto;height:30px;max-width:140px;object-fit:contain}
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="barber-commons"] .dashboard-panel-brand{background:#164b35;border-radius:8px;padding:6px 12px}
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="arc"] > nav:first-of-type .logo,
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="arc"] .dashboard-panel-brand{background:#143f91;border-radius:8px;padding:6px 12px}
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="nile-reed"] > nav:first-of-type .logo,
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="nile-reed"] .dashboard-panel-brand{background:#711c32;border-radius:8px;padding:6px 12px}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-bottom-nav::before,html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-bottom-nav::after{content:none}
/* Matte BLVD material system: retire legacy glass/reflections inside this layout. */
html.client-apple-ui-preview body.nfc-page.client-icon-layout,
html.client-apple-ui-preview body.nfc-page.client-icon-layout *,
html.client-apple-ui-preview body.nfc-page.client-icon-layout *::before,
html.client-apple-ui-preview body.nfc-page.client-icon-layout *::after {
  box-shadow: none !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-box-reflect: none !important;
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(button, .btn, nav, footer, article, details, summary, input, select, textarea, .surface-card, .nfc-routine-cart-card, .nfc-shop-all-products-footer, .nfc-service-option-chip, .nfc-profile-pill, .nfc-appointment-status) {
  background-image: none !important;
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(button, .btn, nav, footer, article, details, summary, .surface-card)::before,
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(button, .btn, nav, footer, article, details, summary, .surface-card)::after {
  background-image: none !important;
  filter: none !important;
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(footer, article, .surface-card)::before,
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(footer, article, .surface-card)::after { content: none !important; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout {
  --client-apple-font: DashboardAkkurat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dash-bg: #faf8f5;
  --dash-on-accent: #fff;
  --client-apple-bg: var(--dash-bg);
  --client-apple-label: var(--dash-ink);
  --client-apple-secondary: var(--dash-muted);
  --client-apple-surface: var(--dash-surface);
  color: var(--dash-ink);
  background: var(--dash-bg) !important;
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="nile-reed"] { --dash-bg: #fbf7f7; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="arc"] { --dash-bg: #f7f9fc; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="barber-commons"] { --dash-bg: #f6f9f6; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="barber-commons"] > nav:first-of-type .logo { background: #164b35; border-radius: 10px; padding: 10px 14px; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.nfc-product-card, .nfc-guidance-card, .nfc-next-step-card, .nfc-next-service-flow-card, .nfc-routine-cart-card, .nfc-shop-all-products-footer, .nfc-empty-products-card, .nfc-booking-history-card, .nfc-client-event-card, .nfc-sip-style-card) {
  background: var(--dash-surface) !important;
  border: 1px solid var(--dash-line);
  border-radius: 16px;
  color: var(--dash-ink);
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-booking-history-card.is-upcoming { border-left: 3px solid var(--dash-accent); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.btn, .nfc-book-btn, .nfc-gift-btn) {
  background: var(--dash-accent) !important;
  color: var(--dash-on-accent) !important;
  border: 1px solid var(--dash-accent);
  border-radius: 10px;
  min-height: 46px;
  font-weight: 600;
  transform: none;
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.btn.secondary, .nfc-service-option-chip, .nfc-profile-pill, .nfc-product-priority) {
  background: var(--dash-surface) !important;
  color: var(--dash-accent) !important;
  border-color: var(--dash-line);
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.btn, .nfc-book-btn, .nfc-gift-btn)::before,
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.btn, .nfc-book-btn, .nfc-gift-btn)::after { content: none !important; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-card { padding: 0; overflow: hidden; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-card > img { height: 180px; width: 100%; margin: 0; padding: 16px; object-fit: contain; background: #fff; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-card-body { padding: 20px; gap: 12px; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-card h3 { font-size: 19px; line-height: 1.4; font-weight: 600; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-brand { font-size: 14px; color: var(--dash-muted); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-select-row { display: flex; align-items: center; gap: 12px; min-height: 48px; width: 100%; margin: 3px 0; padding: 10px 12px; border: 1px solid var(--dash-line); border-radius: 10px; background: var(--dash-tint); color: var(--dash-ink); cursor: pointer; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-select-row input { flex: 0 0 22px; width: 22px; height: 22px; accent-color: var(--dash-accent); margin: 0; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-product-select-row span { font-size: 14px; line-height: 1.4; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-selected-products-cart-card { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; padding: 18px; border: 1px solid var(--dash-accent); background: var(--dash-surface) !important; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-selected-products-cart-card h3 { font-size: 18px; line-height: 1.3; font-weight: 600; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-selected-products-cart-card p { font-size: 13px; line-height: 1.45; color: var(--dash-muted); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-selected-products-cart-card .btn { width: 100%; white-space: normal; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-selected-products-cart-card .btn[aria-disabled="true"] { opacity: .55; cursor: default; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-shop-all-products-btn { width: auto; min-height: 44px; padding: 10px 0; background: transparent !important; color: var(--dash-accent) !important; border: 0; border-radius: 0; font-size: 13px; font-weight: 500; text-align: left; text-decoration: underline; text-underline-offset: 3px; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations > .nfc-next-steps-head :is(.nfc-kicker,h2) { display: none; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-footer { border: 0; border-top: 1px solid var(--dash-line); border-radius: 0; background: transparent; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-footer::after { content: none !important; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-book-plus,
html.client-apple-ui-preview body.nfc-page.client-icon-layout .is-priority .dashboard-shortcut-icon { color: var(--dash-on-accent); }
@media (prefers-color-scheme: dark) {
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcut.is-unavailable .dashboard-shortcut-icon{background:#3d3b38;color:#c2bbb4}
  html.client-apple-ui-preview { color-scheme: dark; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout {
    --dash-bg: #191918; --dash-surface: #252523; --dash-ink: #f4f2ee; --dash-muted: #c2bbb4; --dash-line: #46413d;
    --dash-accent: #ddbea7; --dash-on-accent: #211c18; --dash-tint: #34302c;
    --client-apple-accent: var(--dash-accent); --client-apple-accent-pressed: var(--dash-accent); --client-apple-separator: var(--dash-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="nile-reed"] { --dash-bg: #1c1819; --dash-accent: #edb3c1; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="arc"] { --dash-bg: #181a1f; --dash-accent: #b2caff; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout[data-client-brand="barber-commons"] { --dash-bg: #171c19; --dash-accent: #afd0ba; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout > nav:first-of-type .logo { background: #fff; border-radius: 9px; padding: 8px 12px; }
  .client-icon-layout .dashboard-panel-brand { background: #fff; border-radius: 8px; padding: 6px 10px; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(input,select,textarea) { background: var(--dash-surface); color: var(--dash-ink); border-color: var(--dash-line); }
}
/* Keep loading in the same quiet layout as the finished dashboard. */
.dashboard-skeleton{position:fixed;inset:0;z-index:1000;overflow-y:auto;background:#faf8f5;color:#28221e;--skeleton-block:#e7e3de;--skeleton-surface:#f0ede9;box-shadow:none;backdrop-filter:none}
.dashboard-skeleton[hidden]{display:none!important}
.dashboard-skeleton-shell{width:min(984px,calc(100% - 40px));margin:0 auto;padding:24px 0 110px}
.dashboard-skeleton-logo{height:32px;width:130px;border-radius:6px;background:var(--skeleton-block);margin-bottom:28px}
.dashboard-skeleton-tabs{display:flex;gap:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--skeleton-block)}
.dashboard-skeleton-tabs span{width:100px;height:36px;background:var(--skeleton-surface);border-radius:20px}
.dashboard-skeleton-hero{min-height:300px;border-radius:22px;background:var(--skeleton-block);display:flex;flex-direction:column;justify-content:center;gap:20px;padding:38px}
.dashboard-skeleton-hero span{height:46px;width:45%;border-radius:6px;background:var(--skeleton-surface)}
.dashboard-skeleton-hero span+span{height:16px;width:60%}
.dashboard-skeleton-visit{display:flex;align-items:center;gap:20px;border:1px solid var(--skeleton-block);border-radius:16px;padding:20px;margin-top:20px;min-height:100px}
.dashboard-skeleton-visit>span{width:40px;height:40px;background:var(--skeleton-block);border-radius:10px}
.dashboard-skeleton-visit>div{display:grid;gap:12px;width:65%}
.dashboard-skeleton-visit>div>span{height:14px;width:100%;background:var(--skeleton-block);border-radius:5px}
.dashboard-skeleton-visit>div>span+span{width:70%;height:12px;background:var(--skeleton-surface)}
.dashboard-skeleton-heading{height:18px;width:170px;background:var(--skeleton-block);border-radius:5px;margin:30px 0 20px}
.dashboard-skeleton-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.dashboard-skeleton-icons>div{display:grid;justify-items:center;align-content:start;gap:16px;min-height:148px;padding:16px 4px}
.dashboard-skeleton-icons>div>span{width:62px;height:62px;border-radius:20px;background:var(--skeleton-block)}
.dashboard-skeleton-icons>div>span+span{width:80%;height:12px;border-radius:5px;background:var(--skeleton-surface)}
.dashboard-skeleton-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.client-icon-layout .nfc-appointment-brands{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.client-icon-layout .nfc-appointment-brand-pill{display:inline-flex;width:fit-content;padding:4px 9px;border:1px solid currentColor;border-radius:999px;font-size:11px;line-height:1.3;font-weight:600;background:#f4eae3;color:#714b3a}
.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="barber-commons"]{background:#e6f0e9;color:#174d33}
.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="arc"]{background:#eaf0fb;color:#143f91}
.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="nile-reed"]{background:#f8e8ed;color:#711c32}
.client-icon-layout .dashboard-previous-heading{margin-top:30px;padding-top:22px;border-top:2px solid var(--dash-line)}
@media(max-width:720px){
.dashboard-skeleton-shell{padding-top:24px}.dashboard-skeleton-logo{height:30px;width:115px;margin-bottom:24px}.dashboard-skeleton-tabs{gap:8px}.dashboard-skeleton-tabs span{height:34px;width:24%}.dashboard-skeleton-hero{min-height:226px;padding:24px;border-radius:18px}.dashboard-skeleton-hero span{height:38px;width:65%}.dashboard-skeleton-hero span+span{height:14px;width:90%}.dashboard-skeleton-visit{min-height:110px;padding:18px 14px;gap:14px;margin-top:17px}.dashboard-skeleton-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
}
@media(prefers-color-scheme:dark){.dashboard-skeleton{background:#191918;--skeleton-block:#3d3934;--skeleton-surface:#302d29}}
/* Older dashboard sections share these semantic colours with the icon shell.
   Keep foreground/background pairs together: a pastel action needs dark ink. */
/* Gift artwork has its own paired palette in either device appearance. */
html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-paid-gifts-dialog .paid-gift-record :is(h3, p, small, a) { color: inherit; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-footer { color: var(--dash-muted); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-open-section > .nfc-next-steps-head :is(.nfc-kicker, .nfc-meta) { color: var(--dash-muted); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout #dashboard-section-dialog .dashboard-panel-content > .dashboard-open-section { background: transparent; }
@media (min-width: 721px) {
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-bottom-nav { display: none; }
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.nfc-gift-close-modal, .client-voucher-close, #hair-regen-modal-close) {
  display: inline-grid; place-items: center; width: 44px; height: 44px;
  padding: 0; border-radius: 50%;
}
@media (prefers-color-scheme: dark) {
  html.client-apple-ui-preview { background: #191918; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout {
    color-scheme: dark;
    --ink: var(--dash-ink);
    --ink-soft: var(--dash-muted);
    --panel: var(--dash-surface);
    --line: var(--dash-line);
    --accent: var(--dash-accent);
    --accent-soft: var(--dash-accent);
    --client-apple-tertiary: var(--dash-muted);
    --client-apple-status: #a9d8b4;
    --nfc-good: #a9d8b4;
    --nfc-warn: #f0cb93;
    --dash-control-line: #948c85;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .surface-card, .nfc-service-timing-card, .nfc-hair-profile-card,
    .nfc-hair-regen-timeline-card, .nfc-hair-regen-graph-card,
    .nfc-hair-regen-summary-card,
    .nfc-exo-grow-aftercare-card, .nfc-product-stylist-details,
    .nfc-hair-profile-summary-note, .nfc-gift-detail, .client-voucher-detail,
    .nfc-info-example-group, .client-apple-crop-dialog
  ) {
    background: var(--dash-surface);
    color: var(--dash-ink);
    border-color: var(--dash-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-product-stylist-details summary, .nfc-hair-regen-timeline-open,
    .nfc-hair-regen-file-btn, .nfc-intro-video-skip, .nfc-intro-hint-dismiss,
    .nfc-gift-close-modal, .client-voucher-close, .nfc-info-icon-btn,
    .client-apple-icon-button
  ) { background: var(--dash-tint); color: var(--dash-ink); border-color: var(--dash-control-line); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .client-apple-photo-button, .nfc-intro-trigger
  ) { background: var(--dash-accent); color: var(--dash-on-accent); border-color: var(--dash-surface); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea
  ),
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-brand-switch {
    background: var(--dash-surface);
    color: var(--dash-ink);
    border-color: var(--dash-control-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(input, textarea)::placeholder {
    color: var(--dash-muted); opacity: 1;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(input, select, textarea, button, a, summary):focus-visible {
    outline: 3px solid var(--dash-accent); outline-offset: 3px;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.btn.secondary, .nfc-service-option-chip, .nfc-profile-pill, .nfc-product-priority) {
    border-color: var(--dash-control-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-gift-modal, .client-voucher-modal, .nfc-hair-profile-card,
    .nfc-hair-regen-timeline-card, .nfc-exo-grow-aftercare-card
  ) :is(h2, h3, h4, strong) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-gift-modal, .client-voucher-modal
  ) :is(p, span, .nfc-kicker) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-graph-label { fill: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-summary-card.is-pink .nfc-hair-regen-region-label { color: #f1b0df; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-summary-card.is-orange .nfc-hair-regen-region-label { color: #f0cb93; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-summary-card.is-green .nfc-hair-regen-region-label { color: #a9d8b4; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps :is(.nfc-service-timing-panel, .nfc-previous-services-disclosure) {
    background: var(--dash-surface); border-color: var(--dash-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-next-step-service-title { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-next-step-package-body :is(p, li, .nfc-meta) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-service-timing-panel :is(h3, p) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-service-countdown { background: var(--dash-tint); color: var(--dash-accent); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-disclosure-count { background: var(--dash-tint); color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations.dashboard-open-section {
    background: transparent;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations :is(h2, h3) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations .nfc-meta { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations :is(.nfc-kicker, .nfc-product-brand) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations .nfc-product-detail :is(p, span) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-next-step-scroll-hint { color: var(--dash-muted); }
  /* These IDs override the ARC profile's legacy light-only identity rules. */
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #nfc-client-card :is(#client-display-name, #client-profile-kicker, #client-report-title, #client-report-link-state) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #nfc-client-card #client-status-message { color: var(--client-apple-status); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill {
    --pill-ink: #ddbea7; --pill-bg: #382d26;
    background: var(--pill-bg); color: var(--pill-ink);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="arc"] { --pill-ink: #b2caff; --pill-bg: #25324c; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="nile-reed"] { --pill-ink: #edb3c1; --pill-bg: #402630; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="barber-commons"] { --pill-ink: #afd0ba; --pill-bg: #263b2e; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-status { background: #253e2d; color: #b5dfbf; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-paid-gifts-dialog {
    background: var(--dash-surface); color: var(--dash-ink); border: 1px solid var(--dash-control-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-paid-gifts-dialog .paid-gift-head button {
    background: var(--dash-accent); color: var(--dash-on-accent);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-gift-overlay, .client-voucher-overlay, .nfc-intro-video-overlay,
    .nfc-intro-preference-overlay, .nfc-client-lock-overlay, .nfc-info-backdrop
  ) { background: rgb(0 0 0 / .72); }
}
.dashboard-skeleton-bottom{display:none}
@media(max-width:720px){.dashboard-skeleton-bottom{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;align-items:center;background:var(--skeleton-surface);border-top:1px solid var(--skeleton-block);padding:18px 8px calc(22px + env(safe-area-inset-bottom,0px))}.dashboard-skeleton-bottom span{width:24px;height:24px;border-radius:6px;background:var(--skeleton-block)}.dashboard-skeleton-bottom span:nth-child(3){width:44px;height:44px;border-radius:14px}}

/* Reward invitation: continuous brand-colour sweep, with a still border for
   keyboard focus and reduced motion. Pointer hover pauses the invitation. */
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcut.dashboard-referral-offer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-row: 2;
  grid-column: 3 / span 2;
  border: 1px solid var(--dash-accent);
  background: var(--dash-surface);
  border-radius: 16px;
}
.client-icon-layout .dashboard-referral-offer > :not(.dashboard-referral-ring) { position: relative; z-index: 1; }
.client-icon-layout .dashboard-referral-ring { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; overflow: hidden; }
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
  .client-icon-layout .dashboard-referral-ring {
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .client-icon-layout .dashboard-referral-ring::before {
    content: '';
    position: absolute;
    width: 300%;
    aspect-ratio: 1;
    left: -100%;
    top: 50%;
    background: conic-gradient(from 0deg, transparent 0deg 210deg, var(--dash-accent) 270deg, color-mix(in srgb, var(--dash-accent) 40%, white) 300deg, var(--dash-accent) 315deg, transparent 360deg);
    transform: translateY(-50%) rotate(0deg);
    animation: dashboard-referral-orbit 2.4s linear infinite;
  }
}
@keyframes dashboard-referral-orbit { to { transform: translateY(-50%) rotate(360deg); } }
.client-icon-layout .dashboard-referral-offer:disabled .dashboard-referral-ring { display: none; }
.client-icon-layout .dashboard-referral-offer:focus-visible { outline: 3px solid var(--dash-accent); outline-offset: 3px; }
.client-icon-layout .dashboard-referral-offer:focus-visible .dashboard-referral-ring::before { animation: none; }
@media (max-width: 720px) {
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcut.dashboard-referral-offer { grid-column: 2; }
}
@media (hover: hover) and (pointer: fine) {
  .client-icon-layout .dashboard-referral-offer:hover .dashboard-referral-ring::before { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) {
  .client-icon-layout .dashboard-referral-ring::before { animation: none; }
}
@media (forced-colors: active) {
  .client-icon-layout .dashboard-referral-ring { display: none; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcut.dashboard-referral-offer { border: 2px solid ButtonText; }
}
.client-icon-layout .dashboard-referral-ring { filter: drop-shadow(0 0 2px var(--dash-accent)); }
.client-icon-layout .dashboard-shortcut-icon { position: relative; }
.client-icon-layout .dashboard-update-dot { position: absolute; top: -2px; right: -2px; width: 9px; height: 9px; border-radius: 50%; background: #c43131; box-shadow: 0 0 0 3px var(--dash-bg); }
.client-icon-layout .is-priority .dashboard-update-dot { box-shadow: 0 0 0 3px var(--dash-surface); }
.client-icon-layout .dashboard-read-status:empty { display: none; }
.client-icon-layout .dashboard-read-status { color: var(--dash-ink); font-size: 13px; line-height: 1.5; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .has-no-product-recommendations > .nfc-next-steps-head { display: flex; flex-direction: column; gap: 18px; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .has-no-product-recommendations .nfc-product-recommendations-title-row { order: 1; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .has-no-product-recommendations .nfc-shop-all-products-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 12px 20px; border-radius: 12px; background: var(--dash-accent) !important; color: var(--dash-on-accent, #fff) !important; text-decoration: none; font-size: 15px; font-weight: 600; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .has-no-product-recommendations .nfc-empty-products-card .btn { background: transparent !important; color: var(--dash-accent) !important; border: 0; padding: 10px 0; text-decoration: underline; text-underline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  .client-icon-layout .dashboard-update-dot { background: #ff7676; }
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-shortcut.dashboard-referral-offer { overflow: visible; }

/* Older dashboard sections share these semantic colours with the icon shell.
   Keep foreground/background pairs together: a pastel action needs dark ink. */
/* Appearance changes update both halves of the pair in the same frame. */
html.client-apple-ui-preview body.nfc-page { transition: none; }
html.client-apple-ui-preview body.nfc-page :is(.btn,button,input,select,textarea) { transition-property: transform,box-shadow; }
/* Gift artwork has its own paired palette in either device appearance. */
html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-paid-gifts-dialog .paid-gift-record :is(h3, p, small, a) { color: inherit; }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-footer { color: var(--dash-muted); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-open-section > .nfc-next-steps-head :is(.nfc-kicker, .nfc-meta) { color: var(--dash-muted); }
html.client-apple-ui-preview body.nfc-page.client-icon-layout #dashboard-section-dialog .dashboard-panel-content > .dashboard-open-section { background: transparent; }
@media (min-width: 721px) {
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .dashboard-bottom-nav { display: none; }
}
html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.nfc-gift-close-modal, .client-voucher-close, #hair-regen-modal-close) {
  display: inline-grid; place-items: center; width: 44px; height: 44px;
  padding: 0; border-radius: 50%;
}
@media (prefers-color-scheme: dark) {
  html.client-apple-ui-preview { background: #191918; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout {
    color-scheme: dark;
    --ink: var(--dash-ink);
    --ink-soft: var(--dash-muted);
    --panel: var(--dash-surface);
    --line: var(--dash-line);
    --accent: var(--dash-accent);
    --accent-soft: var(--dash-accent);
    --client-apple-tertiary: var(--dash-muted);
    --client-apple-status: #a9d8b4;
    --nfc-good: #a9d8b4;
    --nfc-warn: #f0cb93;
    --dash-control-line: #948c85;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .surface-card, .nfc-service-timing-card, .nfc-hair-profile-card,
    .nfc-hair-regen-timeline-card, .nfc-hair-regen-graph-card,
    .nfc-hair-regen-summary-card,
    .nfc-exo-grow-aftercare-card, .nfc-product-stylist-details,
    .nfc-hair-profile-summary-note, .nfc-gift-detail, .client-voucher-detail,
    .nfc-info-example-group, .client-apple-crop-dialog
  ) {
    background: var(--dash-surface);
    color: var(--dash-ink);
    border-color: var(--dash-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-product-stylist-details summary, .nfc-hair-regen-timeline-open,
    .nfc-hair-regen-file-btn, .nfc-intro-video-skip, .nfc-intro-hint-dismiss,
    .nfc-gift-close-modal, .client-voucher-close, .nfc-info-icon-btn,
    .client-apple-icon-button
  ) { background: var(--dash-tint); color: var(--dash-ink); border-color: var(--dash-control-line); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .client-apple-photo-button, .nfc-intro-trigger
  ) { background: var(--dash-accent); color: var(--dash-on-accent); border-color: var(--dash-surface); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea
  ),
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-brand-switch {
    background: var(--dash-surface);
    color: var(--dash-ink);
    border-color: var(--dash-control-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(input, textarea)::placeholder {
    color: var(--dash-muted); opacity: 1;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(input, select, textarea, button, a, summary):focus-visible {
    outline: 3px solid var(--dash-accent); outline-offset: 3px;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(.btn.secondary, .nfc-service-option-chip, .nfc-profile-pill, .nfc-product-priority) {
    border-color: var(--dash-control-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-gift-modal, .client-voucher-modal, .nfc-hair-profile-card,
    .nfc-hair-regen-timeline-card, .nfc-exo-grow-aftercare-card
  ) :is(h2, h3, h4, strong) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-gift-modal, .client-voucher-modal
  ) :is(p, span, .nfc-kicker) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-graph-label { fill: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-summary-card.is-pink .nfc-hair-regen-region-label { color: #f1b0df; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-summary-card.is-orange .nfc-hair-regen-region-label { color: #f0cb93; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-hair-regen-summary-card.is-green .nfc-hair-regen-region-label { color: #a9d8b4; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps :is(.nfc-service-timing-panel, .nfc-previous-services-disclosure) {
    background: var(--dash-surface); border-color: var(--dash-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-next-step-service-title { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-next-step-package-body :is(p, li, .nfc-meta) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-service-timing-panel :is(h3, p) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-service-countdown { background: var(--dash-tint); color: var(--dash-accent); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-disclosure-count { background: var(--dash-tint); color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations.dashboard-open-section {
    background: transparent;
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations :is(h2, h3) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations .nfc-meta { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations :is(.nfc-kicker, .nfc-product-brand) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-product-recommendations .nfc-product-detail :is(p, span) { color: var(--dash-muted); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-next-steps .nfc-next-step-scroll-hint { color: var(--dash-muted); }
  /* These IDs override the ARC profile's legacy light-only identity rules. */
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #nfc-client-card :is(#client-display-name, #client-profile-kicker, #client-report-title, #client-report-link-state) { color: var(--dash-ink); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #nfc-client-card #client-status-message { color: var(--client-apple-status); }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill {
    --pill-ink: #ddbea7; --pill-bg: #382d26;
    background: var(--pill-bg); color: var(--pill-ink);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="arc"] { --pill-ink: #b2caff; --pill-bg: #25324c; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="nile-reed"] { --pill-ink: #edb3c1; --pill-bg: #402630; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-brand-pill[data-booking-brand="barber-commons"] { --pill-ink: #afd0ba; --pill-bg: #263b2e; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout .nfc-appointment-status { background: #253e2d; color: #b5dfbf; }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-paid-gifts-dialog {
    background: var(--dash-surface); color: var(--dash-ink); border: 1px solid var(--dash-control-line);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout #client-paid-gifts-dialog .paid-gift-head button {
    background: var(--dash-accent); color: var(--dash-on-accent);
  }
  html.client-apple-ui-preview body.nfc-page.client-icon-layout :is(
    .nfc-gift-overlay, .client-voucher-overlay, .nfc-intro-video-overlay,
    .nfc-intro-preference-overlay, .nfc-client-lock-overlay, .nfc-info-backdrop
  ) { background: rgb(0 0 0 / .72); }
}

/* Client appearance is established before the icon shell mounts, including
   standalone workshop guides, loading/error screens and nested dialogs. */
@media (prefers-color-scheme: dark) {
  html.client-apple-ui-preview,
  html.client-apple-ui-preview[data-client-brand] {
    color-scheme: dark;
    --client-apple-bg: #191918;
    --client-apple-surface: #252523;
    --client-apple-label: #f4f2ee;
    --client-apple-secondary: #c2bbb4;
    --client-apple-tertiary: #c2bbb4;
    --client-apple-separator: #46413d;
    --client-apple-accent: #ddbea7;
    --client-apple-accent-pressed: #ddbea7;
    --client-apple-status: #a9d8b4;
    --client-on-accent: #211c18;
    --nfc-good: #a9d8b4;
    --nfc-warn: #f0cb93;
    --ink: #f4f2ee;
    --ink-soft: #c2bbb4;
    --panel: #252523;
    --line: #46413d;
  }
  html.client-apple-ui-preview[data-client-brand="arc"] { --client-apple-accent: #b2caff; }
  html.client-apple-ui-preview[data-client-brand="nile-reed"] { --client-apple-accent: #edb3c1; }
  html.client-apple-ui-preview[data-client-brand="barber-commons"] { --client-apple-accent: #afd0ba; }
  html.client-apple-ui-preview body.nfc-page { background: var(--client-apple-bg); color: var(--client-apple-label); }
  html.client-apple-ui-preview body.nfc-page :is(.nfc-workbook-page,.nfc-workbook-hero,.nfc-workbook-section,.nfc-workbook-product,.nfc-workbook-technique-card,.nfc-workbook-technique-diagram,.nfc-workbook-cta,.nfc-workbook-locked,.nfc-client-lock-card,.nfc-intro-preference-card) {
    background: var(--client-apple-surface); color: var(--client-apple-label); border-color: var(--client-apple-separator);
  }
  html.client-apple-ui-preview body.nfc-page :is(.nfc-workbook-page,.nfc-client-lock-card,.nfc-intro-preference-card) :is(h2,h3,h4,strong) { color: var(--client-apple-label); }
  html.client-apple-ui-preview body.nfc-page :is(.nfc-workbook-page,.nfc-client-lock-card,.nfc-intro-preference-card) :is(p,li,small,.nfc-meta,.nfc-kicker) { color: var(--client-apple-secondary); }
  html.client-apple-ui-preview body.nfc-page .nfc-workbook-number { color: var(--client-apple-accent); }
  html.client-apple-ui-preview body.nfc-page:not(.client-icon-layout) .btn { background: var(--client-apple-accent); color: var(--client-on-accent); border-color: var(--client-apple-accent); }
  html.client-apple-ui-preview body.nfc-page:not(.client-icon-layout) .btn.secondary { background: var(--client-apple-surface); color: var(--client-apple-accent); border-color: #948c85; }
  html.client-apple-ui-preview body.nfc-page .nfc-hair-regen-graph-legend-item.is-pink { color: #f1b0df; }
  html.client-apple-ui-preview body.nfc-page .nfc-hair-regen-graph-legend-item.is-orange { color: #f0cb93; }
  html.client-apple-ui-preview body.nfc-page .nfc-hair-regen-graph-legend-item.is-green { color: #a9d8b4; }
  html.client-apple-ui-preview body.nfc-page #hair-regen-modal { background: var(--client-apple-surface); color: var(--client-apple-label); border-color: #948c85; }
  html.client-apple-ui-preview body.nfc-page #hair-regen-modal :is(h2,h3,h4,strong,.nfc-hair-regen-region-value) { color: var(--client-apple-label); }
  html.client-apple-ui-preview body.nfc-page #hair-regen-modal .nfc-meta { color: var(--client-apple-secondary); }
  html.client-apple-ui-preview body.nfc-page:not(.nfc-admin-document) #nfc-client-card :is(#client-display-name,#client-profile-kicker,#client-report-title,#client-report-link-state) { color: var(--client-apple-label); }
  html.client-apple-ui-preview body.nfc-page:not(.nfc-admin-document) #nfc-client-card #client-status-message { color: var(--client-apple-status); }
}
html.client-apple-ui-preview body.nfc-page dialog#hair-regen-modal {
  position: fixed; inset: 0; margin: auto; transform: none;
  width: min(740px, calc(100% - 24px)); height: fit-content;
  max-height: calc(100dvh - 24px); overflow: auto;
}
html.client-apple-ui-preview body.nfc-page dialog#hair-regen-modal::backdrop { background: rgb(0 0 0 / .72); }

@media (prefers-reduced-motion: reduce) {
  html.client-apple-ui-preview body.nfc-page *,
  html.client-apple-ui-preview body.nfc-page *::before,
  html.client-apple-ui-preview body.nfc-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  html.client-apple-ui-preview body.nfc-page:not(.client-icon-layout) > nav {
    background: var(--client-apple-surface); color: var(--client-apple-label);
    border-color: var(--client-apple-separator);
  }
  html.client-apple-ui-preview body.nfc-page:not(.client-icon-layout) :is(.nfc-book-btn,.nfc-gift-btn) {
    background: var(--client-apple-accent); color: var(--client-on-accent); border-color: var(--client-apple-accent);
  }
  html.client-apple-ui-preview body.nfc-page:not(.client-icon-layout) #client-paid-gifts-trigger {
    background: var(--client-apple-surface); color: var(--client-apple-accent); border-color: #948c85;
  }
  html.client-apple-ui-preview body.nfc-page #client-brand-switch {
    background: var(--client-apple-surface); color: var(--client-apple-label);
    border-color: #948c85;
  }
  html.client-apple-ui-preview body.nfc-page:not(.client-icon-layout) nav .brand-logo {
    background: #fff; border-radius: 8px; padding: 6px 10px;
  }
  html.client-apple-ui-preview body.nfc-page .nfc-client-lock-animation { filter: invert(1); }
  html.client-apple-ui-preview body.nfc-page .nfc-client-lock-overlay { background: rgb(0 0 0 / .72); }
  /* Product photography uses a white canvas; its fallback text must match it. */
  html.client-apple-ui-preview body.nfc-page .nfc-product-card > img { color: #28221e; }
  html.client-apple-ui-preview body.nfc-page .nfc-footer {
    background: transparent; color: var(--client-apple-secondary); border-color: var(--client-apple-separator);
  }
  html.client-apple-ui-preview body.nfc-page .nfc-footer p { color: inherit; }
}