﻿/* === GBCEPTE-STYLE DESIGN TOKENS === */
:root {
    /* color-scheme olmadan tarayici native <select> dropdown'larini
       (option listesi, checkbox vb.) sitenin data-theme'ine gore degil
       OS/tarayici varsayilanina gore render eder - bu da site karanlik
       temadeyken option listesinin okunmaz (koyu metin/koyu zemin veya
       tam tersi) gorunmesine yol aciyordu (bkz. SESSION_STATE.md bolum 20). */
    color-scheme: dark;
    --bg-root: #030b14;
    --bg-nav: #0a1828;
    --grid-line: rgba(0,177,255,0.05);
    --bg-card: #22252f;
    --bg-card-bottom: #171a21;
    --bg-surface: #1e2128;
    --bg-surface-bottom: #16181e;
    --bg-input: #2f323c;
    --bg-hover: #2b2f37;
    --bg-row-even: #262933;
    --bg-row-odd: #22262f;
    --bg-row-hover: #323845;
    --border-subtle: rgba(255,255,255,0.06);
    --border-default: rgba(255,255,255,0.07);
    --border-hover: rgba(255,255,255,0.15);
    --border-accent: rgba(245,158,11,0.4);
    --accent: #f59e0b;
    --accent-light: #fbbf24;
    --accent-dark: #d97706;
    --green: #22c55e;
    --green-light: #7ee2a0;
    --green-bg: rgba(34,197,94,0.16);
    --green-border: rgba(34,197,94,0.5);
    --red: #ef4444;
    --red-light: #ffa8a8;
    --red-bg: rgba(239,68,68,0.14);
    --red-border: rgba(239,68,68,0.5);
    --text-primary: #ffffff;
    --text-secondary: #dfe5ee;
    --text-muted: #aeb8c4;
    --text-dim: #8d99a8;
    --text-faint: #5a626f;
    --shadow-card: 0 10px 30px -12px rgba(0,0,0,0.55);
    --shadow-card-hover: 0 20px 40px -20px rgba(0,0,0,0.85);
    --shadow-pill: 0 0 12px -4px;
    --input-bg: rgba(255,255,255,0.04);
    --panel-bg: #13131c;

    /* --- Radius scale (tek kaynak, tum kontrol/kart border-radius'lari buradan) --- */
    --radius-control: 8px;   /* buton, input, chip, rozet */
    --radius-card: 12px;     /* kart, panel, modal */
    --radius-surface: 16px;  /* buyuk yuzey/panel */

    /* --- Blue (bilgi / ikincil notr aksiyon) --- */
    --blue: #3b82f6;
    --blue-light: #60a5fa;
    --blue-bg: rgba(59,130,246,0.14);
    --blue-border: rgba(59,130,246,0.5);

    /* --- Semantik renk esmelemesi (anlam -> token) ---
       Renk kullanirken bunlari tuket, --green/--red/--accent/--blue'ya
       dogrudan referans verme; boylece anlam degisirse tek yerden guncellenir. */
    --color-positive: var(--green);
    --color-positive-bg: var(--green-bg);
    --color-positive-border: var(--green-border);
    --color-negative: var(--red);
    --color-negative-bg: var(--red-bg);
    --color-negative-border: var(--red-border);
    --color-brand: var(--accent);         /* SADECE logo + birincil aksiyon */
    --color-brand-bg: rgba(245,158,11,0.14);
    --color-info: var(--blue);            /* bilgi / ikincil notr aksiyon */
    --color-info-bg: var(--blue-bg);
    --color-info-border: var(--blue-border);
    --color-neutral: var(--text-muted);   /* pasif/ikincil metin, buton, durum */
    --color-neutral-bg: var(--bg-hover);

    /* --- Hologram dekor tokenlari (karakter/ejderha/kurian gorselleri) ---
       Yeni bir hologram decor eklerken opacity/filter degerlerini sifirdan
       denemek yerine buradan bir yogunluk katmani sec; blend-mode her zaman
       ayni (screen), sadece opacity ve filter siddeti degisir. */
    --kip-holo-blend: screen;
    --kip-holo-opacity-subtle: 0.5;    /* buyuk/genis kompozisyonlar (orn. ejderha) */
    --kip-holo-opacity-standard: 0.85; /* ikili/bolunmus kompozisyonlar (orn. kurianlar) */
    --kip-holo-opacity-bold: 0.9;      /* tek karakter, ana odak (orn. sayfa yan figurleri) */
}

/* === AYDINLIK TEMA (Light Mode) ===
   Ayni marka renkleri (accent/green/red) korunur, sadece zemin/yuzey/
   border/metin tokenlari acik temaya cevrilir - navbar toggle butonu
   ile data-theme="light" attribute'u <html>'e yazilir (bkz. theme-switch.js).
   Hicbir sembol/ikon/logo degismez, sadece renk tonlari. */
:root[data-theme="light"] {
    color-scheme: light;
    --bg-root: #f4f7fb;
    --bg-nav: #ffffff;
    --bg-card: #ffffff;
    --grid-line: rgba(0,108,158,0.06);
    --bg-card-bottom: #fbfaf7;
    --bg-surface: #ffffff;
    --bg-surface-bottom: #faf9f6;
    --bg-input: #faf9f5;
    --bg-hover: #f1efe6;
    --bg-row-even: #ffffff;
    --bg-row-odd: #faf9f5;
    --bg-row-hover: #f4ecd9;
    --border-subtle: rgba(20,16,4,0.06);
    --border-default: rgba(20,16,4,0.09);
    --border-hover: rgba(20,16,4,0.18);
    --text-primary: #1c1f2b;
    --text-secondary: #454c59;
    --text-muted: #6b7280;
    --text-dim: #7d8592;
    --text-faint: #9aa1ac;
    --shadow-card: 0 1px 2px rgba(30,24,10,0.05), 0 10px 24px -12px rgba(30,24,10,0.12);
    --shadow-card-hover: 0 16px 32px -16px rgba(30,24,10,0.22);
    --input-bg: rgba(20,16,4,0.03);
    --panel-bg: #ffffff;
}

/* === PAZAR ISTIHBARATI: YAN HOLOGRAM DEKORLARI ===
   Sayfanin sol/sag bosluklarina sabit (fixed) konan dekoratif karakter
   gorselleri. mix-blend-mode:screen sayesinde gorselin siyah zemini
   sayfanin koyu --bg-root rengiyle kaynasip "hologram sayfadan yukseliyor"
   hissi verir, sert bir kutu/kart gibi durmaz. Mask ile ust/alt kenarlar
   yumusakca sayfaya erir, opacity dusuk tutularak icerigin onune gecmez. */
.kip-hologram-decor {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    height: 94vh;
    width: fit-content;
    max-width: 34vw;
    opacity: var(--kip-holo-opacity-bold);
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: var(--kip-holo-blend);
    filter: drop-shadow(0 0 50px rgba(56,189,248,0.45)) saturate(1.8) brightness(1.25) contrast(1.1);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 2%, black 98%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 2%, black 98%, transparent 100%);
    animation: kipHologramFloat 7s ease-in-out infinite;
}

.kip-hologram-img {
    display: block;
    height: 100%;
    width: auto;
}

.kip-hologram-left {
    left: -3vw;
}

.kip-hologram-right {
    right: 0;
}

@keyframes kipHologramFloat {
    0%, 100% { transform: translateY(-50%) translateY(0); }
    50% { transform: translateY(-50%) translateY(-14px); }
}

/* === HOLOGRAM SILAH/ENERJI EFEKTLERI ===
   Karakter gorseli statik oldugu icin kol/topuz gercekten hareket etmiyor;
   bunun yerine ilgili nokta uzerine yerlestirilen parilti/enerji katmanlari
   kendi basina animasyonlanarak "hareket ediyor" hissi verir. Konumlar
   gorsel uzerindeki yaklasik yuzde koordinatlaridir (left/top, % of
   .kip-hologram-decor kutusu). */
.kip-hologram-fx {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
}

/* --- Sol: kadin savascinin elindeki topuz (zincirli gulle) - gorselde
   x≈85%, y≈62% konumunda (611x957 kaynak gorsel uzerinden olculdu) --- */
.kip-hologram-fx-mace-orbit {
    left: 85%;
    top: 62%;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle, rgba(255,255,255,0.98) 0%, rgba(165,243,252,0.85) 35%, rgba(34,211,238,0.4) 60%, transparent 78%);
    filter: blur(0.5px);
    box-shadow: 0 0 24px 6px rgba(103,232,249,0.55);
    animation: kipMaceSwing 2.2s ease-in-out infinite;
}

.kip-hologram-fx-mace-glow {
    left: 85%;
    top: 62%;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(34,211,238,0.5) 0%, transparent 70%);
    animation: kipMaceSwing 2.2s ease-in-out infinite, kipPulseOpacity 1.1s ease-in-out infinite;
}

@keyframes kipMaceSwing {
    0%, 100% { transform: translate(-50%, -50%) rotate(-22deg) translateX(-16px) translateY(-4px); }
    50% { transform: translate(-50%, -50%) rotate(22deg) translateX(16px) translateY(-4px); }
}

/* --- Sag: boynuzlu sovalyenin kabza tuttugu yumrugu (x≈16%, y≈25%),
   kilic agzi boyunca yukari-saga dogru yukselen guc dalgasi --- */
.kip-hologram-fx-surge {
    left: 16%;
    top: 25%;
    width: 14px;
    height: 190px;
    background: linear-gradient(to top, rgba(224,251,255,0.98), rgba(103,232,249,0.55) 45%, transparent 100%);
    filter: blur(2px);
    transform-origin: 50% 100%;
    animation: kipPowerSurge 2.4s ease-in-out infinite;
}

.kip-hologram-fx-fist-glow {
    left: 16%;
    top: 25%;
    width: 34px;
    height: 34px;
    background: radial-gradient(circle, rgba(255,255,255,0.98) 0%, rgba(224,251,255,0.85) 35%, rgba(56,189,248,0.5) 60%, transparent 78%);
    box-shadow: 0 0 28px 8px rgba(103,232,249,0.55);
    transform: translate(-50%, -50%);
    animation: kipPulseOpacity 2.4s ease-in-out infinite;
}

@keyframes kipPowerSurge {
    0%, 100% { transform: translate(-50%, 0) rotate(-30deg) scaleY(0.35); opacity: 0.3; }
    50% { transform: translate(-50%, 0) rotate(-30deg) scaleY(1); opacity: 0.9; }
}

@keyframes kipPulseOpacity {
    0%, 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.85); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
}

/* Dar ekranlarda icerikle cakismasin diye tamamen gizlenir */
@media (max-width: 1750px) {
    .kip-hologram-decor {
        display: none;
    }
}

/* === GOREVLER SAYFASI: EJDERHA DEKORU (dragon-felankor.png) ===
   Digerleri gibi siyah zeminli hologram cizimi - ayni screen blend/parlaklik
   yaklasimi kullanilir. Gorsel yatay (dragon eni boyundan genis) oldugu
   icin height yerine width bazli olculendirilir. Sag taraf icin ayni
   dosya yatayda aynalanir (ayri dosya gerekmez). */
.kip-dragon-wrap {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: fit-content;
    height: 56vh;
    opacity: var(--kip-holo-opacity-subtle);
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: var(--kip-holo-blend);
    filter: saturate(1.5) brightness(1.05) contrast(1.05);
    -webkit-mask-image: radial-gradient(ellipse 82% 78% at 50% 50%, black 55%, transparent 96%);
    mask-image: radial-gradient(ellipse 82% 78% at 50% 50%, black 55%, transparent 96%);
    animation: kipHologramFloat 8s ease-in-out infinite;
}

.kip-dragon-wrap img {
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}

.kip-dragon-left {
    left: 1.5vw;
}

.kip-dragon-right {
    right: 1.5vw;
}

.kip-dragon-left img {
    transform: scaleX(-1);
}

@media (max-width: 1750px) {
    .kip-dragon-wrap {
        display: none;
    }
}

/* === REHBER SAYFASI: KURIANLAR DEKORU (kurianlar.png) ===
   Digerlerinden farkli olarak tek, ortalanmis gorsel - sayfa icerigi
   (kip-panel kartlari kendi arka planiyla ustunu kapladigi icin) her
   zaman on planda kalir, gorsel sadece bos kenar/ust alanda ambiyans
   olarak gorunur. Dusuk opaklik + genis radial fade ile metnin
   okunurlugunu hic etkilemez. */
/* Kaynak gorsel (kurianlar.png) iki yaratigi yan yana iceriyor (sol: mavi,
   sag: ates) - dosyayi fiziksel olarak bolmek yerine her iki tarafta da
   ayni resmi %75 en-boy oraniyla (tek yaratik oranina esit) bir kutuya
   overflow:hidden ile gomup img'i kaydirarak sadece ilgili yarisini
   gosteriyoruz (sprite-crop teknigi). */
.kip-kurian-half {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    height: 88vh;
    width: 66vh;
    overflow: hidden;
    opacity: var(--kip-holo-opacity-standard);
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: var(--kip-holo-blend);
    filter: saturate(1.6) brightness(1.15) contrast(1.06);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 6%, black 94%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 6%, black 94%, transparent 100%);
    animation: kipHologramFloat 9s ease-in-out infinite;
}

.kip-kurian-half img {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    max-width: none;
}

.kip-kurian-left {
    left: 0;
}

.kip-kurian-left img {
    left: 0;
}

.kip-kurian-right {
    right: 0;
}

.kip-kurian-right img {
    left: -100%;
}

@media (max-width: 1750px) {
    .kip-kurian-half {
        display: none;
    }
}

/* === ILETISIM SAYFASI: HOLOGRAM YAPRAKLAR (sağ/sol düşen parçacıklar) ===
   Gercek bir gorsel degil, CSS ile cizilen kucuk "yaprak" siluetleri -
   cyan camurluk/glow ile hologram temaya uyar, yukaridan asagi süzülerek
   dusup hafifce sallanir (rotate + yatay sway). Sadece genis ekranda,
   sayfa kenar boşluklarında (icerigin arkasinda, tiklanamaz). */
.kip-leaves-side {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 14vw;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.kip-leaves-left {
    left: 0;
}

.kip-leaves-right {
    right: 0;
}

.kip-leaf {
    position: absolute;
    top: -8%;
    width: 16px;
    height: 22px;
    background: linear-gradient(135deg, rgba(165,243,252,0.95), rgba(34,211,238,0.35));
    border: 1px solid rgba(103,232,249,0.75);
    border-radius: 0% 100% 0% 100%;
    box-shadow: 0 0 10px rgba(56,189,248,0.55);
    opacity: 0;
    animation-name: kipLeafFall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes kipLeafFall {
    0% { transform: translateY(-10vh) translateX(0) rotate(0deg); opacity: 0; }
    8% { opacity: 0.85; }
    50% { transform: translateY(50vh) translateX(34px) rotate(190deg); }
    92% { opacity: 0.85; }
    100% { transform: translateY(112vh) translateX(-18px) rotate(360deg); opacity: 0; }
}

.kip-leaf:nth-child(1) { left: 8%;  width: 14px; height: 19px; animation-duration: 11s; animation-delay: 0s; }
.kip-leaf:nth-child(2) { left: 22%; width: 18px; height: 25px; animation-duration: 14s; animation-delay: -3s; }
.kip-leaf:nth-child(3) { left: 40%; width: 13px; height: 18px; animation-duration: 9s;  animation-delay: -6s; }
.kip-leaf:nth-child(4) { left: 58%; width: 17px; height: 23px; animation-duration: 13s; animation-delay: -1.5s; }
.kip-leaf:nth-child(5) { left: 72%; width: 15px; height: 20px; animation-duration: 10s; animation-delay: -8s; }
.kip-leaf:nth-child(6) { left: 88%; width: 19px; height: 26px; animation-duration: 15s; animation-delay: -4.5s; }

@media (max-width: 1750px) {
    .kip-leaves-side {
        display: none;
    }
}

/* === ACIK TEMA: HOLOGRAMLARI "MUREKKEP CIZIM" STILINE CEVIR ===
   Koyu temada mix-blend-mode:screen ile "siyah zemini yok say, parlak
   cyan cizgileri goster" tekniği kullanılıyor - acik/beyaz zeminde bu
   tam tersi etki yapip gorseli beyaza yikar. Ayni dosyalari degistirmeden,
   filter:invert ile renkleri ters cevirip (siyah->beyaz, cyan->koyu ton),
   grayscale ile notrlestirip, mix-blend-mode:multiply ile beyaz zemini
   yok sayip sadece koyu cizgileri gosteriyoruz - boylece ayni hologramlar
   acik temada "murekkep taslak" gibi gorunur. */
:root[data-theme="light"] .kip-hologram-decor,
:root[data-theme="light"] .kip-dragon-wrap,
:root[data-theme="light"] .kip-kurian-half {
    mix-blend-mode: multiply;
    filter: invert(1) sepia(1) saturate(200%) hue-rotate(-6deg) brightness(0.95) contrast(1.65);
}

/* Ejderha kompozisyonu koyu temada genis/soluk durmasi icin dusuk
   opacity (--kip-holo-opacity-subtle: 0.5) kullaniyor - acik temada
   multiply blend ile bu deger beyaz zeminle karisip fazla soluklastiriyor,
   bu yuzden acik temada ayrica yukseltiliyor. */
:root[data-theme="light"] .kip-dragon-wrap {
    opacity: 0.92;
}

:root[data-theme="light"] .kip-leaf {
    background: linear-gradient(135deg, rgba(28,31,38,0.55), rgba(28,31,38,0.18));
    border: 1px solid rgba(20,22,28,0.4);
    box-shadow: 0 0 8px rgba(20,22,28,0.2);
}

/* === BASE RESETS === */
*, *::before, *::after {
    box-sizing: border-box;
}

/* color-scheme tek basina yetersiz kalabiliyor (Windows Chrome bazen
   native select popup'ini OS temasina gore render ediyor, sayfa
   temasini yok sayiyor) - option listesine ACIKCA arka plan/metin rengi
   vererek her tarayicida garanti altina aliniyor (bkz. SESSION_STATE.md
   bolum 20: "sunucu/birim/odeme durumu" secimleri karanlik temada
   beyaz/okunmaz aciliyordu). */
select, option {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

html, body {
    background: var(--bg-root);
    transition: background-color 0.2s ease;
}

body {
    color: var(--text-secondary);
}

/* === GLOBAL TEKNIK GRID OVERLAY ===
   Hologram Koleksiyonu sayfasinin cyan grid dokusu, butun sayfalarda
   body::after uzerinden fixed olarak gosterilir. SVG hexagonal pattern
   (eski base_v2.html) yerine gecer - daha hafif, tema tokeni
   --grid-line ile iki temada da dogru renk yogunlugu saglar.
   pointer-events:none + z-index:-1 ile icerik/mouse etkilenmez. */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 42px 42px;
}

/* === PANEL / CARD === */
.kip-panel {
    background: linear-gradient(var(--bg-card), var(--bg-card-bottom));
    border: 1px solid var(--border-default);
    border-radius: 12px;
    box-shadow: var(--shadow-card), inset 0 1px rgba(255,255,255,0.04);
}

.kip-panel-surface {
    background: linear-gradient(var(--bg-surface), var(--bg-surface-bottom));
    border: 1px solid var(--border-default);
    border-radius: 16px;
    box-shadow: 0 24px 50px -20px rgba(0,0,0,0.7), inset 0 1px rgba(255,255,255,0.05);
}

/* === INTERACTIVE CARD === */
.kip-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    position: relative;
    overflow: hidden;
}

.kip-card::after {
    content: "";
    background: linear-gradient(105deg, transparent, rgba(255,255,255,0.12), transparent);
    width: 55%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -130%;
    transform: skew(-20deg);
    transition: left 0.6s ease;
    pointer-events: none;
}

.kip-card:hover {
    border-color: var(--border-accent);
    transform: translateY(-4px);
    box-shadow: var(--shadow-card-hover);
}

.kip-card:hover::after {
    left: 120%;
}

/* === AMBIENT GLOW === */
.kip-glow {
    position: relative;
}

.kip-glow::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background: rgba(245,158,11,0.08);
    filter: blur(40px);
    pointer-events: none;
    transition: opacity 0.3s;
    opacity: 0;
    z-index: 0;
}

