/* ════════════════════════════════════════════════════════════════════════════
 * admin.css — SheepAl yönetim panelinin renkleri (portal.css'in ÜSTÜNE yüklenir)
 *
 * Yapı ve bileşenler Portal ile aynıdır (THM + portal.css). Bu dosya paleti SİYAHA çevirir:
 *      vurgu / ana renk  #171717 (siyah; beyaz yazıyla 17,9:1)   · ikincil  #404040 (koyu gri; beyazla 10,4:1)
 *      yan menü #0F0F10, açık sayfa beyaz çizgi   · bilgi / başarı / uyarı / tehlike: temanın durum renkleri (değişmedi)
 * Koyu görünümde düğmeler bir ton açılır (#525252; zeminden ayrışsın, beyaz yazı 7,8:1).
 * Bileşen kuralları yeniden yazılmaz; değişkenler değiştirilir.
 * ════════════════════════════════════════════════════════════════════════════ */

:root, [data-bs-theme=light] {
    --pt-accent: #171717;
    --pt-accent-rgb: 23, 23, 23;

    --vz-primary: #171717;
    --vz-primary-rgb: 23, 23, 23;
    --vz-primary-text-emphasis: #0A0A0A;
    --vz-primary-bg-subtle: #EDEDED;
    --vz-primary-border-subtle: #C7C7C7;

    --vz-secondary: #404040;
    --vz-secondary-rgb: 64, 64, 64;
    --vz-secondary-text-emphasis: #262626;
    --vz-secondary-bg-subtle: #F0F0F0;
    --vz-secondary-border-subtle: #D4D4D4;

    --vz-link-color: #171717;
    --vz-link-color-rgb: 23, 23, 23;
    --vz-link-hover-color: #525252;
    --vz-link-hover-color-rgb: 82, 82, 82;
}

[data-bs-theme=dark] {
    --pt-accent: #E5E5E5;
    --pt-accent-rgb: 229, 229, 229;
    --vz-primary: #525252;
    --vz-primary-rgb: 82, 82, 82;
    --vz-primary-text-emphasis: #E5E5E5;
    --vz-primary-bg-subtle: rgba(229, 229, 229, .10);
    --vz-primary-border-subtle: rgba(229, 229, 229, .25);
    --vz-secondary: #737373;
    --vz-secondary-rgb: 115, 115, 115;
    --vz-secondary-text-emphasis: #D4D4D4;
    --vz-secondary-bg-subtle: rgba(229, 229, 229, .08);
    --vz-secondary-border-subtle: rgba(229, 229, 229, .2);
    --vz-link-color: #E5E5E5;
    --vz-link-color-rgb: 229, 229, 229;
    --vz-link-hover-color: #FFFFFF;
    --vz-link-hover-color-rgb: 255, 255, 255;
}

