/* Bayi hesabı: menü, özet, siparişler, garaj, profil, hızlı sipariş */

.account-nav { list-style: none; padding: 0; margin: 0; border: 1px solid var(--mh-mid-gray); border-radius: var(--mh-radius); overflow: hidden; }
.account-nav a { display: flex; align-items: center; gap: .75rem; padding: .85rem 1.1rem; font-weight: 700; font-size: .9rem; color: var(--mh-dark); border-bottom: 1px solid var(--mh-light-gray); }
.account-nav a i { color: var(--mh-gray); width: 20px; }
.account-nav a:hover, .account-nav a.active { background: var(--mh-primary-trans); color: var(--mh-primary-dark); }
.account-nav a.active i { color: var(--mh-primary-dark); }
.account-nav a.logout { color: #b42318; }
.stat-box { border: 1px solid var(--mh-mid-gray); border-radius: var(--mh-radius); padding: 1.25rem; display: flex; align-items: center; gap: 1rem; background: #fff; }
.stat-box .si { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; font-size: 1.3rem; background: var(--mh-primary-trans); color: var(--mh-primary-dark); }
.stat-box .sv { font-size: 1.4rem; font-weight: 800; line-height: 1; }
.stat-box .sl { font-size: .78rem; color: var(--mh-gray); font-weight: 600; }

.quick-textarea { font-family: SFMono-Regular, Menlo, Consolas, monospace; font-size: .9rem; min-height: 220px; }
.quick-result-ok { color: var(--mh-green-dark); }
.quick-result-err { color: #b42318; }

@media (max-width: 991.98px) {
  .account-nav {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-radius: 12px;
    margin-bottom: .25rem;
  }
  .account-nav::-webkit-scrollbar { display: none; }
  .account-nav li { flex: 0 0 auto; }
  .account-nav a {
    white-space: nowrap;
    border-bottom: 0;
    border-right: 1px solid var(--mh-light-gray);
    padding: .75rem 1rem;
    font-size: .82rem;
  }
  .account-nav a.logout { border-right: 0; }
  .stat-box { padding: 1rem; gap: .75rem; }
  .stat-box .si { width: 42px; height: 42px; font-size: 1.15rem; }
  .stat-box .sv { font-size: 1.2rem; }
  .quick-textarea { min-height: 180px; font-size: 16px; }
}