.kip-card:hover .kip-glow::before {
    opacity: 1;
}

/* === SIDEBAR === */
.kip-sidebar {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card-bottom) 100%);
    border-right: 1px solid var(--border-default);
}

.kip-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    transition: all 0.2s ease;
}

.kip-sidebar-link:hover {
    background: var(--bg-hover);
    color: var(--accent);
}

.kip-sidebar-link.active {
    background: var(--bg-hover);
    font-weight: 600;
    color: var(--text-primary);
}

/* === NAVBAR === */
.kip-navbar {
    background: var(--bg-nav);
    border-bottom: 1px solid var(--border-default);
}

/* === BUTTONS === */
.kip-btn-primary {
    background: var(--accent);
    color: #000;
    font-weight: 700;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}

.kip-btn-primary:hover {
    background: var(--accent-dark);
    transform: translateY(-1px);
}

.kip-btn-ghost {
    background: transparent;
    color: var(--text-primary);
    font-weight: 500;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    border: 1px solid var(--border-default);
    cursor: pointer;
    transition: all 0.15s ease;
}

.kip-btn-ghost:hover {
    background: var(--bg-hover);
    color: var(--accent);
    border-color: var(--border-hover);
}

/* === BADGES === */
.kip-badge {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    color: #000;
    font-weight: 800;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    box-shadow: 0 4px 10px -2px rgba(245,158,11,0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.kip-badge-green {
    background: linear-gradient(135deg, var(--green), #16a34a);
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    animation: badgePulse 1.6s ease-in-out infinite;
}

.kip-badge-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(34,197,94,0.15);
    color: var(--green);
    font-weight: 800;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid rgba(34,197,94,0.3);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    animation: liveGlow 2.4s ease-in-out infinite;
}

.kip-badge-live::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    animation: liveDot 1.5s ease-in-out infinite;
}

/* === STATUS PILLS === */
.kip-pill {
    border-radius: 8px;
    min-width: 46px;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 800;
    display: inline-block;
    transition: transform 0.15s, box-shadow 0.15s;
    font-variant-numeric: tabular-nums;
}

.kip-pill:hover {
    transform: scale(1.05);
}

.kip-pill-best {
    color: var(--green-light);
    background: var(--green-bg);
    border: 1px solid var(--green-border);
    box-shadow: var(--shadow-pill) rgba(34,197,94,0.5);
}

.kip-pill-top {
    color: var(--red-light);
    background: var(--red-bg);
    border: 1px solid var(--red-border);
    box-shadow: var(--shadow-pill) rgba(239,68,68,0.5);
}

/* === TABLE === */
.kip-table-container {
    background: linear-gradient(var(--bg-surface), var(--bg-surface-bottom));
    border: 1px solid var(--border-default);
    border-radius: 16px;
    padding: 10px;
    box-shadow: 0 24px 50px -20px rgba(0,0,0,0.7), inset 0 1px rgba(255,255,255,0.05);
}

.kip-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
}

.kip-table thead th {
    background: linear-gradient(#2b2f3a, #22262f);
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 12px 16px;
    text-align: left;
    text-transform: uppercase;
}

.kip-table thead th:first-child {
    border-radius: 10px 0 0 10px;
}

.kip-table thead th:last-child {
    border-radius: 0 10px 10px 0;
}

.kip-table-row {
    background: var(--bg-row-even);
    transition: all 0.2s ease;
}

.kip-table-row:nth-child(even) {
    background: var(--bg-row-odd);
}

.kip-table-row:hover {
    background: var(--bg-row-hover);
    border-color: var(--border-hover);
    box-shadow: 0 6px 16px -8px rgba(0,0,0,0.55);
}

.kip-table-row td {
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-secondary);
    font-variant-numeric: tabular-nums;
}

.kip-table-row td:first-child {
    border-radius: 10px 0 0 10px;
}

.kip-table-row td:last-child {
    border-radius: 0 10px 10px 0;
}

.kip-table-empty {
    color: var(--text-faint);
    font-weight: 500;
}

/* === INPUTS === */
.kip-input {
    background: var(--bg-input);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--text-primary);
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    width: 100%;
}

.kip-input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(245,158,11,0.15);
}

.kip-input::placeholder {
    color: var(--text-faint);
}

#productSearch {
    padding-left: 40px;
}

.kip-select {
    background: var(--bg-input);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--text-primary);
    transition: border-color 0.2s;
    outline: none;
    cursor: pointer;
}

.kip-select:focus {
    border-color: var(--accent);
}

/* === SECTION LABEL (clip-path ribbon) === */
.kip-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    color: #000;
    font-weight: 800;
    font-size: 11px;
    padding: 4px 14px 4px 10px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* === DECISION BADGES === */
.kip-decision {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.kip-decision-strong-buy {
    background: rgba(34,197,94,0.15);
    color: var(--green-light);
    border: 1px solid rgba(34,197,94,0.3);
}

.kip-decision-buy {
    background: rgba(56,189,248,0.15);
    color: #7dd3fc;
    border: 1px solid rgba(56,189,248,0.3);
}

.kip-decision-watch {
    background: rgba(234,179,8,0.15);
    color: #fde047;
    border: 1px solid rgba(234,179,8,0.3);
}

.kip-decision-wait {
    background: rgba(239,68,68,0.15);
    color: var(--red-light);
    border: 1px solid rgba(239,68,68,0.3);
}

/* === TREND INDICATORS === */
.kip-trend-up {
    color: var(--green);
}

.kip-trend-down {
    color: var(--red);
}

.kip-trend-flat {
    color: var(--text-dim);
}

/* === ANIMATIONS === */
@keyframes liveGlow {
    0%, 100% { box-shadow: 0 0 6px rgba(34,197,94,0.6); }
    50% { box-shadow: 0 0 20px rgba(34,197,94,0.9), 0 0 40px rgba(34,197,94,0.3); }
}

@keyframes liveDot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

.kip-pulse-text {
    animation: kipTextBlink 1.8s ease-in-out infinite;
}

@keyframes kipTextBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

@keyframes badgePulse {
    0%, 100% { filter: brightness(1); opacity: 1; }
    50% { filter: brightness(1.2); opacity: 0.85; }
}

@keyframes kipReveal {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes kipFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes shimmer {
    0% { left: -130%; }
    100% { left: 120%; }
}

/* Staggered reveal classes */
.kip-reveal {
    opacity: 0;
    transform: translateY(14px);
    animation: kipReveal 0.5s ease forwards;
}

.kip-reveal-1 { animation-delay: 0.05s; }
.kip-reveal-2 { animation-delay: 0.14s; }
.kip-reveal-3 { animation-delay: 0.23s; }
.kip-reveal-4 { animation-delay: 0.32s; }
.kip-reveal-5 { animation-delay: 0.41s; }
.kip-reveal-6 { animation-delay: 0.50s; }

.kip-fade {
    opacity: 0;
    animation: kipFadeIn 0.4s ease forwards;
}

/* === SCROLLBAR === */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--bg-root);
}

::-webkit-scrollbar-thumb {
    background: var(--bg-hover);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-faint);
}

/* === TOOLTIP === */
.kip-tooltip {
    position: relative;
}

.kip-tooltip::after {
    content: attr(data-tip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bg-card);
    color: var(--text-secondary);
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 50;
}

.kip-tooltip:hover::after {
    opacity: 1;
}

/* === DIVIDER === */
.kip-divider {
    height: 1px;
    background: var(--border-default);
    margin: 16px 0;
}

/* === STAT NUMBER === */
.kip-stat {
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

/* === TEXT HIERARCHY === */
.kip-text-primary { color: var(--text-primary); }
.kip-text-secondary { color: var(--text-secondary); }
.kip-text-muted { color: var(--text-muted); }
.kip-text-dim { color: var(--text-dim); }
.kip-text-faint { color: var(--text-faint); }
.kip-text-accent { color: var(--accent); }

/* === CATEGORY LABEL (uppercase, tracked) === */
.kip-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.22em;
}

/* === MEGA MENU (for future use) === */
.kip-mega {
    background: rgba(30,33,40,0.95);
    backdrop-filter: blur(18px) saturate(140%);
    border: 1px solid var(--border-default);
    border-radius: 12px;
}

/* === HORIZONTAL NAVBAR === */
.kip-navbar-horizontal {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(16px) saturate(120%);
    background: rgba(38,41,51,0.92) !important;
}

.kip-navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
}

.kip-navbar-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-self: start;
}

/* === Alt satir: sayfa sekmeleri (mobilde yatay kaydirilabilir) === */
.kip-navbar-tabs-row {
    border-top: 1px solid var(--border-subtle);
    background: var(--bg-nav);
}

.kip-navbar-links {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 8px 16px;
}

.kip-navbar-links::-webkit-scrollbar { height: 4px; }
.kip-navbar-links::-webkit-scrollbar-thumb { background: var(--border-hover); border-radius: 4px; }

.kip-navbar-links > a {
    flex-shrink: 0;
}

.kip-navbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-self: end;
}

/* === Kullanici avatar dropdown === */
.kip-user-menu {
    position: relative;
}

.kip-user-menu-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-control);
    padding: 4px 8px 4px 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.kip-user-menu-trigger:hover,
.kip-user-menu.is-open .kip-user-menu-trigger {
    background: var(--bg-hover);
    border-color: var(--border-default);
}

.kip-user-menu-trigger .kip-user-avatar {
    display: flex;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    background: rgba(245,158,11,0.15);
    color: var(--accent);
    flex-shrink: 0;
}

.kip-user-menu-trigger .kip-user-chevron {
    color: var(--text-faint);
    transition: transform 0.2s ease;
}

.kip-user-menu.is-open .kip-user-chevron {
    transform: rotate(180deg);
}

.kip-user-menu-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 210px;
    background: linear-gradient(var(--bg-card), var(--bg-card-bottom));
    border: 1px solid var(--border-default);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card-hover);
    padding: 6px;
    z-index: 60;
    display: none;
}

.kip-user-menu.is-open .kip-user-menu-panel {
    display: block;
}

.kip-user-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border-radius: var(--radius-control);
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    background: transparent;
    border: none;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    position: relative;
}

.kip-user-menu-item:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.kip-user-menu-item .kip-user-menu-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: auto;
    flex-shrink: 0;
}

.kip-user-menu-divider {
    height: 1px;
    background: var(--border-subtle);
    margin: 6px 4px;
}

.kip-user-menu-item.is-danger {
    color: var(--red-light);
}

/* Sayfa linklerini ayiran ince dikey cizgiler */
.kip-navbar-links > a {
    margin: 0 1px;
}

.kip-navbar-links > a:not(:last-child)::before {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: var(--border-default, rgba(255,255,255,0.12));
}

/* === NAV LINKS === */
.kip-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.2s ease, background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
    overflow: hidden;
}

.kip-nav-link::after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 50%;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #f59e0b, #fde68a, #f59e0b);
    box-shadow: 0 0 8px rgba(245,158,11,0.7);
    transform: translateX(-50%);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kip-nav-link svg {
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.kip-nav-link:hover {
    background: linear-gradient(135deg, rgba(245,158,11,0.16), rgba(217,119,6,0.06));
    color: #f59e0b;
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgba(245,158,11,0.22) inset, 0 4px 16px -4px rgba(245,158,11,0.35);
}

.kip-nav-link:hover svg {
    transform: scale(1.15) rotate(-4deg);
}

.kip-nav-link:hover::after {
    width: 55%;
}

.kip-nav-link.active {
    background: linear-gradient(135deg, rgba(245,158,11,0.16), rgba(217,119,6,0.06));
    color: #f59e0b;
    box-shadow: 0 0 0 1px rgba(245,158,11,0.22) inset, 0 4px 16px -4px rgba(245,158,11,0.35);
}

.kip-nav-link.active::after {
    width: 70%;
}

/* === TOP AD BANNER === */
.kip-ad-top {
    background: linear-gradient(to right, var(--bg-root), var(--bg-nav), var(--bg-root));
    border-bottom: 1px solid var(--border-default);
}

/* === PAZAR ISTIHBARATI: FIRSAT BOS DURUMU === */
.kip-opportunity-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.kip-opportunity-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--color-brand-bg);
    color: var(--accent);
    margin-bottom: 12px;
}

/* === GOREVLER SAYFASI === */
.kip-quest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--radius-control);
    background: var(--bg-root);
    border: 1px solid var(--border-default);
    text-decoration: none;
    transition: border-color 0.15s ease;
}
.kip-quest-row:hover { border-color: var(--border-accent); }
.kip-quest-level-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    background: var(--bg-hover);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-control);
    padding: 2px 9px;
    white-space: nowrap;
}
.kip-quest-row-removed {
    opacity: 0.55;
    background: transparent;
}
.kip-quest-row-removed strong { color: var(--text-faint); }
.kip-quest-level-badge-removed {
    color: var(--red-light);
    background: var(--color-negative-bg);
    border-color: var(--color-negative-border);
}

/* === RATE BAR (Knight Rehberi yukseltme oranlari) ===
   Oran yuzdesine gore renk kayar: >=50% yesil, 10-50% sari/altin, <10% kirmizi. */
.kip-rate-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 90px;
}
.kip-rate-track {
    flex: 1;
    height: 6px;
    border-radius: 999px;
    background: var(--bg-hover);
    overflow: hidden;
}
.kip-rate-fill {
    height: 100%;
    border-radius: 999px;
}
.kip-rate-fill.kip-rate-high { background: var(--color-positive); }
.kip-rate-fill.kip-rate-mid { background: var(--accent); }
.kip-rate-fill.kip-rate-low { background: var(--color-negative); }
.kip-rate-label {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--text-secondary);
    min-width: 34px;
    text-align: right;
    flex-shrink: 0;
}

/* === SCROLL BEHAVIOR === */
html {
    scroll-behavior: smooth;
}

/* === CARD GRADIENT TOP BORDER === */
.kip-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(90deg, transparent, rgba(245,158,11,0.3), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.kip-card {
    position: relative;
}

.kip-card:hover::before {
    opacity: 1;
}

/* === AUTH BUTTONS === */
/* (removed - using floating widget instead) */

/* === AUTH FLOATING WIDGET === */
.kip-auth-floating-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 90;
}

/* Toggle Button (collapsed) */
.kip-auth-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid var(--accent);
    background: var(--bg-card);
    color: var(--accent);
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(245,158,11,0.25), 0 0 40px rgba(245,158,11,0.08);
    transition: all 0.3s ease;
    animation: authPulse 2s ease-in-out infinite;
}

.kip-auth-toggle-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 30px rgba(245,158,11,0.4);
    background: var(--accent);
    color: #000;
}

@keyframes authPulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(245,158,11,0.25); }
    50% { box-shadow: 0 4px 30px rgba(245,158,11,0.45); }
}

/* Expanded Panel */
.kip-auth-expanded-panel {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
    max-height: 80vh;
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: 16px;
    box-shadow: 0 20px 50px -10px rgba(0,0,0,0.6);
    overflow: hidden;
    animation: authSlideUp 0.25s ease;
    overflow-y: auto;
}

@keyframes authSlideUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Close Button */
.kip-auth-expanded-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: none;
    background: rgba(255,255,255,0.05);
    color: var(--text-faint);
    cursor: pointer;
    transition: all 0.2s ease;
}

.kip-auth-expanded-close:hover {
    background: rgba(255,255,255,0.1);
    color: var(--text-primary);
}

