/* =========================================================
   ADMIN PANEL - APPLE INDUSTRIAL MINIMALIST (v5.0.0)
========================================================= */

.admin-dashboard-page {
    background: #09090b !important;
    font-family: 'ScaniaSansBold', 'AppleColorEmojiCustom', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.admin-panel-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    padding: 140px 24px 40px;
    position: relative;
    z-index: 1;
}

.admin-panel-header {
    text-align: left;
    margin-bottom: 32px;
    border-bottom: 1px solid #1f1f23;
    padding-bottom: 20px;
}

.admin-panel-header h1 {
    font-size: 2rem;
    color: #ffffff;
    letter-spacing: -0.5px;
    font-weight: 700;
}

.admin-panel-header p {
    color: #71717a;
    font-size: 0.88rem;
    margin-top: 6px;
}

/* İstatistik Kartları */
.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.admin-stat-card {
    background: #121214;
    border: 1px solid #1f1f23;
    border-radius: 12px;
    padding: 18px 20px;
}

.admin-stat-card:hover {
    background: #161619;
    border-color: #27272a;
}

.stat-info span {
    font-size: 0.78rem;
    color: #71717a;
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-info h2 {
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
}

/* Bento Izgara Kararlılığı */
.admin-complex-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}

.admin-bento-box {
    background: #121214;
    border: 1px solid #1f1f23;
    border-radius: 14px;
    padding: 24px;
}

.user-management-box { grid-column: span 8; }
.traffic-analysis-box { grid-column: span 4; }
.file-manager-box { grid-column: span 12; }

.bento-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #1f1f23;
    padding-bottom: 14px;
    gap: 12px;
    width: 100%;
}

.bento-box-header h3 {
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 600;
}

/* Form Elemanları */
.admin-search-wrapper input,
.admin-quick-upload-form input {
    padding: 8px 14px;
    background: #09090b;
    border: 1px solid #27272a;
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.85rem;
    outline: none;
    transition: border-color 0.2s ease;
}

/* TAMİR: image_900da6.png üzerindeki native çökme hatasını temizleyen sterilize CSS bloğu */
.admin-quick-upload-form select {
    padding: 8px 34px 8px 14px; /* Sağ oktan taşmayı önlemek için sağ dolgu artırıldı */
    background: #09090b;
    border: 1px solid #27272a;
    border-radius: 8px;
    color: #ffffff !important;
    font-family: inherit;
    font-size: 0.85rem;
    outline: none;
    cursor: pointer;
    width: 200px;
    
    /* İşletim sisteminin tarayıcıya zorladığı yerel arayüz katmanını tamamen parçalıyoruz */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    /* İşletim sisteminin bozuk oku yerine kusursuz bir Apple Gümüş rengi aşağı ok vektörü mühürlüyoruz */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a1a1aa%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-7.4H18.4c-5%200-9.3%202.5-12.3%206.4a17.6%2017.6%200%200%200-1%2018l119%20215a18.2%2017.6%200%200%200%2029.6%200l120-215a17.6%2017.6%200%200%200-1.6-18z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 10px auto !important;
    box-shadow: none !important;
}

/* TAMİR: Açılır kutu tıklandığında Windows/Chrome sistemlerinin arka planı beyaza çekmesini engelliyoruz */
.admin-quick-upload-form select option {
    background-color: #121214 !important;
    color: #ffffff !important;
    padding: 12px !important;
}

