/* Trigger (username) styling */
    .account-area {
      display:flex;
      align-items:right;
      justify-content: right;
      gap:16px;
    }
    .account-trigger {
      display:inline-flex;
      align-items:center;
      gap:.6rem;
      padding:.3rem .6rem;
      border-radius:0px;
      cursor:pointer;
      transition: background .12s ease, transform .08s ease;
      border:1px solid transparent;
      background-color: transparent;
    }
    .account-trigger:hover, .account-trigger:focus { background: rgba(27,169,222,0.06); transform: translateY(-1px); outline:none; }
    .account-trigger .avatar {
      width:42px; height:42px; border-radius:999px; object-fit:cover; border:1px solid rgba(20,42,59,0.04);
    }
    .account-trigger .name { font-weight:700; color:#fff; }
    .account-trigger .muted-sm {
      color: #fff;
    }

    /* Offcanvas panel customisations */
    .offcanvas-end.custom-panel {
      width: 360px; /* adjust width */
      --bs-offcanvas-width: 360px;
      box-shadow: -30px 40px 80px rgba(20,42,59,0.08);
    }

    .panel-header {
      padding: 22px;
      border-bottom: 1px solid rgba(20,42,59,0.04);
    }

    .panel-avatar {
      width:84px; height:84px; border-radius:999px; object-fit:cover; border:1px solid rgba(20,42,59,0.06);
    }

    .account-menu .list-group-item {
      border: none;
      padding: 14px 20px;
      border-radius: 10px;
      transition: background .12s ease, transform .08s ease;
    }
    .account-menu .list-group-item:hover, .account-menu .list-group-item:focus {
      background: rgba(27,169,222,0.04);
      transform: translateY(-2px);
      cursor: pointer;
    }
    .account-menu .list-group-item .bi { font-size:1.1rem; margin-right:12px; color:var(--muted); }

    /* Highlight CTA */
    .list-business-cta {
      background: linear-gradient(90deg,var(--light-color), #0E8FB8);
      color: #fff;
      font-weight:700;
      border-radius: 10px;
      padding: .6rem .8rem;
      text-align:center;
    }

    /* small text */
    .muted-sm { color:var(--muted); font-size:.95rem; }

    @media (max-width: 575.98px) {
      .offcanvas-end.custom-panel { width: 100%; --bs-offcanvas-width: 100%; }
    }