/* Tab Switcher */
.kip-auth-tab-switcher {
    display: flex;
    border-bottom: 1px solid var(--border-default);
}

.kip-auth-tab {
    flex: 1;
    padding: 12px 8px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.kip-auth-tab.active {
    color: var(--accent);
}

.kip-auth-tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--accent);
}

.kip-auth-tab:hover:not(.active) {
    color: var(--text-secondary);
    background: var(--bg-hover);
}

/* Form Container */
.kip-auth-expanded-form {
    padding: 20px;
}

.kip-auth-expanded-form form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Fields */
.kip-auth-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.kip-auth-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.03em;
}

.kip-auth-input {
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--bg-input);
    color: var(--text-primary);
    font-size: 13px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.kip-auth-input::placeholder {
    color: var(--text-faint);
}

.kip-auth-input:focus {
    border-color: var(--accent);
}

.kip-auth-btn-primary {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    color: #000;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 2px;
}

.kip-auth-btn-primary:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.kip-auth-btn-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.kip-auth-error {
    padding: 8px 12px;
    border-radius: 6px;
    background: rgba(239,68,68,0.1);
    border: 1px solid rgba(239,68,68,0.3);
    color: #fca5a5;
    font-size: 12px;
}

/* Responsive: Mobile - full width at bottom */
@media (max-width: 480px) {
    .kip-auth-floating-widget {
        bottom: 16px;
        right: 16px;
    }
    .kip-auth-expanded-panel {
        width: calc(100vw - 32px);
        right: 0;
    }
}

/* =====================================================
   STATS INLINE BADGES (Ürün sütunu altında)
   ===================================================== */

.kip-stat-badge-inline {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid;
    font-size: 10px;
    line-height: 1.3;
    white-space: nowrap;
    font-family: 'Poppins', monospace;
    font-weight: 500;
}

/* =====================================================
   CHAT FLOATING WIDGET
   ===================================================== */

.kip-chat-floating-widget {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 90;
    font-family: 'Poppins', sans-serif;
}

.kip-chat-toggle-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid rgba(245, 158, 11, 0.4);
    background: var(--bg-card);
    color: var(--accent, #f59e0b);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.25);
    transition: all 0.25s ease;
    position: relative;
    animation: chatPulse 2.5s ease-in-out infinite;
}

.kip-chat-toggle-btn:hover {
    transform: scale(1.1);
    background: var(--accent, #f59e0b);
    color: #000;
    box-shadow: 0 6px 28px rgba(245, 158, 11, 0.45);
}

@keyframes chatPulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(245, 158, 11, 0.25); }
    50% { box-shadow: 0 4px 28px rgba(245, 158, 11, 0.45); }
}

.kip-chat-unread-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--bg-card);
}

/* Expanded Panel */
.kip-chat-expanded-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 360px;
    max-height: 520px;
    background: var(--bg-card);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(245, 158, 11, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: chatSlideUp 0.25s ease-out;
}

@keyframes chatSlideUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

.kip-chat-expanded-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-dim, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: all 0.2s;
}

.kip-chat-expanded-close:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--text-primary, #f1f5f9);
}

/* Header */
.kip-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.06));
    background: rgba(255, 255, 255, 0.02);
}

.kip-chat-back-btn {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-dim, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.kip-chat-back-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--text-primary, #f1f5f9);
}

/* Server Select */
.kip-chat-server-select {
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.06);
    color: #f1f5f9;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
    appearance: auto;
}

.kip-chat-server-select:focus {
    border-color: rgba(245, 158, 11, 0.5);
}

.kip-chat-server-select option {
    background: var(--bg-input);
    color: var(--text-primary);
    padding: 8px 12px;
    font-size: 12px;
}

/* Dealer List */
.kip-chat-dealer-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    max-height: 420px;
}

.kip-chat-dealer-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.kip-chat-dealer-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-default, rgba(255,255,255,0.06));
}

.kip-chat-dealer-avatar {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05));
    border: 1px solid rgba(245, 158, 11, 0.25);
    color: var(--accent, #f59e0b);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

.kip-chat-online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    display: inline-block;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);
}

/* Chat View */
.kip-chat-view {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    max-height: 520px;
}

/* Messages */
.kip-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 340px;
    min-height: 200px;
}

.kip-chat-welcome {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.kip-chat-msg {
    display: flex;
    max-width: 80%;
}

.kip-chat-msg-mine {
    align-self: flex-end;
}

.kip-chat-msg-other {
    align-self: flex-start;
}

.kip-chat-msg-bubble {
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    word-wrap: break-word;
}

.kip-chat-msg-mine .kip-chat-msg-bubble {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
    border: 1px solid rgba(245, 158, 11, 0.25);
    border-bottom-right-radius: 4px;
    color: var(--text-primary, #f1f5f9);
}

.kip-chat-msg-other .kip-chat-msg-bubble {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-bottom-left-radius: 4px;
    color: var(--text-primary, #f1f5f9);
}

.kip-chat-msg-text {
    margin: 0;
}

.kip-chat-msg-time {
    display: block;
    font-size: 9px;
    color: var(--text-faint, #64748b);
    margin-top: 3px;
    text-align: right;
}

/* Typing Indicator */
.kip-chat-typing {
    padding: 4px 16px 8px;
    font-size: 11px;
    color: var(--text-dim, #94a3b8);
    font-style: italic;
}

/* Input Area */
.kip-chat-input-area {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--border-default, rgba(255,255,255,0.06));
    background: rgba(255, 255, 255, 0.02);
}

.kip-chat-input {
    flex: 1;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    background: var(--input-bg, rgba(255,255,255,0.04));
    color: var(--text-primary, #f1f5f9);
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    outline: none;
    transition: border-color 0.2s;
}

.kip-chat-input:focus {
    border-color: rgba(245, 158, 11, 0.4);
}

.kip-chat-input::placeholder {
    color: var(--text-faint, #64748b);
}

.kip-chat-send-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: var(--accent, #f59e0b);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.kip-chat-send-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

/* Loading & Empty */
.kip-chat-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: var(--text-dim, #94a3b8);
    font-size: 13px;
}

.kip-chat-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .kip-chat-floating-widget {
        bottom: 16px;
        left: 16px;
    }
    .kip-chat-expanded-panel {
        width: calc(100vw - 32px);
        max-height: calc(100vh - 100px);
    }
}

/* =====================================================
   DEALER REGISTRATION FORM
   ===================================================== */

.kip-chat-become-dealer-btn {
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid rgba(34, 197, 94, 0.4);
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Poppins', sans-serif;
    white-space: nowrap;
}

.kip-chat-become-dealer-btn:hover {
    background: rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.6);
}

.kip-chat-register-form {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 420px;
}

.kip-chat-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.kip-chat-form-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
}

.kip-chat-form-input {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    background: var(--input-bg, rgba(255,255,255,0.04));
    color: var(--text-primary, #f1f5f9);
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    outline: none;
    transition: border-color 0.2s;
}

.kip-chat-form-input:focus {
    border-color: rgba(245, 158, 11, 0.4);
}

.kip-chat-form-input::placeholder {
    color: var(--text-faint, #64748b);
}

.kip-chat-checkbox-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kip-chat-checkbox {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    background: rgba(255, 255, 255, 0.02);
    cursor: pointer;
    transition: all 0.2s;
    font-size: 11px;
    color: var(--text-dim, #94a3b8);
}

.kip-chat-checkbox:hover {
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.04);
}

.kip-chat-checkbox input:checked + span {
    color: var(--accent, #f59e0b);
    font-weight: 600;
}

.kip-chat-checkbox input {
    accent-color: var(--accent, #f59e0b);
    width: 12px;
    height: 12px;
}

.kip-chat-form-submit {
    padding: 10px 16px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(34, 197, 94, 0.1));
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Poppins', sans-serif;
}

.kip-chat-form-submit:hover {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.3), rgba(34, 197, 94, 0.15));
    border-color: rgba(34, 197, 94, 0.5);
    transform: translateY(-1px);
}

.kip-chat-form-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* =====================================================
   DEALER NOTIFICATION WIDGET (Dashboard)
   ===================================================== */

.kip-dealer-notif-widget {
    position: fixed;
    top: 80px;
    right: 24px;
    z-index: 85;
    font-family: 'Poppins', sans-serif;
}

.kip-dealer-notif-toggle {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.3);
    background: rgba(56, 189, 248, 0.08);
    color: #38bdf8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

.kip-dealer-notif-toggle:hover {
    background: rgba(56, 189, 248, 0.15);
    border-color: rgba(56, 189, 248, 0.5);
    transform: scale(1.05);
}

.kip-dealer-notif-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid #1c1e25;
    animation: badgePulse 1.5s ease-in-out infinite;
}

.kip-dealer-notif-panel {
    position: absolute;
    top: 52px;
    right: 0;
    width: 340px;
    max-height: 400px;
    background: var(--bg-card);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    animation: chatSlideUp 0.2s ease-out;
}

.kip-dealer-notif-header {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.06));
    background: rgba(255, 255, 255, 0.02);
}

.kip-dealer-notif-list {
    overflow-y: auto;
    max-height: 340px;
    padding: 8px;
}

.kip-dealer-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
    text-decoration: none;
}

.kip-dealer-notif-item:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-default, rgba(255,255,255,0.06));
}

.kip-dealer-notif-avatar {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.15), rgba(56, 189, 248, 0.05));
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #38bdf8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

/* ===========================================================
   CANLI PAZAR AKISI (16 Temmuz 2026)
   =========================================================== */

.kip-market-header { padding: 8px 0; }

.kip-market-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    color: var(--text-secondary, #cbd5e1);
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}
.kip-market-nav-link:hover {
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.3);
    color: var(--text-primary, #fff);
}

.kip-market-create-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #000;
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.2s;
    box-shadow: 0 2px 12px rgba(245, 158, 11, 0.25);
}
.kip-market-create-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 18px rgba(245, 158, 11, 0.4);
}

/* Filter row */
.kip-market-filters { padding: 12px 16px; }
.kip-market-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}
.kip-filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Arama satiri */
.kip-market-search-row {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.kip-market-search {
    flex: 1;
    min-width: 240px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    border-radius: 10px;
    padding: 8px 12px;
    transition: all 0.15s;
}
.kip-market-search:focus-within {
    border-color: rgba(245, 158, 11, 0.5);
    background: rgba(0, 0, 0, 0.35);
}
.kip-market-search > svg {
    color: var(--text-faint, #64748b);
    flex-shrink: 0;
}
.kip-market-search input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary, #fff);
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.kip-market-search input::placeholder {
    color: var(--text-faint, #64748b);
}
.kip-market-search button {
    background: transparent;
    border: none;
    color: var(--text-faint, #64748b);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: color 0.15s;
}
.kip-market-search button:hover {
    color: var(--text-primary, #fff);
}
.kip-market-search-hint {
    font-size: 11px;
    color: var(--text-faint, #64748b);
    white-space: nowrap;
}
.kip-filter-chip {
    background: transparent;
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    color: var(--text-dim, #94a3b8);
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.15s;
    letter-spacing: 0.3px;
}
.kip-filter-chip:hover {
    color: var(--text-primary, #fff);
    border-color: rgba(245, 158, 11, 0.4);
}
.kip-filter-chip-active {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.1));
    border-color: rgba(245, 158, 11, 0.5);
    color: #fbbf24;
}
.kip-filter-chip-cat {
    /* Kategori filtrelerinde metin label'i farkli renkle */
    text-transform: none;
    font-weight: 700;
}
.kip-filter-chip-gb.kip-filter-chip-active {
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.18), rgba(202, 138, 4, 0.1));
    border-color: rgba(234, 179, 8, 0.55);
    color: #fde047;
}
.kip-filter-chip-cr.kip-filter-chip-active {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.18), rgba(147, 51, 234, 0.1));
    border-color: rgba(168, 85, 247, 0.55);
    color: #d8b4fe;
}
.kip-category-filter {
    flex-wrap: wrap;
}

/* Mobilde: chip gruplari sar (wrap) yerine yatay kaydirilabilir tek satir,
   ekran tasmasi (overflow) olmasin diye. */
@media (max-width: 640px) {
    .kip-filter-group {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        padding-bottom: 4px;
        margin: 0 -2px;
    }
    .kip-filter-group::-webkit-scrollbar { height: 4px; }
    .kip-filter-group::-webkit-scrollbar-thumb { background: var(--border-hover); border-radius: 4px; }
    .kip-filter-chip {
        flex-shrink: 0;
    }
}

/* Form grid (3 kolon - GOLD_BAR alanlari icin) */
.kip-form-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr;
    gap: 10px;
    align-items: end;
}
@media (max-width: 600px) {
    .kip-form-grid-3 {
        grid-template-columns: 1fr;
    }
}

/* Feed */
.kip-market-feed {
    padding: 8px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 200px;
}
.kip-market-loading,
.kip-market-empty {
    text-align: center;
    padding: 40px 20px;
    color: var(--text-dim, #94a3b8);
    font-size: 13px;
}

.kip-market-card {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-radius: 14px;
    padding: 0;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.kip-market-card:hover {
    border-color: rgba(245, 158, 11, 0.25);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}
.kip-market-card.kip-card-faded {
    opacity: 0.55;
    background: rgba(255, 255, 255, 0.015);
}
.kip-market-card.kip-card-faded:hover { opacity: 0.75; }

/* --- Media kutusu (uste, holo grid + ribbon badge + overlay meta) --- */
.kip-card-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    padding: 38px 14px 32px 14px;
    background:
        linear-gradient(180deg, rgba(0,177,255,0.06) 0%, rgba(0,0,0,0.18) 100%),
        repeating-linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 42px);
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.05));
    overflow: hidden;
}

/* Satıcı rozeti — hologram koleksiyonu rarity tarzında (legendary gradient),
   sol-üst köşede, mümkün olduğunca önce görünen kimlik. */
