/* ── Tokens ─────────────────────────────────────────────────────────────── */ html:has(.members-layout-root), html:has(.members-layout-root) body, .members-layout-root, .member-platform { --workflow-gold-soft: transparent; --am-gold-soft: transparent; --member-sidebar-w: 240px; --member-sidebar-width: 240px; --shell-header-h: 64px; --booking-nav-accent: var(--app-muted-text, #49564E); } html, body { margin: 0; min-height: 100%; } html:has(.member-platform), body:has(.member-platform), .members-layout-root:has(.member-platform) { background-color: var(--surface-app, #EEF1ED); color: var(--text-primary, #1F2722); color-scheme: dark; } html[data-theme=light], html[data-theme=light] body, html[data-theme=light]:has(.member-platform), html[data-theme=light]:has(.member-platform) body, html[data-theme=light] .members-layout-root:has(.member-platform) { background-color: var(--surface-app); color: var(--text-primary); color-scheme: light; } /* ── Shell geometry ───────────────────────────────────────────────────────── */ .members-layout-root .member-platform { --member-sidebar-w: 240px; max-width: 1440px; margin: 0 auto; min-width: 0; background: var(--app-bg, #EEF1ED); } .members-layout-root .member-platform .member-sidebar { flex-shrink: 0; width: 240px; min-width: 240px; max-width: 240px; background: var(--app-surface-muted, #FFFFFF); border-right: 1px solid var(--app-border, #B3BBB4); } .members-layout-root .member-platform .member-header { min-height: 64px; height: 64px; background: var(--app-surface-muted, #FFFFFF); border-bottom: 1px solid var(--app-border, #B3BBB4); } .members-layout-root .member-platform .member-header .brand { display: flex; align-items: center; gap: 8px; min-width: 0; white-space: nowrap; } .members-layout-root .member-platform .member-header .brand img { flex: 0 0 32px; } .members-layout-root .member-platform .member-header .brand > div { display: grid; min-width: 0; } .members-layout-root .member-platform .member-header .brand strong { font-size: 15px; line-height: 1.1; } .members-layout-root .member-platform .member-header .brand span { max-width: 190px; overflow: hidden; text-overflow: ellipsis; font-size: 10px; line-height: 1.3; } .members-layout-root .member-platform .member-main, .members-layout-root .member-platform .main-content { min-width: 0; background: var(--app-bg, #EEF1ED); } @media (min-width: 769px) { .members-layout-root .member-platform .header-hamburger { display: none; } } .members-layout-root .mobile-bottom-nav { display: none; } .members-layout-root .brand span, .members-layout-root .member-header .brand span, .members-layout-root .logo span { display: block; } /* ── Nav: one owner for .nav-item-icon and --booking-nav-accent ──────────── */ .members-layout-root .member-platform .nav-item, .members-layout-root .member-platform .member-nav-item { --booking-nav-accent: var(--app-muted-text, #49564E); position: relative; display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--app-body-text, #39463E); font-size: 14px; font-weight: 650; text-align: left; cursor: pointer; } .members-layout-root .member-platform .nav-item:hover, .members-layout-root .member-platform .member-nav-item:hover { background: var(--app-surface-raised, #F1F3F0); color: var(--app-heading, #1F2722); } .members-layout-root .member-platform .nav-item.active, .members-layout-root .member-platform .member-nav-item.active { --booking-nav-accent: var(--app-gold, #24633F); background: var(--app-surface-raised, #F1F3F0); color: var(--app-gold, #24633F); } .members-layout-root .member-platform .nav-item.active::before, .members-layout-root .member-platform .member-nav-item.active::before { content:""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 999px; background: var(--app-gold, #24633F); } .members-layout-root .member-platform .nav-item-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 10px; margin: 0; color: var(--booking-nav-accent, var(--app-muted-text, #49564E)); background: transparent; opacity: 1; } .members-layout-root .member-platform .nav-item-icon svg { width: 16px; height: 16px; display: block; } .members-layout-root .member-platform .nav-item.active .nav-item-icon, .members-layout-root .member-platform .member-nav-item.active .nav-item-icon { color: var(--app-gold, #24633F); background: transparent; } .members-layout-root .member-sidebar--bookings-only .nav-item[data-booking-nav], .members-layout-root .mobile-more-drawer[data-launch-surface=bookings-only] [data-booking-nav] { --booking-nav-accent: var(--app-muted-text, #49564E); --booking-nav-soft: transparent; --booking-nav-border: var(--app-border, #B3BBB4); } .members-layout-root .member-sidebar--bookings-only .nav-item[data-booking-nav].active, .members-layout-root .mobile-more-drawer[data-launch-surface=bookings-only] [data-booking-nav].active { --booking-nav-accent: var(--app-gold, #24633F); } /* ── Mobile more drawer stacking ───────────────────────────────────────── */ .members-layout-root .member-platform > .mobile-more-drawer, .members-layout-root .mobile-more-drawer, .members-layout-root .mobile-more-drawer.open { inset: 0; width: 100%; height: 100%; min-height: 100dvh; opacity: 1; animation: none; transition: none; background: #FFFFFF; background-color: #FFFFFF; background-image: none; } .members-layout-root .mobile-more-drawer .mobile-more-head, .members-layout-root .mobile-more-drawer .mobile-more-direction, .members-layout-root .mobile-more-drawer .more-workspace-menu, .members-layout-root .mobile-more-drawer .mobile-more-groups { background: #FFFFFF; background-color: #FFFFFF; opacity: 1; } .members-layout-root .mobile-more-drawer .member-nav-item, .members-layout-root .mobile-more-drawer .booking-software-menu-item { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; } .members-layout-root .mobile-more-drawer .booking-software-menu-copy, .members-layout-root .mobile-more-drawer .member-nav-item-copy { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; align-items: flex-start; } .members-layout-root .mobile-more-drawer .booking-software-menu-copy strong, .members-layout-root .mobile-more-drawer .booking-software-menu-copy span, .members-layout-root .mobile-more-drawer .member-nav-item-title, .members-layout-root .mobile-more-drawer .mobile-more-item-hint { display: block; } .members-layout-root .mobile-more-drawer .booking-software-menu-chevron, .members-layout-root .mobile-more-drawer .member-nav-item-chevron { justify-self: end; margin-left: auto; } /* ── Workspace hub tabs: labels only — leftover step numbers are not counts ─ */ .members-layout-root .member-command-header-nav .member-workflow-switcher-step, .members-layout-root .member-command-header-nav .member-workflow-switcher-hint { display: none; } .members-layout-root .member-command-header-nav .member-workflow-switcher-card { display: flex; flex-direction: column; justify-content: center; gap: 0; } @media (max-width: 768px) { .members-layout-root .member-command-header-nav .member-workflow-switcher { display: flex; flex-wrap: nowrap; gap: 4px; overflow-x: auto; overflow-y: hidden; } .members-layout-root .member-command-header-nav .member-workflow-switcher-card { flex: 0 0 auto; flex-direction: row; align-items: center; min-width: max-content; max-width: none; padding: 6px 12px; } .members-layout-root .member-command-header-nav .member-workflow-switcher-label { white-space: nowrap; } } /* ── Duplicate page eyebrows ─────────────────────────────────────────────── */ .members-layout-root .tier1-section-eyebrow, .members-layout-root .mpw-eyebrow, .members-layout-root .mws-eyebrow, .members-layout-root .member-page-eyebrow, .members-layout-root .member-workspace-eyebrow, .members-layout-root .bookings-page-label { display: none; } /* ── Settings status strip exclusivity ──────────────────────────────────── */ @media (min-width: 769px) { .members-layout-root .mch-strip-compact { display: inline; } .members-layout-root .mch-strip-stacked-title, .members-layout-root .mch-strip-detail { display: none; } } @media (max-width: 768px) { .members-layout-root .mch-strip-compact { display: none; } .members-layout-root .mch-strip-stacked-title, .members-layout-root .mch-strip-detail { display: block; } } /* ── Header actions ─────────────────────────────────────────────────────── */ .members-layout-root .member-header .header-actions { display: flex; align-items: center; gap: 8px; } .members-layout-root .mha-action { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-height: 40px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--app-border, #B3BBB4); background: var(--app-surface, #FFFFFF); color: var(--app-body-text, #39463E); font-size: 12px; font-weight: 600; } .members-layout-root .mha-action svg { width: 16px; height: 16px; } /* ── Buttons: one gold primary, teal secondary, one focus ring ────────────── */ .members-layout-root .tbb-btn, .members-layout-root .member-platform .tbb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 14px; border-radius: 10px; font-size: 13px; font-weight: 700; cursor: pointer; box-sizing: border-box; } .members-layout-root .tbb-btn-primary:not(:disabled):not([aria-disabled=true]), .members-layout-root .member-platform .tbb-btn-primary:not(:disabled):not([aria-disabled=true]), .members-layout-root .member-platform .mac-btn--primary:not(:disabled):not([aria-disabled=true]), .members-layout-root .member-platform .member-ui-btn--primary:not(:disabled):not([aria-disabled=true]), .members-layout-root .chairos-auth-primary:not(:disabled):not([aria-disabled=true]) { background: #24633F; background-image: none; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; border: 1px solid #24633F; box-shadow: none; filter: none; } .members-layout-root .tbb-btn-primary:is(:disabled, [aria-disabled=true]), .members-layout-root .member-platform .tbb-btn-primary:is(:disabled, [aria-disabled=true]) { background: #FFFFFF; color: #24633F; -webkit-text-fill-color: #24633F; border: 1px solid #24633F; } .members-layout-root .tbb-btn-secondary, .members-layout-root .member-platform .tbb-btn-secondary, .members-layout-root .member-platform .mac-btn--secondary, .members-layout-root .member-platform .outline-btn:not(.danger) { background: transparent; background-image: none; color: #006C65; border: 1px solid #006C65; } .members-layout-root .tbb-btn:focus-visible, .members-layout-root .member-platform .tbb-btn:focus-visible, .members-layout-root .mha-action:focus-visible, .members-layout-root .nav-item:focus-visible, .members-layout-root .chairos-auth-primary:focus-visible { outline: 2px solid #006C65; outline-offset: 2px; box-shadow: none; } /* ── Composition ─────────────────────────────────────────────────────────── */ .members-layout-root .page-head { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; } .members-layout-root .page-head h1, .members-layout-root .page-head h2 { margin: 0; font-size: 27px; font-weight: 900; letter-spacing: -0.03em; color: var(--app-heading, #1F2722); } .members-layout-root .page-head p { margin: 4px 0 0; color: var(--app-muted-text, #49564E); font-size: 14px; } .members-layout-root .page-actions, .members-layout-root .page-head-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-left: auto; } .members-layout-root .stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; } .members-layout-root .two-col { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 14px; margin-bottom: 14px; } .members-layout-root .three-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .members-layout-root .split { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr); gap: 14px; } .members-layout-root .stack { display: flex; flex-direction: column; gap: 14px; } .members-layout-root .card, .members-layout-root .stat-card, .members-layout-root .table-card { background: var(--app-surface, #FFFFFF); border: 1px solid var(--app-border, #B3BBB4); border-radius: 12px; color: var(--app-heading, #1F2722); } .members-layout-root .card { padding: 18px; } .members-layout-root .stat-card { padding: 16px; text-align: left; } .members-layout-root .stat-label { display: block; margin-bottom: 8px; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-muted-text, #49564E); } .members-layout-root .stat-card strong, .members-layout-root .big-number { display: block; font-size: 27px; font-weight: 900; color: var(--app-gold, #24633F); } .members-layout-root .stat-sub { display: block; margin-top: 4px; font-size: 11px; color: var(--app-muted-text, #49564E); } .members-layout-root .card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .members-layout-root .card-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--app-heading, #1F2722); } .members-layout-root .card-action { background: none; border: 0; color: var(--app-gold, #24633F); font-size: 11px; cursor: pointer; } .members-layout-root .card-section { padding: 12px 0; } .members-layout-root .sub-card { background: var(--app-surface-raised, #F1F3F0); border-radius: 10px; padding: 12px; } .members-layout-root .table-card { padding: 0; overflow: hidden; } .members-layout-root .table-row { display: grid; gap: 12px; align-items: center; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--app-border, #B3BBB4); background: transparent; color: var(--app-body-text, #39463E); text-align: left; } .members-layout-root .table-head { background: var(--app-surface-raised, #F1F3F0); cursor: default; } .members-layout-root .empty-state { text-align: center; padding: 34px 20px; color: var(--app-muted-text, #49564E); font-weight: 700; } .members-layout-root .notice { border-radius: 10px; padding: 12px 14px; margin-bottom: 14px; font-size: 13px; font-weight: 900; } .members-layout-root .b-status { font-size: 10px; padding: 4px 8px; border-radius: 999px; text-transform: capitalize; font-weight: 800; white-space: nowrap; } .members-layout-root .meter { height: 4px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: var(--app-surface-raised, #F1F3F0); } .members-layout-root .meter span { display: block; height: 100%; border-radius: 999px; background: #24633F; } .members-layout-root .avatar { width: 32px; height: 32px; border-radius: 999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--app-surface-raised, #F1F3F0); color: var(--app-gold, #24633F); font-size: 11px; font-weight: 900; } .members-layout-root .field { display: grid; gap: 4px; } .members-layout-root .field span { font-size: 10px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; color: var(--app-muted-text, #49564E); } .members-layout-root .field input, .members-layout-root .field textarea, .members-layout-root .field select { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--app-border-strong, #6B756E); background: color-mix(in srgb, #EEF1ED 88%, #FFFFFF 12%); color: var(--app-heading, #1F2722); font: inherit; } .members-layout-root .form-grid { display: grid; gap: 12px; } .members-layout-root .form-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .members-layout-root .workspace-shell { display: grid; min-width: 0; } .members-layout-root .workspace-toolbar { display: flex; align-items: center; gap: 12px; } .members-layout-root .workspace-main { min-width: 0; } .members-layout-root .workspace-inspector { min-width: 0; } @media (max-width: 1100px) { .members-layout-root .stats-grid, .members-layout-root .two-col, .members-layout-root .three-col, .members-layout-root .split, .members-layout-root .form-two { grid-template-columns: 1fr; } } /* ── Boxes inside boxes: page wrappers stay transparent ──────────────────────── */ .members-layout-root .member-main > .panel, .members-layout-root .member-workspace-full, .members-layout-root .member-density-workspace, .members-layout-root .settings-panel, .members-layout-root .settings-panel.member-density-workspace, .members-layout-root .appt-section, .members-layout-root .bookings-premium-workspace { max-width: none; background: transparent; box-shadow: none; } .members-layout-root .settings-panel { background: transparent; } /* ── Settings readiness rows: keep label, status, and description distinct ─ */ .members-layout-root .member-platform .settings-readiness-row-button { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; } .members-layout-root .member-platform .settings-readiness-row-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 8px; min-width: 0; } .members-layout-root .member-platform .settings-readiness-row-label { grid-column: 1; grid-row: 1; } .members-layout-root .member-platform .settings-readiness-status { grid-column: 2; grid-row: 1; justify-self: end; display: inline-flex; } .members-layout-root .member-platform .settings-readiness-row-description { grid-column: 1 / -1; grid-row: 2; display: block; } /* ── Calendar: independent vertical scroll ─────────────────────────────────── */ .members-layout-root .appt-time-grid-scroll { overflow: auto; overflow-y: auto; overflow-x: auto; max-height: min(68svh, 860px); touch-action: pan-x pan-y; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } /* ── Appointment modal: in-flow head/footer, no gold-soft fills ─────────── */ .members-layout-root .appt-modal-overlay, .members-layout-root .appt-modal-card { --am-gold-soft: transparent; } .members-layout-root .appt-modal-overlay .appt-modal-head, .members-layout-root .appt-modal-overlay .appt-modal-footer { position: static; top: auto; bottom: auto; background: transparent; background-image: none; } .members-layout-root .appt-modal-overlay .appt-modal-section--client, .members-layout-root .appt-modal-overlay .appt-modal-section--service { background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--app-border, #B3BBB4); box-shadow: none; } /* Appointment status as a viewport notification, not a CTA */ .members-layout-root .appt-section .appt-toast-host { display: none; } .members-layout-root .member-appt-notification-host { position: fixed; top: calc(env(safe-area-inset-top, 0px) + var(--shell-header-h, 64px) + 10px); left: 50%; transform: translateX(-50%); z-index: 100003; display: flex; justify-content: center; width: min(360px, calc(100vw - 24px)); pointer-events: none; } .members-layout-root .member-appt-notification { display: flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; min-height: 46px; padding: 12px 14px; background: #FFFFFF; color: #1F2722; border: 1px solid #6B756E; border-left: 3px solid #006C65; border-radius: 10px; font-size: 13px; font-weight: 750; opacity: 0; visibility: hidden; } .members-layout-root .member-appt-notification[data-notification-visible=true] { opacity: 1; visibility: visible; } @media (min-width: 769px) { .members-layout-root .member-appt-notification-host { left: auto; right: 20px; transform: none; justify-content: flex-end; } } /* ── Chair hire: hide mobile action bar on desktop ───────────────────────── */ .members-layout-root .chair-engine-mobile-action-bar { display: none; } .members-layout-root .chair-engine-pricing-signal strong, .members-layout-root .chair-engine-pricing-signal span { display: block; } @media (min-width: 901px) { .members-layout-root .chair-engine-booking-studio { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(240px, 0.72fr); gap: 12px; align-items: start; } .members-layout-root .chair-engine-live-summary { position: sticky; top: calc(var(--shell-header-h, 64px) + 8px); } } .members-layout-root .chair-engine-summary-continue { width: 100%; min-height: 42px; } @media (max-width: 768px) { .members-layout-root .chair-engine-mobile-action-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; position: sticky; top: calc(var(--shell-header-h, 64px) + 6px); z-index: 15; } .members-layout-root .chair-engine-mobile-action-bar span, .members-layout-root .chair-engine-mobile-action-bar strong { display: block; } } @media (max-width: 430px) { .members-layout-root .chair-engine-calendar .chair-calendar-day-status { display: block; max-width: 100%; overflow: hidden; text-overflow: clip; white-space: nowrap; font-size: 0; line-height: 1; } .members-layout-root .chair-engine-calendar .chair-calendar-day-status::after { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; font-size: 10px; font-weight: 900; line-height: 1.05; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=available] .chair-calendar-day-status::after { content: 'OPEN'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=available][data-today=true] .chair-calendar-day-status::after { content: 'TODAY'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=limited] .chair-calendar-day-status::after { content: attr(data-chair-availability-left) ' LEFT'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=selected] .chair-calendar-day-status::after { content: 'PICKED'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=full] .chair-calendar-day-status::after { content: 'FULL'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=unknown] .chair-calendar-day-status::after { content: '—'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=past] .chair-calendar-day-status::after { content: 'PAST'; } .members-layout-root .chair-engine-calendar .chair-calendar-day[data-chair-day-state=past][data-today=true] .chair-calendar-day-status::after { content: 'CLOSED'; } } /* ── Website studio compact rail ─────────────────────────────────────────── */ @media (min-width: 769px) { .members-layout-root .member-platform.member-platform--website-studio-desktop { --member-sidebar-w: 64px; } .members-layout-root .member-platform.member-platform--website-studio-desktop .bpb-v2-alert { display: none; } .members-layout-root .member-platform.member-platform--website-studio-desktop .member-sidebar { width: 64px; min-width: 64px; max-width: 64px; } } /* ── Products & Offers full desktop width ──────────────────────────────── */ @media (min-width: 769px) { .members-layout-root .member-platform .products-offers-page, .members-layout-root .member-platform .products-offers-shell, .members-layout-root .member-platform .products-offers-panel, .members-layout-root .member-platform:has(.products-offers-page) .member-main, .members-layout-root .member-platform:has(.products-offers-page) .main-content { width: 100%; max-width: none; min-width: 0; margin-left: 0; margin-right: 0; } } /* ── Payments amount prefix ─────────────────────────────────────────────── */ .members-layout-root .member-platform label.settings-field:has(> input[placeholder='280.00']) { position: relative; } .members-layout-root .member-platform label.settings-field:has(> input[placeholder='280.00']) > span:nth-of-type(2) { position: absolute; left: 12px; bottom: 0; z-index: 2; display: flex; align-items: center; height: 44px; margin: 0; color: var(--app-heading, #1F2722); font-size: 16px; font-weight: 800; pointer-events: none; } .members-layout-root .member-platform label.settings-field:has(> input[placeholder='280.00']) > input[placeholder='280.00'] { padding-left: 32px; } /* ── Mobile form control safety ─────────────────────────────────────────── */ @media (max-width: 768px) { .members-layout-root .member-platform input[type=checkbox], .members-layout-root .member-platform input[type=radio] { width: auto; max-width: none; min-height: 0; } } /* ── Auth: palette canvas + gold Sign In ───────────────────────────────── */ .members-layout-root .chairos-auth-page { background: #EEF1ED; color: #1F2722; } .members-layout-root .chairos-auth-card { background: #FFFFFF; border: 1px solid #6B756E; border-radius: 12px; } .members-layout-root .chairos-auth-primary { background: #24633F; color: #FFFFFF; border-color: #24633F; } /* ── Kill translucent gold / brown surfaces ──────────────────────────────── */ .members-layout-root .member-platform .nav-item, .members-layout-root .member-platform .member-nav-item, .members-layout-root .member-platform .card, .members-layout-root .member-platform .stat-card, .members-layout-root .member-platform .trial-banner { background-image: none; } /* ── Calendar command bar: keep + Add appointment fully readable ─────────── */ .members-layout-root .member-appt-date-nav-actions { display: grid; grid-template-columns: max-content max-content auto; align-items: center; gap: 8px; width: 100%; min-width: 0; overflow: visible; } .members-layout-root .member-appt-date-nav-actions > .tbb-btn-primary { width: auto; max-width: none; min-width: max-content; overflow: visible; white-space: nowrap; } @media (max-width: 768px) { .members-layout-root .member-appt-date-nav-actions, .members-layout-root .member-appt-date-nav-actions--local { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; width: 100%; overflow: visible; } .members-layout-root .member-appt-date-nav-actions > .tbb-btn-primary, .members-layout-root .member-appt-date-nav-actions--local > .tbb-btn-primary { grid-column: 1 / -1; width: 100%; max-width: none; min-width: 0; overflow: visible; white-space: nowrap; } } /* ── Desktop calendar command bar: keep actions from overlapping tabs ─────── */ @media (min-width: 769px) and (max-width: 1440px) { .members-layout-root .bookings-premium-workspace .member-appt-date-nav-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; } .members-layout-root .bookings-premium-workspace .member-appt-date-nav-actions { position: static; grid-column: 1 / -1; justify-content: flex-start; } } /* ── Booking sidebar icon finish: cleaner, lighter, consistent custom set ─── */ @media (min-width: 769px) { .members-layout-root .member-platform .member-sidebar--bookings-only .nav-item[data-booking-nav] { gap: 10px; } .members-layout-root .member-platform .member-sidebar--bookings-only .nav-item[data-booking-nav] .nav-item-icon { width: 30px; height: 30px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--app-muted-text, #49564E); opacity: 0.86; stroke-width: 1.7; } .members-layout-root .member-platform .member-sidebar--bookings-only .nav-item[data-booking-nav].active .nav-item-icon { background: transparent; border-color: transparent; box-shadow: none; color: var(--app-gold, #24633F); opacity: 1; } .members-layout-root .member-platform .member-sidebar--bookings-only .nav-item[data-booking-nav]:hover .nav-item-icon { opacity: 1; } } /* ── Desktop admin member switcher: never clip its title/helper text ─────── */ @media (min-width: 769px) { .members-layout-root .member-platform .member-sidebar .sidebar-scroll-body { overflow-x: hidden; } .members-layout-root .member-platform .member-sidebar .member-admin-controls { display: grid; width: 100%; min-width: 0; box-sizing: border-box; gap: 6px; margin: 0 0 14px; overflow: visible; } .members-layout-root .member-platform .member-sidebar .member-admin-controls__label { display: block; min-width: 0; line-height: 1.25; } .members-layout-root .member-platform .member-sidebar .member-admin-controls__toggle { display: flex; width: 100%; min-width: 0; min-height: 58px; box-sizing: border-box; align-items: center; padding: 9px 10px; overflow: visible; } .members-layout-root .member-platform .member-sidebar .member-admin-controls__toggle-main { min-width: 0; width: 100%; } .members-layout-root .member-platform .member-sidebar .member-admin-controls__toggle-title, .members-layout-root .member-platform .member-sidebar .member-admin-controls__toggle-helper { display: block; max-width: 100%; white-space: normal; overflow: visible; overflow-wrap: anywhere; word-break: normal; } } /* ── 2026-09-28 authenticated members UI release authority ─────────────── */ /* These rules live in the canonical console because it is injected LAST from app/members/layout.tsx. Route/component CSS cannot silently flatten these fixes. */ @media (min-width: 769px) { /* Payment setup: distinctive product-choice cards, not generic settings boxes. */ .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 14px 0 16px; } .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'] > button[role=radio] { --choice-accent: var(--state-warning, #ff8138); position: relative; display: grid; align-content: start; gap: 9px; min-width: 0; min-height: 176px; padding: 16px 16px 15px 18px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--choice-accent) 32%, var(--app-border, #CDBBA6)); border-radius: 12px; background: linear-gradient(180deg, color-mix(in srgb, var(--choice-accent) 10%, var(--app-surface-raised, #E7D8C4)) 0%, var(--app-surface-muted, #E4D5C0) 100%); box-shadow: inset 4px 0 0 var(--choice-accent), 0 12px 28px rgba(0,0,0,.12); transform: translateZ(0); } .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'] > button[role=radio]:hover:not(:disabled) { transform: translateY(-2px); border-color: color-mix(in srgb, var(--choice-accent) 72%, var(--app-border, #CDBBA6)); box-shadow: inset 4px 0 0 var(--choice-accent), 0 16px 34px rgba(0,0,0,.18); } .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'] > button[role=radio][aria-checked=true] { border-color: var(--choice-accent); background: linear-gradient(180deg, color-mix(in srgb, var(--choice-accent) 17%, var(--app-surface-raised, #E7D8C4)) 0%, color-mix(in srgb, var(--choice-accent) 6%, var(--app-surface-muted, #E4D5C0)) 100%); box-shadow: inset 4px 0 0 var(--choice-accent), inset 0 0 0 1px color-mix(in srgb, var(--choice-accent) 28%, transparent), 0 16px 34px rgba(0,0,0,.16); } .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'] > button[role=radio] p:first-of-type { color: var(--app-heading, #2A2118); font-size: 15px; font-weight: 850; line-height: 1.2; } .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'] > button[role=radio] p:last-of-type { color: var(--app-muted-text, #8A7D72); font-size: 11px; line-height: 1.45; } /* Availability & locations: same compact console surfaces as the rest of ChairOS. */ .members-layout-root .member-platform .blw-shell { width: 100%; max-width: none; padding: 10px 14px 46px; } .members-layout-root .member-platform .blw-panel { border: 1px solid var(--app-border, #CDBBA6); border-radius: 12px; background: var(--app-surface, #FBF6EF); box-shadow: none; } .members-layout-root .member-platform .blw-mode-option, .members-layout-root .member-platform .blw-location, .members-layout-root .member-platform .blw-hour { border-color: var(--app-border, #CDBBA6); background: var(--app-surface-muted, #E4D5C0); } .members-layout-root .member-platform .blw-mode-option[data-active=true], .members-layout-root .member-platform .blw-location[data-active=true] { border-color: var(--action-primary, #3E5148); background: color-mix(in srgb, var(--action-primary, #3E5148) 8%, var(--app-surface, #FBF6EF)); box-shadow: inset 3px 0 0 var(--action-primary, #3E5148); } /* Services: guarantee the packed two-column editor reaches production. */ .members-layout-root .member-platform .sccp-editor-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; min-width: 0; } .members-layout-root .member-platform .sccp-editor-column { display: grid; gap: 14px; align-content: start; min-width: 0; } } @media (max-width: 980px) { .members-layout-root .member-platform [data-settings-panel=payments] [role=radiogroup][aria-label='How clients pay'], .members-layout-root .member-platform .sccp-editor-columns { grid-template-columns: minmax(0, 1fr); } } /* ── Member selector: compact dropdown, not a large dark slab ───────────── */ .members-layout-root .member-header .member-switcher, .members-layout-root .mha-action--profile { min-height: 40px; height: 40px; max-width: 280px; background: var(--app-surface, #FFFFFF); border: 1px solid var(--app-border, #B3BBB4); border-radius: 10px; } /* Standalone member tools inherit the same palette as dashboard workspaces. Scope this to members so shared admin tokens and published websites stay intact. */ html:has(.members-layout-root), html:has(.members-layout-root) body, .members-layout-root { background: #F3EBDF !important; color: #2A2118 !important; color-scheme: light !important; } .members-layout-root { --app-bg: #F3EBDF; --app-surface: #FBF6EF; --app-surface-muted: #EEE5D8; --app-surface-raised: #E8DDCD; --app-heading: #2A2118; --app-body-text: #453C32; --app-muted-text: #5E5347; --app-border: #CFC1AF; --action-primary: #243D32; --action-primary-hover: #1A2F26; --action-primary-text: #FBF6EF; --app-gold: #243D32; --app-teal: #243D32; } .members-layout-root .member-satellite-header { background: #9EAD98 !important; color: #2A2118 !important; border-color: #CFC1AF !important; } .members-layout-root .member-satellite-header__links a { background: #FBF6EF !important; color: #2A2118 !important; border-color: #8C7B68 !important; } .members-layout-root .member-satellite-header a:focus-visible { outline-color: #243D32 !important; } html:has(.editorial-salon), body:has(.editorial-salon), .members-layout-root:has(.editorial-salon) { background: #F3EBDF !important; color: #2A2118 !important; color-scheme: light !important; } .editorial-salon, .editorial-salon.member-platform { --editorial-canvas: #F3EBDF; --editorial-sidebar: #9EAD98; --editorial-card: #FBF6EF; --editorial-ink: #2A2118; --editorial-muted: #5E5347; --editorial-line: #CFC1AF; --editorial-action: #243D32; --editorial-active: #E8DDCD; --editorial-serif: "Playfair Display", "Iowan Old Style", Georgia, serif; --editorial-sans: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; --surface-app: #F3EBDF; --surface-shell: #9EAD98; --surface-workspace: #F3EBDF; --surface-elevated: #FBF6EF; --surface-panel: #FBF6EF; --surface-raised: #E8DDCD; --surface-inset: #E8DDCD; --surface-nested: #EEE5D8; --surface-supporting: #EEE5D8; --surface-subtle: #EEE5D8; --surface-input: #FBF6EF; --surface-border-strong: #8C7B68; --surface-shadow-panel: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05); --surface-shadow-nested: 0 1px 1px rgba(62, 44, 28, 0.03); --d0: #F3EBDF; --d1: #9EAD98; --d2: #FBF6EF; --d3: #EEE5D8; --body: #453C32; --faint: #5E5347; --near: #9EAD98; --border-strong: #8C7B68; --app-border-strong: #8C7B68; --text: #2A2118; --muted: #5E5347; --border: #CFC1AF; --bg: #F3EBDF; --surface: #FBF6EF; --elevated: #FBF6EF; --member-bg: #F3EBDF; --member-surface: #FBF6EF; --member-text: #2A2118; --member-text-muted: #5E5347; --member-border: #CFC1AF; --app-bg: #F3EBDF; --app-heading: #2A2118; --app-body-text: #453C32; --app-muted-text: #5E5347; --app-border: #CFC1AF; --app-surface: #FBF6EF; --app-surface-muted: #EEE5D8; --app-surface-raised: #E8DDCD; --text-primary: #2A2118; --text-secondary: #453C32; --text-muted: #5E5347; --border-subtle: #CFC1AF; --action-primary: #243D32 !important; --action-primary-hover: #1A2F26 !important; --action-primary-text: #FBF6EF !important; --app-teal: #243D32 !important; --admin-teal: #243D32 !important; --teal: #243D32 !important; --app-gold: #243D32 !important; --admin-gold: #243D32 !important; --gold: #243D32 !important; --workflow-gold: #243D32 !important; background: #F3EBDF !important; color: #2A2118 !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; color-scheme: light !important; } .editorial-salon .member-sidebar, .editorial-salon .desktop-sidebar, .editorial-salon .member-header, .editorial-salon .member-header-shell, .editorial-salon .member-canonical-mobile-header, .editorial-salon .mobile-bottom-nav, .editorial-salon .member-main, .editorial-salon .main-content, .editorial-salon .member-footer-shell { background: #F3EBDF !important; color: #2A2118 !important; border-color: #CFC1AF !important; } .editorial-salon .member-sidebar, .editorial-salon .desktop-sidebar { background: #9EAD98 !important; border-right: 1px solid rgba(74, 52, 36, 0.06) !important; box-shadow: none !important; } .editorial-salon .member-header { height: 72px !important; min-height: 72px !important; background: #9EAD98 !important; border-bottom: 0 !important; box-shadow: none !important; display: grid !important; grid-template-columns: auto minmax(220px, 1fr) auto !important; align-items: center !important; gap: 18px !important; padding: 0 22px 0 18px !important; } .editorial-salon .member-header::after { display: none !important; } .editorial-salon .header-left, .editorial-salon .header-center, .editorial-salon .header-actions { min-width: 0; } .editorial-salon .header-center { display: flex !important; justify-content: center !important; } .editorial-salon .member-header .brand { gap: 10px !important; } .editorial-salon .member-header .brand img { display: none !important; } .editorial-salon .editorial-mark { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; background: #2A2118; color: #FBF6EF; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 18px; font-weight: 500; letter-spacing: 0; flex: 0 0 36px; } .editorial-salon .member-header .brand strong, .editorial-salon .member-header .brand .member-chairos-wordmark { display: inline-flex !important; align-items: baseline !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 20px !important; font-weight: 560 !important; letter-spacing: -0.03em !important; color: #FBF6EF !important; text-transform: none !important; } .editorial-salon .member-header .brand .member-chairos-wordmark__accent { font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: none !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #2A2118 !important; color: #2A2118 !important; } .editorial-salon .member-header .brand span { font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #2F3D2A !important; } .editorial-salon .member-header .member-shell-coworkz-wordmark { color: #FBF6EF !important; } .editorial-salon .member-header .member-shell-coworkz-wordmark path { fill: #FBF6EF !important; } .editorial-salon .editorial-search { display: flex; align-items: center; gap: 10px; width: min(560px, 100%); height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid #CFC1AF; background: #FBF6EF; color: #5E5347; font: 500 14px/1 "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03); } .editorial-salon .editorial-search svg { width: 16px; height: 16px; flex: 0 0 16px; } .editorial-salon .editorial-search:hover, .editorial-salon .editorial-search:focus-visible { border-color: #8C7B68; color: #453C32; outline: none; } .editorial-salon .header-actions { gap: 8px !important; } .editorial-salon .mha-action, .editorial-salon .editorial-add-booking, .editorial-salon .editorial-bell { height: 40px !important; min-height: 40px !important; border-radius: 12px !important; box-shadow: none !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; } .editorial-salon .mha-action--next { background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; padding-inline: 14px !important; } .editorial-salon .mha-action--next:hover { background: #E8DDCD !important; } .editorial-salon .editorial-add-booking { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; border: 0; background: #243D32; color: #FBF6EF; font-size: 14px; font-weight: 600; cursor: pointer; } .editorial-salon .editorial-add-booking:hover { background: #1A2F26; } .editorial-salon .editorial-bell { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; padding: 0; border: 1px solid #CFC1AF; background: #FBF6EF; color: #2A2118; cursor: pointer; } .editorial-salon .editorial-bell svg { width: 16px; height: 16px; } .editorial-salon .editorial-bell__count { position: absolute; top: 6px; right: 6px; min-width: 8px; height: 8px; border-radius: 99px; background: #B42318; color: transparent; font-size: 0; } .editorial-salon .mha-action--abby, .editorial-salon .mha-action--profile, .editorial-salon .mch-identity-compact { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; color: #2A2118 !important; border-radius: 999px !important; } .editorial-salon .nav-label { display: none !important; } .editorial-salon .editorial-business-card { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: center; margin: 8px 10px 14px; padding: 10px 10px 10px 8px; border-radius: 16px; background: #FBF6EF; border: 1px solid rgba(74, 52, 36, 0.05); } .editorial-salon .editorial-business-mark { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; background: #FBF6EF; border: 1px solid #CFC1AF; color: #2A2118; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 16px; } .editorial-salon .editorial-business-copy { display: grid; min-width: 0; } .editorial-salon .editorial-business-copy strong { font-size: 14px; font-weight: 650; color: #2A2118; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .editorial-salon .editorial-business-copy em { font-style: normal; font-size: 12px; color: #5E5347; } .editorial-salon .editorial-business-card .member-location-switcher-label { display: none; } .editorial-salon .editorial-business-card .member-location-switcher-select, .editorial-salon .editorial-business-chevron { border: 0; background: transparent; color: #5E5347; font-size: 12px; } .editorial-salon .member-sidebar .nav-item, .editorial-salon .member-sidebar .member-nav-item { border-radius: 14px !important; margin: 2px 10px !important; width: auto !important; padding: 8px 10px !important; background: transparent !important; color: #2A2118 !important; box-shadow: none !important; font-weight: 600 !important; } .editorial-salon .member-sidebar .nav-item::before, .editorial-salon .member-sidebar .member-nav-item::before { display: none !important; } .editorial-salon .member-sidebar .nav-item:hover, .editorial-salon .member-sidebar .member-nav-item:hover { background: #B2BFAA !important; color: #2A2118 !important; } .editorial-salon .member-sidebar .nav-item.active, .editorial-salon .member-sidebar .member-nav-item.active { background: #FBF6EF !important; color: #2A2118 !important; } .editorial-salon .member-sidebar .nav-item-icon { background: transparent !important; color: #2A2118 !important; width: 22px !important; height: 22px !important; } .editorial-salon .member-sidebar .nav-item.active .nav-item-icon { background: transparent !important; color: #243D32 !important; width: 22px !important; height: 22px !important; } .editorial-salon .member-sidebar .nav-item-label { font-size: 14px !important; letter-spacing: -0.01em !important; } .editorial-salon .member-sidebar .nav-item-hint { display: block !important; margin-top: 1px; font-size: 11px !important; font-weight: 500 !important; color: #2F3D2A !important; } .editorial-salon .member-sidebar .nav-item.active .nav-item-hint { color: #5E5347 !important; } .editorial-salon .sidebar-location-block, .editorial-salon .member-sidebar .sign-out, .editorial-salon .sign-out { background: transparent !important; border: 1px solid #718168 !important; color: #2A2118 !important; border-radius: 12px !important; box-shadow: none !important; } .editorial-salon .member-main { background: linear-gradient(180deg, rgba(246, 241, 232, 0.2), #F3EBDF 120px) !important; } .editorial-ambient { position: relative; isolation: isolate; min-height: 132px; margin: 4px 0 18px; padding: 6px 8px 8px; overflow: hidden; } .editorial-ambient__photo { position: absolute; z-index: 0; top: 0; right: 0; width: min(560px, 48%); height: 168px; background: linear-gradient(90deg, #F3EBDF 0%, rgba(246, 241, 232, 0.88) 18%, rgba(246, 241, 232, 0.28) 48%, rgba(246, 241, 232, 0.05) 100%), url('/editorial/salon-atmosphere.jpg') right center / cover no-repeat; pointer-events: none; } .editorial-ambient__copy { position: relative; z-index: 1; max-width: 640px; padding-top: 8px; } .editorial-ambient__eyebrow { margin: 0 0 8px; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; font-size: 11px; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; color: #5E5347; } .editorial-ambient__title, .editorial-salon .member-command-header h1, .editorial-salon .clients-canonical-page-title, .editorial-salon .bookings-hero-title { margin: 0; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; font-size: clamp(36px, 3.2vw, 52px) !important; line-height: 1.02 !important; letter-spacing: -0.03em !important; color: #2A2118 !important; text-transform: none !important; } .editorial-ambient__subtitle, .editorial-section-header__subtitle { margin: 10px 0 0; max-width: 52ch; color: #453C32; font-size: 15px; line-height: 1.45; } .editorial-section-header { display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; margin: 0 0 14px; } .editorial-section-header__title { margin: 0; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 28px; font-weight: 500; letter-spacing: -0.03em; color: #2A2118; } .editorial-surface, .editorial-salon .auth-dash-card, .editorial-salon .settings-card, .editorial-salon .crm-panel, .editorial-salon .bookings-hero-card, .editorial-salon .bookings-panel, .editorial-salon .bpb-shell, .editorial-salon .sccp-panel, .editorial-salon .member-state-surface, .editorial-salon [data-editorial-page] .editorial-stat { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 16px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; color: #2A2118 !important; } .editorial-stat { display: grid; gap: 2px; padding: 16px 16px 14px; background: #FBF6EF; border: 1px solid #CFC1AF; border-radius: 20px; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03); } .editorial-stat__icon { width: 36px; height: 36px; margin-bottom: 8px; border-radius: 12px; background: #E8DDCD; } .editorial-stat__label { margin: 0; color: #5E5347; font-size: 13px; } .editorial-stat__value { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 28px; font-weight: 500; letter-spacing: -0.03em; color: #2A2118; } .editorial-stat__detail { margin: 0; color: #243D32; font-size: 12px; } .editorial-stat--warning .editorial-stat__detail { color: #A94710; } .editorial-salon .auth-dash-metric, .editorial-salon .appt-metric-btn { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 18px !important; color: #2A2118 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } .editorial-salon .tbb-btn, .editorial-salon button.tbb-btn-primary, .editorial-salon .tbb-btn-primary { border-radius: 12px !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; } .editorial-salon .tbb-btn-primary, .editorial-salon .settings-btn-primary, .editorial-salon .editorial-add-booking, .editorial-salon .booking-page-workspace__button--primary, .editorial-salon .blw-primary, .editorial-salon .products-offers-page .tbb-btn-primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } .editorial-salon .tbb-btn-primary:hover, .editorial-salon .settings-btn-primary:hover { background: #1A2F26 !important; } .editorial-salon .tbb-btn-secondary, .editorial-salon .tbb-btn-ghost, .editorial-salon .outline-btn, .editorial-salon .settings-btn-secondary { background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; border-radius: 12px !important; } .editorial-salon .tbb-btn-secondary:hover, .editorial-salon .tbb-btn-ghost:hover, .editorial-salon .outline-btn:hover { background: #E8DDCD !important; } .editorial-salon input:not([type=checkbox]):not([type=radio]):not([type=range]), .editorial-salon select, .editorial-salon textarea, .editorial-salon .crm-input, .editorial-salon .editorial-field input, .editorial-salon .editorial-field select, .editorial-salon .editorial-field textarea { background: #FBF6EF !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; color: #2A2118 !important; box-shadow: none !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; } .editorial-salon input:focus, .editorial-salon select:focus, .editorial-salon textarea:focus { outline: 2px solid #243D32 !important; outline-offset: 1px; border-color: #243D32 !important; } .editorial-field { display: grid; gap: 6px; } .editorial-field__label { font-size: 13px; font-weight: 600; color: #453C32; } .editorial-field__hint { font-size: 12px; color: #5E5347; } .editorial-salon table, .editorial-salon .ux-client-columns, .editorial-salon .crm-client-grid { color: #2A2118 !important; } .editorial-salon table { width: 100%; border-collapse: separate; border-spacing: 0; background: #FBF6EF; border: 1px solid #CFC1AF; border-radius: 18px; overflow: hidden; } .editorial-salon th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5E5347 !important; background: transparent !important; border-bottom: 1px solid #CFC1AF !important; padding: 12px 14px; } .editorial-salon td { border-bottom: 1px solid rgba(74, 52, 36, 0.06) !important; padding: 12px 14px; color: #453C32 !important; background: transparent !important; } .editorial-salon .ux-client-columns { display: grid; color: #5E5347 !important; font-size: 11px !important; letter-spacing: 0.08em; text-transform: uppercase; } .editorial-salon .member-workspace-hub button, .editorial-salon .bpb-command-segment button, .editorial-salon .member-appt-view-btn, .editorial-salon .settings-tab-nav button, .editorial-salon .products-offers-tab { background: transparent !important; color: #453C32 !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; } .editorial-salon .member-workspace-hub, .editorial-salon .bpb-command-segment, .editorial-salon .member-appt-date-nav-bar, .editorial-salon .products-offers-nav, .editorial-salon .settings-tab-nav { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 14px !important; box-shadow: none !important; } .editorial-salon .member-workspace-hub button.is-active, .editorial-salon .member-workspace-hub button[aria-current=page], .editorial-salon .bpb-command-segment button.is-active, .editorial-salon .member-appt-view-btn.is-active, .editorial-salon .settings-tab-nav button.is-active, .editorial-salon .settings-tab-nav button[aria-current=page], .editorial-salon .products-offers-tab.is-active, .editorial-salon .blw-mode-option[data-active=true] { background: #FBF6EF !important; color: #2A2118 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } .editorial-salon .appt-time-grid-scroll, .editorial-salon .appt-time-grid-head, .editorial-salon .appt-time-grid-body, .editorial-salon .member-appt-date-nav { background: #FBF6EF !important; color: #2A2118 !important; border-color: #CFC1AF !important; } .editorial-salon .appt-time-block { border-radius: 12px !important; border: 1px solid #CFC1AF !important; box-shadow: none !important; color: #2A2118 !important; } .editorial-salon .crm-empty, .editorial-salon .editorial-empty, .editorial-salon .member-empty-state { background: #EEE5D8 !important; border: 1px dashed #8C7B68 !important; border-radius: 18px !important; color: #453C32 !important; padding: 22px !important; } .editorial-empty strong { display: block; margin-bottom: 4px; color: #2A2118; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 22px; font-weight: 500; } .editorial-salon .settings-panel--website-studio > .member-command-header, .editorial-salon .mch-title-block, .editorial-salon .clients-canonical-page-heading, .editorial-salon .blw-kicker, .editorial-salon .blw-title, .editorial-salon .blw-sub, .editorial-salon .booking-page-workspace__eyebrow, .editorial-salon #booking-page-workspace-title, .editorial-salon .booking-page-workspace__lead, .editorial-salon .bookings-page-label, .editorial-salon .bookings-hero-title, .editorial-salon .bookings-hero-subtitle { display: none !important; } .editorial-salon .mws-shell-main { padding: 4px 28px 56px !important; box-sizing: border-box; } .editorial-salon .products-offers-page, .editorial-salon .booking-page-workspace, .editorial-salon .blw-shell, .editorial-salon .settings-panel, .editorial-salon .bpb-shell, .editorial-salon .clients-workspace-shell, .editorial-salon .member-premium-workspace, .editorial-salon .bookings-premium-workspace { background: transparent !important; color: #2A2118 !important; } .editorial-surface, .editorial-salon .auth-dash-card, .editorial-salon .settings-card, .editorial-salon .crm-panel, .editorial-salon .bookings-hero-card, .editorial-salon .bookings-panel, .editorial-salon .bpb-shell, .editorial-salon .sccp-panel, .editorial-salon .member-state-surface, .editorial-salon .blw-panel, .editorial-salon .blw-mode-option, .editorial-salon .blw-location, .editorial-salon .booking-page-workspace__card, .editorial-salon .booking-page-workspace__note, .editorial-salon .products-offers-card, .editorial-salon .products-offers-panel, .editorial-salon .settings-section, .editorial-salon .member-settings-workspace .panel, .editorial-salon [data-editorial-page] .editorial-stat { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 16px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; color: #2A2118 !important; } .editorial-salon .bpb-shell { background: transparent !important; border: 0 !important; box-shadow: none !important; padding-top: 4px; } .editorial-salon .bpb-command-bar, .editorial-salon .settings-services-workspace, .editorial-salon .clients-workspace-shell, .editorial-salon .bookings-premium-workspace, .editorial-salon .member-premium-workspace { color: #2A2118 !important; } .editorial-salon h2, .editorial-salon h3, .editorial-salon .auth-dash-card h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-weight: 500; letter-spacing: -0.02em; color: #2A2118 !important; } .editorial-salon .eyebrow, .editorial-salon .bookings-page-label { color: #5E5347 !important; letter-spacing: 0.14em !important; } @media (max-width: 900px) { .editorial-salon .member-header { grid-template-columns: auto 1fr !important; height: auto !important; min-height: 64px !important; padding: 10px 12px !important; } .editorial-salon .editorial-search span { display: none; } .editorial-salon .editorial-search { width: 42px; padding: 0; justify-content: center; border-radius: 12px; } .editorial-ambient__photo { width: 46%; opacity: 0.9; } .editorial-ambient__title, .editorial-salon .member-command-header h1 { font-size: 34px !important; } } @media (prefers-reduced-motion: reduce) { .editorial-salon .editorial-search, .editorial-salon .editorial-add-booking, .editorial-salon .mha-action { transition: none !important; } } .editorial-salon [data-editorial-page=bookings].editorial-ambient { min-height: 156px; margin: 0 0 2px; padding: 10px 4px 4px; overflow: hidden; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__copy { max-width: 680px; padding-top: 2px; z-index: 2; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__eyebrow { margin-bottom: 8px; font-size: 12px; letter-spacing: 0.28em; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__title { font-size: clamp(56px, 4.35vw, 68px) !important; font-weight: 500 !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__subtitle { margin-top: 12px; max-width: 46ch; font-size: 17px; line-height: 1.45; color: #453C32; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__photo { top: -36px; right: -1%; width: min(680px, 48%); height: 280px; background: url('/editorial/salon-atmosphere.jpg') 70% 36% / cover no-repeat !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.45) 22%, #000 40%, #000 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.45) 22%, #000 40%, #000 82%, transparent 100%); } .editorial-salon [data-editorial-page=bookings].editorial-ambient::after { content:""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(180deg, rgba(246, 241, 232, 0) 0%, #F3EBDF 88%); pointer-events: none; } .editorial-salon .appt-section, .editorial-salon .appt-dashboard, .editorial-salon .bookings-management-panel, .editorial-salon .bookings-management-content, .editorial-salon .mpw-main-zone { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } .editorial-salon .appt-section { overflow-x: hidden; } .editorial-salon .editorial-metrics { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 14px; padding: 0; background: transparent; border: 0; } .editorial-salon .editorial-metric { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; width: 100%; min-height: 118px; margin: 0; padding: 18px 20px 16px 18px; text-align: left; font: inherit; color: #2A2118; background: #FBF6EF; border: 1px solid #8C7B68; border-radius: 24px; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03); cursor: default; } .editorial-salon button.editorial-metric { cursor: pointer; } .editorial-salon button.editorial-metric:hover { background: #FBF6EF; } .editorial-salon .editorial-metric__icon { width: 52px; height: 52px; border-radius: 16px; background: rgba(244, 237, 227, 0.95) center / 22px no-repeat; } .editorial-salon .editorial-metric__icon[data-icon=today] { background-image: url("data:image/svg+xml;utf8,"); } .editorial-salon .editorial-metric__icon[data-icon=week] { background-image: url("data:image/svg+xml;utf8,"); } .editorial-salon .editorial-metric__icon[data-icon=unpaid] { background-image: url("data:image/svg+xml;utf8,"); } .editorial-salon .editorial-metric__icon[data-icon=month] { background-image: url("data:image/svg+xml;utf8,"); } .editorial-salon .editorial-metric__body { display: grid; gap: 1px; min-width: 0; } .editorial-salon .editorial-metric__label { font-size: 14px; font-weight: 550; color: #5E5347; } .editorial-salon .editorial-metric__value { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 40px; font-weight: 500; line-height: 0.95; letter-spacing: -0.035em; color: #2A2118; } .editorial-salon .editorial-metric__detail { margin-top: 2px; font-size: 13.5px; color: #5E5347; } .editorial-salon .editorial-metric__detail.is-positive { color: #243D32; } .editorial-salon .editorial-metric__chevron { width: 18px; height: 18px; justify-self: end; background: center / 14px no-repeat url("data:image/svg+xml;utf8,"); } .editorial-salon .appt-schedule-zone { background: #FBF6EF !important; border: 1px solid #8C7B68 !important; border-radius: 28px !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; padding: 14px 16px 12px !important; min-width: 0; min-height: 0; } .editorial-salon .appt-calendar-shell, .editorial-salon .appt-time-grid, .editorial-salon .appt-time-grid-scroll, .editorial-salon .appt-time-grid-head, .editorial-salon .appt-time-grid-body, .editorial-salon .appt-time-grid-corner, .editorial-salon .appt-time-grid-hours, .editorial-salon .member-appt-date-nav, .editorial-salon .member-appt-date-nav-bar { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } .editorial-salon .member-appt-date-nav-bar { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px !important; padding: 6px 2px 14px !important; } .editorial-salon .member-appt-date-nav-period { display: flex !important; width: auto !important; min-width: 0; gap: 8px !important; align-items: center !important; } .editorial-salon .member-appt-date-nav-arrow { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; border-radius: 999px !important; background: transparent !important; border: 0 !important; color: #2A2118 !important; box-shadow: none !important; font-size: 22px !important; } .editorial-salon .member-appt-date-nav-month-btn { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 36px !important; padding: 0 4px !important; } .editorial-salon .member-appt-date-nav-month-label, .editorial-salon .member-appt-date-nav-summary { display: none !important; } .editorial-salon .member-appt-date-nav-context { font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 15px !important; font-weight: 650 !important; color: #2A2118 !important; letter-spacing: -0.02em; } .editorial-salon .member-appt-date-nav-today { min-height: 36px !important; height: 36px !important; padding: 0 14px !important; border-radius: 999px !important; background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; font-weight: 600 !important; box-shadow: none !important; } .editorial-salon .member-appt-date-nav-views { display: inline-flex !important; width: auto !important; gap: 2px !important; padding: 0 !important; border: 0 !important; background: transparent !important; margin: 0 0 0 auto !important; } .editorial-salon .member-appt-view-btn { min-height: 36px !important; height: 36px !important; padding: 0 12px !important; border-radius: 0 !important; background: transparent !important; color: #5E5347 !important; box-shadow: none !important; font-weight: 650 !important; } .editorial-salon .member-appt-view-btn.is-active { background: transparent !important; color: #2A2118 !important; box-shadow: inset 0 0 0 2px #2A2118 !important; } .editorial-salon .member-appt-date-nav-actions { display: flex !important; width: auto !important; gap: 8px !important; align-items: center !important; } .editorial-salon .member-appt-secondary select, .editorial-salon .member-appt-filter select { min-height: 36px !important; height: 36px !important; border-radius: 12px !important; background: #FBF6EF !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; padding: 0 28px 0 12px !important; font-size: 13px !important; } .editorial-salon .member-appt-date-rail { display: none !important; } .editorial-salon .appt-time-grid-scroll { max-height: none !important; overflow-x: auto !important; overflow-y: visible !important; } .editorial-salon .appt-time-grid--week .appt-time-grid-head, .editorial-salon .appt-time-grid--week .appt-time-grid-body, .editorial-salon .appt-time-grid--three-day .appt-time-grid-head, .editorial-salon .appt-time-grid--three-day .appt-time-grid-body, .editorial-salon .appt-time-grid--day .appt-time-grid-head, .editorial-salon .appt-time-grid--day .appt-time-grid-body { width: 100% !important; min-width: 0 !important; } .editorial-salon .appt-time-grid--week .appt-time-grid-head, .editorial-salon .appt-time-grid--week .appt-time-grid-body { grid-template-columns: 76px repeat(7, minmax(0, 1fr)) !important; } .editorial-salon .appt-time-grid-day-head { min-height: 64px !important; background: transparent !important; box-shadow: none !important; border: 0 !important; color: #453C32 !important; } .editorial-salon .appt-time-grid-day-head span { font-size: 15.5px !important; font-weight: 650 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: #453C32 !important; } .editorial-salon .appt-time-grid-day-head strong, .editorial-salon .appt-time-grid-day-head em { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .editorial-salon .appt-time-grid-day-head.is-today, .editorial-salon .appt-time-grid-col.is-today { background-color: rgba(47, 107, 79, 0.07) !important; box-shadow: none !important; } .editorial-salon .appt-time-grid-day-head.is-today span { color: #2A2118 !important; } .editorial-salon .appt-time-grid-day-head.is-selected { box-shadow: none !important; } .editorial-salon .appt-time-grid-hour { color: #5E5347 !important; font-size: 13px !important; font-weight: 550 !important; letter-spacing: -0.01em !important; } .editorial-salon .appt-time-grid-hour.is-quarter, .editorial-salon .appt-time-grid-quarter { display: none !important; } .editorial-salon .appt-time-grid-col { border-left: 1px solid rgba(74, 52, 36, 0.05) !important; background-color: transparent !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.16) calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.16) var(--appt-hour-h, 77px) ) !important; } .editorial-salon .appt-time-grid-col.is-today { background-image: linear-gradient(rgba(47, 107, 79, 0.05), rgba(47, 107, 79, 0.05)), repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.16) calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.16) var(--appt-hour-h, 77px) ) !important; } .editorial-salon .appt-time-grid-hit:hover, .editorial-salon .appt-time-grid-hit:active { background: rgba(62, 81, 72, 0.05) !important; } .editorial-salon .appt-time-block:focus-visible, .editorial-salon .appt-time-grid-hit:focus-visible, .editorial-salon .appt-time-block-resize:focus-visible { outline: 2px solid #243D32 !important; outline-offset: 1px !important; } .editorial-salon .appt-time-block { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; padding: 8px 8px 7px !important; overflow: hidden !important; text-align: left !important; border-radius: 14px !important; border: 1px solid rgba(74, 52, 36, 0.06) !important; border-left-width: 1px !important; background: #F3EBDF !important; color: #2A2118 !important; box-shadow: none !important; } .editorial-salon .appt-time-block[data-family=sage] { background: #E5F0E8 !important; } .editorial-salon .appt-time-block[data-family=sand] { background: #F3EBDF !important; } .editorial-salon .appt-time-block[data-family=blush] { background: #F8E4E4 !important; } .editorial-salon .appt-time-block[data-family=mist] { background: #E6F0EA !important; } .editorial-salon .appt-time-block[data-family=peach] { background: #F8E8DC !important; } .editorial-salon .appt-time-block--warning { background: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(140, 90, 50, 0.28) !important; } .editorial-salon .appt-time-block--risk, .editorial-salon .appt-time-block--inactive, .editorial-salon .appt-time-block--muted { background: #F3EBDF !important; color: #5E5347 !important; opacity: 0.75 !important; } .editorial-salon .appt-time-block-wrap { container-type: inline-size; container-name: apptcard; min-width: 0; } .editorial-salon .appt-time-block { min-width: 0; } .editorial-salon .appt-time-block--tier-small { align-items: center !important; gap: 0 !important; padding: 1px 6px !important; border-radius: 8px !important; } .editorial-salon .appt-time-block--tier-small .appt-time-block-time { font-size: 10.5px !important; line-height: 1.15 !important; } .editorial-salon .appt-time-block--tier-medium { gap: 0 !important; padding: 4px 7px !important; } .editorial-salon .appt-time-block--tier-medium .appt-time-block-avatar, .editorial-salon .appt-time-block--tier-medium .appt-time-block-service { display: none !important; } .editorial-salon .appt-time-block-copy { display: grid; gap: 1px; min-width: 0; flex: 1 1 auto; } .editorial-salon .appt-time-block-client { display: block; min-width: 0; font-size: 13px !important; font-weight: 650 !important; line-height: 1.2 !important; color: #2A2118 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @container apptcard (max-width: 84px) { .appt-time-block { gap: 0 !important; padding: 5px 7px 4px !important; } .appt-time-block-avatar, .appt-time-block-service { display: none !important; } } .editorial-salon .appt-time-block-service, .editorial-salon .appt-time-block-time { font-size: 11px !important; line-height: 1.25 !important; color: #453C32 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .editorial-salon .appt-time-block-avatar { flex: 0 0 auto; width: 22px; height: 22px; margin-top: 1px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #FBF6EF; color: #2A2118; font-size: 9px; font-weight: 700; letter-spacing: 0; } .editorial-salon .appt-time-block--tier-small .appt-time-block-service, .editorial-salon .appt-time-block--tier-small .appt-time-block-avatar { display: none !important; } .editorial-salon .appt-time-grid-closed { position: absolute; left: 10px; right: 10px; top: 18%; margin: 0; text-align: center; color: #5E5347; font-size: 13px; font-weight: 600; pointer-events: none; } .editorial-salon .appt-time-now { border-top-color: #B42318 !important; } .editorial-salon .appt-time-now span { background: #B42318 !important; color: #FBF6EF !important; } .editorial-salon .booking-day-brief { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 18px !important; color: #2A2118 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; max-height: none !important; } .editorial-salon .booking-day-brief-kicker, .editorial-salon .booking-day-brief-metrics strong, .editorial-salon .booking-day-brief-opening, .editorial-salon .booking-day-brief-recommendation { color: #2A2118 !important; background: transparent !important; border-color: #CFC1AF !important; } .editorial-salon .booking-day-brief-location-link { background: transparent !important; border: 1px solid #8C7B68 !important; color: #453C32 !important; } .editorial-salon .booking-day-brief-recommendation { background: #E8DDCD !important; border-left: 2px solid #243D32 !important; border-radius: 10px !important; } .editorial-salon .booking-day-brief-cta { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } .editorial-salon .appt-day-gap { background: #EEE5D8 !important; border: 1px dashed #8C7B68 !important; border-radius: 14px !important; color: #2A2118 !important; } .editorial-salon .appt-card, .editorial-salon .appt-list .auth-dash-list-item, .editorial-salon .appt-mission-rail, .editorial-salon .appt-delay-draft { background: #FBF6EF !important; border-color: #CFC1AF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .appt-mission-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-bookings-insights, html body .members-layout-root .member-platform.editorial-salon .appt-mission-rail { grid-column: 1 / -1 !important; position: static !important; width: 100% !important; max-width: none !important; z-index: 0 !important; } .editorial-salon .appt-time-grid-scroll, .editorial-salon .appt-calendar-shell { background: #FBF6EF !important; position: relative !important; z-index: 1 !important; } .editorial-bookings-insights { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr) minmax(220px, 0.8fr); gap: 14px; margin-top: 16px; } .editorial-bookings-insights article { background: #FBF6EF; border: 0; border-radius: 22px; box-shadow: 0 10px 28px rgba(74, 52, 36, 0.04); padding: 18px 18px 14px; min-width: 0; } .editorial-bookings-insights header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; } .editorial-bookings-insights h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: #2A2118; } .editorial-bookings-insights header span, .editorial-bookings-insights header button { font-size: 12px; font-weight: 650; color: #5E5347; background: transparent; border: 0; padding: 0; cursor: pointer; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; } .editorial-insight-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #FFFFFF; color: #B42318 !important; display: inline-flex; align-items: center; justify-content: center; } .editorial-insight-list { list-style: none; margin: 0; padding: 0; display: grid; } .editorial-insight-list button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; padding: 10px 2px; border: 0; border-top: 1px solid rgba(74, 52, 36, 0.06); background: transparent; text-align: left; font: inherit; color: #2A2118; cursor: pointer; } .editorial-insight-when { font-size: 12px; font-weight: 650; color: #243D32; white-space: nowrap; } .editorial-insight-list strong { display: block; font-size: 14px; font-weight: 650; } .editorial-insight-list em { display: block; font-style: normal; font-size: 12px; color: #5E5347; } .editorial-insight-time, .editorial-insight-amount { font-size: 13px; color: #453C32; white-space: nowrap; } .editorial-insight-empty { margin: 8px 0 0; color: #5E5347; font-size: 13px; } .editorial-week-total { display: flex; align-items: baseline; gap: 8px; margin: 4px 0 12px; } .editorial-week-total strong { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 32px; font-weight: 500; letter-spacing: -0.03em; } .editorial-week-total span { font-size: 12px; font-weight: 700; color: #243D32; } .editorial-week-bars { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; align-items: end; } .editorial-week-bars div { display: flex; flex-direction: column; justify-content: flex-end; height: 88px; } .editorial-week-bars i { display: block; width: 100%; min-height: 6px; border-radius: 5px 5px 2px 2px; background: #CFC1AF; } .editorial-week-bars div.is-today i { background: #243D32; } .editorial-week-bars span { margin-top: 6px; font-size: 10px; color: #5E5347; text-align: center; } @media (max-width: 1100px) { .editorial-salon .editorial-metrics, .editorial-bookings-insights { grid-template-columns: 1fr 1fr !important; } .editorial-bookings-insights article:last-child { grid-column: 1 / -1; } .editorial-salon .appt-time-grid--week .appt-time-grid-head, .editorial-salon .appt-time-grid--week .appt-time-grid-body { width: max(100%, 760px) !important; min-width: 760px !important; } } @media (max-width: 768px) { .editorial-salon [data-editorial-page=bookings].editorial-ambient { min-height: 0; padding: 2px 0 8px; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__copy { max-width: none; padding: 62px 0 0; background: transparent; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__eyebrow { position: absolute; top: 8px; left: 0; margin: 0; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__title { font-size: 36px !important; line-height: 1.05 !important; max-width: 100%; background: transparent; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__photo { width: 156px; height: 64px; top: 0; right: -8px; opacity: 0.92; -webkit-mask-image: linear-gradient(100deg, transparent 0%, rgba(0, 0, 0, 0.35) 22%, #000 48%, #000 100%) !important; mask-image: linear-gradient(100deg, transparent 0%, rgba(0, 0, 0, 0.35) 22%, #000 48%, #000 100%) !important; } .editorial-salon [data-editorial-page=bookings] .editorial-ambient__title { position: relative; z-index: 2; } .editorial-salon .editorial-metrics { grid-template-columns: 1fr 1fr; gap: 10px; } .editorial-salon .editorial-metric { min-height: 108px; padding: 14px 12px; gap: 10px; border-radius: 18px; grid-template-columns: 40px minmax(0, 1fr); } .editorial-salon .editorial-metric__icon { width: 40px; height: 40px; border-radius: 14px; background-size: 18px; } .editorial-salon .editorial-metric__value { font-size: 32px; } .editorial-salon .editorial-metric__detail { font-size: 12px; line-height: 1.3; overflow-wrap: normal; word-break: keep-all; } .editorial-salon .editorial-metric__chevron { display: none; } .editorial-salon .member-appt-date-nav-bar { flex-wrap: wrap !important; } .editorial-salon .member-appt-date-rail { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(64px, 1fr); gap: 6px; overflow-x: auto; padding: 0 2px 8px; } .editorial-salon .member-appt-rail-day { min-height: 56px; border-radius: 14px; border: 1px solid #CFC1AF; background: #EEE5D8; color: #2A2118; } .editorial-salon .member-appt-rail-day.is-today, .editorial-salon .member-appt-rail-day.is-selected { background: #E8DDCD !important; border-color: transparent !important; box-shadow: none !important; } .editorial-salon .appt-time-grid-scroll { max-height: min(68svh, 720px) !important; overflow: auto !important; } .editorial-salon .member-appt-date-nav-views { margin-left: 0 !important; order: 3; width: 100% !important; justify-content: space-between; } .editorial-salon .member-appt-date-nav-actions { order: 4; width: 100% !important; justify-content: space-between; } } @media (max-width: 640px) { .editorial-bookings-insights { grid-template-columns: 1fr !important; } .editorial-salon .editorial-metrics { grid-template-columns: 1fr 1fr !important; } .editorial-bookings-insights article:last-child { grid-column: auto; } .editorial-salon .appt-schedule-zone { padding: 10px 8px 8px !important; border-radius: 18px !important; } .editorial-salon .editorial-metric__value, .editorial-week-total strong { font-size: 28px !important; } } /* Beat the charcoal Client Bookings repair, which uses a longer selector. */ html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace { --bookings-canvas: #F3EBDF !important; --bookings-surface: #FBF6EF !important; --bookings-surface-raised: #FBF6EF !important; --bookings-surface-nested: #E8DDCD !important; --bookings-surface-hover: #E8DDCD !important; --bookings-border: #8C7B68 !important; --bookings-border-strong: #8C7B68 !important; --bookings-divider: #CFC1AF !important; --bookings-current-day: #243D32 !important; --bookings-current-day-soft: rgba(62, 81, 72, 0.08) !important; --bookings-current-day-border: rgba(62, 81, 72, 0.28) !important; --bookings-accent: #243D32 !important; --bookings-accent-fill: #E5F0E8 !important; --bookings-accent-border: rgba(74, 52, 36, 0.08) !important; --bookings-accent-strong-border: rgba(74, 52, 36, 0.1) !important; background: transparent !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-month-btn .member-appt-date-nav-context { display: inline !important; color: #2A2118 !important; font-size: 14px !important; font-weight: 650 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-month-btn .member-appt-date-nav-month-label { display: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is( .bookings-management-panel, .bookings-management-content, .booking-section-shell, .appt-section, .appt-dashboard ) { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-schedule-zone { background: #FBF6EF !important; background-image: none !important; border: 0 !important; border-radius: 28px !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-schedule-zone :is( .member-appt-date-nav, .appt-time-grid, .appt-time-grid-scroll, .appt-time-grid-head, .appt-time-grid-corner, .appt-time-grid-hours, .appt-calendar-shell ) { background: transparent !important; background-image: none !important; border-color: transparent !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col:nth-of-type(even) { background-color: transparent !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.16) calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.16) var(--appt-hour-h, 77px) ) !important; border-left-color: rgba(74, 52, 36, 0.06) !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col:is(.is-today, .is-selected) { background-color: rgba(47, 107, 79, 0.07) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head:nth-of-type(even), html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head.is-selected, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head.is-today, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head.is-today:not(.is-selected) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: #453C32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head.is-today { background: rgba(47, 107, 79, 0.07) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head span, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-hour { color: #5E5347 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block--success, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block--progress, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block--active { border-left-width: 1px !important; color: #2A2118 !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block-client, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block-service, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block-time { color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block-service, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block-time { color: #453C32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is(.tbb-btn-primary, .bookings-btn--primary) { background: #243D32 !important; background-image: none !important; border-color: #243D32 !important; color: #FBF6EF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block[data-family=sage] { background: #E5F0E8 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block[data-family=sand] { background: #F3EBDF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block[data-family=blush] { background: #F8E4E4 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block[data-family=mist] { background: #E6F0EA !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-block[data-family=peach] { background: #F8E8DC !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .booking-day-brief { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 18px !important; color: #2A2118 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; max-height: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .booking-day-brief-cta { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .booking-day-brief-location-link { background: transparent !important; border: 1px solid #8C7B68 !important; color: #453C32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .booking-day-brief-recommendation { background: #E8DDCD !important; color: #2A2118 !important; border-left: 2px solid #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .mpw-header-zone { display: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-stats[aria-label="Booking summary"] { display: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tabs { display: flex !important; gap: 6px !important; margin: 0 0 14px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tab { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #5E5347 !important; font-weight: 650 !important; min-height: 36px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tab--active { color: #2A2118 !important; background: transparent !important; box-shadow: inset 0 0 0 2px #2A2118 !important; } /* Mobile date rail. The charcoal repair paints these pills outside the media query. */ html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-rail, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-rail--day { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-day, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-rail--day .member-appt-rail-day { background: #EEE5D8 !important; border: 1px solid #CFC1AF !important; border-radius: 14px !important; color: #2A2118 !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-day :is(span, strong, em), html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-weekday, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-date { color: #453C32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-day.is-today:not(.is-selected) { background: #FBF6EF !important; color: #2A2118 !important; box-shadow: inset 0 0 0 2px #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-day.is-selected, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-rail-day.is-today.is-selected { background: #E8DDCD !important; border-color: transparent !important; color: #2A2118 !important; box-shadow: inset 0 0 0 2px #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is( .member-appt-date-nav-today, .member-appt-secondary select, .member-appt-filter select, .appt-filter-select ) { background: #FBF6EF !important; color: #2A2118 !important; border-color: #8C7B68 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-month-picker { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; border-radius: 16px !important; color: #2A2118 !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-month-day { background: #E8DDCD !important; border-color: #CFC1AF !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-month-day.is-selected, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-month-day.is-today { background: #E8DDCD !important; border-color: transparent !important; box-shadow: inset 0 0 0 2px #243D32 !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is( .booking-day-brief-kicker, .booking-day-brief-metrics strong, .booking-day-brief-metrics span, .booking-day-brief-opening, .booking-day-brief-opening span, .booking-day-brief-muted ) { color: #453C32 !important; background: transparent !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .booking-day-brief-metrics strong, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .booking-day-brief-opening { color: #2A2118 !important; } .editorial-salon :is(.appt-toast, .appt-loading, .appt-empty, .appt-widget-muted) { color: #2A2118 !important; } .editorial-salon .appt-toast { background: #243D32 !important; color: #FBF6EF !important; border-radius: 14px !important; font-weight: 650 !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } .editorial-salon :is(.appt-loading, .appt-empty, .appt-widget-muted, .ca-loading-visual__message, .member-state-surface) { color: #5E5347 !important; } .editorial-salon .ca-loading-visual__ring, .editorial-salon .mui-spinner { border-color: rgba(62, 81, 72, 0.22) !important; border-top-color: #243D32 !important; } .editorial-salon .ca-loading-visual__glow { background: transparent !important; opacity: 0 !important; } .editorial-salon .member-state-surface { background: #FBF6EF !important; border-color: #CFC1AF !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .bookings-premium-loader { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; color: #2A2118 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .bookings-premium-loader__title { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is( .bookings-premium-loader__eyebrow, .bookings-premium-loader__copy, .bookings-premium-loader__activity ) { color: #5E5347 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .bookings-premium-loader__signal { background: #E8DDCD !important; border-color: #CFC1AF !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .bookings-premium-loader__core { background: #E8DDCD !important; color: #243D32 !important; border-color: #CFC1AF !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .bookings-premium-loader__ring { border-color: rgba(62, 81, 72, 0.22) !important; border-top-color: #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .bookings-premium-loader__ring--inner { border-color: rgba(74, 52, 36, 0.12) !important; border-right-color: #5E5347 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is(.bookings-premium-loader__dot, .bookings-premium-loader__activity-dots span) { background: #243D32 !important; box-shadow: none !important; } /* * Portal surfaces mount on .members-layout-root, outside .editorial-salon. * Page selectors cannot reach them. Re-pin the appointment dialog tokens, then * override the few literal navy gradients the dialog stylesheet bakes in. */ .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay { --am-canvas: #F3EBDF; --am-overlay: rgba(42, 33, 24, 0.38); --am-shell: #FBF6EF; --am-shell-border: #8C7B68; --am-panel: transparent; --am-panel-border: #CFC1AF; --am-input: #FBF6EF; --am-input-border: #8C7B68; --am-gold: #243D32; --am-gold-soft: rgba(62, 81, 72, 0.22); --am-gold-border: rgba(62, 81, 72, 0.45); --am-teal: #243D32; --am-teal-soft: #FFFFFF; --am-teal-border: rgba(62, 81, 72, 0.28); --am-text: #2A2118; --am-body: #453C32; --am-muted: #5E5347; --am-danger: #B42318; --am-coral: #B42318; --am-disabled-bg: #CFC1AF; --am-disabled-text: #5E5347; --on-gold: #FBF6EF; --d1: #E8DDCD; --d2: #EEE5D8; --d3: #FBF6EF; --near: #FBF6EF; --gold: #243D32; --danger: #B42318; --text: #2A2118; --muted: #5E5347; --border: #8C7B68; --surface-panel: #FBF6EF; --surface-nested: #FBF6EF; --app-muted-text: #5E5347; --app-body-text: #2A2118; color: #2A2118; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay.appt-modal-overlay { background: rgba(42, 33, 24, 0.38) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-card, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-confirm-card { background: #FBF6EF !important; background-image: none !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 22px !important; box-shadow: 0 24px 60px rgba(62, 44, 28, 0.16) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-head, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-footer { background: #FBF6EF !important; border-color: #CFC1AF !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-head h3, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-confirm-card h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .eyebrow, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-section-title { color: #5E5347 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-close { color: #453C32 !important; background: transparent !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-close:hover:not(:disabled) { background: #E8DDCD !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-card :is(input, select, textarea), .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-field :is(input, select, textarea), .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-price-input { background: #FBF6EF !important; color: #2A2118 !important; border-color: #8C7B68 !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-price-input input { background: transparent !important; border: 0 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-price-input > span, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-field > span, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-field-label, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-field-note, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-no-charge { color: #453C32 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay :is(input, select, textarea)::placeholder { color: #5E5347 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-modal-card :is(input, select, textarea):focus, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-price-input:focus-within { border-color: #243D32 !important; outline: 2px solid #243D32 !important; outline-offset: 1px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-no-charge input { accent-color: #243D32 !important; width: 18px !important; height: 18px !important; min-height: 18px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-client-dropdown { background: #FBF6EF !important; border: 1px solid #8C7B68 !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-client-option, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-client-option strong { background: transparent !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-client-option em { color: #5E5347 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-client-option:hover, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-client-option.new { background: #FFFFFF !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay :is(.appt-inline-service, .appt-no-services, .appt-inline-service-form) { background: #E8DDCD !important; border-color: #8C7B68 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay button.admin-month-day-tile, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .admin-month-day-tile { color: #453C32 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay button.admin-month-day-tile:hover:not(:disabled):not(.admin-month-day-tile--selected) { background: #E8DDCD !important; color: #2A2118 !important; border-color: #CFC1AF !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .admin-month-day-tile--today { border-color: rgba(62, 81, 72, 0.45) !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .admin-month-day-tile--selected, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay button.admin-month-day-tile--selected, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay button.admin-month-day-tile--selected:hover { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay :is( .tbb-btn-primary, .appt-save-btn, .gold-btn, .appt-inline-save-btn, .appt-delete-btn ) { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-delete-btn, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .appt-delete-link { background: #FFFFFF !important; border-color: #B42318 !important; color: #B42318 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay :is( .tbb-btn-ghost, .tbb-btn-secondary, .outline-btn, .appt-cancel-btn, .appt-inline-service-cancel ) { background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay :is( .appt-modal-save-error, .appt-validation-banner, .field-error, .appt-inline-service-error ) { background: #FFFFFF !important; border-color: #B42318 !important; color: #B42318 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay :is(button, input, select):disabled { opacity: 0.55 !important; } @media (max-width: 767px) { .members-layout-root:has(.member-platform.editorial-salon)[data-appt-composer-open] > .member-platform { display: block !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay.appt-modal-overlay:not(.appt-modal-overlay--confirm) { position: fixed !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 10vh 0 0 !important; overflow: auto !important; background: rgba(42, 33, 24, 0.46) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay:not(.appt-modal-overlay--confirm) .appt-modal-card { border: 0 !important; border-radius: 24px 24px 0 0 !important; box-shadow: 0 -18px 50px rgba(62, 44, 28, 0.18) !important; min-height: 90dvh !important; height: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; overflow: visible !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay--confirm { position: fixed !important; inset: 0 !important; display: grid !important; place-items: end center !important; min-height: 100dvh !important; padding: 0 !important; background: rgba(42, 33, 24, 0.38) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay--confirm .appt-confirm-card { width: 100% !important; border-radius: 22px 22px 0 0 !important; padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important; } } /* Appointment detail sheet — also portaled onto the layout root. */ .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root { --surface-panel: #FBF6EF; --app-surface: #FBF6EF; --d2: #E8DDCD; --d3: #FBF6EF; --text: #2A2118; --muted: #5E5347; --border: #8C7B68; --gold: #243D32; --danger: #B42318; --bookings-surface-nested: #FBF6EF; --appt-action-text: #2A2118; color: #2A2118; } @media (min-width: 768px) { .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root { align-items: stretch !important; justify-content: flex-end !important; padding: 0 !important; } } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-header, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-tabs, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-body, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-primary { background: transparent !important; border-color: #CFC1AF !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; width: 100% !important; box-sizing: border-box !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-header > button { position: static !important; flex: 0 0 auto !important; margin-left: 12px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-header h2 { font-size: 34px !important; line-height: 1.02 !important; letter-spacing: -0.03em !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-header p:not(.appt-workspace-kicker) { color: #453C32 !important; font-size: 13px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-kicker { background: #E8DDCD !important; border-color: transparent !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-tabs button { color: #453C32 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-tabs button.appt-workspace-tab--active { color: #2A2118 !important; border-bottom-color: #243D32 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root .tbb-btn-primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root :is(.tbb-btn-ghost, .tbb-btn-secondary) { background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-lifecycle-actions .tbb-btn-ghost:last-child { background: #FFFFFF !important; border-color: #B42318 !important; color: #B42318 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root .tbb-btn:focus-visible { outline: 2px solid #243D32 !important; outline-offset: 2px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root .tbb-btn-primary:hover { background: #1A2F26 !important; border-color: #1A2F26 !important; box-shadow: none !important; translate: none !important; scale: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-root :is(.tbb-btn-ghost, .tbb-btn-secondary):hover { background: #E8DDCD !important; border-color: #8C7B68 !important; color: #2A2118 !important; translate: none !important; scale: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-body :is(input, textarea, select), .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-body :is(input, textarea, select):focus { background: #E8DDCD !important; color: #2A2118 !important; border-color: transparent !important; outline-color: #243D32 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-backdrop { background: rgba(42, 33, 24, 0.38) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-sheet { background: #FBF6EF !important; color: #2A2118 !important; border-color: #CFC1AF !important; box-shadow: -24px 0 60px rgba(62, 44, 28, 0.12) !important; } @media (min-width: 768px) { .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-sheet { width: min(480px, 100vw) !important; max-width: 480px !important; height: 100% !important; max-height: none !important; border-radius: 0 !important; border: 0 !important; border-left: 1px solid #CFC1AF !important; } } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-header h2 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-kicker, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-card, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-summary, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-toast { background: #E8DDCD !important; border-color: #CFC1AF !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-tabs button.appt-workspace-tab--active { color: #2A2118 !important; border-bottom-color: #243D32 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-body :is(input, select, textarea) { background: #FBF6EF !important; color: #2A2118 !important; border-color: #8C7B68 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-sheet .tbb-btn-primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-sheet .tbb-btn-ghost { background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-error, .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-warn { background: #FFFFFF !important; color: #B42318 !important; border-radius: 12px !important; padding: 10px 12px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-sheet :focus-visible { outline: 2px solid #243D32 !important; outline-offset: 2px !important; } @media (max-width: 767px) { .members-layout-root:has(.member-platform.editorial-salon) .appt-workspace-sheet { background: #F3EBDF !important; border-radius: 22px 22px 0 0 !important; } } /* What's new / search launcher. Its stylesheet is injected with the panel. */ .members-layout-root:has(.member-platform.editorial-salon) .mgal-overlay { background: rgba(42, 33, 24, 0.38) !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-panel, .members-layout-root:has(.member-platform.editorial-salon) .mgal-header, .members-layout-root:has(.member-platform.editorial-salon) .mgal-body { background: #FBF6EF !important; color: #2A2118 !important; border-color: #CFC1AF !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-header-title, .members-layout-root:has(.member-platform.editorial-salon) .mgal-primary-title { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-header-subtitle, .members-layout-root:has(.member-platform.editorial-salon) .mgal-primary-reason, .members-layout-root:has(.member-platform.editorial-salon) .mgal-step-label, .members-layout-root:has(.member-platform.editorial-salon) .mgal-secondary-label { color: #5E5347 !important; } .members-layout-root:has(.member-platform.editorial-salon) :is(.mgal-primary-card, .mgal-error-card, .mgal-alternate-action, .mgal-shortcut) { background: #E8DDCD !important; border-color: #CFC1AF !important; color: #2A2118 !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-primary-btn { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-search-input, .members-layout-root:has(.member-platform.editorial-salon) .mgal-close-btn { background: #FBF6EF !important; color: #2A2118 !important; border-color: #8C7B68 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-loading, .members-layout-root:has(.member-platform.editorial-salon) .mgal-section-helper { color: #5E5347 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mgal-search-item.is-active, .members-layout-root:has(.member-platform.editorial-salon) .mgal-search-item:hover, .members-layout-root:has(.member-platform.editorial-salon) .mgal-alternate-action:hover { background: #E8DDCD !important; } /* Profile menu and any other popover portaled beside the page. */ .members-layout-root:has(.member-platform.editorial-salon) .member-safe-popover-panel, .members-layout-root:has(.member-platform.editorial-salon) .mch-profile-dropdown.member-safe-popover-panel { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 16px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } .members-layout-root:has(.member-platform.editorial-salon) .mch-profile-dropdown.member-safe-popover-panel :is( .mch-profile-dropdown-head strong, .mch-profile-dropdown-actions button, .mch-profile-link ) { color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mch-profile-dropdown.member-safe-popover-panel .mch-profile-dropdown-head span { color: #5E5347 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mch-profile-dropdown.member-safe-popover-panel .mch-profile-signout { color: #B42318 !important; border-top-color: #CFC1AF !important; } .members-layout-root:has(.member-platform.editorial-salon) .mch-profile-dropdown.member-safe-popover-panel :is(button, a):hover, .members-layout-root:has(.member-platform.editorial-salon) .member-safe-popover-status-row:hover, .members-layout-root:has(.member-platform.editorial-salon) .member-safe-popover-status-row.is-active { background: #E8DDCD !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .member-safe-popover-backdrop--dimmed { background: rgba(42, 33, 24, 0.38) !important; } /* Ask Abby conversation, opened from the bookings header. */ .members-layout-root:has(.member-platform.editorial-salon) .aah-overlay, .members-layout-root:has(.member-platform.editorial-salon) .abby-widget-backdrop { background: rgba(42, 33, 24, 0.38) !important; } .members-layout-root:has(.member-platform.editorial-salon) .aah-panel, .members-layout-root:has(.member-platform.editorial-salon) .abby-widget-panel, .members-layout-root:has(.member-platform.editorial-salon) .abby-widget-panel--member { --abby-panel-bg: #FBF6EF; --abby-input-bg: #FBF6EF; background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } .members-layout-root:has(.member-platform.editorial-salon) :is(.aah-panel-title, .abby-widget-title) { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) :is(.aah-panel-header, .abby-widget-header, .abby-widget-footer) { background: #FBF6EF !important; border-color: #CFC1AF !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) :is(.aah-composer-input, .abby-widget-input, .abby-widget-form input, .abby-widget-form textarea, .abby-widget-form select) { background: #FBF6EF !important; color: #2A2118 !important; border-color: #8C7B68 !important; } .members-layout-root:has(.member-platform.editorial-salon) :is(.aah-composer-send, .abby-widget-send, .abby-widget-action--primary) { background: #243D32 !important; color: #FBF6EF !important; border-color: #243D32 !important; } .members-layout-root:has(.member-platform.editorial-salon) :is(.abby-widget-bubble--user, .abby-widget-bubble--assistant, .aah-msg, .aah-msg--abby, .aah-msg--member) { background: #E8DDCD !important; color: #2A2118 !important; border-color: #CFC1AF !important; } .members-layout-root:has(.member-platform.editorial-salon) :is( .aah-coaching-context, .aah-context-line, .aah-coaching-follow-up, .aah-suggestion-chip, .aah-composer-voice, .abby-widget-kicker, .abby-widget-chip ) { color: #453C32 !important; background: transparent !important; border-color: #CFC1AF !important; } .members-layout-root:has(.member-platform.editorial-salon) .aah-coaching-primary { background: #243D32 !important; color: #FBF6EF !important; } /* Mobile menu drawer. */ .members-layout-root:has(.member-platform.editorial-salon) .mobile-more-drawer, .members-layout-root:has(.member-platform.editorial-salon) .mobile-more-drawer.open, .members-layout-root:has(.member-platform.editorial-salon) .mobile-more-drawer :is( .mobile-more-head, .mobile-more-direction, .more-workspace-menu, .mobile-more-groups ) { background: #F3EBDF !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mobile-more-drawer :is( .member-nav-item, .booking-software-menu-item, .mobile-more-group-label, .booking-software-menu-copy strong, .member-nav-item-title ) { color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .mobile-more-drawer .member-nav-item.active, .members-layout-root:has(.member-platform.editorial-salon) .mobile-more-drawer [data-booking-nav].active { background: #E8DDCD !important; color: #2A2118 !important; } /* Phones hide the in-calendar action row and expect a heading portal that this guided Bookings page does not mount. Keep Schedule, filter and Add here. */ @media (max-width: 768px) { html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-actions.member-appt-date-nav-actions--local { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: visible !important; position: static !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-actions--local > .tbb-btn-primary { grid-column: 1 / -1 !important; width: 100% !important; height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } } /* Composition pass: one editorial calendar, one premium booking dialog. */ html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .editorial-metric { background: #FBF6EF !important; border: 0 !important; box-shadow: 0 10px 28px rgba(74, 52, 36, 0.045) !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-schedule-zone { background: #FBF6EF !important; border: 0 !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col { border-left-color: rgba(74, 52, 36, 0.045) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col.is-today { background-color: rgba(62, 81, 72, 0.035) !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 96px) - 1px), rgba(74, 52, 36, 0.2) calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.2) var(--appt-hour-h, 77px) ) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-day-head.is-today span { display: inline-flex !important; align-items: center !important; padding: 4px 10px !important; border-radius: 999px !important; background: rgba(62, 81, 72, 0.1) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tabs { gap: 18px !important; margin: -8px 0 16px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tab { min-height: 28px !important; padding: 0 !important; font-size: 13px !important; font-weight: 550 !important; } .editorial-salon .sidebar-location-block, .editorial-salon .member-sidebar .sign-out, .editorial-salon .sign-out, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .sign-out { background: transparent !important; border: 1px solid #8C7B68 !important; color: #453C32 !important; border-radius: 14px !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog { width: min(920px, calc(100vw - 64px)) !important; max-height: calc(100svh - 56px) !important; overflow: auto !important; padding: 8px 8px 0 !important; border: 0 !important; border-radius: 30px !important; background: #FBF6EF !important; box-shadow: 0 28px 70px rgba(62, 44, 28, 0.18) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head { border: 0 !important; margin: 0 !important; padding: 32px 32px 6px !important; background: transparent !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head h3 { font-size: 42px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: -0.035em !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .eyebrow { letter-spacing: 0.18em !important; font-size: 11px !important; font-weight: 650 !important; margin-bottom: 8px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-close { border: 0 !important; border-radius: 999px !important; min-height: 36px !important; padding: 0 12px !important; font-size: 13px !important; font-weight: 600 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-section { margin: 0 28px 4px !important; padding: 18px 2px 14px !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid rgba(74, 52, 36, 0.08) !important; background: transparent !important; box-shadow: none !important; gap: 12px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-section-title { font-size: 11px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; font-weight: 650 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog :is(input, select, textarea) { min-height: 52px !important; height: 52px !important; border: 0 !important; border-radius: 16px !important; background: #FBF6EF !important; box-shadow: none !important; padding: 0 16px !important; font-size: 16px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog textarea { height: auto !important; min-height: 96px !important; padding: 12px 14px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog button.admin-month-day-tile:not(.admin-month-day-tile--selected) { height: 40px !important; min-height: 40px !important; border-radius: 12px !important; background: transparent !important; border-color: transparent !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog button.admin-month-day-tile--selected { height: 40px !important; min-height: 40px !important; border-radius: 12px !important; background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-footer { position: sticky !important; bottom: 0 !important; display: flex !important; justify-content: flex-end !important; margin: 10px 0 0 !important; padding: 16px 28px 22px !important; border: 0 !important; border-top: 1px solid rgba(74, 52, 36, 0.08) !important; background: #FBF6EF !important; border-radius: 0 0 30px 30px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-save-btn, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .tbb-btn-primary { min-height: 50px !important; height: 50px !important; border-radius: 14px !important; padding: 0 22px !important; font-size: 15px !important; font-weight: 650 !important; letter-spacing: 0 !important; background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; min-width: 220px !important; width: auto !important; } @media (max-width: 767px) { .members-layout-root:has(.member-platform.editorial-salon)[data-appt-composer-open] > .member-platform { display: block !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay.appt-modal-overlay { position: fixed !important; inset: 0 !important; z-index: 100000 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; width: 100% !important; min-height: 0 !important; height: 100% !important; padding: 0 !important; overflow: auto !important; background: rgba(42, 33, 24, 0.42) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; margin-top: 8vh !important; border-radius: 24px 24px 0 0 !important; overflow: visible !important; box-shadow: 0 -18px 50px rgba(62, 44, 28, 0.16) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head { position: sticky !important; top: 0 !important; z-index: 2 !important; padding: 18px 16px 8px !important; background: #FBF6EF !important; border-radius: 24px 24px 0 0 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head h3 { font-size: 30px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-section { margin: 8px 12px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-footer { border-radius: 0 !important; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; } } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-bar { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; grid-template-columns: none !important; gap: 14px !important; width: 100% !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-period { display: flex !important; grid-template-columns: none !important; align-items: center !important; gap: 6px !important; width: auto !important; max-width: none !important; min-width: 0 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-heading { display: flex !important; grid-template-columns: none !important; width: auto !important; min-width: 0 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-month-btn { border: 0 !important; background: transparent !important; box-shadow: none !important; min-width: 0 !important; min-height: 36px !important; height: auto !important; padding: 0 6px !important; border-radius: 0 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-arrow { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 999px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-views { margin-left: auto !important; width: auto !important; border: 0 !important; } @media (max-width: 900px) { html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__brand .mch-shell-menu.msh-control { width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; flex: 0 0 32px !important; padding: 0 !important; border: 1px solid #8C7B68 !important; border-radius: 8px !important; background: #FBF6EF !important; box-shadow: none !important; --msh-halo: none; color: #2A2118 !important; opacity: 1 !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions :is( .member-global-next-mobile, .aah-entry-btn, .msh-control--profile ) { width: auto !important; min-width: 32px !important; max-width: none !important; height: 32px !important; min-height: 32px !important; padding: 0 6px !important; border-radius: 8px !important; background: #FBF6EF !important; border: 1px solid #8C7B68 !important; box-shadow: none !important; color: #2A2118 !important; opacity: 1 !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions .aah-entry-btn { color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header svg { color: inherit !important; opacity: 1 !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions :is( .msh-control__label, .aah-entry-label, .mha-action__label, .mch-identity-copy ) { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; font-size: 0 !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-global-next-mobile .msh-control__glyph { display: inline-flex !important; } html body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tabs { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; height: auto !important; min-height: 0 !important; gap: 16px !important; overflow-x: auto !important; border: 0 !important; border-bottom: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .tier1-bookings-tab { flex: 0 0 auto !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 32px !important; text-align: left !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-bar { flex-wrap: wrap !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head { position: relative !important; display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; padding-top: 22px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head::before { content:""; position: absolute; top: 8px; left: 50%; width: 42px; height: 4px; margin: 0; transform: translateX(-50%); border-radius: 999px; background: rgba(74, 52, 36, 0.22); } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-section:first-of-type { margin-top: 16px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-save-btn, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .tbb-btn-primary { width: 100% !important; min-width: 0 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-footer { padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important; } } /* Desktop scale: the calendar is the workspace, not a widget inside it. */ @media (min-width: 1100px) { .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) { max-width: none !important; width: 100% !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :is(.member-main, .main-content, .mws-shell-main) { padding: 2px 12px 28px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-schedule-zone { background: #FBF6EF !important; border-radius: 26px !important; padding: 12px 14px 10px !important; box-shadow: 0 16px 36px rgba(74, 52, 36, 0.045) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-scroll { height: calc(100svh - 528px) !important; min-height: 520px !important; max-height: calc(100svh - 528px) !important; overflow: auto !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-head { position: sticky !important; top: 0 !important; z-index: 4 !important; background: #FBF6EF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid--week :is(.appt-time-grid-head, .appt-time-grid-body) { grid-template-columns: 76px repeat(7, minmax(0, 1fr)) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col { border-left: 1px solid rgba(74, 52, 36, 0.1) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-time-grid-col.is-today { background-color: rgba(62, 81, 72, 0.04) !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 96px) - 1px), rgba(74, 52, 36, 0.2) calc(var(--appt-hour-h, 77px) - 1px), rgba(74, 52, 36, 0.2) var(--appt-hour-h, 77px) ) !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-context { font-size: 16px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-view-btn, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .member-appt-date-nav-today, html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace :is(.member-appt-secondary select, .member-appt-filter select) { min-height: 42px !important; height: 42px !important; font-size: 14px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-calendar-shell:not(:has(.appt-time-block)) { position: relative; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .bookings-premium-workspace .appt-calendar-shell:has(.appt-time-grid):not(:has(.appt-time-block))::after { content: none; position: absolute; left: 50%; top: 42%; z-index: 2; transform: translate(-50%, -50%); color: #5E5347; font-size: 15px; font-weight: 550; letter-spacing: -0.01em; pointer-events: none; } } /* Final polish: layered cream, legible type, quiet interactions. */ html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) { background: #F3EBDF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :is(.member-main, .main-content, .mws-shell-main) { background: #F3EBDF !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :is(.member-sidebar, .desktop-sidebar) { background: #9EAD98 !important; border-right: 0 !important; box-shadow: inset -1px 0 0 rgba(74, 52, 36, 0.08) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :is(.member-header, .member-header-shell) { background: #FBF6EF !important; box-shadow: 0 1px 0 rgba(74, 52, 36, 0.08) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar :is(.nav-item, .member-nav-item) { color: #3A3128 !important; font-weight: 640 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar :is(.nav-item, .member-nav-item) :is(.nav-item-icon, svg) { color: #3A3128 !important; opacity: 1 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar .nav-item-label { color: #2A2118 !important; font-size: 14.5px !important; font-weight: 650 !important; line-height: 1.25 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar .nav-item-hint { display: block !important; color: #64584E !important; font-size: 12px !important; font-weight: 560 !important; line-height: 1.35 !important; opacity: 1 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar :is(.nav-item, .member-nav-item):hover { background: #FBF6EF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar :is(.nav-item, .member-nav-item).active { background: #E8DDCD !important; color: #2A2118 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar :is(.nav-item, .member-nav-item).active :is(.nav-item-icon, svg, .nav-item-label) { color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar :is(.nav-item, .member-nav-item):focus-visible { outline: 2px solid #3E5148 !important; outline-offset: 2px !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .member-sidebar .nav-section + .nav-section { margin-top: 8px !important; padding-top: 8px !important; box-shadow: inset 0 1px 0 rgba(74, 52, 36, 0.1); } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .sidebar-location-block { background: #FBF6EF !important; border: 0 !important; box-shadow: inset 0 1px 0 rgba(74, 52, 36, 0.1) !important; border-radius: 14px !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .sidebar-location-name { color: #2A2118 !important; font-weight: 680 !important; font-size: 14px !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .sidebar-location-area { color: #64584E !important; font-size: 12px !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .sign-out { border: 0 !important; background: transparent !important; color: #4E433A !important; font-weight: 640 !important; box-shadow: inset 0 0 0 1px rgba(74, 52, 36, 0.14) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .sign-out:hover { background: #FBF6EF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .editorial-search { background: #F3EBDF !important; border-color: transparent !important; color: #5A4E44 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric { background: #FBF6EF !important; box-shadow: 0 10px 26px rgba(74, 52, 36, 0.06) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace button.editorial-metric:hover { background: #FBF6EF !important; box-shadow: 0 14px 32px rgba(74, 52, 36, 0.09) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric__icon { background-color: #E8DDCD !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric__label { color: #5A4E44 !important; font-size: 13.5px !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric__value { color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric__detail { color: #5A4E44 !important; font-size: 13.5px !important; font-weight: 550 !important; line-height: 1.3 !important; word-break: keep-all !important; overflow-wrap: normal !important; hyphens: none !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric__chevron { opacity: 0.8; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-schedule-zone { background: #FBF6EF !important; box-shadow: 0 16px 40px rgba(74, 52, 36, 0.07) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-head { background: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-day-head span { color: #3A3128 !important; font-size: 14.5px !important; font-weight: 680 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-day-head.is-today span { background: #E8DDCD !important; color: #2A2118 !important; font-weight: 700 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-hour { color: #5A4E44 !important; font-size: 12.5px !important; font-weight: 640 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-col { border-left: 1px solid rgba(90, 68, 48, 0.12) !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(90, 68, 48, 0.14) calc(var(--appt-hour-h, 77px) - 1px), rgba(90, 68, 48, 0.14) var(--appt-hour-h, 77px) ) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-col.is-today { background-color: rgba(62, 81, 72, 0.055) !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(90, 68, 48, 0.16) calc(var(--appt-hour-h, 77px) - 1px), rgba(90, 68, 48, 0.16) var(--appt-hour-h, 77px) ) !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-hit:hover, html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .appt-time-grid-hit:focus-visible { background: rgba(62, 81, 72, 0.07) !important; outline: none !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .member-appt-date-nav-context { color: #2A2118 !important; font-weight: 680 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .member-appt-view-btn { color: #5A4E44 !important; font-weight: 640 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .member-appt-view-btn.is-active { color: #2A2118 !important; box-shadow: inset 0 -2px 0 #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .member-appt-date-nav-today, html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace :is(.member-appt-secondary select, .member-appt-filter select) { background: #F3EBDF !important; border: 0 !important; color: #2A2118 !important; font-weight: 620 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .tier1-bookings-tab { color: #5A4E44 !important; font-weight: 620 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .tier1-bookings-tab--active { color: #2A2118 !important; box-shadow: inset 0 -2px 0 #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) { accent-color: #3E5148; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :focus { outline: none; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :focus-visible { outline: 2px solid #3E5148 !important; outline-offset: 2px !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) :is(button, a, input, select, textarea):disabled { opacity: 0.48; cursor: not-allowed; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) [data-editorial-page=bookings] .editorial-ambient__photo { opacity: 0.9; background-position: 68% 34% !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-loader, html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-loader__card { background: #FBF6EF !important; color: #2A2118 !important; border: 0 !important; box-shadow: 0 16px 40px rgba(74, 52, 36, 0.06) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay { background: rgba(42, 33, 24, 0.42) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog { background: #FBF6EF !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-section-title, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .eyebrow { color: #5A4E44 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog :is(input, select, textarea) { background: #E8DDCD !important; border: 0 !important; color: #2A2118 !important; box-shadow: none !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog :is(input, select, textarea)::placeholder { color: #6B5F55 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog :is(input, select, textarea):focus, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog :is(input, select, textarea):focus-visible { outline: 2px solid #243D32 !important; outline-offset: 1px !important; background: #F3EBDF !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog button.admin-month-day-tile:not(.admin-month-day-tile--selected):hover { background: #E8DDCD !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-close { color: #5A4E44 !important; background: transparent !important; border: 0 !important; font-weight: 640 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-close:hover { background: #E8DDCD !important; color: #2A2118 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-footer { background: #F3EBDF !important; border-top: 0 !important; box-shadow: inset 0 1px 0 rgba(74, 52, 36, 0.08) !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-save-btn:hover, .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .tbb-btn-primary:hover { background: #314239 !important; border-color: #314239 !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog :is(.appt-field-error, .appt-form-error, .form-error) { color: #8E3B32 !important; } @media (max-width: 430px) { html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .tier1-bookings-tabs { gap: 12px !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .tier1-bookings-tab { font-size: 12.5px !important; } html body .members-layout-root .member-platform.editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace .editorial-metric__detail { font-size: 12px !important; } } @media (max-width: 767px) { .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head { padding: 16px 18px 2px !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-head h3 { font-size: 28px !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; } .members-layout-root:has(.member-platform.editorial-salon) .appt-modal-overlay .editorial-booking-dialog .appt-modal-section:first-of-type { margin-top: 8px !important; } } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients].editorial-ambient, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline].editorial-ambient { min-height: 112px; margin: 0 0 2px; padding: 10px 4px 4px; overflow: hidden; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__copy, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__copy { max-width: 680px; padding-top: 2px; z-index: 2; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__eyebrow, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__eyebrow { margin-bottom: 8px; font-size: 12px; letter-spacing: 0.28em; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__title, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__title { font-size: clamp(32px, 3vw, 44px) !important; font-weight: 500 !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__subtitle, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__subtitle { margin-top: 12px; max-width: 52ch; font-size: 17px; line-height: 1.45; color: #453C32; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__photo, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__photo { top: -36px; right: -1%; width: min(680px, 48%); height: 280px; background: url('/editorial/salon-atmosphere.jpg') 68% 34% / cover no-repeat !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.45) 22%, #000 40%, #000 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.45) 22%, #000 40%, #000 82%, transparent 100%); } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients].editorial-ambient::after, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline].editorial-ambient::after { content:""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(180deg, rgba(246, 241, 232, 0) 0%, #F3EBDF 88%); pointer-events: none; } html body .members-layout-root .member-platform.editorial-salon .clients-workspace-shell:has(.editorial-clients-page) .member-command-header, html body .members-layout-root .member-platform.editorial-salon .clients-workspace-shell:has(.editorial-clients-page) .member-page-header, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-workspace-shell:has(.editorial-clients-page) .member-command-header, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-workspace-shell:has(.editorial-clients-page) .member-workflow-switcher { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .clients-canonical-page-heading, html body .members-layout-root .member-platform.editorial-salon .clients-canonical-page-title, html body .members-layout-root .member-platform.editorial-salon .pipeline-page-header h1, html body .members-layout-root .member-platform.editorial-salon .pipeline-page-header > div > p, html body .members-layout-root .member-platform.editorial-salon .clients-attention-hero, html body .members-layout-root .member-platform.editorial-salon .ux-preview-banner { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; border: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-panel, html body .members-layout-root .member-platform.editorial-salon .clients-guided-workspace, html body .members-layout-root .member-platform.editorial-salon .clients-premium-workspace, html body .members-layout-root .member-platform.editorial-salon .clients-canonical-surface, html body .members-layout-root .member-platform.editorial-salon .clients-list-card, html body .members-layout-root .member-platform.editorial-salon .pipeline-panel, html body .members-layout-root .member-platform.editorial-salon .pipeline-crm-inner { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-page, html body .members-layout-root .member-platform.editorial-salon .pipeline-crm-inner { display: grid; gap: 18px; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-switch { display: inline-flex; gap: 22px; align-items: center; margin: 2px 0 0; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-switch button { min-height: 36px; padding: 0 0 8px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #5E5347; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-switch button.is-active { color: #2A2118; border-bottom-color: #243D32; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-switch button:focus-visible { outline: 2px solid #243D32; outline-offset: 3px; border-radius: 6px; } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=clients] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=new] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=follow] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=lapsed] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-toolbar { display: grid; grid-template-columns: minmax(180px, 1.4fr) minmax(140px, 0.7fr) minmax(140px, 0.7fr) auto auto; gap: 10px; align-items: center; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-toolbar input, html body .members-layout-root .member-platform.editorial-salon .editorial-clients-toolbar select, html body .members-layout-root .member-platform.editorial-salon .editorial-client-form input, html body .members-layout-root .member-platform.editorial-salon .editorial-client-form textarea, html body .members-layout-root .member-platform.editorial-salon .editorial-client-form select, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal input, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal textarea, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal select, html body .members-layout-root .member-platform.editorial-salon .crm-drawer input, html body .members-layout-root .member-platform.editorial-salon .crm-drawer textarea, html body .members-layout-root .member-platform.editorial-salon .crm-drawer select, html body .members-layout-root .member-platform.editorial-salon .crm-modal input, html body .members-layout-root .member-platform.editorial-salon .crm-modal textarea, html body .members-layout-root .member-platform.editorial-salon .crm-modal select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: #FBF6EF !important; color: #2A2118 !important; box-shadow: none !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 14px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-toolbar input:focus, html body .members-layout-root .member-platform.editorial-salon .editorial-clients-toolbar select:focus, html body .members-layout-root .member-platform.editorial-salon .crm-drawer :focus-visible, html body .members-layout-root .member-platform.editorial-salon .crm-modal :focus-visible, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal :focus-visible, html body .members-layout-root .member-platform.editorial-salon .tier1-client-card:focus-visible { outline: 2px solid #243D32 !important; outline-offset: 2px; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-add { min-height: 44px !important; padding: 0 16px !important; white-space: nowrap; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-list { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-client-grid, html body .members-layout-root .member-platform.editorial-salon .tier1-client-grid, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-client-grid, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; background: #FBF6EF !important; border: 1px solid #8C7B68 !important; border-radius: 18px !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; overflow: hidden !important; padding: 4px 10px !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-columns, html body .members-layout-root .member-platform.editorial-salon .tier1-client-card, html body .members-layout-root .member-platform.editorial-salon .crm-client-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-columns, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-client-card { display: grid !important; grid-column: 1 / -1 !important; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(72px, 0.45fr) !important; gap: 8px 16px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 78px; margin: 0 !important; padding: 14px 6px !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: #2A2118 !important; text-align: left !important; overflow: hidden !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-columns { min-height: 0; padding: 0 8px 8px !important; color: #5E5347 !important; font-size: 12px; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card:hover, html body .members-layout-root .member-platform.editorial-salon .crm-client-card:hover { background: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card.is-selected, html body .members-layout-root .member-platform.editorial-salon .crm-client-card.is-selected { background: #E8DDCD !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-who, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-who { display: flex !important; align-items: center !important; gap: 12px !important; min-width: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card-identity, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-card-identity { min-width: 0 !important; overflow: hidden !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-avatar, html body .members-layout-root .member-platform.editorial-salon .crm-avatar { display: grid !important; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50% !important; background: #E8DDCD !important; color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 16px; font-weight: 500; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card-heading { margin: 0; color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 20px !important; font-weight: 500 !important; letter-spacing: -0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html body .members-layout-root .member-platform.editorial-salon .crm-reminder-banner, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-reminder-banner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 10px 12px !important; border-radius: 12px !important; background: #E8DDCD !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-meta, html body .members-layout-root .member-platform.editorial-salon .ux-client-cell, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-meta, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-cell { display: grid !important; gap: 3px; min-width: 0 !important; overflow: hidden !important; color: #453C32 !important; font-size: 13px; line-height: 1.35; } html body .members-layout-root .member-platform.editorial-salon .ux-client-cell span, html body .members-layout-root .member-platform.editorial-salon .editorial-client-chip, html body .members-layout-root .member-platform.editorial-salon .tier1-client-card-heading { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-last-visit, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-client-last-visit { color: #5E5347 !important; font-size: 12px !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-value { font-variant-numeric: tabular-nums; font-weight: 650; color: #2A2118 !important; text-align: right; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-signal { display: inline-flex; width: fit-content; margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: #E8DDCD; color: #453C32; font-size: 11px; font-weight: 650; letter-spacing: 0.02em; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-signal--warm { background: #FFFFFF; color: #A94710; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-col--services, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-clients-col--services { display: flex !important; flex-wrap: wrap; gap: 4px; min-width: 0; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-chip, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-client-chip { display: inline-flex; width: fit-content; max-width: 100%; padding: 3px 8px; border: 0 !important; border-radius: 999px; background: #FBF6EF !important; color: #453C32 !important; font-size: 12px; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-empty, html body .members-layout-root .member-platform.editorial-salon .crm-empty { padding: 28px 8px 12px !important; background: transparent !important; border: 0 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-empty strong, html body .members-layout-root .member-platform.editorial-salon .crm-empty strong { display: block; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 28px; font-weight: 500; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-empty p, html body .members-layout-root .member-platform.editorial-salon .crm-empty p { max-width: 46ch; color: #453C32; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-loading p { margin: 0; color: #453C32; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-bone { display: block; min-height: 118px; border-radius: 24px; background: #FBF6EF; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-bone--row { min-height: 72px; border-radius: 16px; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-pipeline { display: grid; gap: 12px; margin-top: 8px; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-pipeline header p { margin: 0 0 4px; color: #5E5347; font-size: 12px; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-pipeline h2 { margin: 0; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: 32px; font-weight: 500; letter-spacing: -0.03em; color: #2A2118; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row, html body .members-layout-root .member-platform.editorial-salon .crm-conversion-empty, html body .members-layout-root .member-platform.editorial-salon .crm-conversion-group { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-panel { padding: 20px; border: 1px solid #CFC1AF; border-radius: 16px; background: #FBF6EF; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03); } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row-main { min-width: 0; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row-name { margin: 0 0 4px; font-weight: 650; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row-reason, html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row-value { margin: 0; color: #5E5347; line-height: 1.5; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row-actions { display: flex; flex-wrap: wrap; gap: 8px; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-btn { min-height: 44px; padding: 10px 16px; font: inherit; font-size: 14px; cursor: pointer; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-conversion-btn--primary { background: #243D32 !important; color: #FBF6EF !important; border: 0 !important; border-radius: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-enquiry, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-consultation, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-quote, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-appointment, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-retained { border: 0 !important; border-radius: 18px !important; background: #FBF6EF !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-head { background: transparent !important; border-bottom: 1px solid #CFC1AF !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-count, html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-card, html body .members-layout-root .member-platform.editorial-salon .pipeline-kpi-row, html body .members-layout-root .member-platform.editorial-salon .pipeline-kpi-card { background: transparent !important; border-color: #CFC1AF !important; color: #2A2118 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column.stage-enquiry, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column.stage-consultation, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column.stage-quote, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column.stage-appointment, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column.stage-retained, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-lead-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-kpi-row, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-kpi-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column-head, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column-count { background: #FBF6EF !important; background-color: #FBF6EF !important; border: 0 !important; border-radius: 18px !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-lead-card { background: #FBF6EF !important; border-radius: 14px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-column-head { background: transparent !important; border-radius: 0 !important; border-bottom: 1px solid #CFC1AF !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-kpi-row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; border-radius: 18px !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-overlay, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-overlay { display: flex !important; justify-content: flex-end !important; align-items: stretch !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto !important; width: min(520px, 100vw) !important; height: 100% !important; max-height: 100dvh !important; margin: 0 !important; overflow: hidden !important; border-radius: 0 !important; background: #FBF6EF !important; background-color: #FBF6EF !important; border-left: 1px solid #8C7B68 !important; box-shadow: -16px 0 40px rgba(62, 44, 28, 0.1) !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-header, html body .members-layout-root .member-platform.editorial-salon .crm-drawer-body, html body .members-layout-root .member-platform.editorial-salon .crm-drawer-actions, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-header, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-body, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-actions { background: transparent !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-identity, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-identity { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-identity-main, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-identity-main { display: grid !important; gap: 6px !important; min-width: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-identity-main h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-identity-main h3 { margin: 0 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 28px !important; font-weight: 500 !important; line-height: 1.1 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-contact-row, html body .members-layout-root .member-platform.editorial-salon .crm-drawer-badges, html body .members-layout-root .member-platform.editorial-salon .clients-domination-health-factors, html body .members-layout-root .member-platform.editorial-salon .clients-domination-profile-badges, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-contact-row, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-badges, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-health-factors, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-profile-badges { display: flex !important; flex-wrap: wrap !important; gap: 6px 12px !important; min-width: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-contact-row a, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-contact-row a { color: #453C32 !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .clients-domination-drawer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-drawer { display: grid !important; gap: 18px !important; } html body .members-layout-root .member-platform.editorial-salon .clients-domination-health-card, html body .members-layout-root .member-platform.editorial-salon .clients-domination-profile, html body .members-layout-root .member-platform.editorial-salon .clients-domination-health-factor, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-health-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-profile, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-health-factor { border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .clients-domination-health-card, html body .members-layout-root .member-platform.editorial-salon .clients-domination-profile, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-health-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-profile { display: grid !important; gap: 8px !important; padding: 0 0 8px !important; background: transparent !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .clients-domination-health-factor, html body .members-layout-root .member-platform.editorial-salon .clients-domination-profile-badge, html body .members-layout-root .member-platform.editorial-salon .crm-segment, html body .members-layout-root .member-platform.editorial-salon .crm-contact-readiness, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-health-factor, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-profile-badge, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-segment, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-contact-readiness { display: inline-flex !important; width: fit-content !important; padding: 3px 8px !important; border-radius: 999px !important; background: #E8DDCD !important; color: #453C32 !important; font-size: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .clients-domination-profile-facts, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-profile-facts { display: grid !important; gap: 8px !important; margin: 4px 0 !important; } html body .members-layout-root .member-platform.editorial-salon .clients-domination-profile-facts div, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .clients-domination-profile-facts div { display: grid !important; gap: 2px !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-stats, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px 16px !important; } html body .members-layout-root .member-platform.editorial-salon .crm-info-block, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-info-block { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-info-block strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-info-block strong { color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-actions, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-actions { display: grid !important; gap: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .tbb-btn-danger, html body .members-layout-root .member-platform.editorial-salon .crm-drawer .tbb-btn-danger, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tbb-btn-danger, html body .members-layout-root:has(.member-platform.editorial-salon) .tbb-btn-danger { background: transparent !important; background-color: transparent !important; color: #8f3d3a !important; -webkit-text-fill-color: #8f3d3a !important; border: 1px solid #B42318 !important; box-shadow: none !important; border-radius: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-form input[type=date], html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal input[type=date], html body .members-layout-root .member-platform.editorial-salon .crm-drawer input[type=date] { color-scheme: light; } html body .members-layout-root .member-platform.editorial-salon .gold-btn, html body .members-layout-root .member-platform.editorial-salon .tbb-btn-primary, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal .tbb-btn-primary, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-btn--primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; border-radius: 12px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-overlay, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal-backdrop, html body .members-layout-root .member-platform.editorial-salon .crm-modal-overlay { background: rgba(42, 33, 24, 0.28) !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer, html body .members-layout-root .member-platform.editorial-salon .crm-modal, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 22px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer { width: min(480px, 100%) !important; border-radius: 0 !important; border-top: 0 !important; border-bottom: 0 !important; border-right: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-header, html body .members-layout-root .member-platform.editorial-salon .crm-drawer-section, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal__head, html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal__footer { border-color: #CFC1AF !important; background: transparent !important; color: #2A2118 !important; } html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal__title, html body .members-layout-root .member-platform.editorial-salon .crm-modal h3, html body .members-layout-root .member-platform.editorial-salon .editorial-client-form legend { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: #2A2118 !important; } html body .members-layout-root:has(.member-platform.editorial-salon) .chairos-modal__title, html body .members-layout-root .member-platform.editorial-salon .crm-modal h3 { font-size: 32px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-form { display: grid; gap: 18px; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-form-group { margin: 0; padding: 0 0 8px; border: 0; border-bottom: 1px solid #CFC1AF; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-form legend { padding: 0; margin-bottom: 10px; font-size: 22px; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-form label, html body .members-layout-root .member-platform.editorial-salon .crm-form label { display: grid; gap: 6px; color: #453C32 !important; font-size: 13px; font-weight: 650; } html body .members-layout-root .member-platform.editorial-salon .crm-form-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; } html body .members-layout-root .member-platform.editorial-salon .crm-form-grid .full { grid-column: 1 / -1; } html body .members-layout-root .member-platform.editorial-salon .crm-toast, html body .members-layout-root .member-platform.editorial-salon .crm-completion-toast, html body .members-layout-root .member-platform.editorial-salon .member-state-surface { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 16px !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html body .members-layout-root .member-platform.editorial-salon .clients-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } @media (max-width: 1100px) { html body .members-layout-root .member-platform.editorial-salon .editorial-clients-col--services, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-clients-col--services { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-columns, html body .members-layout-root .member-platform.editorial-salon .tier1-client-card, html body .members-layout-root .member-platform.editorial-salon .crm-client-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-columns, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-client-card { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(72px, 0.45fr) !important; } } @media (max-width: 860px) { html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__title, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__title { font-size: 40px !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=clients] .editorial-ambient__photo, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__photo { width: 58%; height: 180px; opacity: 0.85; } html body .members-layout-root .member-platform.editorial-salon .editorial-metrics { grid-template-columns: 1fr 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-toolbar { grid-template-columns: 1fr 1fr; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-search, html body .members-layout-root .member-platform.editorial-salon .editorial-clients-add { grid-column: 1 / -1; } html body .members-layout-root .member-platform.editorial-salon .ux-client-columns, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-columns { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card, html body .members-layout-root .member-platform.editorial-salon .crm-client-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-client-card { grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "who value" "contact contact" "next next" "services services" !important; gap: 6px 12px !important; min-height: 0; padding: 14px 4px !important; overflow: visible !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-who, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-who { grid-area: 1 / 1 !important; min-width: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .ux-client-value, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .ux-client-value { grid-area: 1 / 2 !important; width: auto !important; justify-self: end !important; white-space: nowrap !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-contact, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-client-contact { grid-area: 2 / 1 / 3 / -1 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-next, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-client-next { grid-area: 3 / 1 / 4 / -1 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-clients-col--services, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-clients-col--services { display: flex !important; flex-wrap: wrap; gap: 6px; grid-area: 4 / 1 / 5 / -1 !important; white-space: normal !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-client-contact, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-client-contact, html body .members-layout-root .member-platform.editorial-salon .editorial-client-next, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .editorial-client-next { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card-identity, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-card-identity { flex: 1 1 auto !important; } html body .members-layout-root .member-platform.editorial-salon .tier1-client-card-heading, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .tier1-client-card-heading { width: 100% !important; max-width: 100% !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-overlay, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer-overlay { align-items: flex-end !important; justify-content: stretch !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .crm-drawer { width: 100% !important; height: auto !important; max-height: min(92dvh, 100%) !important; border-radius: 22px 22px 0 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-form-grid, html body .members-layout-root:has(.member-platform.editorial-salon) .crm-form-grid { grid-template-columns: 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-board { grid-template-columns: 1fr !important; } } @media (max-width: 390px) { html body .members-layout-root .member-platform.editorial-salon .editorial-metrics { grid-template-columns: 1fr !important; } } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric { display: flex !important; align-items: flex-start !important; gap: 12px !important; min-height: 108px !important; padding: 16px 16px 14px !important; border: 1px solid #8C7B68 !important; border-radius: 22px !important; background: #FBF6EF !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; color: #2A2118 !important; text-align: left !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__value, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__value { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 40px !important; font-weight: 500 !important; line-height: 1 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__label, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__label { color: #453C32 !important; font-size: 13px !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__detail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__detail { color: #5E5347 !important; font-size: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__icon, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__icon { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 12px; background: #E8DDCD center / 18px no-repeat; } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=enquiry] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=follow] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=booked] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .editorial-metric__icon[data-icon=won] { background-image: url("data:image/svg+xml;utf8,"); } html body .members-layout-root .member-platform.editorial-salon .pipeline-page-header, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-page-header { display: flex !important; justify-content: flex-end !important; margin: 0 !important; background: transparent !important; border: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-page-header .gold-btn, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-page-header .gold-btn, html body .members-layout-root .member-platform.editorial-salon .pipeline-crm-inner .gold-btn, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .gold-btn { background: #243D32 !important; border: 0 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; border-radius: 12px !important; min-height: 44px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-board, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-board { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-board-wrap, html body .members-layout-root .member-platform.editorial-salon .pipeline-desktop-layout, html body .members-layout-root .member-platform.editorial-salon .pipeline-main, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-board-wrap, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-desktop-layout, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-main { min-width: 0 !important; max-width: 100% !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column { min-width: 0 !important; min-height: 0 !important; border: 1px solid #8C7B68 !important; border-radius: 18px !important; background: #FBF6EF !important; background-color: #FBF6EF !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column:not(:has(.pipeline-lead-card)), html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column:not(:has(.pipeline-lead-card)) { min-height: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref.ux-ref-page { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-enquiry, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-enquiry, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-consultation, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-consultation, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-quote, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-quote, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-appointment, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-appointment, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-retained, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-retained { background: #FBF6EF !important; background-color: #FBF6EF !important; border: 1px solid #8C7B68 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column.drag-over, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.drag-over { background: #E8DDCD !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-head, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-head { background: transparent !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; box-shadow: none !important; color: #2A2118 !important; border-radius: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-head strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-head strong { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 22px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; text-transform: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-head strong::before, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-head strong::before { content:""; width: 7px; height: 7px; border-radius: 50%; background: #453C32; flex: 0 0 7px; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-consultation .pipeline-column-head strong::before, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-consultation .pipeline-column-head strong::before { background: #A94710; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-quote .pipeline-column-head strong::before, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-quote .pipeline-column-head strong::before { background: #8A6248; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-appointment .pipeline-column-head strong::before, html body .members-layout-root .member-platform.editorial-salon .pipeline-column.stage-retained .pipeline-column-head strong::before, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-appointment .pipeline-column-head strong::before, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column.stage-retained .pipeline-column-head strong::before { background: #243D32; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-body, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-body, html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-body, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-body { display: grid !important; gap: 8px !important; min-width: 0 !important; padding: 10px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-count, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-count { background: #E8DDCD !important; color: #453C32 !important; border: 0 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lead-card { display: grid !important; gap: 6px !important; min-width: 0 !important; padding: 12px !important; border: 0 !important; border-radius: 14px !important; background: #FBF6EF !important; background-color: #FBF6EF !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04) !important; color: #2A2118 !important; text-align: left !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-card:hover, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lead-card:hover { background: #fff !important; } html body .members-layout-root .member-platform.editorial-salon .ux-lead-id strong, html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-interest, html body .members-layout-root .member-platform.editorial-salon .ux-lead-note, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-id strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lead-interest, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-note { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-interest, html body .members-layout-root .member-platform.editorial-salon .ux-lead-time, html body .members-layout-root .member-platform.editorial-salon .ux-lead-contact, html body .members-layout-root .member-platform.editorial-salon .ux-lead-next, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lead-interest, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-time, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-contact, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-next { margin: 0 !important; color: #453C32 !important; font-size: 12px !important; line-height: 1.35 !important; } html body .members-layout-root .member-platform.editorial-salon .ux-lead-contact, html body .members-layout-root .member-platform.editorial-salon .ux-lead-next, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-contact, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-next { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body .members-layout-root .member-platform.editorial-salon .ux-lead-top, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-top { display: flex !important; gap: 10px !important; align-items: center !important; min-width: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .ux-lead-id, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-id { display: grid !important; min-width: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .ux-lead-avatar, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-avatar { display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; flex: 0 0 36px !important; border-radius: 50% !important; background: #E8DDCD !important; color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; } html body .members-layout-root .member-platform.editorial-salon .ux-lead-foot, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-lead-foot { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-badge, html body .members-layout-root .member-platform.editorial-salon .editorial-lead-signal, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lead-badge, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-lead-signal { display: inline-flex !important; width: fit-content !important; max-width: 100% !important; padding: 2px 8px !important; border: 0 !important; border-radius: 999px !important; background: #E8DDCD !important; color: #453C32 !important; font-size: 11px !important; font-weight: 650 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-lead-signal--warm, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-lead-signal--warm { background: #FFFFFF !important; color: #A94710 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-lead-signal--green, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-lead-signal--green { background: #FFFFFF !important; color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-lead-signal--rose, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-lead-signal--rose { background: #FFFFFF !important; color: #B42318 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lead-value, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lead-value { margin-left: auto !important; color: #2A2118 !important; font-variant-numeric: tabular-nums !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-empty, html body .members-layout-root .member-platform.editorial-salon .pipeline-new-empty, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-empty, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-new-empty { border: 0 !important; background: transparent !important; color: #5E5347 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-rail, html body .members-layout-root .member-platform.editorial-salon .pipeline-rail-card, html body .members-layout-root .member-platform.editorial-salon .pipeline-email-setup-entry, html body .members-layout-root .member-platform.editorial-salon .pipeline-kpi-row, html body .members-layout-root .member-platform.editorial-salon .pipeline-kpi-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-email-setup-entry, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-kpi-row, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-kpi-card { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-rail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; margin-top: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-rail-card h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail-card h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 26px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; text-transform: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-rail-item, html body .members-layout-root .member-platform.editorial-salon .pipeline-source-row, html body .members-layout-root .member-platform.editorial-salon .pipeline-lost-row, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail-item, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-source-row, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lost-row { border-bottom: 1px solid #CFC1AF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer, html body .members-layout-root .member-platform.editorial-salon .crm-modal, html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-stage-sheet { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; box-shadow: 0 16px 40px rgba(62, 44, 28, 0.12) !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto !important; width: min(520px, 100vw) !important; height: 100% !important; max-height: 100dvh !important; overflow: hidden !important; border-radius: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer-body, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer-body { overflow: auto !important; min-height: 0 !important; background: transparent !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-modal, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal { width: min(640px, calc(100vw - 32px)) !important; max-height: calc(100dvh - 48px) !important; overflow: auto !important; border-radius: 22px !important; } html body .members-layout-root .member-platform.editorial-salon .crm-modal h3, html body .members-layout-root .member-platform.editorial-salon .crm-drawer h3, html body .members-layout-root .member-platform.editorial-salon .editorial-client-form legend, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-modal h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal h3 { font-size: 32px !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer input, html body .members-layout-root .member-platform.editorial-salon .crm-drawer textarea, html body .members-layout-root .member-platform.editorial-salon .crm-drawer select, html body .members-layout-root .member-platform.editorial-salon .crm-modal input, html body .members-layout-root .member-platform.editorial-salon .crm-modal textarea, html body .members-layout-root .member-platform.editorial-salon .crm-modal select, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer input, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer textarea, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer select, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal input, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal textarea, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal select { width: 100%; min-height: 44px; border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: #FBF6EF !important; color: #2A2118 !important; box-shadow: none !important; color-scheme: light; } html body .members-layout-root .member-platform.editorial-salon .danger-outline-btn, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .danger-outline-btn { background: transparent !important; color: #B42318 !important; border: 1px solid #B42318 !important; border-radius: 12px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .member-ui-loading, html body .members-layout-root .member-platform.editorial-salon .ux-pipeline-error, html body .members-layout-root .member-platform.editorial-salon .crm-toast, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .member-ui-loading, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .ux-pipeline-error, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-toast { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 16px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-accord, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-accord { display: grid !important; gap: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-stage, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-stage { border: 1px solid #8C7B68 !important; border-radius: 16px !important; background: #FBF6EF !important; background-color: #FBF6EF !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; color: #2A2118 !important; overflow: hidden !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-stage.is-collapsed.is-empty, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-stage.is-collapsed.is-empty { background: #EEE5D8 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-head, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; min-height: 52px !important; padding: 10px 14px !important; background: transparent !important; color: #2A2118 !important; border: 0 !important; text-align: left !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-head strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-head strong { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 22px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-meta, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-meta { display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: 0 0 auto !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-count, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-count { display: inline-flex !important; align-items: center !important; min-height: 28px !important; padding: 0 10px !important; border-radius: 999px !important; background: #E8DDCD !important; color: #2A2118 !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-toggle, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-toggle { color: #453C32 !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 13px !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column-empty, html body .members-layout-root .member-platform.editorial-salon .pipeline-new-empty, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column-empty, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-new-empty { margin: 0 !important; padding: 4px 6px 12px !important; color: #453C32 !important; font-size: 13px !important; line-height: 1.4 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-new-empty strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-new-empty strong { display: block !important; margin-bottom: 4px !important; color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 18px !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-new-empty p, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-new-empty p { margin: 0 !important; color: #453C32 !important; } @media (max-width: 1180px) { html body .members-layout-root .member-platform.editorial-salon .pipeline-board, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-board { display: flex !important; overflow-x: auto !important; padding-bottom: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-column, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-column { flex: 0 0 240px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-rail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail, html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics { grid-template-columns: 1fr 1fr !important; } } html body .members-layout-root .member-platform.editorial-salon .pipeline-email-setup-entry, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-email-setup-entry { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; background: transparent !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-email-setup-entry p, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-email-setup-entry p, html body .members-layout-root .member-platform.editorial-salon .pipeline-email-setup-entry strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-email-setup-entry strong { display: block !important; color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lost-toggle, html body .members-layout-root .member-platform.editorial-salon .pipeline-move-btn, html body .members-layout-root .member-platform.editorial-salon .pipeline-abby-chip, html body .members-layout-root .member-platform.editorial-salon .pipeline-quiet-link, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lost-toggle, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-move-btn, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-abby-chip, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-quiet-link { background: transparent !important; color: #2A2118 !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-lost-toggle, html body .members-layout-root .member-platform.editorial-salon .pipeline-move-btn, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-lost-toggle, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-move-btn { border: 1px solid #8C7B68 !important; min-height: 44px !important; } html body .members-layout-root .member-platform.editorial-salon .crm-detail-field span, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-detail-field span { display: block !important; color: #5E5347 !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0.01em !important; text-transform: none !important; } html body .members-layout-root .member-platform.editorial-salon .crm-detail-field p, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-detail-field p { margin: 2px 0 0 !important; color: #2A2118 !important; text-transform: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-drawer-section h4, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-drawer-section h4, html body .members-layout-root .member-platform.editorial-salon .crm-drawer h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -0.02em !important; text-transform: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .crm-drawer h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer h3 { font-size: 28px !important; line-height: 1.15 !important; overflow-wrap: anywhere !important; white-space: normal !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-drawer-section, html body .members-layout-root .member-platform.editorial-salon .pipeline-history-item, html body .members-layout-root .member-platform.editorial-salon .pipeline-reply-settings, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-drawer-section, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-history-item, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-reply-settings { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-drawer-section, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-drawer-section { border-bottom: 1px solid #CFC1AF !important; padding-bottom: 14px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-panel a, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-panel a, html body .members-layout-root .member-platform.editorial-salon .crm-drawer a, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer a { color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-stage-sheet { background: #FBF6EF !important; color: #2A2118 !important; border: 0 !important; border-top: 1px solid #CFC1AF !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet h4, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-stage-sheet h4 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-stage-sheet button { background: transparent !important; color: #2A2118 !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; min-height: 44px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet button.current, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-stage-sheet button.current { color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-money span, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-money span { background: #E8DDCD !important; color: #453C32 !important; border-color: #8C7B68 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-enquiry-status, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-enquiry-status { display: grid !important; gap: 6px !important; margin: 0 !important; color: #453C32 !important; font-size: 13px !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-enquiry-status strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-enquiry-status strong { min-height: 44px !important; display: flex !important; align-items: center !important; color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 22px !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-panel :focus-visible, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-panel :focus-visible, html body .members-layout-root .member-platform.editorial-salon .crm-drawer :focus-visible, html body .members-layout-root .member-platform.editorial-salon .crm-modal :focus-visible, html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet :focus-visible { outline: 2px solid #243D32 !important; outline-offset: 2px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-stage:has(.pipeline-mobile-body), html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-stage:has(.pipeline-mobile-body) { border: 1px solid #8C7B68 !important; background: #E8DDCD !important; background-color: #E8DDCD !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-body:not(:has(.pipeline-lead-card)), html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-body:not(:has(.pipeline-lead-card)) { padding: 0 12px 12px !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-mobile-body .pipeline-lead-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-mobile-body .pipeline-lead-card { background: #FBF6EF !important; color: #2A2118 !important; } @media (max-width: 860px) { html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient { min-height: 0 !important; margin: 0 0 10px !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__photo, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient::after { display: none !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__copy { padding-top: 0 !important; max-width: none !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__subtitle { display: none !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .editorial-ambient__title { font-size: 28px !important; line-height: 1.05 !important; max-width: none !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .pipeline-page-header { margin: 0 !important; gap: 8px !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .pipeline-page-header h1, html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=pipeline] .pipeline-page-header > div > p { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-email-setup-entry p, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-email-setup-entry p { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__detail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__detail { overflow-wrap: normal !important; word-break: normal !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics { grid-template-columns: 1fr 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .pipeline-rail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-rail { grid-template-columns: 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .crm-modal-overlay, html body .members-layout-root .member-platform.editorial-salon .crm-drawer-overlay, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal-overlay, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer-overlay { align-items: flex-end !important; justify-content: stretch !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; min-height: 0 !important; padding: 14px 12px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__icon, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__icon { width: 28px !important; height: 28px !important; flex-basis: 28px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__value, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__value { font-size: 32px !important; } html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__label, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__label, html body .members-layout-root .member-platform.editorial-salon .editorial-pipeline-metrics .editorial-metric__detail, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .editorial-pipeline-metrics .editorial-metric__detail { overflow-wrap: normal !important; word-break: normal !important; } html body .members-layout-root .member-platform.editorial-salon .crm-modal, html body .members-layout-root .member-platform.editorial-salon .crm-drawer, html body .members-layout-root .member-platform.editorial-salon .pipeline-stage-sheet, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-modal, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .crm-drawer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .pipeline-panel.ux-ref .pipeline-stage-sheet { width: 100% !important; max-height: min(92dvh, 100%) !important; border-radius: 22px 22px 0 0 !important; } } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=services].editorial-ambient { min-height: 156px; margin: 0 0 8px; padding: 10px 4px 4px; overflow: hidden; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=services] .editorial-ambient__copy { max-width: 720px; padding-top: 2px; z-index: 2; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=services] .editorial-ambient__eyebrow { margin-bottom: 8px; font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=services] .editorial-ambient__title { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: clamp(52px, 4.2vw, 68px) !important; font-weight: 500 !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=services] .editorial-ambient__subtitle { max-width: 46ch; color: #453C32 !important; font-size: 16px !important; line-height: 1.45 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services > .member-command-header .mch-title-block, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services > .member-command-header .mch-command-left, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services > .member-command-header [class*=status] { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services > .member-command-header, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .member-command-header-nav { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 0 8px !important; padding: 0 !important; min-height: 0 !important; position: static !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-tab-nav.member-workspace-hub--compact { display: flex !important; flex-wrap: wrap !important; gap: 4px 14px !important; width: 100% !important; margin: 0 !important; padding: 0 0 10px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; box-shadow: none !important; overflow: visible !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-tab-nav.member-workspace-hub--compact button { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; min-height: 32px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #5E5347 !important; -webkit-text-fill-color: #5E5347 !important; font-size: 13px !important; font-weight: 560 !important; letter-spacing: 0.01em !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-tab-nav.member-workspace-hub--compact button.is-active { color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; background: transparent !important; border: 0 !important; box-shadow: inset 0 0 0 2px #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-wizard--services-console .settings-mobile-steps, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-wizard--services-console .settings-tip-box, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-wizard--services-console .settings-complete-banner, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-wizard--services-console .settings-readiness, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-wizard--services-console .settings-readiness-panel, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-services-console-card > .more-workspace-back-link { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card { --services-canvas: #F3EBDF !important; --services-shell: #E8DDCD !important; --services-panel: transparent !important; --services-raised: #E8DDCD !important; --services-border: #8C7B68 !important; --services-heading: #2A2118 !important; --services-body: #453C32 !important; --services-muted: #5E5347 !important; --services-action: #243D32 !important; --surface-app: #F3EBDF !important; --surface-canvas: #F3EBDF !important; --surface-panel: transparent !important; --surface-supporting: transparent !important; --surface-raised: #E8DDCD !important; --surface-inset: #E8DDCD !important; --surface-input: #FBF6EF !important; --text-primary: #2A2118 !important; --text-secondary: #453C32 !important; --text-muted: #5E5347 !important; --border-default: #8C7B68 !important; --app-heading: #2A2118 !important; --app-body-text: #453C32 !important; --app-muted-text: #5E5347 !important; --action-primary: #243D32 !important; --action-primary-text: #FBF6EF !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-workspace { display: grid !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-workspace, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .service-command-centre-host, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-grid, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { min-width: 0 !important; max-width: 100% !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-legacy-list, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-legacy-empty, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .canonical-add-service-trigger { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .service-command-centre-host { display: grid !important; gap: 28px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc { order: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp { order: 1 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm { order: 2 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons { order: 3 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-console { order: 1 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-legacy-stack { order: 2 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-library { order: 4 !important; margin-top: 8px !important; border: 0 !important; border-top: 1px solid #CFC1AF !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp { --line: #CFC1AF !important; --panel: transparent !important; --inset: #FBF6EF !important; --accent: #243D32 !important; display: grid !important; gap: 18px !important; background: transparent !important; container-type: inline-size; container-name: services-editor; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-hero { display: flex !important; align-items: flex-end !important; justify-content: flex-end !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-hero h3, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-hero > div > span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-hero > div > p:not(.ux-preview-banner) { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-stats { display: flex !important; gap: 22px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-stats > div { min-width: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-stats b { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 28px !important; font-weight: 500 !important; line-height: 1 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-stats small { margin-top: 4px !important; color: #453C32 !important; font-size: 12px !important; font-weight: 560 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-grid { display: grid !important; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.55fr) minmax(0, 0.95fr) !important; gap: 28px !important; align-items: start !important; width: 100% !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library { position: sticky !important; top: 12px !important; max-height: calc(100vh - 96px) !important; overflow: auto !important; padding-right: 4px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { display: grid !important; position: sticky !important; top: 12px !important; width: auto !important; max-width: none !important; max-height: min(720px, calc(100vh - 180px)) !important; overflow: auto !important; gap: 16px !important; padding-bottom: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-search input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp select, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp textarea, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc select, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc textarea, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm select, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam select, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam textarea, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup select, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup textarea { width: 100% !important; min-height: 44px !important; padding: 10px 12px !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: #FBF6EF !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; box-shadow: none !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 15px !important; font-weight: 450 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp textarea, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc textarea, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam textarea { min-height: 96px !important; line-height: 1.45 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp input:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp select:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp textarea:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc input:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc select:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm input:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm select:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam input:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam select:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam textarea:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup input:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup select:focus, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup textarea:focus { outline: 2px solid #243D32 !important; outline-offset: 1px !important; border-color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp label, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc label, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm label, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam label { color: #2A2118 !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0.01em !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-statuses, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-category-list { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-category-list button { display: inline-flex !important; align-items: center !important; gap: 6px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-statuses button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-category-list button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library-add, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-order button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-secondary, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-form-actions button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-quick button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons summary { min-height: 36px !important; border-radius: 999px !important; border: 1px solid transparent !important; background: transparent !important; color: #453C32 !important; -webkit-text-fill-color: #453C32 !important; box-shadow: none !important; font-size: 13px !important; font-weight: 600 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-statuses button.active, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-category-list button.active { background: #E8DDCD !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border-color: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-category-list b { color: #5E5347 !important; font-size: 12px !important; font-weight: 600 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list { display: grid !important; gap: 2px !important; overflow: visible !important; max-height: none !important; padding-top: 10px !important; border-top: 1px solid #CFC1AF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list > button { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; width: 100% !important; flex: none !important; min-height: 58px !important; padding: 8px 10px !important; border: 0 !important; border-radius: 14px !important; background: transparent !important; text-align: left !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list > button.active { background: #E8DDCD !important; border: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list strong { display: -webkit-box !important; overflow: hidden !important; white-space: normal !important; text-overflow: unset !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; color: #2A2118 !important; font-size: 14px !important; font-weight: 640 !important; line-height: 1.3 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list small { color: #453C32 !important; font-size: 12px !important; line-height: 1.35 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list i { width: 8px !important; height: 8px !important; background: #5E5347 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list i.live { background: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list i.hidden { background: #A94710 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list i.off { background: #B42318 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library-add, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-empty-cta, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-primary, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc .csc-actions button[type=submit], html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-new-category > button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-primary, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-primary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important; background: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library-add { width: 100% !important; margin-top: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 12px !important; padding: 0 0 8px !important; border: 0 !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-head span { color: #5E5347 !important; font-size: 12px !important; letter-spacing: 0.12em !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-head h4, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-body h4, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-head h3, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-head h3 { margin: 2px 0 0 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 32px !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #2A2118 !important; overflow-wrap: anywhere !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-body h4, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-head h3, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-head h3 { font-size: 26px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-order button { width: 36px !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-columns { display: flex !important; flex-direction: column !important; gap: 8px !important; grid-template-columns: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-column { display: contents !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-column:first-child > .sccp-section:first-child { order: 1 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-column:last-child > .sccp-section:first-child { order: 2 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-column:first-child > .sccp-section:last-child { order: 3 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-column:last-child > .sccp-section:last-child { order: 4 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-section, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-status-summary, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-quick, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-row, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-form, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-variant-form, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-variant-list article { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-section { display: grid !important; gap: 12px !important; padding: 18px 0 8px !important; border-top: 1px solid #CFC1AF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-section-title > span { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-section-title h5, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-status-summary h5, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-head span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-head span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-head span { margin: 0 !important; color: #5E5347 !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-section-title p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-head p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-head p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-head p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons summary small { color: #453C32 !important; font-size: 13px !important; line-height: 1.45 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-column:first-child > .sccp-section:first-child > .sccp-fields.two:nth-child(2) { grid-template-columns: minmax(0, 1fr) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.four { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-money, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-money, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-money { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; min-height: 44px !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: #FBF6EF !important; overflow: hidden !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-money > span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-money > span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-money > span { padding-left: 12px !important; color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-money input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-money input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-money input { border: 0 !important; background: transparent !important; box-shadow: none !important; min-height: 42px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-money:focus-within, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-money:focus-within, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-money:focus-within { border-color: #243D32 !important; box-shadow: 0 0 0 2px rgba(62, 81, 72, 0.18) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-segmented { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-segmented button { min-height: 64px !important; padding: 10px 12px !important; border: 1px solid #8C7B68 !important; border-radius: 14px !important; background: #FBF6EF !important; color: #2A2118 !important; text-align: left !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-segmented button.active { background: #E8DDCD !important; border-color: #243D32 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-segmented small { color: #453C32 !important; font-size: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-timeline { min-height: 64px !important; border: 1px solid #CFC1AF !important; border-radius: 14px !important; overflow: hidden !important; background: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-timeline div { min-width: 0 !important; background: transparent !important; border-right: 1px solid #CFC1AF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-timeline .processing { background: #E8DDCD !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-toggles { grid-template-columns: 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-toggles label, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-capacity-note, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-safety, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-health { padding: 12px 14px !important; border: 0 !important; border-radius: 14px !important; background: #E8DDCD !important; color: #2A2118 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-toggles small, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-capacity-note span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-health span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-safety span { color: #453C32 !important; font-size: 13px !important; line-height: 1.45 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp input[type=checkbox], html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc input[type=checkbox], html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm input[type=checkbox], html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam input[type=checkbox], html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup input[type=checkbox] { width: 18px !important; height: 18px !important; min-height: 18px !important; accent-color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-save { position: static !important; display: flex !important; justify-content: space-between !important; gap: 12px !important; align-items: center !important; margin-top: 8px !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid #CFC1AF !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-save span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-message { color: #453C32 !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-health.warn { background: #FFFFFF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-health.good { background: #FFFFFF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-status-summary ul { gap: 8px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-status-summary li { font-size: 14px !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-status-summary li span { color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-head { padding: 0 0 8px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-head i { background: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-body { display: grid !important; gap: 10px !important; padding: 16px !important; border-radius: 18px !important; background: #FBF6EF !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-body > small { color: #5E5347 !important; letter-spacing: 0.12em !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-body p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-preview-options small { color: #453C32 !important; font-size: 14px !important; line-height: 1.5 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-phone-body > button { min-height: 44px !important; border: 0 !important; border-radius: 12px !important; background: #243D32 !important; color: #FBF6EF !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-consult { background: #FFFFFF !important; color: #2A2118 !important; border-radius: 12px !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-quick { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; padding: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-quick .sccp-primary { grid-column: 1 / -1 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-quick button:not(.sccp-primary) { border: 1px solid #8C7B68 !important; border-radius: 12px !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .danger, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp .danger, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam .danger { color: #B42318 !important; -webkit-text-fill-color: #B42318 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-loading, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-empty { padding: 8px 0 12px !important; border: 0 !important; background: transparent !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-empty strong { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 28px !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-empty span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-service-list p { color: #453C32 !important; font-size: 15px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc { display: grid !important; gap: 14px !important; padding: 4px 0 8px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-head { align-items: flex-start !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-close { width: 36px !important; height: 36px !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: transparent !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-grid { grid-template-columns: 1fr 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-new-category { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important; gap: 10px !important; padding: 12px !important; border-radius: 16px !important; background: #E8DDCD !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-error, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sam-error { color: #B42318 !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm { display: grid !important; gap: 12px !important; padding: 18px 0 0 !important; border-top: 1px solid #CFC1AF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-head h3 { font-size: 28px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-row { margin-left: min(calc(var(--category-depth, 0) * 16px), 64px) !important; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; background: transparent !important; min-height: 52px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-copy strong { font-size: 15px !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-copy p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-copy small, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-muted { color: #453C32 !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-copy .live { background: #FFFFFF !important; color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-copy .hidden { background: #FFFFFF !important; color: #A94710 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-create, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-edit, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-reassign, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-notice, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-empty { padding: 12px !important; border-radius: 16px !important; background: #E8DDCD !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons { border-top: 1px solid #CFC1AF !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons summary { min-height: 52px !important; padding: 8px 0 !important; border-radius: 0 !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons summary strong { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 22px !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .global-addons summary b { background: #E8DDCD !important; color: #2A2118 !important; border-radius: 10px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .settings-services-library summary { cursor: pointer !important; color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 22px !important; font-weight: 500 !important; padding: 16px 0 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup { color: #2A2118 !important; --catalogue-accent: #243D32 !important; --catalogue-soft: #E8DDCD !important; --catalogue-border: #8C7B68 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup-actions > button, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-select-tools > button { border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: transparent !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup button.is-active, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-result.is-selected, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-product-card.is-selected { background: #E8DDCD !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border-color: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-result, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-search-row, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup:has(.catalogue-category-chips[aria-label="Service menu categories"]) > .catalogue-category-chips, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup:has(.catalogue-category-chips[aria-label="Service menu categories"]) > .catalogue-search-row { background: #FBF6EF !important; border-color: #CFC1AF !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-result-copy span, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup-head p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-notice { color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm { display: grid !important; gap: 10px !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-head h6 { font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 12px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #5E5347 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-head p, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-hint, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-muted { color: #453C32 !important; font-size: 13px !important; line-height: 1.45 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm button { min-height: 36px !important; border-radius: 12px !important; border: 1px solid #8C7B68 !important; background: transparent !important; color: #2A2118 !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm .primary, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-head > button { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm input, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm select, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm textarea { min-height: 44px !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; background: #FBF6EF !important; color: #2A2118 !important; font-size: 15px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-form, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-notice, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .scgm-group { background: #E8DDCD !important; border: 0 !important; border-radius: 16px !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-step-actions button, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-step-actions .continue, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .member-save-actions button { background: #243D32 !important; background-image: none !important; border: 0 !important; border-radius: 12px !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; box-shadow: none !important; min-height: 42px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-services-refresh-error, html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services [data-testid=settings-save-error] { color: #B42318 !important; background: #FFFFFF !important; border-radius: 14px !important; padding: 10px 12px !important; } @container services-editor (max-width: 980px) { html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-grid { grid-template-columns: minmax(0, 240px) minmax(0, 1fr) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { grid-column: 1 / -1 !important; position: static !important; max-height: none !important; width: auto !important; } } @container services-editor (max-width: 680px) { html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-grid, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.two, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.three, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.four, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-segmented { grid-template-columns: minmax(0, 1fr) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { position: static !important; max-height: none !important; } } @media (max-width: 1179px) { html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-grid { grid-template-columns: minmax(0, 240px) minmax(0, 1fr) !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { grid-column: 1 / -1 !important; position: static !important; max-height: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-head h4 { font-size: 28px !important; } } @media (max-width: 860px) { html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=services] .editorial-ambient__title { font-size: 40px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-grid, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.two, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.three, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-fields.four, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-segmented, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-grid, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-new-category, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-quick { grid-template-columns: 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-library, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-rail { position: static !important; max-height: none !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-hero { justify-content: flex-start !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-editor-head h4, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .smcm-head h3 { font-size: 28px !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-save, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-actions { display: grid !important; grid-template-columns: 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .sccp-save .sccp-primary, html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .csc-actions button { width: 100% !important; } html body .members-layout-root .member-platform.editorial-salon .settings-panel.member-settings-workspace .settings-card.settings-services-console-card .catalogue-fast-setup:has(.catalogue-category-chips[aria-label="Service menu categories"]) { grid-template-columns: 1fr !important; } } @media (max-width: 900px) { html body .members-layout-root .member-platform.editorial-salon .settings-panel--editorial-services .settings-tab-nav.member-workspace-hub--compact { gap: 2px 12px !important; } } html body .members-layout-root:has(.member-platform.editorial-salon) .services-delete-dialog .chairos-modal__body, html body .members-layout-root:has(.member-platform.editorial-salon) .services-delete-dialog .muted, html body .members-layout-root:has(.member-platform.editorial-salon) .services-delete-dialog strong { color: #453C32 !important; -webkit-text-fill-color: #453C32 !important; } html body .members-layout-root:has(.member-platform.editorial-salon) .services-delete-dialog .chairos-btn, html body .members-layout-root:has(.member-platform.editorial-salon) .services-delete-dialog .settings-btn-secondary { background: transparent !important; background-color: transparent !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; box-shadow: none !important; min-height: 44px !important; } html body .members-layout-root:has(.member-platform.editorial-salon) .services-delete-dialog .settings-btn-danger { color: #B42318 !important; -webkit-text-fill-color: #B42318 !important; border-color: #B42318 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products].editorial-ambient { min-height: 156px; margin: 0 0 8px; padding: 10px 4px 4px; overflow: hidden; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__copy { max-width: 720px; padding-top: 2px; z-index: 2; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__eyebrow { margin-bottom: 8px; font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__title { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: clamp(52px, 4.2vw, 68px) !important; font-weight: 500 !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__subtitle { max-width: 46ch; color: #453C32 !important; font-size: 16px !important; line-height: 1.45 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__photo { top: -36px; right: -1%; width: min(680px, 48%); height: 280px; background: url('/editorial/salon-atmosphere.jpg') 68% 34% / cover no-repeat !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.45) 22%, #000 40%, #000 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.45) 22%, #000 40%, #000 82%, transparent 100%); } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products].editorial-ambient::after { content:""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(180deg, rgba(246, 241, 232, 0) 0%, #F3EBDF 88%); pointer-events: none; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page { background: transparent !important; color: #2A2118 !important; overflow-x: clip; padding: 0 0 28px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-command-header, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-command-header-nav { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 0 8px !important; padding: 0 !important; min-height: 0 !important; position: static !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mch-title-block, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-page-title, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-page-subtitle, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-context-label { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-nav { display: flex !important; flex-wrap: wrap !important; gap: 4px 18px !important; width: 100% !important; margin: 0 !important; padding: 0 0 10px !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-tab { min-width: 0 !important; min-height: 36px !important; padding: 6px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #453C32 !important; -webkit-text-fill-color: #453C32 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 560 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-tab.is-active { background: transparent !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; box-shadow: inset 0 0 0 2px #2A2118 !important; border-radius: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-tab:focus-visible { outline: 2px solid #243D32 !important; outline-offset: 3px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-panel, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-offers-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .shopify-connection-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .shopify-reconcile-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .product-store-onboarding, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .existing-site-setup { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; color: #2A2118 !important; padding: 8px 0 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-intro h3, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-card-head h3, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-card-heading, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-fast-setup h3, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-guidance h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: #2A2118 !important; font-size: 28px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-field-hint, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .muted, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-card-desc, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-note, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-notice { color: #453C32 !important; background: transparent !important; border: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-note { padding: 0 0 8px !important; font-size: 13px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-switch { gap: 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-switch button { min-height: 32px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #5E5347 !important; box-shadow: none !important; font-weight: 560 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-switch button.is-active { color: #2A2118 !important; background: transparent !important; box-shadow: inset 0 0 0 2px #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .tbb-btn-primary, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-btn-primary, html body .members-layout-root .member-platform.editorial-salon .products-offers-page button.primary, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-primary, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-add-product { background: #243D32 !important; background-image: none !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; border-radius: 12px !important; box-shadow: none !important; min-height: 40px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .tbb-btn-secondary, html body .members-layout-root .member-platform.editorial-salon .products-offers-page button.secondary, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-edit, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-select-all, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-smartbar button, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-offer-actions button { background: transparent !important; border: 1px solid #8C7B68 !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border-radius: 12px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page button.danger, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-offer-actions button.danger { color: #B42318 !important; -webkit-text-fill-color: #B42318 !important; border-color: #B42318 !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio { gap: 18px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-metrics { display: flex !important; flex-wrap: wrap !important; gap: 18px 28px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-metric { display: grid !important; gap: 2px !important; min-width: 120px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-metric span { color: #5E5347 !important; font-size: 11px !important; letter-spacing: 0.08em !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-metric strong { color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 28px !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-metric small { color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-toolbar { display: grid !important; grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(140px, 0.7fr)) !important; gap: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-toolbar label span, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-field label, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-field .label, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .ux-form-group-label { color: #453C32 !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0.04em !important; text-transform: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page input:not([type=checkbox]):not([type=radio]), html body .members-layout-root .member-platform.editorial-salon .products-offers-page select, html body .members-layout-root .member-platform.editorial-salon .products-offers-page textarea, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-toolbar input, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-toolbar select, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-price-input, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-bulk-value { background: #FBF6EF !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; box-shadow: none !important; min-height: 42px !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page input[type=number], html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal input[type=number] { appearance: textfield !important; -moz-appearance: textfield !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page input[type=number]::-webkit-outer-spin-button, html body .members-layout-root .member-platform.editorial-salon .products-offers-page input[type=number]::-webkit-inner-spin-button, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal input[type=number]::-webkit-outer-spin-button, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page input:focus, html body .members-layout-root .member-platform.editorial-salon .products-offers-page select:focus, html body .members-layout-root .member-platform.editorial-salon .products-offers-page textarea:focus, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-price-input:focus { outline: 2px solid #243D32 !important; outline-offset: 1px !important; border-color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-price-field { display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: 42px !important; padding: 0 10px !important; border: 1px solid transparent !important; border-radius: 12px !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-price-field:focus-within, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-price-input.is-dirty { border-color: #243D32 !important; background: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-price-input.is-invalid { border-color: #B42318 !important; color: #B42318 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-price-field .haircare-studio-price-input { width: 88px !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-smartbar { align-items: center !important; gap: 8px !important; padding: 8px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table-wrap { overflow: auto !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table { min-width: 920px !important; border-collapse: collapse !important; background: transparent !important; border: 0 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table th { position: sticky !important; top: 0 !important; padding: 10px 12px 10px 0 !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; background: #F3EBDF !important; color: #5E5347 !important; font-size: 11px !important; letter-spacing: 0.08em !important; font-weight: 650 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table td { padding: 16px 12px 16px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; background: transparent !important; color: #453C32 !important; vertical-align: middle !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table tbody tr:hover, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table tr.is-selected { background: #FBF6EF !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-product { grid-template-columns: 48px minmax(160px, 1fr) !important; gap: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-thumb { width: 48px !important; height: 56px !important; border: 0 !important; border-radius: 10px !important; background: #E8DDCD !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-thumb img { background: #EEE5D8 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-product-copy strong { color: #2A2118 !important; font-size: 15px !important; font-weight: 600 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-product-copy span, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-margin span, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-footer { color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-badge { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #453C32 !important; font-size: 13px !important; font-weight: 560 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-badge.good { color: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-badge.warn { color: #A94710 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-cards { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-card { display: grid !important; gap: 10px !important; padding: 16px 0 !important; border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; background: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-card dl { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px 16px !important; margin: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-card dt { color: #5E5347 !important; font-size: 11px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-card dd { margin: 2px 0 0 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-card-actions { display: flex !important; justify-content: space-between !important; align-items: center !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-offers-list, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-list { display: grid !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-offer-row, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-card { display: grid !important; gap: 6px !important; padding: 16px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-empty, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mui-empty, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-empty, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-notice { background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #453C32 !important; text-align: left !important; padding: 12px 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-empty-copy, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mui-empty strong, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .platform-empty-state strong { color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .member-toast { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-error, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-error { color: #B42318 !important; background: #FFFFFF !important; border: 0 !important; border-radius: 12px !important; padding: 10px 12px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-fast-setup, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-product-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-brand-group, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-result, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .product-store-option, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .shopify-reconcile-item, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-stat-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-guidance { background: transparent !important; color: #2A2118 !important; border-color: #CFC1AF !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-category-chips button, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-import-tabs button, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-stat-card { background: transparent !important; color: #453C32 !important; border: 1px solid #CFC1AF !important; border-radius: 999px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-category-chips button.is-active, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-import-tabs button.is-active, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mbs-stat-card.active { background: #E8DDCD !important; color: #2A2118 !important; border-color: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-product-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 12px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-product-card, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-result { border: 0 !important; border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; border-radius: 0 !important; padding: 12px 0 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-product-card.is-selected, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .catalogue-result.is-selected, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .shopify-reconcile-item.is-selected { background: #FBF6EF !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .products-editorial-dialog { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 22px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; max-height: calc(100dvh - 32px) !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal-backdrop { background: rgba(42, 33, 24, 0.28) !important; align-items: start !important; padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal__title { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; font-size: 32px !important; color: #2A2118 !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal__body, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .muted, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal p, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal label { color: #453C32 !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal input, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal select, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal textarea { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal button.primary, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-btn-primary, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .chairos-btn--primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; border-radius: 12px !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal button.secondary, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-btn-secondary, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .tbb-btn-secondary, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .retail-photo-actions button { width: fit-content !important; background: transparent !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; box-shadow: none !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .retail-photo-preview { background: #E8DDCD !important; color: #5E5347 !important; border: 0 !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-money span { background: #E8DDCD !important; color: #453C32 !important; border-color: #8C7B68 !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-toggle span { background: #E8DDCD !important; border: 1px solid #8C7B68 !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-toggle span:before { background: #FBF6EF !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-toggle input:checked + span { background: #243D32 !important; border-color: #243D32 !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-toggle input:checked + span:before { background: #FBF6EF !important; } html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal button.danger, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .chairos-modal .settings-btn-danger { background: transparent !important; color: #B42318 !important; -webkit-text-fill-color: #B42318 !important; border-color: #B42318 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-modal-backdrop { background: rgba(42, 33, 24, 0.28) !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-modal { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #CFC1AF !important; border-radius: 22px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; max-height: calc(100dvh - 32px) !important; overflow: auto !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-modal h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-overlay, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-overlay { background: rgba(42, 33, 24, 0.28) !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-modal, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-modal, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-header, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-footer, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-header, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-footer { background: #FBF6EF !important; color: #2A2118 !important; border-color: #CFC1AF !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-modal, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-modal { border-radius: 22px !important; box-shadow: 0 1px 2px rgba(62, 44, 28, 0.04), 0 12px 32px rgba(62, 44, 28, 0.05) !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-tabs button, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-tabs button, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-upload-zone, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-upload-zone, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-grid-card, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-grid-card { background: transparent !important; color: #453C32 !important; border-color: #8C7B68 !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-tabs button.active, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-tabs button.active { background: #E8DDCD !important; color: #2A2118 !important; border-color: transparent !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .mmp-header h2, html body .members-layout-root:has(.member-platform.editorial-salon [data-editorial-page=products]) .mmp-header h2 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; color: #2A2118 !important; } @media (max-width: 1100px) { html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-toolbar { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 860px) { html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient { min-height: 0 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__copy { max-width: none !important; padding: 58px 0 0 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__eyebrow { position: absolute; top: 8px; left: 0; margin: 0 !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__title { font-size: 40px !important; } html body .members-layout-root .member-platform.editorial-salon [data-editorial-page=products] .editorial-ambient__photo { width: 148px !important; height: 64px !important; top: 0 !important; right: -8px !important; opacity: 0.92 !important; -webkit-mask-image: linear-gradient(100deg, transparent 0%, rgba(0, 0, 0, 0.35) 22%, #000 48%, #000 100%) !important; mask-image: linear-gradient(100deg, transparent 0%, rgba(0, 0, 0, 0.35) 22%, #000 48%, #000 100%) !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-table-wrap { display: none !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-cards { display: grid !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-toolbar, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-studio-card dl { grid-template-columns: 1fr !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .products-offers-nav { flex-wrap: nowrap !important; overflow-x: auto !important; gap: 16px !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-workspace-intro { display: grid !important; } html body .members-layout-root .member-platform.editorial-salon .products-offers-page .haircare-add-product, html body .members-layout-root .member-platform.editorial-salon .products-offers-page .settings-card-head > button { width: 100% !important; } } /* Beat the ux-reference sheet. Scoped to Products so locked pages stay untouched. */ html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) { background: #F3EBDF !important; background-color: #F3EBDF !important; background-image: none !important; color: #2A2118 !important; color-scheme: light !important; --text: #2A2118 !important; --muted: #5E5347 !important; --text-primary: #2A2118 !important; --text-secondary: #453C32 !important; --surface: #FBF6EF !important; --surface-app: #F3EBDF !important; --surface-canvas: #F3EBDF !important; --surface-page: #F3EBDF !important; --surface-workspace: #F3EBDF !important; --surface-shell: #9EAD98 !important; --surface-panel: #FBF6EF !important; --surface-elevated: #FBF6EF !important; --surface-inset: #E8DDCD !important; --surface-input: #FBF6EF !important; --surface-supporting: #FBF6EF !important; --surface-raised: #FBF6EF !important; --surface-subtle: #E8DDCD !important; --surface-muted: #9EAD98 !important; --surface-nested: #E8DDCD !important; --surface-border: #8C7B68 !important; --border: #CFC1AF !important; --border-default: #8C7B68 !important; --border-strong: #8C7B68 !important; --settings-border: #8C7B68 !important; --d0: #F3EBDF !important; --d1: #FBF6EF !important; --d2: #E8DDCD !important; --d3: #E8DDCD !important; --bg: #F3EBDF !important; --near: #FBF6EF !important; --faint: #FBF6EF !important; --app-bg: #F3EBDF !important; --app-surface: #FBF6EF !important; --app-surface-raised: #FBF6EF !important; --app-surface-muted: #9EAD98 !important; --app-heading: #2A2118 !important; --app-body-text: #453C32 !important; --app-muted-text: #5E5347 !important; --app-border: #CFC1AF !important; --member-final-shell: #9EAD98 !important; --member-final-panel: #FBF6EF !important; --member-final-raised: #FBF6EF !important; --member-final-inset: #E8DDCD !important; --member-final-workspace: #F3EBDF !important; --member-depth-shell: #9EAD98 !important; --member-depth-panel: #FBF6EF !important; --member-depth-raised: #FBF6EF !important; --member-depth-inset: #E8DDCD !important; --member-depth-workspace: #F3EBDF !important; --workflow-gold: #2A2118 !important; --gold: #2A2118 !important; --state-success: #243D32 !important; --ux-canvas: #F3EBDF !important; --ux-shell: #9EAD98 !important; --ux-header: #9EAD98 !important; --ux-workspace: #F3EBDF !important; --ux-panel: #FBF6EF !important; --ux-card: #FBF6EF !important; --ux-control: #FBF6EF !important; --ux-line: #8C7B68 !important; --ux-heading: #2A2118 !important; --ux-body: #453C32 !important; --ux-muted: #5E5347 !important; --ux-cyan: #243D32 !important; --ux-on-cyan: #FBF6EF !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon :is(.member-main, .main-content, .member-page-shell, .member-workspace-main, .member-workspace-content) { background: #F3EBDF !important; background-color: #F3EBDF !important; background-image: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) { background: #9EAD98 !important; background-color: #9EAD98 !important; border-color: rgba(74, 52, 36, 0.06) !important; border-right: 1px solid rgba(74, 52, 36, 0.06) !important; box-shadow: none !important; color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon :is(.member-header, .member-header-shell, .member-canonical-mobile-header, .mobile-bottom-nav) { background: #9EAD98 !important; background-color: #9EAD98 !important; border-bottom: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item), html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item):not(.active) { background: transparent !important; color: #453C32 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item).active { background: #E8DDCD !important; color: #2A2118 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon .member-sidebar :is(.nav-item-label, .nav-item-icon, .nav-item-hint, .nav-label) { color: inherit !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.products-offers-page) .member-platform.editorial-salon .member-header :is(.brand strong, .editorial-search, .mha-action, button, a) { color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-nav { gap: 4px 18px !important; margin: 0 !important; padding: 0 0 10px !important; border: 0 !important; background: transparent !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab.ux-chip, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab.ux-chip.is-active { width: auto !important; min-height: 36px !important; padding: 6px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #453C32 !important; -webkit-text-fill-color: #453C32 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab.ux-chip.is-active { color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; box-shadow: inset 0 0 0 2px #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page :is(.settings-card, .settings-offers-card, .haircare-workspace-panel, .haircare-workspace-intro, .haircare-workspace-note, .haircare-shop-setup, .shopify-connection-card, .shopify-reconcile-card, .shopify-sync-wizard-card, .product-store-onboarding, .catalogue-fast-setup, .catalogue-product-card, .catalogue-result, .mbs-card, .mbs-stat-card, .mbs-guidance, .member-empty, .mui-empty) { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metrics, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-toolbar, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table-wrap, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-footer, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .ux-preview-banner { order: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metrics { display: flex !important; flex-wrap: wrap !important; gap: 18px 32px !important; align-items: start !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric { display: grid !important; gap: 2px !important; min-width: 132px !important; align-items: start !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric span, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric small { color: #5E5347 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric span { text-transform: none !important; letter-spacing: 0.06em !important; font-size: 11px !important; font-weight: 650 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric strong { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-size: 26px !important; font-weight: 500 !important; line-height: 1.1 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric small { display: block !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-metric strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-product-copy strong, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-card-head h3 { color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table { border-collapse: collapse !important; border-spacing: 0 !important; background: transparent !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table thead th, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table tbody tr, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table td { background: transparent !important; background-color: transparent !important; color: #453C32 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table thead th { color: #5E5347 !important; border-bottom: 1px solid #CFC1AF !important; background: #F3EBDF !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table td { border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table tbody tr:hover, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table tr.is-selected { background: #FBF6EF !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page :is(.haircare-studio-price-input, .haircare-bulk-value, .settings-form input, .settings-form select, .settings-form textarea, .shopify-connection-field input, .shopify-import-search, .catalogue-fast-setup input, .catalogue-fast-setup select) { background: #FBF6EF !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-price-field { background: #FBF6EF !important; border: 1px solid #8C7B68 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-price-field .haircare-studio-price-input { background: transparent !important; border: 0 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-price-input.is-invalid { color: #B42318 !important; -webkit-text-fill-color: #B42318 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page :is(.haircare-studio-badge, .haircare-studio-badge.good, .haircare-studio-badge.warn, .ux-pill, .ux-pill.is-good) { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-badge.good, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .ux-pill.is-good { color: #243D32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-badge.warn { color: #A94710 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page :is(.tbb-btn-primary, .settings-btn-primary, button.primary, .catalogue-primary, .haircare-add-product, .gold-btn):not(:disabled) { background: #243D32 !important; background-image: none !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-service-status { margin: 0 0 8px !important; color: #5E5347 !important; background: transparent !important; border: 0 !important; font-size: 13px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-offer-row { background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; border-radius: 0 !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-offer-title-row { display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-offer-status { background: transparent !important; border: 0 !important; color: #243D32 !important; font-size: 13px !important; font-weight: 560 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-offer-main { display: grid !important; gap: 4px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-offer-meta, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .retail-bundle-value, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .retail-bundle-items, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .settings-offer-desc { color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-fast-setup, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-product-filter-stack, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-brand-head, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-product-card, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-result, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-selection-summary, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-dropzone, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-review-row, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-preview-table, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-search-row { background: transparent !important; color: #2A2118 !important; border-color: #CFC1AF !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-fast-setup-actions > button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-select-tools > button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-import-tabs button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-category-chips button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-brand-head button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-template { background: transparent !important; color: #453C32 !important; -webkit-text-fill-color: #453C32 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-fast-setup-actions > button.is-active, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-import-tabs button.is-active, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-category-chips button.is-active { color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; background: transparent !important; box-shadow: inset 0 0 0 2px #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-fast-setup :is(input, select, textarea) { background: #FBF6EF !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-primary, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .catalogue-fast-setup button.primary { background: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; border-color: #243D32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .product-store-onboarding, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .product-store-cost, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .product-store-option, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .product-store-transaction, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .shopify-publish-rules, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .shopify-reconcile-stat { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .product-store-cost, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .product-store-more { border-top: 1px solid #CFC1AF !important; padding-top: 12px !important; } @media (max-width: 860px) { html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table-wrap, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table tbody, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-table tr { display: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-cards { display: grid !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .haircare-studio-card { background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(74, 52, 36, 0.08) !important; border-radius: 0 !important; color: #2A2118 !important; } } /* Phones: two-row grid so Products through Memberships stay on screen. Beats the 860px nowrap scroller without changing the desktop underline row. */ @media (max-width: 480px) { html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-nav { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 2px 10px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: visible !important; box-sizing: border-box !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab.ux-chip, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab.ux-chip.is-active { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 8px 2px !important; font-size: 13px !important; letter-spacing: 0 !important; white-space: nowrap !important; overflow: visible !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab:nth-child(-n + 3) { grid-column: span 2 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .products-offers-page.ux-ref-page .products-offers-tab:nth-child(n + 4) { grid-column: span 3 !important; } } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) { background: #F3EBDF !important; background-color: #F3EBDF !important; background-image: none !important; color: #2A2118 !important; color-scheme: light !important; --text: #2A2118 !important; --muted: #5E5347 !important; --text-primary: #2A2118 !important; --text-secondary: #453C32 !important; --text-muted: #5E5347 !important; --surface: #FBF6EF !important; --surface-app: #F3EBDF !important; --surface-canvas: #F3EBDF !important; --surface-page: #F3EBDF !important; --surface-workspace: #F3EBDF !important; --surface-shell: #9EAD98 !important; --surface-panel: #FBF6EF !important; --surface-elevated: #FBF6EF !important; --surface-inset: #E8DDCD !important; --surface-input: #FBF6EF !important; --surface-supporting: #FBF6EF !important; --surface-raised: #FBF6EF !important; --surface-subtle: #E8DDCD !important; --surface-muted: #9EAD98 !important; --surface-nested: #E8DDCD !important; --surface-border: #8C7B68 !important; --border: #CFC1AF !important; --border-default: #8C7B68 !important; --border-strong: #8C7B68 !important; --border-subtle: #CFC1AF !important; --settings-border: #8C7B68 !important; --d0: #F3EBDF !important; --d1: #FBF6EF !important; --d2: #E8DDCD !important; --d3: #E8DDCD !important; --bg: #F3EBDF !important; --near: #FBF6EF !important; --faint: #FBF6EF !important; --app-bg: #F3EBDF !important; --app-surface: #FBF6EF !important; --app-surface-raised: #FBF6EF !important; --app-surface-muted: #9EAD98 !important; --app-heading: #2A2118 !important; --app-body-text: #453C32 !important; --app-muted-text: #5E5347 !important; --app-border: #CFC1AF !important; --member-final-shell: #9EAD98 !important; --member-final-panel: #FBF6EF !important; --member-final-raised: #FBF6EF !important; --member-final-inset: #E8DDCD !important; --member-final-workspace: #F3EBDF !important; --member-depth-shell: #9EAD98 !important; --member-depth-panel: #FBF6EF !important; --member-depth-raised: #FBF6EF !important; --member-depth-inset: #E8DDCD !important; --member-depth-workspace: #F3EBDF !important; --workflow-gold: #2A2118 !important; --gold: #2A2118 !important; --state-success: #243D32 !important; --action-primary: #243D32 !important; --action-primary-text: #FBF6EF !important; --ux-canvas: #F3EBDF !important; --ux-shell: #9EAD98 !important; --ux-header: #9EAD98 !important; --ux-workspace: #F3EBDF !important; --ux-panel: #FBF6EF !important; --ux-card: #FBF6EF !important; --ux-control: #FBF6EF !important; --ux-line: #8C7B68 !important; --ux-heading: #2A2118 !important; --ux-body: #453C32 !important; --ux-muted: #5E5347 !important; --ux-cyan: #243D32 !important; --ux-on-cyan: #FBF6EF !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon :is(.member-main, .main-content, .member-page-shell, .member-workspace-main, .member-workspace-content) { background: #F3EBDF !important; background-color: #F3EBDF !important; background-image: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) { background: #9EAD98 !important; background-color: #9EAD98 !important; border-color: rgba(74, 52, 36, 0.06) !important; border-right: 1px solid rgba(74, 52, 36, 0.06) !important; box-shadow: none !important; color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon :is(.member-header, .member-header-shell, .member-canonical-mobile-header, .mobile-bottom-nav) { background: #9EAD98 !important; background-color: #9EAD98 !important; border-bottom: 0 !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item), html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item):not(.active) { background: transparent !important; color: #453C32 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item).active { background: #E8DDCD !important; color: #2A2118 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .member-sidebar :is(.nav-item-label, .nav-item-icon, .nav-item-hint, .nav-label) { color: inherit !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .member-header :is(.brand strong, .editorial-search, .mha-action, button, a) { color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .blw-shell, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page { background: transparent !important; color: #2A2118 !important; color-scheme: light !important; overflow-x: clip; padding: 0 0 36px !important; gap: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .blw-shell.ux-ref-page, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page { display: grid !important; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important; column-gap: 40px !important; align-items: start !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; outline: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-top, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-top, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-kicker, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-title, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-sub, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-back { display: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-grid { display: contents !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-alert, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-embedded-continue { grid-column: 1 / -1 !important; grid-row: 1 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode { grid-column: 2 !important; grid-row: 2 !important; order: 1 !important; margin: 0 0 28px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-grid > aside { grid-column: 1 !important; grid-row: 2 / span 2 !important; align-self: start !important; order: 1 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-grid > section { grid-column: 2 !important; grid-row: 3 !important; order: 2 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup { grid-column: 1 / -1 !important; grid-row: 4 !important; order: 3 !important; margin-top: 36px !important; padding-top: 8px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-panel, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-panel, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 8px !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-panel h2, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-panel h3, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup h2, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode h2, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-panel h2, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-panel h3 { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; font-size: 28px !important; letter-spacing: -0.02em !important; color: #2A2118 !important; margin: 0 0 6px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-help, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-sub, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-section-head p, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-help { color: #453C32 !important; font-size: 14px !important; line-height: 1.45 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode-grid, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode-grid { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; background: transparent !important; border: 0 !important; padding: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode-option, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode-option { width: auto !important; min-height: 44px !important; padding: 10px 16px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: #453C32 !important; text-align: left !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode-option strong, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode-option strong { color: inherit !important; font-size: 14px !important; font-weight: 600 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode-option span, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode-option span { display: block !important; max-width: 34ch !important; color: #5E5347 !important; font-size: 12px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode-option[data-active=true], html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode-option[data-active=true] { background: #E8DDCD !important; color: #2A2118 !important; border: 0 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-location-list, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-location-list { display: grid !important; gap: 2px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-location, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-location { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important; padding: 12px 12px !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-location strong, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-location strong { color: #2A2118 !important; font-size: 15px !important; font-weight: 600 !important; white-space: normal !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-location span, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-location span { color: #5E5347 !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; max-width: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-location[data-active=true], html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-location[data-active=true] { background: #E8DDCD !important; border: 0 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-badges, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-badges { display: flex !important; flex-wrap: wrap !important; gap: 2px 12px !important; margin-top: 6px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-badge, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-badge { display: inline-flex !important; width: auto !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #5E5347 !important; padding: 0 !important; font-size: 11px !important; letter-spacing: 0.01em !important; text-transform: none !important; font-weight: 650 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-location[data-active=true] .blw-badge, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-location[data-active=true] .blw-badge { color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup-steps, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup-steps { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin: 8px 0 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; border: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup-steps li, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup-steps li { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; border-bottom: 1px solid #CFC1AF !important; padding: 14px 0 !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup-steps li[data-ready=true], html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup-steps li[data-ready=true] { color: #5E5347 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup-steps li:not([data-ready=true]) strong, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup-steps li:not([data-ready=true]) strong { color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup a, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup a { color: #2A2118 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-section, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-section { border: 0 !important; border-top: 1px solid #CFC1AF !important; background: transparent !important; padding: 22px 0 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour { display: grid !important; grid-template-columns: 132px 92px minmax(0, 1fr) !important; gap: 10px 12px !important; align-items: center !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #CFC1AF !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 0 !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour label, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour label { color: #2A2118 !important; font-size: 15px !important; font-weight: 600 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour:has(.blw-switch input:not(:checked)), html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour:has(.blw-switch input:not(:checked)) { background: transparent !important; background-color: transparent !important; color: #5E5347 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour:has(.blw-switch input:not(:checked)) label, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour:has(.blw-switch input:not(:checked)) label { color: #5E5347 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-window, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-window { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; min-width: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour input[type=time], html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour input[type=date], html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-field input, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-field textarea, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-field select, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour input[type=time], html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-field input, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-field textarea, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-field select { background: #FBF6EF !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; min-height: 42px !important; box-shadow: none !important; color-scheme: light !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour input[type=time], html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour input[type=time] { flex: 1 1 120px !important; min-width: 0 !important; width: auto !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-button, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-button { background: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; border: 1px solid #243D32 !important; border-radius: 12px !important; min-height: 42px !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-button--secondary, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-button--danger, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-button--secondary, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-button--danger { background: transparent !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; border: 1px solid #8C7B68 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-button--danger, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-button--danger { color: #B42318 !important; -webkit-text-fill-color: #B42318 !important; border-color: #B42318 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-empty, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-item, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-google, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-empty, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-item, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-google { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-empty, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-empty { border-top: 1px solid #CFC1AF !important; padding: 16px 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-empty strong, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-empty strong { font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; font-size: 26px !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-item, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-item { border-bottom: 1px solid #CFC1AF !important; padding: 12px 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-google, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-google { align-items: flex-start !important; padding: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-alert--error, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-alert--error { background: #FFFFFF !important; border: 0 !important; color: #B42318 !important; border-radius: 12px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-alert--ok, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-alert--ok { background: #FFFFFF !important; border: 0 !important; color: #243D32 !important; border-radius: 12px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-save-state, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-save-state { color: #243D32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-save-state--dirty, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-save-state--dirty { color: #A94710 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-add-workplace summary, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-add-workplace summary { color: #2A2118 !important; font-weight: 600 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-add-workplace summary::after, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-add-workplace summary::after { color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page.blw-state, html body .members-layout-root .member-platform.editorial-salon .blw-shell.blw-state { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; grid-template-columns: none !important; color: #453C32 !important; background: transparent !important; max-width: 42rem !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page.blw-state h1, html body .members-layout-root .member-platform.editorial-salon .blw-shell.blw-state h1 { display: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page.blw-state p, html body .members-layout-root .member-platform.editorial-salon .blw-shell.blw-state p { margin: 0 !important; color: #2A2118 !important; font-size: 15px !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-row, html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-details { background: #FBF6EF !important; border: 0 !important; border-radius: 16px !important; box-shadow: none !important; color: #2A2118 !important; padding: 14px 16px !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-details summary, html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar a { color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-title, html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-card h3, html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-card-heading { color: #2A2118 !important; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif !important; font-weight: 500 !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-subtitle, html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-card p { color: #453C32 !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-icon--google { background: #E8DDCD !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-icon--google svg { stroke: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-btn, html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-btn--google { background: transparent !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; border-radius: 12px !important; min-height: 40px !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon #settings-google-calendar .settings-integration-btn--connect.settings-integration-btn--google { background: #243D32 !important; color: #FBF6EF !important; border-color: #243D32 !important; } @media (max-width: 860px) { html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on]:has(.blw-shell) .member-platform.editorial-salon .blw-shell.ux-ref-page, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page, html body .members-layout-root .member-platform.editorial-salon .blw-shell { display: flex !important; flex-direction: column !important; padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background: transparent !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-grid, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-grid { display: flex !important; flex-direction: column !important; gap: 8px !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-grid > aside, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-grid > section, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-setup, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-grid > aside, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-grid > section, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-setup { grid-column: auto !important; grid-row: auto !important; width: 100% !important; min-width: 0 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-hour, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-hour { grid-template-columns: 1fr auto !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-window-list, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-window-list { grid-column: 1 / -1 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-section-head, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-section-head, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-google, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-google, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-save-actions, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-save-actions { align-items: stretch !important; flex-direction: column !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-two, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-two { grid-template-columns: 1fr !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .blw-shell.ux-ref-page .blw-mode-option, html body .members-layout-root .member-platform.editorial-salon .blw-shell .blw-mode-option { width: 100% !important; } } html body .members-layout-root .member-platform.editorial-salon .member-chairos-wordmark, html body .members-layout-root .member-platform.editorial-salon .member-chairos-wordmark__accent { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #2A2118 !important; color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon { --accent-abby: #6741A5 !important; --accent-abby-soft: #FBF6EF !important; --accent-abby-border: #6741A5 !important; --action-primary: #243D32 !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header :is( .mgal-trigger, .member-global-next-mobile, .msh-control--abby, .mha-action--abby, .msh-control--profile, .msh-control--menu, .mch-shell-menu ) { color: #2A2118 !important; background: #FBF6EF !important; border: 1px solid #8C7B68 !important; --msh-halo: none !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header :is( .mgal-trigger, .member-global-next-mobile, .msh-control--menu, .mch-shell-menu, .msh-control--profile, .msh-control--profile .msh-control__glyph, .msh-control--profile .mch-identity-avatar, .msh-control--profile .mch-identity-avatar-placeholder ) { color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header :is( .msh-control--abby, .mha-action--abby, .msh-control--abby .msh-control__label, .mha-action--abby svg ), html body .members-layout-root .member-platform.editorial-salon .mha-action--abby, html body .members-layout-root .member-platform.editorial-salon .mha-action--abby svg, html body .members-layout-root .member-platform.editorial-salon .msh-control--abby, html body .members-layout-root .member-platform.editorial-salon .msh-control--abby svg, html body .members-layout-root .member-platform.editorial-salon .msh-control--abby .msh-control__label { color: #243D32 !important; border-color: #8C7B68 !important; --msh-halo: none !important; box-shadow: none !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header svg { color: inherit !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header svg[stroke=currentColor] { stroke: currentColor !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header svg[fill=currentColor] { fill: currentColor !important; } html body .members-layout-root .member-platform.editorial-salon .msh-control--profile, html body .members-layout-root .member-platform.editorial-salon .msh-control--profile .msh-control__glyph, html body .members-layout-root .member-platform.editorial-salon .msh-control--profile .mch-identity-avatar, html body .members-layout-root .member-platform.editorial-salon .msh-control--profile .mch-identity-avatar-placeholder, html body .members-layout-root .member-platform.editorial-salon .mha-action--profile, html body .members-layout-root .member-platform.editorial-salon .mha-action--next, html body .members-layout-root .member-platform.editorial-salon .mha-action--next svg, html body .members-layout-root .member-platform.editorial-salon .mgal-trigger, html body .members-layout-root .member-platform.editorial-salon .mgal-trigger svg { color: #2A2118 !important; border-color: #8C7B68 !important; --msh-halo: none !important; } html body .members-layout-root .member-platform.editorial-salon .member-canonical-mobile-header { background: #9EAD98 !important; border-bottom: 1px solid #CFC1AF !important; } /* Reference-flagged member tools (Settings, Payments, Booking Page, Website chrome) must stay in the editorial system. The published-site canvas is left alone. */ html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon { background: #F3EBDF !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon :is( .member-main, .main-content, .member-page-shell, .member-workspace-main, .member-workspace-content ) { background: #F3EBDF !important; background-color: #F3EBDF !important; background-image: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon :is( .member-sidebar, .desktop-sidebar ) { background: #9EAD98 !important; background-color: #9EAD98 !important; background-image: none !important; border-color: #CFC1AF !important; border-right: 1px solid #CFC1AF !important; box-shadow: none !important; color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon :is( .member-header, .member-header-shell, .member-canonical-mobile-header ) { background: #9EAD98 !important; background-color: #9EAD98 !important; background-image: none !important; border-bottom: 1px solid #CFC1AF !important; box-shadow: none !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .member-sidebar :is( .nav-item, .member-nav-item ).active { background: #243D32 !important; color: #FBF6EF !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon :is( .settings-ref-page.ux-ref-page, .payments-history-page.ux-ref-page, .booking-page-workspace.ux-ref-page ) { background: #FBF6EF !important; background-color: #FBF6EF !important; background-image: none !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page :is( h1, h2, h3, .settings-subheading, .settings-card-heading, .settings-pay-heading, label, legend ) { color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page :is( .settings-card-desc, .settings-field-hint, .muted, .settings-step-lead, .heroLead, .settings-payments-context ) { color: #453C32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-payments-context a { color: #243D32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page :is( input:not([type=checkbox]):not([type=radio]):not([type=color]), textarea, select ) { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page--payments :is( .settings-pay-choice, .settings-pay-card ) { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page--payments :is( .settings-pay-icon, .settings-pay-tag, .settings-pay-footer ) { background: #E8DDCD !important; color: #453C32 !important; border-color: #8C7B68 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page .settings-wizard-main { background: #FBF6EF !important; background-color: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; box-shadow: 0 1px 1px rgba(62, 44, 28, 0.03) !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .member-main:has(.settings-ref-page) .settings-tab-nav.member-workspace-hub--compact button, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page .settings-mobile-step { color: #453C32 !important; border-color: #8C7B68 !important; background: #FBF6EF !important; box-shadow: none !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .member-main:has(.settings-ref-page) .settings-tab-nav.member-workspace-hub--compact button.is-active, html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-ref-page .settings-mobile-step.is-current { color: #243D32 !important; border-color: #243D32 !important; background: #E8DDCD !important; box-shadow: inset 0 0 0 1px #243D32 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-profile-preview { background: #E8DDCD !important; border-color: #CFC1AF !important; color: #2A2118 !important; } html:has(.members-layout-root[data-ux-reference=on]) body .members-layout-root[data-ux-reference=on] .member-platform.editorial-salon .settings-profile-preview-avatar { color: #243D32 !important; background: #FBF6EF !important; border-color: #8C7B68 !important; } /* Header actions stay labelled. The phone shell was hiding "What's next", "Ask Abby", and the account name behind two sparkles and a bare initial. */ html body .members-layout-root .member-platform.editorial-salon :is( .mch-identity-avatar-placeholder, .mch-identity-avatar--shell ) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; min-width: 22px !important; max-width: 22px !important; min-height: 22px !important; max-height: 22px !important; border-radius: 999px !important; background: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; overflow: hidden !important; } html body .members-layout-root .member-platform.editorial-salon .mch-identity-avatar--shell img { width: 22px !important; height: 22px !important; border-radius: 999px !important; object-fit: cover !important; } @media (max-width: 768px) { html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-header { display: none !important; } } @media (max-width: 900px) { html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions :is( .msh-control__label, .aah-entry-label, .mha-action__label ) { position: static !important; display: inline !important; width: auto !important; height: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; clip: auto !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 650 !important; line-height: 1 !important; letter-spacing: 0 !important; color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions :is( .member-global-next-mobile, .aah-entry-btn, .msh-control--profile ) { width: auto !important; min-width: 0 !important; max-width: none !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 0 8px !important; gap: 4px !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__inset { overflow: hidden !important; } } @media (max-width: 390px) { html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions :is( .msh-control__label, .aah-entry-label, .mha-action__label ) { font-size: 10px !important; } html body .members-layout-root .member-platform.editorial-salon.member-platform--canonical-mobile-header .member-canonical-mobile-header__actions :is( .member-global-next-mobile, .aah-entry-btn, .msh-control--profile ) { padding: 0 6px !important; gap: 3px !important; } } /* Settings controls share the canonical neutral surfaces. Native choice inputs must not inherit text-field dimensions or the legacy reference dark fill. */ html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel:not(.settings-panel--website-studio) { background: #F5F5F7 !important; border-color: #D1D1D6 !important; padding: 16px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel :is(.settings-wizard, .settings-wizard-main) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-profile-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-card { background: #FFFFFF !important; border: 1px solid #D1D1D6 !important; border-radius: 12px !important; padding: 16px !important; min-width: 0 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-profile-preview { background: #EFEFF2 !important; border-color: #D1D1D6 !important; margin: 0 0 16px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel :is(.settings-card-desc, .settings-field-hint, .muted, .settings-step-lead, .settings-tip-box) { color: #6E6E73 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-field-hint { margin: 4px 0 8px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel fieldset.settings-field { min-width: 0 !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-pricing-mode-option { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; min-height: 44px !important; padding: 12px !important; background: #FFFFFF !important; border: 1px solid #6E6E73 !important; border-radius: 12px !important; color: #1D1D1F !important; cursor: pointer; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-pricing-mode-option span { color: inherit !important; -webkit-text-fill-color: currentColor !important; line-height: 1.4 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-pricing-mode-option:has(input:checked) { background: rgba(12, 133, 119, 0.08) !important; border-color: #0C8577 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-pricing-mode-option:has(input:focus-visible) { outline: 2px solid #0C8577 !important; outline-offset: 2px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-pricing-mode-option:has(input:disabled) { cursor: default; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-pricing-mode-option input[type=radio] { appearance: auto !important; flex: 0 0 16px !important; width: 16px !important; height: 16px !important; min-width: 16px !important; max-width: 16px !important; min-height: 16px !important; max-height: 16px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; accent-color: #0C8577 !important; } @media (max-width: 768px) { html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel:not(.settings-panel--website-studio) { padding: 12px !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .settings-panel .settings-card { padding: 12px !important; } } /* Native text fill must follow cream-theme ink inside the chair workspace. */ html body .members-layout-root .member-platform.editorial-salon .chair-hire-workspace :is(.bookings-panel-title, .chair-engine-live-summary-title, h2, h3) { color: #2A2118 !important; -webkit-text-fill-color: #2A2118 !important; } html body .members-layout-root .member-platform.editorial-salon .chair-hire-workspace :is(.bookings-panel-subtitle, .chair-engine-muted) { color: #5E5347 !important; -webkit-text-fill-color: #5E5347 !important; } /* Shared readable surfaces and solid selected states. */ html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .booking-page-workspace :is(h1, h2, h3, strong, label, legend), html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .booking-page-workspace :is(.booking-page-workspace__title, .booking-page-workspace__heading) { color: #2A2118 !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .booking-page-workspace :is(p, .booking-page-workspace__description, .booking-page-workspace__detail) { color: #453C32 !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .booking-page-workspace a:not(.booking-page-workspace__button--primary) { color: #006C65 !important; -webkit-text-fill-color: currentColor !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .booking-page-workspace a:not(.booking-page-workspace__button--primary) strong { color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root :is(.aah-panel, .appt-modal-card, .member-state-surface) { background: #FBF6EF !important; color: #2A2118 !important; border: 1px solid #8C7B68 !important; } html:has(.members-layout-root) body .members-layout-root :is(.aah-coaching-message, .aah-panel-close, .member-state-surface p) { color: #5E5347 !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-main, .main-content, .member-workspace-main) { background: #F3EBDF !important; background-image: none !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) { background: #9EAD98 !important; background-image: none !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .member-header { background: #9EAD98 !important; background-image: none !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .member-sidebar { border-right: 1px solid #CFC1AF !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item).active { background: #243D32 !important; color: #FBF6EF !important; border: 2px solid #243D32 !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon .member-sidebar :is(.nav-item, .member-nav-item).active :is(span, svg, .nav-item-icon, .nav-item-label, .nav-item-hint) { color: #FBF6EF !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.settings-tab-nav, .products-offers-tabs, .bookings-area-tabs, .member-workflow-switcher, .blw-modes) :is([aria-selected=true], [aria-checked=true], .is-active, .active), html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.settings-pricing-mode-option:has(input:checked), .blw-mode-option[data-active=true], .blw-location[data-active=true]) { background: #FBF6EF !important; color: #243D32 !important; border: 2px solid #243D32 !important; border-radius: 12px !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.settings-pay-choice, .settings-pay-card)[aria-checked=true] { background: #FBF6EF !important; border: 2px solid #243D32 !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.editorial-metric, .editorial-stat, .auth-dash-card, .settings-card, .crm-panel, .bookings-panel, .blw-panel, .sccp-panel, .member-state-surface) { background: #FBF6EF !important; border: 1px solid #CFC1AF !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.editorial-metric__label, .editorial-metric__detail, .editorial-stat__label, .settings-field-hint, .settings-card-desc, .nav-item-hint) { color: #5E5347 !important; opacity: 1 !important; -webkit-text-fill-color: currentColor !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.mha-action--abby, .aah-entry-btn) { background: #6741A5 !important; border: 1px solid #6741A5 !important; color: #FFFFFF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.mha-action--abby, .aah-entry-btn) :is(span, svg) { color: #FFFFFF !important; -webkit-text-fill-color: currentColor !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.tbb-btn-primary, .settings-btn-primary, .editorial-add-booking, .blw-primary, .booking-page-workspace__button--primary):not(:disabled) { background: #243D32 !important; background-image: none !important; border: 1px solid #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: currentColor !important; } @media (min-width: 769px) { html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon.member-platform--header-nav .member-header { grid-area: 1 / 1 / 2 / -1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon.member-platform--header-nav .member-sidebar { grid-area: 2 / 1 / 3 / 2 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon.member-platform--header-nav .member-main { grid-area: 2 / 2 / 3 / 3 !important; } } /* Shared navigation: sage is a navigation surface; forest signals selection. Keep these rules at the end so both shell variants and mobile drawers agree. Content surfaces and the Content Studio media stage do not inherit sage. */ html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer { background: #9EAD98 !important; background-image: none !important; color: #2A2118 !important; border-color: #718168 !important; --booking-nav-accent: #2A2118; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.member-nav-item, .booking-software-menu-item, .mobile-more-item) { background: transparent !important; background-image: none !important; color: #2A2118 !important; border-color: transparent !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item) :is(.nav-item-label, .nav-item-icon, .member-nav-item-title, svg), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.member-nav-item-title, .booking-software-menu-copy strong, .member-nav-item-icon, .booking-software-menu-icon, .mobile-more-item-label, .mobile-more-item-icon) { color: #2A2118 !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-label, .nav-section-title, .nav-group-label, .nav-item-hint, .sidebar-location-area), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.mobile-more-group-label, .mobile-more-item-hint, .booking-software-menu-copy span, .member-nav-item-hint, .member-nav-item-chevron, .booking-software-menu-chevron) { color: #2F3D2A !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):hover:not(.active):not([aria-current=page]), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.member-nav-item, .booking-software-menu-item, .mobile-more-item):hover:not(.active):not([aria-current=page]) { background: #B2BFAA !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):is(.active, [aria-current=page]), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.member-nav-item, .booking-software-menu-item, .mobile-more-item):is(.active, [aria-current=page]) { background: #243D32 !important; color: #FBF6EF !important; border-color: #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):is(.active, [aria-current=page]) :is(span, strong, svg, .nav-item-icon), html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.member-nav-item, .booking-software-menu-item, .mobile-more-item):is(.active, [aria-current=page]) :is(span, strong, svg, .member-nav-item-icon, .booking-software-menu-icon) { color: #FBF6EF !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform.editorial-salon :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):focus-visible, html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.member-nav-item, .booking-software-menu-item, .mobile-more-item):focus-visible { outline: 2px solid #243D32 !important; outline-offset: 3px !important; } html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.mobile-more-head, .mobile-more-groups, .more-workspace-menu) { background: #9EAD98 !important; color: #2A2118 !important; border-color: #718168 !important; } html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer .mobile-more-head-text :is(strong, h2) { color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer .mobile-more-head-text :is(p, span) { color: #2F3D2A !important; } html:has(.members-layout-root) body .members-layout-root .mobile-more-drawer :is(.mobile-more-close, .logout) { background: #FBF6EF !important; color: #2A2118 !important; border-color: #718168 !important; } /* Premium functional hero: compact, high-contrast command centre. */ .editorial-salon .editorial-ambient { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr); align-items: stretch; gap: 24px; min-height: 0; margin: 6px 0 18px; padding: 22px 24px; overflow: hidden; background: #FBF6EF; border: 1px solid #8C7B68; border-radius: 24px; box-shadow: 0 14px 38px rgba(74, 52, 36, 0.08); } .editorial-salon .editorial-ambient__photo { position: absolute; inset: 0 0 0 auto; width: min(620px, 46%); height: 100%; opacity: 0.16; background: linear-gradient(90deg, #FBF6EF 0%, rgba(251, 246, 239, 0.78) 24%, rgba(251, 246, 239, 0.2) 100%), url('/editorial/salon-atmosphere.jpg') 72% 42% / cover no-repeat; pointer-events: none; } .editorial-salon .editorial-ambient__copy { position: relative; z-index: 2; align-self: center; max-width: 760px; padding: 0; } .editorial-salon .editorial-ambient__eyebrow { margin: 0 0 10px; color: #453C32; font-size: 13px; line-height: 1.2; font-weight: 760; letter-spacing: 0.15em; } .editorial-salon .editorial-ambient__title, .editorial-salon .member-command-header h1, .editorial-salon .clients-canonical-page-title, .editorial-salon .bookings-hero-title { font-size: clamp(42px, 4vw, 60px) !important; line-height: 0.98 !important; font-weight: 520 !important; letter-spacing: -0.035em !important; } .editorial-salon .editorial-ambient__subtitle { margin-top: 12px; max-width: 58ch; color: #453C32; font-size: 17px; line-height: 1.48; font-weight: 520; } .editorial-salon .editorial-ambient__focus { position: relative; z-index: 2; align-self: stretch; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 22px 24px; overflow: hidden; background: linear-gradient(110deg, rgba(36, 61, 50, 0.98), rgba(36, 61, 50, 0.92)), url('/editorial/salon-atmosphere.jpg') 76% 42% / cover no-repeat; border: 1px solid rgba(36, 61, 50, 0.5); border-radius: 18px; box-shadow: 0 12px 30px rgba(36, 61, 50, 0.14); color: #FBF6EF; } .editorial-salon .editorial-ambient__focus-label { margin: 0 0 10px; color: rgba(251, 246, 239, 0.82); font-size: 13px; line-height: 1.25; font-weight: 760; letter-spacing: 0.08em; text-transform: uppercase; } .editorial-salon .editorial-ambient__focus-title { display: block; margin: 0; color: #FBF6EF; font-family: "Playfair Display", "Iowan Old Style", Georgia, serif; font-size: clamp(23px, 2vw, 30px); line-height: 1.08; font-weight: 560; letter-spacing: -0.025em; } .editorial-salon .editorial-ambient__focus-detail { margin: 10px 0 0; color: rgba(251, 246, 239, 0.9); font-size: 16px; line-height: 1.45; font-weight: 520; } /* Individual workspaces should not repeat a second oversized greeting banner. */ .editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace > .greeting, .editorial-salon:has([data-editorial-page=bookings]) .bookings-premium-workspace > .dashboard-greeting, .editorial-salon:has([data-editorial-page=clients]) .clients-premium-workspace > .greeting, .editorial-salon:has([data-editorial-page=clients]) .clients-premium-workspace > .dashboard-greeting { display: none !important; } /* Premium card contract: clear separation from the cream canvas. */ .editorial-salon :is( .editorial-surface, .bookings-panel, .bookings-hero-card, .settings-card, .crm-panel, .member-state-surface, .auth-dash-card ) { border-color: #8C7B68 !important; box-shadow: 0 10px 30px rgba(74, 52, 36, 0.07) !important; } .editorial-salon :is( .editorial-stat__label, .editorial-stat__detail, .auth-dash-card-hint, .member-helper-text, .helper-text ) { font-size: 14px !important; line-height: 1.45 !important; } .editorial-salon :is( .tbb-btn, .settings-btn-primary, .settings-btn-secondary, .member-appt-date-nav-today, .member-appt-view-btn ) { min-height: 42px; font-size: 14px !important; font-weight: 680 !important; } @media (max-width: 980px) { .editorial-salon .editorial-ambient { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr); gap: 16px; padding: 20px; } .editorial-salon .editorial-ambient__title, .editorial-salon .member-command-header h1, .editorial-salon .clients-canonical-page-title, .editorial-salon .bookings-hero-title { font-size: clamp(38px, 5vw, 52px) !important; } .editorial-salon .editorial-ambient__subtitle, .editorial-salon .editorial-ambient__focus-detail { font-size: 16px; } } @media (max-width: 720px) { .editorial-salon .editorial-ambient { grid-template-columns: 1fr; gap: 14px; margin: 4px 0 14px; padding: 18px; border-radius: 20px; } .editorial-salon .editorial-ambient__photo { width: 100%; opacity: 0.1; } .editorial-salon .editorial-ambient__title, .editorial-salon .member-command-header h1, .editorial-salon .clients-canonical-page-title, .editorial-salon .bookings-hero-title { font-size: clamp(36px, 10vw, 46px) !important; } .editorial-salon .editorial-ambient__focus { min-height: 0; padding: 18px 20px; border-radius: 16px; } .editorial-salon .editorial-ambient__focus-title { font-size: 24px; } .editorial-salon .editorial-ambient__focus-detail { margin-top: 8px; } } /* ── Final admin member switcher authority ─────────────────────────────── Admin controls must never expand the sidebar or push primary navigation. */ .members-layout-root .member-admin-controls { position: relative !important; z-index: 180 !important; min-width: 0 !important; } .members-layout-root .member-admin-controls__label { color: #453C32 !important; opacity: .72 !important; } .members-layout-root .member-admin-controls__toggle { display: flex !important; align-items: center !important; width: 100% !important; padding: 10px 12px !important; border: 1px solid rgba(42,33,24,.24) !important; border-radius: 12px !important; background: #FBF6EF !important; color: #2A2118 !important; box-shadow: 0 1px 2px rgba(42,33,24,.05) !important; } .members-layout-root .member-admin-controls__toggle--open { border-color: #243D32 !important; box-shadow: 0 0 0 2px rgba(36,61,50,.12) !important; } .members-layout-root .member-admin-controls__toggle-helper { color: #5E5347 !important; } .members-layout-root .member-admin-controls__toggle-chevron { color: #243D32 !important; } .members-layout-root .member-admin-controls__panel { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; z-index: 220 !important; display: grid !important; gap: 10px !important; width: min(360px, calc(100vw - 28px)) !important; min-width: 0 !important; max-height: min(560px, 72vh) !important; padding: 12px !important; overflow: hidden !important; border: 1px solid rgba(42,33,24,.22) !important; border-radius: 12px !important; background: #FBF6EF !important; color: #2A2118 !important; box-shadow: 0 20px 52px rgba(42,33,24,.20), 0 2px 7px rgba(42,33,24,.08) !important; } .members-layout-root .member-admin-controls__panel-label { color: #243D32 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .12em !important; } .members-layout-root .member-admin-controls__input { min-height: 42px !important; border: 1px solid rgba(42,33,24,.28) !important; border-radius: 10px !important; background: #FFFFFF !important; color: #2A2118 !important; } .members-layout-root .member-admin-controls__results { max-height: min(420px, 54vh) !important; overflow-y: auto !important; overflow-x: hidden !important; border: 1px solid rgba(42,33,24,.14) !important; border-radius: 12px !important; background: #FFFFFF !important; } .members-layout-root .member-admin-controls__option { color: #2A2118 !important; background: transparent !important; } .members-layout-root .member-admin-controls__option small { color: #6F6357 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .members-layout-root .member-admin-controls__option:hover, .members-layout-root .member-admin-controls__option:focus-visible { background: #F3EBDF !important; } .members-layout-root .member-admin-controls__option--admin { background: #F7F1E8 !important; } .members-layout-root .member-admin-controls__option--active { background: #E8F0EA !important; } .members-layout-root .member-admin-controls__current-pill { background: #243D32 !important; color: #FBF6EF !important; } /* ── Calendar contrast pass ────────────────────────────────────────────── */ .members-layout-root .member-platform.editorial-salon .appt-schedule-zone { background: #FBF6EF !important; border: 1px solid #C8B8A5 !important; box-shadow: 0 12px 34px rgba(62,44,28,.07) !important; } .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-bar { padding: 8px 4px 15px !important; border-bottom: 1px solid rgba(74,52,36,.12) !important; } .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-arrow, .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-today { background: #FFFFFF !important; border: 1px solid #A99782 !important; color: #2A2118 !important; } .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-arrow:hover, .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-today:hover { background: #F3EBDF !important; border-color: #243D32 !important; } .members-layout-root .member-platform.editorial-salon .member-appt-view-btn { min-width: 64px !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #5E5347 !important; } .members-layout-root .member-platform.editorial-salon .member-appt-view-btn:hover { background: #F3EBDF !important; color: #2A2118 !important; } .members-layout-root .member-platform.editorial-salon .member-appt-view-btn.is-active { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; box-shadow: none !important; } .members-layout-root .member-platform.editorial-salon .member-appt-secondary select, .members-layout-root .member-platform.editorial-salon .member-appt-filter select { background: #FFFFFF !important; border: 1px solid #A99782 !important; color: #2A2118 !important; font-weight: 650 !important; } .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-actions .tbb-btn-primary { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; font-weight: 750 !important; } .members-layout-root .member-platform.editorial-salon .member-appt-date-nav-actions .tbb-btn-primary:hover { background: #1A2F26 !important; border-color: #1A2F26 !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-head { background: #F3EBDF !important; border-bottom: 1px solid #CFC1AF !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-day-head { min-height: 66px !important; background: #F7F1E8 !important; border-left: 1px solid rgba(74,52,36,.08) !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-day-head span { color: #453C32 !important; font-weight: 750 !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-day-head.is-today { background: #243D32 !important; border-color: #243D32 !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-day-head.is-today span { color: #FBF6EF !important; -webkit-text-fill-color: #FBF6EF !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-col { border-left-color: rgba(74,52,36,.11) !important; background-color: #FFFDFC !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(74,52,36,.16) calc(var(--appt-hour-h, 77px) - 1px), rgba(74,52,36,.16) var(--appt-hour-h, 77px) ) !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-col:nth-of-type(even) { background-color: #FAF5EE !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-col.is-today { background-color: #EEF3EF !important; background-image: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--appt-hour-h, 77px) - 1px), rgba(36,61,50,.18) calc(var(--appt-hour-h, 77px) - 1px), rgba(36,61,50,.18) var(--appt-hour-h, 77px) ) !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-hour { color: #453C32 !important; font-weight: 650 !important; } .members-layout-root .member-platform.editorial-salon .appt-time-grid-closed { color: #6F6357 !important; } @media (max-width: 767px) { .members-layout-root .member-admin-controls__panel { position: fixed !important; top: 72px !important; left: 12px !important; right: 12px !important; width: auto !important; max-height: calc(100dvh - 88px) !important; } .members-layout-root .member-admin-controls__results { max-height: calc(100dvh - 230px) !important; } } /* ── Global CoWorkz shell chrome lock ────────────────────────────────────── Product rule: every authenticated member workspace uses one continuous sage navigation chrome. Dark forest is reserved for high-contrast actions, active navigation and brand/detail contrast. Route specialists may style workspace content, but they must not recolour the global header/sidebar. */ html:has(.members-layout-root) body .members-layout-root .member-platform :is( .member-header, .member-header-shell, .member-canonical-mobile-header, .member-sidebar, .desktop-sidebar ) { background: #9EAD98 !important; background-color: #9EAD98 !important; background-image: none !important; color: #2A2118 !important; border-color: #718168 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is( .member-header, .member-header-shell, .member-canonical-mobile-header ) { border-bottom: 1px solid #718168 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is( .member-sidebar, .desktop-sidebar ) { border-right: 1px solid #718168 !important; } /* CoWorkz primary wordmark is dark forest directly on sage. */ html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-shell-coworkz-wordmark, .member-canonical-mobile-header__wordmark, .member-chairos-wordmark) { color: #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-shell-coworkz-wordmark, .member-canonical-mobile-header__wordmark, .member-chairos-wordmark) path { fill: #243D32 !important; } /* Header copy stays dark on sage; search remains a clear cream control. */ html:has(.members-layout-root) body .members-layout-root .member-platform .member-header :is(.member-shell-business-name, .header-status-message, .header-status-link) { color: #243D32 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform .member-header .editorial-search { background: #FBF6EF !important; border-color: #718168 !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform .member-header .editorial-search :is(span, svg) { color: #2A2118 !important; stroke: currentColor !important; } /* Standard header actions use dark forest against sage. Ask Abby stays purple. */ html:has(.members-layout-root) body .members-layout-root .member-platform .member-header :is(.mha-action--next, .mha-action--profile, .editorial-bell, .mch-identity-compact, .editorial-add-booking) { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform .member-header :is(.mha-action--next, .mha-action--profile, .editorial-bell, .mch-identity-compact, .editorial-add-booking) :is(span, strong, svg) { color: #FBF6EF !important; stroke: currentColor !important; } html:has(.members-layout-root) body .members-layout-root .member-platform .member-header :is(.mha-action--next, .mha-action--profile, .editorial-bell, .mch-identity-compact, .editorial-add-booking):hover { background: #1A2F26 !important; border-color: #1A2F26 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-header, .member-header-shell, .member-canonical-mobile-header) :is(.mha-action--abby, .aah-entry-btn, .msh-control--abby) { background: #6C57A6 !important; border-color: #6C57A6 !important; color: #FFFFFF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-header, .member-header-shell, .member-canonical-mobile-header) :is(.mha-action--abby, .aah-entry-btn, .msh-control--abby) :is(span, svg) { color: #FFFFFF !important; stroke: currentColor !important; } /* Mobile shell controls use dark forest against the same sage chrome. */ html:has(.members-layout-root) body .members-layout-root .member-platform .member-canonical-mobile-header :is(.msh-control--menu, .msh-control--profile, .member-global-next-mobile, .mch-header-more-button) { background: #243D32 !important; border-color: #243D32 !important; color: #FBF6EF !important; } html:has(.members-layout-root) body .members-layout-root .member-platform .member-canonical-mobile-header :is(.msh-control--menu, .msh-control--profile, .member-global-next-mobile, .mch-header-more-button) :is(span, strong, svg) { color: #FBF6EF !important; stroke: currentColor !important; } /* Sidebar nav uses dark forest text on sage; active item flips to forest/cream. */ html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item) { background: transparent !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item) :is(.nav-item-label, .nav-item-icon, .member-nav-item-title, svg) { color: #2A2118 !important; stroke: currentColor !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar, .desktop-sidebar) :is(.nav-item-hint, .nav-label, .sidebar-location-area) { color: #2F3D2A !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):hover:not(.active):not([aria-current=page]) { background: #B2BFAA !important; color: #2A2118 !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):is(.active, [aria-current=page]) { background: #243D32 !important; color: #FBF6EF !important; box-shadow: none !important; } html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar, .desktop-sidebar) :is(.nav-item, .member-nav-item):is(.active, [aria-current=page]) :is(.nav-item-label, .nav-item-icon, .member-nav-item-title, svg, .nav-item-hint) { color: #FBF6EF !important; stroke: currentColor !important; } /* Open mobile navigation is part of the same sage chrome. */ html:has(.members-layout-root) body .members-layout-root .member-platform :is(.member-sidebar.mobile-open, .mobile-more-drawer, .mobile-more-drawer.open, .mobile-more-head, .mobile-more-direction, .mobile-more-groups) { background: #9EAD98 !important; background-color: #9EAD98 !important; background-image: none !important; color: #2A2118 !important; }

Sign in to CoWorkz