/* 24 Ekim 2026 turu: terfi, snipe, sesli susturma, yasaklı etiket, evlilik,
   yapışkan mesaj, FiveM ve mesai panelleri. Kart iskeleti k-honeypot.css'teki
   .hp sınıflarından gelir; burada yalnızca liste düzenleyicileri var. */
#dashSettings .r24 .hp-hero-toggle { padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--k-line, #22252D); }
#dashSettings .r24 .hp-check { margin-top: 10px; }
#dashSettings .r24 .hp-card-head .btn { margin-left: auto; flex-shrink: 0; }
#dashSettings .r24 .alert[data-tone="error"] { border-color: rgba(237, 66, 69, 0.45); color: #ffb3b4; }
#dashSettings .r24 .alert[data-tone="success"] { border-color: rgba(34, 197, 94, 0.4); color: #a7f3c0; }

#dashSettings .r24-list { display: grid; gap: 8px; }
#dashSettings .r24-empty { margin: 0; padding: 12px 14px; color: var(--k-text-3, #7C8290); font-size: 13.5px; }
#dashSettings .r24-count { margin-left: 6px; font-size: 12.5px; font-weight: 600; color: var(--k-text-3, #7C8290); }
#dashSettings .r24-sub { margin: 14px 0 6px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--k-text-3, #7C8290); }

/* Düzenlenebilir satırlar: geniş, yatay */
#dashSettings .r24-row {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--k-line, #22252D); background: rgba(255, 255, 255, 0.015);
}
#dashSettings .r24-field { display: grid; gap: 4px; min-width: 110px; flex: 0 1 140px; }
#dashSettings .r24-field > span { font-size: 12px; color: var(--k-text-3, #7C8290); }
#dashSettings .r24-field.r24-grow { flex: 1 1 200px; }
#dashSettings .r24-field.r24-emoji { flex: 0 0 72px; min-width: 72px; }
#dashSettings .r24-field.r24-note small { color: var(--k-text-2, #B8BDC8); padding: 9px 0; }
#dashSettings .r24-mini { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--k-text-2, #B8BDC8); padding-bottom: 9px; white-space: nowrap; }
#dashSettings .r24-mini input { accent-color: #ffc107; }
#dashSettings .r24-row-tools { display: flex; gap: 4px; margin-left: auto; padding-bottom: 4px; }
#dashSettings .r24-row-tools .btn[disabled] { opacity: 0.35; }
#dashSettings .r24-del:hover { color: #ff8a8c; }
#dashSettings .r24-rung-no {
  display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 5px; border-radius: 50%;
  background: rgba(255, 193, 7, 0.12); color: var(--k-amber-2, #FFD452); font-weight: 700; font-size: 13px; flex-shrink: 0;
}
#dashSettings .r24-sticky { align-items: stretch; }
#dashSettings .r24-sticky-grid { flex: 1 1 420px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 0; }
#dashSettings .r24-sticky-grid .r24-field { min-width: 0; }
#dashSettings .r24-span { grid-column: 1 / -1; }
#dashSettings .r24-row-side { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 8px; }

/* Salt-okunur satırlar */
#dashSettings .r24-line {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px;
  padding: 9px 14px; border-radius: 12px; border: 1px solid var(--k-line, #22252D); background: rgba(255, 255, 255, 0.015);
}
#dashSettings .r24-line > small { color: var(--k-text-3, #7C8290); font-size: 12.5px; }
#dashSettings .r24-line > .btn { margin-left: auto; }
#dashSettings .r24-line > b { margin-left: auto; font-variant-numeric: tabular-nums; }
#dashSettings .r24-person { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; color: var(--k-text, #F5F6F8); }
#dashSettings .r24-person > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
#dashSettings .r24-av { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
#dashSettings .r24-av-empty { display: inline-block; background: var(--k-line-2, #30343E); }
#dashSettings .r24-rank { width: 22px; text-align: center; font-weight: 700; color: var(--k-amber-2, #FFD452); }
#dashSettings .r24-ring { font-size: 16px; }
#dashSettings .r24-chip {
  display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; font-size: 12.5px; white-space: nowrap;
  border: 1px solid var(--k-line-2, #30343E); color: var(--k-text-2, #B8BDC8);
}
#dashSettings .r24-chip.is-amber { border-color: rgba(255, 193, 7, 0.4); background: rgba(255, 193, 7, 0.08); color: var(--k-amber-2, #FFD452); }
#dashSettings .r24-chip.is-green { border-color: rgba(34, 197, 94, 0.4); background: rgba(34, 197, 94, 0.08); color: #86efac; }
#dashSettings .r24-chip small { color: var(--k-text-3, #7C8290); }
#dashSettings .r24-players { display: flex; flex-wrap: wrap; gap: 6px; max-height: 280px; overflow-y: auto; }
#dashSettings .r24-fv-name { margin-top: 10px; font-weight: 600; color: var(--k-text-2, #B8BDC8); overflow-wrap: anywhere; }
#dashSettings .r24-period { width: auto; margin-left: auto; }

/* Terfi tablosu */
#dashSettings .r24-table-wrap { overflow-x: auto; }
#dashSettings .r24-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 560px; }
#dashSettings .r24-table th { text-align: left; font-size: 12px; font-weight: 600; color: var(--k-text-3, #7C8290); padding: 6px 10px; border-bottom: 1px solid var(--k-line, #22252D); }
#dashSettings .r24-table td { padding: 9px 10px; border-bottom: 1px solid var(--k-line, #22252D); vertical-align: middle; }
#dashSettings .r24-table td small { color: var(--k-text-3, #7C8290); }
#dashSettings .r24-bar { height: 6px; border-radius: 999px; background: var(--k-line-2, #30343E); overflow: hidden; margin-bottom: 4px; min-width: 90px; }
#dashSettings .r24-bar > span { display: block; height: 100%; background: linear-gradient(90deg, #ffc107, #ff8a3d); border-radius: inherit; }
#dashSettings .r24-kf-bump { margin-top: 16px; }

@media (max-width: 640px) {
  #dashSettings .r24-sticky-grid { grid-template-columns: 1fr; }
  #dashSettings .r24-field { flex: 1 1 100%; }
  #dashSettings .r24-row-tools { margin-left: 0; }
}
#dashSettings .btn.btn-xs { padding: 4px 9px; font-size: 12px; min-height: 0; line-height: 1.3; border-radius: 8px; }

/* 25 Ekim 2026: rol paneli görseli yükleme */
#dashSettings .br-image-current { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; padding: 10px 12px; border: 1px solid var(--k-line, #22252D); border-radius: 12px; font-size: 13px; color: var(--k-text-2, #B8BDC8); }
#dashSettings .br-image-thumb { width: 150px; max-width: 100%; aspect-ratio: 3 / 1; object-fit: cover; border-radius: 8px; background: rgba(255, 255, 255, .04); }
#dashSettings .br-image-current .btn { margin-left: auto; }
#dashSettings .br-image-upload { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#dashSettings .br-image-upload .form-input { flex: 1 1 240px; min-width: 0; }
#dashSettings .br-image-pick { cursor: var(--c-link); }
#dashSettings .br-image-pick.is-disabled { opacity: .5; pointer-events: none; }
#dashSettings .br-image-or { font-size: 12.5px; color: var(--k-text-3, #7C8290); }