.kip-card-seller-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 6px;
    color: #1a1108;
    background: linear-gradient(135deg, #ffd76a, #ffb020);
    box-shadow: 0 1px 6px rgba(255,176,32,0.45);
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Yatay ribbon (Satilik/Alinir/Takas) media'nin sag-ust kosesinde --- */
.kip-card-tt-ribbon {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 4px 12px 4px 14px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    border-radius: 6px 0 0 6px;
    z-index: 3;
    backdrop-filter: blur(4px);
}
.kip-card-tt-ribbon.kip-tt-sale  { background: linear-gradient(135deg, rgba(34,197,94,0.95), rgba(22,163,74,0.9)); color: #fff; box-shadow: 0 2px 10px rgba(34,197,94,0.35); }
.kip-card-tt-ribbon.kip-tt-buy   { background: linear-gradient(135deg, rgba(56,189,248,0.95), rgba(14,165,233,0.9)); color: #03101a; box-shadow: 0 2px 10px rgba(56,189,248,0.35); }
.kip-card-tt-ribbon.kip-tt-trade { background: linear-gradient(135deg, rgba(168,85,247,0.95), rgba(126,34,206,0.9)); color: #fff; box-shadow: 0 2px 10px rgba(168,85,247,0.35); }

/* --- Overlay metinleri (media icinde, item adi sol-ustte, meta sol-altta, fiyat sag-altta) --- */
.kip-card-overlay-tl {
    position: absolute;
    top: 36px;
    left: 14px;
    right: 14px;
    z-index: 2;
    text-align: left;
    pointer-events: none;
}
.kip-card-overlay-tl .kip-card-item {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    color: var(--text-primary, #fff);
    text-shadow: 0 1px 6px rgba(0,0,0,0.85), 0 0 12px rgba(0,177,255,0.4);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kip-card-overlay-bl {
    position: absolute;
    bottom: 8px;
    left: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--text-secondary, #cbd5e1);
    text-shadow: 0 1px 4px rgba(0,0,0,0.85);
    pointer-events: none;
}
.kip-card-overlay-bl .kip-card-dot { color: var(--text-faint); opacity: 0.7; text-shadow: none; }
.kip-card-overlay-bl .kip-card-time { color: var(--text-faint, #64748b); font-size: 10.5px; text-shadow: none; }

/* Fiyat ribbon — media sağ-alt köşede, amber glow */
.kip-card-price-ribbon {
    position: absolute;
    bottom: 8px;
    right: 10px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    color: var(--accent-light, #fbbf24);
    background: rgba(8, 12, 22, 0.78);
    border: 1px solid rgba(245, 158, 11, 0.4);
    box-shadow: 0 0 14px rgba(245, 158, 11, 0.22), inset 0 0 8px rgba(245, 158, 11, 0.08);
    backdrop-filter: blur(6px);
    letter-spacing: 0.3px;
    white-space: nowrap;
}

/* Kategori rozetleri (hala kullaniliyor, baska yerlerde) */
.kip-card-tt {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.kip-tt-sale { background: rgba(34, 197, 94, 0.15); color: #4ade80; border: 1px solid rgba(34, 197, 94, 0.3); }
.kip-tt-buy  { background: rgba(56, 189, 248, 0.15); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.3); }
.kip-tt-trade{ background: rgba(168, 85, 247, 0.15); color: #c084fc; border: 1px solid rgba(168, 85, 247, 0.3); }
.kip-cat-gold-bar { background: rgba(234, 179, 8, 0.15); color: #fde047; border: 1px solid rgba(234, 179, 8, 0.35); }
.kip-cat-cypher-ring { background: rgba(168, 85, 247, 0.18); color: #e9d5ff; border: 1px solid rgba(168, 85, 247, 0.4); }
.kip-cat-item { background: rgba(245, 158, 11, 0.12); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.3); }
.kip-card-cats {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.kip-card-cat {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.kip-card-char-attrs {
    margin-top: 8px;
    padding: 10px 12px;
    background: rgba(168, 85, 247, 0.05);
    border: 1px solid rgba(168, 85, 247, 0.18);
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.55;
    color: var(--text-primary, #e5e7eb);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 220px;
    overflow-y: auto;
}
.kip-card-char-attrs-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #c084fc;
    font-weight: 700;
    margin-bottom: 4px;
    display: block;
}

/* --- Body (kompakt — meta zaten media overlay'inde, sadece ozet / accordion / actions) --- */
.kip-card-body {
    padding: 10px 12px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

/* Aciklama: 2 satira kirptir, tam metni detay modalinde */
.kip-card-desc {
    margin: 2px 0 0 0;
    color: var(--text-dim, #94a3b8);
    font-size: 12px;
    line-height: 1.45;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border-left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kip-card-item {
    font-size: 14px;
    font-weight: 800;
    color: var(--text-primary, #fff);
    display: inline;
}
.kip-card-item-count {
    color: var(--text-faint, #64748b);
    font-weight: 700;
    font-size: 12px;
    margin-left: 3px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.kip-card-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    color: var(--text-faint, #64748b);
    font-size: 12px;
    margin: 0;
}
.kip-card-price { color: #fbbf24; font-weight: 700; }
.kip-card-dot { color: var(--text-faint, #64748b); opacity: 0.7; }
.kip-card-server { color: var(--text-secondary, #cbd5e1); font-weight: 600; }
.kip-card-time { color: var(--text-faint, #64748b); font-size: 11px; }
.kip-card-seller { color: var(--text-secondary, #cbd5e1); font-weight: 600; }

/* multi-item accordion + char-attrs accordion */
.kip-card-items-acc { margin-top: 4px; }
.kip-card-acc-ion, .kip-accordion {
    margin: 4px 0 0 0;
}
.kip-accordion > summary {
    cursor: pointer;
    font-size: 12px;
    color: var(--text-dim, #94a3b8);
    font-weight: 600;
    list-style: none;
    padding: 4px 0;
    user-select: none;
}
.kip-accordion > summary::-webkit-details-marker { display: none; }
.kip-accordion > summary::before {
    content: "▸";
    display: inline-block;
    margin-right: 6px;
    transition: transform 0.15s;
    color: var(--accent, #f59e0b);
}
.kip-accordion[open] > summary::before { transform: rotate(90deg); }

.kip-card-desc {
    margin: 4px 0 0 0;
    color: var(--text-dim, #94a3b8);
    font-size: 12px;
    line-height: 1.45;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border-left: 0;
    white-space: normal;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kip-card-status-tag {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.kip-status-active     { background: rgba(34, 197, 94, 0.1); color: #4ade80; }
.kip-status-reserved   { background: rgba(245, 158, 11, 0.1); color: #fbbf24; }
.kip-status-completed  { background: rgba(59, 130, 246, 0.1); color: #60a5fa; }
.kip-status-expired    { background: rgba(100, 116, 139, 0.1); color: #94a3b8; }
.kip-status-cancelled  { background: rgba(239, 68, 68, 0.1); color: #f87171; }

.kip-card-actions {
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--border-subtle, rgba(255,255,255,0.05));
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 8px;
    align-items: stretch;
}
@media (max-width: 480px) {
    .kip-card-actions { grid-template-columns: 1fr; }
    .kip-card-report-btn { justify-self: end; }
}
.kip-card-report-btn { grid-column: 3; align-self: center; }

/* Hologram buton — cyan glow + grid alt + scan hover */
.kip-card-btn {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.08), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 14px),
        var(--bg-card-bottom, #171a21);
    border: 1px solid rgba(0, 177, 255, 0.32);
    border-radius: 10px;
    color: var(--text-primary, #fff);
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.2s ease;
    box-shadow: 0 0 12px rgba(0,177,255,0.1), inset 0 0 8px rgba(0,177,255,0.05);
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}
.kip-card-btn::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.8), transparent);
    transition: top 0.45s ease;
}
.kip-card-btn:hover {
    border-color: rgba(0, 177, 255, 0.7);
    box-shadow: 0 0 20px rgba(0, 177, 255, 0.32), inset 0 0 12px rgba(0, 177, 255, 0.1);
    transform: translateY(-1px);
}
.kip-card-btn:hover::before { top: 100%; }

/* Hologram primary (Ozel mesaj) — amber renkli, marka CTA */
.kip-card-btn-holo-primary {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.18), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.06) 0 1px, transparent 1px 14px),
        var(--bg-card-bottom, #171a21);
    border-color: rgba(245, 158, 11, 0.5);
    color: var(--accent-light, #fbbf24);
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.16), inset 0 0 8px rgba(245, 158, 11, 0.06);
}
.kip-card-btn-holo-primary::before {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.9), transparent);
}
.kip-card-btn-holo-primary:hover {
    border-color: rgba(245, 158, 11, 0.85);
    box-shadow: 0 0 24px rgba(245, 158, 11, 0.32), inset 0 0 14px rgba(245, 158, 11, 0.12);
    color: #fff;
}
/* eski dm-primary class hala baska yerlerde olabilir — semantik kalsin */
.kip-card-btn-dm-primary {
    background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
    border-color: transparent;
    color: #000;
    font-weight: 700;
}
.kip-card-btn-dm-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
}

/* Report ikon butonu — holo outline */
.kip-card-btn-icon {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--text-dim, #94a3b8);
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}
.kip-card-btn-icon:hover {
    border-color: rgba(239, 68, 68, 0.45);
    color: #f87171;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.18);
}
.kip-btn-icon-danger {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--text-dim, #94a3b8);
    padding: 0;
    cursor: pointer;
}
/* Birincil aksiyon: marka rengi dolgulu (spec: Ozel mesaj/Mesaji Gonder/Paylasim Olustur) */
.kip-card-btn-dm-primary {
    background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
    border-color: transparent;
    color: #000;
    font-weight: 700;
}
.kip-card-btn-dm-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
}

/* Load more */
.kip-market-loadmore {
    padding: 12px 16px 18px 16px;
    text-align: center;
}
.kip-market-loadmore-btn {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    color: var(--text-secondary, #cbd5e1);
    padding: 10px 28px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.15s;
}
.kip-market-loadmore-btn:hover {
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.3);
    color: var(--text-primary, #fff);
}

/* Section header */
.kip-market-section-header {
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.06));
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

/* GB Radar */
.kip-gb-radar { padding: 16px; }
.kip-gb-radar-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
.kip-gb-radar-card {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(245, 158, 11, 0.02));
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.kip-gb-label {
    font-size: 11px;
    color: var(--text-dim, #94a3b8);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.kip-gb-value {
    font-size: 22px;
    font-weight: 800;
    color: #fbbf24;
    letter-spacing: -0.5px;
}

/* ===========================================================
   MODAL (Create / Detail / Report)
   =========================================================== */

.kip-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 9990;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.kip-modal-box {
    background: var(--bg-nav, #1c1e25);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    border-radius: 16px;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.kip-modal-box-wide {
    max-width: 720px;
}
.kip-modal-header {
    padding: 18px 22px;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.08));
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kip-modal-header h3 {
    margin: 0;
    color: var(--text-primary, #fff);
    font-size: 16px;
    font-weight: 700;
}
.kip-modal-close {
    background: transparent;
    border: none;
    color: var(--text-dim, #94a3b8);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
    transition: color 0.15s;
}
.kip-modal-close:hover { color: var(--text-primary, #fff); }

.kip-modal-body {
    padding: 20px 22px;
    overflow-y: auto;
    flex: 1;
}
.kip-modal-footer {
    padding: 16px 22px;
    border-top: 1px solid var(--border-default, rgba(255,255,255,0.08));
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* Form fields */
.kip-form-field {
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.kip-form-field label {
    color: var(--text-secondary, #cbd5e1);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.kip-req { color: #f87171; }
.kip-form-field input,
.kip-form-field select,
.kip-form-field textarea {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    color: var(--text-primary, #fff);
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    outline: none;
    transition: all 0.15s;
}
.kip-form-field input:focus,
.kip-form-field select:focus,
.kip-form-field textarea:focus {
    border-color: rgba(245, 158, 11, 0.5);
    background: rgba(0, 0, 0, 0.35);
}
.kip-form-field textarea { resize: vertical; min-height: 70px; }
.kip-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media (max-width: 540px) {
    .kip-form-row { grid-template-columns: 1fr; }
}

.kip-form-segmented {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    border-radius: 10px;
    padding: 4px;
}
.kip-seg-btn {
    background: transparent;
    border: none;
    color: var(--text-dim, #94a3b8);
    padding: 9px 8px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 7px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.15s;
}
.kip-seg-btn-active {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(217, 119, 6, 0.12));
    color: #fbbf24;
}

.kip-form-error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
    margin: 6px 0 12px 0;
    line-height: 1.5;
}

/* Buttons
   Rol esmelemesi: primary = marka rengi (birincil aksiyon: Paylasim Olustur,
   Ozel mesaj, Mesaji Gonder), secondary = notr gri (ikincil aksiyon: Detay),
   info = mavi (bilgi amacli ikincil aksiyon), success/danger = durum aksiyonu
   (onayla/sil vb.), icon-danger = sadece ikon + kirmizi (Sikayet gibi). */
.kip-btn-primary,
.kip-btn-secondary,
.kip-btn-success,
.kip-btn-danger,
.kip-btn-info {
    border: none;
    border-radius: var(--radius-control);
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.15s;
}
.kip-btn-primary {
    background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
    color: #000;
}
.kip-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(245, 158, 11, 0.4); }
.kip-btn-secondary {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-secondary, #cbd5e1);
    border: 1px solid var(--border-default, rgba(255,255,255,0.1));
}
.kip-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); color: var(--text-primary, #fff); }
.kip-btn-info {
    background: var(--color-info-bg);
    color: var(--blue-light);
    border: 1px solid var(--color-info-border);
}
.kip-btn-info:hover { background: rgba(59,130,246,0.22); }
.kip-btn-success {
    background: linear-gradient(135deg, var(--green), #16a34a);
    color: #fff;
}
.kip-btn-danger {
    background: linear-gradient(135deg, var(--red), #dc2626);
    color: #fff;
}
.kip-btn-block { width: 100%; padding: 12px; }

/* Sadece ikon + kirmizi aksiyon (orn. Sikayet) */
.kip-btn-icon-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-control);
    border: 1px solid transparent;
    background: transparent;
    color: var(--text-dim);
    cursor: pointer;
    transition: all 0.15s;
}
.kip-btn-icon-danger:hover {
    color: var(--red-light);
    background: var(--color-negative-bg);
    border-color: var(--color-negative-border);
}

/* === CHIP (filtre / sunucu secimi) === */
.kip-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: var(--radius-control);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid var(--border-default);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}
.kip-chip:hover {
    color: var(--text-secondary);
    border-color: var(--border-hover);
}
.kip-chip.is-active {
    background: var(--color-brand-bg);
    border-color: var(--border-accent);
    color: var(--accent-light);
}
.kip-chip-row {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 4px;
}
.kip-chip-row::-webkit-scrollbar { height: 4px; }
.kip-chip-row::-webkit-scrollbar-thumb { background: var(--border-hover); border-radius: 4px; }

/* === STATUS DOT (aktif/pasif, okunmus/okunmamis) === */
.kip-status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-faint);
    flex-shrink: 0;
}
.kip-status-dot.is-active {
    background: var(--green);
    box-shadow: 0 0 6px rgba(34,197,94,0.7);
}

/* === EMPTY STATE (ikon + kisa aciklama, cirilplak "-" birakma) === */
.kip-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 28px 16px;
    text-align: center;
    color: var(--text-dim);
}
.kip-empty-state svg {
    width: 28px;
    height: 28px;
    opacity: 0.5;
}
.kip-empty-state .kip-empty-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
}
.kip-empty-state .kip-empty-desc {
    font-size: 12px;
    color: var(--text-faint);
}

/* === ACCORDION (varsayilan gizli uzun metin) === */
.kip-accordion {
    border-top: 1px solid var(--border-subtle);
    margin-top: 8px;
    padding-top: 8px;
}
.kip-accordion summary {
    cursor: pointer;
    list-style: none;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 6px;
    user-select: none;
}
.kip-accordion summary::-webkit-details-marker { display: none; }
.kip-accordion summary::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.kip-accordion[open] summary::before {
    transform: rotate(45deg);
}
.kip-accordion-body {
    padding-top: 8px;
    font-size: 13px;
    color: var(--text-secondary);
    max-height: 220px;
    overflow-y: auto;
}

/* Detail modal */
.kip-detail-section {
    padding: 14px 0;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.05));
}
.kip-detail-section:last-child { border-bottom: none; }
.kip-detail-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-dim, #94a3b8);
    font-size: 13px;
    flex-wrap: wrap;
}
.kip-detail-desc {
    margin: 12px 0 0 0;
    color: var(--text-secondary, #cbd5e1);
    font-size: 14px;
    line-height: 1.6;
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-left: 2px solid rgba(245, 158, 11, 0.4);
}
.kip-detail-completed-tag {
    margin-top: 12px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #60a5fa;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.kip-detail-owner-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.kip-history-list {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;
}
.kip-history-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    color: var(--text-dim, #94a3b8);
}
.kip-history-row:last-child { border-bottom: none; }

/* Toast */
.kip-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: var(--bg-nav, #1c1e25);
    border: 1px solid var(--border-default, rgba(255,255,255,0.1));
    color: var(--text-primary, #fff);
    padding: 12px 22px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    z-index: 9995;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease;
    max-width: 90vw;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
.kip-toast.kip-toast-show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.kip-toast-success { border-color: rgba(34, 197, 94, 0.4); color: #4ade80; }
.kip-toast-error   { border-color: rgba(239, 68, 68, 0.4); color: #f87171; }
.kip-toast-info    { border-color: rgba(56, 189, 248, 0.4); color: #38bdf8; }

/* ===========================================================
   CANLI PAZAR - MULTI-ITEM FORM ROWS
   =========================================================== */

.kip-add-item-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #fbbf24;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.15s;
}
.kip-add-item-btn:hover {
    background: rgba(245, 158, 11, 0.18);
    color: #fcd34d;
}

.kip-items-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kip-item-row {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-default, rgba(255,255,255,0.08));
    border-radius: 10px;
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr 110px 90px 70px 36px;
    gap: 8px;
    align-items: end;
}
.kip-item-row .kip-form-field {
    margin: 0;
}
.kip-item-row input,
.kip-item-row select {
    padding: 8px 10px;
    font-size: 13px;
}
.kip-item-row label {
    font-size: 11px;
}
@media (max-width: 540px) {
    .kip-item-row {
        grid-template-columns: 1fr 1fr;
    }
    .kip-item-row .kip-item-remove-cell {
        grid-column: 1 / -1;
        justify-self: end;
    }
}

.kip-item-remove-btn {
    background: transparent;
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: rgba(248, 113, 113, 0.7);
    border-radius: 8px;
    height: 36px;
    width: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.kip-item-remove-btn:hover {
    background: rgba(239, 68, 68, 0.1);
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.4);
}
.kip-item-remove-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* === CANLI PAZAR KARTI: Görsel şerit ===
   İlan kartında başlık üstünde yanyana item görselleri. Mağaza kartındaki
   .kip-magaza-card-img gibi net render (opak PNG oldukları için mix-blend
   YOK). Her thumb 52px (kart), 84px (modal lg). Hover'da hafif scale +
   glow. image_path boşsa alt katmanda initials avatar görünür. */
.kip-card-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px 0;
    min-height: 52px;
}
.kip-card-thumb-wrap {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--border-default);
    background: radial-gradient(ellipse at 50% 100%, rgba(0,177,255,0.14) 0%, transparent 70%);
}
.kip-card-thumb-initials {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 900;
    color: var(--accent-light);
    text-shadow: 0 0 10px rgba(0,179,255,0.4);
    z-index: 0;
    pointer-events: none;
}
.kip-card-thumb {
    position: relative;
    z-index: 1;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 6px rgba(0,179,255,0.30))
            drop-shadow(0 0 14px rgba(0,119,255,0.16));
    transition: transform 0.28s ease;
}
.kip-card-thumb-wrap:hover .kip-card-thumb {
    transform: scale(1.10);
}

/* Hologram karakter görselleri (Cypher Ring ilanları için chars/*.webp) —
   siyah zeminli şeffaf olmadıkları için .hologram-image philosophiesını
   kullanır: screen blend → siyah zemin sayfa bg ile kaynaşır, drop-shadow
   cyan glow. Hologram-collection.css'te doğrulanmış teknik. */
.kip-card-thumb-holo {
    position: relative;
    z-index: 1;
    max-width: 96%;
    max-height: 96%;
    width: auto;
    height: auto;
    object-fit: contain;
    opacity: 0.95;
    mix-blend-mode: screen;
    filter:
        brightness(1.18)
        saturate(1.18)
        drop-shadow(0 0 8px rgba(0, 179, 255, 0.55))
        drop-shadow(0 0 18px rgba(0, 119, 255, 0.22));
    transition: transform 0.28s ease;
}
.kip-card-thumb-wrap:hover .kip-card-thumb-holo {
    transform: scale(1.08);
}

/* Modal varyantı (lg) */
.kip-card-images.lg {
    gap: 14px;
    min-height: 84px;
    margin-bottom: 14px;
}

/* TEK ITEM'LI ILAN: görseli kartın ana odağı yap — thumb-wrap 52/84px
   yerine 116/150px. Görsel kart içerik alanını tek başına doldurarak
   "hologram kart" hissi verir. Multi-item ilanlar klasik yanyana şerit
   (52px) olarak korunur. */
.kip-card-images.kip-card-images-single {
    gap: 0;
    min-height: 116px;
}
.kip-card-images.kip-card-images-single.lg {
    min-height: 150px;
}
.kip-card-images.kip-card-images-single .kip-card-thumb-wrap {
    width: 116px;
    height: 116px;
    border-radius: 12px;
}
.kip-card-images.kip-card-images-single.lg .kip-card-thumb-wrap {
    width: 150px;
    height: 150px;
    border-radius: 14px;
}
.kip-card-images.kip-card-images-single .kip-card-thumb-initials {
    font-size: 40px;
}
.kip-card-images.kip-card-images-single.lg .kip-card-thumb-initials {
    font-size: 52px;
}
.kip-card-thumb-wrap.lg {
    width: 84px;
    height: 84px;
    border-radius: 10px;
}
.kip-card-thumb-initials.lg {
    font-size: 32px;
}
.kip-card-thumb.lg {
    filter: drop-shadow(0 0 10px rgba(0,179,255,0.35))
            drop-shadow(0 0 22px rgba(0,119,255,0.20));
}

/* Açık tema — drop-shadow amber'a döner, bg tint hafif */
:root[data-theme="light"] .kip-card-thumb-wrap {
    background: radial-gradient(ellipse at 50% 100%, rgba(0,108,158,0.10) 0%, transparent 70%);
    border-color: var(--border-default);
}
:root[data-theme="light"] .kip-card-thumb-initials {
    color: #b45309;
    text-shadow: 0 0 8px rgba(180,83,9,0.25);
}
:root[data-theme="light"] .kip-card-thumb {
    filter: drop-shadow(0 2px 6px rgba(0,80,130,0.18));
}
/* Hologram chars: açık temada screen beyaz zeminde yok eder.
   invert+grayscale+multiply ile "mürekkep taslak" efekti
   (hologram-collection.css .hologram-image light ile aynı). */
:root[data-theme="light"] .kip-card-thumb-holo {
    mix-blend-mode: multiply;
    filter:
        invert(1)
        grayscale(1)
        contrast(1.65)
        brightness(0.92)
        drop-shadow(0 4px 10px rgba(0, 80, 130, 0.18));
    opacity: 1;
}

/* Erisilebilirlik: hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    .kip-card-thumb,
    .kip-card-thumb-holo,
    .kip-card-thumb-wrap:hover .kip-card-thumb,
    .kip-card-thumb-wrap:hover .kip-card-thumb-holo {
        transition: none !important;
        transform: none !important;
    }
}

/* Kart: multi-item listesi */
.kip-card-items {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.kip-card-item-line {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.kip-card-item-line:last-child {
    border-bottom: none;
}
.kip-card-item-name {
    color: var(--text-primary, #fff);
    font-weight: 600;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kip-card-item-price {
    color: #fbbf24;
    font-weight: 700;
    flex-shrink: 0;
}
.kip-card-item-qty {
    color: var(--text-faint, #64748b);
    font-size: 11px;
    flex-shrink: 0;
}

/* ================================================================
 * MODERASYON PANELI STILLERI
 * ================================================================ */

.kip-moderasyon-tabs {
    display: flex;
    gap: 0;
    background: var(--bg-root, #161720);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 4px;
}

.kip-mod-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: transparent;
    border: none;
    border-radius: 9px;
    color: var(--text-dim);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Poppins', sans-serif;
}
.kip-mod-tab:hover {
    background: rgba(255,255,255,0.05);
    color: var(--text-secondary);
}
.kip-mod-tab-active {
    background: var(--bg-card, #22252f);
    color: var(--text-primary);
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.kip-mod-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245,158,11,0.15);
    color: #f59e0b;
    font-size: 10px;
    font-weight: 700;
    border-radius: 10px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
}

.kip-mod-tab-content {
    animation: kip-mod-fadein 0.2s;
}

@keyframes kip-mod-fadein {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.kip-mod-empty {
    text-align: center;
    padding: 60px 20px;
}

.kip-mod-card {
    background: linear-gradient(var(--bg-card), var(--bg-card-bottom));
    border: 1px solid var(--border-default);
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: var(--shadow-card, 0 8px 24px -10px rgba(0,0,0,0.5));
    overflow: hidden;
    animation: kip-mod-fadein 0.25s;
}

.kip-mod-card-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 16px 4px 16px;
}

.kip-mod-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(245,158,11,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kip-mod-card-meta {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kip-mod-dealer-badge {
    display: inline;
    background: rgba(245,158,11,0.12);
    color: #f59e0b;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 6px;
}

.kip-mod-card-actions {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--border-subtle);
    background: var(--bg-surface-bottom, rgba(22,24,30,0.5));
    flex-wrap: wrap;
}

.kip-mod-btn {
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    font-family: 'Poppins', sans-serif;
}

.kip-mod-btn-success {
    background: rgba(34,197,94,0.12);
    color: #22c55e;
    border-color: rgba(34,197,94,0.2);
}
.kip-mod-btn-success:hover {
    background: rgba(34,197,94,0.2);
    border-color: rgba(34,197,94,0.4);
}

.kip-mod-btn-danger {
    background: rgba(239,68,68,0.08);
    color: #ef4444;
    border-color: rgba(239,68,68,0.18);
}
.kip-mod-btn-danger:hover {
    background: rgba(239,68,68,0.15);
    border-color: rgba(239,68,68,0.35);
}

.kip-mod-btn-warn {
    background: rgba(245,158,11,0.08);
    color: #f59e0b;
    border-color: rgba(245,158,11,0.18);
}
.kip-mod-btn-warn:hover {
    background: rgba(245,158,11,0.15);
    border-color: rgba(245,158,11,0.35);
}

.kip-mod-btn-muted {
    background: rgba(255,255,255,0.04);
    color: var(--text-dim);
    border-color: rgba(255,255,255,0.08);
}
.kip-mod-btn-muted:hover {
    background: rgba(255,255,255,0.08);
    color: var(--text-muted);
    border-color: rgba(255,255,255,0.12);
}


/* ==========================================================
   PAZARCI VİTRİN PANELİ (Canlı Pazar Akışı sağ panel)
   17 Temmuz 2026
   ========================================================== */

.kip-market-main-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: 24px 32px;
    align-items: start;
}
@media (max-width: 1024px) {
    .kip-market-main-layout {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 16px;
    }
}

.kip-market-left { min-width: 0; }

.kip-dealer-panel {
    position: sticky;
    top: 16px;
    background: var(--panel-bg, #13131c);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 32px);
    transition: all 0.2s ease;
}
.kip-dealer-panel.collapsed .kip-dealer-panel-list,
.kip-dealer-panel.collapsed .kip-dealer-panel-edit-own {
    display: none;
}
.kip-dealer-panel.collapsed .kip-dealer-panel-collapse svg {
    transform: rotate(180deg);
}

.kip-dealer-panel-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.06));
    background: linear-gradient(180deg, rgba(245,158,11,0.06), transparent);
}
.kip-dealer-panel-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary, #e5e7eb);
    flex: 1;
}
.kip-dealer-panel-server {
    /* Sunucu rozeti notr gri (spec: sunucu bilgisi kimlik degil, konum bilgisi) */
    font-size: 10px;
    color: var(--text-muted);
    background: var(--bg-hover);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-control);
    padding: 2px 8px;
}
.kip-dealer-panel-collapse {
    background: transparent;
    border: none;
    color: var(--text-dim, #94a3b8);
    cursor: pointer;
    padding: 2px;
    border-radius: 6px;
    display: inline-flex;
}
.kip-dealer-panel-collapse:hover {
    background: rgba(255,255,255,0.06);
    color: var(--text-primary, #e5e7eb);
}
.kip-dealer-panel-collapse svg {
    transition: transform 0.2s ease;
}

.kip-dealer-panel-list {
    overflow-y: auto;
    flex: 1;
    padding: 6px;
    scrollbar-width: thin;
}
.kip-dealer-panel-list::-webkit-scrollbar { width: 6px; }
.kip-dealer-panel-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
}

.kip-dealer-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    margin: 4px 0;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
    text-align: left;
    color: inherit;
    font-family: inherit;
}
.kip-dealer-card:hover {
    background: rgba(255,255,255,0.04);
    border-color: rgba(245,158,11,0.18);
    transform: translateX(2px);
}
.kip-dealer-card.kip-dealer-card-own {
    background: rgba(34,197,94,0.05);
    border-color: rgba(34,197,94,0.18);
}

.kip-dealer-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #1a1a1a;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.kip-dealer-info {
    flex: 1;
    min-width: 0;
}
.kip-dealer-name {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-primary, #e5e7eb);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 4px;
}
.kip-dealer-meta {
    font-size: 10.5px;
    color: var(--text-dim, #94a3b8);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kip-dealer-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 6px rgba(34,197,94,0.55);
    flex-shrink: 0;
}
.kip-dealer-dot.kip-off { background: #64748b; box-shadow: none; }
.kip-dealer-badge-own {
    background: rgba(34,197,94,0.12);
    color: #22c55e;
    border: 1px solid rgba(34,197,94,0.25);
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.kip-dealer-card-actions {
    display: flex;
    gap: 6px;
    margin-top: 4px;
}
/* Mağaza = ikincil (notr gri kenarlikli), Vitrin = birincil (marka rengi dolgulu) */
.kip-dealer-card-link {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    border-radius: var(--radius-control);
    font-size: 10.5px;
    font-weight: 600;
    background: transparent;
    border: 1px solid var(--border-default);
    color: var(--text-muted);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    font-family: inherit;
}
.kip-dealer-card-link:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--border-hover);
}
.kip-dealer-card-link-primary {
    background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
    border-color: transparent;
    color: #000;
}
.kip-dealer-card-link-primary:hover {
    background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
    color: #000;
    box-shadow: 0 2px 10px rgba(245,158,11,0.35);
}

.kip-dealer-panel-edit-own {
    padding: 10px;
    border-top: 1px solid var(--border-default, rgba(255,255,255,0.06));
}
.kip-dealer-edit-own-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 8px 10px;
    background: linear-gradient(135deg, rgba(34,197,94,0.1), rgba(34,197,94,0.04));
    border: 1px solid rgba(34,197,94,0.25);
    color: #22c55e;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}
.kip-dealer-edit-own-btn:hover {
    background: linear-gradient(135deg, rgba(34,197,94,0.18), rgba(34,197,94,0.08));
    border-color: rgba(34,197,94,0.45);
}

.kip-dealer-no-result {
    text-align: center;
    padding: 32px 14px;
    color: var(--text-dim, #94a3b8);
    font-size: 12px;
    line-height: 1.6;
}
.kip-dealer-no-result strong {
    color: var(--text-primary, #e5e7eb);
    display: block;
    margin-bottom: 6px;
}


/* DEALER SHOWCASE (Vitrin Modal) */

.kip-ds-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-default, rgba(255,255,255,0.06));
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.kip-ds-avatar-big {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #1a1a1a;
    font-weight: 800;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
}
.kip-ds-meta { flex: 1; min-width: 200px; }
.kip-ds-name {
    font-size: 18px;
    font-weight: 800;
    color: var(--text-primary, #e5e7eb);
    margin: 0 0 4px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.kip-ds-online-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 6px;
    text-transform: uppercase;
}
.kip-ds-online-badge.online {
    background: rgba(34,197,94,0.12);
    color: #22c55e;
    border: 1px solid rgba(34,197,94,0.3);
}
.kip-ds-online-badge.offline {
    background: rgba(100,116,139,0.12);
    color: #94a3b8;
    border: 1px solid rgba(100,116,139,0.25);
}
.kip-ds-sub {
    font-size: 12px;
    color: var(--text-dim, #94a3b8);
    margin: 4px 0 0 0;
}
.kip-ds-stats {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.kip-ds-stat-pill {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--text-muted, #cbd5e1);
}
.kip-ds-stat-pill strong { color: var(--accent, #f59e0b); }
.kip-ds-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.kip-ds-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid;
}
.kip-ds-action-chat {
    background: linear-gradient(135deg, rgba(245,158,11,0.18), rgba(245,158,11,0.08));
    border-color: rgba(245,158,11,0.35);
    color: #f59e0b;
}
.kip-ds-action-chat:hover {
    background: linear-gradient(135deg, rgba(245,158,11,0.28), rgba(245,158,11,0.14));
    border-color: rgba(245,158,11,0.55);
}
.kip-ds-edit-link {
    background: rgba(34,197,94,0.1);
    border-color: rgba(34,197,94,0.25);
    color: #22c55e;
    text-decoration: none;
}
.kip-ds-edit-link:hover {
    background: rgba(34,197,94,0.18);
    border-color: rgba(34,197,94,0.45);
}

.kip-ds-section-title {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted, #cbd5e1);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 18px 0 10px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.kip-ds-section-count {
    background: rgba(245,158,11,0.12);
    color: #f59e0b;
    border: 1px solid rgba(245,158,11,0.22);
    border-radius: 6px;
    padding: 1px 7px;
    font-size: 10px;
}

.kip-ds-list { display: grid; gap: 10px; }
.kip-ds-post {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    padding: 10px 12px;
}
.kip-ds-post-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.kip-ds-post-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary, #e5e7eb);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kip-ds-post-items {
    font-size: 11.5px;
    color: var(--text-dim, #94a3b8);
    line-height: 1.5;
}
.kip-ds-post-desc {
    font-size: 11px;
    color: var(--text-faint, #64748b);
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed rgba(255,255,255,0.05);
}
.kip-ds-empty {
    text-align: center;
    padding: 32px 12px;
    color: var(--text-dim, #94a3b8);
    font-size: 12px;
}


/* ==========================================================
   MAGAZA SAYFASI (Pazarcı Mağaza Görünümü)
   17 Temmuz 2026
   ========================================================== */

.kip-magaza-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    width: 100%;
}

/* Hero Header */
.kip-magaza-hero {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 24px;
    background: var(--panel-bg, #13131c);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-radius: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.kip-magaza-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #f59e0b, #d97706, #fbbf24, #f59e0b);
    background-size: 200% 100%;
    animation: kip-hero-shine 3s ease-in-out infinite;
}
@keyframes kip-hero-shine {
    0%,100% { background-position: 0% 0%; }
    50% { background-position: 100% 0%; }
}
.kip-magaza-avatar {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #1a1a1a;
    font-weight: 800;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(245,158,11,0.25);
}

/* Avatar wrapper — img + edit overlay konteyneri */
.kip-magaza-avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
}
.kip-magaza-avatar-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0,177,255,0.25), 0 0 0 2px rgba(0,177,255,0.18);
    display: block;
}
.kip-magaza-avatar-edit-btn {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a9f4, #0078b8);
    border: 2px solid var(--bg-card-bottom, #171a21);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,177,255,0.4);
    transition: transform 0.15s, box-shadow 0.15s;
    padding: 0;
}
.kip-magaza-avatar-edit-btn:hover {
    transform: scale(1.12);
    box-shadow: 0 2px 14px rgba(0,177,255,0.6);
}
.kip-magaza-hero-meta { flex: 1; min-width: 220px; }
.kip-magaza-hero-name {
    font-size: 22px;
    font-weight: 800;
    color: var(--text-primary, #e5e7eb);
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.kip-magaza-hero-user {
    font-size: 13px;
    color: var(--text-dim, #94a3b8);
    margin: 6px 0 12px;
}
.kip-magaza-hero-stats {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.kip-magaza-stat {
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--text-muted, #cbd5e1);
}
.kip-magaza-stat strong { color: var(--accent, #f59e0b); font-weight: 700; }
.kip-magaza-hero-servers {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.kip-magaza-server-chip {
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(245,158,11,0.08);
    border: 1px solid rgba(245,158,11,0.18);
    color: #f59e0b;
    font-weight: 600;
}
.kip-magaza-hero-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.kip-magaza-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid;
    transition: all 0.15s;
    white-space: nowrap;
    text-decoration: none;
}
.kip-magaza-btn-primary {
    background: linear-gradient(135deg, rgba(245,158,11,0.18), rgba(245,158,11,0.08));
    border-color: rgba(245,158,11,0.38);
    color: #f59e0b;
}
.kip-magaza-btn-primary:hover {
    background: linear-gradient(135deg, rgba(245,158,11,0.28), rgba(245,158,11,0.14));
    border-color: rgba(245,158,11,0.6);
}
.kip-magaza-btn-edit {
    background: rgba(34,197,94,0.1);
    border-color: rgba(34,197,94,0.25);
    color: #22c55e;
}
.kip-magaza-btn-edit:hover {
    background: rgba(34,197,94,0.18);
    border-color: rgba(34,197,94,0.45);
}

/* Mağaza açıklaması */
.kip-magaza-note {
    margin-top: 14px;
    padding: 12px 16px;
    background: rgba(255,255,255,0.02);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.04);
    font-size: 12.5px;
    color: var(--text-muted, #cbd5e1);
    line-height: 1.6;
}

/* Filtre & Toggle bar */
.kip-magaza-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.kip-magaza-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}
.kip-magaza-search {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}
.kip-magaza-search input {
    width: 100%;
    padding: 8px 36px 8px 14px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    color: var(--text-primary, #e5e7eb);
    font-size: 12.5px;
    outline: none;
    transition: border 0.15s;
}
.kip-magaza-search input:focus {
    border-color: var(--accent, #f59e0b);
}
.kip-magaza-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--text-dim, #94a3b8);
    cursor: pointer;
    padding: 2px;
    display: none;
}
.kip-magaza-multi-toggle {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 9px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    color: var(--text-dim, #94a3b8);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}
.kip-magaza-multi-toggle:hover {
    border-color: rgba(245,158,11,0.3);
    color: var(--text-primary, #e5e7eb);
}
.kip-magaza-multi-toggle.active {
    background: rgba(245,158,11,0.12);
    border-color: rgba(245,158,11,0.38);
    color: #f59e0b;
}

/* Items Grid - hologram koleksiyonu ile ayni minmax/dispozisyon */
.kip-magaza-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 18px;
}

/* === Mağaza Item Kartı — Hologram koleksiyonu kart yapısı ===
   Hologram-collection.css'teki .character-card konsepti
   (media + body) mağaza item'larına uyarlandı. Görsel olmadigi
   icin media bölümünde kategori-tintli radial glow + ortada
   item bas-harfi (initials) hologram tarzı duser. Hover'da
   alt halka doner + tastan-gecen scan cizgisi animasyonu calisir.
   Renk paleti marka amber yerine cyan-holo ile ayni (bkz.
   hologram-collection.css --hc-holo-* tokenleri), sayfa geneli
  yle tutarli. */
.kip-magaza-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    cursor: default;
    border: 1px solid var(--border-default);
    background: linear-gradient(160deg, var(--bg-card), var(--bg-card-bottom));
    border-radius: 16px;
    box-shadow: var(--shadow-card);
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 0.28s, box-shadow 0.28s;
    outline: none;
}
.kip-magaza-card:hover,
.kip-magaza-card:focus-within {
    transform: translateY(-6px);
    border-color: var(--accent);
    box-shadow: var(--shadow-card), 0 0 18px rgba(245,158,11,0.16);
}
/* Kategori tint'i (sol kenarlik yerine media radial glow) */
.kip-magaza-card[data-category="ITEM"] { --kip-ds-tint: rgba(0,177,255,0.18); --kip-ds-ink: var(--accent-light); }
.kip-magaza-card[data-category="GOLD_BAR"] { --kip-ds-tint: rgba(234,179,8,0.22); --kip-ds-ink: #fde047; }
.kip-magaza-card[data-category="CYPHER_RING"] { --kip-ds-tint: rgba(168,85,247,0.22); --kip-ds-ink: #e9d5ff; }

/* MEDIA bölümü - hologram kartındaki .character-card-media karsiligi.
   Sabit yukseklik, alt-orta hologram platform + radial glow.
   Görsel yok; ortada initials avatar. */
.kip-magaza-card-media {
    position: relative;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(ellipse at 50% 100%, var(--kip-ds-tint, rgba(0,177,255,0.14)) 0%, transparent 70%);
}
/* Media içine hafif scan texture (hologram stage::before gibi) */
.kip-magaza-card-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(
        0deg, transparent 0, transparent 3px,
        rgba(0,177,255,0.04) 3px, rgba(0,177,255,0.04) 4px
    );
    pointer-events: none;
}
/* Item görseli (item kütüphanesinden resolve edilen image_path) —
   hologram kart media bölümünde ortada duser. Görsellerin uzantısı .gif
   olsa da içerik aslında PNG, opak ve koyu zeminli degil (köşe pikselleri
   renkli) — bu yüzden mix-blend-mode:screen KULLANILMAZ (opak görseli
   additive blend edip koyu bg'de yok eder). Bunun yerine net render:
   hafif drop-shadow ile hologram-glow hissi. Hover'da scale. */
.kip-magaza-card-img {
    position: relative;
    z-index: 1;
    max-height: 124px;
    max-width: 78%;
    width: auto;
    object-fit: contain;
    transition: transform 0.32s ease;
    filter:
        drop-shadow(0 0 8px rgba(0, 179, 255, 0.30))
        drop-shadow(0 0 18px rgba(0, 119, 255, 0.14));
}
.kip-magaza-card:hover .kip-magaza-card-img {
    transform: scale(1.06) translateY(-2px);
}

/* Initials avatar (item bas harfi) - hologram ortasinda yuzer.
   Görsel varken alt katmanda gizli durur (img ustte); img yuklenemezse
   (onerror -> display:none) alttaki initials kendiliginden gorunur.
   Media .kip-magaza-card-media position:relative + flex-center; absolute
   elementi ortalama: top/left 50% + translate(-50%,-50%). */
.kip-magaza-card-initials {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 900;
    color: var(--kip-ds-ink, var(--accent-light));
    text-shadow: 0 0 14px var(--kip-ds-tint, rgba(0,177,255,0.4));
    border: 1.5px solid var(--kip-ds-ink, var(--accent-light));
    box-shadow: 0 0 18px var(--kip-ds-tint, rgba(0,177,255,0.4)),
                inset 0 0 10px rgba(0,0,0,0.2);
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.05), transparent 60%);
    animation: kipDsIdleAbs 4.5s ease-in-out infinite;
    z-index: 0;
}
@keyframes kipDsIdleAbs {
    0%, 100% { transform: translate(-50%, -50%) translateY(0) scale(1); }
    50% { transform: translate(-50%, -50%) translateY(-4px) scale(1.015); }
}
/* Alt hologram platform halkasi (hover'da doner) */
.kip-magaza-card-ring {
    position: absolute;
    bottom: 14px;
    left: 50%;
    width: 58%;
    height: 12px;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 1.5px solid var(--kip-ds-ink, var(--accent-light));
    opacity: 0.55;
    box-shadow: 0 0 12px var(--kip-ds-tint, rgba(0,177,255,0.4));
}
.kip-magaza-card:hover .kip-magaza-card-ring {
    animation: kipDsRingSpin 3.4s linear infinite;
}
@keyframes kipDsRingSpin {
    from { transform: translateX(-50%) rotate(0deg) scaleY(0.3); }
    to { transform: translateX(-50%) rotate(360deg) scaleY(0.3); }
}
/* Scan cizgisi - hover animasyon */
.kip-magaza-card-media::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -20%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--kip-ds-ink, var(--accent-light)), transparent);
    opacity: 0;
    filter: blur(0.5px);
}
.kip-magaza-card:hover .kip-magaza-card-media::after {
    animation: kipDsScan 1.5s ease-in-out infinite;
}
@keyframes kipDsScan {
    0% { top: -10%; opacity: 0; }
    15% { opacity: 0.85; }
    85% { opacity: 0.85; }
    100% { top: 110%; opacity: 0; }
}
/* Sol ust seviye rozeti (+8, +1 Reb vb.) - hologram rarity rozetinin karsiligi */
.kip-magaza-card-level {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--kip-ds-ink, var(--accent-light)), rgba(0,0,0,0.3));
    color: #0a0a0a;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
/* Sag ust: stok-disi rozeti / checkbox (coklu secim) */
.kip-magaza-card-flag {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
}
.kip-magaza-card-unavailable {
    background: rgba(100,116,139,0.22);
    color: #cbd5e1;
    border: 1px solid rgba(148,163,184,0.4);
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}
/* Coklu secim checkbox - media üstünde, sadece multi-active'de */
.kip-magaza-card-select { display: none; }
.magaza-multi-active .kip-magaza-card-select {
    display: flex;
    align-items: center;
}
.kip-magaza-card-checkbox {
    width: 18px; height: 18px;
    accent-color: var(--accent);
    cursor: pointer;
}
/* BODY bölümü - hologram kart .character-card-body karsiligi */
.kip-magaza-card-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}
.kip-magaza-card-name {
    font-size: 15px;
    font-weight: 800;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.kip-magaza-card-price {
    font-size: 14px;
    font-weight: 800;
    color: #22c55e;
    margin: 0;
}
.kip-magaza-card-price.offer { color: var(--accent); }
.kip-magaza-card-meta {
    font-size: 11px;
    color: var(--text-secondary);
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.kip-magaza-card-meta .kip-magaza-card-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--accent-light);
    background: var(--color-brand-bg);
    border-radius: 5px;
    padding: 2px 7px;
}
.kip-magaza-card-desc {
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 2px 0 0 0;
    flex: 1;
}
.kip-magaza-card-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--accent-light);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 9px;
    margin-top: 6px;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
    width: 100%;
}
.kip-magaza-card-cta:hover:not(:disabled) {
    border-color: var(--accent);
    background: var(--color-brand-bg);
    box-shadow: 0 0 12px rgba(245,158,11,0.18);
}
.kip-magaza-card-cta:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    color: var(--text-faint);
}

/* Vazgeç/İptal + edit-mode toggle butonu - hologram CTA degil,
   ikincil/ikincil-aksiyon butonu. Yesil accent (Stoğa Al) veya
   inline style ile override edilen gri (Vazgeç). */
.kip-magaza-btn-buy {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    border-radius: var(--radius-control);
    font-size: 12px;
    font-weight: 700;
    border: 1px solid rgba(34,197,94,0.3);
    background: rgba(34,197,94,0.1);
    color: var(--green);
    cursor: pointer;
    transition: all 0.15s;
}
.kip-magaza-btn-buy:hover {
    background: rgba(34,197,94,0.2);
    border-color: rgba(34,197,94,0.5);
}

/* Kategori rozeti - Canli Pazar Akisi (market.js) kullaniyor;
   magaza kartlarinda kullanilmiyor ama MarketPost kartinda yeson. */
.kip-cat-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    vertical-align: middle;
}
.kip-cat-badge.kip-cat-item { background: rgba(245,158,11,0.12); color: #fbbf24; border: 1px solid rgba(245,158,11,0.3); }
.kip-cat-badge.kip-cat-gb { background: rgba(234,179,8,0.15); color: #fde047; border: 1px solid rgba(234,179,8,0.35); }
.kip-cat-badge.kip-cat-cr { background: rgba(168,85,247,0.18); color: #e9d5ff; border: 1px solid rgba(168,85,247,0.4); }

/* Sticky Bottom Bar (toplu fiyat al) */
.kip-magaza-sticky-bar {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 120;
    display: none;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: var(--bg-nav);
    border: 1px solid rgba(245,158,11,0.28);
    border-radius: 14px;
    box-shadow: var(--shadow-card-hover);
}
.kip-magaza-sticky-bar.visible {
    display: flex;
}
.kip-magaza-sticky-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary, #e5e7eb);
    white-space: nowrap;
}
.kip-magaza-sticky-count {
    color: #f59e0b;
}
.kip-magaza-sticky-btn {
    padding: 9px 22px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #1a1a1a;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}
.kip-magaza-sticky-btn:hover {
    background: linear-gradient(135deg, #d97706, #b45309);
    box-shadow: 0 2px 10px rgba(245,158,11,0.3);
}

/* Edit mode (pazarcı kendi sayfası) - kart hologram yapisinda,
   body'nin ustune inline edit input'lari bindirilir. */
.kip-magaza-edit-card {
    border: 1px dashed rgba(34,197,94,0.35);
}
.kip-magaza-edit-card .kip-magaza-card-media {
    opacity: 0.55;
}
.kip-magaza-edit-input,
.kip-magaza-edit-select {
    background: var(--bg-input);
    border: 1px solid var(--border-default);
    border-radius: 6px;
    padding: 5px 8px;
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    width: 100%;
}
.kip-magaza-edit-input:focus,
.kip-magaza-edit-select:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(245,158,11,0.15);
}
.kip-magaza-edit-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: center;
}
.kip-magaza-edit-row .kip-magaza-edit-input,
.kip-magaza-edit-row .kip-magaza-edit-select { width: 100%; }
.kip-magaza-edit-label {
    font-size: 10px;
    font-weight: 700;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 3px;
    display: block;
}
.kip-magaza-edit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 6px;
}
.kip-magaza-edit-grid .kip-magaza-edit-field { display: flex; flex-direction: column; }
.kip-magaza-card-edit-actions {
    display: flex;
    gap: 6px;
    margin-top: 10px;
}
.kip-magaza-btn-save {
    background: rgba(34,197,94,0.12);
    border: 1px solid rgba(34,197,94,0.3);
    color: #22c55e;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}
.kip-magaza-btn-del {
    background: rgba(239,68,68,0.08);
    border: 1px solid rgba(239,68,68,0.18);
    color: #ef4444;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

/* Add New Item Form */
.kip-magaza-add-form {
    background: rgba(34,197,94,0.03);
    border: 1px dashed rgba(34,197,94,0.2);
    border-radius: 14px;
    padding: 20px;
    margin-top: 20px;
    display: none;
}
.kip-magaza-add-form.visible {
    display: block;
}
.kip-magaza-form-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 10px;
    align-items: end;
}
.kip-magaza-form-row input, .kip-magaza-form-row select {
    padding: 8px 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 12.5px;
    outline: none;
}
.kip-magaza-form-row input:focus, .kip-magaza-form-row select:focus {
    border-color: var(--accent, #f59e0b);
}

.kip-magaza-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 56px 20px;
    color: var(--text-dim);
    font-size: 13px;
}
.kip-magaza-empty h3 {
    font-size: 16px;
    color: var(--text-primary);
    margin-bottom: 8px;
}


/* ==========================================================
   YILDIZ / RATING SİSTEMİ (Mağaza puanları)
   17 Temmuz 2026
   ========================================================== */

.kip-rating-card {
    background: var(--panel-bg, #13131c);
    border: 1px solid var(--border-default, rgba(255,255,255,0.06));
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 24px;
}
.kip-rating-card-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
.kip-rating-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.kip-rating-big-stat {
    font-size: 26px;
    font-weight: 800;
    color: var(--accent, #f59e0b);
    line-height: 1;
}
.kip-rating-count-meta {
    font-size: 12px;
    color: var(--text-dim, #94a3b8);
}
.kip-rating-action-area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}
.kip-rating-form {
    background: rgba(245,158,11,0.04);
    border: 1px solid rgba(245,158,11,0.15);
    border-radius: 10px;
    padding: 12px 14px;
    min-width: 280px;
}
.kip-rating-form textarea {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 7px;
    color: var(--text-primary);
    font-size: 12px;
    padding: 6px 8px;
    outline: none;
    resize: vertical;
}
.kip-rating-form textarea:focus {
    border-color: var(--accent, #f59e0b);
}
.kip-rating-guard {
    font-size: 11px;
    color: var(--text-faint, #64748b);
    text-align: right;
    max-width: 280px;
    line-height: 1.4;
}

/* Yıldız input */
.kip-star-input {
    display: inline-flex;
    gap: 2px;
    margin-top: 4px;
    font-size: 22px;
    line-height: 1;
    user-select: none;
}
.kip-star-input span {
    color: rgba(255,255,255,0.18);
    cursor: pointer;
    transition: color 0.1s;
}
.kip-star-input span:hover,
.kip-star-input span.kip-star-on,
.kip-star-input.hover-1 span:nth-child(-n+1),
.kip-star-input.hover-2 span:nth-child(-n+2),
.kip-star-input.hover-3 span:nth-child(-n+3),
.kip-star-input.hover-4 span:nth-child(-n+4),
.kip-star-input.hover-5 span:nth-child(-n+5) {
    color: #f59e0b;
}

/* Inline yıldız (hero stat + summary) */
.kip-rating-stars-sm {
    position: relative;
    display: inline-block;
    font-size: 14px;
    width: 70px;
    height: 14px;
    line-height: 1;
}
.kip-rating-stars-sm::before {
    content: "★★\A★\A★\A★";
    white-space: pre;
    color: rgba(255,255,255,0.18);
    letter-spacing: 1px;
    display: block;
}
.kip-rating-stars-sm .kip-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    white-space: pre;
    color: #f59e0b;
    letter-spacing: 1px;
    width: 0;
    display: block;
}
.kip-rating-stars-sm::before,
.kip-rating-stars-sm .kip-star-fill {
    content: "★ ★ ★ ★ ★";
    display: block;
}

.kip-rating-stars-big {
    position: relative;
    display: inline-block;
    font-size: 22px;
    width: 110px;
    height: 22px;
    line-height: 1;
}
.kip-rating-stars-big::before {
    content: "★ ★ ★ ★ ★";
    color: rgba(255,255,255,0.18);
    letter-spacing: 2px;
    display: block;
}
.kip-rating-stars-big .kip-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    white-space: pre;
    color: #f59e0b;
    letter-spacing: 2px;
    width: 0;
}
.kip-rating-stars-big::before,
.kip-rating-stars-big .kip-star-fill {
    content: "★ ★ ★ ★ ★";
    display: block;
}
.kip-rating-stat .kip-star-fill { color: #f59e0b; }

.kip-rating-stat {
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 8px;
    background: rgba(245,158,11,0.08);
    border: 1px solid rgba(245,158,11,0.18);
    color: var(--text-muted, #cbd5e1);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.kip-rating-stat strong {
    color: #f59e0b;
    font-weight: 700;
}

/* Son değerlendirmeler */
.kip-rating-recent {
    margin-top: 14px;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-top: 12px;
}
.kip-rating-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(255,255,255,0.05);
}
.kip-rating-item:last-child { border-bottom: none; }
.kip-rating-item-stars {
    font-size: 12px;
    color: #f59e0b;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
.kip-rating-item-meta {
    font-size: 11px;
    color: var(--text-faint, #64748b);
    margin-bottom: 4px;
}
.kip-rating-item-comment {
    font-size: 12.5px;
    color: var(--text-muted, #cbd5e1);
    line-height: 1.5;
    font-style: italic;
}
.kip-rating-empty {
    font-size: 12px;
    color: var(--text-faint);
    text-align: center;
    padding: 12px 0;
}

.kip-magaza-stat.kip-rating-stat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 768px) {
    .kip-rating-card-header {
        grid-template-columns: 1fr;
    }
    .kip-rating-action-area {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .kip-magaza-grid {
        grid-template-columns: 1fr;
    }
    .kip-magaza-hero {
        padding: 20px 16px;
    }
    .kip-magaza-form-row {
        grid-template-columns: 1fr 1fr;
    }
}

/* =====================================================
   AI ADVISOR FLOATING WIDGET (AYKNIGHT Akilli Danisman)
   ===================================================== */

.kip-ai-widget {
    position: fixed;
    /* Auth (giris) floating widget de sag-alt kosede (bottom:24/right:24,
       z-index:90) - onun ustune binmemek icin daha yukarida konumlandirildi. */
    bottom: 96px;
    right: 24px;
    z-index: 95;
    font-family: 'Poppins', sans-serif;
}

.kip-ai-toggle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid rgba(168, 85, 247, 0.45);
    background: var(--bg-card);
    color: #c084fc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(168, 85, 247, 0.28);
    transition: all 0.25s ease;
    animation: aiPulse 2.5s ease-in-out infinite;
    overflow: hidden;
    padding: 0;
}

.kip-ai-toggle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.kip-ai-toggle:hover {
    transform: scale(1.1);
    border-color: #a855f7;
    box-shadow: 0 6px 28px rgba(168, 85, 247, 0.5);
}

@keyframes aiPulse {
    0%, 100% { box-shadow: 0 4px 20px rgba(168, 85, 247, 0.28); }
    50% { box-shadow: 0 4px 28px rgba(168, 85, 247, 0.5); }
}

.kip-ai-panel {
    position: absolute;
    bottom: 76px;
    right: 0;
    width: 460px;
    max-width: calc(100vw - 32px);
    height: 640px;
    max-height: 80vh;
    background: var(--bg-card);
    border: 1px solid rgba(168, 85, 247, 0.3);
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.kip-ai-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.18), rgba(168, 85, 247, 0.04));
    border-bottom: 1px solid rgba(168, 85, 247, 0.25);
}

.kip-ai-header-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #f1f1f5);
}

.kip-ai-header-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 6px #22c55e;
}

.kip-ai-close {
    background: none;
    border: none;
    color: var(--text-dim, #9ca3af);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

.kip-ai-close:hover {
    color: var(--text-primary);
}

.kip-ai-usage {
    padding: 6px 16px;
    font-size: 11px;
    color: var(--text-dim, #9ca3af);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.kip-ai-messages {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kip-ai-msg {
    max-width: 88%;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    word-wrap: break-word;
}

.kip-ai-msg-bot {
    align-self: flex-start;
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.2);
    color: var(--text-primary, #f1f1f5);
    border-bottom-left-radius: 4px;
}

.kip-ai-msg-user {
    align-self: flex-end;
    background: var(--accent, #f59e0b);
    color: #1a1a1a;
    border-bottom-right-radius: 4px;
    font-weight: 500;
}

.kip-ai-msg-note {
    align-self: center;
    font-size: 11px;
    color: var(--text-dim, #9ca3af);
    font-style: italic;
}

.kip-ai-typing {
    display: flex;
    gap: 4px;
    padding: 0 16px 8px;
}

.kip-ai-typing span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c084fc;
    animation: aiTypingBounce 1.2s infinite ease-in-out;
}

.kip-ai-typing span:nth-child(2) { animation-delay: 0.15s; }
.kip-ai-typing span:nth-child(3) { animation-delay: 0.3s; }

@keyframes aiTypingBounce {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
    30% { transform: translateY(-4px); opacity: 1; }
}

.kip-ai-input-row {
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.kip-ai-input {
    flex: 1;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
    color: var(--text-primary, #f1f1f5);
    outline: none;
}

.kip-ai-input:focus {
    border-color: rgba(168, 85, 247, 0.5);
}

.kip-ai-send {
    background: #a855f7;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.kip-ai-send:hover:not(:disabled) {
    background: #9333ea;
}

.kip-ai-send:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.kip-ai-disclaimer {
    padding: 4px 16px 10px;
    font-size: 10px;
    color: var(--text-dim, #9ca3af);
    text-align: center;
}

/* Hizli secenek butonlari (quick replies) - modelin sundugu
   numarali secenekleri tiklanabilir hale getirir. */
.kip-ai-quick-replies {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: -2px 0 4px;
    padding-left: 4px;
}

.kip-ai-quick-reply-btn {
    font-size: 12px;
    font-weight: 600;
    color: #a855f7;
    background: rgba(168, 85, 247, 0.1);
    border: 1px solid rgba(168, 85, 247, 0.35);
    border-radius: 999px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
    max-width: 100%;
    text-align: left;
}

.kip-ai-quick-reply-btn:hover:not(:disabled) {
    background: rgba(168, 85, 247, 0.2);
    transform: translateY(-1px);
}

.kip-ai-quick-reply-btn:disabled {
    opacity: 0.45;
    cursor: default;
}

.kip-ai-quick-replies-used .kip-ai-quick-reply-btn:not(:disabled) {
    display: none;
}

@media (max-width: 480px) {
    .kip-ai-panel {
        width: calc(100vw - 24px);
        right: -12px;
    }
}

/* ================================================================
 * HOLOGRAM SURFACE TOKENLARI (paylasilan)
 * — Finans merkez kartlari, raporlar, sohbet balonlari ve tıklanabilir
 *   butonlarin hologram görünüm için ortak katmanlar.
 * ================================================================ */
:root {
    --holo-surface-bg:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(0,0,0,0.08) 100%),
        repeating-linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 24px),
        var(--bg-card);
    --holo-surface-border: rgba(0, 177, 255, 0.22);
    --holo-surface-shadow: 0 0 16px rgba(0, 152, 255, 0.10), inset 0 0 6px rgba(0, 177, 255, 0.04);
    --holo-surface-shadow-hover: 0 0 24px rgba(0, 152, 255, 0.22), inset 0 0 10px rgba(0, 177, 255, 0.08);
}

/* Hologram kart (finans merkez + raporlar + genel bakış) */
.kip-holo-surface {
    background: var(--holo-surface-bg) !important;
    border: 1px solid var(--holo-surface-border) !important;
    box-shadow: var(--holo-surface-shadow) !important;
    position: relative;
    overflow: hidden;
}
.kip-holo-surface::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.55), transparent);
    transition: top 0.5s ease;
    pointer-events: none;
}
.kip-holo-surface:hover { box-shadow: var(--holo-surface-shadow-hover) !important; border-color: rgba(0, 177, 255, 0.42) !important; }
.kip-holo-surface:hover::after { top: 100%; }

/* Hologram buton (paylasilan hover scan efekti) — tıklanabilir butonlar */
.kip-holo-btn {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.08), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(0, 177, 255, 0.32) !important;
    box-shadow: 0 0 12px rgba(0,177,255,0.1), inset 0 0 8px rgba(0,177,255,0.05) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}
.kip-holo-btn::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.8), transparent);
    transition: top 0.45s ease;
    pointer-events: none;
}
.kip-holo-btn:hover {
    border-color: rgba(0, 177, 255, 0.65) !important;
    box-shadow: 0 0 20px rgba(0, 177, 255, 0.3), inset 0 0 12px rgba(0, 177, 255, 0.1) !important;
    transform: translateY(-1px);
}
.kip-holo-btn:hover::before { top: 100%; }

/* Hologram buton — amber (marka CTA) */
.kip-holo-btn-amber {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.18), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.06) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: var(--accent-light, #fbbf24) !important;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.16), inset 0 0 8px rgba(245, 158, 11, 0.06) !important;
}
.kip-holo-btn-amber::before {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.9), transparent) !important;
}
.kip-holo-btn-amber:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    box-shadow: 0 0 24px rgba(245, 158, 11, 0.32), inset 0 0 14px rgba(245, 158, 11, 0.12) !important;
    color: #fff !important;
}

/* Hologram label — chat msg sender name + feature labels */
.kip-holo-label {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #ffd76a, #ffb020);
    color: #1a1108;
    box-shadow: 0 1px 6px rgba(255,176,32,0.45);
    white-space: nowrap;
}
.kip-holo-label-blue  { background: linear-gradient(135deg, var(--hc-holo-bright, #5bd8ff), var(--hc-holo-primary, #00a9f4)); color: #03101a; box-shadow: 0 1px 6px rgba(56,189,248,0.45); }
.kip-holo-label-purple { background: linear-gradient(135deg, #c58bff, #8b5cf6); color: #fff; box-shadow: 0 1px 6px rgba(168,85,247,0.45); }
.kip-holo-label-green { background: linear-gradient(135deg, #4ade80, #22c55e); color: #052e16; box-shadow: 0 1px 6px rgba(34,197,94,0.45); }

/* ================================================================
 * FINANS MERKEZ — hologram kartları (override)
 * ================================================================ */
.kip-fin-card,
.kip-fin-card-primary,
.kip-fin-card-sm,
.kip-fin-report-card,
.kip-fin-sidebyside-card {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.05) 0%, rgba(0,0,0,0.10) 100%),
        repeating-linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 24px),
        var(--bg-card) !important;
    border: 1px solid var(--holo-surface-border) !important;
    box-shadow: var(--holo-surface-shadow) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}
.kip-fin-card-primary:hover,
.kip-fin-report-card:hover,
.kip-fin-sidebyside-card:hover {
    box-shadow: var(--holo-surface-shadow-hover) !important;
    border-color: rgba(0, 177, 255, 0.42) !important;
}

/* Finans butonalari — holo varyant */
.kip-magaza-hero-btn.kip-magaza-btn-edit,
.kip-magaza-hero-btn.kip-magaza-btn-primary,
.kip-fin-row-btn,
.kip-fin-add-item-btn,
.kip-fin-saletype-btn,
.kip-magaza-card-cta:not(:disabled),
.kip-magaza-btn-buy,
.kip-ds-action-chat {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.08), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(0, 177, 255, 0.32) !important;
    box-shadow: 0 0 12px rgba(0,177,255,0.1), inset 0 0 8px rgba(0,177,255,0.05) !important;
    color: var(--text-primary, #fff) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}
.kip-magaza-hero-btn.kip-magaza-btn-edit::before,
.kip-magaza-hero-btn.kip-magaza-btn-primary::before,
.kip-fin-row-btn::before,
.kip-fin-add-item-btn::before,
.kip-magaza-card-cta:not(:disabled)::before,
.kip-magaza-btn-buy::before,
.kip-ds-action-chat::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.8), transparent);
    transition: top 0.45s ease;
    pointer-events: none;
}
.kip-magaza-hero-btn.kip-magaza-btn-edit:hover,
.kip-magaza-hero-btn.kip-magaza-btn-primary:hover,
.kip-fin-row-btn:hover,
.kip-fin-add-item-btn:hover,
.kip-magaza-card-cta:not(:disabled):hover,
.kip-magaza-btn-buy:hover,
.kip-ds-action-chat:hover {
    border-color: rgba(0, 177, 255, 0.65) !important;
    box-shadow: 0 0 20px rgba(0, 177, 255, 0.3), inset 0 0 12px rgba(0, 177, 255, 0.1) !important;
    transform: translateY(-1px);
}
.kip-magaza-hero-btn.kip-magaza-btn-edit:hover::before,
.kip-magaza-hero-btn.kip-magaza-btn-primary:hover::before,
.kip-fin-row-btn:hover::before,
.kip-fin-add-item-btn:hover::before,
.kip-magaza-card-cta:not(:disabled):hover::before,
.kip-magaza-btn-buy:hover::before,
.kip-ds-action-chat:hover::before { top: 100%; }

/* Amber varyant: mağaza primary, magaza edit, finans buy button */
.kip-magaza-hero-btn.kip-magaza-btn-primary,
.kip-fin-saletype-btn.kip-fin-saletype-active {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.18), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.06) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: var(--accent-light, #fbbf24) !important;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.16), inset 0 0 8px rgba(245, 158, 11, 0.06) !important;
}
.kip-magaza-hero-btn.kip-magaza-btn-primary::before {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.9), transparent) !important;
}
.kip-magaza-hero-btn.kip-magaza-btn-primary:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    box-shadow: 0 0 24px rgba(245, 158, 11, 0.32), inset 0 0 14px rgba(245, 158, 11, 0.12) !important;
    color: #fff !important;
}

/* Finans filter chip'leri (kip-filter-chip) — holo ile çakışmasın */
.kip-filter-chip.kip-filter-chip-active {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.14), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.06) 0 1px, transparent 1px 10px) !important;
    border: 1px solid rgba(0, 177, 255, 0.55) !important;
    color: #5bd8ff !important;
    box-shadow: 0 0 14px rgba(0, 177, 255, 0.22) !important;
}

/* Moderasyon tab'ları — holo buton görünümü */
.kip-mod-tab {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--text-dim) !important;
    position: relative;
    overflow: hidden;
}
.kip-mod-tab:hover {
    background: rgba(0, 177, 255, 0.06) !important;
    color: var(--text-primary) !important;
    border-color: rgba(0, 177, 255, 0.25) !important;
}
.kip-mod-tab-active {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.12), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.05) 0 1px, transparent 1px 12px) !important;
    color: #5bd8ff !important;
    border: 1px solid rgba(0, 177, 255, 0.5) !important;
    box-shadow: 0 0 16px rgba(0, 177, 255, 0.2), inset 0 0 8px rgba(0, 177, 255, 0.08) !important;
}
.kip-mod-tab-active::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.85), transparent);
    transition: top 0.5s ease;
}
.kip-mod-tab-active:hover::before { top: 100%; }

/* ================================================================
 * SOHBET — kullanıcı isimleri hologram label olarak
 * ================================================================ */
/* Mesaj balonunda gönderici adı — holo label */
.kip-chat-msg-sender {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 3px;
    background: linear-gradient(135deg, #ffd76a, #ffb020);
    color: #1a1108;
    box-shadow: 0 1px 6px rgba(255,176,32,0.4);
}
.kip-chat-msg-mine .kip-chat-msg-sender {
    background: linear-gradient(135deg, #5bd8ff, #00a9f4) !important;
    color: #03101a !important;
    box-shadow: 0 1px 6px rgba(56,189,248,0.4) !important;
}

/* Mesaj balonları — holo grid alt katman */
.kip-chat-msg-bubble {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(0,0,0,0.06) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.03) 0 1px, transparent 1px 14px),
        var(--bg-card) !important;
    border: 1px solid var(--holo-surface-border) !important;
    box-shadow: 0 0 10px rgba(0, 177, 255, 0.08), inset 0 0 4px rgba(0, 177, 255, 0.03) !important;
    position: relative;
    overflow: hidden;
}
.kip-chat-msg-mine .kip-chat-msg-bubble {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.06) 0%, rgba(0,0,0,0.08) 100%),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.04) 0 1px, transparent 1px 14px),
        var(--bg-card) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.1), inset 0 0 4px rgba(245, 158, 11, 0.04) !important;
}

/* Sohbet toggle butonu — holo varyant */
.kip-chat-toggle-btn,
.kip-chat-send-btn,
.kip-chat-become-dealer-btn,
.kip-chat-form-submit {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.10), rgba(8,12,22,0.45)),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.05) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(0, 177, 255, 0.35) !important;
    box-shadow: 0 0 14px rgba(0, 177, 255, 0.14), inset 0 0 8px rgba(0, 177, 255, 0.05) !important;
    color: var(--text-primary, #fff) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}
.kip-chat-toggle-btn:hover,
.kip-chat-send-btn:hover,
.kip-chat-become-dealer-btn:hover,
.kip-chat-form-submit:hover {
    border-color: rgba(0, 177, 255, 0.65) !important;
    box-shadow: 0 0 20px rgba(0, 177, 255, 0.3), inset 0 0 12px rgba(0, 177, 255, 0.1) !important;
    transform: translateY(-1px);
}
/* Amber accent (mağaza/birincil CTA): sohbet form submit butonu */
.kip-chat-form-submit {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.18), rgba(8,12,22,0.4)),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.06) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: var(--accent-light, #fbbf24) !important;
}
.kip-chat-form-submit:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    color: #fff !important;
    box-shadow: 0 0 24px rgba(245, 158, 11, 0.3), inset 0 0 14px rgba(245, 158, 11, 0.12) !important;
}


/* ============================================================
   SECTION 34.13 - HOLOGRAM PANEL SURFACES (Sohbet dealer_panel)
   ============================================================ */

/* Panel kartlari - hologram grid + cyan border + glow */
.kip-panel,
.kip-panel-surface {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.05) 0%, rgba(0,0,0,0.10) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        var(--bg-card, #030b14) !important;
    border: 1px solid rgba(0, 177, 255, 0.25) !important;
    box-shadow: 0 20px 40px -16px rgba(0,0,0,0.75), 0 0 20px rgba(0, 152, 255, 0.10), inset 0 0 8px rgba(0, 177, 255, 0.04) !important;
    position: relative;
}

/* Scan cizgisi hover - sohbet panelinde tarama efekti */
.kip-panel-surface::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.55), transparent);
    transition: top 0.6s ease;
    pointer-events: none;
    z-index: 1;
    border-radius: 16px 16px 0 0;
}
.kip-panel-surface:hover::before { top: 100%; }

/* Chat header - hologram alt-cizgi + grid bg */
.kip-chat-header {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.06) 0%, rgba(0,0,0,0.20) 100%),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 20px),
        var(--bg-card-bottom, #0a0f18) !important;
    border-bottom: 1px solid rgba(0, 177, 255, 0.28) !important;
    box-shadow: inset 0 -2px 8px rgba(0, 177, 255, 0.06) !important;
}

/* Chat messages kapsayici - grid bg + inset glow */
.kip-chat-messages {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.03) 0%, rgba(0,0,0,0.25) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.03) 0 1px, transparent 1px 32px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.03) 0 1px, transparent 1px 32px),
        var(--bg-card, #030b14) !important;
    box-shadow: inset 0 0 12px rgba(0, 177, 255, 0.05) !important;
}

/* Chat input area - hologram grid + cyan border */
.kip-chat-input-area {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.05) 0%, rgba(0,0,0,0.20) 100%),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 20px),
        var(--bg-card-bottom, #0a0f18) !important;
    border-top: 1px solid rgba(0, 177, 255, 0.28) !important;
    box-shadow: inset 0 2px 8px rgba(0, 177, 255, 0.06) !important;
}

