/* Shared sidebar typography and spacing, matched to Room billing. */
.sidebar,
.side {
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif !important;
  padding: 16px 12px !important;
}
.sidebar .brand,
.side .brand {
  padding: 10px 8px 24px !important;
  gap: 12px !important;
}
.sidebar .brand strong,
.side .brand strong {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.4px !important;
}
.sidebar .brand-title span,
.sidebar .brand small,
.side .brand small {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.5 !important;
}
.sidebar nav.nav,
.side nav.nav {
  display: grid !important;
  gap: 5px !important;
  margin-top: 22px !important;
  font-family: inherit !important;
}
.sidebar nav.nav::before,
.side nav.nav::before {
  content: "WORKSPACE";
  color: #657c89;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.8px;
  padding: 0 12px 10px;
}
.sidebar .nav-link,
.sidebar .tenant-canonical-nav > .nav-link,
.side nav > a {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 44px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
}
.sidebar .nav-link > span,
.side nav > a > span {
  font-size: inherit;
  font-weight: inherit;
}
.sidebar .nav-icon,
.side .nav-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  flex: 0 0 22px !important;
}
.sidebar .module-submenu,
.side .module-submenu {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  margin: -1px 0 5px 34px !important;
  padding: 7px !important;
  border-left: 2px solid #e4e4e7;
}
.sidebar .module-submenu a,
.side .module-submenu a {
  display: flex !important;
  align-items: center !important;
  min-height: 29px !important;
  padding: 0 7px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}