/* resources/css/filament/admin/theme.css */

:root {
    --bg-dark: #0f1115;
    --sidebar-bg: #161b22;
    --card-bg: #1c2128;
    --border-color: #2d333b;
    --primary-neon: #2ea043;
    --danger: #da3633;
    --gold: #d29922;
    --blue: #388bfd;
    --text-main: #f0f6fc;
    --text-muted: #8b949e;
}

/* GLOBAL RESET */
body, .fi-body { background-color: var(--bg-dark) !important; color: var(--text-main) !important; font-family: 'Inter', sans-serif !important; }
.fi-main { background-color: var(--bg-dark) !important; }
.fi-header-heading { color: #fff !important; }

/* ========================================
   FÄ°LAMENT WIDGET CSS'LERÄ°NÄ° TAMAMEN SIFIRLA
   Tüm .fi-wi-* sınıflarını engelle
======================================== */

/* Tüm Filament widget stillerini sıfırla */
.fi-wi-widget,
.fi-wi-stats-overview-stat,
.fi-wi-chart,
.fi-wi-stats-overview,
.fi-wi-stat,
.fi-wi-stats-overview-stat-value,
.fi-wi-stats-overview-stat-label,
.fi-wi-stats-overview-stat-description,
.fi-wi-stats-overview-stat-icon,
.fi-wi-chart-heading,
.fi-wi-chart-footer {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    --tw-bg-opacity: 0 !important;
    --tw-shadow: none !important;
    --tw-ring-opacity: 0 !important;
}

/* Widget grid container */
.fi-widgets-grid > div,
.fi-widgets-grid {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Widget grid columns are controlled by Filament (Dashboard::getColumns / widget columnSpan). */

/* KPI grid container override - Dashboard için 5'li */
.kpi-grid-container-5 {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* KPI grid container override - Dashboard için 6'lı */
.kpi-grid-container-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* KPI grid container override - Kullanıcılar için 4'lü */
.kpi-grid-container-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

@media (max-width: 1280px) {
    .kpi-grid-container-5,
    .kpi-grid-container-6,
    .kpi-grid-container-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .kpi-grid-container-5,
    .kpi-grid-container-6,
    .kpi-grid-container-4 {
        grid-template-columns: 1fr !important;
    }
}

/* SIDEBAR TASARIMI */
.fi-sidebar { background-color: var(--sidebar-bg) !important; border-right: 1px solid var(--border-color) !important; }
.fi-sidebar-header { background-color: var(--sidebar-bg) !important; border-bottom: 1px solid var(--border-color) !important; }
.fi-sidebar-group-label span { color: #484f58 !important; font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; }

.fi-sidebar-item-button { 
    color: #8b949e !important; 
    border-radius: 6px !important; 
    transition: all 0.2s !important; 
}
.fi-sidebar-item-button:hover { background-color: rgba(255, 255, 255, 0.04) !important; color: #fff !important; }

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgba(46, 160, 67, 0.15) !important;
    color: var(--primary-neon) !important;
    box-shadow: inset 3px 0 0 0 var(--primary-neon) !important;
}
.fi-sidebar-item-active .fi-sidebar-item-icon { color: var(--primary-neon) !important; }

/* --- ÖZEL BİLEŞENLER --- */

/* 1. ACÄ°L DURUM BARI */
.urgent-bar {
    background: linear-gradient(to right, rgba(218, 54, 51, 0.15), rgba(218, 54, 51, 0.05));
    border: 1px solid rgba(218, 54, 51, 0.3);
    padding: 12px 20px;
    border-radius: 8px;
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 20px;
}
.urgent-content { color: var(--text-main); font-size: 14px; display: flex; align-items: center; gap: 10px; }
.urgent-amount { color: var(--danger); font-weight: 700; margin-left: 5px; }
/* Removed pulse animation (requested). */

/* 2. KPI KARTLARI (5'li Grid Yapısı) */
.kpi-grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 Eşit Sütun */
    gap: 20px;
    margin-bottom: 25px;
}
@media (max-width: 1280px) { .kpi-grid-container { grid-template-columns: repeat(2, 1fr); } }

.kpi-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 8px;
    display: flex; flex-direction: column;
    min-height: 160px;
    transition: border-color 0.3s;
}
.kpi-card:hover { border-color: var(--border-color); }
.kpi-card.highlight {
    background: radial-gradient(circle at top right, rgba(210, 153, 34, 0.05), var(--card-bg));
    border-color: rgba(210, 153, 34, 0.3);
}

.kpi-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.kpi-label { font-size: 11px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.icon-box { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.icon-box svg { width: 20px; height: 20px; }

.kpi-value { font-size: 24px; font-weight: 700; margin-bottom: 5px; color: #fff; }
.kpi-breakdown { border-top: 1px solid var(--border-color); padding-top: 10px; margin-top: auto; }
.breakdown-row { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 4px; color: var(--text-muted); }
.breakdown-row strong { color: var(--text-main); }
.breakdown-row.total-row {
    border-top: 1px solid rgba(45, 51, 59, 0.5);
    margin-top: 4px;
    padding-top: 6px;
    font-weight: 600;
}
.breakdown-row.total-row span { color: #fff; }

/* ========================================
   CHURN PAGE
======================================== */

.churn-kpi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
@media (max-width: 1280px) { .churn-kpi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .churn-kpi-grid { grid-template-columns: 1fr; } }

.churn-kpi-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.0)) , var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 18px 18px 16px 18px;
    overflow: hidden;
    box-shadow: none;
    min-height: 120px;
}
.churn-kpi-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    opacity: 0.9;
}
.churn-kpi-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.churn-kpi-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.churn-kpi-value {
    margin-top: 10px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}
.churn-kpi-sub {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.3;
}

.churn-icon {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}
.churn-icon svg { width: 18px; height: 18px; color: #c9d1d9; }

.churn-kpi-indigo::before { background: linear-gradient(180deg, rgba(56,139,253,1), rgba(99,102,241,0.7)); }
.churn-kpi-amber::before { background: linear-gradient(180deg, rgba(210,153,34,1), rgba(210,153,34,0.6)); }
.churn-kpi-emerald::before { background: linear-gradient(180deg, rgba(46,160,67,1), rgba(46,160,67,0.6)); }

.churn-panel {
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.0)) , var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 18px;
    box-shadow: none;
}
.churn-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}
.churn-panel-title {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}
.churn-panel-sub {
    margin-top: 4px;
    font-size: 12px;
    color: var(--text-muted);
}

.churn-reason-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
@media (max-width: 768px) { .churn-reason-grid { grid-template-columns: 1fr; } }

.churn-reason-card {
    background: rgba(0,0,0,0.20);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    padding: 14px;
}
.churn-reason-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.churn-reason-name {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.churn-reason-val {
    font-size: 12px;
    font-weight: 700;
    color: #c9d1d9;
}
.churn-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #8b949e;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.04);
}
.churn-bar {
    margin-top: 10px;
    height: 9px;
    width: 100%;
    background: rgba(255,255,255,0.05);
    border-radius: 999px;
    overflow: hidden;
}
.churn-bar-fill {
    height: 100%;
    border-radius: 999px;
    width: 0%;
}

.churn-amber .churn-dot { background: var(--gold); }
.churn-amber .churn-bar-fill { background: linear-gradient(90deg, rgba(210,153,34,0.95), rgba(210,153,34,0.55)); }

.churn-sky .churn-dot { background: var(--blue); }
.churn-sky .churn-bar-fill { background: linear-gradient(90deg, rgba(56,139,253,0.95), rgba(56,139,253,0.55)); }

.churn-rose .churn-dot { background: var(--danger); }
.churn-rose .churn-bar-fill { background: linear-gradient(90deg, rgba(218,54,51,0.95), rgba(218,54,51,0.55)); }

.churn-emerald .churn-dot { background: var(--primary-neon); }
.churn-emerald .churn-bar-fill { background: linear-gradient(90deg, rgba(46,160,67,0.95), rgba(46,160,67,0.55)); }

/* --- CHART VE WIDGET DÜZELTMELERİ (FINAL - BALYOZ YÖNTEMİ) --- */

/*
 * PROBLEM: Filament/Tailwind "bg-white dark:bg-gray-900" sınıfları
 * bizim CSS'imizi eziyor çünkü --tw-bg-opacity değişkenini kullanıyor.
 * ÇÖZÜM: Hem background-color hem --tw-bg-opacity'yi !important ile eziyoruz.
 */