/* Chat input text - hologram cerceve */
.kip-chat-input {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(8,12,22,0.5) 100%),
        var(--input-bg, #0a0f18) !important;
    border: 1px solid rgba(0, 177, 255, 0.28) !important;
    color: var(--text-primary) !important;
    box-shadow: inset 0 0 8px rgba(0, 177, 255, 0.05) !important;
    transition: all 0.2s ease;
}
.kip-chat-input:focus {
    border-color: rgba(0, 177, 255, 0.55) !important;
    box-shadow: 0 0 14px rgba(0, 177, 255, 0.22), inset 0 0 10px rgba(0, 177, 255, 0.08) !important;
    outline: none;
}
.kip-chat-input::placeholder { color: var(--text-faint) !important; }

/* Chat dealer avatar - hologram halka + glow */
.kip-chat-dealer-avatar {
    background:
        radial-gradient(circle, rgba(0,177,255,0.18) 0%, rgba(8,12,22,0.5) 70%),
        var(--bg-card-bottom, #0a0f18) !important;
    border: 1px solid rgba(0, 177, 255, 0.45) !important;
    color: #7dd3fc !important;
    box-shadow: 0 0 14px rgba(0, 177, 255, 0.22), inset 0 0 8px rgba(0, 177, 255, 0.10) !important;
    text-shadow: 0 0 8px rgba(0, 177, 255, 0.6) !important;
}

/* Chat online dot - pulse glow */
.kip-chat-online-dot {
    background: #22c55e !important;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.7), 0 0 16px rgba(34, 197, 94, 0.4) !important;
    border: 1px solid rgba(34, 197, 94, 0.6) !important;
}

/* Chat typing indicator - hologram label */
.kip-chat-typing {
    color: rgba(125, 211, 252, 0.85) !important;
    background:
        linear-gradient(180deg, rgba(0,177,255,0.06) 0%, rgba(0,0,0,0.20) 100%),
        var(--bg-card-bottom, #0a0f18) !important;
    border: 1px solid rgba(0, 177, 255, 0.28) !important;
    box-shadow: 0 0 12px rgba(0, 177, 255, 0.10), inset 0 0 6px rgba(0, 177, 255, 0.04) !important;
    text-shadow: 0 0 8px rgba(0, 177, 255, 0.4) !important;
}

/* Chat empty/welcome/loading - hologram cerceve */
.kip-chat-welcome,
.kip-chat-empty,
.kip-chat-loading {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(0,0,0,0.15) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.03) 0 1px, transparent 1px 24px),
        var(--bg-card, #030b14) !important;
    border: 1px solid rgba(0, 177, 255, 0.18) !important;
    box-shadow: inset 0 0 10px rgba(0, 177, 255, 0.04) !important;
}

/* Chat dealer card (sag panel liste) - hologram kart */
.kip-chat-dealer-card {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(0,0,0,0.15) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 20px),
        var(--bg-card-bottom, #0a0f18) !important;
    border: 1px solid rgba(0, 177, 255, 0.22) !important;
    box-shadow: 0 0 12px rgba(0, 177, 255, 0.08), inset 0 0 6px rgba(0, 177, 255, 0.04) !important;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}
.kip-chat-dealer-card::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.55), transparent);
    transition: top 0.45s ease;
    pointer-events: none;
}
.kip-chat-dealer-card:hover {
    border-color: rgba(0, 177, 255, 0.45) !important;
    box-shadow: 0 0 18px rgba(0, 177, 255, 0.22), inset 0 0 10px rgba(0, 177, 255, 0.08) !important;
    transform: translateY(-1px);
}
.kip-chat-dealer-card:hover::after { top: 100%; }
.kip-chat-dealer-card.active {
    border-color: rgba(245, 158, 11, 0.5) !important;
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.10) 0%, rgba(0,0,0,0.15) 100%),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.05) 0 1px, transparent 1px 20px),
        var(--bg-card-bottom, #0a0f18) !important;
    box-shadow: 0 0 18px rgba(245, 158, 11, 0.18), inset 0 0 10px rgba(245, 158, 11, 0.06) !important;
}
.kip-chat-dealer-card.active::after {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.75), transparent);
}