.admin-quick-upload-form { display: flex; gap: 8px; align-items: center; }
.admin-search-wrapper input { width: 240px; }
.admin-quick-upload-form input { width: 180px; }
.admin-search-wrapper input:focus,
.admin-quick-upload-form input:focus,
.admin-quick-upload-form select:focus { border-color: #a1a1aa; }

/* Kırmızı Bulut Yükleme Göstergesi */
.admin-upload-progress-container {
    width: 100%;
    height: 4px;
    background: #09090b;
    border: 1px solid #1f1f23;
    border-radius: 4px;
    margin-top: 16px;
    overflow: hidden;
}

.admin-upload-progress-bar {
    height: 100%;
    width: 0%;
    background: #A90000;
    border-radius: 4px;
    transition: width 0.1s linear;
}

/* Kurumsal Tablo Yapısı */
.admin-table-wrapper { width: 100%; overflow-x: auto; }
.admin-core-table { width: 100%; border-collapse: collapse; text-align: left; }
.admin-core-table th { padding: 10px 12px; font-size: 0.78rem; color: #71717a; border-bottom: 1px solid #1f1f23; text-transform: uppercase; font-weight: 600; letter-spacing: 0.3px; }
.admin-core-table td { padding: 12px; font-size: 0.88rem; color: #e4e4e7; border-bottom: 1px solid #1f1f23; vertical-align: middle; }

.table-user-profile { display: flex; align-items: center; gap: 10px; }
.table-user-profile img, .mini-avatar-placeholder { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid #27272a; }
.mini-avatar-placeholder { background: #1f1f23; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; color: #a1a1aa; font-weight: bold; }
.table-user-profile h4 { font-size: 0.88rem; color: #ffffff; font-weight: 600; }
.table-user-profile span { font-size: 0.78rem; color: #71717a; display: block; }

.badge-id { background: #1f1f23; padding: 3px 6px; border-radius: 6px; font-size: 0.78rem; color: #e4e4e7; border: 1px solid #27272a; }

/* Butonlar */
.btn-table-action { padding: 5px 12px; border-radius: 8px; font-size: 0.8rem; font-family: inherit; font-weight: 600; border: 1px solid #27272a; cursor: pointer; background: rgba(34, 197, 94, 0.1); color: #4ade80; transition: all 0.2s ease; }
.btn-table-action:hover { background: #22c55e; color: #ffffff; border-color: #22c55e; }
.btn-table-action.banned { background: rgba(239, 68, 68, 0.1); color: #f87171; }
.btn-table-action.banned:hover { background: #ef4444; color: #ffffff; border-color: #ef4444; }

.btn-table-action-submit { padding: 8px 16px; border-radius: 8px; font-size: 0.85rem; font-family: inherit; font-weight: 600; border: 1px solid #27272a; cursor: pointer; background: #ffffff; color: #09090b; transition: background 0.2s ease; }
.btn-table-action-submit:hover { background: #e4e4e7; }
.btn-table-action-submit:disabled { background: #1f1f23; color: #71717a; cursor: not-allowed; border-color: #27272a; }

/* Trafik Çubukları */
.traffic-analytics-holder { display: flex; flex-direction: column; gap: 14px; }
.traffic-meta-label { display: flex; justify-content: space-between; font-size: 0.82rem; color: #e4e4e7; margin-bottom: 4px; }
.progress-track-bar { width: 100%; height: 6px; background: #1f1f23; border-radius: 3px; overflow: hidden; }
.progress-fill-bar { height: 100%; background: #A90000; border-radius: 3px; }

/* Bulut Lisans Kod Süslemesi */
.cloud-license-text { font-family: monospace; color: #4ade80; font-size: 0.8rem; background: #09090b; padding: 2px 6px; border: 1px solid #1f1f23; border-radius: 4px; margin-top: 4px; display: inline-block; letter-spacing: 0.5px; }

.btn-file-delete { background: transparent; border: none; color: #f87171; cursor: pointer; font-family: inherit; font-weight: 600; transition: color 0.2s; }
.btn-file-delete:hover { color: #ef4444; }

/* Bildirim Kutuları */
#admin-toast-container { position: fixed; top: 30px; right: 30px; z-index: 100000; display: flex; flex-direction: column; gap: 8px; }
.admin-toast { background: #121214; border: 1px solid #27272a; padding: 12px 20px; border-radius: 8px; color: #ffffff; font-size: 0.85rem; font-weight: 500; box-shadow: 0 10px 25px rgba(0,0,0,0.5); transform: translateX(130%); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.admin-toast.toast-show { transform: translateX(0); }

@media screen and (max-width: 1024px) {
    .user-management-box, .traffic-analysis-box { grid-column: span 12; }
    .admin-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-quick-upload-form { flex-direction: column; align-items: stretch; }
    .admin-quick-upload-form input, .admin-quick-upload-form select { width: 100%; }
}

/* =========================================================
   💪 ILLUSTRUCKTION: SOL MENÜ DİKEY HİZALAMA DÜZELTMESİ
========================================================= */

/* Menüyü taşıyan ana listenin (ul) yatay dizilimini dikey yapar */
.admin-nav-sidebar ul {
    display: flex !important;
    flex-direction: column !important; /* Yan yana dizilmeyi iptal eder, alt alta dizer */
    gap: 12px !important;              /* Butonların arasına boşluk bırakır */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* Her bir liste elemanının (li) tüm satırı kaplamasını sağlar */
.admin-nav-sidebar ul li {
    width: 100% !important;
    display: block !important;
    flex: none !important;             /* Yatayda sıkışmayı tamamen engeller */
}

/* Butonların dikeyde hizalı ve tam genişlikte kalmasını garanti eder */
.admin-tab-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}