/* 1. Tüm Widget Container'larını Eziyoruz */
.fi-wi-widget,
.fi-wi-stats-overview-stat,
.fi-wi-chart {
    background-color: #1c2128 !important;
    --tw-bg-opacity: 1 !important;
    border: 1px solid #2d333b !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* 2. Chart İçindeki Section'lar */
.fi-wi-widget .fi-section,
.fi-wi-widget .fi-section-content-ctn,
.fi-wi-widget .fi-section-content {
    background-color: transparent !important;
    --tw-bg-opacity: 0 !important;
}

/* 3. Grafik Başlıkları */
.fi-wi-widget h3,
.fi-wi-widget .fi-section-header-heading {
    color: #f0f6fc !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* 4. Canvas Etkileşimi - Mouse Olayları İçin Kritik */
.fi-wi-widget canvas {
    z-index: 1 !important;
    position: relative !important;
    pointer-events: auto !important;
}

/* 5. Canvas İçeren Widget'lar için Ek Güvenlik */
.fi-wi-widget:has(canvas) {
    background-color: #1c2128 !important;
    --tw-bg-opacity: 1 !important;
}

/* 6. Section Header Arka Planı */
.fi-wi-widget .fi-section-header {
    background-color: transparent !important;
    --tw-bg-opacity: 0 !important;
}

/* Renkler */
.bg-green { background: rgba(46, 160, 67, 0.15); color: var(--primary-neon); }
.bg-red { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
.bg-gold { background: rgba(210, 153, 34, 0.15); color: var(--gold); }
.bg-blue { background: rgba(56, 139, 253, 0.15); color: var(--blue); }
.text-green { color: var(--primary-neon); } .text-red { color: var(--danger); } .text-gold { color: var(--gold); } .text-blue { color: var(--blue); }

/* 3. API KARTLARI */
.api-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}
@media (max-width: 1280px) { .api-grid-container { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .api-grid-container { grid-template-columns: 1fr; } }

.api-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; padding: 15px; transition: border-color 0.3s; }
.api-card:hover { border-color: var(--border-color); }
.api-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.api-card-title { font-size: 13px; font-weight: 600; color: var(--text-main); }
.api-card-status { font-size: 10px; font-weight: 600; padding: 4px 8px; border-radius: 4px; }
.api-card-status.online { background: rgba(46, 160, 67, 0.15); color: var(--primary-neon); }
.api-card-status.offline { background: rgba(218, 54, 51, 0.15); color: var(--danger); }
.api-card-status.warning { background: rgba(210, 153, 34, 0.15); color: var(--gold); }
.api-card-stat { font-size: 11px; color: var(--text-muted); margin-bottom: 8px; }
.api-card-stat strong { color: var(--text-main); }
.progress-track { height: 6px; background: #2d333b; border-radius: 3px; overflow: hidden; margin-top: 8px; }
.progress-fill { height: 100%; transition: width 0.5s ease; border-radius: 3px; }
.progress-fill.green { background: var(--primary-neon); }
.progress-fill.red { background: var(--danger); }
.progress-fill.gold { background: var(--gold); }
.progress-fill.gray { background: #484f58; }

/* 4. TABLOLAR */
.fi-ta-ctn { background-color: var(--card-bg) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; }
.fi-ta-header-cell { background-color: #161b22 !important; color: var(--text-muted) !important; font-size: 11px !important; text-transform: uppercase !important; font-weight: 700 !important; }
.fi-ta-row { border-bottom: 1px solid var(--border-color) !important; background: transparent !important; }
.fi-ta-cell { color: var(--text-main) !important; font-size: 13px !important; }

/* --- TAB BUTTONS (Kullanıcılar sayfası tab'ları) --- */
.fi-tabs {
    background-color: transparent !important;
}

.fi-tabs-tab {
    background-color: #1c2128 !important;
    border: 1px solid #2d333b !important;
    color: #8b949e !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 0.625rem 1rem !important;
}

.fi-tabs-tab:hover {
    background-color: rgba(46, 160, 67, 0.1) !important;
    border-color: rgba(46, 160, 67, 0.3) !important;
    color: #2ea043 !important;
}

.fi-tabs-tab-active,
.fi-tabs-tab[aria-selected="true"] {
    background-color: rgba(46, 160, 67, 0.15) !important;
    border-color: #2ea043 !important;
    color: #2ea043 !important;
    font-weight: 600 !important;
}

/* Tab icon renkleri */
.fi-tabs-tab-active .fi-icon,
.fi-tabs-tab[aria-selected="true"] .fi-icon {
    color: #2ea043 !important;
}

.fi-tabs-tab:not(.fi-tabs-tab-active) .fi-icon {
    color: #8b949e !important;
}

/* Tab container full width */
.fi-tabs-nav {
    width: 100% !important;
    display: flex !important;
    gap: 0.5rem !important;
}

/* 5. CHART KARTLARI */
.chart-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; padding: 20px; transition: border-color 0.3s; }
.chart-card:hover { border-color: #484f58; }
.chart-title { font-size: 14px; font-weight: 600; color: var(--text-main); margin-bottom: 15px; }

/* 6. WINNERS/LOSERS TABLOLARI */
.table-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; transition: border-color 0.3s; }
.table-card:hover { border-color: #484f58; }
.table-header { background: #161b22; padding: 12px 15px; border-bottom: 1px solid var(--border-color); }
.table-header-title { font-size: 14px; font-weight: 600; color: var(--text-main); }
.table-body { max-height: 300px; overflow-y: auto; }
.table-row { display: flex; align-items: center; padding: 10px 15px; border-bottom: 1px solid var(--border-color); }
.table-row:last-child { border-bottom: none; }
.table-rank { width: 30px; font-size: 12px; font-weight: 700; color: var(--text-muted); }
.table-user { flex: 1; font-size: 13px; color: var(--text-main); }
.table-amount { font-size: 13px; font-weight: 600; }
.table-amount.win { color: var(--primary-neon); }
.table-amount.loss { color: var(--danger); }

/* 7. EMPTY STATE */
.empty-state {
    display: flex; align-items: center; justify-content: center;
    padding: 40px; color: var(--text-muted); font-size: 14px;
}

/* --- CHART GÖRÜNÜM DÜZELTMELERİ --- */
.fi-wi-chart {
    background-color: #1c2128 !important;
    border: 1px solid #2d333b !important;
    border-radius: 0.75rem !important;
    --tw-bg-opacity: 1 !important;
}

.fi-wi-chart canvas {
    z-index: 999 !important;
    position: relative !important;
}

/* Başlık Rengi */
.fi-wi-chart h3 {
    color: #f0f6fc !important;
}

/* --- MODAL DARK THEME --- */
/* Modal container ve content dark theme */
.fi-modal {
    background-color: #161b22 !important;
}

.fi-modal-content,
.fi-modal-content-ctn {
    background-color: #161b22 !important;
    --tw-bg-opacity: 1 !important;
}

/* Modal heading */
.fi-modal-heading {
    color: #f0f6fc !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
}

/* Modal body text */
.fi-modal-body {
    color: #d1d5db !important;
}

/* Modal input fields - dark theme */
.fi-modal input[type="text"],
.fi-modal input[type="email"],
.fi-modal input[type="password"],
.fi-modal input[type="number"],
.fi-modal input[type="datetime-local"],
.fi-modal select,
.fi-modal textarea,
input:not(.fi- *) {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
    --tw-bg-opacity: 1 !important;
}

/* Input placeholder dark */
input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
}

/* Input focus states */
input:focus,
select:focus,
textarea:focus {
    border-color: #2ea043 !important;
    --tw-ring-color: rgba(46, 160, 67, 0.5) !important;
}

/* Labels inside modal */
.fi-modal label,
.fi-modal .fi-form-label {
    color: #d1d5db !important;
}

/* Form section inside modal */
.fi-modal .fi-section {
    background-color: transparent !important;
}

/* --- WIDGET BACKGROUND FIX (Remove extra backgrounds) --- */
/* Remove extra backgrounds from StatsOverviewWidget cards */
.fi-wi-stats-overview-stat {
    background-color: #1c2128 !important;
    border: 1px solid #2d333b !important;
    border-radius: 0.75rem !important;
    padding: 1rem !important;
    --tw-bg-opacity: 1 !important;
}

/* Remove duplicate container backgrounds */
.fi-wi-stats-overview-stat > div {
    background: transparent !important;
}

/* StatsOverviewWidget stat values */
.fi-wi-stats-overview-stat .fi-wi-sov-value {
    color: #f0f6fc !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

/* StatsOverviewWidget descriptions */
.fi-wi-stats-overview-stat .fi-wi-sov-description {
    color: #8b949e !important;
    font-size: 0.875rem !important;
}

/* StatsOverviewWidget icons */
.fi-wi-stats-overview-stat .fi-wi-sov-icon-box {
    background-color: rgba(46, 160, 67, 0.15) !important;
    color: #2ea043 !important;
}

/* Remove extra border from widget wrapper */
.fi-wi-widget-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ========================================
   KAPSAMLI FILAMENT DARK THEME OVERRIDE
   Tüm eski bg-gray-900 renklerini değiştirir
======================================== */

/* GLOBAL DARK THEME - Tüm dark:bg-gray-900 override */
:is(.dark .dark\:bg-gray-900),
.dark .bg-gray-900,
.dark .dark\:bg-gray-900,
:is(.dark .fi-section-content),
:is(.dark .fi-form-component-container),
:is(.dark .fi-in-text),
:is(.dark .fi-input),
:is(.dark .fi-input-wrp),
:is(.dark .fi-ta-content),
.fi-section,
.fi-section-content,
.fi-form-component-container,
.fi-in-text,
.fi-input-wrp {
    background-color: #1c2128 !important;
    --tw-bg-opacity: 1 !important;
}

/* Form input alanları */
:is(.dark .fi-input),
.fi-input,
.fi-select,
.fi-select-container input,
.fi-textarea {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
    color: #f0f6fc !important;
}

/* Card ve Section container */
.fi-section-content-ctn,
.fi-section-header,
:is(.dark .fi-section-content-ctn),
:is(.dark .fi-section-header) {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Widget containerları - tam genişlik ve düzgün arka plan */
.fi-widgets,
.fi-page-header-widgets,
.fi-widgets-grid {
    width: 100% !important;
}

/* Filament widget arkaplan override */
.fi-widgets-grid > div,
.fi-page-header-widgets > div,
.fi-wi-widget > div {
    background: transparent !important;
}

/* Edit sayfaları için form alanları */
.fi-fo-component-ctn,
.fi-fo-field-wrp {
    background-color: transparent !important;
}

/* Dropdown ve select menüleri */
.fi-dropdown-panel,
.fi-select-dropdown,
:is(.dark .fi-dropdown-panel),
:is(.dark .fi-select-dropdown) {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Dropdown item hover */
.fi-dropdown-item:hover,
.fi-select-option:hover {
    background-color: rgba(46, 160, 67, 0.1) !important;
}

/* Actions ve Button alanları */
.fi-ac-btn-group,
.fi-actions,
.fi-header-actions {
    background-color: transparent !important;
}

/* Action düğmeleri */
.fi-btn {
    border-color: #2d333b !important;
}

/* Page header */
.fi-page-header,
:is(.dark .fi-page-header) {
    background-color: transparent !important;
}

/* Breadcrumb */
.fi-breadcrumbs a {
    color: #8b949e !important;
}

.fi-breadcrumbs a:hover {
    color: #2ea043 !important;
}

/* Notifications */
.fi-notification {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Tablo pagination */
.fi-ta-pagination {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Text input fields */
.fi-input-wrapper,
:is(.dark .fi-input-wrapper) {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Toggle switches */
.fi-toggle-off {
    background-color: #2d333b !important;
}

.fi-toggle-on {
    background-color: #2ea043 !important;
}

/* Checkbox ve radio buttons */
.fi-checkbox-input:not(:checked),
.fi-radio-input:not(:checked) {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

.fi-checkbox-input:checked,
.fi-radio-input:checked {
    background-color: #2ea043 !important;
    border-color: #2ea043 !important;
}

/* Placeholder text rengi */
::placeholder {
    color: #6b7280 !important;
}

/* Disabled input fields */
input:disabled,
select:disabled,
textarea:disabled {
    background-color: #161b22 !important;
    color: #6b7280 !important;
}

/* Focus ring color */
.fi-input:focus,
.fi-select:focus,
input:focus,
select:focus,
textarea:focus {
    --tw-ring-color: rgba(46, 160, 67, 0.5) !important;
    border-color: #2ea043 !important;
}

/* Label renkleri */
.fi-fo-field-label,
.fi-form-label,
label {
    color: #d1d5db !important;
}

/* Helper text */
.fi-fo-field-helper-text,
.fi-form-helper-text {
    color: #8b949e !important;
}

/* Error state */
.fi-fo-field-error,
.fi-form-error-message {
    color: #da3633 !important;
}

/* Tablo header sorting */
.fi-ta-header-cell-sorting-indicator {
    color: #2ea043 !important;
}

/* Empty state */
.fi-ta-empty-state {
    background-color: #1c2128 !important;
}

/* Pagination buttons */
.fi-pagination-item {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
    color: #f0f6fc !important;
}

.fi-pagination-item:hover {
    background-color: rgba(46, 160, 67, 0.1) !important;
    border-color: #2ea043 !important;
}

.fi-pagination-item-active {
    background-color: #2ea043 !important;
    border-color: #2ea043 !important;
}

/* Resource list header */
.fi-resource-header {
    background-color: transparent !important;
}

/* Global Actions bar */
.fi-global-search-field {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Card header */
.fi-card-header {
    background-color: #161b22 !important;
    border-color: #2d333b !important;
}

/* InfoList items */
.fi-infolist-entry {
    background-color: transparent !important;
}

/* Table filters */
.fi-ta-filters {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Action button hover */
.fi-icon-btn:hover {
    background-color: rgba(46, 160, 67, 0.1) !important;
}

/* Relation Manager */
.fi-rel-manager {
    background-color: #1c2128 !important;
    border-color: #2d333b !important;
}

/* Badge colors */
.fi-badge {
    border-color: #2d333b !important;
}


/* Ensure Filament modals overlay chart canvases and any custom z-indexes */
.fi-modal > div.fixed.inset-0 {
    z-index: 10000 !important;
}

/* Dashboard widget container: remove the extra wrapper when needed */
.dashboard-plain-widget.fi-wi-widget {
    background-color: transparent !important;
    --tw-bg-opacity: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dashboard-section-header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.dashboard-section-title { font-size: 14px; font-weight: 700; color: var(--text-main); }
.dashboard-section-subtitle { font-size: 12px; color: var(--text-muted); }

.dashboard-metric-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 16px;
    min-height: 300px;
}

.ftd-metric {
    height: calc(300px - 16px - 16px - 44px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}

.ftd-metric-rate {
    font-size: 40px;
    font-weight: 800;
    color: var(--gold);
    letter-spacing: 0.5px;
}

.ftd-metric-meta {
    display: grid;
    gap: 8px;
    font-size: 13px;
    color: var(--text-muted);
}

.ftd-metric-meta strong {
    color: var(--text-main);
    font-weight: 700;
}

/* FTD widget (Dashboard) - redesigned */
.ftd-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.0)) , var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 16px;
    min-height: 300px;
    overflow: hidden;
}
.ftd-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, rgba(210,153,34,1), rgba(210,153,34,0.55));
    opacity: 0.95;
}

.ftd-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}
.ftd-title {
    font-size: 14px;
    font-weight: 800;
    color: #fff;
}
.ftd-subtitle {
    margin-top: 3px;
    font-size: 12px;
    color: var(--text-muted);
}
.ftd-icon {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}
.ftd-icon svg { width: 18px; height: 18px; color: var(--gold); }

.ftd-body {
    height: calc(300px - 16px - 16px - 44px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
@media (max-width: 768px) {
    .ftd-body {
        height: auto;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
}

.ftd-gauge {
    width: 150px;
    height: 150px;
    border-radius: 999px;
    background: conic-gradient(var(--gold) calc(var(--ftd-pct) * 1%), rgba(255,255,255,0.08) 0);
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.08);
}
.ftd-gauge-inner {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background: rgba(0,0,0,0.18);
    border: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
}
.ftd-gauge-value {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0.3px;
    color: #fff;
}
.ftd-gauge-caption {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
}

.ftd-stats {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-content: center;
}
@media (max-width: 768px) {
    .ftd-stats { grid-template-columns: 1fr; }
}

.ftd-stat {
    background: rgba(0,0,0,0.20);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    padding: 12px 12px 10px 12px;
}
.ftd-stat-label {
    font-size: 11px;
    font-weight: 800;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.ftd-stat-value {
    margin-top: 8px;
    font-size: 22px;
    font-weight: 900;
    color: #fff;
}
.ftd-footnote {
    grid-column: 1 / -1;
    font-size: 12px;
    color: var(--text-muted);
    padding-left: 2px;
}

.api-card-code { font-size: 16px; font-weight: 800; letter-spacing: 0.5px; color: var(--text-main); }
.api-card-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 12px; color: var(--text-muted); }
.api-card-meta-value { color: var(--text-main); font-weight: 700; }

/* ========================================
   OPERATION WORKSPACE REDESIGN
   Scoped to content/table/user-detail areas. Sidebar rules above remain unchanged.
======================================== */

.admin-workspace-tabs {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: -10px 0 18px;
    border-bottom: 1px solid var(--border-color);
    overflow-x: auto;
}

.admin-workspace-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    border-right: 1px solid var(--border-color);
    border-top: 1px solid transparent;
    color: #9aa7b8;
    background: #1b2028;
    white-space: nowrap;
}

.admin-workspace-tab.is-active {
    color: #fff;
    border-bottom: 2px solid #f97316;
    background: #20252e;
}

.admin-workspace-tab-base {
    padding: 0 14px;
    text-decoration: none;
}

.admin-workspace-tab-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px 0 12px;
    color: inherit;
    text-decoration: none;
}

.admin-workspace-tab-close {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    color: #8b949e;
    border-radius: 4px;
}

.admin-workspace-tab-close:hover {
    color: #fff;
    background: rgba(255,255,255,0.08);
}

.admin-player-subtabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    margin-bottom: 12px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--border-color);
    color: #9aa7b8;
    font-size: 12px;
}

.admin-player-subtabs a {
    color: inherit;
    text-decoration: none;
    padding: 6px 0;
}

.admin-player-subtabs a:hover,
.admin-player-subtabs a.is-active {
    color: #fff;
}

.admin-player-shell {
    margin-bottom: 14px;
}

.admin-player-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 38px;
    padding: 8px 12px;
    background: #20252e;
    border: 1px solid var(--border-color);
    border-bottom: none;
}

.admin-player-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 13px;
}

.admin-player-title span:first-child {
    font-weight: 800;
}

.admin-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    display: inline-block;
}
.admin-status-dot.success { background: #22c55e; }
.admin-status-dot.danger { background: #ef4444; }

.admin-mini-badge {
    border: 1px solid rgba(249,115,22,0.35);
    color: #fb923c;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 10px;
}

.admin-player-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-player-actions button {
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: #171b22;
    color: #d9e2ef;
    font-size: 11px;
    font-weight: 700;
}

.admin-player-actions button:hover {
    border-color: #f97316;
    color: #fff;
}

.admin-player-actions button.danger {
    color: #fecaca;
    border-color: rgba(239,68,68,0.45);
}

.admin-player-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 6px;
}

@media (max-width: 1280px) {
    .admin-player-grid { grid-template-columns: 1fr; }
}

.admin-panel-card {
    background: #20252e;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.admin-player-info-card {
    padding: 12px;
    border-radius: 0 0 4px 4px;
}

.admin-info-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
}

@media (max-width: 1500px) {
    .admin-info-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .admin-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.admin-info-grid > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 30px;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.035);
}

.admin-info-grid span,
.admin-finance-row span {
    color: #91a0b5;
    font-size: 11px;
}

.admin-info-grid strong,
.admin-finance-row strong {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-player-side {
    display: grid;
    gap: 6px;
}

.admin-churn-card {
    min-height: 72px;
    padding: 12px;
    border: 1px solid rgba(249,115,22,0.35);
    border-radius: 4px;
    background: rgba(127,29,29,0.24);
}

.admin-churn-card > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.admin-churn-card span {
    color: #9aa7b8;
    font-size: 11px;
    font-weight: 800;
}

.admin-churn-card em {
    color: #fb923c;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.admin-churn-card strong {
    display: block;
    margin-top: 4px;
    color: #fb923c;
    font-size: 28px;
    line-height: 1;
}

.admin-churn-card small {
    display: block;
    margin-top: 6px;
    color: #91a0b5;
    font-size: 10px;
}

.admin-churn-card.risk-low {
    background: rgba(20,83,45,0.18);
    border-color: rgba(34,197,94,0.25);
}
.admin-churn-card.risk-low strong,
.admin-churn-card.risk-low em { color: #22c55e; }

.admin-churn-card.risk-mid {
    background: rgba(113,63,18,0.2);
    border-color: rgba(245,158,11,0.28);
}
.admin-churn-card.risk-mid strong,
.admin-churn-card.risk-mid em { color: #f59e0b; }

.admin-segment-card,
.admin-note-card {
    padding: 10px;
}

.admin-card-title {
    color: #9aa7b8;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-donut {
    width: 58px;
    height: 58px;
    margin: 12px auto;
    border-radius: 999px;
    background: conic-gradient(#8b5cf6 calc(var(--pct) * 1%), #697386 0);
    position: relative;
}
.admin-donut::after {
    content: "";
    position: absolute;
    inset: 13px;
    border-radius: 999px;
    background: #20252e;
}

.admin-segment-legend {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
}

.admin-note-inline {
    display: flex;
    gap: 6px;
    margin-top: 9px;
}

.admin-note-inline input {
    min-width: 0;
    flex: 1;
    height: 30px;
    border-radius: 4px !important;
    font-size: 12px;
}

.admin-note-inline button {
    padding: 0 10px;
    border-radius: 4px;
    background: #c45a16;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.admin-last-note {
    display: grid;
    gap: 4px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid rgba(148,163,184,0.2);
    border-radius: 5px;
    background: rgba(15,23,42,0.55);
}

.admin-last-note strong {
    color: #e2e8f0;
    font-size: 11px;
}

.admin-last-note span {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.admin-last-note small {
    color: #64748b;
    font-size: 10px;
}

.admin-finance-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 6px;
    margin-top: 6px;
}

@media (max-width: 1500px) {
    .admin-finance-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
    .admin-finance-row { grid-template-columns: 1fr; }
}

.admin-finance-row .admin-panel-card {
    min-height: 54px;
    padding: 9px 10px;
    display: grid;
    align-content: center;
    gap: 5px;
}

.admin-finance-row strong.success { color: #22c55e; }
.admin-finance-row strong.danger { color: #ef4444; }

.fi-ta-ctn {
    border-radius: 4px !important;
}

.fi-ta-header-cell {
    height: 32px !important;
    background-color: #20252e !important;
    color: #9aa7b8 !important;
    font-size: 10px !important;
    text-transform: none !important;
}

.fi-ta-row:hover {
    background: rgba(249,115,22,0.06) !important;
}

.fi-ta-cell {
    font-size: 12px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.admin-control-center {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 4px;
    background: #171c24;
}

.admin-control-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(148,163,184,0.16);
}

.admin-control-head span {
    display: block;
    font-size: 10px;
    color: #9aa7b8;
    text-transform: uppercase;
}

.admin-control-head strong {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
}

.admin-control-clock {
    color: #9aa7b8;
    font-size: 12px;
}

.admin-control-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 1100px) {
    .admin-control-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .admin-control-cards { grid-template-columns: 1fr; }
}

.admin-control-card {
    display: grid;
    gap: 5px;
    padding: 10px;
    min-height: 88px;
    text-decoration: none;
    color: #dbe4ee;
    border: 1px solid rgba(148,163,184,0.18);
    border-left-width: 3px;
    border-radius: 4px;
    background: #20252e;
}

.admin-control-card span {
    font-size: 10px;
    color: #9aa7b8;
    text-transform: uppercase;
}

.admin-control-card strong {
    font-size: 26px;
    line-height: 1;
    color: #fff;
}

.admin-control-card em {
    font-style: normal;
    font-size: 12px;
    color: #9aa7b8;
}

.admin-control-card.success { border-left-color: #22c55e; }
.admin-control-card.danger { border-left-color: #ef4444; }
.admin-control-card.info { border-left-color: #38bdf8; }
.admin-control-card.warning { border-left-color: #f97316; }

.admin-control-tables {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 980px) {
    .admin-control-tables { grid-template-columns: 1fr; }
}

.admin-control-table {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 4px;
    background: #11161d;
}

.admin-control-table-head {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(148,163,184,0.16);
}

.admin-control-table-head strong {
    color: #fff;
    font-size: 12px;
}

.admin-control-table-head a {
    color: #f97316;
    font-size: 11px;
    text-decoration: none;
}

.admin-control-table table {
    width: 100%;
    border-collapse: collapse;
}

.admin-control-table th,
.admin-control-table td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(148,163,184,0.1);
    text-align: left;
    font-size: 12px;
    white-space: nowrap;
}

.admin-control-table th {
    color: #9aa7b8;
    font-size: 10px;
    font-weight: 700;
    background: #20252e;
}

.admin-control-table td {
    color: #dbe4ee;
}

.admin-payment-status {
    display: inline-flex;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid rgba(148,163,184,0.2);
    color: #dbe4ee;
}

.admin-payment-status.status-0 { color: #fbbf24; border-color: rgba(251,191,36,0.35); }
.admin-payment-status.status-1 { color: #22c55e; border-color: rgba(34,197,94,0.35); }
.admin-payment-status.status-2 { color: #ef4444; border-color: rgba(239,68,68,0.35); }

.admin-global-user-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: min(52vw, 720px);
    overflow-x: auto;
    padding: 2px 0;
    scrollbar-width: thin;
}

.admin-global-user-tab {
    min-width: max-content;
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #a8b6c7;
    background: #171c24;
    border: 1px solid rgba(148,163,184,0.16);
    border-radius: 4px;
}

.admin-global-user-tab.is-active {
    color: #fff;
    border-color: rgba(249,115,22,0.75);
    box-shadow: inset 0 -2px 0 #f97316;
}

.admin-global-user-tab.base,
.admin-global-user-tab-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 100%;
    padding: 0 9px;
    color: inherit;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.admin-global-user-tab button {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    display: inline-grid;
    place-items: center;
    color: #8ea0b4;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
}

.admin-global-user-tab button:hover {
    color: #fff;
    background: rgba(255,255,255,0.08);
}

@media (max-width: 900px) {
    .admin-global-user-tabs {
        display: none;
    }
}

.admin-detail-modal-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
}

.admin-detail-modal-tabs button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    color: #e5edf7;
    background: #10151c;
    border: 1px solid rgba(226,232,240,0.8);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.admin-detail-modal-tabs button:hover {
    color: #fff;
    border-color: #818cf8;
    background: rgba(99,102,241,0.1);
}

.admin-modal-table-shell {
    max-height: 72vh;
    overflow: auto;
}

.admin-dashboard-board {
    padding: 14px;
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 4px;
    background: #171c24;
}

.admin-dashboard-section,
.admin-dashboard-rank {
    padding: 10px;
    border: 1px solid rgba(148,163,184,0.12);
    border-radius: 4px;
    background: #111720;
}

.admin-dashboard-online div {
    background: #20252e;
    border-color: rgba(148,163,184,0.18);
}

.admin-global-user-tab {
    min-height: 30px;
    height: 30px;
    align-self: center;
}

.admin-global-user-tab.base,
.admin-global-user-tab-link {
    min-height: 30px;
}

.fi-resource-users .fi-ta-header-toolbar {
    display: none !important;
}

.admin-users-filterbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.admin-users-filterbar select,
.admin-users-filterbar input {
    height: 32px;
    min-width: 120px;
    border-radius: 4px;
    border: 1px solid rgba(148,163,184,0.22);
    background: #20252e;
    color: #e5edf7;
    font-size: 12px;
}

.admin-users-filterbar select {
    padding: 0 28px 0 10px;
}

.admin-users-filterbar input {
    padding: 0 10px;
}

.admin-users-filter-search {
    height: 32px;
    width: 190px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid rgba(148,163,184,0.22);
    background: #20252e;
    color: #8ea0b4;
}

.admin-users-filter-search input {
    width: 100%;
    min-width: 0;
    height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    outline: none;
}

.admin-users-filter-separator {
    color: #8ea0b4;
    font-size: 12px;
}
/* Dashboard reference layout */
.fi-topbar nav > div[x-persist="topbar.end"] {
    margin-left: 0 !important;
    width: 100%;
}

.admin-global-user-tabs {
    margin-right: auto;
    max-width: min(58vw, 920px);
}

.admin-global-user-tab {
    height: 30px;
    background: #111720;
    border-color: rgba(148,163,184,0.2);
}

.admin-global-user-tab.is-active {
    border-color: rgba(34,197,94,0.75);
    box-shadow: inset 0 -2px 0 #22c55e;
}

.admin-global-user-tab.base,
.admin-global-user-tab-link {
    padding: 0 8px;
    font-size: 12px;
}

.admin-dashboard-board {
    display: grid;
    gap: 10px;
    color: #dbe7f4;
}

.admin-dashboard-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
    color: #a9b7c8;
}

.admin-dashboard-toolbar .status-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #94a3b8;
}

.admin-dashboard-toolbar .cash-held strong { color: #fff; }

.admin-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(360px, 1fr);
    gap: 14px;
}

@media (max-width: 1180px) {
    .admin-dashboard-grid { grid-template-columns: 1fr; }
}

.admin-dashboard-main,
.admin-dashboard-side {
    display: grid;
    align-content: start;
    gap: 14px;
}

.admin-dashboard-section h3,
.admin-dashboard-rank h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.admin-dashboard-section table,
.admin-dashboard-rank table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.admin-dashboard-section th,
.admin-dashboard-section td,
.admin-dashboard-rank th,
.admin-dashboard-rank td {
    padding: 6px 8px;
    border-bottom: 1px solid rgba(148,163,184,0.14);
    font-size: 12px;
    white-space: nowrap;
}

.admin-dashboard-section th,
.admin-dashboard-rank th {
    color: #93a6bd;
    font-weight: 500;
    text-align: right;
}

.admin-dashboard-section th:first-child,
.admin-dashboard-section td:first-child,
.admin-dashboard-rank th:first-child,
.admin-dashboard-rank td:first-child {
    text-align: left;
    color: #a8b6c7;
}

.admin-dashboard-section td { text-align: right; color: #fff; font-weight: 700; }
.admin-dashboard-section .pos,
.admin-dashboard-rank .pos { color: #00e676; }
.admin-dashboard-section .neg,
.admin-dashboard-rank .neg { color: #ff3b3b; }

.admin-dashboard-online {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.admin-dashboard-online div {
    min-height: 58px;
    display: grid;
    place-items: center;
    gap: 4px;
    border-radius: 4px;
    background: #1b2029;
    border: 1px solid rgba(148,163,184,0.12);
}

.admin-dashboard-online strong { color: #fff; font-size: 18px; }
.admin-dashboard-online span { color: #8fb0d4; font-size: 10px; }

.admin-dashboard-rank td:last-child,
.admin-dashboard-rank th:last-child { text-align: right; }

.admin-users-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 8px;
}

.admin-users-stats > div {
    min-height: 58px;
    padding: 9px 11px;
    display: grid;
    gap: 2px;
    border: 1px solid rgba(148,163,184,0.16);
    border-left: 3px solid #22c55e;
    border-radius: 4px;
    background: #171c24;
}

.admin-users-stats span {
    color: #9fb1c7;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.admin-users-stats strong {
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.admin-users-stats em {
    color: #7d8ca1;
    font-style: normal;
    font-size: 11px;
}

@media (max-width: 900px) {
    .admin-users-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fi-tabs { display: none !important; }

/* Bonus Workflow segment tabs must remain visible; the legacy global rule
   above hides Filament tabs used by older admin screens. */
.bonus-workflow-segment-tabs .fi-tabs { display: flex !important; }

.admin-detail-modal-tabs {
    margin: 0 0 8px;
    gap: 5px;
}

.admin-detail-modal-tabs a,
.admin-detail-modal-tabs button,
.admin-player-actions button {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 9px;
    border-color: rgba(148,163,184,0.32);
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    background: #111720;
    color: #e5edf7;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.admin-detail-modal-tabs a:hover,
.admin-detail-modal-tabs button:hover,
.admin-player-actions button:hover {
    border-color: #22c55e;
    color: #fff;
    background: rgba(34,197,94,0.08);
}

.admin-detail-modal-tabs a.active,
.admin-detail-modal-tabs button.active {
    border-color: #22c55e;
    color: #fff;
    background: rgba(34,197,94,0.14);
    box-shadow: inset 0 -2px 0 rgba(34,197,94,0.65);
}

.admin-player-title strong { font-size: 13px; }
.admin-player-actions-compact button { display: inline-flex; align-items: center; gap: 5px; }
.admin-note-inline button { background: #16a34a !important; border-color: #22c55e !important; }

.admin-edit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 12px;
    align-items: start;
}

.admin-edit-main {
    display: grid;
    gap: 12px;
}

.admin-edit-card {
    padding: 14px;
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 6px;
    background: #1b212b;
}

.admin-edit-card-title {
    margin-bottom: 12px;
    color: #bfdbfe;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-edit-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-edit-fields label,
.admin-password-form label {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.admin-edit-fields label.wide {
    grid-column: span 2;
}

.admin-edit-fields span,
.admin-password-form span {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 700;
}

.admin-edit-fields input,
.admin-edit-fields select,
.admin-password-form input,
.admin-bonus-filter-card input,
.admin-bonus-filter-card select {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(148,163,184,0.28);
    border-radius: 6px;
    background: #111827 !important;
    color: #f8fafc !important;
    padding: 7px 10px;
    font-size: 13px;
}

.admin-edit-fields input:disabled {
    color: #94a3b8 !important;
    background: #0f172a !important;
    cursor: not-allowed;
}

.admin-edit-fields option,
.admin-bonus-filter-card option {
    background: #111827;
    color: #f8fafc;
}

.admin-edit-fields em,
.admin-password-form em {
    color: #f87171;
    font-size: 11px;
    font-style: normal;
}

.admin-edit-actions {
    display: flex;
    justify-content: flex-end;
}

.admin-password-form {
    display: grid;
    gap: 12px;
}

.admin-password-form p {
    margin: 0;
    padding: 10px;
    border: 1px solid rgba(245,158,11,0.28);
    border-radius: 6px;
    background: rgba(245,158,11,0.08);
    color: #fbbf24;
    font-size: 12px;
}

.admin-bonus-filter-card {
    padding: 12px;
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 8px;
    background: rgba(15,23,42,0.52);
}

.admin-bonus-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-bonus-filter-grid label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.admin-bonus-filter-grid span {
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 700;
}

.admin-bonus-search {
    grid-column: span 2;
}

.admin-bonus-search > div {
    display: flex;
    gap: 8px;
}

.admin-bonus-search button,
.admin-bonus-pagination button {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(148,163,184,0.35);
    border-radius: 6px;
    background: #111827;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 800;
}

.admin-bonus-search button:hover,
.admin-bonus-pagination button:hover:not(:disabled) {
    border-color: #22c55e;
    color: #fff;
    background: rgba(34,197,94,0.1);
}

.admin-bonus-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #94a3b8;
    font-size: 12px;
}

.admin-bonus-pagination > div {
    display: flex;
    gap: 8px;
}

.admin-bonus-pagination button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 1180px) {
    .admin-edit-grid,
    .admin-bonus-filter-grid {
        grid-template-columns: 1fr;
    }

    .admin-edit-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-edit-fields label.wide,
    .admin-bonus-search {
        grid-column: span 1;
    }
}

@media (max-width: 760px) {
    .admin-edit-fields {
        grid-template-columns: 1fr;
    }
}

/* Dashboard control center */
.fi-main:has(.admin-dashboard-shell) .fi-header {
    display: none !important;
}

.dashboard-shell {
    --dashboard-bg: #0f1217;
    --dashboard-surface-primary: #20252e;
    --dashboard-surface-secondary: #1b222d;
    --dashboard-surface-tertiary: #151c27;
    --dashboard-border: #344052;
    --dashboard-text-primary: #f8fafc;
    --dashboard-text-secondary: #a8b3c4;
    --dashboard-text-label: #8fa1b8;
    --dashboard-text-muted: #66758a;
    --dashboard-accent: #16a34a;
    --dashboard-success: #22c55e;
    --dashboard-warning: #f59e0b;
    --dashboard-danger: #ef4444;
    --dashboard-info: #38bdf8;
    display: grid;
    gap: 12px;
    color: var(--dashboard-text-primary);
    font-variant-numeric: tabular-nums;
}

.dashboard-header,
.dashboard-section-card,
.dashboard-ranking-card,
.dashboard-accordion {
    border: 1px solid rgba(52, 64, 82, 0.78);
    border-radius: 8px;
    background: var(--dashboard-surface-primary);
    box-shadow: none;
}

.dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 14px;
}

.dashboard-eyebrow {
    margin-bottom: 4px;
    color: var(--dashboard-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-header h1 {
    margin: 0;
    color: var(--dashboard-text-primary);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.15;
}

.dashboard-header p {
    margin: 4px 0 0;
    color: var(--dashboard-text-secondary);
    font-size: 12px;
}

.dashboard-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-header-meta,
.dashboard-date-control {
    min-height: 38px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 6px 10px;
    border: 1px solid rgba(52, 64, 82, 0.8);
    border-radius: 6px;
    background: var(--dashboard-surface-tertiary);
}

.dashboard-header-meta span,
.dashboard-date-control span,
.dashboard-custom-dates span {
    color: var(--dashboard-text-label);
    font-size: 10px;
    font-weight: 700;
}

.dashboard-header-meta strong {
    color: var(--dashboard-text-primary);
    font-size: 12px;
    font-weight: 800;
}

.dashboard-date-control {
    min-width: 150px;
    padding: 6px 10px;
}

.dashboard-date-control select,
.dashboard-custom-dates input {
    width: 100%;
    min-height: 16px;
    border: 0;
    background: transparent;
    color: var(--dashboard-text-primary);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    outline: none;
}

.dashboard-date-control option {
    background: #111827;
    color: #f8fafc;
}

.dashboard-custom-dates {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(52, 64, 82, 0.72);
    border-radius: 8px;
    background: var(--dashboard-surface-primary);
}

.dashboard-custom-dates label {
    min-width: 170px;
    display: grid;
    gap: 4px;
    padding: 6px 8px;
    border: 1px solid rgba(52, 64, 82, 0.8);
    border-radius: 6px;
    background: var(--dashboard-surface-tertiary);
}

.dashboard-action-button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(34, 197, 94, 0.35);
    border-radius: 6px;
    background: rgba(22, 163, 74, 0.18);
    color: #ecfdf5;
    font-size: 12px;
    font-weight: 800;
}

.dashboard-action-button.primary {
    border-color: rgba(34, 197, 94, 0.52);
    background: rgba(22, 163, 74, 0.24);
}

.dashboard-action-button.primary:hover {
    background: rgba(22, 163, 74, 0.34);
}

.dashboard-action-button:hover {
    border-color: rgba(34, 197, 94, 0.7);
    background: rgba(22, 163, 74, 0.28);
}

.dashboard-action-button.secondary {
    border-color: rgba(148, 163, 184, 0.28);
    background: rgba(148, 163, 184, 0.12);
    color: var(--dashboard-text-primary);
}

.dashboard-action-button.secondary:hover {
    border-color: rgba(148, 163, 184, 0.5);
    background: rgba(148, 163, 184, 0.18);
}

.dashboard-action-button:disabled {
    opacity: 0.6;
    cursor: wait;
}

.dashboard-kpi-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.dashboard-kpi-card {
    min-height: 90px;
    display: grid;
    align-content: space-between;
    gap: 6px;
    padding: 12px;
    border: 1px solid rgba(52, 64, 82, 0.72);
    border-left: 3px solid var(--dashboard-text-muted);
    border-radius: 8px;
    background: var(--dashboard-surface-secondary);
}

.dashboard-kpi-card.success { border-left-color: var(--dashboard-success); }
.dashboard-kpi-card.danger { border-left-color: var(--dashboard-danger); }
.dashboard-kpi-card.warning { border-left-color: var(--dashboard-warning); }
.dashboard-kpi-card.info { border-left-color: var(--dashboard-info); }
.dashboard-kpi-card.neutral { border-left-color: var(--dashboard-text-muted); }

.dashboard-kpi-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.dashboard-kpi-top span {
    color: var(--dashboard-text-secondary);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
}

.dashboard-kpi-top em {
    flex: 0 0 auto;
    color: var(--dashboard-text-muted);
    font-size: 9.5px;
    font-style: normal;
    max-width: 88px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-kpi-card strong {
    color: var(--dashboard-text-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.05;
    white-space: nowrap;
}

.dashboard-kpi-footer small {
    display: block;
    color: var(--dashboard-text-label);
    font-size: 10.5px;
    line-height: 1.25;
}

.dashboard-kpi-footer .tone-success,
.dashboard-data-table .tone-success,
.dashboard-performance-table .tone-success,
.dashboard-data-table .positive,
.dashboard-performance-table .positive,
.dashboard-ranking-table .positive {
    color: var(--dashboard-success);
}

.dashboard-kpi-footer .tone-danger,
.dashboard-data-table .tone-danger,
.dashboard-performance-table .tone-danger,
.dashboard-data-table .negative,
.dashboard-performance-table .negative,
.dashboard-ranking-table .negative {
    color: var(--dashboard-danger);
}

.dashboard-kpi-footer .tone-muted {
    color: var(--dashboard-text-muted);
}

.dashboard-performance-table .tone-muted {
    color: var(--dashboard-text-muted);
}

.dashboard-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 0.8fr);
    gap: 10px;
    align-items: stretch;
}

.dashboard-financial-overview {
    grid-template-columns: 1fr;
}

.dashboard-orders-analytics {
    border-left: 3px solid var(--dashboard-info);
}

.dashboard-lazy-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    border-radius: 8px;
    background: rgba(56, 189, 248, 0.06);
}

.dashboard-lazy-status > div {
    display: grid;
    gap: 3px;
}

.dashboard-lazy-status strong {
    color: var(--dashboard-text-primary);
    font-size: 12px;
}

.dashboard-lazy-status span,
.dashboard-lazy-notice {
    color: var(--dashboard-text-secondary);
    font-size: 11px;
}

.dashboard-lazy-status .negative {
    color: var(--dashboard-danger);
}

.dashboard-lazy-notice {
    padding: 8px 10px;
    margin-bottom: 10px;
    border-left: 3px solid var(--dashboard-warning);
    background: rgba(245, 158, 11, 0.08);
}

.dashboard-orders-overview {
    margin-bottom: 10px;
}

.dashboard-orders-users {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 10px;
}

.dashboard-recent-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dashboard-section-card,
.dashboard-ranking-card {
    min-width: 0;
    padding: 12px;
}

.dashboard-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.dashboard-section-head span {
    display: block;
    color: var(--dashboard-text-primary);
    font-size: 13px;
    font-weight: 800;
}

.dashboard-section-head strong {
    display: block;
    margin-top: 2px;
    color: var(--dashboard-text-label);
    font-size: 10.5px;
    font-weight: 700;
}

.dashboard-section-head a {
    flex: 0 0 auto;
    color: var(--dashboard-text-secondary);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.dashboard-section-head a:hover {
    color: var(--dashboard-accent);
}

.dashboard-table-shell {
    max-width: 100%;
    overflow-x: auto;
}

.dashboard-performance-table,
.dashboard-data-table,
.dashboard-ranking-table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

.dashboard-ranking-table {
    min-width: 0;
}

.dashboard-performance-table th,
.dashboard-performance-table td,
.dashboard-data-table th,
.dashboard-data-table td,
.dashboard-ranking-table th,
.dashboard-ranking-table td {
    padding: 7px 8px;
    border-bottom: 1px solid rgba(52, 64, 82, 0.48);
    color: var(--dashboard-text-secondary);
    font-size: 11.5px;
    text-align: right;
    white-space: nowrap;
}

.dashboard-performance-table th,
.dashboard-data-table th,
.dashboard-ranking-table th {
    color: var(--dashboard-text-label);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.dashboard-performance-table td,
.dashboard-data-table td,
.dashboard-ranking-table td {
    color: var(--dashboard-text-primary);
    font-weight: 700;
}

.dashboard-performance-table th:first-child,
.dashboard-performance-table td:first-child,
.dashboard-data-table th:first-child,
.dashboard-data-table td:first-child,
.dashboard-ranking-table th:first-child,
.dashboard-ranking-table td:first-child,
.dashboard-ranking-table th:nth-child(2),
.dashboard-ranking-table td:nth-child(2) {
    text-align: left;
}

.dashboard-data-table tbody tr:hover,
.dashboard-performance-table tbody tr:hover,
.dashboard-ranking-table tbody tr:hover {
    background: rgba(148, 163, 184, 0.055);
}

.dashboard-group-row td {
    padding: 10px 8px 7px;
    border-left: 3px solid var(--dashboard-accent);
    color: var(--dashboard-text-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-align: left !important;
    text-transform: uppercase;
    background: #171f2a;
}

.dashboard-group-row:hover {
    background: #171f2a !important;
}

.dashboard-group-row span {
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    margin-right: 8px;
    border-radius: 5px;
    background: rgba(22, 163, 74, 0.14);
    color: var(--dashboard-success);
    font-size: 10px;
    vertical-align: middle;
}

.dashboard-data-table a,
.dashboard-ranking-table a {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    color: var(--dashboard-text-primary);
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.dashboard-data-table a:hover,
.dashboard-ranking-table a:hover {
    color: var(--dashboard-accent);
}

.dashboard-tabs {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(52, 64, 82, 0.65);
}

.dashboard-tabs button {
    min-height: 31px;
    padding: 0 8px;
    border: 0;
    background: transparent;
    border-bottom: 2px solid transparent;
    color: var(--dashboard-text-label);
    font-size: 11px;
    font-weight: 800;
}

.dashboard-tabs button:hover,
.dashboard-tabs button.active {
    color: var(--dashboard-text-primary);
    border-bottom-color: var(--dashboard-accent);
}

.dashboard-tab-panel {
    min-width: 0;
}

.dashboard-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 3px 7px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
}

.dashboard-status-badge.success {
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.35);
}

.dashboard-status-badge.warning {
    color: #fde68a;
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.35);
}

.dashboard-status-badge.danger {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.35);
}

.dashboard-accordions {
    display: grid;
    gap: 6px;
}

.dashboard-accordion {
    overflow: hidden;
}

.dashboard-accordion-trigger {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 12px;
    border: 0;
    background: transparent;
    color: var(--dashboard-text-primary);
    font-size: 12px;
    font-weight: 800;
}

.dashboard-accordion-trigger:hover,
.dashboard-accordion-trigger[aria-expanded="true"] {
    background: rgba(34, 197, 94, 0.07);
}

.dashboard-accordion-trigger span:last-child {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 6px;
    color: var(--dashboard-text-secondary);
}

.dashboard-accordion-body {
    padding: 0 12px 12px;
}

.dashboard-accordion-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.dashboard-accordion-columns > div,
.dashboard-accordion-metrics > div,
.dashboard-accordion-summary > div {
    min-width: 0;
    border: 1px solid rgba(52, 64, 82, 0.6);
    border-radius: 8px;
    background: var(--dashboard-surface-secondary);
}

.dashboard-accordion-columns > div {
    padding: 10px;
}

.dashboard-accordion-columns h4 {
    margin: 0 0 8px;
    color: var(--dashboard-text-primary);
    font-size: 12px;
    font-weight: 800;
}

.dashboard-accordion-metrics,
.dashboard-accordion-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.dashboard-accordion-metrics > div,
.dashboard-accordion-summary > div {
    display: grid;
    gap: 4px;
    padding: 10px;
}

.dashboard-accordion-metrics span,
.dashboard-accordion-summary span {
    color: var(--dashboard-text-label);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.dashboard-accordion-metrics strong,
.dashboard-accordion-summary strong {
    min-width: 0;
    overflow: hidden;
    color: var(--dashboard-text-primary);
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1600px) {
    .dashboard-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-kpi-card strong {
        font-size: 18px;
    }
}

@media (max-width: 1260px) {
    .dashboard-overview-grid,
    .dashboard-recent-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-accordion-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .dashboard-lazy-status {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .dashboard-header {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-header-actions {
        justify-content: flex-start;
    }

    .dashboard-kpi-grid,
    .dashboard-accordion-metrics,
    .dashboard-accordion-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-date-control {
        min-width: 0;
        flex: 1 1 180px;
    }
}

@media (max-width: 560px) {
    .dashboard-kpi-grid,
    .dashboard-accordion-metrics,
    .dashboard-accordion-summary {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi-card strong {
        white-space: normal;
    }
}

/* User detail density pass */
.admin-player-shell .admin-player-grid {
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: start;
}

.admin-player-shell .admin-player-info-card {
    min-height: 0 !important;
    padding: 8px 10px !important;
}

.admin-player-shell .admin-info-grid {
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 4px 10px;
}

.admin-player-shell .admin-info-grid > div {
    min-height: 26px;
    padding: 4px 0;
    gap: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.045);
}

.admin-player-shell .admin-info-grid > div:nth-child(11),
.admin-player-shell .admin-info-grid > div:nth-child(12),
.admin-player-shell .admin-info-grid > div:nth-child(13),
.admin-player-shell .admin-info-grid > div:nth-child(14),
.admin-player-shell .admin-info-grid > div:nth-child(15) {
    grid-column: span 2;
}

.admin-player-shell .admin-info-grid span {
    flex: 0 0 auto;
    min-width: 74px;
    font-size: 10.5px;
}

.admin-player-shell .admin-info-grid strong {
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

.admin-player-shell .admin-player-topline {
    min-height: 34px;
    padding: 6px 10px;
}

.admin-player-shell .admin-finance-row {
    margin-top: 6px;
}

@media (max-width: 1500px) {
    .admin-player-shell .admin-info-grid {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
    }

    .admin-player-shell .admin-info-grid > div:nth-child(11),
    .admin-player-shell .admin-info-grid > div:nth-child(12),
    .admin-player-shell .admin-info-grid > div:nth-child(13),
    .admin-player-shell .admin-info-grid > div:nth-child(14),
    .admin-player-shell .admin-info-grid > div:nth-child(15) {
        grid-column: span 1;
    }
}

@media (max-width: 1180px) {
    .admin-player-shell .admin-player-grid,
    .admin-player-shell .admin-info-grid {
        grid-template-columns: 1fr;
    }
}
/* User detail four-column profile layout */
.admin-player-shell .admin-player-grid {
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: stretch;
}

.admin-player-shell .admin-player-info-card {
    min-height: 300px !important;
    padding: 0 !important;
    display: flex;
}

.admin-player-shell .admin-info-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.admin-info-section {
    display: grid;
    align-content: start;
    gap: 0;
    padding: 10px 12px;
    border-right: 1px solid rgba(148,163,184,0.18);
}

.admin-info-section:last-child {
    border-right: 0;
}

.admin-info-section > div {
    min-height: 31px;
    display: grid;
    grid-template-columns: minmax(76px, 0.38fr) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.045);
}

.admin-info-section > div:last-child {
    border-bottom: 0;
}

.admin-info-section span {
    color: #91a0b5;
    font-size: 11px;
}

.admin-info-section strong {
    min-width: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

@media (max-width: 1500px) {
    .admin-player-shell .admin-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-info-section:nth-child(2) {
        border-right: 0;
    }

    .admin-info-section:nth-child(1),
    .admin-info-section:nth-child(2) {
        border-bottom: 1px solid rgba(148,163,184,0.18);
    }
}

@media (max-width: 900px) {
    .admin-player-shell .admin-info-grid,
    .admin-player-shell .admin-player-grid {
        grid-template-columns: 1fr;
    }

    .admin-info-section,
    .admin-info-section:nth-child(1),
    .admin-info-section:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid rgba(148,163,184,0.18);
    }

    .admin-info-section:last-child {
        border-bottom: 0;
    }
}
/* Emergency fix: user detail profile rows must stay horizontal */
.admin-player-shell .admin-info-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
}

.admin-player-shell .admin-info-grid > .admin-info-section {
    display: flex !important;
    flex-direction: column !important;
    align-content: initial !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border-right: 1px solid rgba(148,163,184,0.18) !important;
    border-bottom: 0 !important;
}

.admin-player-shell .admin-info-grid > .admin-info-section:last-child {
    border-right: 0 !important;
}

.admin-player-shell .admin-info-grid > .admin-info-section > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 30px !important;
    width: 100% !important;
    gap: 12px !important;
    padding: 4px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.045) !important;
}

.admin-player-shell .admin-info-grid > .admin-info-section > div:last-child {
    border-bottom: 0 !important;
}

.admin-player-shell .admin-info-grid > .admin-info-section span {
    display: block !important;
    flex: 0 0 78px !important;
    min-width: 78px !important;
    color: #91a0b5 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.admin-player-shell .admin-info-grid > .admin-info-section strong {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1500px) {
    .admin-player-shell .admin-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-player-shell .admin-info-grid > .admin-info-section:nth-child(2n) {
        border-right: 0 !important;
    }

    .admin-player-shell .admin-info-grid > .admin-info-section:nth-child(1),
    .admin-player-shell .admin-info-grid > .admin-info-section:nth-child(2) {
        border-bottom: 1px solid rgba(148,163,184,0.18) !important;
    }
}

@media (max-width: 900px) {
    .admin-player-shell .admin-info-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-player-shell .admin-info-grid > .admin-info-section {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(148,163,184,0.18) !important;
    }

    .admin-player-shell .admin-info-grid > .admin-info-section:last-child {
        border-bottom: 0 !important;
    }
}

/* Dashboard analytics accordions */
.admin-dashboard-accordions {
    display: grid;
    gap: 8px;
}

.admin-analytics-panel {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,0.14);
    border-radius: 4px;
    background: #111720;
}

.admin-analytics-trigger {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 7px 10px;
    border: 0;
    background: #20252e;
    color: #f8fafc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-align: left;
    cursor: pointer;
}

.admin-analytics-trigger:hover,
.admin-analytics-trigger[aria-expanded="true"] {
    background: #24302d;
    color: #00e676;
}

.admin-analytics-trigger span:last-child {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 4px;
    color: inherit;
    font-size: 15px;
    line-height: 1;
}

.admin-analytics-body {
    padding: 10px;
    border-top: 1px solid rgba(148,163,184,0.12);
}

.admin-table-scroll {
    width: 100%;
    overflow-x: auto;
}

.admin-analytics-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    table-layout: auto;
}

.admin-analytics-table th,
.admin-analytics-table td {
    padding: 7px 8px;
    border-bottom: 1px solid rgba(148,163,184,0.12);
    color: #dbe7f4;
    font-size: 12px;
    line-height: 1.25;
    text-align: right;
    white-space: nowrap;
}

.admin-analytics-table th {
    color: #93a6bd;
    font-weight: 700;
}

.admin-analytics-table th:first-child,
.admin-analytics-table td:first-child {
    text-align: left;
    white-space: normal;
}

.admin-analytics-table tbody tr:last-child td {
    border-bottom: 0;
}

.admin-analytics-table .pos,
.admin-analytics-panel .pos {
    color: #00e676;
}

.admin-analytics-table .neg,
.admin-analytics-panel .neg {
    color: #ff3b3b;
}

.admin-analytics-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.admin-analytics-columns > div {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(148,163,184,0.12);
    border-radius: 4px;
    background: rgba(15,23,32,0.68);
}

.admin-analytics-columns h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.admin-analytics-columns .admin-analytics-table {
    min-width: 0;
}

.admin-analytics-columns .admin-analytics-table th,
.admin-analytics-columns .admin-analytics-table td {
    padding: 6px 5px;
    font-size: 11px;
}

.admin-analytics-metrics,
.admin-analytics-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.admin-analytics-body > .admin-analytics-metrics:last-child,
.admin-analytics-body > .admin-analytics-summary:last-child {
    margin-bottom: 0;
}

.admin-analytics-metrics > div,
.admin-analytics-summary > div {
    min-height: 54px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 8px 10px;
    border: 1px solid rgba(148,163,184,0.12);
    border-radius: 4px;
    background: rgba(15,23,32,0.68);
}

.admin-analytics-metrics span,
.admin-analytics-summary span {
    color: #93a6bd;
    font-size: 10px;
    font-weight: 700;
}

.admin-analytics-metrics strong,
.admin-analytics-summary strong {
    min-width: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

[x-cloak] {
    display: none !important;
}

@media (max-width: 1280px) {
    .admin-analytics-columns,
    .admin-analytics-metrics,
    .admin-analytics-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .admin-analytics-columns,
    .admin-analytics-metrics,
    .admin-analytics-summary {
        grid-template-columns: 1fr;
    }
}

/* User detail visual unification */
.admin-user-tabs {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px !important;
    width: fit-content;
    max-width: 100%;
    margin: 18px 0 24px !important;
    padding: 8px;
    border: 1px solid rgba(71,85,105,0.62);
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(30,41,59,0.92), rgba(15,23,42,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.admin-user-tabs a {
    min-height: 34px !important;
    padding: 7px 11px !important;
    border-color: rgba(100,116,139,0.62) !important;
    border-radius: 5px !important;
    background: rgba(15,23,42,0.82) !important;
    color: #dbeafe !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.admin-user-tabs a:hover {
    border-color: rgba(34,197,94,0.72) !important;
    background: rgba(30,41,59,0.98) !important;
    color: #fff !important;
}

.admin-user-tabs a.active {
    border-color: #22c55e !important;
    background: linear-gradient(180deg, rgba(22,101,52,0.92), rgba(21,128,61,0.78)) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(34,197,94,0.12) !important;
}

.admin-player-actions-compact {
    gap: 7px !important;
}

.admin-player-actions-compact .admin-action-button {
    min-height: 30px !important;
    padding: 6px 10px !important;
    border-color: rgba(59,130,246,0.46) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(30,58,138,0.48), rgba(15,23,42,0.95)) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}

.admin-player-actions-compact .admin-action-button:hover {
    border-color: rgba(96,165,250,0.82) !important;
    background: linear-gradient(180deg, rgba(37,99,235,0.5), rgba(30,41,59,0.95)) !important;
}

.admin-player-actions-compact button.danger {
    min-height: 30px !important;
    padding: 6px 10px !important;
    border-color: rgba(248,113,113,0.58) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(153,27,27,0.72), rgba(69,10,10,0.92)) !important;
    color: #fff !important;
}

.admin-player-actions-compact button.danger:hover {
    border-color: rgba(252,165,165,0.9) !important;
    background: linear-gradient(180deg, rgba(220,38,38,0.74), rgba(127,29,29,0.94)) !important;
}

.admin-summary-wallet-grid,
.admin-stats-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-game-summary-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.admin-summary-wallet-grid .admin-panel-card,
.admin-stats-grid .admin-panel-card,
.admin-game-summary-grid .admin-panel-card {
    min-height: 60px;
    border-color: rgba(71,85,105,0.74) !important;
    background: #1b222d !important;
}

.admin-detail-card {
    padding: 16px;
    border: 1px solid rgba(71,85,105,0.76);
    border-radius: 7px;
    background: #1b222d;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
}

.admin-detail-card-title {
    margin-bottom: 13px;
    color: #dbeafe;
    font-size: 13px;
    font-weight: 800;
}

.admin-notes-layout {
    display: grid;
    gap: 14px;
}

.admin-note-form {
    display: grid;
    gap: 12px;
}

.admin-note-form textarea {
    width: 100%;
    min-height: 132px;
    border: 1px solid rgba(71,85,105,0.84);
    border-radius: 6px;
    background: #111827 !important;
    color: #f8fafc !important;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.55;
}

.admin-note-form textarea::placeholder {
    color: #64748b !important;
}

.admin-note-actions {
    display: flex;
    justify-content: flex-end;
}

.admin-note-row {
    padding: 12px 0;
    border-top: 1px solid rgba(71,85,105,0.55);
}

.admin-note-row:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.admin-note-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 7px;
}

.admin-note-meta strong {
    color: #fff;
    font-size: 13px;
}

.admin-note-meta span {
    color: #94a3b8;
    font-size: 12px;
}

.admin-note-body {
    color: #dbeafe;
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.admin-note-empty {
    padding: 18px;
    border: 1px dashed rgba(71,85,105,0.8);
    border-radius: 6px;
    background: rgba(15,23,42,0.42);
    color: #94a3b8;
    font-size: 13px;
}

.fi-ta-filters .fi-fo-component-ctn {
    gap: 12px !important;
}

.fi-ta-filters input,
.fi-ta-filters select,
.fi-ta-filters button[role="combobox"] {
    min-width: 0 !important;
}

.fi-ta-filters .fi-fo-field-wrp-label span {
    white-space: nowrap;
}

@media (max-width: 1480px) {
    .admin-summary-wallet-grid,
    .admin-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .admin-game-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .admin-user-tabs {
        width: 100%;
    }

    .admin-user-tabs a {
        flex: 1 1 auto;
        justify-content: center;
    }

    .admin-summary-wallet-grid,
    .admin-stats-grid,
    .admin-game-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .admin-summary-wallet-grid,
    .admin-stats-grid,
    .admin-game-summary-grid {
        grid-template-columns: 1fr !important;
    }
}

/* User detail module v2 */
.admin-user-detail-page {
    --user-page-bg: #0f1217;
    --user-surface-primary: #20252e;
    --user-surface-secondary: #1b222d;
    --user-surface-input: #151c27;
    --user-border: #344052;
    --user-text-primary: #f8fafc;
    --user-text-secondary: #a8b3c4;
    --user-text-label: #8fa1b8;
    --user-text-muted: #66758a;
    --user-accent: #16a34a;
    --user-danger: #ef4444;
    --user-warning: #f59e0b;
    --user-info: #60a5fa;
    display: grid;
    gap: 14px;
    width: 100%;
    max-width: 1680px;
    color: var(--user-text-primary);
}

.admin-user-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--user-text-secondary);
    font-size: 13px;
    font-weight: 700;
}

.admin-user-breadcrumb a {
    color: #dbe7f4;
    text-decoration: none;
}

.admin-user-breadcrumb a:hover {
    color: #fff;
}

.admin-user-breadcrumb svg {
    color: var(--user-text-muted);
}

.admin-user-profile-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px 24px;
    align-items: start;
    overflow: hidden;
    border: 1px solid var(--user-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96,165,250,0.08), rgba(22,163,74,0.03) 52%, rgba(15,18,23,0.12)),
        var(--user-surface-primary);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.admin-user-profile-main {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 20px;
    padding: 20px 22px 0;
}

.admin-user-avatar {
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 25%, #1fa65c, #17673f);
    color: #fff;
    font-size: 31px;
    font-weight: 900;
    letter-spacing: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.admin-user-identity {
    min-width: 0;
    display: grid;
    gap: 10px;
}

.admin-user-name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-user-name-row h1 {
    margin: 0;
    color: var(--user-text-primary);
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0;
}

.admin-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(148,163,184,0.28);
    border-radius: 999px;
    background: rgba(148,163,184,0.08);
    color: var(--user-text-secondary);
    font-size: 12px;
    font-weight: 900;
}

.admin-status-pill.success {
    border-color: rgba(22,163,74,0.35);
    background: rgba(22,163,74,0.12);
    color: #22c55e;
}

.admin-status-pill.danger {
    border-color: rgba(239,68,68,0.42);
    background: rgba(239,68,68,0.12);
    color: #fca5a5;
}

.admin-online-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #64748b;
}

.admin-online-dot.online {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,0.12);
}

.admin-user-meta-line,
.admin-user-small-meta,
.admin-user-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.admin-user-meta-line {
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 800;
}

.admin-user-meta-line span {
    position: relative;
}

.admin-user-meta-line span:not(:last-child)::after,
.admin-user-small-meta span:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    width: 3px;
    height: 3px;
    border-radius: 999px;
    background: #77869a;
    transform: translateY(-50%);
}

.admin-user-small-meta {
    color: var(--user-text-secondary);
    font-size: 12px;
}

.admin-user-small-meta span {
    position: relative;
}

.admin-user-badges span {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 6px;
    background: rgba(21,28,39,0.86);
    color: #dbeafe;
    font-size: 12px;
    font-weight: 800;
}

.admin-user-badges .risk-low {
    border-color: rgba(34,197,94,0.35);
    color: #22c55e;
}

.admin-user-badges .risk-mid {
    border-color: rgba(245,158,11,0.38);
    color: #f59e0b;
}

.admin-user-badges .risk-high {
    border-color: rgba(239,68,68,0.42);
    color: #fca5a5;
}

.admin-user-profile-card > .admin-player-actions {
    justify-content: flex-end;
    padding: 20px 22px 0 0;
}

.admin-user-detail-page .admin-player-actions-compact {
    gap: 8px !important;
}

.admin-user-detail-page .admin-player-actions button,
.admin-user-detail-page .admin-player-actions-compact .admin-action-button {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(96,165,250,0.32) !important;
    border-radius: 6px !important;
    background: rgba(21,28,39,0.82) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.admin-user-detail-page .admin-player-actions button:hover,
.admin-user-detail-page .admin-player-actions-compact .admin-action-button:hover {
    border-color: rgba(96,165,250,0.72) !important;
    background: rgba(30,41,59,0.98) !important;
}

.admin-user-detail-page .admin-player-actions button.danger {
    border-color: rgba(239,68,68,0.44) !important;
    background: rgba(127,29,29,0.72) !important;
    color: #fff !important;
}

.admin-user-detail-page .admin-player-actions button.danger:hover {
    border-color: rgba(252,165,165,0.82) !important;
    background: rgba(153,27,27,0.88) !important;
}

.admin-user-detail-page .admin-user-tabs {
    grid-column: 1 / -1;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    gap: 0 !important;
    overflow-x: auto !important;
    border: 0 !important;
    border-top: 1px solid rgba(52,64,82,0.78) !important;
    border-radius: 0 !important;
    background: rgba(27,34,45,0.78) !important;
    box-shadow: none !important;
    scrollbar-width: thin;
}

.admin-user-detail-page .admin-user-tabs a {
    position: relative;
    flex: 0 0 auto !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--user-text-secondary) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.admin-user-detail-page .admin-user-tabs a::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: transparent;
}

.admin-user-detail-page .admin-user-tabs a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.035) !important;
}

.admin-user-detail-page .admin-user-tabs a.active {
    color: #22c55e !important;
    background: transparent !important;
}

.admin-user-detail-page .admin-user-tabs a.active::after {
    background: #22c55e;
}

.admin-user-detail-page .admin-player-shell {
    display: grid;
    gap: 12px;
    margin: 0 !important;
}

.admin-user-detail-page .admin-stat-section {
    display: grid;
    gap: 10px;
}

.admin-user-detail-page .admin-panel-card,
.admin-user-detail-page .admin-detail-card,
.admin-user-detail-page .fi-section,
.admin-user-detail-page .fi-ta-ctn {
    border: 1px solid var(--user-border) !important;
    border-radius: 8px !important;
    background: var(--user-surface-primary) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.admin-user-detail-page .admin-summary-wallet-grid,
.admin-user-detail-page .admin-stats-grid,
.admin-user-detail-page .admin-game-summary-grid {
    display: grid !important;
    gap: 0 !important;
    overflow: hidden;
    border: 1px solid var(--user-border);
    border-radius: 8px;
    background: var(--user-surface-primary);
}

.admin-user-detail-page .admin-summary-wallet-grid,
.admin-user-detail-page .admin-stats-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-game-summary-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-summary-wallet-grid .admin-panel-card,
.admin-user-detail-page .admin-stats-grid .admin-panel-card,
.admin-user-detail-page .admin-game-summary-grid .admin-panel-card {
    min-height: 98px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: center !important;
    gap: 8px !important;
    padding: 16px 18px !important;
    border-width: 0 1px 0 0 !important;
    border-color: rgba(52,64,82,0.78) !important;
    border-radius: 0 !important;
    background: var(--user-surface-secondary) !important;
}

.admin-user-detail-page .admin-summary-wallet-grid .admin-panel-card:nth-child(6n),
.admin-user-detail-page .admin-stats-grid .admin-panel-card:nth-child(6n),
.admin-user-detail-page .admin-game-summary-grid .admin-panel-card:nth-child(5n) {
    border-right-width: 0 !important;
}

.admin-user-detail-page .admin-summary-wallet-grid svg,
.admin-user-detail-page .admin-game-summary-grid svg {
    grid-row: 1 / span 2;
    align-self: center;
    color: #cbd5e1;
}

.admin-user-detail-page .admin-finance-row span {
    color: var(--user-text-label) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.admin-user-detail-page .admin-finance-row strong {
    color: var(--user-text-primary) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.admin-user-detail-page .admin-finance-row strong.success,
.admin-user-detail-page .admin-performance-grid strong.success {
    color: #22c55e !important;
}

.admin-user-detail-page .admin-finance-row strong.danger,
.admin-user-detail-page .admin-performance-grid strong.danger {
    color: #ff5c65 !important;
}

.admin-user-detail-page .admin-player-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

.admin-user-detail-page .admin-summary-main,
.admin-user-detail-page .admin-player-side {
    display: grid !important;
    gap: 12px !important;
}

.admin-user-detail-page .admin-player-info-card {
    min-height: 0 !important;
    padding: 16px !important;
}

.admin-user-detail-page .admin-card-title,
.admin-user-detail-page .admin-detail-card-title,
.admin-user-detail-page .admin-edit-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px !important;
    color: var(--user-text-primary) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.admin-user-detail-page .admin-card-title svg {
    color: var(--user-text-secondary);
}

.admin-user-detail-page .admin-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 18px !important;
    width: 100% !important;
}

.admin-user-detail-page .admin-info-grid > div,
.admin-user-detail-page .admin-performance-grid > div {
    min-height: 38px !important;
    display: grid !important;
    grid-template-columns: minmax(120px, 0.5fr) minmax(0, 1fr);
    align-items: center !important;
    gap: 14px !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(148,163,184,0.12) !important;
}

.admin-user-detail-page .admin-info-grid span,
.admin-user-detail-page .admin-performance-grid span {
    color: var(--user-text-label) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

.admin-user-detail-page .admin-info-grid strong,
.admin-user-detail-page .admin-performance-grid strong {
    min-width: 0 !important;
    color: var(--user-text-primary) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.admin-user-detail-page .admin-performance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;
}

.admin-user-detail-page .admin-churn-card {
    min-height: 170px;
    padding: 18px;
    border-radius: 8px;
    background: var(--user-surface-primary);
}

.admin-user-detail-page .admin-churn-card strong {
    font-size: 30px;
}

.admin-user-detail-page .admin-segment-card,
.admin-user-detail-page .admin-note-card {
    padding: 16px;
    border-radius: 8px;
}

.admin-user-detail-page .admin-note-inline input,
.admin-user-detail-page .admin-note-form textarea,
.admin-user-detail-page .admin-edit-fields input,
.admin-user-detail-page .admin-edit-fields select,
.admin-user-detail-page .admin-password-form input,
.admin-user-detail-page .admin-bonus-filter-card input,
.admin-user-detail-page .admin-bonus-filter-card select {
    min-height: 40px !important;
    border: 1px solid rgba(52,64,82,0.9) !important;
    border-radius: 6px !important;
    background: var(--user-surface-input) !important;
    color: var(--user-text-primary) !important;
    font-size: 13px !important;
}

.admin-user-detail-page select option {
    background: var(--user-surface-input);
    color: var(--user-text-primary);
}

.admin-user-detail-page .admin-note-inline button,
.admin-user-detail-page .admin-bonus-search button,
.admin-user-detail-page .admin-bonus-pagination button {
    min-height: 40px;
    border: 1px solid rgba(22,163,74,0.44);
    border-radius: 6px;
    background: rgba(22,163,74,0.14);
    color: #dcfce7;
    font-size: 12px;
    font-weight: 900;
}

.admin-user-detail-page .admin-edit-grid {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 14px !important;
}

.admin-user-detail-page .admin-edit-card {
    padding: 16px !important;
    border-color: var(--user-border) !important;
    border-radius: 8px !important;
    background: var(--user-surface-primary) !important;
}

.admin-user-detail-page .admin-edit-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 13px !important;
}

.admin-user-detail-page .admin-edit-fields span,
.admin-user-detail-page .admin-password-form span {
    color: var(--user-text-label) !important;
}

.admin-user-detail-page .admin-password-form p {
    border-color: rgba(245,158,11,0.34);
    background: rgba(245,158,11,0.1);
    color: #fcd34d;
}

.admin-user-detail-page .fi-section-header,
.admin-user-detail-page .fi-section-content,
.admin-user-detail-page .fi-section-content-ctn {
    background: transparent !important;
}

.admin-user-detail-page .fi-section-header-heading {
    color: var(--user-text-primary) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.admin-user-detail-page .fi-ta-header,
.admin-user-detail-page .fi-ta-header-toolbar,
.admin-user-detail-page .fi-ta-filters,
.admin-user-detail-page .fi-ta-content,
.admin-user-detail-page .fi-ta-footer {
    background: var(--user-surface-primary) !important;
}

.admin-user-detail-page .fi-ta-filters {
    padding: 12px !important;
    border-bottom: 1px solid rgba(52,64,82,0.78) !important;
}

.admin-user-detail-page .fi-ta-filters .fi-fo-component-ctn {
    gap: 10px !important;
}

.admin-user-detail-page .fi-ta-header-cell {
    height: 42px !important;
    background: var(--user-surface-primary) !important;
    color: var(--user-text-label) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.admin-user-detail-page .fi-ta-row {
    background: var(--user-surface-secondary) !important;
    border-bottom: 1px solid rgba(52,64,82,0.52) !important;
}

.admin-user-detail-page .fi-ta-row:hover {
    background: #222b38 !important;
}

.admin-user-detail-page .fi-ta-cell {
    color: var(--user-text-primary) !important;
    font-size: 12px !important;
}

.admin-user-detail-page .fi-badge {
    border-radius: 999px !important;
    font-weight: 900 !important;
}

.admin-user-detail-page .admin-bonus-filter-card {
    border-color: var(--user-border);
    background: var(--user-surface-primary);
}

.admin-user-detail-page .admin-bonus-shell,
.admin-user-detail-page .admin-bonus-shell > div,
.admin-user-detail-page .admin-bonus-tab,
.admin-user-detail-page .admin-bonus-tab .fi-section,
.admin-user-detail-page .admin-bonus-tab .fi-section-content,
.admin-user-detail-page .admin-bonus-tab .fi-section-content-ctn {
    min-width: 0 !important;
    max-width: 100% !important;
}

.admin-user-detail-page .admin-bonus-table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.admin-user-detail-page .admin-bonus-filter-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.admin-user-detail-page .admin-bonus-search {
    grid-column: span 1;
}

.admin-user-detail-page .admin-bonus-tab table {
    border-collapse: collapse;
    width: max-content !important;
    min-width: min(1120px, 100%) !important;
}

.admin-user-detail-page .admin-bonus-tab thead tr {
    background: var(--user-surface-primary) !important;
}

.admin-user-detail-page .admin-bonus-tab th {
    color: var(--user-text-label) !important;
    font-size: 11px;
    font-weight: 900;
    text-transform: none;
}

.admin-user-detail-page .admin-bonus-tab tbody tr {
    background: var(--user-surface-secondary);
}

.admin-user-detail-page .admin-bonus-tab tbody tr:hover {
    background: #222b38;
}

.admin-user-detail-page .admin-bonus-tab td {
    color: #dbe7f4;
    border-top: 1px solid rgba(52,64,82,0.52);
}

.admin-user-detail-page .admin-note-empty,
.admin-user-detail-page .fi-ta-empty-state {
    border: 1px dashed rgba(52,64,82,0.9) !important;
    border-radius: 8px !important;
    background: rgba(21,28,39,0.72) !important;
    color: var(--user-text-secondary) !important;
}

@media (max-width: 1320px) {
    .admin-user-profile-card {
        grid-template-columns: 1fr;
    }

    .admin-user-profile-card > .admin-player-actions {
        justify-content: flex-start;
        padding: 0 22px;
    }

    .admin-user-detail-page .admin-summary-wallet-grid,
    .admin-user-detail-page .admin-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .admin-user-detail-page .admin-game-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-user-detail-page .admin-summary-wallet-grid .admin-panel-card:nth-child(n),
    .admin-user-detail-page .admin-stats-grid .admin-panel-card:nth-child(n),
    .admin-user-detail-page .admin-game-summary-grid .admin-panel-card:nth-child(n) {
        border-right-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    .admin-user-detail-page .admin-player-grid,
    .admin-user-detail-page .admin-edit-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .admin-user-profile-main {
        align-items: flex-start;
        padding: 16px 16px 0;
    }

    .admin-user-avatar {
        flex-basis: 64px;
        width: 64px;
        height: 64px;
        font-size: 22px;
    }

    .admin-user-name-row h1 {
        font-size: 22px;
    }

    .admin-user-profile-card > .admin-player-actions {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 0 16px;
    }

    .admin-user-detail-page .admin-user-tabs {
        padding: 0 12px !important;
    }

    .admin-user-detail-page .admin-user-tabs a {
        min-height: 48px !important;
        padding: 0 12px !important;
    }

    .admin-user-detail-page .admin-info-grid,
    .admin-user-detail-page .admin-performance-grid,
    .admin-user-detail-page .admin-edit-fields,
    .admin-user-detail-page .admin-bonus-filter-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-user-detail-page .admin-info-grid > div,
    .admin-user-detail-page .admin-performance-grid > div {
        grid-template-columns: 1fr;
        gap: 4px !important;
    }

    .admin-user-detail-page .admin-info-grid strong,
    .admin-user-detail-page .admin-performance-grid strong {
        text-align: left !important;
    }
}

@media (max-width: 640px) {
    .admin-user-profile-main {
        display: grid;
    }

    .admin-user-detail-page .admin-summary-wallet-grid,
    .admin-user-detail-page .admin-stats-grid,
    .admin-user-detail-page .admin-game-summary-grid {
        grid-template-columns: 1fr !important;
    }
}

/* User detail compact polish */
.admin-user-detail-page {
    gap: 12px;
}

.admin-user-detail-page .admin-user-profile-card {
    background:
        linear-gradient(135deg, rgba(59,130,246,0.055), rgba(22,163,74,0.025) 54%, rgba(15,18,23,0.1)),
        var(--user-surface-primary);
}

.admin-user-detail-page .admin-user-profile-main {
    gap: 16px;
    padding: 18px 20px 0;
}

.admin-user-detail-page .admin-user-avatar {
    flex-basis: 78px;
    width: 78px;
    height: 78px;
    font-size: 27px;
}

.admin-user-detail-page .admin-user-name-row h1 {
    font-size: 24px;
    font-weight: 850;
}

.admin-user-detail-page .admin-user-meta-line {
    font-size: 12px;
}

.admin-user-detail-page .admin-user-small-meta {
    font-size: 11px;
}

.admin-user-detail-page .admin-user-badges span,
.admin-user-detail-page .admin-status-pill {
    min-height: 22px;
    padding: 0 8px;
    font-size: 11px;
}

.admin-user-detail-page .admin-player-actions button,
.admin-user-detail-page .admin-player-actions-compact .admin-action-button {
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
}

.admin-user-detail-page .admin-user-tabs {
    background: #151c27 !important;
}

.admin-user-detail-page .admin-user-tabs a {
    min-height: 50px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
}

.admin-user-detail-page .admin-summary-wallet-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-summary-wallet-grid .admin-panel-card,
.admin-user-detail-page .admin-game-summary-grid .admin-panel-card,
.admin-user-detail-page .admin-stats-grid .admin-panel-card {
    min-height: 76px !important;
    padding: 13px 16px !important;
    gap: 7px !important;
}

.admin-user-detail-page .admin-finance-row span {
    font-size: 11px !important;
}

.admin-user-detail-page .admin-finance-row strong {
    font-size: 17px !important;
    font-weight: 850 !important;
}

.admin-user-detail-page .admin-card-title,
.admin-user-detail-page .admin-detail-card-title,
.admin-user-detail-page .admin-edit-card-title {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
}

.admin-user-detail-page .admin-player-info-card {
    display: block !important;
    padding: 14px !important;
}

.admin-user-detail-page .admin-info-grid {
    gap: 0 20px !important;
}

.admin-user-detail-page .admin-info-grid > div,
.admin-user-detail-page .admin-performance-grid > div {
    min-height: 34px !important;
    grid-template-columns: minmax(116px, 0.45fr) minmax(0, 1fr);
    gap: 10px !important;
    padding: 6px 0 !important;
}

.admin-user-detail-page .admin-info-grid span,
.admin-user-detail-page .admin-performance-grid span {
    font-size: 11px !important;
}

.admin-user-detail-page .admin-info-grid strong,
.admin-user-detail-page .admin-performance-grid strong {
    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

.admin-user-detail-page .admin-churn-card {
    min-height: 136px;
    padding: 15px;
}

.admin-user-detail-page .admin-churn-card strong {
    font-size: 26px;
}

.admin-user-detail-page .admin-segment-card,
.admin-user-detail-page .admin-note-card {
    padding: 14px;
}

.admin-user-detail-page .admin-stat-section {
    gap: 8px;
}

.admin-user-detail-page .admin-stat-section .admin-detail-card-title {
    margin: 2px 0 6px !important;
}

.admin-user-detail-page .admin-stats-grid-financial {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-stats-grid-game {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-stats-grid-promo {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-stats-grid-financial .admin-panel-card:nth-child(n),
.admin-user-detail-page .admin-stats-grid-game .admin-panel-card:nth-child(n),
.admin-user-detail-page .admin-stats-grid-promo .admin-panel-card:nth-child(n) {
    border-right-width: 1px !important;
    border-bottom-width: 0 !important;
}

.admin-user-detail-page .admin-stats-grid-financial .admin-panel-card:last-child,
.admin-user-detail-page .admin-stats-grid-game .admin-panel-card:last-child,
.admin-user-detail-page .admin-stats-grid-promo .admin-panel-card:last-child {
    border-right-width: 0 !important;
}

.admin-user-detail-page .admin-game-summary-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.admin-user-detail-page .admin-game-summary-grid .admin-panel-card {
    min-height: 72px !important;
}

.admin-user-detail-page .fi-ta-header-toolbar {
    display: none !important;
}

.admin-user-detail-page .fi-section-header-heading {
    font-size: 13px !important;
}

.admin-user-detail-page .fi-ta-filters {
    padding: 10px 12px !important;
}

.admin-user-detail-page .fi-ta-cell,
.admin-user-detail-page .fi-ta-header-cell {
    font-size: 11.5px !important;
}

@media (max-width: 1500px) {
    .admin-user-detail-page .admin-stats-grid-financial,
    .admin-user-detail-page .admin-stats-grid-game,
    .admin-user-detail-page .admin-stats-grid-promo {
        overflow-x: auto;
    }

    .admin-user-detail-page .admin-stats-grid-financial {
        grid-template-columns: repeat(8, minmax(180px, 1fr)) !important;
    }

    .admin-user-detail-page .admin-stats-grid-game {
        grid-template-columns: repeat(6, minmax(180px, 1fr)) !important;
    }

    .admin-user-detail-page .admin-stats-grid-promo {
        grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
    }
}

@media (max-width: 1320px) {
    .admin-user-detail-page .admin-summary-wallet-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .admin-user-detail-page .admin-user-avatar {
        flex-basis: 60px;
        width: 60px;
        height: 60px;
        font-size: 21px;
    }

    .admin-user-detail-page .admin-user-name-row h1 {
        font-size: 20px;
    }
}

/* Mobile table cards: desktop table layout remains unchanged above 767px. */
@media (max-width: 767px) {
    .admin-users-filterbar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 8px;
    }

    .admin-users-filterbar > *,
    .admin-users-filterbar select,
    .admin-users-filterbar input {
        width: 100%;
        min-width: 0;
    }

    .admin-users-filter-search {
        grid-column: 1 / -1;
        width: 100%;
    }

    .admin-users-filter-separator {
        display: none;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content,
    .admin-user-detail-page .fi-ta-content {
        overflow: visible !important;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content table,
    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content tbody,
    .admin-user-detail-page .fi-ta-content table,
    .admin-user-detail-page .fi-ta-content tbody {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content thead,
    .admin-user-detail-page .fi-ta-content thead {
        display: none;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row,
    .admin-user-detail-page .fi-ta-content .fi-ta-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        margin: 6px;
        overflow: hidden;
        border: 1px solid rgba(71, 85, 105, 0.62) !important;
        border-radius: 8px;
        background: #171e29 !important;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.13);
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row:hover,
    .admin-user-detail-page .fi-ta-content .fi-ta-row:hover {
        background: #1c2532 !important;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-cell,
    .admin-user-detail-page .fi-ta-content .fi-ta-cell {
        display: block;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-cell > div,
    .admin-user-detail-page .fi-ta-content .fi-ta-cell > div {
        min-width: 0 !important;
        padding: 3px 8px 7px !important;
        white-space: normal !important;
        line-height: 1.25 !important;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content td[data-mobile-label]::before,
    .admin-user-detail-page .fi-ta-content td[class*="fi-table-cell-"]::before {
        content: attr(data-mobile-label);
        display: block;
        padding: 6px 8px 0;
        color: #8292a8;
        font-size: 8.5px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: 0.035em;
        text-transform: uppercase;
    }

    .admin-user-detail-page .fi-ta-content td[class*="fi-table-cell-"]::before {
        content: "Bilgi";
    }

    .admin-user-detail-page .fi-ta-content .fi-table-cell-id::before { content: "ID"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-payment-id::before { content: "İşlem ID"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-full-name::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-user-name::before { content: "Kullanıcı"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-transaction-type::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-type::before { content: "Tür"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-type-money::before { content: "Bakiye Türü"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-method-display::before { content: "Yöntem"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-amount::before { content: "Tutar"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-detail-display::before { content: "Detay"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-created-at::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-placed-at::before { content: "Tarih"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-updated-at::before { content: "Son Güncelleme"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-last-seen-at::before { content: "Son Giriş"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-valid-until::before { content: "Son Kullanım"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-status::before { content: "Durum"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-status-reason::before { content: "Durum Detayı"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-provider::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-provider-code::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-providers::before { content: "Sağlayıcı"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-game::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-game-game-name::before { content: "Oyun"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-freespin-count::before { content: "Freespin"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-remaining::before { content: "Kalan"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-bet-amount::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-stake::before { content: "Bahis Tutarı"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-win-amount::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-profit-display::before,
    .admin-user-detail-page .fi-ta-content .fi-table-cell-potential-win::before { content: "Kazanç"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-win-bonus-reward-grant-id::before { content: "Kazanç Bonusu"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-promo-code::before { content: "Promosyon Kodu"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-source-name::before { content: "Kaynak"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-is-freespin::before { content: "Freespin Bahsi"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-balance-before::before { content: "Önceki Bakiye"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-balance-after::before { content: "Sonraki Bakiye"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-losses::before { content: "Kayıplar"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-commission-type::before { content: "Komisyon Türü"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-commission-paid::before { content: "Komisyon"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-signup-ip::before { content: "Kayıt IP"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-coupon-code::before { content: "Kupon No"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-total-odds::before { content: "Toplam Oran"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-payout::before { content: "Ödeme"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-items-count::before { content: "Maç"; }
    .admin-user-detail-page .fi-ta-content .fi-table-cell-odds-rule::before { content: "Oran Kontrolü"; }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row > td.w-1 {
        display: none;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row > td:not([data-mobile-label]):not(.w-1),
    .admin-user-detail-page .fi-ta-content .fi-ta-row > td:not([class*="fi-table-cell-"]):not(.w-1) {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(71, 85, 105, 0.45) !important;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row > td:not([data-mobile-label]):not(.w-1) > div,
    .admin-user-detail-page .fi-ta-content .fi-ta-row > td:not([class*="fi-table-cell-"]):not(.w-1) > div {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        padding: 7px 8px !important;
    }

    .fi-resource-todos-depositos .fi-ta-content .fi-ta-row > td:not([data-mobile-label]):not(.w-1) .fi-ta-actions {
        width: 100%;
        justify-content: flex-end;
    }

    .admin-user-detail-page .fi-ta-content .fi-ta-empty-state {
        margin: 10px;
    }

    .admin-user-detail-page .admin-bonus-table-scroll {
        overflow-x: hidden !important;
    }

    .admin-user-detail-page .admin-bonus-shell,
    .admin-user-detail-page .admin-bonus-tab {
        overflow-x: hidden !important;
    }

    table[data-mobile-cards],
    table[data-mobile-cards] > tbody {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    table[data-mobile-cards] > thead {
        display: none;
    }

    table[data-mobile-cards] > tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 6px;
        overflow: hidden;
        border: 1px solid rgba(71, 85, 105, 0.62) !important;
        border-radius: 8px;
        background: #171e29;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.13);
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    table[data-mobile-cards] > tbody > tr > td {
        display: block;
        min-width: 0;
        padding: 6px 8px !important;
        border: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        line-height: 1.25;
    }

    table[data-mobile-cards] > tbody > tr > td[data-mobile-label]::before {
        content: attr(data-mobile-label);
        display: block;
        margin-bottom: 3px;
        color: #8292a8;
        font-size: 8.5px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: 0.035em;
        text-transform: uppercase;
    }

    table[data-mobile-cards] .truncate {
        max-width: none !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
    }

    table[data-mobile-cards] > tbody > tr > td[colspan],
    table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Bonus"],
    table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Kaynak / Etap"],
    table[data-mobile-cards] > tbody > tr > td[data-mobile-label="İşlemler"] {
        grid-column: 1 / -1;
    }

    table[data-mobile-cards] > tbody > tr > td[data-mobile-label="İşlemler"] {
        border-top: 1px solid rgba(71, 85, 105, 0.45) !important;
    }

    table[data-mobile-cards] > tbody > tr > td[data-mobile-label="İşlemler"] > div {
        justify-content: flex-end;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Bonus"] {
        grid-column: span 2;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Kaynak / Etap"] {
        grid-column: 1 / -1;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Başlangıç / Bitiş"] {
        grid-column: span 2;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="İşlemler"] {
        grid-column: 1 / -1;
    }
}

/* V2 page tabs keep related legacy screens together without replacing their Livewire flows. */
html.admin-panel-v2 .admin-v2-content-tabs {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    margin: 12px 0 20px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

html.admin-panel-v2 .admin-v2-content-tabs-context {
    display: grid;
    flex: 0 0 auto;
    gap: 2px;
    padding: 0 0 10px;
}

html.admin-panel-v2 .admin-v2-content-tabs-context span {
    color: #77879a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

html.admin-panel-v2 .admin-v2-content-tabs-context strong {
    color: #dbe5ef;
    font-size: 12px;
    font-weight: 650;
}

html.admin-panel-v2 .admin-v2-content-tabs-list {
    display: flex;
    flex: 1 1 auto;
    gap: 4px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

html.admin-panel-v2 .admin-v2-content-tab {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 38px;
    align-items: center;
    border-bottom: 2px solid transparent;
    padding: 0 10px;
    color: #95a4b4;
    font-size: 12px;
    font-weight: 550;
    text-decoration: none;
    white-space: nowrap;
}

html.admin-panel-v2 .admin-v2-content-tab:hover {
    color: #f3f7fb;
}

html.admin-panel-v2 .admin-v2-content-tab.is-active {
    border-bottom-color: #60a5fa;
    color: #edf6ff;
}

html.admin-panel-v2 .admin-v2-content-tab:focus-visible,
html.admin-panel-v2 .admin-operations-center-card a:focus-visible {
    outline: 2px solid #79b6f7;
    outline-offset: 2px;
}

html.admin-panel-v2 .admin-operations-center {
    display: grid;
    gap: 16px;
}

html.admin-panel-v2 .admin-operations-center-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

html.admin-panel-v2 .admin-operations-center-heading span {
    color: #79b6f7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

html.admin-panel-v2 .admin-operations-center-heading h2 {
    margin-top: 4px;
    color: #f1f5f9;
    font-size: 18px;
    font-weight: 650;
}

html.admin-panel-v2 .admin-operations-center-heading p {
    margin-top: 4px;
    color: #91a0af;
    font-size: 12px;
}

html.admin-panel-v2 .admin-operations-center-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: 12px;
}

html.admin-panel-v2 .admin-operations-center-card {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    padding: 13px;
    background: rgba(21, 27, 35, 0.72);
}

html.admin-panel-v2 .admin-operations-center-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: #e1e9f1;
    font-size: 13px;
    font-weight: 650;
}

html.admin-panel-v2 .admin-operations-center-card h3 svg {
    width: 16px;
    height: 16px;
    color: #7db8ff;
}

html.admin-panel-v2 .admin-operations-center-card ul {
    display: grid;
    gap: 3px;
}

html.admin-panel-v2 .admin-operations-center-card a {
    display: flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    border-radius: 7px;
    padding: 5px 6px;
    color: #aab6c3;
    font-size: 11px;
    text-decoration: none;
}

html.admin-panel-v2 .admin-operations-center-card a:hover {
    color: #f5f8fb;
    background: rgba(255, 255, 255, 0.055);
}

html.admin-panel-v2 .admin-operations-center-card a svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: #8294a7;
}

html.admin-panel-v2 .admin-operations-center-card a span {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.admin-panel-v2 .admin-operations-center-empty {
    border-radius: 10px;
    padding: 16px;
    color: #98a7b7;
    background: rgba(21, 27, 35, 0.72);
    font-size: 12px;
}

@media (max-width: 767px) {
    html.admin-panel-v2 .admin-v2-content-tabs {
        display: block;
        margin: 8px 0 16px;
    }

    html.admin-panel-v2 .admin-v2-content-tabs-context {
        padding: 0 0 5px;
    }

    html.admin-panel-v2 .admin-v2-content-tabs-list {
        margin-inline: -4px;
    }

    html.admin-panel-v2 .admin-v2-content-tab {
        min-height: 36px;
        padding-inline: 8px;
        font-size: 11px;
    }
}

/* Bonus history desktop sizing: reclaim empty gaps and keep long names readable. */
@media (min-width: 768px) {
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(1),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(1) { width: 5% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(2),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(2) { width: 17% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(3),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(3) { width: 14% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(4),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(4) { width: 7% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(5),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(5) { width: 9% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(6),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(6) { width: 8% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(7),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(7) { width: 8% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(8),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(8) { width: 7% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(9),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(9) { width: 14% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(10),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(10) { width: 7% !important; }
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] th:nth-child(11),
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(11) { width: 4% !important; }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] td:nth-child(2) {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    .admin-user-detail-page .admin-bonus-tab .bonus-name {
        display: block;
        overflow-wrap: normal;
        word-break: normal;
        white-space: normal;
        line-height: 1.25;
    }
}

/* Compact eye-only action trigger. */
.admin-user-detail-page .admin-bonus-tab .bonus-actions-trigger {
    width: 30px;
    height: 30px;
    padding: 0 !important;
}

@media (max-width: 767px) {
    .admin-user-detail-page .admin-bonus-tab .bonus-name {
        display: block;
        max-width: 100% !important;
        overflow: visible !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        white-space: normal !important;
        text-overflow: clip !important;
        line-height: 1.3;
    }
}

@media (max-width: 420px) {
    .admin-users-filterbar,
    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row,
    .admin-user-detail-page .fi-ta-content .fi-ta-row,
    table[data-mobile-cards] > tbody > tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 340px) {
    .admin-users-filterbar,
    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row,
    .admin-user-detail-page .fi-ta-content .fi-ta-row,
    table[data-mobile-cards] > tbody > tr {
        grid-template-columns: 1fr;
    }

    :is(.fi-resource-users, .fi-resource-todos-depositos) .fi-ta-content .fi-ta-row > td,
    .admin-user-detail-page .fi-ta-content .fi-ta-row > td,
    table[data-mobile-cards] > tbody > tr > td {
        grid-column: 1 / -1 !important;
    }
}

.admin-user-detail-page .admin-bonus-tab table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.admin-user-detail-page .admin-bonus-tab th,
.admin-user-detail-page .admin-bonus-tab td {
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-user-detail-page .admin-bonus-tab table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.admin-user-detail-page .admin-bonus-tab th:nth-child(1),
.admin-user-detail-page .admin-bonus-tab td:nth-child(1) { width: 6%; }
.admin-user-detail-page .admin-bonus-tab th:nth-child(2),
.admin-user-detail-page .admin-bonus-tab td:nth-child(2) { width: 15%; }
.admin-user-detail-page .admin-bonus-tab th:nth-child(3),
.admin-user-detail-page .admin-bonus-tab td:nth-child(3) { width: 14%; }
.admin-user-detail-page .admin-bonus-tab th:nth-child(4),
.admin-user-detail-page .admin-bonus-tab td:nth-child(4) { width: 9%; }
.admin-user-detail-page .admin-bonus-tab th:nth-child(9),
.admin-user-detail-page .admin-bonus-tab td:nth-child(9) { width: 15%; }
.admin-user-detail-page .admin-bonus-tab th:nth-child(10),
.admin-user-detail-page .admin-bonus-tab td:nth-child(10) { width: 12%; }
.admin-user-detail-page .admin-bonus-tab th:nth-child(11),
.admin-user-detail-page .admin-bonus-tab td:nth-child(11) { width: 9%; }

.admin-user-detail-page .bonus-status-text {
    display: block;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.25;
}

.admin-user-detail-page {
    width: 100% !important;
    max-width: none !important;
}

/* Bonus history mobile cards: prevent desktop percentage widths from
 * collapsing cells into one-character columns. Desktop layout is untouched. */
@media (max-width: 767px) {
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: visible !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        white-space: normal !important;
        text-overflow: clip !important;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Kayıt"],
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Bonus Tutarı"],
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Toplam Çevrim"],
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Tamamlanan"],
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Kalan"] {
        grid-column: span 1 !important;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Durum"],
    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] > tbody > tr > td[data-mobile-label="Başlangıç / Bitiş"] {
        grid-column: 1 / -1 !important;
    }

    .admin-user-detail-page .admin-bonus-tab table[data-mobile-cards] .truncate {
        display: block;
        max-width: 100% !important;
        overflow: visible !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        white-space: normal !important;
    }
}

.admin-panel-version-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 14px;
    padding: 18px 20px;
    color: #e8edf3;
    background: linear-gradient(120deg, rgba(28, 39, 52, 0.9), rgba(20, 28, 38, 0.88));
}

.admin-panel-version-copy h2 {
    margin: 4px 0 3px;
    color: #f3f6fa;
    font-size: 16px;
    font-weight: 650;
}

.admin-panel-version-copy p {
    margin: 0;
    color: #98a7b7;
    font-size: 12px;
}

.admin-panel-version-eyebrow {
    color: #79b6f7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.admin-panel-version-control {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: 6px;
}

.admin-panel-version-control form {
    display: flex;
    margin: 0;
}

.admin-panel-version-control form .admin-panel-version-option {
    width: 100%;
}

.admin-panel-version-message {
    flex-basis: 100%;
    margin: 0;
    color: #a8d5ff;
    font-size: 12px;
    text-align: right;
}

.admin-panel-version-message.is-error {
    color: #ffb4b4;
}

.admin-panel-version-label {
    align-self: center;
    margin-right: 5px;
    color: #a9b6c4;
    font-size: 11px;
    font-weight: 600;
}

.admin-panel-version-option {
    display: grid;
    min-width: 98px;
    justify-items: start;
    gap: 1px;
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 9px;
    padding: 7px 10px;
    color: #c4d0dc;
    background: rgba(10, 15, 21, 0.24);
    font: inherit;
    cursor: pointer;
}

.admin-panel-version-option > span {
    font-size: 12px;
    font-weight: 700;
}

.admin-panel-version-option small {
    color: #8796a6;
    font-size: 9px;
}

.admin-panel-version-option.is-selected {
    border-color: rgba(79, 153, 255, 0.5);
    color: #f2f8ff;
    background: rgba(47, 111, 187, 0.22);
}

.admin-panel-version-option:focus-visible,
.admin-v2-module-button:focus-visible,
.admin-v2-link:focus-visible {
    outline: 2px solid #79b6f7;
    outline-offset: 2px;
}

.admin-panel-version-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 14px;
    padding: 18px 20px;
    color: #e8edf3;
    background: linear-gradient(120deg, rgba(28, 39, 52, 0.9), rgba(20, 28, 38, 0.88));
}

.admin-panel-version-copy h2 {
    margin: 4px 0 3px;
    color: #f3f6fa;
    font-size: 16px;
    font-weight: 650;
}

.admin-panel-version-copy p {
    margin: 0;
    color: #98a7b7;
    font-size: 12px;
}

.admin-panel-version-eyebrow {
    color: #79b6f7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.admin-panel-version-control {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: 6px;
}

.admin-panel-version-label {
    align-self: center;
    margin-right: 5px;
    color: #a9b6c4;
    font-size: 11px;
    font-weight: 600;
}

.admin-panel-version-option {
    display: grid;
    min-width: 98px;
    justify-items: start;
    gap: 1px;
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 9px;
    padding: 7px 10px;
    color: #c4d0dc;
    background: rgba(10, 15, 21, 0.24);
    font: inherit;
    cursor: pointer;
}

.admin-panel-version-option > span {
    font-size: 12px;
    font-weight: 700;
}

.admin-panel-version-option small {
    color: #8796a6;
    font-size: 9px;
}

.admin-panel-version-option.is-selected {
    border-color: rgba(79, 153, 255, 0.5);
    color: #f2f8ff;
    background: rgba(47, 111, 187, 0.22);
}

.admin-panel-version-option:focus-visible,
.admin-v2-module-button:focus-visible,
.admin-v2-link:focus-visible {
    outline: 2px solid #79b6f7;
    outline-offset: 2px;
}

/* V2 module rail and secondary navigation. V1 keeps the existing sidebar intact. */
html.admin-panel-v2 {
    --sidebar-width: 318px !important;
}

html.admin-panel-v2 .fi-sidebar {
    background: #111820 !important;
}

html.admin-panel-v2 .fi-sidebar-header {
    transition: padding 150ms ease;
}

html.admin-panel-v2 .fi-sidebar-header .fi-icon-btn {
    display: none !important;
}

html.admin-panel-v2-compact .fi-sidebar-header {
    justify-content: center;
    padding-inline: 6px !important;
}

html.admin-panel-v2-compact .fi-sidebar-header > div:first-child {
    display: flex !important;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
    justify-content: center;
}

html.admin-panel-v2-compact .fi-sidebar-header > div:first-child > a {
    display: flex;
    min-width: 0;
    justify-content: center;
}

html.admin-panel-v2-compact .fi-sidebar-header > div:first-child img {
    width: auto !important;
    max-width: 70px;
    max-height: 32px;
    object-fit: contain;
}

html.admin-panel-v2 .fi-sidebar-nav {
    min-height: 0 !important;
    padding: 12px 10px !important;
    gap: 0 !important;
    overflow: hidden !important;
}

html.admin-panel-v2 .fi-sidebar-nav-groups {
    display: none !important;
}

html.admin-panel-v2 .admin-v2-navigation {
    display: flex;
    flex: 1 1 auto;
    gap: 9px;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

html.admin-panel-v2 .admin-v2-rail {
    display: flex;
    flex: 0 0 68px;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-height: 0;
    padding: 2px 0;
    overflow-y: auto;
    scrollbar-width: thin;
}

html.admin-panel-v2 .admin-v2-menu-toggle {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 9px;
    color: #9aa8b8;
    background: rgba(255, 255, 255, 0.025);
    cursor: pointer;
}

html.admin-panel-v2 .admin-v2-menu-toggle:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
}

html.admin-panel-v2 .admin-v2-menu-toggle-icon {
    width: 16px;
    height: 16px;
}

html.admin-panel-v2 .admin-v2-module-button {
    display: flex;
    min-height: 54px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 5px 3px;
    color: #9aa8b8;
    background: transparent;
    font: inherit;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
    transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease;
    text-decoration: none;
}

html.admin-panel-v2 .admin-v2-module-button:hover {
    color: #f4f7fb;
    background: rgba(255, 255, 255, 0.055);
}

html.admin-panel-v2 .admin-v2-module-button.is-active {
    border-color: rgba(79, 153, 255, 0.23);
    color: #eaf3ff;
    background: linear-gradient(145deg, rgba(47, 111, 187, 0.32), rgba(34, 78, 124, 0.2));
    box-shadow: inset 2px 0 0 #60a5fa;
}

html.admin-panel-v2 .admin-v2-module-icon {
    width: 19px;
    height: 19px;
}

html.admin-panel-v2 .admin-v2-module-button > span {
    display: -webkit-box;
    max-width: 62px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html.admin-panel-v2 .admin-v2-submenu {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-left: 1px solid rgba(148, 163, 184, 0.12);
    padding: 1px 0 16px 10px;
    scrollbar-width: thin;
}

html.admin-panel-v2 .admin-v2-submenu-header {
    padding: 5px 7px 13px;
}

html.admin-panel-v2 .admin-v2-submenu-kicker,
html.admin-panel-v2 .admin-v2-link-section h3 {
    color: #bdc9d6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.4;
    text-transform: uppercase;
}

html.admin-panel-v2 .admin-v2-submenu-header h2 {
    margin: 4px 0 0;
    color: #f0f5fa;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.25;
}

html.admin-panel-v2 .admin-v2-link-section {
    margin-top: 13px;
}

html.admin-panel-v2 .admin-v2-link-section h3 {
    margin: 0 7px 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    letter-spacing: 0.045em;
}

html.admin-panel-v2 .admin-v2-link-section ul {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.admin-panel-v2 .admin-v2-link-section li {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
}

html.admin-panel-v2 .admin-v2-link-section li > .admin-v2-link {
    flex: 1 1 auto;
    min-width: 0;
}

html.admin-panel-v2 .admin-v2-link {
    display: flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 6px 7px;
    color: #a5b0bd;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    transition: color 140ms ease, background-color 140ms ease;
}

html.admin-panel-v2 .admin-v2-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.055);
}

html.admin-panel-v2 .admin-v2-link.is-active {
    border-color: rgba(75, 143, 215, 0.16);
    color: #e5f1ff;
    background: rgba(45, 103, 159, 0.22);
}

html.admin-panel-v2 .admin-v2-link-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #7e91a5;
}

html.admin-panel-v2 .admin-v2-link.is-active .admin-v2-link-icon {
    color: #7db8ff;
}

html.admin-panel-v2 .admin-v2-link-label {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.admin-panel-v2 .admin-v2-link-badge {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 1px 6px;
    color: #b7c6d6;
    background: rgba(148, 163, 184, 0.14);
    font-size: 10px;
    line-height: 1.5;
}

html.admin-panel-v2 .admin-v2-favorite-toggle {
    display: grid;
    width: 27px;
    min-width: 27px;
    height: 28px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    color: #718095;
    background: transparent;
    font-size: 15px;
    cursor: pointer;
}

html.admin-panel-v2 .admin-v2-favorite-toggle:hover,
html.admin-panel-v2 .admin-v2-favorite-toggle:focus-visible {
    color: #f5c96b;
    background: rgba(245, 201, 107, 0.09);
}

html.admin-panel-v2 .admin-v2-tools {
    position: relative;
    margin: 0 4px 10px 0;
}

html.admin-panel-v2 .admin-v2-search {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 9px;
    padding: 0 8px;
    color: #8292a4;
    background: rgba(255, 255, 255, 0.025);
}

html.admin-panel-v2 .admin-v2-search svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

html.admin-panel-v2 .admin-v2-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 0;
    color: #e8edf3;
    outline: 0;
    background: transparent;
    font: inherit;
    font-size: 11px;
}

html.admin-panel-v2 .admin-v2-search-results {
    position: absolute;
    z-index: 50;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
    max-height: 260px;
    overflow: auto;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    padding: 4px;
    background: #151c25;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

html.admin-panel-v2 .admin-v2-search-results a,
html.admin-panel-v2 .admin-v2-saved-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 7px;
    padding: 7px;
    color: #c6d1dc;
    font-size: 11px;
    text-decoration: none;
}

html.admin-panel-v2 .admin-v2-search-results a:hover,
html.admin-panel-v2 .admin-v2-saved-links a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
}

html.admin-panel-v2 .admin-v2-search-results small {
    color: #8292a4;
    font-size: 9px;
}

html.admin-panel-v2 .admin-v2-search-results p {
    margin: 0;
    padding: 9px 7px;
    color: #8292a4;
    font-size: 10px;
}

html.admin-panel-v2 .admin-v2-saved-links {
    display: grid;
    gap: 9px;
    margin: 0 4px 12px 0;
}

html.admin-panel-v2 .admin-v2-saved-links h3 {
    margin: 0 7px 3px;
    color: #77879a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

html.admin-panel-v2 .admin-v2-saved-links a {
    min-height: 29px;
    padding: 4px 7px;
}

html.admin-panel-v2 .admin-v2-saved-link {
    display: flex;
    align-items: center;
    gap: 2px;
}

html.admin-panel-v2 .admin-v2-saved-link > a {
    flex: 1 1 auto;
    min-width: 0;
}

html.admin-panel-v2 .admin-v2-saved-link > button {
    display: grid;
    width: 26px;
    min-width: 26px;
    height: 28px;
    place-items: center;
    border: 0;
    color: #f5c96b;
    background: transparent;
    cursor: pointer;
}

html.admin-panel-v2 .admin-v2-saved-link > button:hover,
html.admin-panel-v2 .admin-v2-saved-link > button:focus-visible {
    border-radius: 7px;
    background: rgba(245, 201, 107, 0.09);
}

html.admin-panel-v2 .admin-v2-saved-links button {
    border: 0;
    color: #f5c96b;
    background: transparent;
    cursor: pointer;
}

html.admin-panel-v2 .admin-panel-version-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 14px;
    padding: 18px 20px;
    background: linear-gradient(120deg, rgba(28, 39, 52, 0.9), rgba(20, 28, 38, 0.88));
}

html.admin-panel-v2 .admin-system-health {
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 13px;
    padding: 15px 17px;
    background: linear-gradient(120deg, rgba(22, 30, 40, 0.92), rgba(17, 24, 33, 0.9));
}

html.admin-panel-v2 .admin-system-health > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
}

html.admin-panel-v2 .admin-system-health > header > div {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

html.admin-panel-v2 .admin-system-health > header span {
    color: #79b6f7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

html.admin-panel-v2 .admin-system-health > header strong {
    color: #edf3f8;
    font-size: 13px;
}

html.admin-panel-v2 .admin-system-health > header small,
html.admin-panel-v2 .admin-system-health p {
    color: #8292a4;
    font-size: 10px;
}

html.admin-panel-v2 .admin-system-health-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

html.admin-panel-v2 .admin-system-health-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    padding: 9px;
    background: rgba(255, 255, 255, 0.025);
}

html.admin-panel-v2 .admin-system-health-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    margin-top: 4px;
    border-radius: 50%;
    background: #64748b;
}

html.admin-panel-v2 .admin-system-health-item.status-ok .admin-system-health-dot { background: #34d399; }
html.admin-panel-v2 .admin-system-health-item.status-warning .admin-system-health-dot { background: #fbbf24; }
html.admin-panel-v2 .admin-system-health-item.status-error .admin-system-health-dot { background: #fb7185; }
html.admin-panel-v2 .admin-system-health-item.status-info .admin-system-health-dot { background: #60a5fa; }
html.admin-panel-v2 .admin-system-health-item > div { min-width: 0; }
html.admin-panel-v2 .admin-system-health-item strong,
html.admin-panel-v2 .admin-system-health-item small { display: block; }
html.admin-panel-v2 .admin-system-health-item strong { color: #d8e1e9; font-size: 10px; }
html.admin-panel-v2 .admin-system-health-item small { margin-top: 2px; color: #8292a4; font-size: 9px; }
html.admin-panel-v2 .admin-system-health-state { margin-left: auto; color: #aab8c7; font-size: 9px; white-space: nowrap; }
html.admin-panel-v2 .admin-system-health p { margin: 9px 0 0; }

html.admin-panel-v2 .admin-transaction-summary {
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 12px;
    padding: 12px;
    background: rgba(19, 27, 37, 0.72);
}

html.admin-panel-v2 .admin-transaction-summary > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 2px 9px;
}

html.admin-panel-v2 .admin-transaction-summary > header strong { color: #dce6ef; font-size: 11px; }
html.admin-panel-v2 .admin-transaction-summary > header small { color: #77889a; font-size: 9px; }

html.admin-panel-v2 .admin-transaction-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

html.admin-panel-v2 .admin-transaction-summary-grid a {
    display: grid;
    gap: 2px;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 9px;
    padding: 8px 10px;
    color: #acb8c5;
    background: rgba(255, 255, 255, 0.025);
    text-decoration: none;
    transition: border-color 120ms ease, background-color 120ms ease;
}

html.admin-panel-v2 .admin-transaction-summary-grid a:hover { border-color: rgba(96, 165, 250, 0.3); background: rgba(59, 130, 246, 0.07); }
html.admin-panel-v2 .admin-transaction-summary-grid a span { font-size: 9px; }
html.admin-panel-v2 .admin-transaction-summary-grid a strong { color: #eef3f8; font-size: 16px; line-height: 1.2; }
html.admin-panel-v2 .admin-transaction-summary-grid a small { color: #8192a4; font-size: 9px; }

html.admin-panel-v2 .admin-user-audit-history .admin-user-audit-intro { max-width: 940px; margin: 0 0 14px; color: #8fa0b1; font-size: 11px; line-height: 1.6; }

html.admin-panel-v2 .admin-transaction-inspect { display: grid; gap: 16px; color: #dce5ee; }
html.admin-panel-v2 .admin-transaction-inspect-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html.admin-panel-v2 .admin-transaction-inspect-grid > div { display: grid; gap: 4px; border-radius: 8px; padding: 10px; background: rgba(255, 255, 255, 0.035); }
html.admin-panel-v2 .admin-transaction-inspect-grid span,
html.admin-panel-v2 .admin-transaction-inspect section small { color: #8494a5; font-size: 10px; }
html.admin-panel-v2 .admin-transaction-inspect-grid strong { overflow-wrap: anywhere; font-size: 12px; }
html.admin-panel-v2 .admin-transaction-inspect section h3 { margin: 0 0 8px; color: #eef3f8; font-size: 12px; }
html.admin-panel-v2 .admin-transaction-inspect section p { margin: 0; color: #acb8c5; font-size: 11px; line-height: 1.5; }
html.admin-panel-v2 .admin-transaction-inspect ol { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
html.admin-panel-v2 .admin-transaction-inspect ol li { display: grid; gap: 3px; border-left: 2px solid rgba(96, 165, 250, 0.55); padding: 2px 0 2px 9px; }
html.admin-panel-v2 .admin-transaction-inspect ol li strong { font-size: 11px; }
html.admin-panel-v2 .admin-transaction-inspect ol li span,
html.admin-panel-v2 .admin-transaction-inspect ol li small { color: #8c9bac; font-size: 10px; }
html.admin-panel-v2 .admin-transaction-inspect-note { border-top: 1px solid rgba(148, 163, 184, 0.12); padding-top: 12px; }
html.admin-panel-v2 .admin-transaction-inspect-actions { display: flex; justify-content: flex-end; border-top: 1px solid rgba(148, 163, 184, 0.12); padding-top: 12px; }
html.admin-panel-v2 .admin-transaction-inspect-actions a { border-radius: 7px; padding: 7px 10px; color: #aab9c8; background: rgba(255, 255, 255, 0.05); font-size: 10px; text-decoration: none; }
html.admin-panel-v2 .admin-transaction-inspect-actions a:hover { color: #fff; background: rgba(255, 255, 255, 0.09); }

@media (max-width: 767px) {
    html.admin-panel-v2 .admin-system-health-grid { grid-template-columns: 1fr; }
    html.admin-panel-v2 .admin-system-health > header { align-items: flex-start; flex-direction: column; }
    html.admin-panel-v2 .admin-transaction-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

html.admin-panel-v2 .admin-panel-version-copy h2 {
    margin: 4px 0 3px;
    color: #f3f6fa;
    font-size: 16px;
    font-weight: 650;
}

html.admin-panel-v2 .admin-panel-version-copy p {
    margin: 0;
    color: #98a7b7;
    font-size: 12px;
}

html.admin-panel-v2 .admin-panel-version-eyebrow {
    color: #79b6f7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

html.admin-panel-v2 .admin-panel-version-control {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: 6px;
}

html.admin-panel-v2 .admin-panel-version-label {
    align-self: center;
    margin-right: 5px;
    color: #a9b6c4;
    font-size: 11px;
    font-weight: 600;
}

html.admin-panel-v2 .admin-panel-version-option {
    display: grid;
    min-width: 98px;
    justify-items: start;
    gap: 1px;
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 9px;
    padding: 7px 10px;
    color: #c4d0dc;
    background: rgba(10, 15, 21, 0.24);
    font: inherit;
    cursor: pointer;
}

html.admin-panel-v2 .admin-panel-version-option > span {
    font-size: 12px;
    font-weight: 700;
}

html.admin-panel-v2 .admin-panel-version-option small {
    color: #8796a6;
    font-size: 9px;
}

html.admin-panel-v2 .admin-panel-version-option.is-selected {
    border-color: rgba(79, 153, 255, 0.5);
    color: #f2f8ff;
    background: rgba(47, 111, 187, 0.22);
}

@media (max-width: 767px) {
    .admin-panel-version-card {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
        padding: 15px;
    }

    .admin-panel-version-control {
        flex-wrap: wrap;
    }

    .admin-panel-version-control form {
        flex: 1 1 98px;
    }

    .admin-panel-version-label {
        width: 100%;
    }

    .admin-panel-version-option {
        flex: 1 1 90px;
    }

    html.admin-panel-v2 {
        --sidebar-width: min(318px, 94vw) !important;
    }

    html.admin-panel-v2 .admin-panel-version-card {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
        padding: 15px;
    }

    html.admin-panel-v2 .admin-panel-version-control {
        flex-wrap: wrap;
    }

    html.admin-panel-v2 .admin-panel-version-label {
        width: 100%;
    }

    html.admin-panel-v2 .admin-panel-version-option {
        flex: 1 1 90px;
    }
}