/* ============================================================
   SECTION 34.14 - CONTACT SAYFASI EKSTRA HOLO (back link)
   ============================================================ */
.back-link {
    color: rgba(125, 211, 252, 0.85) !important;
    text-shadow: 0 0 6px rgba(0, 177, 255, 0.4);
    transition: all 0.2s ease;
}
.back-link:hover {
    color: #7dd3fc !important;
    text-shadow: 0 0 12px rgba(0, 177, 255, 0.7);
}
/* ============================================================
   SECTION 34.15 - HOLOGRAM NAVBAR (ust bar)
   ============================================================ */

/* Sponsor banner - holo grid + amber border */
.kip-ad-top {
    background:
        linear-gradient(90deg, rgba(245,158,11,0.10) 0%, rgba(0,0,0,0.15) 50%, rgba(245,158,11,0.10) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        var(--bg-nav, #0a0f18) !important;
    border-bottom: 1px solid rgba(245, 158, 11, 0.35) !important;
    box-shadow: 0 0 16px rgba(245, 158, 11, 0.10), inset 0 -2px 6px rgba(0, 177, 255, 0.04) !important;
}

/* Ana nav kapsayici - holo grid + cyan alt-cizgi */
.kip-navbar-horizontal {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.06) 0%, rgba(0,0,0,0.20) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 28px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 28px),
        var(--bg-nav, #0a0f18) !important;
    border-bottom: 1px solid rgba(0, 177, 255, 0.28) !important;
    box-shadow: 0 4px 20px -8px rgba(0, 152, 255, 0.18), inset 0 -2px 8px rgba(0, 177, 255, 0.06) !important;
    position: relative;
}
/* Navbar altinda ince scan cizgisi animasyonu */
.kip-navbar-horizontal::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 177, 255, 0.55) 50%, transparent 100%);
    animation: kipNavScan 6s linear infinite;
    pointer-events: none;
}
@keyframes kipNavScan {
    0%   { transform: translateX(-100%); opacity: 0; }
    10%  { opacity: 1; }
    90%  { opacity: 1; }
    100% { transform: translateX(100%); opacity: 0; }
}

