/* Uses shared light/dark tokens; does not add or rearrange navigation. */
.business-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 12px var(--space-page); background: var(--paper-50); border-bottom: 1px solid var(--line-200); color: var(--ink-900); }
.business-summary { flex: 1 1 280px; min-width: 0; }
.business-status { display: inline-flex; align-items: center; gap: 7px; font-size: var(--text-base); }
.business-status[data-business-status="open"] > .icon { color: var(--success-600); }
.business-status[data-business-status="closed"] > .icon, .business-status[data-business-status="unknown"] > .icon { color: var(--warning-600); }
.business-summary p { margin: 4px 0 0; color: var(--ink-600); font-size: var(--text-xs); overflow-wrap: anywhere; }
.business-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; }
.business-auto { display: inline-flex; align-items: center; gap: 8px; min-height: var(--control-min); font-size: var(--text-sm); cursor: pointer; }
.business-auto input { width: 20px; height: 20px; accent-color: var(--brand-600); }
.business-auto input:disabled { cursor: not-allowed; }
.business-readonly { font-size: var(--text-sm); color: var(--ink-600); }
.business-error { flex-basis: 100%; margin: 0; color: var(--danger-600); font-size: var(--text-sm); overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .business-bar { gap: 8px; padding: 10px 16px; }
  .business-summary { flex-basis: 100%; }
  .business-controls { width: 100%; justify-content: space-between; }
  .business-controls .button { min-height: var(--control-min); white-space: normal; }
}