/* Mint workspace overlays. Existing dialog, focus, autosave, and transition
   controllers retain ownership of their behavior and positioning. */
body.pro-mode :is(.business-modal-layer,.business-team-drawer-layer,.business-service-inspector-layer,.business-onboarding-dialog-layer,.business-salon-deletion-layer) {
  color: var(--pro-ui-ink);
  font-family: var(--pro-ui-font);
}
body.pro-mode :is(.business-modal-backdrop,.business-team-drawer-backdrop,.business-onboarding-dialog-backdrop,.business-salon-deletion-backdrop) {
  background: rgb(27 49 42 / 23%);
  backdrop-filter: blur(3px);
}
body.pro-mode :is(.business-modal,.business-team-drawer,.business-salon-deletion-dialog,.salon-photo-manager-panel) {
  border: 1px solid var(--pro-ui-line);
  border-radius: 18px;
  color: var(--pro-ui-ink);
  background: #fff;
  font-family: var(--pro-ui-font);
  box-shadow: 0 22px 76px rgb(25 57 46 / 16%);
}
body.pro-mode .business-team-drawer {
  height: calc(100dvh - 24px);
  max-height: calc(100dvh - 24px);
  margin: 12px 12px 12px auto;
}
body.pro-mode :is(.business-team-drawer-header,.business-service-inspector > form > .business-service-inspector-header) {
  gap: 18px;
  padding: 25px 26px 23px;
  border-color: var(--pro-ui-line);
  background: #fff;
}
body.pro-mode :is(.business-team-drawer-header > div > span,.business-service-inspector-header > div > span,.business-modal .pro-eyebrow) {
  color: var(--pro-ui-accent-ink);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .09em;
  line-height: 1.5;
}
body.pro-mode :is(.business-team-drawer-header h2,.business-service-inspector-header h3,.business-modal > header h2) {
  color: var(--pro-ui-ink);
  font-family: var(--pro-ui-font);
  font-size: 23px;
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.25;
}
body.pro-mode :is(.business-team-drawer-header p,.business-modal > header p) {
  margin-top: 6px;
  color: var(--pro-ui-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}
body.pro-mode :is(.business-team-drawer-header,.business-service-inspector-header,.business-modal > header) > .icon-button {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  flex: 0 0 38px;
  border: 1px solid var(--pro-ui-line);
  border-radius: 10px;
  color: var(--pro-ui-muted);
  background: #fff;
  box-shadow: 0 2px 4px rgb(25 57 46 / 3%);
}
body.pro-mode :is(.business-team-drawer-header,.business-service-inspector-header,.business-modal > header) > .icon-button:hover {
  color: var(--pro-ui-accent-ink);
  border-color: var(--pro-ui-accent-line);
  background: var(--pro-ui-accent-soft);
}
body.pro-mode .business-team-drawer-body { background: #fff; }
body.pro-mode .business-team-drawer-form { padding: 24px 26px 100px; }
body.pro-mode :is(.business-modal,.business-team-drawer) .business-form-grid { gap: 19px 16px; }
body.pro-mode :is(.business-modal,.business-team-drawer) .business-field { min-width: 0; gap: 8px; }
body.pro-mode :is(.business-modal,.business-team-drawer) .business-field > :is(span,label),
body.pro-mode :is(.business-modal,.business-team-drawer) .business-service-team-picker > legend {
  color: var(--pro-ui-ink);
  font-size: 12px;
  font-weight: 550;
  line-height: 1.5;
  letter-spacing: 0;
}
body.pro-mode :is(.business-modal,.business-team-drawer) .business-field > small,
body.pro-mode :is(.business-modal,.business-team-drawer) .business-switch > small {
  color: var(--pro-ui-muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
}
body.pro-mode :is(.business-modal,.business-team-drawer,.business-salon-deletion-dialog) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),textarea,select):not(.prelook-native-select),
body.pro-mode :is(.business-modal,.business-team-drawer) :is(.prelook-select-trigger,.business-manual-service-trigger) {
  min-height: 44px;
  border-color: var(--pro-ui-line);
  border-radius: 9px;
  color: var(--pro-ui-ink);
  background-color: #fff;
  font-family: var(--pro-ui-font);
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 1px 3px rgb(25 57 46 / 2%);
}
body.pro-mode :is(.business-modal,.business-team-drawer) textarea { min-height: 104px; line-height: 1.65; }
body.pro-mode :is(.business-modal,.business-team-drawer) :is(input,textarea)::placeholder { color: var(--pro-ui-muted); opacity: .9; }
body.pro-mode :is(.business-modal,.business-team-drawer) :is(input,textarea,select):focus-visible,
body.pro-mode :is(.business-modal,.business-team-drawer) .prelook-select-trigger:focus-visible {
  outline: 2px solid var(--pro-ui-accent-ink);
  outline-offset: 2px;
  border-color: var(--pro-ui-accent-line);
}
body.pro-mode :is(.business-modal,.business-team-drawer) :is(input,textarea,select,button):disabled {
  cursor: not-allowed;
}
body.pro-mode :is(.business-modal,.business-team-drawer) :is(.business-switch,.business-check) input {
  accent-color: var(--pro-ui-accent-ink);
}
body.pro-mode :is(.business-modal,.business-team-drawer) .business-switch input:checked + span {
  background: var(--pro-ui-accent-ink);
  border-color: var(--pro-ui-accent-ink);
}
body.pro-mode :is(.business-modal,.business-team-drawer,.business-salon-deletion-dialog,.salon-photo-manager-panel) :is(.solid-button,.outline-button,.ghost-button) {
  border-radius: 9px;
  font-family: var(--pro-ui-font);
  font-size: 12px;
  font-weight: 550;
  line-height: 1.4;
  letter-spacing: 0;
}
body.pro-mode :is(.business-modal,.business-team-drawer,.salon-photo-manager-panel) .solid-button.pro:not(.danger) {
  border: 1px solid var(--pro-ui-accent-line);
  color: var(--pro-ui-accent-ink);
  background: var(--pro-ui-accent);
  box-shadow: 0 2px 4px rgb(25 57 46 / 4%);
}
body.pro-mode :is(.business-modal,.business-team-drawer,.salon-photo-manager-panel) .solid-button.pro:not(.danger):hover:not(:disabled) {
  background: color-mix(in srgb,var(--pro-ui-accent) 86%,var(--pro-ui-accent-ink));
  border-color: color-mix(in srgb,var(--pro-ui-accent-line) 76%,var(--pro-ui-accent-ink));
}
body.pro-mode :is(.business-modal,.business-team-drawer,.salon-photo-manager-panel) :is(.outline-button,.ghost-button):not(.danger) {
  color: var(--pro-ui-ink);
  border-color: var(--pro-ui-line);
  background: #fff;
}
body.pro-mode :is(.business-modal,.business-team-drawer,.salon-photo-manager-panel) :is(.outline-button,.ghost-button):not(.danger):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 .business-team-drawer .business-team-drawer-footer,
body.pro-mode .business-service-inspector > form > .business-service-inspector-footer {
  gap: 10px;
  padding: 16px 26px calc(16px + env(safe-area-inset-bottom,0px));
  border-color: var(--pro-ui-line);
  background: #fff;
  box-shadow: 0 -4px 16px rgb(25 57 46 / 3%);
}
body.pro-mode :is(.business-modal,.business-team-drawer) .business-modal-section {
  padding: 20px;
  border: 1px solid var(--pro-ui-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 2px 5px rgb(25 57 46 / 2%);
}
body.pro-mode :is(.business-modal,.business-team-drawer) .business-modal-section > :is(h3,h4),
body.pro-mode :is(.business-modal,.business-team-drawer) .business-modal-section > header h3 {
  margin: 0 0 18px;
  color: var(--pro-ui-ink);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.02em;
}
/* Calendar creation and appointment details. */
body.pro-mode .business-calendar-draft-summary {
  gap: 14px;
  padding: 17px 18px;
  border: 1px solid var(--pro-ui-accent-line);
  border-radius: 12px;
  color: var(--pro-ui-accent-ink);
  background: var(--pro-ui-accent-soft);
}
body.pro-mode .business-calendar-draft-summary > span { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); }
body.pro-mode .business-calendar-draft-summary strong { color: var(--pro-ui-ink); font-size: 13px; font-weight: 600; }
body.pro-mode .business-calendar-draft-summary p { margin-top: 5px; color: var(--pro-ui-muted); font-size: 12px; }
body.pro-mode .business-calendar-entry-types { gap: 4px; padding: 4px; border: 1px solid var(--pro-ui-line); border-radius: 11px; background: var(--pro-ui-canvas); }
body.pro-mode .business-calendar-entry-types > button { min-height: 39px; color: var(--pro-ui-muted); font-size: 12px; font-weight: 550; border-radius: 8px; }
body.pro-mode .business-calendar-entry-types > button.active { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent); box-shadow: 0 1px 3px rgb(25 57 46 / 5%); }
body.pro-mode .business-calendar-booking-drawer-content.is-refined { gap: 18px; padding: 24px 26px 28px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-when {
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--pro-ui-accent-line);
  border-radius: 14px;
  background: var(--pro-ui-accent-soft);
}
body.pro-mode .business-booking-date-calendar { border-color: var(--pro-ui-accent-line); border-radius: 11px; background: #fff; box-shadow: 0 2px 5px rgb(25 57 46 / 3%); }
body.pro-mode .business-booking-date-calendar-header :is(strong,b) { color: var(--pro-ui-ink); }
body.pro-mode .business-booking-date-calendar-header > small { color: var(--pro-ui-accent-ink); }
body.pro-mode .business-booking-date-calendar-grid > i.is-selected { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); box-shadow: none; }
body.pro-mode .business-calendar-booking-when-copy > span { color: var(--pro-ui-accent-ink); font-size: 10px; font-weight: 600; }
body.pro-mode .business-calendar-booking-when-copy time > strong { color: var(--pro-ui-ink); font-size: 16px; font-weight: 600; }
body.pro-mode .business-calendar-booking-when-copy time > b { color: var(--pro-ui-ink); font-size: 22px; font-weight: 650; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-person,.business-booking-detail-service,.business-booking-detail-note,.business-calendar-booking-modification,.business-calendar-booking-actions) {
  border-color: var(--pro-ui-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 2px 5px rgb(25 57 46 / 2%);
}
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-person,.business-booking-detail-service) { padding: 18px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-person > header > span,.business-booking-detail-service > header > span:first-child) { color: var(--pro-ui-muted); font-size: 12px; font-weight: 500; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-person-copy > strong,.business-booking-detail-service-name > strong) { color: var(--pro-ui-ink); font-size: 15px; font-weight: 600; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-person-copy > small,.business-booking-detail-person-meta,.business-booking-detail-price > dt,.business-booking-detail-deposit,.business-booking-detail-service-name > small) { color: var(--pro-ui-muted); font-size: 11px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-person-body,.business-booking-detail-price > dd,.business-booking-detail-deposit > strong,.business-booking-detail-service-items :is(strong,a)) { color: var(--pro-ui-ink); }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-deposit,.business-booking-detail-person-meta,.business-booking-detail-service-items) { border-color: var(--pro-ui-line); }
body.pro-mode .business-calendar-booking-drawer-content.is-refined :is(.business-booking-detail-message,.business-booking-detail-expand-icon) { border-color: var(--pro-ui-accent-line); color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-modification summary { padding: 17px 18px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-modification summary:hover { background: var(--pro-ui-accent-soft); }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-modification summary strong { color: var(--pro-ui-ink); font-size: 14px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-modification summary small { color: var(--pro-ui-muted); font-size: 11px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-modification-body { padding: 18px; }
body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-booking-modification-reasons button[aria-pressed="true"] { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent); }
body.pro-mode .business-calendar-booking-actions > header { color: var(--pro-ui-muted); }
/* Service editor: photo, grouped form sections, and qualified team rows. */
body.pro-mode .business-team-drawer.business-service-inspector { width: min(620px,calc(100vw - 48px)); }
body.pro-mode .business-service-inspector-body { gap: 20px; padding: 24px 26px 28px; background: #fff; }
body.pro-mode .business-service-photo-field { min-height: 164px; padding: 20px; border: 1px dashed var(--pro-ui-accent-line); border-radius: 13px; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .business-service-photo-field > span { border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent); color: var(--pro-ui-accent-ink); }
body.pro-mode .business-service-photo-field > strong { color: var(--pro-ui-ink); font-size: 14px; font-weight: 600; }
body.pro-mode .business-service-photo-field > small { color: var(--pro-ui-muted); font-size: 11px; }
body.pro-mode .business-service-active-tag { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); font-size: 10px; font-weight: 600; }
body.pro-mode .business-service-inspector .business-service-professional-card.is-compact { border-color: var(--pro-ui-line); border-radius: 10px; box-shadow: none; }
body.pro-mode .business-service-inspector .business-service-professional-card.is-compact.is-selected { border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent-soft); box-shadow: none; }
body.pro-mode .business-service-inspector .business-service-professional-choice > b { color: var(--pro-ui-ink); font-size: 13px; font-weight: 550; }
body.pro-mode .business-service-inspector .business-service-professional-choice > :is(i,span) { color: var(--pro-ui-accent-ink); }
body.pro-mode .business-service-inspector .business-service-professional-card.is-compact.is-selected .business-service-professional-check { color: #fff; border-color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-ink); }
body.pro-mode .business-service-inspector :is(.business-service-booking-options > .business-booking-option,.business-service-consultation,.business-service-advanced) { border-color: var(--pro-ui-line); border-radius: 11px; background: #fff; }
body.pro-mode .business-service-inspector .business-service-consultation h5 { color: var(--pro-ui-ink); font-size: 12px; font-weight: 600; }
body.pro-mode .business-service-inspector :is(.business-booking-option > b,.business-service-advanced summary strong) { color: var(--pro-ui-ink); font-size: 12px; font-weight: 550; }
body.pro-mode .business-service-inspector .business-service-advanced summary small { color: var(--pro-ui-muted); font-size: 11px; }
body.pro-mode .business-service-inspector :is(.business-service-money-field,.business-service-multi-select,.business-service-duration-question) { border-color: var(--pro-ui-line); background: #fff; }
body.pro-mode .business-service-inspector .business-service-advanced > summary { background: var(--pro-ui-canvas); }
body.pro-mode .business-service-inspector .business-service-advanced[open] > summary { border-color: var(--pro-ui-line); background: var(--pro-ui-accent-soft); }
body.pro-mode .business-service-inspector .business-service-professional-card.is-compact.is-selected > .business-service-professional-choice { background: var(--pro-ui-accent-soft); }
body.pro-mode .business-service-inspector .business-service-professional-card.is-compact > .business-service-professional-pricing.is-visible { border-color: var(--pro-ui-line); background: #fff; }
/* General dialogs, including Team, inventory, CRM, role and import editors. */
body.pro-mode .business-modal { padding: 26px; }
body.pro-mode .business-modal > header { align-items: flex-start; gap: 20px; padding-bottom: 20px; border-color: var(--pro-ui-line); }
body.pro-mode .business-modal:has(.business-stylist-connection-form) { width: min(800px,calc(100vw - 40px)); }
body.pro-mode .business-stylist-connection-options { grid-template-columns: minmax(0,1fr); gap: 20px; }
body.pro-mode .business-connection-option { gap: 16px; padding: 24px; border: 1px solid var(--pro-ui-accent-line); border-radius: 14px; background: color-mix(in srgb,var(--pro-ui-accent-soft) 55%,#fff); box-shadow: 0 3px 8px rgb(25 57 46 / 3%); }
body.pro-mode .business-connection-option > header { grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 5px 14px; }
body.pro-mode .business-connection-option > header > :is(p,h3) { grid-column: 2; }
body.pro-mode .business-connection-option > header h3 { margin: 0; color: var(--pro-ui-ink); font-size: 18px; font-weight: 600; line-height: 1.4; }
body.pro-mode .business-connection-option > p { color: var(--pro-ui-muted); font-size: 13px; font-weight: 400; line-height: 1.7; }
body.pro-mode .business-connection-code-row { flex-direction: column; align-items: stretch; gap: 12px; padding: 0; border: 0; background: transparent; }
body.pro-mode .business-connection-code-row > code { min-width: 0; padding: 13px 16px; border: 1px dashed var(--pro-ui-accent-line); border-radius: 10px; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); font-size: 21px; font-weight: 600; letter-spacing: .05em; }
body.pro-mode .business-modal > .business-modal-form > footer { margin-right: -26px; margin-left: -26px; margin-bottom: -26px; bottom: -26px; padding: 16px 26px; border-color: var(--pro-ui-line); background: #fff; box-shadow: none; }
body.pro-mode .business-team-step-rail > .complete > span,
body.pro-mode .business-team-setup-section > header > span { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); border-color: var(--pro-ui-accent-line); }
/* Popup surfaces retain the enhancement library's measured geometry. */
body.pro-mode :is(.prelook-select-popover,.prelook-menu-popover,.business-manual-service-menu,.business-manual-search-results) { border-color: var(--pro-ui-line); border-radius: 11px; color: var(--pro-ui-ink); background: #fff; font-family: var(--pro-ui-font); box-shadow: 0 10px 30px rgb(25 57 46 / 12%); }
body.pro-mode :is(.prelook-select-popover,.prelook-menu-popover) :is([role="option"],[role="menuitem"]),
body.pro-mode :is(.business-manual-service-menu,.business-manual-search-results) button { font-family: var(--pro-ui-font); font-size: 13px; color: var(--pro-ui-ink); }
body.pro-mode :is(.prelook-select-popover,.prelook-menu-popover) :is([role="option"],[role="menuitem"]):is(:hover,:focus-visible,[aria-selected="true"]),
body.pro-mode :is(.business-manual-service-menu,.business-manual-search-results) button:is(:hover,:focus-visible,[aria-selected="true"]) { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
@media (max-width: 720px) {
  body.pro-mode .business-team-drawer,
  body.pro-mode .business-team-drawer.business-service-inspector {
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    border-width: 0;
    border-radius: 16px 16px 0 0;
  }
  body.pro-mode :is(.business-team-drawer-header,.business-service-inspector > form > .business-service-inspector-header) { padding: 20px 18px 18px; gap: 12px; }
  body.pro-mode :is(.business-team-drawer-header h2,.business-service-inspector-header h3,.business-modal > header h2) { font-size: 21px; }
  body.pro-mode :is(.business-team-drawer-header,.business-service-inspector-header,.business-modal > header) > .icon-button { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-basis: 44px; }
  body.pro-mode .business-team-drawer-form { padding: 20px 18px 106px; }
  body.pro-mode .business-calendar-booking-drawer-content.is-refined,
  body.pro-mode .business-service-inspector-body { gap: 16px; padding: 20px 18px 28px; }
  body.pro-mode :is(.business-modal,.business-team-drawer) .business-modal-section { padding: 16px; }
  body.pro-mode .business-team-drawer .business-team-drawer-footer,
  body.pro-mode .business-service-inspector > form > .business-service-inspector-footer { padding: 13px 18px calc(13px + env(safe-area-inset-bottom,0px)); }
  body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-calendar-booking-when { padding: 14px; gap: 14px; }
  body.pro-mode .business-calendar-booking-when-copy time > strong { font-size: 14px; }
  body.pro-mode .business-calendar-booking-when-copy time > b { font-size: 19px; }
  body.pro-mode .business-calendar-booking-drawer-content.is-refined .business-booking-detail-people { grid-template-columns: 1fr; }
  body.pro-mode .business-modal { padding: 20px; max-height: calc(100dvh - 24px); border-radius: 16px; }
  body.pro-mode .business-modal:has(.business-stylist-connection-form) { width: calc(100vw - 24px); }
  body.pro-mode .business-stylist-connection-options { grid-template-columns: 1fr; gap: 16px; }
  body.pro-mode .business-connection-option { padding: 20px; }
  body.pro-mode .business-modal > .business-modal-form > footer { margin-right: -20px; margin-left: -20px; margin-bottom: -20px; bottom: -20px; padding: 14px 20px calc(14px + env(safe-area-inset-bottom,0px)); }
}
/* Enhanced select state accents; sizing and popover placement stay library-owned. */
body.pro-mode :is(.business-modal,.business-team-drawer) .prelook-select-chevron { color: var(--pro-ui-muted); background: var(--pro-ui-canvas); }
body.pro-mode :is(.business-modal,.business-team-drawer) .prelook-select-trigger[aria-expanded="true"] { border-color: var(--pro-ui-accent-line); background: #fff; box-shadow: 0 0 0 3px var(--pro-ui-accent-soft); }
body.pro-mode :is(.business-modal,.business-team-drawer) .prelook-select-trigger[aria-expanded="true"] .prelook-select-chevron { color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent); box-shadow: none; }
body.pro-mode .prelook-select-popover { scrollbar-color: var(--pro-ui-accent-line) transparent; }
body.pro-mode .prelook-select-option[aria-selected="true"] .prelook-select-option-check { color: var(--pro-ui-accent-ink); border-color: var(--pro-ui-accent-line); background: var(--pro-ui-accent); }
body.pro-mode :is(.prelook-select-group-label,.business-manual-service-group > header) { color: var(--pro-ui-muted); }
body.pro-mode .business-connection-option-icon { display: grid; width: 44px; height: 44px; grid-column: 1; grid-row: 1 / 3; margin-bottom: 0; place-items: center; border: 1px solid var(--pro-ui-accent-line); border-radius: 11px; color: var(--pro-ui-accent-ink); background: var(--pro-ui-accent-soft); }
body.pro-mode .business-connection-option-icon > .icon { width: 21px; height: 21px; }
@media (max-width: 720px) {
  /* An explicit track avoids intrinsic percentage sizing in service drawers. */
  body.pro-mode .business-team-drawer-layer { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 720px) {
  body.pro-mode .business-team-drawer-layer .business-team-drawer { width: 100%; max-width: 100%; min-width: 0; }
}