/* Nav tab satiri - holo grid + cyan border-top */
.kip-navbar-tabs-row {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(0,0,0,0.25) 100%),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.03) 0 1px, transparent 1px 24px),
        var(--bg-nav, #0a0f18) !important;
    border-top: 1px solid rgba(0, 177, 255, 0.18) !important;
    box-shadow: inset 0 2px 6px rgba(0, 177, 255, 0.04) !important;
}

/* Nav link'i - holo buton hover + active cyan glow */
.kip-nav-link {
    background: transparent !important;
    color: var(--text-muted) !important;
    position: relative;
    transition: all 0.25s ease;
    border-radius: 8px;
}
.kip-nav-link::before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.8), transparent);
    transition: left 0.3s ease, right 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    border-radius: 2px;
    pointer-events: none;
}
.kip-nav-link:hover {
    color: #7dd3fc !important;
    background:
        linear-gradient(180deg, rgba(0,177,255,0.08) 0%, rgba(0,0,0,0.10) 100%),
        var(--bg-nav, #0a0f18) !important;
    text-shadow: 0 0 8px rgba(0, 177, 255, 0.5);
}
.kip-nav-link:hover::before {
    left: 0; right: 0;
    opacity: 1;
}
.kip-nav-link.active {
    color: #7dd3fc !important;
    background:
        linear-gradient(180deg, rgba(0,177,255,0.12) 0%, rgba(0,0,0,0.10) 100%),
        var(--bg-nav, #0a0f18) !important;
    box-shadow: 0 0 14px rgba(0, 177, 255, 0.18), inset 0 0 8px rgba(0, 177, 255, 0.06) !important;
    text-shadow: 0 0 10px rgba(0, 177, 255, 0.7);
}
.kip-nav-link.active::before {
    left: 0; right: 0;
    opacity: 1;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 1), transparent);
    height: 2px;
}

