/* Extras din einpanel.css (fisier unic anterior) -- vezi INSTALL.md / notele proiectului pt. harta completa a fisierelor CSS. */

@media (max-width: 900px) {
  .stats { grid-template-columns: repeat(2, 1fr); }
  .grid-2, .res-grid { grid-template-columns: 1fr; }
  .topnav-links {
    display: none; position: absolute; top: 64px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: #0a0b0e; border-bottom: 1px solid var(--line);
    max-height: calc(100vh - 64px); overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,.5);
  }
  .topnav.nav-open .topnav-links { display: flex; }
  .topnav-links .nav-item { border-bottom: 1px solid var(--line); border-left: 2px solid transparent; padding: 13px 20px; }
  .topnav-links .nav-item.on { border-left-color: var(--gold); border-bottom-color: var(--line); }
  .menu-btn { display: inline-grid; place-items: center; width: 40px; height: 40px; background: var(--panel); border: 1px solid var(--line-2); color: var(--gold); cursor: pointer; order: -1; margin-right: 4px; }
  .user-name-txt { display: none; }
  .brand-sub { display: none; }
}
@media (max-width: 720px) {
  .main { padding: 18px 16px 50px; }
  .page-title { font-size: 26px; }
  .stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .tile-value { font-size: 38px; }
  .tbl thead { display: none; }
  .tbl, .tbl tbody, .tbl tr, .tbl td { display: block; width: 100%; }
  .tbl tr { border: 1px solid var(--line); margin-bottom: 12px; padding: 6px; }
  .tbl td { border: none; padding: 8px 10px; display: flex; justify-content: space-between; gap: 12px; }
  .tbl td::before { content: attr(data-l); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--txt-mute); font-weight: 600; }
  .actions { justify-content: flex-end; }
  .notif-panel, .user-menu-panel { position: fixed; top: 64px; right: 8px; left: 8px; width: auto; }
}

@media (max-width: 720px) {
  .subrow-h { flex-direction: column; }
  .subadd-fields .input { min-width: 100%; }
}

@media (max-width: 720px) {
  .fm-entry .fm-mod { display: none; }
  .fm-entry .fm-size { width: 60px; }
}

@media (max-width: 720px) { .hs-stats { grid-template-columns: repeat(2, 1fr); } .hs-bar { display: none; } }

@media (max-width: 640px) { .fab { right: 14px; bottom: 14px; } .fab-btn { width: 52px; height: 52px; } .fab-panel { bottom: 66px; } }

@media (max-width: 560px) { .games-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } }