/* ==========================================================================
   CSKPEDIA — muhur-panel.css  ·  "Signature Mühür" — panel ve hesap katmanı
   Hesap (giriş, kayıt, şifre, profil, hesap merkezi), işletme ve mağaza
   panelleri, yönetici ekranları ve hukuki metin sayfaları ana sayfayla aynı
   dünyaya taşınır: gece taşı zemin, fildişi metin, pirinç eylem ve odak.

   Her şeyden SONRA yüklenir (base → cskpedia → hesap → optik → bu dosya).
   Yalnız ekran içindir: baskı (QR sayfası vb.) eski beyaz kâğıt kurallarıyla
   çıkar — @media screen.
   ========================================================================== */

@media screen{

[hidden]{ display: none !important }

:root{
  --tas:        #070D1F;
  --bg:         #070D1F;
  --bg-grad:    radial-gradient(ellipse 90% 60% at 50% -8%, rgba(233,207,138,.11), transparent 62%), #070D1F;
  --panel:      rgba(244,239,228,.045);
  --panel-solid:#0E1730;
  --ink:        #EFEAE0;
  --ink-2:      #BDB7AA;
  --ink-3:      #A39E93;
  --line:       rgba(233,207,138,.20);
  --line-soft:  rgba(233,207,138,.10);
  --vurgu:      #C9A24A;
  --vurgu-dim:  rgba(233,207,138,.14);
  --turkuaz:    #E9CF8A;            /* odak halkası ve seçili kenar */
  --lacivert:   #F4EFE4;            /* lacivert metin/zemin rolü koyu dünyada fildişine döner */
  --onay:       #5BC79B;
  --onay-dim:   rgba(91,199,155,.14);
  --red:        #FF8A80;
  --red-dim:    rgba(255,138,128,.12);
  --optivera:      #E9CF8A;         /* OPTIVERA vurgusu: pirinç */
  --optivera-acik: rgba(233,207,138,.14);
  --temsili:       #F2C98A;
  --temsili-zemin: rgba(242,201,138,.12);
  --pirinc-duz: linear-gradient(180deg, #F3DFA6 0%, #D6B45E 38%, #B88E36 72%, #9C7628 100%);
  --kart:       #0D1631;            /* yükseltilmiş taş kart */
  --alan:       rgba(244,239,228,.06);
  color-scheme: dark;
}

html{ background: #070D1F }
body{
  background-color: #070D1F !important;
  background-image:
    radial-gradient(ellipse 90% 60% at 50% -8%, rgba(233,207,138,.11), transparent 62%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .95  0 0 0 0 .85  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, repeat !important;
  background-attachment: fixed, scroll !important;
  color: var(--ink);
}
::selection{ background: rgba(233,207,138,.32); color: #FFFFFF }
:focus-visible{ outline-color: var(--altin-acik, #E9CF8A) }

/* --- marka: koyu zeminde "csk" fildişi, "pedia" açık altın --- */
.marka .n{ color: #FFFFFF }
.marka .t{ color: #E9CF8A }

/* --- başlıklar: kazınmış serif --- */
.hesap-baslik, .optik-baslik h1, .metin-giris h1, .metin h2,
.panel-baslik, .bolum-baslik{
  font-family: "Cinzel", Georgia, serif; font-weight: 600; letter-spacing: .02em; color: #F4EFE4;
}

/* --- kartlar ve kutular: yükseltilmiş taş + ince altın çizgi --- */
.hesap-kart{
  background: linear-gradient(180deg, #101A38, var(--kart)) !important;
  border: 1px solid rgba(233,207,138,.24) !important;
  box-shadow: 0 0 0 6px rgba(7,13,31,.6), 0 0 0 7px rgba(233,207,138,.10), 0 40px 80px -40px #000 !important;
}
.basvuru-kart, .masa-kart, .os-form, .urun-kart, .kategori-kart, .sube-kart, .kampanya-kart,
.isletme-kutu, .profil-kutu, .kutu, .kart, .bolum-kart{
  background: var(--kart) !important;
  border-color: rgba(233,207,138,.18) !important;
}
.basvuru-kart.beklemede{ border-color: rgba(242,201,138,.45) !important; background: rgba(242,201,138,.07) !important }

/* --- form alanları --- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select, textarea{
  background-color: var(--alan) !important;
  border-color: rgba(233,207,138,.22) !important;
  color: var(--ink) !important;
}
input:focus, select:focus, textarea:focus{
  background-color: rgba(244,239,228,.09) !important;
  border-color: #E9CF8A !important;
}
input::placeholder, textarea::placeholder{ color: #8C877D !important }
select option{ background: #0E1730; color: var(--ink) }
input[type="checkbox"], input[type="radio"], input[type="range"]{ accent-color: #C9A24A }

/* --- eylem düğmeleri: pirinç plaket, koyu yazı --- */
.dugme{
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 3px), var(--pirinc-duz) !important;
  color: #1B1405 !important; border-color: transparent !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(92,66,16,.4), 0 14px 26px -16px #000;
}
.dugme.ikincil, .dugme.notr{
  background: transparent !important; color: var(--ink) !important;
  box-shadow: inset 0 0 0 1px rgba(233,207,138,.42) !important;
}
.dugme.onay{ background: #1F6B52 !important; color: #FFFFFF !important; box-shadow: none }
.dugme.red { background: #8E2A24 !important; color: #FFFFFF !important; box-shadow: none }
.dugme:active{ transform: scale(.97) }

/* --- üst gezinme hapları --- */
.ust-dugme{
  color: var(--ink) !important; background: transparent !important;
  border-color: rgba(233,207,138,.36) !important;
}
.ust-dugme.birincil,
.optik-nav a[aria-current="page"], .ust-dugme[aria-current="page"]{
  background: var(--pirinc-duz) !important; color: #1B1405 !important; border-color: transparent !important;
}

/* --- uyarı ve durum rozetleri --- */
.uyari.hata{ background: rgba(255,138,128,.10) !important; color: #FFB4AC !important; border-color: rgba(255,138,128,.35) !important }
.uyari.basarili{ background: rgba(91,199,155,.10) !important; color: #9BE3C4 !important; border-color: rgba(91,199,155,.35) !important }
.durum-rozet{ background: rgba(244,239,228,.08) !important; color: var(--ink-2) !important }
.durum-rozet.beklemede{ background: rgba(242,201,138,.14) !important; color: #F2C98A !important }
.durum-rozet.onaylandi{ background: var(--pirinc-duz) !important; color: #1B1405 !important }
.durum-rozet.reddedildi{ background: rgba(255,138,128,.12) !important; color: #FFB4AC !important }
.mini-etiket.alerjen{ background: rgba(255,138,128,.12) !important; color: #FFB4AC !important }
.mini-etiket.uyari-etiket{ background: rgba(242,201,138,.14) !important; color: #F2C98A !important }
.rol-rozet{ background: var(--pirinc-duz) !important; color: #1B1405 !important }

/* --- OPTIVERA paneli: OPTIVERA mavisi pirince döner --- */
.sistem-adi{ color: #E9CF8A !important }
.sekme[aria-selected="true"] .adet, .ozellik.vurgu, .os-urun-bas .adet{ color: #E9CF8A !important }
.secim-sayaci, .os-ozet-hucre b{ color: #E9CF8A }
.segment input:checked + span, .cipler input:checked + span{
  background: var(--pirinc-duz) !important; color: #1B1405 !important; border-color: transparent !important;
}
.optik-sayfa .dugme.birincil-mavi{ background: var(--pirinc-duz) !important; color: #1B1405 !important }
.anahtar .ray{ background: rgba(244,239,228,.18) !important }
.anahtar input:checked + .ray{ background: #C9A24A !important }
.kural-listesi li.uygulandi .kural-cip{ background: var(--kart) !important }
.os-uyarilar li.yuksek{ background: rgba(255,138,128,.10) !important }
.dosya-alani{ border-color: rgba(233,207,138,.35) !important }
.os-not.gizli{ border-color: rgba(233,207,138,.3) !important }
table th{ color: #E9CF8A }
thead, .katalog-bas, [class*="sticky"]{ background-color: #0B1430 !important }

/* --- tablolar ve çizgiler --- */
hr{ border-color: var(--line) }

/* --- QR / görsel önizleme: beyaz kalır (okunabilsin) --- */
.masa-kart .qr, .qr-kutu, .gorsel-onizleme{ background: #FFFFFF !important }

/* --- bağlantılar --- */
.hesap-alt a, .onay-notu a, .metin a, .hesap-sayfa a:not(.dugme):not(.ust-dugme){ color: #E9CF8A }

/* --- hukuki metinler --- */
.metin-damga{ color: var(--ink-3) }
.metin h2{ border-top-color: var(--line) !important }


/* --- Hesap Merkezi kartları (merkez.html içindeki satır içi #fff stilini ezer) --- */
.merkez-kart{
  background: linear-gradient(180deg, #101A38, #0D1631) !important;
  border: 1px solid rgba(233,207,138,.22) !important;
  box-shadow: 0 30px 60px -36px #000;
}
.merkez-kart h2{ font-family: "Cinzel", Georgia, serif; font-weight: 600; letter-spacing: .04em; color: #F4EFE4 }
.merkez-kart p{ color: var(--ink-2) }
.merkez-kart.kilit{ opacity: .72 }
.yonetici-kart{ border-style: dashed !important }

} /* @media screen */

/* OptiSmart taslak notu: koyu temada okunur kontrast (impeccable audit, 8 Ekim 2026) */
@media screen{ .os-not.taslak{ background: rgba(242,201,138,.10); border-color: rgba(242,201,138,.38); color: #F2C98A } }