@media (max-width: 575.98px) {
  .navbar .brand-text { display: none !important; }
}

@media (max-width: 575.98px) {
  .navbar-brand .brand-icon {
      font-size: 2.5rem !important;   /* roughly fs-1 */
      line-height: 1;                 /* keep it vertically centred */
  }
}

@media (max-width: 991.98px) {
  .icon-btn {
    width: 48px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
  }
}

@media (max-width: 991.98px) {
  .fab {
    position: fixed;
    right: 1.25rem;
    bottom: 1.75rem;
    width: 56px;
    height: 56px;
    border-radius: 0.75rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1060;
  }

  .fab.dropdown-toggle::after {
    display: none;
  }

  .fab-menu {
    position: fixed;
    right: 1.25rem;
    bottom: 1.75rem;
    z-index: 1060;
  }

  .fab-menu .dropdown-menu {
    margin-bottom: 0.75rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    padding: 0.5rem;
    border-radius: 0.75rem;
    min-width: 9rem;
  }

  .fab-menu .dropdown-menu li + li {
    margin-top: 0.6rem;
  }

  .fab-menu .dropdown-menu .dropdown-item {
    border-radius: 0.5rem;
    text-align: center;
    padding: 0.75rem 1.25rem;
    font-weight: 600;
  }
}

@media (max-width: 575.98px) {
  .chart-sm canvas,
  .chart-sm {
      width: 80px !important;
      height: 80px !important;
  }
}