/* Home page specific */

/* Section khung + card-grid */
.kicker{font-size:12px;color:#9ca3af}

/* Hệ thống */
.admin-groups{display:grid;gap:14px}
.note{font-size:12px;color:#9ca3af}

@media (max-width: 679px){
  .admin-group h4{
    margin: var(--gap-3,14px) 0 3px !important;
  }
}

/* Login dialog */
/* Ẩn tuyệt đối khi chưa mở */
.login-dlg:not([open]){ display:none !important; }

/* Chỉ khi [open] mới canh giữa & hiện */
.login-dlg[open]{
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(95vw, 420px);
  max-height: 85vh;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  background: var(--card);
  color: var(--text);
}
.login-dlg::backdrop{ background: rgba(0,0,0,.45); }

/* /* iPhone fix: ngăn Safari auto-zoom khi focus input trong dialog */ */
/* #loginDlg input, */
/* #loginDlg button, */
/* #loginDlg label { font-size: 16px; line-height: 1.25; } */