/* Menyu adminki. Razdely sgruppirovany po smyslu: snachala to, chto smotrish
   kazhdyy den', v konce — to, chto trogaesh redko i ostorozhno. */

.admin-side {
  display: flex; flex-direction: column;
  background: var(--bg-2); border-right: 1px solid var(--border);
  padding: 20px 14px;
}

.side-brand { display: flex; gap: 11px; align-items: center; padding: 0 8px 20px; }
.side-mark {
  width: 34px; height: 34px; border-radius: 10px; flex: none;
  display: flex; align-items: center; justify-content: center; font-size: 18px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
}
.side-brand strong { display: block; font-size: 14.5px; }
.side-sub { display: block; font-size: 11.5px; color: var(--text-mute); }

.side-nav { display: flex; flex-direction: column; gap: 2px; flex: 1; }

.nav-group {
  margin: 16px 8px 5px; font-size: 10.5px; letter-spacing: .09em;
  text-transform: uppercase; color: var(--text-mute);
}

.nav-item {
  display: flex; align-items: center; gap: 11px; width: 100%;
  padding: 9px 10px; border: none; border-radius: 9px; cursor: pointer;
  background: none; color: var(--text-dim);
  font: inherit; font-size: 13.5px; text-align: left;
}
.nav-item:hover { background: rgba(255, 255, 255, .04); color: var(--text); }
.nav-item.active { background: rgba(20, 184, 166, .13); color: var(--accent-2); }

.nav-ico { flex: none; width: 18px; text-align: center; font-size: 14px; }
.nav-text { flex: 1; min-width: 0; }

/* Cifra «skol'ko zhdyot» — chtoby zayavki ne lezhali nezamechennymi. */
.nav-badge {
  flex: none; min-width: 19px; padding: 1px 6px; border-radius: 9px;
  background: var(--accent); color: #04211f;
  font-size: 11px; font-weight: 700; text-align: center;
}

.side-foot { border-top: 1px solid var(--border); padding-top: 14px; margin-top: 14px; }
.side-me { padding: 0 10px 12px; }
.side-me strong { display: block; font-size: 13px; }
.side-me em { display: block; font-style: normal; font-size: 11.5px; color: var(--text-mute); }
/* «Способы входа» в подвале панели: рамка сверху, а не снизу — под ним выход */
.side-me .auth-links {
  margin: 10px 0 0; padding: 8px 0 0;
  border-bottom: none; border-top: 1px solid var(--border);
}
.side-me .auth-links-title { padding-left: 0; padding-right: 0; }
.side-me .auth-link-row { padding-left: 0; padding-right: 6px; }

.side-link {
  display: block; width: 100%; padding: 7px 10px; border-radius: 8px;
  font-size: 12.5px; color: var(--text-mute); text-decoration: none;
}
.side-link:hover { background: rgba(255, 255, 255, .04); color: var(--text); }
.side-link.as-btn { border: none; background: none; cursor: pointer; font: inherit; text-align: left; }

@media (max-width: 860px) {
  .admin-side { border-right: none; border-bottom: 1px solid var(--border); padding: 14px; }
  .side-nav { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 4px; }
  .nav-group { display: none; }
  .nav-item { width: auto; white-space: nowrap; }
  .side-foot { display: flex; align-items: center; gap: 10px; }
  .side-me { padding: 0 6px 0 4px; }
}