/* =========================================================================
   Yönetim > Kullanıcılar: arama, kullanıcı detay penceresi, IP engelleme,
   test hesapları ve silinen hesaplar (public/js/admin-users.js).
   .sup token'ları (support.css) ve .am-dialog (admin-mail.css) kullanılır. Gradyan yok.
   ========================================================================= */

/* Arama */
.admin-users-search { display: flex; gap: 8px; min-width: 0; }
.admin-users-search-input {
  flex: 1 1 auto; min-width: 0; font: inherit; font-size: 16px; padding: 8px 12px; min-height: 40px;
  border: 1px solid var(--border, #e2e8f0); border-radius: 10px; background: var(--background, #fff); color: var(--foreground, #0f172a);
}
.admin-users-search-input:focus { outline: none; border-color: var(--brand, #2563eb); box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 37, 99, 235), .18); }
.admin-users-search .admin-users-btn { min-height: 40px; }
.admin-users-name {
  display: block; padding: 0; border: 0; background: none; font: inherit; font-weight: 700; text-align: left;
  color: var(--foreground, #0f172a); cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px;
}
.admin-users-name:hover, .admin-users-name:focus-visible { color: var(--brand, #2563eb); text-decoration-color: currentColor; outline: none; }
.admin-users-tag { display: inline-block; margin-top: 2px; padding: 1px 6px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.admin-users-tag.is-off { color: #b91c1c; background: rgba(220, 38, 38, .1); border: 1px solid rgba(220, 38, 38, .3); }
.admin-users-btn.is-armed { background: #b45309 !important; border-color: #b45309 !important; color: #fff !important; }

/* Telefon: satırdaki 4 düğme 2×2 */
@media (max-width: 639.98px) {
  .admin-users-btns > .admin-users-btn { flex: 1 1 calc(50% - 6px); }
}

/* Kartlar (Kullanıcılar altı, IP sekmesi) */
.sup .au-card { padding: 14px; margin-top: 12px; display: grid; gap: 12px; }
.sup .au-nomargin { margin: 2px 0 0; max-width: 72ch; }
.sup .au-inline-form { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); align-items: end; }
@media (min-width: 720px) { .sup .au-inline-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; } }
.sup .au-tc-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.sup .au-tc-list { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; max-height: 420px; overflow-y: auto; }
.sup .au-tc-list li { border: 1px solid var(--sup-border); border-radius: 10px; padding: 8px 10px; background: var(--sup-bg); }
.sup .au-tc-list b { display: block; overflow-wrap: anywhere; }

/* Pencere */
.au-dialog.am-dialog { width: min(980px, calc(100vw - 24px)); }
.sup .au-loading { padding: 30px 10px; text-align: center; color: var(--sup-muted); }
.sup .au-head { display: grid; gap: 12px; margin-bottom: 14px; }
.sup .au-id b { display: block; font-size: 18px; }
.sup .au-mail { display: block; color: var(--sup-muted); overflow-wrap: anywhere; }
.sup .au-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.sup .au-kpis { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.sup .au-kpis > div { background: var(--sup-soft); border: 1px solid var(--sup-border); border-radius: 10px; padding: 8px 10px; min-width: 0; }
.sup .au-kpis span { display: block; font-size: 11px; font-weight: 600; color: var(--sup-muted); }
.sup .au-kpis b { display: block; font-size: 15px; overflow-wrap: anywhere; }
.sup .au-kpis small { display: block; font-size: 11px; color: var(--sup-muted); overflow-wrap: anywhere; }
.sup .au-warn { color: #dc2626; font-weight: 700; }
.sup .au-sec { margin: 0 0 16px; min-width: 0; }
.sup .au-sec > h3 { margin: 0 0 8px; font-size: 14px; font-weight: 700; }
.sup .au-gap { margin: 8px 0; }
.sup .au-signals { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sup .au-signals li { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.sup .au-signals i { margin-top: 3px; flex: none; }
.sup .au-ok { color: #059669; }
.sup .au-bad { color: #dc2626; }
.sup .au-mid { color: var(--sup-muted); }
.sup .au-table tbody tr { cursor: default; }
.sup .au-sub { display: block; font-size: 11px; color: var(--sup-muted); overflow-wrap: anywhere; }
.sup .au-break { overflow-wrap: anywhere; }
.sup .au-v { display: block; min-width: 0; }
.sup .au-status .au-v { display: grid; gap: 4px; justify-items: start; }
.sup .au-link { font-size: 12px; color: var(--sup-brand); text-decoration: underline; text-underline-offset: 2px; }
.sup .au-refund { margin-top: 2px; }
.sup .au-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sup .au-ips { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sup .au-ips li {
  display: grid; gap: 6px 10px; grid-template-columns: minmax(0, 1fr); align-items: center;
  border: 1px solid var(--sup-border); border-radius: 10px; padding: 8px 10px; background: var(--sup-bg);
}
@media (min-width: 720px) { .sup .au-ips li { grid-template-columns: minmax(0, 1fr) auto auto; } }
.sup .au-ips code { font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.sup .au-ip-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.sup .au-ip-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.sup .au-more { border: 1px solid var(--sup-border); border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
.sup .au-more > summary { cursor: pointer; font-size: 13px; font-weight: 700; }
.sup .au-more[open] > summary { margin-bottom: 8px; }
.sup .au-list { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 4px; max-height: 320px; overflow-y: auto; }
.sup .au-list li { display: grid; gap: 2px 10px; grid-template-columns: auto minmax(0, 1fr) auto; font-size: 12px; padding: 6px 0; border-bottom: 1px solid var(--sup-border); }
.sup .au-list li:last-child { border-bottom: 0; }
.sup .au-list code { font-size: 11px; }
:root.dark .sup .au-ok, .dark .sup .au-ok { color: #34d399; }
:root.dark .sup .au-bad, .dark .sup .au-bad, :root.dark .sup .au-warn, .dark .sup .au-warn { color: #f87171; }

@media (max-width: 639.98px) {
  .sup .au-actions > .admin-users-btn { flex: 1 1 calc(50% - 8px); min-height: 42px; white-space: normal; }
  .sup .au-ip-btns > .admin-users-btn { flex: 1 1 0; min-height: 40px; }
  .sup .au-list li { grid-template-columns: minmax(0, 1fr) auto; }
  .sup .au-list li > span:first-child { grid-column: 1 / -1; color: var(--sup-muted); }
  .sup .au-table td .au-v { text-align: right; }
  .sup .au-table .au-status .au-v { justify-items: end; }
  .au-dialog.am-dialog { width: 100vw; max-width: 100vw; }
}