/* ══════════════════════════════════════════════════════════════════════
ALTIN TEMA — Kadem Portal ikinci skin'i
----------------------------------------------------------------------
Yalnız iken etkindir. Varsayılan (indigo) tema
HİÇ etkilenmez: aşağıdaki tüm kurallar [data-tema="altin"] ile kapılıdır,
indigo path'te ölü kalırlar.
Kaynak: SiteAyar.panel_temasi = 'altin' → context processor 'panel_tema'
→ base.html .
Yalnız görsel dil değişir (renk / arka plan / sidebar / başlık fontu);
kart, grid ve blok içerikleri aynıdır.
────────────────────────────────────────────────────────────────────── */
/* 1) Token override — marka rengi altın, arka plan krem, kart kenarı sıcak.
:root[data-tema="altin"] (0,0,2,0) hem base.html'deki :root'tan (0,0,1,0)
hem _tokens.css'ten daha yüksek özgüllükte ve sonra yüklenir → kazanır.
Tüm buton/link/aktif durum/KPI vurguları --kadem-primary'den beslendiği
için tek noktadan altına döner. */
:root[data-tema="altin"] {
--kadem-primary: #E8A020;
--kadem-primary-hover: #cf8d16;
--kadem-primary-active: #a86f0f;
/* "pale" nötr sıcak-gri: ikon çipi/rozet zemini (sarı zemin yıkaması yok);
altın yalnız buton/aktif/link/vurgu aksanında kalır. */
--kadem-primary-pale: #EFEEEA;
--kadem-primary-rgb: 232, 160, 32;
/* Bootstrap köprüsü de token'a bağlı olduğundan otomatik döner, yine de
link rengini net tutalım */
--bs-link-color: #cf8d16;
--bs-link-hover-color: #a86f0f;
/* Sayfa arka planı — sarı-cast azaltılmış nötr sıcak açık gri */
--custom-body-bg: rgba(250, 248, 243, 0.85); /* referans body zemini (0.85 alpha) */
/* Alpha'lı body'nin altlığı: beyaz kalırsa zemin beyaza yıkanır ve beyaz
kartlar kaynar; sıcak taş altlık efektif zemini doldurur, kart ayrışır. */
--custom-html-altlik: #DCD6C6;
/* Kart kenarı sıcak ton (kanonik kart token'ı) */
--kdm-kart-kenar: #EEEAE0;
/* Durum amber'i markadan AYRI: uyarı/izlemede sinyali (altın yalnız
marka/aksiyon; durum kırmızı/amber/yeşil semantik palete bırakılır). */
--amber: #F59E0B;
--amber-pale: #FEF3C7;
/* --indigo, --kadem-primary ile aynı marka ailesi (near-identical mavi-mor);
altın temada o da altına dönmeli. Aksi halde .sidebar-badge-primary
(bildirim/taslak rozetleri) ve --indigo kullanan vurgular mor kalırdı. */
--indigo: #E8A020;
--indigo-pale: #EFEEEA;
/* Başlık fontu: altın temada Space Grotesk (base_panel yalnız bu temada yükler) */
--font-baslik: 'Space Grotesk', 'Inter', system-ui, sans-serif;
/* Sidebar/rail için tema token'ları (aşağıdaki kurallar bunları kullanır) */
--kdm-altin-sidebar-bg: var(--sb-bg, #1B1812); /* Komuta pano token'ı (komuta.css) — bant ile akraba sıcak koyu */
--kdm-altin-rail-bg: #111113;
--kdm-altin-aktif-grad: linear-gradient(160deg, #E8A020 0%, #cf8d16 100%);
}
/* Link renkleri (a) için de altın; base.html a{color:#cf8d16} zaten yakın
ama panelde tema tutarlılığı için netleştir */
[data-tema="altin"] a { color: #cf8d16; }
[data-tema="altin"] a:hover { color: #a86f0f; }
/* Kurum dashboard'u kendi iç zemin token'ını (.kdash --bg) kullanır →
krem ile uyumlansın (aksi halde sayfa çerçevesi krem, dashboard içi slate
kalırdı). --primary zaten var(--kadem-primary)'e bağlı, otomatik altın. */
[data-tema="altin"] .kdash { --bg: #F6F5F2; --bg-soft: #EFEEEA; }
/* 2) SIDEBAR — koyu (siyaha yakın) zemin.
#appSidebar arka planı inline style ile (#232323) yazıldığından yalnız
!important ile geçilir. Rail ise CSS'te tanımlı. */
html[data-tema="altin"] { background: var(--custom-html-altlik, #DCD6C6); }
[data-tema="altin"] #appSidebar { background: var(--kdm-altin-sidebar-bg, #17171a) !important; }
/* Kurum sidebar artık admin ile aynı: kuruma-özel süslemeler (logo gizleme,
kimlik kartı, özel genişlik/padding, arama gizleme) kaldırıldı. Genişlik base'ten
280px gelir; genel altın sidebar stili (aşağıdaki kurallar) admin ile ortaktır. */
/* Aktif/hover/parent-active sidebar durumları base_panel.html'de referans
mockup'la birebir tanımlıdır (üst seviye: altın tint + inset çubuk; alt
satır: yalnız altın metin + altın nokta; açık grup: ince beyaz örtü).
Burada tekrar edilmez — tekrar, kaskadda mockup'ı ezip fark yaratıyordu. */
/* 3) RAIL (kurum dar bölüm rayı) — ray.html mockup görünümü:
ikon-only (etiketsiz) yuvarlak-kare düğmeler, sıcak-gri pasif,
ince altın-tint aktif. Etiketler tooltip (title) olarak zaten mevcut. */
/* İkon altında kısa etiket (kullanıcı isteğiyle geri geldi); rengi currentColor'dan
gelir → aktif altın, pasif gri. base'in .on/.hover etiket renklerini !important ezer. */
[data-tema="altin"] #appRail .rail-lbl {
display: block !important;
color: currentColor !important;
opacity: .92;
font-size: 9px;
margin-top: 1px;
}
[data-tema="altin"] #appRail .rail-btn {
width: 54px;
height: auto;
padding: 7px 0 5px;
border-radius: 12px;
color: #8f8a7e;
font-size: 19px;
gap: 3px;
}
[data-tema="altin"] #appRail .rail-btn:hover {
background: rgba(232, 160, 32, 0.10) !important;
color: #d3a94e !important;
}
/* Aktif bölüm: ince altın tint + altın ikon (dolu gradyan değil — sidebar ile tutarlı) */
[data-tema="altin"] #appRail .rail-btn.on,
[data-tema="altin"] #appRail a.rail-btn.on {
background: rgba(232, 160, 32, 0.16) !important;
color: #E8A020 !important;
box-shadow: none !important;
}
/* Ray ayraçları + rozet çerçevesi ray zeminine (#111113) uysun */
[data-tema="altin"] #appRail .rail-sep { background: #2a2a2d !important; }
[data-tema="altin"] #appRail .rail-badge { border-color: #111113 !important; }
[data-tema="altin"] #appRail .rail-btn.on .rail-badge { border-color: #cf8d16 !important; }
/* 4) KART KENARLARI — sıcak ton. Kanonik token zaten değişti; dashboard
kartları için de açıkça uygula (bazı kartlar sabit kenar rengi verir). */
[data-tema="altin"] .kdm-card,
[data-tema="altin"] .k-card,
[data-tema="altin"] .kdash .k-card { border-color: var(--kdm-kart-kenar) !important; }
/* 5) BAŞLIK / RAKAM FONTU — Space Grotesk (yalnız altın temada yüklenir).
Sayfa başlıkları ve KPI rakamları display font alır; gövde metni Inter kalır. */
[data-tema="altin"] h1,
[data-tema="altin"] .kdash h1,
[data-tema="altin"] .k-kpi-val,
[data-tema="altin"] .kdm-kpi-val,
[data-tema="altin"] .k-card-title,
[data-tema="altin"] #appSidebar .brand-wordmark {
font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
letter-spacing: -0.01em;
}
/* 6) SIDEBAR metin/hover — base_panel.html mockup renklerini (satır #d0cbc0,
grup #e8e3d8, alt satır #a49f93; hover'da üst seviyede yalnız zemin) verir;
burada override edilmez. */
/* ══════════════════════════════════════════════════════════════════════
7) TOPBAR — mockup gibi CAMSI KREM başlık + beyaz kenarlı kontrol kutuları
────────────────────────────────────────────────────────────────────── */
/* Başlık şeridi: yarı saydam krem + blur + sıcak alt kenar.
.panel-header-custom normalde var(--app-header-bg,#fff) beyaz; !important ile geç. */
[data-tema="altin"] .panel-header-custom {
background: rgba(246, 245, 242, 0.85) !important;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border-bottom: 1px solid #ECE8DF !important;
}
/* Arama kutusu: beyaz hap + sıcak kenar (mockup) */
[data-tema="altin"] .header-search-gir {
background: #fff !important;
border: 1px solid #E7E2D6 !important;
border-radius: 11px !important;
}
[data-tema="altin"] .header-search-gir:focus {
border-color: #E8A020 !important;
box-shadow: 0 0 0 3px rgba(232, 160, 32, 0.14) !important;
}
[data-tema="altin"] .header-search-icon { color: #a8a396 !important; }
[data-tema="altin"] .header-search-shortcut { background: #F3EEE3 !important; color: #a8a396 !important; }
/* Bildirim zili + araç düğmeleri: beyaz kenarlı kare (mockup) */
[data-tema="altin"] .panel-header-custom .header-bell,
[data-tema="altin"] .header-util-btn {
background: #fff !important;
border: 1px solid #E7E2D6 !important;
border-radius: 10px !important;
color: #454239 !important;
}
[data-tema="altin"] .panel-header-custom .header-bell:hover,
[data-tema="altin"] .header-util-btn:hover {
background: #FBF7EF !important;
border-color: #E0D8C6 !important;
color: #232323 !important;
}
/* Avatar: koyu zemin + altın baş harf (mockup). kurum-gradient varyantı da
ezilir — aksi halde gold→#E8A020 (indigo) gradyanı kalırdı. */
[data-tema="altin"] .panel-header-custom .header-avatar,
[data-tema="altin"] .panel-header-custom .header-avatar.kurum-gradient {
background: #232323 !important;
color: #E8A020 !important;
}
/* Saat/tarih, profil yazısı, ayraç, sayfa başlığı — sıcak tonlar */
[data-tema="altin"] .panel-header-custom .header-clock .clock-time { color: #454239 !important; }
[data-tema="altin"] .panel-header-custom .header-clock .clock-date { color: #8a8578 !important; }
[data-tema="altin"] .topbar-separator { background: #E7E2D6 !important; }
[data-tema="altin"] .panel-header-custom .header-profile-info .name { color: #232323 !important; }
[data-tema="altin"] .panel-header-custom .header-profile-info .role { color: #cf8d16 !important; }
/* ══════════════════════════════════════════════════════════════════════
8) SAYFA BAŞLIĞI İÇERİKTE (mockup) — topbar solu = yalnız arama
----------------------------------------------------------------------
Başlık/breadcrumb artık tüm temalarda native olarak içerik alanının en
üstünde (.page-baslik-satiri > .page-baslik-sol). Altın temada başlığa
mockup cilası (Space Grotesk 26px, koyu) verilir; topbar solundaki ayraç
gizli kalır.
────────────────────────────────────────────────────────────────────── */
[data-tema="altin"] .panel-header-custom .header-left-sep { display: none !important; }
[data-tema="altin"] .page-baslik-sol .page-title {
font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
font-size: 28px;
font-weight: 700;
letter-spacing: -0.02em;
color: #232323 !important;
white-space: normal;
margin-top: 4px;
}
/* Açıklama — mockup birebir: 13.5px, sıcak gri */
[data-tema="altin"] .page-baslik-sol .page-desc {
font-size: 13.5px;
color: #8a8578;
}
/* Breadcrumb — mockup örnek 05 birebir: 13px yol, sıcak gri bağlantı, 15px ayraç, koyu aktif */
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li {
font-size: 13px;
line-height: 1.2;
color: #8a8578;
}
/* İçerik kabı iç boşluğu — mockup birebir: üst 17px, yan 32px, alt 46px (md+).
Bootstrap px-md-4/pt-md-3 utility'leri !important olduğu için ezmek gerekir. */
@media (min-width: 768px) {
[data-tema="altin"] #mainArea main .container-fluid {
padding-top: 17px !important;
padding-right: 32px !important;
padding-bottom: 46px !important;
padding-left: 32px !important;
}
}
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li a {
color: #8a8578;
font-weight: 500;
}
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li a:hover {
color: #cf8d16;
}
/* Kök ev ikonu — örnek 02 birebir: silik gri #a8a396 */
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li a.app-breadcrumb-ev {
color: #a8a396;
}
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li a.app-breadcrumb-ev:hover {
color: #cf8d16;
}
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > .breadcrumb-item + .breadcrumb-item::before {
color: #cbc6b8;
font-size: 15px;
line-height: 1;
}
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li:last-child,
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li.active,
[data-tema="altin"] .page-baslik-sol .app-breadcrumb > li:last-child a {
color: #232323;
font-weight: 600;
}
/* ══════════════════════════════════════════════════════════════════════
9) KALAN İNDİGO/MOR SIZINTILARI (skin kapsamı — sabit kodlanmış renkler)
----------------------------------------------------------------------
Token'a bağlı olmayan, koda gömülü indigo/mor değerler altın temada
varsayılanda mor kalıyordu; hepsi altına/koyuya çekildi.
────────────────────────────────────────────────────────────────────── */
/* Dashboard "Bugüne Bakış" hero bandı: koyu band (beyaz metin okunur kalır,
altın accent'ler üstünde parlar). */
[data-tema="altin"] .kdash .kh1-band {
background: linear-gradient(120deg, #232323 0%, #2b2622 55%, #1a1a1c 100%) !important;
box-shadow: 0 10px 26px rgba(26, 26, 28, 0.28), 0 2px 6px rgba(35, 35, 35, 0.06) !important;
}
/* --light (#E8A020 açık indigo) → açık altın: hero ucu + kh2/yol haritası ilerleme çubuğu */
[data-tema="altin"] .kdash { --light: #f3c14e; }
/* Bölüm rayı üst logo — ray.html gibi: tile'sız (şeffaf), 42px, büyük marka işareti,
altında ince 30px ayraç. Inline stilleri yalnız !important geçer. */
[data-tema="altin"] #appRail a[title="Kadem"] {
width: 42px !important;
height: 42px !important;
border-radius: 0 !important;
margin-bottom: 12px !important;
position: relative;
background: transparent url("data:image/svg+xml,") no-repeat center !important;
background-size: 28px 28px !important;
}
/* Sparkle logosu (indigo kare + K) gizli; yerine yukarıda mockup K-işareti bg */
[data-tema="altin"] #appRail a[title="Kadem"] svg,
[data-tema="altin"] #appRail a[title="Kadem"] img { display: none !important; }
[data-tema="altin"] #appRail a[title="Kadem"]::after {
content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px;
width: 30px; height: 1px; background: #2a2a2d;
}
/* ══════════════════════════════════════════════════════════════════════
10) RAY İKON GLİFLERİ — ray.html mockup çizgi-stili (yalnız altın tema)
----------------------------------------------------------------------
Rayın Flaticon () ikonları gizlenir; her düğmeye currentColor mask ile
temiz çizgi-ikon konur → aktif=altın, pasif=gri OTOMATİK (color'dan gelir).
İndigo temada Flaticon aynen kalır (bu kurallar eşleşmez).
────────────────────────────────────────────────────────────────────── */
[data-tema="altin"] #appRail .rail-btn > i { display: none !important; }
[data-tema="altin"] #appRail a.rail-btn[title="Anasayfa"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="kurum"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="ogretmen"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="rehberlik"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="ozelders"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="ogrenci"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="sinav"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="operasyon"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="finans"]::before,
[data-tema="altin"] #appRail .rail-btn[data-grup="muhasebe"]::before,
[data-tema="altin"] #appRail #railOzellestirBtn::before,
[data-tema="altin"] #appRail #sidebarDaraltBtn::before,
[data-tema="altin"] #appRail a.rail-btn[title="Kurum Profili"]::before,
[data-tema="altin"] #appRail a.rail-btn[title="Çıkış"]::before {
content: ''; display: block; width: 21px; height: 21px; background-color: currentColor;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: 21px 21px; mask-size: 21px 21px;
}
[data-tema="altin"] #appRail a.rail-btn[title="Anasayfa"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="kurum"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="ogretmen"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="rehberlik"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="ozelders"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="ogrenci"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="sinav"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="operasyon"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="finans"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail .rail-btn[data-grup="muhasebe"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail #railOzellestirBtn::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail #sidebarDaraltBtn::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail a.rail-btn[title="Kurum Profili"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
[data-tema="altin"] #appRail a.rail-btn[title="Çıkış"]::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
/* Topbar avatarı mockup gibi tam daire (kurum-gradient 8px köşeyi ezer) */
[data-tema="altin"] .panel-header-custom .header-avatar.kurum-gradient { border-radius: 50% !important; }
/* Arama kutusundaki '/' kısayol çipi mockup'ta yok → gizle (kısayol çalışmaya devam eder) */
[data-tema="altin"] .header-search-shortcut { display: none !important; }
/* ══════════════════════════════════════════════════════════════════════
11) TOPBAR 3-BÖLGE (Muhasebe mockup): "Bugün" şeridi SOL · sağ grup SAĞ
----------------------------------------------------------------------
JS "Bugün" durum şeridini topbar sola taşır + .altin-topbar-3z ekler
(arama sidebar'da; topbar sol=durum şeridi, sağ=tarih/zil/avatar).
────────────────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
/* Düzen: "Bugün" şeridi SOLDA; sağ grup = tarih + zil + avatar, sağa yaslı.
Sol grup büyür, içerik (Bugün) sola yaslı → header space-between sağ grubu
dibe iter. */
[data-tema="altin"] .panel-header-custom.altin-topbar-3z .header-left-group { flex: 1 1 auto; min-width: 0; }
[data-tema="altin"] .panel-header-custom.altin-topbar-3z #headerDurumSeridi { flex: 0 1 auto; min-width: 0; }
}
/* Şerit taşınınca alt-barda kalan page_actions sağda dursun */
[data-tema="altin"] #mainArea .page-subbar { justify-content: flex-end; }
/* "Bugün" durum şeridi Muhasebe mockup topbar hapları ile BİREBİR: beyaz hap +
sıcak kenar + tam yuvarlak; "BUGÜN" etiketi sıcak-gri; rakam Space Grotesk
accent, açıklama etiketi koyu ve rakamla aynı boyda (mockup'ta muted değil). */
[data-tema="altin"] .header-durum-seridi { gap: 11px; }
[data-tema="altin"] .header-durum-seridi > .durum-baslik {
color: #a8a396 !important;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.18em;
}
[data-tema="altin"] .durum-kart {
background: #fff !important;
border-color: #E7E2D6 !important;
border-radius: 999px !important;
color: #454239 !important;
gap: 7px;
padding: 6px 13px;
font-size: 12.5px;
font-weight: 600;
}
/* Hover efekti yok — dinlenme görünümüyle birebir aynı (kullanıcı isteği) */
[data-tema="altin"] .durum-kart:hover { border-color: #E7E2D6 !important; box-shadow: none !important; color: #454239 !important; }
[data-tema="altin"] .durum-kart i { font-size: 15px; }
[data-tema="altin"] .durum-kart .durum-deger { font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif; font-size: 12.5px; font-weight: 700; }
[data-tema="altin"] .durum-kart .durum-etiket { color: #454239 !important; font-size: 12.5px; font-weight: 600; }
[data-tema="altin"] .durum-bos { color: #a8a396 !important; }
/* Mavi/slate vurgular (info/secondary) altın-sıcak tona; success/warning/danger anlamı korunur */
[data-tema="altin"] .durum-kart-info i, [data-tema="altin"] .durum-kart-info .durum-deger { color: #cf8d16 !important; }
[data-tema="altin"] .durum-kart-secondary i, [data-tema="altin"] .durum-kart-secondary .durum-deger { color: #6b6659 !important; }
/* ══════════════════════════════════════════════════════════════════════
12) ORTAK TABLO + STAT KUTULARI (kdm-tablo / kdm-stat) — "Öğretmen Yönetimi"
mockup'ıyla aynı sıcak-altın dil.
----------------------------------------------------------------------
TEK KAYNAK: kdm-tablo.css indigo yapıyı kurar; burada yalnız altın temada
sıcak paletle yeniden derilir. Bu bölümdeki tek değişiklik TÜM liste
sayfalarına (kdm-tablo tablosu + _stat_kutu kartları) yansır. kdm-tablo.css
sonra yüklendiğinden kurallar [data-tema="altin"] özgüllüğü + !important ile
kazanır.
────────────────────────────────────────────────────────────────────── */
/* -- Stat (bilgilendirme) kutuları: mockup görünümü artık tema geçidi olmadan
components/kdm-tablo.css'teki .kdm-stat-* kurallarındadır (tek kaynak);
burada tema özel bir ezme kalmadı. -- */
/* -- Tablo kartı: sıcak kenar, düz beyaz başlık, Space Grotesk başlık -- */
[data-tema="altin"] .kdm-tablo-card { border-color: #EEEAE0 !important; border-radius: 16px !important; box-shadow: none !important; }
[data-tema="altin"] .kdm-tablo-head {
background: #fff !important;
border-bottom: 1px solid #F0EDE4 !important;
padding: 16px 20px !important;
}
[data-tema="altin"] .kdm-tablo-baslik > i { color: var(--kadem-primary-hover) !important; }
[data-tema="altin"] .kdm-tablo-baslik > h5 {
font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
color: #232323 !important;
font-size: 16px !important;
}
/* Başlık satırı (thead) — sıcak zemin, küçük büyük-harf etiketler */
[data-tema="altin"] table.kdm-tablo thead th {
background: #FBFAF6 !important;
border-bottom: 1px solid #F0EDE4 !important;
border-top: none !important;
color: #8a8578 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
}
[data-tema="altin"] table.kdm-tablo tbody td { color: #57534a !important; border-bottom-color: #F5F2EA !important; }
[data-tema="altin"] table.kdm-tablo tbody tr:hover td { background: #FBFAF6 !important; }
/* DataTables üst/alt barlar + arama/uzunluk/bilgi */
[data-tema="altin"] .kdm-tablo-card .dataTables_wrapper > .row:first-child,
[data-tema="altin"] .kdm-tablo-card .dataTables_wrapper > .row:last-child {
background: #fff !important;
border-color: #F0EDE4 !important;
}
[data-tema="altin"] .kdm-tablo-card .dataTables_filter input,
[data-tema="altin"] .kdm-tablo-card .dataTables_length select {
border-color: #E7E2D6 !important;
border-radius: 9px !important;
background-color: #fff !important;
}
[data-tema="altin"] .kdm-tablo-card .dataTables_filter input:focus {
border-color: var(--kadem-primary) !important;
box-shadow: 0 0 0 3px rgba(var(--kadem-primary-rgb), .14) !important;
}
[data-tema="altin"] .kdm-tablo-card .dataTables_length label,
[data-tema="altin"] .kdm-tablo-card .dataTables_info { color: #8a8578 !important; }
/* Sayfalama — sıcak pasif haplar, koyu aktif hap (mockup) */
[data-tema="altin"] .kdm-tablo-card .dataTables_paginate .page-link {
border-color: #E7E2D6 !important;
border-radius: 8px !important;
color: #454239 !important;
}
[data-tema="altin"] .kdm-tablo-card .dataTables_paginate .page-link:hover {
background: var(--kadem-primary-pale) !important;
border-color: var(--kadem-primary) !important;
color: var(--kadem-primary-active) !important;
}
[data-tema="altin"] .kdm-tablo-card .dataTables_paginate .page-item.active .page-link {
background: #232323 !important;
border-color: #232323 !important;
color: #fff !important;
box-shadow: none !important;
}
/* Sütun filtre kontrolleri */
[data-tema="altin"] .kdm-filtre-kontrol { border-color: #E7E2D6 !important; }
[data-tema="altin"] .kdm-filtre-kontrol:focus {
border-color: var(--kadem-primary) !important;
box-shadow: 0 0 0 3px rgba(var(--kadem-primary-rgb), .14) !important;
}
/* Ad-soyad avatarı — yumuşak altın çip (mockup soft avatar) */
[data-tema="altin"] .kdm-avatar { background: var(--kadem-primary-pale) !important; color: var(--kadem-primary-hover) !important; }
[data-tema="altin"] .kdm-ad { color: #232323 !important; }
/* "Yeni X" birincil butonu — altın zemin + KOYU metin (mockup) */
[data-tema="altin"] .btn-kdm-yeni { color: #232323 !important; border-radius: 10px !important; font-weight: 700 !important; }
[data-tema="altin"] .btn-kdm-yeni:hover { color: #232323 !important; box-shadow: none !important; transform: none !important; }
/* STANDART: altın temada TÜM birincil butonlar amber zemin üzerinde KOYU metin
taşır (beyaz metin düşük kontrast). Tek noktadan tanımlanır ki her sayfada
btn-primary bütünlüğü korunsun; indigo temada (koyu mavi zemin) beyaz kalır.
NOT: için doğrudan `color` da yazılır; aksi halde
yukarıdaki [data-tema="altin"] a { color:#cf8d16 } kuralı (0,1,1) Bootstrap'ın
.btn color:var(--bs-btn-color) (0,1,0) kuralını yenip metni amber yapıyordu.
a.btn-primary (0,2,1) link kuralını geçer. */
[data-tema="altin"] .btn-primary,
[data-tema="altin"] a.btn-primary {
--bs-btn-color: #232323;
--bs-btn-hover-color: #232323;
--bs-btn-active-color: #232323;
--bs-btn-disabled-color: #232323;
color: #232323;
}
[data-tema="altin"] a.btn-primary:hover,
[data-tema="altin"] a.btn-primary:focus,
[data-tema="altin"] a.btn-primary:active { color: #232323; }
/* Aynı özgüllük düzeltmesi nötr çerçeve butonu için: metni link kuralına (0,1,1) yenilip amber olmasın —
durgun halde gri, hover'da kanonik birincil renk (butonlar.css ile aynı). */
[data-tema="altin"] a.btn-outline-secondary { color: #57534a; }
[data-tema="altin"] a.btn-outline-secondary:hover,
[data-tema="altin"] a.btn-outline-secondary:focus,
[data-tema="altin"] a.btn-outline-secondary:active { color: var(--kadem-primary); }