/* Plus Jakarta Sans — business & influencer dashboards */
:root {
  --infl-dashboard-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}

body.infl-business-dashboard,
body.infl-influencer-dashboard {
  font-family: var(--infl-dashboard-font);
}

body.infl-business-dashboard #root,
body.infl-influencer-dashboard #root {
  font-family: var(--infl-dashboard-font);
}

body.infl-business-dashboard #influnet-business-dashboard-mount,
body.infl-influencer-dashboard #influnet-influencer-dashboard-mount,
body.infl-business-dashboard #influnet-profile-edit-root,
body.infl-influencer-dashboard #influnet-profile-edit-root,
body.infl-business-dashboard #influnet-settings-mount,
body.infl-influencer-dashboard #influnet-settings-mount,
body.infl-business-dashboard #influnet-connections-mount,
body.infl-influencer-dashboard #influnet-connections-mount,
body.infl-business-dashboard #infl-profile-completion-overlay,
body.infl-influencer-dashboard #infl-profile-completion-overlay,
body.infl-business-dashboard [class*="infl-msgs"],
body.infl-influencer-dashboard [class*="infl-msgs"],
body.infl-business-messages-view [class*="infl-msgs"],
body.infl-influencer-messages-view [class*="infl-msgs"] {
  font-family: var(--infl-dashboard-font);
}

/* Sidebar nav — slightly bolder labels for readability */
body.infl-business-dashboard .flex.h-screen aside button,
body.infl-influencer-dashboard .flex.h-screen aside button {
  font-weight: 600 !important;
  color: #374151 !important;
}

body.infl-business-dashboard .flex.h-screen aside button span,
body.infl-influencer-dashboard .flex.h-screen aside button span {
  font-weight: inherit !important;
  color: inherit !important;
}

body.infl-business-dashboard .flex.h-screen aside nav button.bg-violet-100,
body.infl-influencer-dashboard .flex.h-screen aside nav button.bg-violet-100 {
  font-weight: 700 !important;
  color: #ee3e96 !important;
}

/* Prevent horizontal scrollbar in sidebar nav (overflow from badges / bold labels) */
body.infl-business-dashboard .flex.h-screen > aside,
body.infl-influencer-dashboard .flex.h-screen > aside {
  overflow-x: hidden !important;
  min-width: 0;
}

body.infl-business-dashboard .flex.h-screen aside nav,
body.infl-influencer-dashboard .flex.h-screen aside nav {
  overflow-x: hidden !important;
  min-width: 0;
  max-width: 100%;
}

body.infl-business-dashboard .flex.h-screen aside nav button,
body.infl-influencer-dashboard .flex.h-screen aside nav button {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

body.infl-business-dashboard .flex.h-screen aside nav button > span:not(.infl-sidebar-badge-host),
body.infl-influencer-dashboard .flex.h-screen aside nav button > span:not(.infl-sidebar-badge-host) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.infl-business-dashboard .flex.h-screen aside .infl-sidebar-badge-host,
body.infl-influencer-dashboard .flex.h-screen aside .infl-sidebar-badge-host {
  flex-shrink: 0;
}