/* Kullanici avatar - holo halka + cyan glow */
.kip-user-avatar {
    background:
        radial-gradient(circle, rgba(0,177,255,0.20) 0%, rgba(8,12,22,0.5) 70%),
        var(--bg-card-bottom, #1c1e25) !important;
    border: 1px solid rgba(0, 177, 255, 0.5) !important;
    color: #7dd3fc !important;
    box-shadow: 0 0 12px rgba(0, 177, 255, 0.28), inset 0 0 6px rgba(0, 177, 255, 0.10) !important;
    text-shadow: 0 0 8px rgba(0, 177, 255, 0.6) !important;
}

/* Ghost buton (tema toggle, Giris) - holo cerceve */
.kip-btn-ghost {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.04) 0%, rgba(8,12,22,0.4) 100%),
        var(--bg-card-bottom, #1c1e25) !important;
    border: 1px solid rgba(0, 177, 255, 0.3) !important;
    color: var(--text-secondary) !important;
    transition: all 0.2s ease;
    box-shadow: 0 0 10px rgba(0, 177, 255, 0.08), inset 0 0 6px rgba(0, 177, 255, 0.04) !important;
    position: relative;
    overflow: hidden;
}
.kip-btn-ghost:hover {
    border-color: rgba(0, 177, 255, 0.6) !important;
    color: #7dd3fc !important;
    box-shadow: 0 0 16px rgba(0, 177, 255, 0.22), inset 0 0 10px rgba(0, 177, 255, 0.08) !important;
}

/* Primary buton (Kayit Ol) - amber holo buton varyanti */
.kip-btn-primary {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.22) 0%, rgba(8,12,22,0.45) 100%),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.06) 0 1px, transparent 1px 12px),
        var(--bg-card-bottom, #1c1e25) !important;
    border: 1px solid rgba(245, 158, 11, 0.55) !important;
    color: var(--accent) !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, 0.20), inset 0 0 8px rgba(245, 158, 11, 0.06) !important;
    text-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}
.kip-btn-primary::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.85), transparent);
    transition: top 0.45s ease;
}
.kip-btn-primary:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    color: #fff !important;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.32), inset 0 0 12px rgba(245, 158, 11, 0.10) !important;
}
.kip-btn-primary:hover::before { top: 100%; }

/* Kullanici menu paneli (dropdown) - holo grid + cyan border */
.kip-user-menu-panel {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.06) 0%, rgba(0,0,0,0.30) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        var(--bg-nav, #0a0f18) !important;
    border: 1px solid rgba(0, 177, 255, 0.35) !important;
    box-shadow: 0 12px 32px -10px rgba(0,0,0,0.7), 0 0 24px rgba(0, 152, 255, 0.20), inset 0 0 10px rgba(0, 177, 255, 0.06) !important;
    backdrop-filter: blur(8px);
}

/* Menu item - holo hover */
.kip-user-menu-item {
    color: var(--text-secondary) !important;
    transition: all 0.2s ease;
    position: relative;
}
.kip-user-menu-item:hover {
    background:
        linear-gradient(90deg, rgba(0,177,255,0.10) 0%, rgba(0,0,0,0.10) 100%),
        var(--bg-card-bottom, #1c1e25) !important;
    color: #7dd3fc !important;
    text-shadow: 0 0 8px rgba(0, 177, 255, 0.5);
}
.kip-user-menu-item.is-danger:hover {
    background:
        linear-gradient(90deg, rgba(239,68,68,0.14) 0%, rgba(0,0,0,0.10) 100%),
        var(--bg-card-bottom, #1c1e25) !important;
    color: #fca5a5 !important;
    text-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}

/* Menu divider - cyan ince cizgi */
.kip-user-menu-divider {
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.28), transparent) !important;
}

/* Live badge - amber glow */
.kip-badge-live {
    color: #000 !important;
    background: linear-gradient(135deg, #ffd76a, #ffb020) !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.55) !important;
    border: 1px solid rgba(255, 215, 106, 0.6) !important;
    animation: kipLivePulse 2s ease-in-out infinite;
}
@keyframes kipLivePulse {
    0%, 100% { box-shadow: 0 0 8px rgba(245, 158, 11, 0.55); }
    50%      { box-shadow: 0 0 14px rgba(245, 158, 11, 0.85); }
}

/* Theme toggle icon - cyan glow */
#themeModeToggle svg {
    color: rgba(125, 211, 252, 0.85) !important;
    filter: drop-shadow(0 0 4px rgba(0, 177, 255, 0.4));
    transition: all 0.2s ease;
}
#themeModeToggle:hover svg {
    color: #7dd3fc !important;
    filter: drop-shadow(0 0 8px rgba(0, 177, 255, 0.7));
}
/* ============================================================
   SECTION 34.16 - HOLOGRAM PAZAR BUTONLARI + PAZARCI KARTLARI
   ============================================================ */

/* Paylasim Olustur butonu - amber holo primary buton */
.kip-market-create-btn {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.22) 0%, rgba(8,12,22,0.45) 100%),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.06) 0 1px, transparent 1px 12px),
        repeating-linear-gradient(90deg, rgba(245, 158, 11, 0.04) 0 1px, transparent 1px 24px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(245, 158, 11, 0.55) !important;
    color: var(--accent) !important;
    box-shadow: 0 0 16px rgba(245, 158, 11, 0.22), inset 0 0 8px rgba(245, 158, 11, 0.06) !important;
    text-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}
.kip-market-create-btn::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.85), transparent);
    transition: top 0.45s ease;
}
.kip-market-create-btn:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    color: #fff !important;
    box-shadow: 0 0 24px rgba(245, 158, 11, 0.34), inset 0 0 14px rgba(245, 158, 11, 0.10) !important;
    transform: translateY(-1px);
}
.kip-market-create-btn:hover::before { top: 100%; }
.kip-market-create-btn:active {
    transform: translateY(0);
}
.kip-market-create-btn svg {
    filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.5));
}

/* Pazar Istihbarati / Canli Pazar Akisi donus butonu - cyan holo nav */
.kip-market-nav-link {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.08) 0%, rgba(8,12,22,0.40) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 12px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 24px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(0, 177, 255, 0.40) !important;
    color: #7dd3fc !important;
    box-shadow: 0 0 14px rgba(0, 152, 255, 0.14), inset 0 0 8px rgba(0, 177, 255, 0.06) !important;
    text-shadow: 0 0 8px rgba(0, 177, 255, 0.45);
    transition: all 0.25s ease;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
}
.kip-market-nav-link::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.85), transparent);
    transition: top 0.45s ease;
}
.kip-market-nav-link:hover {
    border-color: rgba(0, 177, 255, 0.75) !important;
    color: #fff !important;
    box-shadow: 0 0 20px rgba(0, 152, 255, 0.30), inset 0 0 12px rgba(0, 177, 255, 0.10) !important;
    transform: translateY(-1px);
}
.kip-market-nav-link:hover::before { top: 100%; }
.kip-market-nav-link svg {
    filter: drop-shadow(0 0 4px rgba(0, 177, 255, 0.5));
    transition: filter 0.2s ease;
}
.kip-market-nav-link:hover svg {
    filter: drop-shadow(0 0 8px rgba(0, 177, 255, 0.85));
}

/* Pazarcilar kartinin kendisi - holo grid + cyan border + scan hover */
.kip-dealer-card {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.06) 0%, rgba(0,0,0,0.15) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 22px),
        repeating-linear-gradient(90deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 22px),
        var(--bg-card, #0a0f18) !important;
    border: 1px solid rgba(0, 177, 255, 0.28) !important;
    box-shadow: 0 0 16px rgba(0, 152, 255, 0.10), inset 0 0 8px rgba(0, 177, 255, 0.04) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
}
/* Scan cizgisi hoverda asagi iner */
.kip-dealer-card::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.7), transparent);
    transition: top 0.55s ease;
    pointer-events: none;
}
.kip-dealer-card:hover {
    border-color: rgba(0, 177, 255, 0.55) !important;
    box-shadow: 0 0 22px rgba(0, 152, 255, 0.24), inset 0 0 12px rgba(0, 177, 255, 0.08) !important;
    transform: translateY(-2px);
}
.kip-dealer-card:hover::after { top: 100%; }

/* Kendi magazasi (own) - amber vurgu varyanti */
.kip-dealer-card.kip-dealer-card-own {
    border-color: rgba(245, 158, 11, 0.45) !important;
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.10) 0%, rgba(0,0,0,0.15) 100%),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.05) 0 1px, transparent 1px 22px),
        repeating-linear-gradient(90deg, rgba(245, 158, 11, 0.05) 0 1px, transparent 1px 22px),
        var(--bg-card, #0a0f18) !important;
    box-shadow: 0 0 18px rgba(245, 158, 11, 0.18), inset 0 0 8px rgba(245, 158, 11, 0.05) !important;
}
.kip-dealer-card.kip-dealer-card-own::after {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.75), transparent);
}

/* Pazarcı kart butonlari - cyan holo butonlar */
.kip-dealer-card-link {
    background:
        linear-gradient(180deg, rgba(0,177,255,0.08) 0%, rgba(8,12,22,0.45) 100%),
        repeating-linear-gradient(0deg, rgba(0,177,255,0.04) 0 1px, transparent 1px 10px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(0, 177, 255, 0.38) !important;
    color: #7dd3fc !important;
    box-shadow: 0 0 10px rgba(0, 177, 255, 0.10), inset 0 0 6px rgba(0, 177, 255, 0.04) !important;
    text-shadow: 0 0 6px rgba(0, 177, 255, 0.4);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}
.kip-dealer-card-link::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 177, 255, 0.7), transparent);
    transition: top 0.4s ease;
}
.kip-dealer-card-link:hover {
    border-color: rgba(0, 177, 255, 0.7) !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(0, 177, 255, 0.24), inset 0 0 10px rgba(0, 177, 255, 0.08) !important;
    transform: translateY(-1px);
}
.kip-dealer-card-link:hover::after { top: 100%; }

/* Primary varyant - amber */
.kip-dealer-card-link-primary {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, 0.18) 0%, rgba(8,12,22,0.45) 100%),
        repeating-linear-gradient(0deg, rgba(245, 158, 11, 0.05) 0 1px, transparent 1px 10px),
        var(--bg-card-bottom, #171a21) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: var(--accent) !important;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.18), inset 0 0 6px rgba(245, 158, 11, 0.04) !important;
}
.kip-dealer-card-link-primary::after {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.75), transparent);
}
.kip-dealer-card-link-primary:hover {
    border-color: rgba(245, 158, 11, 0.8) !important;
    color: #fff !important;
    box-shadow: 0 0 18px rgba(245, 158, 11, 0.30), inset 0 0 10px rgba(245, 158, 11, 0.08) !important;
}