/* Salon Operations suite top bar — same bar as Salon PTO and SalonCare. */
.suitebar { background: #fff; border-bottom: 1px solid #E3E8E5; position: sticky; top: 0; z-index: 40; font-family: "Inter", system-ui, sans-serif; }
.suitebar .in { max-width: 80rem; margin: 0 auto; padding: 10px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; justify-content: space-between; }
.suite-brand { display: flex; align-items: center; gap: 12px; color: #16231D; text-decoration: none; }
.suite-mark { width: 36px; height: 36px; border-radius: 10px; background: #1E5B3C; display: flex; align-items: center; justify-content: center; flex: none; }
.suite-name { font: 700 15px "Poppins", Arial, sans-serif; line-height: 1.2; }
.suite-name small { display: block; font: 500 12px "Inter", sans-serif; color: #5C6862; }
.appswitch { display: flex; gap: 4px; background: #F3F6F4; border-radius: 999px; padding: 4px; }
.appswitch a { font: 600 14px "Poppins", Arial, sans-serif; padding: 8px 16px; border-radius: 999px; color: #44524B; display: flex; align-items: center; gap: 8px; white-space: nowrap; min-height: 38px; text-decoration: none; }
.appswitch a.on { background: #E4F2EA; color: #1E5B3C; }
.appswitch a:hover:not(.on) { background: #fff; }
.suite-user { display: flex; align-items: center; gap: 10px; font: 500 13px "Inter", sans-serif; color: #5C6862; }
.suite-user .nav-user { font-size: 13px; color: #5C6862; text-align: right; }
.suite-user .nav-btn { background: #fff !important; color: #1E5B3C !important; border: 1px solid #CFE0D6 !important; border-radius: 10px; padding: 8px 14px; font: 600 13px "Poppins", Arial, sans-serif; cursor: pointer; }
.suite-user .nav-btn:hover { background: #E4F2EA !important; }
.suite-avatar { width: 36px; height: 36px; border-radius: 50%; background: #E4F2EA; color: #1E5B3C; display: flex; align-items: center; justify-content: center; flex: none; }

/* SalonOverview page header pieces (title, logo tile, pills, action buttons) */
.so-title { font-family: "Poppins", Arial, sans-serif !important; font-weight: 800 !important; color: #1E5B3C !important; font-size: 30px !important; letter-spacing: -.4px; }
.so-logo { width: 64px; height: 64px; border-radius: 16px; background: #fff; border: 1px solid #E3E8E5; object-fit: contain; padding: 4px; flex: none; }
#range-buttons [data-range] { border-radius: 999px !important; padding: 8px 18px !important; font-weight: 500; }
.nav-btn { background: #3B8A5C !important; border-radius: 10px !important; padding: 9px 16px !important; font-family: "Poppins", Arial, sans-serif !important; }
.nav-btn:hover { background: #2F7450 !important; }

@media (max-width: 760px) {
  .suite-user .nav-user { display: none; }
  .appswitch { order: 3; width: 100%; justify-content: center; }
}