/* Düğmeler: tema düğme renklerini sabit yazar; ana / ikincil düğmeler siyah tona çekilir */
.adm .btn-primary { --vz-btn-bg: var(--vz-primary); --vz-btn-border-color: var(--vz-primary); --vz-btn-hover-bg: #000; --vz-btn-hover-border-color: #000;
    --vz-btn-active-bg: #000; --vz-btn-active-border-color: #000; --vz-btn-disabled-bg: var(--vz-primary); --vz-btn-disabled-border-color: var(--vz-primary); --vz-btn-color: #FFF; --vz-btn-hover-color: #FFF; }
[data-bs-theme=dark] .adm .btn-primary { --vz-btn-hover-bg: #737373; --vz-btn-hover-border-color: #737373; --vz-btn-active-bg: #737373; }
.adm .btn-soft-secondary { --vz-btn-color: var(--vz-secondary-text-emphasis); --vz-btn-bg: var(--vz-secondary-bg-subtle); --vz-btn-hover-bg: var(--vz-secondary); --vz-btn-hover-color: #FFF; }
.adm .form-control:focus, .adm .form-select:focus { border-color: #737373; box-shadow: 0 0 0 .2rem rgba(23, 23, 23, .12); }

/* Yan menü: siyah (#0F0F10). Bölüm başlıkları soluk (5,1:1), menü yazıları açık gri (11:1), açık sayfa beyaz + solda beyaz çizgi */
html[data-sidebar=dark], html[data-theme][data-sidebar=dark] {
    --adm-menu-accent: #FFFFFF;
    --vz-vertical-menu-bg: #0F0F10;
    --vz-vertical-menu-border: #0F0F10;
    --vz-vertical-menu-item-color: #D4D4D4;
    --vz-vertical-menu-item-bg: rgba(255, 255, 255, .07);
    --vz-vertical-menu-item-hover-color: #FFF;
    --vz-vertical-menu-item-active-color: #FFF;
    --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, .11);
    --vz-vertical-menu-sub-item-color: #BDBDBD;
    --vz-vertical-menu-sub-item-hover-color: #FFF;
    --vz-vertical-menu-sub-item-active-color: #FFF;
    --vz-vertical-menu-title-color: #8F8F8F;
    --vz-twocolumn-menu-iconview-bg: #0A0A0B;
}
html[data-bs-theme=dark][data-sidebar=dark], html[data-theme][data-bs-theme=dark][data-sidebar=dark] {
    --vz-vertical-menu-bg: #0A0A0B;
    --vz-vertical-menu-border: #1F1F1F;
}
.adm .navbar-menu { background: var(--vz-vertical-menu-bg); }
.adm .navbar-menu .navbar-nav .nav-link { position: relative; border-radius: 6px; transition: background-color .12s, color .12s; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link { margin: 1px 10px; padding-left: 14px; padding-right: 14px; font-weight: 500; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link:hover { background: var(--vz-vertical-menu-item-bg); color: #FFF; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link.active { background: var(--vz-vertical-menu-item-active-bg); font-weight: 600; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link.active > i { color: var(--adm-menu-accent); }
.adm .navbar-menu .navbar-nav .nav-link.menu-link.active::before { content: ""; position: absolute; left: -10px; top: 7px; bottom: 7px; width: 4px; border-radius: 0 4px 4px 0; background: var(--adm-menu-accent); }
.adm .navbar-menu .menu-title { margin-top: 6px; }
.adm .navbar-menu .menu-title span { font-size: 10.5px; font-weight: 600; letter-spacing: 1.1px; }
/* Menü aralıkları: yazı ve simge temanın boyutunda; satırlar ve başlıklar temadan biraz sıkı (bağlantı ~38 px, başlık ~32 px) */
.adm .navbar-menu .navbar-nav .nav-link.menu-link { margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; }
.adm .navbar-menu .menu-title { margin: 0; padding: 0; }
/* Bölüm başlıkları (HESAPLAR, ANALİZ…): sola yaslı, küçük; yanında sağ kenara kadar ince çizgi */
.adm .navbar-menu .menu-title span { display: flex; align-items: center; gap: 8px; padding: 14px 12px 6px 12px; font-size: 9.5px; line-height: 12px; }
.adm .navbar-menu .menu-title span::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, .12); }
.adm .navbar-menu .navbar-nav > .menu-title:first-child span { padding-top: 6px; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link.active::before { top: 6px; bottom: 6px; }
.adm .navbar-menu .navbar-nav .nav-link:focus-visible { outline: 2px solid var(--adm-menu-accent); outline-offset: -2px; }
[data-sidebar-size=sm] .adm .navbar-menu .navbar-nav .nav-link.menu-link { margin: 1px 0; border-radius: 0; }
[data-sidebar-size=sm] .adm .navbar-menu .navbar-nav .nav-link.menu-link.active::before { display: none; }
.navbar-menu .navbar-brand-box .logo-lg img { max-height: 34px; }

/* Henüz yazılmamış sayfa: menüde küçük "yakında" etiketi */
.adm-soon { margin-left: auto; padding: 0 7px; border-radius: 10px; font-size: 10px; font-weight: 600; line-height: 1.7; letter-spacing: .3px;
    background: rgba(255, 255, 255, .10); color: #BDBDBD; }
[data-sidebar-size=sm] .adm .adm-soon { display: none; }

/* Alt menüler (Hesaplar, Analiz…): açık bölümün başlığı yalnız beyaz yazı; çizgi ve zemin açık alt sayfada */
.adm .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle].active { background: transparent; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle].active::before { display: none; }
.adm .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle]:hover { background: var(--vz-vertical-menu-item-bg); }
.adm .navbar-menu .navbar-nav .menu-dropdown .nav-sm { padding: 2px 0 6px; }
.adm .navbar-menu .navbar-nav .menu-dropdown .nav-link { display: flex; align-items: center; margin: 1px 10px; padding: 6px 14px 6px 42px !important; font-size: 13px; }
/* temanın kısa çizgisi: yazının solunda, simge hizasında */
.adm .navbar-menu .navbar-nav .menu-dropdown .nav-link::before { left: 21px; top: 50%; width: 6px; }
.adm .navbar-menu .navbar-nav .menu-dropdown .nav-link:hover { background: var(--vz-vertical-menu-item-bg); color: #FFF; }
.adm .navbar-menu .navbar-nav .menu-dropdown .nav-link.active { background: var(--vz-vertical-menu-item-active-bg); color: #FFF; font-weight: 600; }
.adm .navbar-menu .navbar-nav .menu-dropdown .nav-link.active::before { opacity: 1; background-color: var(--adm-menu-accent); }
[data-sidebar-size=sm] .adm .navbar-menu .navbar-nav .menu-dropdown .nav-link { margin: 0; padding-left: 28px !important; }
[data-sidebar-size=sm] .adm .navbar-menu .navbar-nav .menu-dropdown .nav-link::before { left: 12px; }
/* Güvenli çıkış: menünün sonunda, üstünde ince çizgi; düğme bağlantı gibi görünür */
.adm .navbar-menu .adm-logout { margin-bottom: 12px; }
.adm .navbar-menu .adm-logout-title span { padding-top: 14px; }
.adm .navbar-menu .adm-logout button.nav-link { width: calc(100% - 20px); border: 0; background: transparent; color: var(--vz-vertical-menu-item-color); text-align: left; }
.adm .navbar-menu .adm-logout button.nav-link:hover { background: rgba(240, 101, 72, .14); color: #F49B88; }
[data-sidebar-size=sm] .adm .navbar-menu .adm-logout button.nav-link { width: 100%; }

/* Giriş sayfasının marka paneli: menüyle aynı siyah; köşelerde çok hafif beyaz ışık */
.adm .pt-auth-side { background: #0F0F10; }
.adm .pt-auth-side::before { background: radial-gradient(circle, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, 0) 68%); }
.adm .pt-auth-side::after { background: radial-gradient(circle, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 68%); }
.adm .pt-auth-logo img { max-width: 240px; height: auto; }
.adm .pt-auth-logo-sm img { max-height: 40px; }

/* Genel bakış: bölüm kartları */
.adm-tile { color: inherit; text-decoration: none; transition: box-shadow .12s, transform .12s; }
.adm-tile:hover { color: inherit; box-shadow: 0 4px 14px rgba(0, 0, 0, .08); transform: translateY(-1px); }
.adm-tile:focus-visible { outline: 2px solid var(--pt-accent); outline-offset: 2px; }
.adm-tile h6 { font-weight: 600; }
.adm-tile-ico { flex: 0 0 44px; height: 44px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px;
    background: var(--vz-primary-bg-subtle); color: var(--vz-primary-text-emphasis); }
.min-w-0 { min-width: 0; }
.adm-pending-ico { font-size: 44px; color: var(--vz-secondary-color); }

/* Veteriner klinikleri / danışman firmaları */
tr[data-adm-row] { cursor: pointer; }
.adm-logo { width: 52px; height: 52px; object-fit: contain; border-radius: 10px; border: 1px solid var(--vz-border-color); background: #FFF; flex: 0 0 52px; }
.adm-facts { display: grid; grid-template-columns: minmax(110px, max-content) 1fr; gap: 6px 14px; font-size: 13px; }
.adm-facts dt { font-weight: 500; color: var(--vz-secondary-color); }
.adm-facts dd { margin: 0; overflow-wrap: anywhere; }
.adm-text { white-space: pre-line; overflow-wrap: anywhere; font-size: 13px; }

/* Genel bakış ve çiftlik */
.adm-tile-ico-sm { flex-basis: 32px; width: 32px; height: 32px; font-size: 17px; border-radius: 8px; }
.adm-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.adm-pack { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid var(--vz-border-color); border-radius: 8px; }
.adm-pack b { font-weight: 600; }

/* ── Sekmeler (liste süzgeçleri ve ayrıntı sekmeleri): ikon + sayaç; tek satır, dar ekranda yatay kaydırılır ── */
.adm .nav-tabs-custom { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; gap: 2px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.adm .nav-tabs-custom::-webkit-scrollbar { display: none; }
.adm .nav-tabs-custom .nav-item { flex: 0 0 auto; }
.adm .nav-tabs-custom .nav-link { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding: 11px 14px 10px; border: 0;
    border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--vz-secondary-color); font-weight: 500; transition: color .12s, border-color .12s; }
.adm .nav-tabs-custom .nav-link::after { display: none; }
.adm .nav-tabs-custom .nav-link > i { font-size: 16px; line-height: 1; opacity: .8; }
.adm .nav-tabs-custom .nav-link .badge { min-width: 22px; padding: 3px 7px; border-radius: 10px; font-size: 11px; font-weight: 600;
    background: var(--vz-light); color: var(--vz-body-color); }
.adm .nav-tabs-custom .nav-link:hover { color: var(--vz-body-color); border-bottom-color: var(--vz-border-color); }
.adm .nav-tabs-custom .nav-link.active { color: var(--vz-body-color); font-weight: 600; border-bottom-color: var(--pt-accent); }
.adm .nav-tabs-custom .nav-link.active > i { opacity: 1; }
.adm .nav-tabs-custom .nav-link.active .badge { background: var(--pt-accent); color: var(--vz-body-bg, #FFF); }
.adm .nav-tabs-custom .nav-link:focus-visible { outline: 2px solid var(--pt-accent); outline-offset: -2px; }
.adm .card-header-tabs { margin-bottom: -1px; }

/* ── Sayı kartları (Views/Shared/_Stats): kart sayısı ne olursa olsun satıra eşit yayılır ── */
.adm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 12px; }
.adm-stat .card-body { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; }
.adm-stat-ico { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; }
.adm-stat-label { margin: 0 0 2px; font-size: 12.5px; color: var(--vz-secondary-color); }
.adm-stat-value { margin: 0; font-size: 21px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.adm-stat-note { margin: 3px 0 0; font-size: 12px; line-height: 1.35; color: var(--vz-secondary-color); }
@media (max-width: 575.98px) { .adm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .adm-stat .card-body { padding: 12px; } .adm-stat-value { font-size: 18px; } }

/* İkon zemin tonları */
.adm-tone-dark { background: var(--vz-primary-bg-subtle); color: var(--vz-primary-text-emphasis); }
.adm-tone-success { background: var(--vz-success-bg-subtle); color: var(--vz-success); }
.adm-tone-info { background: var(--vz-info-bg-subtle); color: var(--vz-info); }
.adm-tone-warning { background: var(--vz-warning-bg-subtle); color: var(--vz-warning); }
.adm-tone-danger { background: var(--vz-danger-bg-subtle); color: var(--vz-danger); }
.adm-tone-secondary { background: var(--vz-light); color: var(--vz-secondary-color); }
.adm-tone-primary { background: rgba(64, 81, 137, .12); color: #405189; }
[data-bs-theme=dark] .adm-tone-primary { background: rgba(124, 143, 214, .16); color: #9DB0F0; }

/* ── Analiz: grafik, ilerleme çubuğu, yatay çubuk satırı, sıra rozeti ── */
.adm-chart { width: 100%; }
.adm-progress { height: 6px; border-radius: 6px; background: var(--vz-light); }
.adm-progress .progress-bar { border-radius: 6px; }
.adm-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.adm-bar-row:last-child { margin-bottom: 0; }
.adm-bar-label { flex: 0 0 42%; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-bar-value { flex: 0 0 64px; text-align: right; font-size: 13px; font-weight: 600; }
.adm-rank { display: inline-flex; width: 24px; height: 24px; border-radius: 50%; align-items: center; justify-content: center; font-size: 12px; font-weight: 600;
    background: var(--vz-light); color: var(--vz-body-color); }
.adm-rank-1 { background: #F7B84B; color: #FFF; }
.adm-rank-2 { background: #ADB5BD; color: #FFF; }
.adm-rank-3 { background: #C98B5B; color: #FFF; }
.card-title > i { vertical-align: -1px; }

/* ── Çiftlik ayrıntısı: başlık kartı ve sekme içerikleri ── */
.adm-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.adm-hero-main { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 280px; }
.adm-hero-main h4 { margin: 0 0 4px; font-weight: 600; }
.adm-hero-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--vz-secondary-color); }
.adm-hero-meta i { margin-right: 3px; }
.adm-hero .adm-pack { flex: 0 1 260px; }
.adm-tab-body { padding-top: 16px; }
.adm-invoice-file { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; }
.adm-invoice-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-drop { border: 1.5px dashed var(--vz-border-color); border-radius: 10px; padding: 18px; text-align: center; cursor: pointer; transition: border-color .12s, background-color .12s; }
.adm-drop:hover, .adm-drop.is-over { border-color: var(--pt-accent); background: var(--vz-light); }
.adm-drop i { font-size: 30px; color: var(--vz-secondary-color); }
.adm-drop input[type=file] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

/* Genel bakış: kullanım dağılımı şeridi ve açıklaması */
.adm-seg-bar { display: flex; height: 12px; border-radius: 8px; overflow: hidden; background: var(--vz-light); gap: 2px; }
.adm-seg-bar span { display: block; height: 100%; }
.adm-seg-legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.adm-seg-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: inherit; text-decoration: none; transition: background-color .12s; }
.adm-seg-item:hover { background: var(--vz-light); color: inherit; }
.adm-seg-item b { font-size: 18px; font-weight: 600; line-height: 1.1; }
.adm-seg-item .adm-stat-ico { flex-basis: 36px; width: 36px; height: 36px; font-size: 18px; border-radius: 10px; }

/* Dar sayı kartı (çok kartlı satır, telefon): ikon üstte, değer tek satır */
.adm-stat { container-type: inline-size; }
.adm-stat-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@container (max-width: 230px) {
    .adm-stat .card-body { flex-direction: column; gap: 8px; }
    .adm-stat-ico { flex-basis: 36px; width: 36px; height: 36px; font-size: 18px; border-radius: 10px; }
}

/* Bayi oranları: oranı girilmemiş satır (ürün bu bayiye kapalı) soluk sarı; "hepsine uygula" satırı */
.adm-rates tr.adm-rate-empty > td { background: rgba(var(--vz-warning-rgb), .06); }
.adm-rates thead .adm-rate-all td { background: var(--vz-light); border-bottom-width: 1px; }
.adm-rates [data-adm-profit] { white-space: nowrap; }

/* Bayi siparişi: atanan seri numaraları */
.adm-serials { display: flex; flex-wrap: wrap; gap: 6px; }
.adm-serials > span { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid var(--vz-border-color); border-radius: 3px; background: var(--vz-light); font-size: 12px; }
.adm-order-items td.text-end, .adm-order-items th.text-end { white-space: nowrap; }

/* ── Veritabanı yedekleri (Views/DbBackup) ──
 * Tür renkleri: saatlik mavi (info) · günlük lacivert · haftalık turuncu (warning) · aylık yeşil (success) · elle gri
 * .bk-plan: zamanlama kartı (üstte tür, ortada sıklık + saat, altta saklama); .bk-src: veritabanı kartı; .bk-actions: formun yapışkan alt çubuğu */
.bk-k-saatlik { --bk-c: var(--vz-info); --bk-t: var(--vz-info-text-emphasis, #2385BA); --bk-bg: var(--vz-info-bg-subtle); --bk-rgb: var(--vz-info-rgb); }
.bk-k-gunluk { --bk-c: #405189; --bk-t: #405189; --bk-bg: rgba(64, 81, 137, .10); --bk-rgb: 64, 81, 137; }
.bk-k-haftalik { --bk-c: var(--vz-warning); --bk-t: var(--vz-warning-text-emphasis, #B7791F); --bk-bg: var(--vz-warning-bg-subtle); --bk-rgb: var(--vz-warning-rgb); }
.bk-k-aylik { --bk-c: var(--vz-success); --bk-t: var(--vz-success-text-emphasis, #4C7A27); --bk-bg: var(--vz-success-bg-subtle); --bk-rgb: var(--vz-success-rgb); }
.bk-k-elle { --bk-c: var(--vz-secondary-color); --bk-t: var(--vz-secondary-color); --bk-bg: var(--vz-light); --bk-rgb: 128, 128, 128; }
[data-bs-theme=dark] .bk-k-gunluk { --bk-c: #9DB0F0; --bk-t: #9DB0F0; --bk-bg: rgba(124, 143, 214, .16); --bk-rgb: 124, 143, 214; }

.bk-plans { display: flex; flex-wrap: wrap; gap: 5px; }
.bk-plan { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px 4px 7px; border-radius: 8px; background: var(--vz-light); border: 1px solid var(--vz-border-color); line-height: 1.2; }
.bk-plan > i { font-size: 16px; color: var(--bk-c); }
.bk-plan-text { display: inline-flex; flex-direction: column; }
.bk-plan-head { font-size: 10.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--vz-secondary-color); }
.bk-plan-when { font-size: 12.5px; font-weight: 600; color: var(--vz-body-color); white-space: nowrap; }
.bk-last-ico { font-size: 20px; line-height: 1.1; }
.bk-plan-empty { font-size: 13px; color: var(--vz-secondary-color); }

.bk-src.is-off { opacity: .6; }
.bk-src-grid { padding: 12px 16px; display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.bk-src-grid > :nth-child(1) { flex: 0 0 250px; }
.bk-src-grid > :nth-child(2) { flex: 1 1 300px; }
.bk-src-grid > :nth-child(3) { flex: 0 0 210px; }
.bk-src-grid > :nth-child(4) { flex: 0 0 auto; margin-left: auto; }
@media (max-width: 575.98px) { .bk-src-grid > * { flex: 1 1 100% !important; } }
.bk-src-name { font-size: 15px; font-weight: 600; color: var(--vz-body-color); }
.bk-src-name:hover { color: var(--vz-link-hover-color); }
.bk-label { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--vz-secondary-color); }
.bk-src-actions { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }

/* Form: bölüm başlığı ve zamanlama kutuları */
.bk-sec-head { display: flex; align-items: center; gap: 10px; }
.bk-sec-head .adm-stat-ico { flex-basis: 38px; width: 38px; height: 38px; font-size: 19px; border-radius: 10px; }
.bk-sec-head h5 { margin: 0; font-size: 15px; font-weight: 600; }
.bk-sec-head p { margin: 0; font-size: 12.5px; color: var(--vz-secondary-color); }
.bk-box { border-radius: 12px; border: 1px solid rgba(var(--bk-rgb), .30); background: var(--vz-card-bg, #FFF); overflow: hidden; transition: opacity .15s; }
.bk-box-head { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--bk-bg); border-bottom: 1px solid rgba(var(--bk-rgb), .22); }
.bk-box-head > i { font-size: 18px; color: var(--bk-t); }
.bk-box-head h6 { margin: 0; font-weight: 700; color: var(--bk-t); }
.bk-box-head .form-check { margin: 0 0 0 auto; }
.bk-box-body { padding: 12px 14px 14px; }
.bk-box.is-off .bk-box-body { opacity: .45; }
.bk-actions { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 12px 16px;
    border: 1px solid var(--vz-border-color); border-radius: 10px; background: var(--vz-card-bg, #FFF); box-shadow: 0 -4px 16px rgba(0, 0, 0, .06); }
.bk-actions .bk-actions-note { font-size: 12.5px; color: var(--vz-secondary-color); }
.bk-src-grid b { white-space: nowrap; }
.bk-run-ico { font-size: 17px; vertical-align: -2px; }
/* Veritabanı yedekleri listesi (col-8 kart içinde satırlar) */
.bk-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 12px 16px; }
.bk-row.is-off { opacity: .6; }
.bk-row-name { display: flex; align-items: center; gap: 10px; flex: 0 0 215px; min-width: 0; }
.bk-row .bk-plans { flex: 1 1 260px; }
.bk-row-last { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 135px; font-size: 13px; white-space: nowrap; }
.bk-row-last i { font-size: 18px; }
.bk-row .bk-src-actions { flex: 0 0 auto; margin-left: auto; gap: 4px; }
@media (max-width: 575.98px) { .bk-row > * { flex: 1 1 100% !important; } }

/* Sayfanın son kartı alt bilgiye (footer, 60 px, sayfanın dibine sabit) yapışmasın */
.adm .page-content { padding-bottom: calc(60px + 1.5rem); }

/* Sistem durumu: canlı sunucu grafikleri */
.sys-live .card-body { padding: 14px 16px 6px; }
.sys-live-val { font-size: 22px; font-weight: 600; line-height: 1.2; }
.sys-live-sub { font-size: 12px; color: var(--vz-secondary-color); }

/* ── Mağaza (Views/Shop) ── küçük resim, ürün galerisi */
.shop-thumb { width: 52px; height: 52px; border-radius: 8px; background: var(--vz-light, #f3f6f9); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; margin: 0; flex: 0 0 auto; }
.shop-thumb img { width: 100%; height: 100%; object-fit: cover; }
.shop-thumb i { font-size: 22px; color: var(--vz-secondary-color, #878a99); }
.shop-thumb-sm { width: 38px; height: 38px; cursor: default; }
.shop-thumb-sm i { font-size: 18px; }
.shop-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.shop-gallery-item { position: relative; margin: 0; border: 1px solid var(--vz-border-color, #e9ebec); border-radius: 10px; overflow: hidden; background: var(--vz-light, #f3f6f9); }
.shop-gallery-item.is-cover { border-color: var(--vz-primary, #405189); box-shadow: 0 0 0 2px rgba(64, 81, 137, .15); }
.shop-gallery-item img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
.shop-gallery-item .badge { position: absolute; top: 8px; left: 8px; }
.shop-gallery-item figcaption { display: flex; justify-content: center; gap: 4px; padding: 6px; }
label.disabled { pointer-events: none; opacity: .6; }

/* Mağaza: resim kırpma penceresi (Views/Shop/_CropModal, lib/croppie) */
.shop-crop-box { width: 100%; max-width: 720px; margin: 0 auto 6px; }
.shop-crop-box .cr-slider-wrap { margin: 12px auto 4px; }

/* ═══ Çevrim içi (canlı) — Views/Online/Index, genel bakış kartı, js/admin/online.js ═══ */
.adm-live-board .card-body { padding: 20px 22px; }
.adm-live-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.adm-live-pill { display: inline-flex; align-items: center; gap: 7px; padding: 3px 11px 3px 9px; border-radius: 20px; background: var(--vz-success-bg-subtle); color: var(--vz-success); font-size: 12.5px; font-weight: 600; }
.adm-live-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.adm-live-dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid currentColor; opacity: 0; animation: admLivePulse 2s ease-out infinite; }
.adm-live-pill.is-off { background: var(--vz-light); color: var(--vz-secondary-color); }
.adm-live-pill.is-off .adm-live-dot::after { animation: none; }
@keyframes admLivePulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } }
.adm-live-nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 0; }
.adm-live-num, .adm-live-split { padding: 2px 22px; border-left: 1px solid var(--vz-border-color); min-width: 0; }
.adm-live-num:first-child { padding-left: 0; border-left: 0; }
.adm-live-label { display: block; font-size: 13px; color: var(--vz-secondary-color); margin-bottom: 4px; }
.adm-live-num b { display: block; font-size: 40px; line-height: 1.05; font-weight: 600; letter-spacing: -1px; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.adm-live-num.is-now b { color: var(--vz-success); }
.adm-live-sub { display: block; margin-top: 4px; font-size: 12.5px; color: var(--vz-secondary-color); }
.is-tick { animation: admLiveTick .6s ease; }
@keyframes admLiveTick { 30% { transform: translateY(-2px); opacity: .55; } }
.adm-live-bar { display: flex; height: 10px; border-radius: 6px; overflow: hidden; background: var(--vz-light); margin: 6px 0 6px; }
.adm-live-bar.is-thin { height: 6px; margin-top: 12px; }
.adm-live-bar span { height: 100%; transition: width .5s ease; }
.adm-live-bar .k-web, .adm-live-bar .k-pc, .adm-live-legend .k-web i, .adm-live-legend .k-pc i { background: #405189; }
.adm-live-bar .k-mobil, .adm-live-bar .k-telefon, .adm-live-legend .k-mobil i, .adm-live-legend .k-telefon i { background: #0AB39C; }
.adm-live-bar .k-tablet, .adm-live-legend .k-tablet i { background: #F7B84B; }
[data-bs-theme=dark] .adm-live-bar .k-web, [data-bs-theme=dark] .adm-live-bar .k-pc, [data-bs-theme=dark] .adm-live-legend .k-web i, [data-bs-theme=dark] .adm-live-legend .k-pc i { background: #7C8FD6; }
.adm-live-legend { display: flex; flex-wrap: wrap; gap: 2px 14px; font-size: 12.5px; color: var(--vz-secondary-color); }
.adm-live-legend span { display: inline-flex; align-items: center; gap: 6px; }
.adm-live-legend i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
.adm-live-legend b { color: var(--vz-body-color); font-weight: 600; }

/* Çevrim içi — gerçek zamanlı kartı ve grafik kartları (Views/Online/Index) */
.adm-rt .card-body { padding: 20px 22px; }
.adm-rt-grid { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 28px; align-items: stretch; }
.adm-rt-now { display: flex; flex-direction: column; min-width: 0; }
.adm-rt-big { display: block; font-size: 64px; line-height: 1; font-weight: 600; letter-spacing: -2px; color: var(--vz-success); font-variant-numeric: tabular-nums; }
.adm-rt-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--vz-border-color); }
.adm-rt-kpis > div { padding: 0 12px; border-left: 1px solid var(--vz-border-color); min-width: 0; }
.adm-rt-kpis > div:first-child { padding-left: 0; border-left: 0; }
.adm-rt-kpis dt { font-size: 12.5px; font-weight: 400; color: var(--vz-secondary-color); }
.adm-rt-kpis dd { margin: 2px 0 0; font-size: 26px; line-height: 1.1; font-weight: 600; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.adm-rt-kpis .adm-live-sub { font-size: 12px; }
.adm-rt-chart { min-width: 0; padding-left: 28px; border-left: 1px solid var(--vz-border-color); }
.adm-oc { min-width: 0; }
.adm-oc.is-zero .apexcharts-pie-series path { opacity: 0; }
.is-up { color: var(--vz-success); }
.is-down { color: var(--vz-danger); }
.adm-live-sub b.is-up, .adm-live-sub b.is-down { font-weight: 600; }
.adm-wm-bar { display: flex; height: 26px; border-radius: 6px; overflow: hidden; background: var(--vz-light); margin-bottom: 14px; }
.adm-wm-bar span { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11.5px; font-weight: 600; transition: width .5s ease; min-width: 0; overflow: hidden; }
.adm-wm-bar .k-web { background: #405189; }
.adm-wm-bar .k-mobil { background: #0AB39C; }
[data-bs-theme=dark] .adm-wm-bar .k-web { background: #5468B0; }
.adm-wm-row { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 13px; }
.adm-wm-row > span { color: var(--vz-secondary-color); flex: 1; }
.adm-wm-row > b { font-size: 16px; font-weight: 600; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.adm-wm-row > small { color: var(--vz-secondary-color); margin-left: -4px; }
.adm-wm-row > i { width: 9px; height: 9px; border-radius: 2px; }
.adm-wm-row.k-web > i { background: #405189; }
.adm-wm-row.k-mobil > i { background: #0AB39C; }
.adm-wm hr { margin: 8px 0; border-color: var(--vz-border-color); opacity: 1; }
.adm-trend-kpis { display: flex; gap: 16px; font-size: 12.5px; color: var(--vz-secondary-color); }
.adm-trend-kpis b { color: var(--vz-heading-color); font-size: 14px; font-variant-numeric: tabular-nums; }
.adm-trend-kpis em { font-style: normal; font-weight: 600; margin-left: 2px; }
.adm-rank-head { display: grid; grid-template-columns: minmax(0, 1fr) 52px 52px; gap: 8px; padding: 0 0 6px; font-size: 11.5px; color: var(--vz-secondary-color); border-bottom: 1px solid var(--vz-border-color); }
.adm-rank-head span:not(:first-child) { text-align: right; }
.adm-ranklist { display: flex; flex-direction: column; }
.adm-rank-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px dashed var(--vz-border-color); }
[data-ol="pages"] .adm-rank-row { grid-template-columns: minmax(0, 1fr) 52px 52px; gap: 8px; }
.adm-rank-row:last-child { border-bottom: 0; }
.adm-rank-label { min-width: 0; }
.adm-rank-name { font-size: 13px; font-weight: 500; color: var(--vz-body-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-rank-sub { font-size: 11.5px; color: var(--vz-secondary-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; text-align: left; }
.adm-rank-bar { position: relative; height: 5px; margin-top: 5px; border-radius: 3px; background: var(--vz-light); overflow: hidden; }
.adm-rank-bar span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; transition: width .5s ease; }
.adm-rank-all { background: rgba(64, 81, 137, .35); }
.adm-rank-now { background: var(--vz-success); }
[data-bs-theme=dark] .adm-rank-all { background: rgba(124, 143, 214, .45); }
.adm-rank-n { min-width: 26px; text-align: right; font-size: 12.5px; color: var(--vz-secondary-color); font-variant-numeric: tabular-nums; }
.adm-rank-n.is-on { color: var(--vz-success); font-weight: 600; }
.adm-rank-c { min-width: 26px; text-align: right; font-size: 14px; font-weight: 600; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.adm-rank-empty { margin: 10px 0 0; font-size: 13px; color: var(--vz-secondary-color); }
@media (max-width: 991.98px) {
    .adm-rt-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .adm-rt-chart { padding-left: 0; border-left: 0; padding-top: 16px; border-top: 1px solid var(--vz-border-color); }
}
@media (max-width: 575.98px) {
    .adm-rt .card-body { padding: 16px; }
    .adm-rt-big { font-size: 52px; }
    .adm-rt-kpis dd { font-size: 21px; }
    .adm-rt-kpis > div { padding: 0 8px; }
    .adm-trend-kpis { width: 100%; margin-left: 0 !important; }
}

.adm-live-table td { padding-top: 11px; padding-bottom: 11px; }
.adm-live-table th { white-space: nowrap; }
.adm-live-who { display: flex; align-items: center; gap: 12px; min-width: 210px; }
.adm-live-av { position: relative; flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; padding: 2px; box-shadow: inset 0 0 0 2px var(--vz-border-color); }
.adm-live-av-in { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: 50%; background: var(--vz-light); color: var(--vz-body-color); font-size: 12.5px; font-weight: 600; }
.adm-live-av-dot { position: absolute; right: -1px; bottom: -1px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--vz-card-bg, #fff); background: var(--vz-secondary-color); }
.adm-live-av.s-online { box-shadow: inset 0 0 0 2px var(--vz-success); }
.adm-live-av.s-online .adm-live-av-dot { background: var(--vz-success); }
.adm-live-av.s-background { box-shadow: inset 0 0 0 2px var(--vz-warning); }
.adm-live-av.s-background .adm-live-av-dot { background: var(--vz-warning); }
.adm-live-av.s-recent .adm-live-av-dot { background: #878A99; }
.adm-live-av.s-today .adm-live-av-dot { display: none; }
.adm-live-name { display: flex; align-items: center; gap: 6px; min-width: 0; }
.adm-live-name .fw-semibold { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-live-muted { font-size: 12.5px; color: var(--vz-secondary-color); }
.adm-live-muted i { margin-right: 4px; }
.adm-live-muted a { color: inherit; text-decoration: underline; text-decoration-color: var(--vz-border-color); text-underline-offset: 2px; }
.adm-live-muted a:hover { color: var(--vz-link-color); }
.adm-live-page { max-width: 300px; }
.adm-live-title { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-live-path { font-size: 12px; color: var(--vz-secondary-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; }
.adm-live-dev-top { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.adm-live-dev-top > i { font-size: 17px; color: var(--vz-secondary-color); }
.adm-live-more { margin-top: 3px; font-size: 12px; color: var(--vz-info); }
.adm-live-ip { font-variant-numeric: tabular-nums; }
.adm-live-state { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.adm-live-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--vz-secondary-color); }
.adm-live-state.s-online { color: var(--vz-success); }
.adm-live-state.s-online::before { background: var(--vz-success); }
.adm-live-state.s-background { color: var(--vz-warning); }
.adm-live-state.s-background::before { background: var(--vz-warning); }
.adm-live-state.s-today::before { display: none; }
.adm-live-row.is-new > td { animation: admLiveIn 2.4s ease; }
.adm-live-row.is-changed > td { animation: admLiveChange 1.6s ease; }
.adm-live-row.is-leaving { opacity: 0; transform: translateX(10px); transition: opacity .4s ease, transform .4s ease; }
@keyframes admLiveIn { 0% { background: var(--vz-success-bg-subtle); } 100% { background: transparent; } }
@keyframes admLiveChange { 0% { background: var(--vz-warning-bg-subtle); } 100% { background: transparent; } }
.adm-live-empty { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 44px 16px; text-align: center; color: var(--vz-secondary-color); }
.adm-live-empty > i { font-size: 34px; opacity: .5; }
.adm-live-empty b { color: var(--vz-body-color); font-weight: 600; }
.adm-live-empty span { max-width: 44ch; font-size: 13px; }

/* Genel bakış kartı */
.adm-live-card .adm-live-nums { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 14px; }
.adm-live-card .adm-live-num b { font-size: 30px; }
.adm-live-mini { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid var(--vz-border-color); }
.adm-live-mini .adm-live-av { width: 32px; height: 32px; }
.adm-live-mini .adm-live-av-in { font-size: 11px; }
.adm-live-mini-dev { font-size: 17px; color: var(--vz-secondary-color); }

@media (max-width: 1199.98px) {
    .adm-live-nums { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; }
    .adm-live-split { grid-column: 1 / -1; padding-left: 0; border-left: 0; }
}
@media (max-width: 575.98px) {
    .adm-live-nums, .adm-live-card .adm-live-nums { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .adm-live-num { padding: 0 10px; }
    .adm-live-num b { font-size: 28px; }
    .adm-live-label { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .adm-live-dot::after, .is-tick, .adm-live-row.is-new > td, .adm-live-row.is-changed > td { animation: none; }
    .adm-live-row.is-leaving { transition: none; }
}

/* Kayıt yolu ve e-posta doğrulaması (çiftlik listesi / ayrıntısı) */
.adm-signup { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 2px; font-size: 12px; color: var(--vz-secondary-color); }
.adm-signup i { margin-right: 3px; }
.adm-signup .is-ok { color: var(--vz-success); }
.adm-signup .is-warn { color: var(--vz-warning); }
.adm-online-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--vz-success); box-shadow: 0 0 0 3px var(--vz-success-bg-subtle); vertical-align: 1px; }

/* Girişler → Giriş kayıtları (Views/Analytics/_LoginLog, js/admin/logins.js) */
.adm-log-filter { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(140px, 1fr)); gap: 8px; margin-bottom: 14px; }
.adm-log-filter .pt-search { width: auto; }
.adm-log-chips { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 12px; font-size: 13px; color: var(--vz-secondary-color); }
.adm-log-chips span { display: inline-flex; align-items: center; gap: 6px; }
.adm-log-chips b { color: var(--vz-heading-color); font-weight: 600; }
[data-adm-log].is-busy { opacity: .55; transition: opacity .15s; }
@media (max-width: 991.98px) { .adm-log-filter { grid-template-columns: 1fr 1fr; } .adm-log-filter .pt-search { grid-column: 1 / -1; } }

/* Web / mobil rozeti (koyu temada da okunur) */
.adm-app { display: inline-block; padding: 2px 7px; border-radius: 5px; font-size: 11px; font-weight: 600; line-height: 1.4; }
.adm-app-web { background: rgba(64, 81, 137, .12); color: #405189; }
.adm-app-mobil { background: var(--vz-success-bg-subtle); color: var(--vz-success); }
[data-bs-theme=dark] .adm-app-web { background: rgba(124, 143, 214, .18); color: #A9B8F2; }
@media (max-width: 767.98px) {
    .adm-live-table thead { display: none; }
    .adm-live-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--vz-border-color); }
    .adm-live-table tbody td { display: block; padding: 2px 0 !important; border: 0; max-width: none; }
    .adm-live-table tbody td:nth-child(1) { grid-column: 1; grid-row: 1; }
    .adm-live-table tbody td:nth-child(6) { grid-column: 2; grid-row: 1; align-self: center; }
    .adm-live-table tbody td:nth-child(2), .adm-live-table tbody td:nth-child(3), .adm-live-table tbody td:nth-child(4) { grid-column: 1 / -1; padding-left: 50px !important; }
    .adm-live-table tbody td:nth-child(5) { grid-column: 1 / -1; padding-left: 50px !important; text-align: left !important; }
    .adm-live-table tbody td:nth-child(5) > div { display: inline; margin-right: 8px; }
    .adm-live-who { min-width: 0; }
    .adm-live-dev-top { flex-wrap: wrap; }
}

/* ── Genel bakış: gelenler ve uyarılar (Views/Home/Index) ── */
.adm-inbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
.adm-inbox-group { min-width: 0; padding-bottom: 12px; border-bottom: 1px dashed var(--vz-border-color); }
.adm-inbox-head { display: flex; align-items: center; gap: 10px; color: var(--vz-body-color); }
.adm-inbox-head:hover .adm-inbox-label { color: var(--vz-link-color); }
.adm-inbox-ico { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--vz-warning-bg-subtle); color: var(--vz-warning); font-size: 17px; }
.adm-inbox-group.is-empty .adm-inbox-ico { background: var(--vz-light); color: var(--vz-secondary-color); }
.adm-inbox-label { flex: 1; min-width: 0; font-size: 13px; font-weight: 500; line-height: 1.3; }
.adm-inbox-n { font-size: 22px; font-weight: 600; line-height: 1; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.adm-inbox-group.is-empty .adm-inbox-n { color: var(--vz-secondary-color); font-weight: 500; }
.adm-inbox-late { display: inline-flex; align-items: center; gap: 4px; margin: 6px 0 0 42px; font-size: 12px; font-weight: 500; color: var(--vz-danger); }
.adm-inbox-items { list-style: none; margin: 6px 0 0 42px; padding: 0; }
.adm-inbox-items li { padding: 3px 0; font-size: 12.5px; line-height: 1.35; min-width: 0; }
.adm-inbox-items li a { display: block; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-inbox-items li span { display: block; color: var(--vz-secondary-color); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-inbox-more a { font-weight: 400 !important; font-size: 12px; }
.adm-inbox-none { display: block; margin: 4px 0 0 42px; font-size: 12px; color: var(--vz-secondary-color); }

.adm-alerts { display: flex; flex-direction: column; }
@media (min-width: 1200px) {
    .adm-alerts { position: sticky; top: calc(var(--vz-header-height, 70px) + 24px); max-height: calc(100vh - var(--vz-header-height, 70px) - 48px); }
}
.adm-alerts .card-header { flex-shrink: 0; }
.adm-alerts-meta { flex-shrink: 0; margin: 0; padding: 8px 16px 0; font-size: 12px; color: var(--vz-secondary-color); }
.adm-alerts-filter { flex-shrink: 0; display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px 0; }
.adm-alerts-filter button { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border: 1px solid var(--vz-border-color); border-radius: 20px; background: transparent; color: var(--vz-secondary-color); font-size: 12px; line-height: 1.5; }
.adm-alerts-filter button b { font-weight: 600; color: var(--vz-body-color); }
.adm-alerts-filter button.is-on { border-color: var(--vz-primary); background: var(--vz-primary); color: #fff; }
.adm-alerts-filter button.is-on b { color: inherit; }
.adm-alerts-filter button:focus-visible { outline: 2px solid var(--vz-primary); outline-offset: 2px; }
.adm-alerts-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; margin-top: 10px; padding: 0; border-top: 4px solid var(--vz-body-bg); scrollbar-width: none; }
.adm-alerts-list::-webkit-scrollbar { display: none; }
@media (max-width: 1199.98px) { .adm-alerts-list { max-height: 380px; } }
/* Uyarı satırları kenara yaslı, köşesiz; aralarında sayfa zemini renginde çizgi */
.adm-alert { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; padding: 12px 10px 12px 13px; margin: 0; border-radius: 0; background: var(--vz-light); border-left: 3px solid var(--vz-info); border-bottom: 4px solid var(--vz-body-bg); }
.adm-alert.t-warning { border-left-color: var(--vz-warning); }
.adm-alert.t-danger { border-left-color: var(--vz-danger); }
[data-bs-theme=light] .adm-alert { background: var(--vz-card-bg, #fff); }
.adm-alert-ico { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--vz-info-bg-subtle); color: var(--vz-info); font-size: 15px; }
.adm-alert.t-warning .adm-alert-ico { background: var(--vz-warning-bg-subtle); color: var(--vz-warning); }
.adm-alert.t-danger .adm-alert-ico { background: var(--vz-danger-bg-subtle); color: var(--vz-danger); }
.adm-alert-txt { min-width: 0; }
.adm-alert-title { display: block; font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--vz-heading-color); }
a.adm-alert-title:hover { color: var(--vz-link-color); }
.adm-alert-txt p { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--vz-body-color); overflow-wrap: anywhere; }
.adm-alert-meta { display: block; margin-top: 4px; font-size: 11.5px; color: var(--vz-secondary-color); }
.adm-alert-x { align-self: start; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 0; border-radius: 50%; background: transparent; color: var(--vz-secondary-color); font-size: 16px; }
.adm-alert-x:hover { background: var(--vz-card-bg, #fff); color: var(--vz-success); }
.adm-alert-x:focus-visible { outline: 2px solid var(--vz-primary); }
.adm-alert.is-read .adm-alert-title { font-weight: 500; color: var(--vz-secondary-color); }
.adm-alert.is-read .adm-alert-txt p { color: var(--vz-secondary-color); }
.adm-alert.is-read .adm-alert-ico { filter: grayscale(1); opacity: .6; }
.adm-alert.is-read { border-left-color: var(--vz-border-color); }
.adm-alert.is-read .adm-alert-x { display: none; }
.adm-alerts-empty { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 36px 12px; text-align: center; color: var(--vz-secondary-color); }
.adm-alerts-empty > i { font-size: 32px; color: var(--vz-success); opacity: .7; }
.adm-alerts-empty b { color: var(--vz-body-color); font-weight: 600; }
.adm-alerts-empty span { font-size: 12.5px; max-width: 32ch; }
.adm-alerts-foot { flex-shrink: 0; padding: 10px 16px 14px; border-top: 1px solid var(--vz-border-color); }
[data-alert-scan].is-busy i { animation: admSpin .9s linear infinite; }
@keyframes admSpin { to { transform: rotate(360deg); } }
.adm-live-card .adm-live-mini:first-child { border-top: 0; }
@media (max-width: 575.98px) { .adm-inbox-grid { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .adm-alert { transition: none; } [data-alert-scan].is-busy i { animation: none; } }

/* Halka grafiğin ortasındaki yazılar: tema "apexcharts-pie text" için beyaz verir — açık temada görünmüyordu (bütün halka grafikler) */
.apexcharts-pie .apexcharts-datalabels-group text.apexcharts-datalabel-label { fill: var(--vz-secondary-color); }
.apexcharts-pie .apexcharts-datalabels-group text.apexcharts-datalabel-value { fill: var(--vz-heading-color); }

/* ═══ Web sitesi SEO (Views/Seo, js/admin/seo.js) ═══ */
/* üst şerit: sekmeler, site / tarama / Google durumu, Şimdi tara */
.seo-bar .seo-bar-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding: 10px 16px; }
.seo-tabs { display: flex; flex-wrap: wrap; gap: 2px; }
.seo-tabs a { padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; color: var(--vz-secondary-color); }
.seo-tabs a:hover { color: var(--vz-heading-color); background: var(--vz-light); }
.seo-tabs a.is-on { color: #fff; background: var(--vz-primary); }
.seo-bar-meta { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 0 auto; font-size: 12.5px; }
.seo-bar-meta > div { min-width: 0; }
.seo-bar-meta dt { font-weight: 400; color: var(--vz-secondary-color); font-size: 11.5px; }
.seo-bar-meta dd { margin: 0; color: var(--vz-heading-color); font-weight: 500; }
.seo-run { white-space: nowrap; }
.seo-bar-warn { border-top: 1px solid var(--vz-border-color); padding: 8px 16px; font-size: 12.5px; color: var(--vz-danger); }
.seo-bar-warn p { margin: 0; }
.seo-bar-warn p + p { margin-top: 4px; }

/* puan halkası */
.seo-ring { position: relative; width: var(--ring, 132px); height: var(--ring, 132px); flex: none; }
.seo-ring svg { width: 100%; height: 100%; display: block; }
.seo-ring circle { fill: none; stroke-width: 10; }
.seo-ring .seo-ring-track { stroke: var(--vz-border-color); }
.seo-ring .seo-ring-bar { stroke: currentColor; stroke-linecap: round; }
.seo-ring b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: calc(var(--ring, 132px) * .3);
    font-weight: 600; letter-spacing: -1px; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }

/* site sağlığı */
.seo-health-top { display: flex; align-items: center; gap: 18px; }
.seo-health-word { display: block; font-size: 18px; font-weight: 600; margin-bottom: 2px; }
/* Site sağlığının parçaları: teknik SEO ve mobil hız */
.seo-health-parts { display: flex; gap: 24px; margin: 14px 0 0; padding: 10px 0 0; border-top: 1px dashed var(--vz-border-color); }
.seo-health-parts dt { font-size: 12px; font-weight: 400; color: var(--vz-secondary-color); margin: 0; }
.seo-health-parts dd { font-size: 18px; font-weight: 600; margin: 0; font-variant-numeric: tabular-nums; }
.seo-split { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 2px; }
.seo-split a { display: flex; align-items: center; gap: 8px; padding: 6px 8px; margin: 0 -8px; border-radius: 6px; color: var(--vz-body-color); font-size: 13.5px; }
.seo-split a:hover { background: var(--vz-light); }
.seo-split i, .seo-pills i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; flex: none; }
.seo-split b { margin-left: auto; font-weight: 600; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.seo-split-bar { display: flex; height: 6px; border-radius: 3px; overflow: hidden; margin-top: 10px; background: var(--vz-border-color); }

/* değişim rozeti */
.seo-delta { display: inline-block; font-size: 12px; font-weight: 600; color: var(--vz-secondary-color); }
.seo-delta.is-good { color: var(--vz-success); }
.seo-delta.is-bad { color: var(--vz-danger); }

/* Google sayıları */
.seo-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.seo-kpis > div { padding: 0 14px; border-left: 1px solid var(--vz-border-color); min-width: 0; }
.seo-kpis > div:first-child { padding-left: 0; border-left: 0; }
.seo-kpis dt { font-size: 12.5px; font-weight: 400; color: var(--vz-secondary-color); display: flex; align-items: center; gap: 6px; }
.seo-kpis .k-clicks dt::before, .seo-kpis .k-impr dt::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: #405189; }
.seo-kpis .k-impr dt::before { background: #0AB39C; }
.seo-kpis dd { margin: 2px 0 0; font-size: 26px; line-height: 1.15; font-weight: 600; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; }
.seo-kpis-sm dd { font-size: 20px; }
@media (max-width: 767.98px) {
    .seo-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
    .seo-kpis > div:nth-child(3) { padding-left: 0; border-left: 0; }
}
.seo-legend { display: flex; gap: 14px; font-size: 12px; color: var(--vz-secondary-color); }
.seo-legend span { display: inline-flex; align-items: center; gap: 6px; }
.seo-legend i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; background: #405189; }
.seo-legend .k-impr i { background: #0AB39C; }
.seo-legend .k-pos i { background: #F06548; height: 3px; }
.seo-chart { min-height: 120px; }

/* boş durum */
.seo-empty { text-align: center; padding: 34px 20px; }
.seo-empty > i { font-size: 34px; color: var(--vz-secondary-color); opacity: .6; }
.seo-empty h6 { margin: 8px 0 4px; }
.seo-empty p { max-width: 460px; margin: 0 auto 12px; font-size: 13px; color: var(--vz-secondary-color); }

/* listeler ve tablolar */
.seo-issues { list-style: none; margin: 0; padding: 0; }
.seo-issues a { display: flex; align-items: center; gap: 10px; padding: 9px 16px; color: var(--vz-body-color); font-size: 13.5px; border-bottom: 1px solid var(--vz-border-color); }
.seo-issues li:last-child a { border-bottom: 0; }
.seo-issues a:hover { background: var(--vz-light); }
.seo-issues b { margin-left: auto; white-space: nowrap; font-weight: 500; color: var(--vz-secondary-color); font-size: 12.5px; }
.seo-table th { font-size: 12px; font-weight: 500; color: var(--vz-secondary-color); white-space: nowrap; }
.seo-table th:first-child, .seo-table td:first-child { padding-left: 16px; }
.seo-table th:last-child, .seo-table td:last-child { padding-right: 16px; }
.seo-table td { vertical-align: middle; font-variant-numeric: tabular-nums; }
.seo-q { max-width: 340px; overflow-wrap: anywhere; }
.seo-page { min-width: 220px; max-width: 420px; }
.seo-page a, .seo-page > span { display: block; font-weight: 500; color: var(--vz-heading-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seo-page a:hover { color: var(--vz-primary); }
.seo-page small { display: block; color: var(--vz-secondary-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.seo-lang { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: .3px; padding: 0 4px; margin-right: 4px; border-radius: 3px;
    border: 1px solid var(--vz-border-color); color: var(--vz-secondary-color); line-height: 15px; }
.seo-score { display: inline-flex; min-width: 38px; height: 26px; align-items: center; justify-content: center; border-radius: 13px; font-weight: 600; font-size: 13px; }
.seo-main { font-size: 13px; min-width: 200px; }
.seo-pages tbody tr[data-seo-href], .seo-kw tbody tr[data-seo-href] { cursor: pointer; }
.seo-pages tbody tr:hover, .seo-kw tbody tr:hover { background: var(--vz-light); }

/* sayfalar: süzgeç */
.seo-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 12px 16px; }
.seo-pills { display: flex; flex-wrap: wrap; gap: 4px; }
.seo-pills a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: 13px; color: var(--vz-body-color);
    border: 1px solid var(--vz-border-color); }
.seo-pills a b { font-weight: 600; color: var(--vz-secondary-color); font-variant-numeric: tabular-nums; }
.seo-pills a.is-on { border-color: var(--vz-primary); color: #fff; background: var(--vz-primary); }
.seo-pills a.is-on b { color: inherit; }
.seo-filter-form { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.seo-filter-form input { width: 220px; }
.seo-filter-form select { width: auto; }
.seo-inspect { display: flex; gap: 6px; flex-basis: 100%; }
.seo-inspect input { max-width: 360px; }
.seo-issue-filter { border-top: 1px solid var(--vz-border-color); padding: 8px 16px; font-size: 13px; }
@media (min-width: 1400px) { .seo-inspect { flex-basis: auto; } }

/* sayfa ayrıntısı */
.seo-pagehead .card-body { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; }
.seo-pagehead-text { min-width: 0; flex: 1 1 320px; }
.seo-url { display: inline-block; font-weight: 500; font-size: 14.5px; color: var(--vz-heading-color); overflow-wrap: anywhere; margin-bottom: 2px; }
.seo-pagehead-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.seo-todo { list-style: none; margin: 0; padding: 0; }
.seo-todo li { display: flex; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--vz-border-color); }
.seo-todo li > i { font-size: 18px; line-height: 1.2; flex: none; }
.seo-todo li.is-danger > i { color: var(--vz-danger); }
.seo-todo li.is-warning > i { color: var(--vz-warning); }
.seo-todo li.is-info > i { color: var(--vz-info); }
.seo-todo b { font-weight: 600; color: var(--vz-heading-color); font-size: 13.5px; }
.seo-todo p { margin: 2px 0 0; font-size: 12.5px; color: var(--vz-secondary-color); }
.seo-broken { padding: 12px 16px; }
.seo-broken h6 { font-size: 13px; }
.seo-broken ul { list-style: none; padding: 0; margin: 0; font-size: 12.5px; }
.seo-broken li { display: flex; gap: 8px; align-items: baseline; padding: 3px 0; overflow-wrap: anywhere; }
.seo-facts th { width: 34%; font-size: 12.5px; font-weight: 500; color: var(--vz-secondary-color); padding-left: 16px; vertical-align: top; }
.seo-facts td { font-size: 13.5px; padding-right: 16px; overflow-wrap: anywhere; }
.seo-facts td small { display: block; font-size: 12px; margin-top: 2px; }
.seo-speed { display: flex; gap: 28px; justify-content: center; margin-bottom: 16px; }
.seo-speed > div { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12.5px; color: var(--vz-secondary-color); }
.seo-vitals { display: grid; gap: 8px; margin: 0 0 12px; }
.seo-vitals > div { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; align-items: baseline; padding-bottom: 8px; border-bottom: 1px dashed var(--vz-border-color); }
.seo-vitals dt { font-weight: 400; font-size: 13px; }
.seo-vitals dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.seo-vitals span { grid-column: 1 / -1; font-size: 11.5px; color: var(--vz-secondary-color); }

/* kelimeler */
.seo-addkw { display: flex; gap: 6px; flex: 1 1 360px; max-width: 520px; }
.seo-rank { font-size: 15px; font-variant-numeric: tabular-nums; }
.seo-spark { display: inline-block; height: 28px; vertical-align: middle; }
.seo-spark-line { fill: none; stroke: #F06548; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.seo-spark-dot { fill: #F06548; }
.seo-kwhead .card-body { display: flex; flex-direction: column; }
.seo-kwbig { font-size: 56px; line-height: 1.05; font-weight: 600; letter-spacing: -2px; color: var(--vz-heading-color); font-variant-numeric: tabular-nums; margin: 4px 0 2px; }
/* Google sırası rengi (her yerde aynı, SeoText.RankBand): 1–10 yeşil, 10–20 açık mavi, 20–50 kahverengi, gerisi düz */
.seo-pos { font-variant-numeric: tabular-nums; }
.seo-pos-1, .seo-rank.seo-pos-1, .seo-kwbig.seo-pos-1 { color: #16a34a; font-weight: 600; }
.seo-pos-2, .seo-rank.seo-pos-2, .seo-kwbig.seo-pos-2 { color: #0ea5e9; font-weight: 600; }
.seo-pos-3, .seo-rank.seo-pos-3, .seo-kwbig.seo-pos-3 { color: #92582a; font-weight: 600; }
[data-bs-theme=dark] .seo-pos-1, [data-bs-theme=dark] .seo-rank.seo-pos-1, [data-bs-theme=dark] .seo-kwbig.seo-pos-1 { color: #4ade80; }
[data-bs-theme=dark] .seo-pos-2, [data-bs-theme=dark] .seo-rank.seo-pos-2, [data-bs-theme=dark] .seo-kwbig.seo-pos-2 { color: #7dd3fc; }
[data-bs-theme=dark] .seo-pos-3, [data-bs-theme=dark] .seo-rank.seo-pos-3, [data-bs-theme=dark] .seo-kwbig.seo-pos-3 { color: #d4a373; }
.seo-kwfacts { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--vz-border-color); display: grid; gap: 6px; }
.seo-kwfacts > div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.seo-kwfacts dt { font-weight: 400; color: var(--vz-secondary-color); }
.seo-kwfacts dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.seo-steps li + li { margin-top: 6px; }
.seo-pin { color: var(--vz-secondary-color); text-decoration: none; font-size: 15px; line-height: 1; }
.seo-pin:hover { color: var(--vz-primary); }

/* SEO listeleri: arama, süzgeç + dönem, sıralanabilir başlık, önceki döneme göre fark, eğilim simgesi, sayfalama */
.seo-listhead { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.seo-search { position: relative; flex: 0 1 300px; min-width: 200px; }
.seo-search > i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--vz-secondary-color); pointer-events: none; }
.seo-search input { padding-left: 32px; }
.seo-listhead .seo-inspect, .seo-listhead .seo-addkw { flex: 0 1 460px; flex-basis: auto; }
.seo-rows .seo-filter { border-bottom: 1px solid var(--vz-border-color); }
.seo-pills a i.mdi { width: auto; height: auto; background: none; font-size: 14px; border-radius: 0; }
.seo-filter-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
.seo-filter-right select { width: auto; }
.seo-period { display: inline-flex; border: 1px solid var(--vz-border-color); border-radius: 6px; overflow: hidden; }
.seo-period a { padding: 4px 11px; font-size: 12.5px; color: var(--vz-secondary-color); }
.seo-period a + a { border-left: 1px solid var(--vz-border-color); }
.seo-period a:hover { color: var(--vz-heading-color); background: var(--vz-light); }
.seo-period a.is-on { background: var(--vz-primary); color: #fff; }
[data-seo-rows] { transition: opacity .15s; }
[data-seo-rows].is-loading { opacity: .55; pointer-events: none; }
.seo-th a { display: inline-flex; align-items: center; gap: 4px; color: inherit; white-space: nowrap; }
.seo-th a:hover { color: var(--vz-heading-color); }
.seo-th a i { font-size: 13px; opacity: .35; }
.seo-th.is-on a { color: var(--vz-heading-color); font-weight: 600; }
.seo-th.is-on a i { opacity: 1; color: var(--vz-primary); }
.seo-th.text-end a { flex-direction: row; }
.seo-m { white-space: nowrap; line-height: 1.25; }
.seo-d { display: block; font-size: 11px; font-weight: 500; color: var(--vz-secondary-color); }
.seo-d.is-good { color: var(--vz-success); }
.seo-d.is-bad { color: var(--vz-danger); }
.seo-d.is-new { color: var(--vz-info); }
.seo-trend { display: inline-flex; width: 26px; height: 26px; border-radius: 50%; align-items: center; justify-content: center; font-size: 15px;
    background: var(--vz-light); color: var(--vz-secondary-color); }
.seo-trend.is-up { background: rgba(var(--vz-success-rgb), .14); color: var(--vz-success); }
.seo-trend.is-down { background: rgba(var(--vz-danger-rgb), .14); color: var(--vz-danger); }
.seo-trend.is-new { background: rgba(var(--vz-info-rgb), .14); color: var(--vz-info); }
.seo-trend.is-lost { background: rgba(var(--vz-warning-rgb), .14); color: var(--vz-warning); }
.seo-speed-n { font-weight: 600; font-variant-numeric: tabular-nums; }
.seo-unpin { color: var(--vz-primary); font-size: 15px; line-height: 1; text-decoration: none; }
.seo-unpin:hover { color: var(--vz-danger); }
.seo-listfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 10px 16px; border-top: 1px solid var(--vz-border-color); }
.seo-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-left: auto; }
.seo-pager-size { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.seo-pager-size select { width: auto; }
.seo-pager .pagination { gap: 2px; }
.seo-pages .seo-page { min-width: 260px; max-width: 460px; }
.seo-pages .seo-main { display: block; min-width: 0; margin-top: 3px; font-size: 12.5px; white-space: normal; color: var(--vz-body-color); }
.seo-pages th, .seo-kw th { padding-left: 8px; padding-right: 8px; }
.seo-pages td, .seo-kw td { padding-left: 8px; padding-right: 8px; }

/* ── Destek talepleri (yönetim paneli: Support) ─────────────────────────── */
.sp-hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; border-radius: 14px;
  background: linear-gradient(120deg, rgba(var(--pt-accent-rgb), .12), rgba(var(--pt-accent-rgb), .03)); border: 1px solid rgba(var(--pt-accent-rgb), .15); }
.sp-hero-text { display: flex; gap: 14px; align-items: flex-start; max-width: 640px; }
.sp-hero-text h5 { font-weight: 600; }
.sp-hero-text p { font-size: 13px; color: var(--vz-secondary-color); }
.sp-hero-ico { width: 48px; height: 48px; border-radius: 14px; background: var(--pt-accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0; }
.sp-hero-stats { display: flex; gap: 10px; flex-wrap: wrap; }
.sp-stat { background: var(--vz-card-bg); border-radius: 12px; padding: 10px 16px; min-width: 120px; display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: center; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.sp-stat i { font-size: 22px; }
.sp-stat b { font-size: 20px; line-height: 1; }
.sp-stat small { grid-column: 1 / -1; color: var(--vz-secondary-color); font-size: 11.5px; margin-top: 4px; }
.sp-cards { display: flex; flex-direction: column; }
.sp-card { display: flex; gap: 14px; align-items: flex-start; padding: 16px 20px; border-bottom: 1px solid var(--vz-border-color); color: inherit; transition: background .15s; }
.sp-card:last-child { border-bottom: 0; }
.sp-card:hover { background: rgba(var(--pt-accent-rgb), .04); color: inherit; }
.sp-unread { background: rgba(var(--vz-danger-rgb), .035); }
.sp-cat { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; }
.sp-cat-lg { width: 54px; height: 54px; font-size: 27px; border-radius: 15px; }
.sp-card-main { flex: 1; min-width: 0; }
.sp-card-top { display: flex; align-items: center; gap: 8px; }
.sp-subject { font-weight: 600; font-size: 15px; color: var(--vz-heading-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-card-last { color: var(--vz-secondary-color); font-size: 13px; margin: 3px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-who-staff { color: var(--vz-success); font-weight: 500; margin-right: 6px; }
.sp-who-staff i { margin-right: 3px; }
.sp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.sp-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; padding: 3px 9px; border-radius: 20px; background: var(--vz-light); color: var(--vz-body-color); }
.sp-chip i { font-size: 14px; opacity: .7; }
.sp-card-side { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex-shrink: 0; }
.sp-status { font-size: 11.5px; padding: 5px 10px; font-weight: 600; }
.sp-date { font-size: 12px; color: var(--vz-secondary-color); }
.sp-ava { width: 34px; height: 34px; border-radius: 50%; background: rgba(var(--pt-accent-rgb), .15); color: var(--pt-accent); font-weight: 600; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sp-ava-xs { width: 18px; height: 18px; font-size: 9px; }
.sp-ava-staff { background: var(--vz-success-bg-subtle, rgba(10,179,156,.15)); color: var(--vz-success); font-size: 18px; }
.sp-head-title { font-weight: 600; word-break: break-word; }
.sp-info { display: flex; flex-direction: column; }
.sp-info > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--vz-border-color); font-size: 13px; }
.sp-info > div:last-child { border-bottom: 0; }
.sp-info span { color: var(--vz-secondary-color); }
.sp-info b { font-weight: 500; text-align: right; color: var(--vz-heading-color); }
.sp-thread { display: flex; flex-direction: column; gap: 16px; height: 52vh; min-height: 320px; overflow-y: auto; padding: 22px; background: var(--vz-body-bg); }
.sp-msg { display: flex; gap: 10px; align-items: flex-end; }
.sp-mine { flex-direction: row-reverse; }
.sp-bubble { max-width: 74%; padding: 10px 14px 12px; border-radius: 16px; background: var(--vz-card-bg); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.sp-mine .sp-bubble { background: rgba(var(--pt-accent-rgb), .12); border-bottom-right-radius: 4px; }
.sp-staff .sp-bubble { border-bottom-left-radius: 4px; border: 1px solid var(--vz-border-color); }
.sp-meta { font-size: 12px; color: var(--vz-secondary-color); margin-bottom: 4px; display: flex; flex-wrap: wrap; gap: 0 4px; align-items: baseline; }
.sp-meta b { color: var(--vz-heading-color); font-weight: 600; }
.sp-time { margin-left: auto; padding-left: 12px; font-size: 11px; }
.sp-text { white-space: pre-wrap; word-break: break-word; line-height: 1.5; }
.sp-gallery { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.sp-gallery img { width: 104px; height: 104px; object-fit: cover; border-radius: 10px; border: 1px solid var(--vz-border-color); transition: transform .15s; }
.sp-gallery a:hover img { transform: scale(1.03); }
.sp-event { text-align: center; font-size: 12px; color: var(--vz-secondary-color); }
.sp-event span { background: var(--vz-card-bg); border: 1px solid var(--vz-border-color); padding: 4px 12px; border-radius: 20px; }
.sp-composer { background: var(--vz-card-bg); padding: 16px 20px; }
.sp-prev { position: relative; width: 64px; height: 64px; }
.sp-prev img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; border: 1px solid var(--vz-border-color); }
.sp-prev button { position: absolute; top: -7px; right: -7px; width: 22px; height: 22px; border-radius: 50%; border: 0; background: var(--vz-danger); color: #fff; font-size: 13px; line-height: 22px; padding: 0; }
@media (max-width: 767.98px) {
  .sp-card { padding: 14px; }
  .sp-card-side { display: none; }
  .sp-bubble { max-width: 88%; }
  .sp-ava { display: none; }
}

/* Yönetim paneli: okunmamış müşteri mesajı */
.sp-adm-table td { padding-top: 14px; padding-bottom: 14px; }
.sp-adm-subject { font-weight: 600; color: var(--vz-heading-color); font-size: 14.5px; }
.sp-adm-new, .adm-sp-unread { background: rgba(var(--vz-danger-rgb), .045); }
.adm-sp-unread .sp-subject { font-weight: 700; }
.sp-adm-new .sp-adm-subject { font-weight: 700; }
.sp-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--vz-danger); flex-shrink: 0; box-shadow: 0 0 0 0 rgba(var(--vz-danger-rgb), .6); animation: spPulse 1.6s infinite; }
@keyframes spPulse { 0% { box-shadow: 0 0 0 0 rgba(var(--vz-danger-rgb), .55); } 70% { box-shadow: 0 0 0 8px rgba(var(--vz-danger-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--vz-danger-rgb), 0); } }
.sp-new .sp-bubble { background: rgba(var(--vz-danger-rgb), .08) !important; }

/* ── Toplu bildirim (Views/BulkNotify) ── */
.bn-lang { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 20px; padding: 0 5px; margin-right: 6px; border-radius: 5px; font-size: 11px; font-weight: 700; letter-spacing: .03em; background: rgba(var(--vz-primary-rgb), .12); color: var(--vz-primary); }
.bn-stat { font-size: 13px; white-space: nowrap; }
.bn-stat i { margin-right: 4px; }
.bn-list { max-height: 640px; overflow-y: auto; }
.bn-farm { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; margin: 0; border-bottom: 1px solid var(--vz-border-color); cursor: pointer; }
.bn-farm:hover { background: var(--vz-tertiary-bg); }
.bn-farm.is-picked { background: rgba(var(--vz-primary-rgb), .06); }
.bn-name { color: var(--vz-heading-color); }
.bn-users { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.bn-user { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 20px; background: var(--vz-tertiary-bg); font-size: 12px; color: var(--vz-secondary-color); }
.bn-count { font-size: 12px; min-width: 44px; white-space: nowrap; }
.bn-picked { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 10px 14px; border-radius: 8px; background: var(--vz-tertiary-bg); font-size: 13px; }
.bn-picked i { margin-right: 3px; }
.bn-channel { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; margin: 0; border: 1px solid var(--vz-border-color); border-radius: 8px; cursor: pointer; }
.bn-channel .form-check-input { margin: 0; }
.bn-channel i { font-size: 17px; }
.bn-channel:has(input:checked) { border-color: var(--vz-primary); background: rgba(var(--vz-primary-rgb), .06); }
@media (min-width: 1200px) { .bn-compose { position: sticky; top: 90px; } }