/* Refinelook mint operational workspaces. Deliberately scoped away from
   navigation. Calendar axes, event geometry, hidden states, and dialog layers
   remain owned by their functional styles. */

/* Schedule: one white working surface with a compact control strip. */
body.pro-mode .dashboard-shell .dashboard-content .business-schedule-mode-stage {
  gap: 0;
  padding: 0;
  border: 1px solid var(--pro-ui-line);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 3px 12px #172b2a04;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar {
  gap: 9px;
  padding: 14px 16px;
  border: 0;
  border-radius: 11px 11px 0 0;
  background: #fff;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-navigation {
  border-color: var(--pro-ui-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-trigger {
  color: var(--pro-ui-ink);
  font-size: .78rem;
  font-weight: 600;
  border-radius: 6px;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-button {
  color: var(--pro-ui-muted);
  border-radius: 6px;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-button:hover,
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-trigger:is(:hover, [aria-expanded="true"]) {
  color: var(--pro-ui-accent-ink);
  background: var(--pro-ui-accent-soft);
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch {
  padding: 2px;
  border-color: var(--pro-ui-line);
  border-radius: 8px;
  background: #f6faf8;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch > button {
  color: var(--pro-ui-muted);
  font-size: .72rem;
  font-weight: 500;
  border-radius: 6px;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch > button.active {
  color: var(--pro-ui-accent-ink);
  font-weight: 600;
  background: #fff;
  box-shadow: 0 1px 3px #172b2a0d;
}

/* Keep the established sliding selection thumb and its coordinates. */
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch.business-moving-segmented > button.active {
  background: transparent;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch.business-moving-segmented::before {
  border-color: var(--pro-ui-line);
  border-radius: 6px;
  box-shadow: 0 1px 3px #172b2a0a;
}

body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-professional-control, .business-calendar-interval-control) .prelook-select-trigger {
  border-color: var(--pro-ui-line);
  border-radius: 8px;
  color: var(--pro-ui-ink);
  background: #fff;
  font-size: .75rem;
  font-weight: 500;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-own-schedule {
  color: var(--pro-ui-ink);
  border-color: var(--pro-ui-line);
  border-radius: 8px;
  background: #fff;
  font-size: .75rem;
}

body.pro-mode .dashboard-shell .dashboard-content .business-schedule-mode-stage > :is(.business-booking-calendar-key, .business-working-hours-legend) {
  margin: 0;
  padding: 9px 16px 12px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content :is(.business-booking-calendar-key, .business-working-hours-legend) > strong {
  color: var(--pro-ui-muted);
  font-size: .65rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.pro-mode .dashboard-shell .dashboard-content :is(.business-booking-calendar-key, .business-working-hours-legend) li {
  font-size: .65rem;
  font-weight: 500;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-surface {
  border-color: var(--pro-ui-line);
  border-radius: 0 0 10px 10px;
  background: #fff;
}

body.pro-mode .dashboard-shell .dashboard-content :is(.business-week-timeline-desktop, .business-day-timeline, .business-day-staff-calendar) {
  border-color: var(--pro-ui-line);
}

body.pro-mode .dashboard-shell .dashboard-content :is(.business-week-timeline-desktop > header, .business-day-staff-corner, .business-day-hours-axis-header, .business-day-staff-header) {
  border-color: var(--pro-ui-line);
  background: #fafcfb;
  color: var(--pro-ui-muted);
}

body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header {
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--stylist-color, var(--pro-ui-accent-ink)) 50%, white);
}

body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header > :is(img, span) {
  font-weight: 600;
}

body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header strong {
  color: var(--pro-ui-ink);
  font-weight: 600;
}

body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header small {
  color: var(--pro-ui-muted);
}

body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header:is(.is-off-duty, .is-salon-closed) {
  background: #f1f5f3;
}

body.pro-mode .dashboard-shell .dashboard-content .business-week-timeline-desktop > header > :is(div, button, span) {
  border-right-color: var(--pro-ui-line);
}

body.pro-mode .dashboard-shell .dashboard-content .business-week-timeline-desktop > header > .business-week-date-button > span {
  color: var(--pro-ui-muted);
  font-weight: 500;
  text-transform: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-week-timeline-desktop > header > .business-week-date-button > strong {
  color: var(--pro-ui-ink);
  font-weight: 600;
}

body.pro-mode .dashboard-shell .dashboard-content .business-week-timeline-desktop > header > .business-week-date-button.today {
  background: var(--pro-ui-accent-soft);
  box-shadow: inset 0 -2px #9ed4c2;
}

body.pro-mode .dashboard-shell .dashboard-content .business-week-timeline-desktop > header > .business-week-date-button.today > strong {
  color: #fff;
  background: var(--pro-ui-accent-ink);
}

/* Only the appearance changes: event size, phase indicators, and stacking stay. */
body.pro-mode .dashboard-shell .dashboard-content .business-booking-event {
  border-top-color: color-mix(in srgb, var(--stylist-color) 18%, white);
  border-right-color: color-mix(in srgb, var(--stylist-color) 18%, white);
  border-bottom-color: color-mix(in srgb, var(--stylist-color) 18%, white);
  border-radius: 6px;
  background: color-mix(in srgb, var(--stylist-soft) 68%, white);
  color: var(--pro-ui-ink);
  box-shadow: 0 1px 3px #172b2a06;
}

body.pro-mode .dashboard-shell .dashboard-content .business-booking-event-summary > strong {
  color: var(--pro-ui-ink);
  font-weight: 600;
}

body.pro-mode .dashboard-shell .dashboard-content .business-month-booking-marker {
  border-radius: 5px;
  background: color-mix(in srgb, var(--stylist-soft) 70%, white);
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-month-grid > section {
  border-color: var(--pro-ui-line);
}

body.pro-mode .dashboard-shell .dashboard-content .business-month-grid > section.is-location-open {
  background: #fff;
}

body.pro-mode .dashboard-shell .dashboard-content .business-month-grid > section.has-custom-hours {
  background: #f7fbf9;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker {
  padding: 12px;
  border-color: var(--pro-ui-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 45px #172b2a21, 0 2px 7px #172b2a08;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-month {
  color: var(--pro-ui-ink);
  font-size: .8rem;
  font-weight: 600;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-weekdays {
  color: var(--pro-ui-muted);
  font-size: .64rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day {
  color: var(--pro-ui-ink);
  font-size: .75rem;
  font-weight: 500;
  border-radius: 8px;
}

body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day.is-outside { color: #a6b4ae; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day:is(.is-today, [aria-current="date"]) { border-color: #9bcdbb; color: var(--pro-ui-accent-ink); box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day:hover:not(:disabled):not(.is-selected) { background: var(--pro-ui-accent-soft); color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day:is(.is-selected, [aria-selected="true"]) { border-color: var(--pro-ui-accent-ink); color: #fff; background: var(--pro-ui-accent-ink); box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day:disabled { color: #adb8b3; background: transparent; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-footer > button { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); font-weight: 600; border-radius: 7px; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-footer > button:hover { color: #fff; background: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-period-button, .business-calendar-period-trigger, .business-calendar-date-picker-header > button, .business-calendar-date-picker-day, .business-calendar-date-picker-month, .business-calendar-date-picker-footer > button):focus-visible { outline-color: #83bda9; }

/* Neutral open time leaves stylist and availability colors meaningful. */
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-surface[data-calendar-mode="bookings"] .business-day-staff-column:not(.is-salon-closed):not(.is-off-duty) .business-day-staff-grid { background-color: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-slots > div { border-bottom-color: var(--pro-ui-line); }

/* Inbox: a connected conversation list and message surface. */
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox,
body.pro-mode :is(.communication-settings, .communication-new-message) {
  --msg-ink: var(--pro-ui-ink);
  --msg-muted: var(--pro-ui-muted);
  --msg-line: var(--pro-ui-line);
  --msg-purple: var(--pro-ui-accent-ink);
  font-family: var(--pro-ui-font, Inter, sans-serif);
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-messages-layout {
  gap: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox :is(.communication-customers, .communication-chat) {
  border: 1px solid var(--pro-ui-line);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 3px 12px #172b2a04;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers > header {
  gap: 9px;
  padding: 18px 17px 14px;
  color: var(--pro-ui-ink);
  font-size: .84rem;
  font-weight: 600;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers > header > span {
  min-width: 23px;
  height: 23px;
  color: var(--pro-ui-accent-ink);
  background: var(--pro-ui-accent-soft);
  font-size: .66rem;
  font-weight: 600;
  border-radius: 50%;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-search input {
  padding-left: 35px;
  border-color: var(--pro-ui-line);
  border-radius: 8px;
  color: var(--pro-ui-ink);
  background: #fcfefd;
  font-size: .75rem;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-search input:focus {
  border-color: #9bcdbb;
  outline-color: #edf8f3;
  background: #fff;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list {
  padding: 1px 9px 10px;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button {
  margin-bottom: 3px;
  padding: 12px 10px;
  border-radius: 8px;
  border-color: transparent;
  background: #fff;
  box-shadow: none;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button:hover { background: #f7fbf9; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button.active { background: var(--pro-ui-accent-soft); border-color: #dceee6; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .communication-row-heading strong { color: var(--pro-ui-ink); font-size: .77rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button small { color: var(--pro-ui-muted); font-size: .72rem; font-weight: 400; line-height: 1.5; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button > .communication-avatar { width: 35px; height: 35px; border-radius: 50%; color: #4c917b; background: #e7f5ef; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button > .communication-unread { width: 20px; height: 20px; min-width: 20px; color: #fff; background: var(--pro-ui-accent-ink); font-size: .6rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-inbox-channels { padding: 12px 16px; border-color: var(--pro-ui-line); background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox :is(.communication-source.is-native, .communication-inbox-channels .is-native) { color: #397b66; background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox :is(.communication-source.is-quo, .communication-inbox-channels .is-quo) { color: #467f71; background: #edf8f3; }

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-chat > header {
  padding: 16px 20px;
  border-bottom-color: var(--pro-ui-line);
  background: #fff;
}

body.pro-mode .dashboard-shell .dashboard-content .communication-person-avatar { color: #4c917b; background: #e7f5ef; border-radius: 50%; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customer-name { color: var(--pro-ui-ink); font-size: .91rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .communication-provider-pane > header { border-color: var(--pro-ui-line); background: #fcfefd; }
body.pro-mode .dashboard-shell .dashboard-content .communication-provider-label { color: #73867f; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream { padding: 20px; gap: 14px; background: #f7faf9; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream > article { border-radius: 12px; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream > article.salon { color: #214e40; background: #e5f4ed; border-bottom-right-radius: 4px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .is-quo .communication-stream > article.salon { color: #295d4d; background: #e8f4f0; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream > article.customer { color: var(--pro-ui-ink); border-color: var(--pro-ui-line); background: #fff; border-bottom-left-radius: 4px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox :is(.communication-appointment-card, .communication-call-card) { border-color: var(--pro-ui-line); border-radius: 9px; background: #fff; box-shadow: 0 2px 5px #172b2a04; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input { border-color: #dcebe4; border-radius: 12px; background: #fff; box-shadow: 0 2px 5px #172b2a04; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input:focus-within { border-color: #9bcdbb; box-shadow: 0 0 0 3px #236c590d; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input .communication-send-button { border-radius: 9px; background: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input .communication-send-button:hover:not(:disabled) { background: #a7d9c8; }
body.pro-mode .dashboard-shell .dashboard-content .communication-workspace-notice { border-color: #dceee6; background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .communication-notice-icon { border-radius: 50%; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .communication-empty-room { background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .communication-empty-room > span { width: 72px; height: 72px; margin-bottom: 19px; border: 0; border-radius: 50%; color: #98c1b1; background: #f1f8f4; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .communication-empty-room h3 { color: var(--pro-ui-ink); font-size: 1rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .communication-empty-room p { color: var(--pro-ui-muted); font-size: .77rem; }

body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-event-icon { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card:hover:not(:disabled) { border-color: var(--pro-ui-accent-line); background: #fcfefd; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card:focus-visible { outline-color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card strong { font-size: .8125rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card small { color: var(--pro-ui-accent-ink); font-size: .6875rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card > span:nth-child(2) > span { color: var(--pro-ui-muted); font-size: .6875rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card > time { color: var(--pro-ui-muted); font-size: .625rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-divider { border-color: var(--pro-ui-line); background: #f1f7f4; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-divider > span { background: #b1c9bf; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-divider:is(:hover, :focus-visible) { background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-divider:focus-visible > span { background: var(--pro-ui-accent-ink); }

/* Message settings and transcript drawers use the same surface family. */
body.pro-mode [data-team-drawer="message-settings"] :is(.business-team-drawer, .business-team-drawer-body) { background: #f7faf9; }
body.pro-mode .communication-settings-tabs { border-color: var(--pro-ui-line); }
body.pro-mode .communication-channel-icon { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); border-radius: 50%; }
body.pro-mode .communication-channel-card { border-color: var(--pro-ui-line); border-radius: 10px; box-shadow: 0 2px 6px #172b2a04; }
body.pro-mode .communication-channel-card:has(input:checked) { border-color: #b9dccd; background: #fcfefd; }
body.pro-mode .communication-switch input:checked + span { background: var(--pro-ui-accent-ink); }
body.pro-mode .communication-settings .solid-button { background: var(--pro-ui-accent-ink); }
body.pro-mode :is(.communication-config-card, .communication-number-card, .communication-connection-link) { border-color: var(--pro-ui-line); border-radius: 10px; }

/* Settings: horizontal general preference, paired business details, then policy. */
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card {
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--pro-ui-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px #172b2a04;
}

body.pro-mode .dashboard-shell .dashboard-content .business-settings-grid { gap: 16px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-grid:not(.business-settings-grid-continued):not(.business-readonly-grid) { grid-template-columns: minmax(0, 1fr); }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-form-grid { gap: 14px 16px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field { gap: 7px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field > span { color: #627971; font-size: .72rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field :is(input:not([type="checkbox"]), .prelook-select-trigger) { min-height: 39px; border-color: var(--pro-ui-line); border-radius: 7px; color: var(--pro-ui-ink); font-size: .78rem; background: #fdfefd; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field :is(input:not([type="checkbox"]), .prelook-select-trigger):focus-visible { outline-color: #9bcdbb; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-policy-header { align-items: flex-start; flex-wrap: wrap; gap: 9px 12px; padding-bottom: 12px; margin-bottom: 0; border-bottom: 1px solid #edf3ef; }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-settings-card, .business-settings-search-visibility) h3 { margin: 0; color: var(--pro-ui-ink); font-size: .9rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card > h3 { padding-bottom: 12px; border-bottom: 1px solid #edf3ef; }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-settings-card > p, .business-settings-policy-header p, .business-settings-search-visibility-copy p:not(.eyebrow)) { color: var(--pro-ui-muted); font-size: .75rem; line-height: 1.6; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-save-state { min-height: 25px; padding: 4px 7px; border: 0; border-radius: 5px; font-size: .62rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility { gap: 20px; padding: 18px 20px; border-color: var(--pro-ui-line); border-radius: 10px; background: #fff; box-shadow: 0 3px 12px #172b2a04; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-icon { width: 38px; height: 38px; border-radius: 50%; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-copy .eyebrow { color: var(--pro-ui-muted); font-size: .62rem; font-weight: 500; letter-spacing: .02em; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-status { min-height: 25px; padding: 3px 7px; border-radius: 5px; font-size: .62rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch { max-width: none; padding: 12px; gap: 12px; border-color: var(--pro-ui-line); border-radius: 8px; background: #f7faf9; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch strong { color: var(--pro-ui-ink); font-size: .75rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch small { color: var(--pro-ui-muted); font-size: .68rem; line-height: 1.5; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch input:checked + i { background: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check { gap: 11px; padding: 12px; border-color: var(--pro-ui-line); border-radius: 8px; color: var(--pro-ui-ink); font-size: .75rem; font-weight: 400; background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check:hover { border-color: #c5dfd3; background: #fbfdfc; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check:has(input:checked) { border-color: #dceee6; background: #f4faf7; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check input { accent-color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check > span { line-height: 1.5; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check:focus-within,
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch input:focus-visible + i { outline-color: #9bcdbb; }


/* General language preference has its own compact row, not another nested card. */
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card { padding: 18px 20px; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker { max-width: none; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-icon { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); border-radius: 50%; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-heading strong { color: var(--pro-ui-ink); font-size: .86rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-heading small { color: var(--pro-ui-muted); font-size: .72rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice { min-height: 52px; padding: 9px 26px 9px 11px; border-color: var(--pro-ui-line); border-radius: 8px; background: #fff; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice:hover { border-color: #b9dccd; background: #f9fdfa; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice.is-selected { border-color: #b9dccd; color: var(--pro-ui-accent-ink); background: #f4faf7; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > span { font-size: .76rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > small { color: var(--pro-ui-muted); font-size: .63rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice.is-selected > i { background: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card h3:has(.pro-section-icon) { display: flex; align-items: center; gap: 10px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card h3 > .pro-section-icon { width: 32px; height: 32px; flex: 0 0 32px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-policy-header > div:has(.pro-section-icon) > p { padding-left: 42px; }

/* Notifications retain their horizontal category rails and review actions. */
body.pro-mode .dashboard-shell .dashboard-content .business-notifications-page { gap: 16px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary { grid-template-columns: repeat(2, minmax(0, 230px)); gap: 12px; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button { min-height: 89px; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 18px; padding: 18px 20px; border-color: var(--pro-ui-line); border-radius: 10px; background: #fff; box-shadow: 0 3px 12px #172b2a04; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button:hover { border-color: #c2dfd2; box-shadow: 0 3px 12px #172b2a08; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button.is-active { border-color: #b9dccd; background: #fbfdfc; box-shadow: inset 0 0 0 1px #e8f5ee; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button.is-action.is-active { border-color: #c6e2d6; background: #f0f9f4; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary span { color: #61776e; font-size: .76rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary strong { color: var(--pro-ui-ink); font-size: 1.7rem; font-weight: 600; letter-spacing: -.035em; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > .is-action strong { color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-board { gap: 16px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category { gap: 12px; padding: 16px; border: 1px solid var(--pro-ui-line); border-radius: 11px; background: #fff; box-shadow: 0 3px 12px #172b2a04; --notification-color: var(--pro-ui-accent-ink); --notification-soft: var(--pro-ui-accent-soft); --notification-border: #cce5d9; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category.is-bookings { --notification-color: #3a856c; --notification-soft: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category.is-messages { --notification-color: #4f8678; --notification-soft: #eff8f4; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category > header { gap: 10px; padding: 0 1px 3px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-icon { width: 35px; height: 35px; flex-basis: 35px; border-radius: 50%; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category h3 { color: var(--pro-ui-ink); font-size: .86rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-count { color: var(--pro-ui-muted); font-size: .67rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-count.has-unread { color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-page-count { color: var(--pro-ui-muted); font-size: .67rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-load { color: var(--pro-ui-accent-ink); font-size: .7rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-scroll-controls { gap: 0; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-scroll-controls button { width: 29px; height: 29px; border-color: var(--pro-ui-line); border-radius: 6px 0 0 6px; color: var(--pro-ui-muted); background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-scroll-controls button + button { margin-left: -1px; border-radius: 0 6px 6px 0; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-scroll-controls button:hover:not(:disabled) { color: var(--pro-ui-accent-ink); background: #edf8f3; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-scroll-controls button:disabled { color: #b0bcb5; background: #fcfefd; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-rail { gap: 12px; scrollbar-color: #d2e4da transparent; padding-bottom: 7px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row { min-height: 234px; padding: 14px; gap: 12px; border-color: var(--pro-ui-line); border-radius: 9px; background: #fff; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row::before { display: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row[data-read-state="read"] { background: #fcfefd; border-color: #eaf2ed; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row.is-unread { border-color: #d6eade; background: #fff; box-shadow: 0 2px 5px #172b2a04; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row.needs-action { border-color: #c4e1d3; background: #f9fdfa; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row:hover { border-color: #aacfbf; background: #f9fdfa; box-shadow: 0 3px 9px #172b2a08; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy { gap: 9px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy > strong { color: var(--pro-ui-ink); font-size: .8rem; line-height: 1.5; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row[data-read-state="read"] .business-notification-row-copy > strong { color: #61766d; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy > p { color: var(--pro-ui-muted); font-size: .73rem; line-height: 1.6; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy time { color: #8c9c93; font-size: .62rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-type { color: #72877b; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-state .is-action { padding: 3px 6px; border-radius: 4px; color: #947026; background: #fff5dd; font-size: .58rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-action { margin: 0 -14px -14px; padding: 10px 14px; border-top: 1px solid #e8f1eb; border-radius: 0 0 8px 8px; color: var(--pro-ui-accent-ink); background: #f4faf7; font-size: .7rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row.needs-action .business-notification-row-action { color: #fff; background: var(--pro-ui-accent-ink); border-top-color: transparent; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-action i { color: inherit; background: none; border-color: transparent; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-empty { padding: 35px 20px; border: 1px dashed #e3eee7; border-radius: 8px; background: #fcfefd; color: var(--pro-ui-muted); text-align: center; font-size: .75rem; }

@media (min-width: 1101px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar,
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar.has-interval-control {
    grid-template-columns: minmax(190px, 1fr) max-content minmax(170px, max-content) max-content;
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-navigation { grid-column: 1; grid-row: 1; width: min(300px, 100%); }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch { grid-column: 2; grid-row: 1; }
  body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-professional-control, .business-calendar-own-schedule) { grid-column: 3; grid-row: 1; }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-interval-control { grid-column: 4; grid-row: 1; }
  body.pro-mode .dashboard-shell .dashboard-content .business-workspace-page:has(> .business-settings-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-workspace-page:has(> .business-settings-grid) > :is(.business-page-header, .business-language-settings-card, .business-settings-search-visibility, .business-settings-grid-continued, .business-readonly-grid, [data-business-form="support"], .business-salon-danger-zone) { grid-column: 1 / -1; }
  body.pro-mode .dashboard-shell .dashboard-content .business-workspace-page:has(> .business-settings-grid) > .business-settings-grid:not(.business-settings-grid-continued):not(.business-readonly-grid) { align-self: stretch; height: 100%; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-grid:not(.business-settings-grid-continued):not(.business-readonly-grid) > .business-settings-card { align-content: start; height: 100%; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-messages-layout { grid-template-columns: minmax(260px, 28%) minmax(0, 1fr); }
}

@media (max-width: 1100px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar { padding: 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility { grid-template-columns: minmax(0, 1fr); }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-control { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-status { justify-self: start; }
}

@media (max-width: 900px) {
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-messages-layout { gap: 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers > header { padding: 10px 12px; font-size: .76rem; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list { padding: 3px 8px 7px; border-color: var(--pro-ui-line); }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button { padding: 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-chat > header { padding: 12px; }
}

@media (max-width: 620px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar { padding: 10px; gap: 8px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-schedule-mode-stage > :is(.business-booking-calendar-key, .business-working-hours-legend) { padding-inline: 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-card,
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility { padding: 16px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-grid { grid-template-columns: minmax(0, 1fr); }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-control { grid-template-columns: minmax(0, 1fr); justify-items: stretch; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-copy { gap: 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-icon { width: 32px; height: 32px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button { min-height: 78px; grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 13px 14px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary strong { font-size: 1.45rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category { padding: 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category > header { flex-wrap: wrap; gap: 7px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-controls { width: 100%; margin-left: 0; padding-left: 42px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category h3 { font-size: .8rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-rail { grid-auto-columns: min(296px, calc(100% - 6px)); }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customer-name { font-size: .8rem; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream { padding: 14px 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input { border-radius: 10px; }
}

/* A blank autosave live region should not paint an empty status chip. */
body.pro-mode .dashboard-shell .dashboard-content .business-settings-save-state:empty {
  min-height: 0;
  padding: 0;
  background: transparent;
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-card[aria-labelledby="business-settings-contact-title"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-card[aria-labelledby="business-settings-contact-title"] > .business-settings-policy-header {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar,
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar.has-interval-control {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-navigation {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
  }
  body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-professional-control, .business-calendar-own-schedule) {
    grid-column: 1;
    grid-row: 3;
    min-width: 0;
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-interval-control {
    grid-column: 2;
    grid-row: 3;
    min-width: 0;
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar:not(.has-interval-control) :is(.business-calendar-professional-control, .business-calendar-own-schedule) {
    grid-column: 1 / -1;
  }
  body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-professional-control, .business-calendar-interval-control) :is(.prelook-select-shell, .prelook-select-trigger) {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 620px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-schedule-page-header {
    grid-template-columns: minmax(0, 1fr);
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-schedule-page-header .business-header-actions {
    width: 100%;
  }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker {
    bottom: calc(var(--dashboard-dock-clearance, 108px) + env(safe-area-inset-bottom));
    max-height: calc(100dvh - var(--dashboard-dock-clearance, 108px) - env(safe-area-inset-bottom) - 24px);
  }
}

/* Current references: wider breathing room, readable controls, and mint actions. */
body.pro-mode .dashboard-shell .dashboard-content .business-schedule-mode-stage {
  padding: 0 14px 14px;
  border-radius: 14px;
  box-shadow: 0 5px 20px #172b2a04;
}
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar {
  padding: 16px 0;
  gap: 12px;
  border-radius: 13px 13px 0 0;
}
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-surface {
  border: 1px solid var(--pro-ui-line);
  border-radius: 10px;
}
body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-period-navigation, .business-calendar-view-switch) { border-radius: 10px; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-trigger { font-size: .875rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-view-switch > button { font-size: .75rem; }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-professional-control, .business-calendar-interval-control) .prelook-select-trigger { font-size: .8125rem; border-radius: 9px; }
body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header { background: #fbfdfc; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header strong { font-size: .78rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-day-staff-header small { font-size: .67rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-booking-event { border-radius: 7px; box-shadow: 0 2px 5px #172b2a05; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-now-line,
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-now-line > span { background: #5dac8e; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-now-line > time { color: var(--pro-ui-accent-ink); background: #ddf3e8; box-shadow: none; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-day:is(.is-selected, [aria-selected="true"]) { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent); }
body.pro-mode .dashboard-shell .dashboard-content .business-calendar-date-picker-footer > button:hover { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .dashboard-shell .dashboard-content .business-week-timeline-desktop > header > .business-week-date-button.today > strong { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .dashboard-shell .dashboard-content .business-schedule-mode-stage > :is(.business-booking-calendar-key, .business-working-hours-legend) { padding: 0 0 13px; }

/* A single connected inbox follows the reference's split-pane composition. */
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-messages-layout {
  gap: 0;
  border: 1px solid var(--pro-ui-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 24px #172b2a04;
}
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox :is(.communication-customers, .communication-chat) { border: 0; border-radius: 0; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers { border-right: 1px solid var(--pro-ui-line); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers > header { padding: 21px 19px 15px; font-size: 1rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers > header > span { min-width: 27px; height: 27px; border-radius: 8px; font-size: .75rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-search input { min-height: 43px; font-size: .8125rem; background: #fdfefd; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list { padding: 4px 10px 14px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button { min-height: 89px; padding: 14px 12px; gap: 12px; border-radius: 9px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button.active { border-color: var(--pro-ui-accent-line); background: #f1faf5; box-shadow: inset 2px 0 var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button > .communication-avatar { width: 43px; height: 43px; background: var(--pro-ui-accent-soft); color: var(--pro-ui-accent-ink); font-size: .95rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-row-heading strong { font-size: .84rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button small { font-size: .78rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button > .communication-unread { background: var(--pro-ui-accent); color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-chat > header { min-height: 83px; padding: 17px 22px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-person-avatar { width: 45px; height: 45px; flex-basis: 45px; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customer-name { font-size: 1rem; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream { padding: 24px; gap: 18px; background: #f7faf9; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream > article.salon { color: var(--pro-ui-ink); background: #e8f5ef; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .is-quo .communication-stream > article.salon { color: var(--pro-ui-ink); background: #e2f1ec; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-appointment-card { width: min(100%, 470px); padding: 16px; border-radius: 11px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input { padding: 5px 6px 5px 13px; border-radius: 11px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input .communication-send-button { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-compose-input .communication-send-button:hover:not(:disabled) { color: var(--pro-ui-accent-ink); background: #a9dccb; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-inbox-channels { min-height: 60px; gap: 9px; padding: 15px 18px; }
body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-inbox-channels .communication-source { border-radius: 999px; padding: 5px 9px; min-height: 25px; font-size: .67rem; }
body.pro-mode .communication-settings .solid-button { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .communication-settings :is(h3, .communication-channel-card > strong) { font-size: .9375rem; }
body.pro-mode .communication-settings :is(p, .communication-channel-description) { font-size: .8125rem; }
body.pro-mode .communication-channel-card { padding: 22px; border-radius: 12px; }
body.pro-mode .communication-switch input:checked + span { background: #81bfa7; }

/* Language is a full section, followed by balanced contact/profile cards. */
body.pro-mode .dashboard-shell .dashboard-content .business-settings-page { gap: 18px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card { padding: 24px; gap: 18px; border-radius: 14px; box-shadow: 0 5px 20px #172b2a03; }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-settings-card, .business-settings-search-visibility) h3 { font-size: 1rem; letter-spacing: -.02em; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card h3 > .pro-section-icon { width: 38px; height: 38px; flex-basis: 38px; border-radius: 12px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-policy-header { padding-bottom: 8px; border-bottom: 0; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card > h3 { padding-bottom: 4px; border-bottom: 0; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-policy-header > div:has(.pro-section-icon) > p { padding-left: 48px; }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-settings-card > p, .business-settings-policy-header p, .business-settings-search-visibility-copy p:not(.eyebrow)) { font-size: .8125rem; line-height: 1.6; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field { gap: 7px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field > span { color: #405a51; font-size: .8125rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-field :is(input:not([type="checkbox"]), .prelook-select-trigger) { min-height: 43px; padding-block: 10px; border-radius: 9px; font-size: .875rem; background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-card[data-business-form="salon-profile"] .business-form-grid > .business-field:first-child { grid-column: 1 / -1; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-save-state { min-height: 28px; padding: 5px 9px; border-radius: 9px; font-size: .69rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-save-state:empty { min-height: 0; padding: 0; background: transparent; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker { grid-template-columns: minmax(0, 1fr); gap: 18px; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-icon { width: 47px; height: 47px; flex-basis: 47px; border-radius: 14px; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-heading strong { font-size: 1rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-heading small { font-size: .8125rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice-grid { gap: 14px; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice { min-height: 76px; gap: 5px; padding: 14px 35px 14px 17px; border-radius: 12px; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > span { font-size: .9375rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > small { font-size: .78rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice.is-selected { color: var(--pro-ui-ink); background: #f0faf5; border-color: #93c5b1; box-shadow: inset 0 0 0 1px #dbefe4; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > i { top: 14px; right: 14px; width: 20px; height: 20px; }
body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice.is-selected > i { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility { padding: 24px; gap: 25px; border-radius: 14px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-icon { width: 47px; height: 47px; border-radius: 14px; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch { padding: 16px; border-radius: 11px; background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch strong { font-size: .8125rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch small { font-size: .75rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch input:checked + i { background: #81bfa7; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check { min-height: 52px; padding: 13px 14px; font-size: .8125rem; border-radius: 9px; border-color: transparent; background: #f8faf9; }
body.pro-mode .dashboard-shell .dashboard-content .business-settings-check:has(input:checked) { border-color: #e8f2ec; background: #f5faf7; }

/* Compact summary controls leave more room for the notification content. */
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary {
  display: inline-grid;
  width: max-content;
  max-width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  padding: 4px;
  border: 1px solid var(--pro-ui-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 2px 7px #172b2a03;
}
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button { min-height: 35px; grid-template-columns: auto auto; align-items: center; gap: 9px; padding: 5px 12px; border: 0; border-radius: 9px; background: transparent; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button:hover { background: #f4faf7; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button:is(.is-active, .is-action.is-active) { background: var(--pro-ui-accent-soft); box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary span { color: var(--pro-ui-muted); font-size: .8125rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary strong { display: inline-grid; min-width: 23px; height: 23px; place-items: center; border-radius: 50%; color: var(--pro-ui-accent-ink); background: #f0f8f3; font-size: .75rem; font-weight: 600; letter-spacing: 0; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button.is-active strong { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category { padding: 15px; border-color: #edf3ef; border-radius: 13px; box-shadow: 0 3px 12px #172b2a02; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category > header { gap: 10px; padding: 0 0 6px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-icon { width: 28px; height: 30px; flex-basis: 28px; color: var(--pro-ui-accent-ink); background: transparent; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-icon svg { width: 23px; height: 23px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category h3 { font-size: .9375rem; }
body.pro-mode .dashboard-shell .dashboard-content :is(.business-notification-category-count, .business-notification-page-count) { font-size: .72rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-load { font-size: .8125rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-rail { grid-auto-columns: minmax(210px, calc((100% - 60px) / 6)); gap: 12px; padding: 2px 0 4px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row { min-height: 258px; padding: 14px; border-color: #e9f0eb; border-radius: 10px; background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row[data-read-state="read"] { background: #fff; border-color: #edf2ee; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row:is(.is-unread, .needs-action) { border-color: #a9d0bd; background: #f7fcf8; box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row:hover { border-color: #86bda5; background: #f6fbf7; box-shadow: 0 4px 9px #172b2a06; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy > strong { font-size: .8125rem; line-height: 1.5; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy > p { font-size: .75rem; line-height: 1.55; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy > span:first-child { flex-wrap: wrap; gap: 5px; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-copy time { flex: 1 0 100%; max-width: none; font-size: .65rem; text-align: right; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row-action,
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row.needs-action .business-notification-row-action { margin: 0; padding: 11px 0 0; border-top: 1px solid var(--pro-ui-line); border-radius: 0; color: var(--pro-ui-accent-ink); background: transparent; font-size: .77rem; font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-customer strong { font-size: .74rem; }
body.pro-mode .dashboard-shell .dashboard-content .business-notification-empty { min-height: 132px; display: grid; place-items: center; padding: 32px 20px; border-color: #e3eee7; background: #fcfefd; font-size: .8125rem; }

@media (max-width: 900px) {
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers { border-right: 0; border-bottom: 1px solid var(--pro-ui-line); }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customers > header { padding: 12px; font-size: .875rem; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button { min-height: 80px; padding: 11px; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .business-message-customer-list > button > .communication-avatar { width: 35px; height: 35px; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-chat > header { min-height: 70px; padding: 12px; }
}
@media (max-width: 620px) {
  body.pro-mode .dashboard-shell .dashboard-content .business-schedule-mode-stage { padding: 0 8px 8px; border-radius: 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-toolbar { padding: 10px 0; gap: 8px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-period-trigger { font-size: .8125rem; }
  body.pro-mode .dashboard-shell .dashboard-content :is(.business-calendar-professional-control, .business-calendar-interval-control) .prelook-select-trigger { font-size: .75rem; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-stream { padding: 15px 10px; }
  body.pro-mode .dashboard-shell .dashboard-content .communication-inbox .communication-customer-name { font-size: .875rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-card,
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility { padding: 18px; border-radius: 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-card .business-form-grid { gap: 15px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-picker-heading { align-items: flex-start; }
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice-grid { gap: 9px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice { min-height: 69px; padding: 12px 29px 12px 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > span { font-size: .8125rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > small { font-size: .7rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-language-settings-card .language-choice > i { top: 11px; right: 9px; width: 17px; height: 17px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-visibility-icon { width: 38px; height: 38px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-settings-search-switch { padding: 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary { gap: 3px; padding: 4px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary > button { grid-template-columns: auto auto; min-height: 35px; padding: 5px 9px; gap: 7px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary span { font-size: .75rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-summary strong { font-size: .7rem; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category { padding: 12px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category-controls { padding-left: 38px; }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-rail { grid-auto-columns: min(280px, calc(100% - 6px)); }
  body.pro-mode .dashboard-shell .dashboard-content .business-notification-category .business-notification-row { min-height: 246px; }
}
@media (forced-colors: active) {
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-now-line,
  body.pro-mode .dashboard-shell .dashboard-content .business-calendar-now-line > :is(span, time) { color: HighlightText; background: Highlight; forced-color-adjust: none; }
}

/* Home keeps the live public-profile composition inside the Pro design system. */
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-home-inline-editor, .salon-public-profile, .salon-photo-manager-panel) {
  --salon-profile-violet: var(--pro-ui-accent-ink);
  --salon-profile-violet-dark: var(--pro-ui-accent-ink);
  --salon-profile-violet-soft: var(--pro-ui-accent-soft);
  --salon-profile-accent: var(--pro-ui-accent);
  --salon-profile-ink: var(--pro-ui-ink);
  --salon-profile-muted: var(--pro-ui-muted);
  --salon-profile-line: var(--pro-ui-line);
  --salon-profile-surface: #fff;
  font-family: var(--pro-ui-font);
}
body.pro-mode .dashboard-shell .dashboard-content .salon-public-profile :is(h1, h2, h3, h4) { color: var(--pro-ui-ink); font-family: var(--pro-ui-font); font-weight: 600; letter-spacing: -.03em; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-heading h1 { font-size: clamp(calc(1.75rem * var(--salon-profile-heading-scale)), calc(2.5vw * var(--salon-profile-heading-scale)), calc(2.375rem * var(--salon-profile-heading-scale))); line-height: 1.15; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-heading h2 { font-size: clamp(calc(1.3rem * var(--salon-profile-heading-scale)), calc(1.8vw * var(--salon-profile-heading-scale)), calc(1.7rem * var(--salon-profile-heading-scale))); line-height: 1.25; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-book-card h2 { font-size: calc(1.35rem * var(--salon-profile-heading-scale)); line-height: 1.25; }
body.pro-mode .dashboard-shell .dashboard-content .salon-public-profile :is(button, .salon-profile-heading-meta strong, .salon-profile-service-action strong, .salon-profile-book-card-heading > span) { font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-heading > p { font-weight: 500; letter-spacing: .035em; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-nav { border-bottom-color: var(--pro-ui-line); }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-nav button { color: var(--pro-ui-muted); font-size: .8125rem; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-nav button[aria-current="true"] { color: var(--pro-ui-accent-ink); font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-nav button::after { background: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-section-nav button:focus-visible { box-shadow: inset 0 0 0 2px var(--pro-ui-accent-line); }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-heading-actions .icon-button.active { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-category-rail button { min-height: 39px; border-color: var(--pro-ui-line); border-radius: 9px; color: var(--pro-ui-muted); background: #fff; font-weight: 500; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-category-rail button[aria-current="true"] { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent); font-weight: 600; }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-book-button, .salon-profile-gallery-add) { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); box-shadow: 0 3px 10px #172b2a0a; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-book-button { border-radius: 11px; }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-book-button, .salon-profile-gallery-add):hover:not(:disabled) { color: var(--pro-ui-accent-ink); background: #b8e2d0; box-shadow: 0 5px 14px #172b2a12; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-book-button:disabled { color: var(--pro-ui-muted); background: var(--pro-ui-line); box-shadow: none; }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-outline-button, .salon-profile-card-actions button) { border-color: var(--pro-ui-line); border-radius: 9px; color: var(--pro-ui-accent-ink); background: #fff; }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-outline-button, .salon-profile-card-actions button):hover:not(:disabled) { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-book-card, .salon-profile-service-row, .salon-profile-review-card, .salon-profile-policy-card) { border-color: var(--pro-ui-line); box-shadow: 0 3px 12px #172b2a04; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-book-card-heading > span { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .business-review-target-badge { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); font-weight: 500; letter-spacing: 0; }
body.pro-mode .dashboard-shell .dashboard-content .business-review-target-badge.stylist { color: #2d6d70; background: #edf7f7; }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-heading-meta button, .salon-profile-section-heading > p, .salon-profile-detail-link) { color: var(--pro-ui-accent-ink); }
body.pro-mode .dashboard-shell .dashboard-content :is(.salon-profile-hours-clock, .salon-profile-detail-icon) { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-hours-chevron { color: var(--pro-ui-muted); background: #f2f7f4; }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-hours-toggle:focus-visible { box-shadow: inset 0 0 0 2px var(--pro-ui-accent-line); }
body.pro-mode .dashboard-shell .dashboard-content .salon-profile-gallery-add:focus-visible { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); outline: 2px solid var(--pro-ui-accent-ink); outline-offset: 3px; }