/* ============================================================================
   kaptchan — TASARIM SİSTEMİ v2.1
   Güncel, sıcak ve profesyonel; kaliteli bir mobil uygulama rahatlığında.
   Yazı: Figtree. Tek vurgu: Ege mavisi. Açık + koyu tema (data-mod).
   Tüm renkler DEĞİŞKEN - koyu temada hiçbir yüzey sabit beyaz kalmaz.
   Bu dosya her sayfada EN SON yüklenir.
   ============================================================================ */

html[data-tema="kurumsal"] {
    --yuzey: #FFFFFF;
    --bg: #F6F7FB;
    --panel: #FFFFFF;
    --card: #FFFFFF;
    --card-border: #E6E8EF;
    --cizgi-guclu: #D3D7E0;
    --murekkep: #111827;
    --text-main: #161E2E;
    --text-sub: #626B7F;
    --accent: #2563C9;
    --accent-koyu: #1D4FA3;
    --accent-glow: #EBF2FD;
    --accent-yazi: #FFFFFF;
    --green: #0E8F62;
    --green-glow: #E6F5EE;
    --green-kenar: #BFE5D2;
    --warning: #B86E00;
    --warning-glow: #FDF3E3;
    --danger: #D23B2F;
    --danger-glow: #FDECEA;
    --mor: #5B4BC4;
    --mor-glow: #F0EEFC;
    --yuzey-1: #FAFBFD;
    --yuzey-2: #F2F4F8;
    --yuzey-3: #E9ECF2;
    --yuzey-4: #D6DBE4;
    --yuzey-koyu: #F2F4F8;
    --girdi-zemin: #FFFFFF;
    --ikincil-dugme: #FFFFFF;
    --ikincil-dugme-yazi: #161E2E;
    --pano: #111827;          /* kalkış panosu saat bloğu */
    --pano-yazi: #FFFFFF;
    --golge-kart: 0 1px 2px rgba(17, 24, 39, 0.04), 0 4px 14px rgba(17, 24, 39, 0.05);
    --golge-pencere: 0 24px 60px rgba(17, 24, 39, 0.18);
    --perde: rgba(17, 24, 39, 0.45);
    --odak: rgba(37, 99, 201, 0.22);
    --r-kucuk: 8px;
    --r-kontrol: 10px;
    --r-panel: 14px;
    color-scheme: light;
}
html[data-tema="kurumsal"][data-mod="koyu"] {
    --yuzey: #161B26;
    --bg: #0D111A;
    --panel: #161B26;
    --card: #1A2030;
    --card-border: #273043;
    --cizgi-guclu: #333D52;
    --murekkep: #F1F4F9;
    --text-main: #E8ECF3;
    --text-sub: #98A2B6;
    --accent: #5B8DEF;
    --accent-koyu: #7AA2F5;
    --accent-glow: rgba(91, 141, 239, 0.14);
    --accent-yazi: #0D111A;
    --green: #3CC98E;
    --green-glow: rgba(60, 201, 142, 0.12);
    --green-kenar: rgba(60, 201, 142, 0.3);
    --warning: #F0B44C;
    --warning-glow: rgba(240, 180, 76, 0.12);
    --danger: #F0685E;
    --danger-glow: rgba(240, 104, 94, 0.12);
    --mor: #A99CF5;
    --mor-glow: rgba(169, 156, 245, 0.13);
    --yuzey-1: #1C2333;
    --yuzey-2: #212A3B;
    --yuzey-3: #2A3446;
    --yuzey-4: #3A4559;
    --yuzey-koyu: #1C2333;
    --girdi-zemin: #121722;
    --ikincil-dugme: #1C2333;
    --ikincil-dugme-yazi: #E8ECF3;
    --pano: #E8ECF3;
    --pano-yazi: #0D111A;
    --golge-kart: 0 1px 2px rgba(0, 0, 0, 0.3);
    --golge-pencere: 0 24px 60px rgba(0, 0, 0, 0.55);
    --perde: rgba(4, 6, 12, 0.66);
    --odak: rgba(91, 141, 239, 0.3);
    color-scheme: dark;
}

/* ---- Yazı ---- */
html[data-tema="kurumsal"] *, html[data-tema="kurumsal"] button, html[data-tema="kurumsal"] input,
html[data-tema="kurumsal"] select, html[data-tema="kurumsal"] textarea { font-family: 'Figtree', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
html[data-tema="kurumsal"] body { background: var(--bg) !important; color: var(--text-main); font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; font-feature-settings: 'tnum' 1; padding: 0 0 28px; transition: background-color .2s; }
html[data-tema="kurumsal"] *:not(.plaka-rozet) { text-transform: none !important; }
html[data-tema="kurumsal"] label, html[data-tema="kurumsal"] .form-group label, html[data-tema="kurumsal"] .alan > label,
html[data-tema="kurumsal"] .pd-alan label, html[data-tema="kurumsal"] .od-detay dt, html[data-tema="kurumsal"] .oda-detay dt,
html[data-tema="kurumsal"] .fb-liste dt, html[data-tema="kurumsal"] .pz-kart span, html[data-tema="kurumsal"] .oda-ozet-kart span,
html[data-tema="kurumsal"] .th-ozet-sol span, html[data-tema="kurumsal"] .kt-bolum-baslik, html[data-tema="kurumsal"] .form-bolum > header h4,
html[data-tema="kurumsal"] .pz-bolum h4, html[data-tema="kurumsal"] .paket-kutu-ust small { letter-spacing: 0 !important; font-weight: 600; }
html[data-tema="kurumsal"] .form-group label { font-size: 0.84rem; color: var(--text-sub); margin-bottom: 6px; }
html[data-tema="kurumsal"] .panel-hint, html[data-tema="kurumsal"] .alan-ipucu { color: var(--text-sub); }

/* ---- Degrade yok; yüzeyler yumuşak ---- */
html[data-tema="kurumsal"] .paket-kutu, html[data-tema="kurumsal"] .th-ozet, html[data-tema="kurumsal"] .pk-kart.onerilen,
html[data-tema="kurumsal"] .lp-hero, html[data-tema="kurumsal"] .lp-section { background-image: none !important; }
html[data-tema="kurumsal"] .panel-box, html[data-tema="kurumsal"] .job-card, html[data-tema="kurumsal"] .kayit-kart,
html[data-tema="kurumsal"] .pk-kart, html[data-tema="kurumsal"] .pz-bolum, html[data-tema="kurumsal"] .pz-kart,
html[data-tema="kurumsal"] .th-kart, html[data-tema="kurumsal"] .th-ozet, html[data-tema="kurumsal"] .oda-kart,
html[data-tema="kurumsal"] .oda-ozet-kart, html[data-tema="kurumsal"] .od-durum, html[data-tema="kurumsal"] .pd-kart,
html[data-tema="kurumsal"] .auth-box, html[data-tema="kurumsal"] .lp-feed-card, html[data-tema="kurumsal"] .bos-durum,
html[data-tema="kurumsal"] .kilit-kart, html[data-tema="kurumsal"] .oda-hesap, html[data-tema="kurumsal"] .oda-donem {
    background-color: var(--card) !important; border: 1px solid var(--card-border) !important;
    border-radius: var(--r-panel) !important; box-shadow: var(--golge-kart) !important;
}
html[data-tema="kurumsal"] .panel-box { background-color: var(--panel) !important; }
html[data-tema="kurumsal"] .job-card:hover, html[data-tema="kurumsal"] .kayit-kart:hover, html[data-tema="kurumsal"] .pk-kart:hover {
    transform: none !important; border-color: var(--cizgi-guclu) !important;
}
html[data-tema="kurumsal"] .modal-box { background: var(--panel) !important; border-radius: 18px !important; box-shadow: var(--golge-pencere) !important; border: 1px solid var(--card-border) !important; color: var(--text-main); }
html[data-tema="kurumsal"] .fade-in-up { animation: none !important; opacity: 1 !important; transform: none !important; }

/* ---- Üst çubuk ---- */
html[data-tema="kurumsal"] .header {
    max-width: none; margin: 0 0 20px; border-radius: 0 !important; border: none !important; border-bottom: 1px solid var(--card-border) !important;
    padding: 12px max(20px, calc((100vw - 1400px) / 2 + 20px)); background: var(--panel) !important; position: sticky; top: 0; z-index: 50;
}
html[data-tema="kurumsal"] .brand { font-size: 1.12rem; font-weight: 700; letter-spacing: -0.02em; color: var(--text-main); }
html[data-tema="kurumsal"] .brand span { font-weight: 500; color: var(--text-sub); padding-left: 10px; margin-left: 4px; border-left: 1px solid var(--card-border); }
html[data-tema="kurumsal"] .brand-mark { color: var(--accent); }
html[data-tema="kurumsal"] .main-layout, html[data-tema="kurumsal"] .admin-wrap, html[data-tema="kurumsal"] .account-wrap { padding-left: 20px; padding-right: 20px; }
/* Durum rozeti DURUMA göre renklenir: bağlı=yeşil, bağlanıyor/bekleniyor=sarı, bağlı değil/koptu=kırmızı (eskiden hep yeşildi) */
html[data-tema="kurumsal"] .status-badge { border-radius: 999px !important; font-weight: 600; font-size: 0.82rem; background: var(--yuzey-2) !important; color: var(--text-sub) !important; border: 1px solid var(--card-border) !important; }
html[data-tema="kurumsal"] .status-badge.online { background: var(--green-glow) !important; color: var(--green) !important; border-color: var(--green-kenar) !important; }
html[data-tema="kurumsal"] .status-badge.warning { background: var(--warning-glow) !important; color: var(--warning) !important; border-color: color-mix(in srgb, var(--warning) 35%, transparent) !important; }
html[data-tema="kurumsal"] .status-badge.offline { background: var(--danger-glow) !important; color: var(--danger) !important; border-color: color-mix(in srgb, var(--danger) 35%, transparent) !important; }

/* ---- Tema düğmesi ---- */
.gorunum-dugme { width: 38px; height: 38px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--card-border); background: var(--yuzey, #fff); color: var(--text-main, #161E2E); cursor: pointer; transition: background-color .15s, border-color .15s; }
.gorunum-dugme:hover { border-color: var(--cizgi-guclu); background: var(--yuzey-2); }
.gorunum-dugme svg { width: 18px; height: 18px; }
.gorunum-dugme.yuzen { position: fixed; top: 14px; right: 14px; z-index: 200; }

/* ---- Düğmeler ---- */
html[data-tema="kurumsal"] .btn, html[data-tema="kurumsal"] .btn-birincil, html[data-tema="kurumsal"] .od-btn, html[data-tema="kurumsal"] .oda-btn,
html[data-tema="kurumsal"] .pk-buton, html[data-tema="kurumsal"] .grab-btn, html[data-tema="kurumsal"] .lp-btn-solid, html[data-tema="kurumsal"] .lp-btn-ghost {
    border-radius: var(--r-kontrol) !important; font-weight: 600; letter-spacing: 0; box-shadow: none !important; filter: none !important; transition: background-color .15s, border-color .15s;
}
html[data-tema="kurumsal"] .btn-accent, html[data-tema="kurumsal"] .btn-birincil, html[data-tema="kurumsal"] .od-btn:not(.ikincil):not(.tehlike),
html[data-tema="kurumsal"] .oda-btn:not(.ikincil):not(.tehlike), html[data-tema="kurumsal"] .pk-buton:not(.ikincil), html[data-tema="kurumsal"] .lp-btn-solid {
    background: var(--accent) !important; color: var(--accent-yazi) !important; border: 1px solid var(--accent) !important;
}
html[data-tema="kurumsal"] .btn-accent:hover, html[data-tema="kurumsal"] .btn-birincil:hover, html[data-tema="kurumsal"] .pk-buton:not(.ikincil):hover,
html[data-tema="kurumsal"] .lp-btn-solid:hover, html[data-tema="kurumsal"] .od-btn:not(.ikincil):not(.tehlike):hover { background: var(--accent-koyu) !important; border-color: var(--accent-koyu) !important; }
html[data-tema="kurumsal"] .btn-secondary, html[data-tema="kurumsal"] .btn-ikincil, html[data-tema="kurumsal"] .btn-device, html[data-tema="kurumsal"] .btn-mini,
html[data-tema="kurumsal"] .btn-clear, html[data-tema="kurumsal"] .lp-btn-ghost, html[data-tema="kurumsal"] .od-btn.ikincil, html[data-tema="kurumsal"] .oda-btn.ikincil,
html[data-tema="kurumsal"] .pk-buton.ikincil, html[data-tema="kurumsal"] .od-kopya, html[data-tema="kurumsal"] .ikon-dugme, html[data-tema="kurumsal"] .hesap-menu-wrap > button {
    background: var(--ikincil-dugme) !important; color: var(--ikincil-dugme-yazi) !important; border: 1px solid var(--card-border) !important; border-radius: var(--r-kontrol) !important; font-weight: 500;
}
html[data-tema="kurumsal"] .ikon-dugme { border-color: transparent !important; background: transparent !important; color: var(--text-sub) !important; }
html[data-tema="kurumsal"] .btn-secondary:hover, html[data-tema="kurumsal"] .btn-mini:hover, html[data-tema="kurumsal"] .btn-device:hover,
html[data-tema="kurumsal"] .lp-btn-ghost:hover, html[data-tema="kurumsal"] .ikon-dugme:hover { background: var(--yuzey-2) !important; }
html[data-tema="kurumsal"] .btn-mini-danger { color: var(--danger) !important; }
html[data-tema="kurumsal"] .btn-mini-ekle { border-radius: var(--r-kontrol) !important; background: var(--accent-glow) !important; color: var(--accent) !important; border: 1px solid transparent !important; font-weight: 600; }
html[data-tema="kurumsal"] .btn-mini-ekle:hover { border-color: var(--accent) !important; }
html[data-tema="kurumsal"] .grab-btn { background: var(--green) !important; color: #fff !important; border: 1px solid var(--green) !important; }
html[data-tema="kurumsal"][data-mod="koyu"] .grab-btn { color: #0D111A !important; }
html[data-tema="kurumsal"] .grab-btn:hover { filter: brightness(0.94) !important; }
html[data-tema="kurumsal"] .job-card.is-kart.paket-kart .grab-btn { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--accent-yazi) !important; }

/* ---- Form alanları ---- */
html[data-tema="kurumsal"] input[type="text"], html[data-tema="kurumsal"] input[type="email"], html[data-tema="kurumsal"] input[type="password"],
html[data-tema="kurumsal"] input[type="tel"], html[data-tema="kurumsal"] input[type="number"], html[data-tema="kurumsal"] input[type="time"],
html[data-tema="kurumsal"] input[type="date"], html[data-tema="kurumsal"] input[type="search"], html[data-tema="kurumsal"] select, html[data-tema="kurumsal"] textarea,
html[data-tema="kurumsal"] .etiket-kutu, html[data-tema="kurumsal"] .stepper, html[data-tema="kurumsal"] .segment {
    border-radius: var(--r-kontrol) !important; border: 1px solid var(--card-border) !important; background: var(--girdi-zemin) !important; font-weight: 400 !important; color: var(--text-main) !important;
}
html[data-tema="kurumsal"] .etiket-kutu input, html[data-tema="kurumsal"] .stepper input { border: none !important; background: transparent !important; }
html[data-tema="kurumsal"] input:focus, html[data-tema="kurumsal"] select:focus, html[data-tema="kurumsal"] textarea:focus, html[data-tema="kurumsal"] .etiket-kutu:focus-within {
    border-color: var(--accent) !important; box-shadow: 0 0 0 3px var(--odak) !important; outline: none;
}
html[data-tema="kurumsal"] input::placeholder, html[data-tema="kurumsal"] textarea::placeholder { color: var(--text-sub); opacity: .7; }
html[data-tema="kurumsal"] .segment button.secili, html[data-tema="kurumsal"] .pz-donem button.aktif, html[data-tema="kurumsal"] .oda-sekmeler button.aktif { background: var(--card) !important; color: var(--text-main) !important; }

/* ---- Sekmeler ---- */
html[data-tema="kurumsal"] .feed-tabs { gap: 4px !important; border-bottom: 1px solid var(--card-border); padding-bottom: 0 !important; }
html[data-tema="kurumsal"] .tab-btn { background: transparent !important; border: none !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; color: var(--text-sub) !important; font-weight: 600 !important; padding: 10px 14px !important; margin-bottom: -1px; }
html[data-tema="kurumsal"] .tab-btn:hover { color: var(--text-main) !important; }
html[data-tema="kurumsal"] .tab-btn.active { color: var(--accent) !important; border-bottom-color: var(--accent) !important; }
html[data-tema="kurumsal"] .tab-count { background: var(--yuzey-2) !important; color: var(--text-sub) !important; border-radius: 999px !important; font-weight: 700; }
html[data-tema="kurumsal"] .tab-btn.active .tab-count { background: var(--accent-glow) !important; color: var(--accent) !important; }
html[data-tema="kurumsal"] .kilit-rozet { background: var(--mor-glow); color: var(--mor); border-radius: 999px; }

/* ---- Başlıklar ---- */
html[data-tema="kurumsal"] .panel-title, html[data-tema="kurumsal"] .kutu-baslik h3, html[data-tema="kurumsal"] .th-baslik { font-size: 1.02rem; font-weight: 700; letter-spacing: -0.01em; color: var(--text-main); }
html[data-tema="kurumsal"] .sayac-rozet { border-radius: 999px; background: var(--yuzey-2); border: none; color: var(--text-sub); }

/* ============ İMZA: İŞ KARTI — kalkış panosu ============ */
html[data-tema="kurumsal"] .job-card.is-kart { padding: 16px; gap: 10px; }
html[data-tema="kurumsal"] .job-card.is-kart.eslesti { border-color: color-mix(in srgb, var(--accent) 45%, var(--card-border)) !important; box-shadow: inset 3px 0 0 var(--accent), var(--golge-kart) !important; }
html[data-tema="kurumsal"] .is-saat { background: var(--pano) !important; color: var(--pano-yazi) !important; border: none !important; border-radius: var(--r-kucuk) !important; font-size: 0.98rem !important; font-weight: 700 !important; padding: 5px 11px !important; letter-spacing: 0.03em; font-variant-numeric: tabular-nums; }
html[data-tema="kurumsal"] .is-saat.simdi { background: var(--danger) !important; color: #fff !important; }
html[data-tema="kurumsal"] .is-saat.yarin { background: var(--accent-glow) !important; color: var(--accent) !important; }
html[data-tema="kurumsal"] .is-saat.kucuk { font-size: 0.82rem !important; padding: 3px 9px !important; }
html[data-tema="kurumsal"] .is-rota, html[data-tema="kurumsal"] .route { font-size: 1.14rem !important; font-weight: 700 !important; letter-spacing: -0.015em; color: var(--text-main) !important; }
html[data-tema="kurumsal"] .is-rota.kucuk { font-size: 0.98rem !important; }
html[data-tema="kurumsal"] .is-ok, html[data-tema="kurumsal"] .rota-ok { color: var(--text-sub) !important; font-weight: 500 !important; }
html[data-tema="kurumsal"] .is-fiyat { font-size: 1.28rem !important; font-weight: 800 !important; color: var(--green) !important; letter-spacing: -0.02em; }
html[data-tema="kurumsal"] .is-not { background: var(--yuzey-1) !important; border: 1px solid var(--card-border) !important; border-radius: var(--r-kontrol) !important; font-size: 0.88rem !important; color: var(--text-main) !important; }
html[data-tema="kurumsal"] .is-engel, html[data-tema="kurumsal"] .foto-uyari { background: var(--warning-glow) !important; color: var(--warning) !important; border-radius: var(--r-kontrol) !important; }
html[data-tema="kurumsal"] .sart-cip { border-radius: 999px !important; font-weight: 600 !important; font-size: 0.78rem !important; }
html[data-tema="kurumsal"] .sart-cip.kisi { color: var(--text-main); background: var(--yuzey-2); border-color: var(--card-border); }
html[data-tema="kurumsal"] .sart-cip.arac { color: var(--mor); background: var(--mor-glow); border-color: transparent; }
html[data-tema="kurumsal"] .sart-cip.donanim { color: var(--green); background: var(--green-glow); border-color: transparent; }
html[data-tema="kurumsal"] .sart-cip.ekipman { color: var(--warning); background: var(--warning-glow); border-color: transparent; }
html[data-tema="kurumsal"] .badge-pill { border-radius: 999px !important; font-weight: 600; }
html[data-tema="kurumsal"] .paket-etiket { border-radius: 999px !important; }
html[data-tema="kurumsal"] .paket-bacaklar { border-radius: var(--r-kontrol) !important; background: var(--yuzey-1) !important; }

/* ---- Paket kartları ---- */
html[data-tema="kurumsal"] .pk-kart.onerilen { border: 2px solid var(--accent) !important; }
html[data-tema="kurumsal"] .pk-serit { border-radius: 999px !important; background: var(--accent) !important; color: var(--accent-yazi) !important; box-shadow: none !important; font-weight: 700; letter-spacing: 0 !important; }
html[data-tema="kurumsal"] .pk-serit.mevcut { background: var(--green) !important; }
html[data-tema="kurumsal"] .pk-limitler { border-radius: var(--r-kontrol) !important; background: var(--yuzey-1) !important; }
html[data-tema="kurumsal"] .pk-tutar b { font-weight: 800; letter-spacing: -0.03em; }

/* ---- Bildirim ---- */
html[data-tema="kurumsal"] .toast { border-radius: 12px !important; box-shadow: var(--golge-pencere) !important; font-weight: 600; }

/* ---- Giriş / kayıt ---- */
html[data-tema="kurumsal"] .auth-brand-panel { background: #111827 !important; border-right: none !important; }
html[data-tema="kurumsal"][data-mod="koyu"] .auth-brand-panel { background: #0A0D14 !important; border-right: 1px solid var(--card-border) !important; }
html[data-tema="kurumsal"] .auth-brand-panel, html[data-tema="kurumsal"] .auth-brand-headline, html[data-tema="kurumsal"] .auth-brand-logo, html[data-tema="kurumsal"] .auth-trust-item { color: #fff !important; }
html[data-tema="kurumsal"] .auth-brand-logo-text span { color: #A3ADBE !important; }
html[data-tema="kurumsal"] .auth-brand-panel .brand-mark { color: #8FB3F5; }
html[data-tema="kurumsal"] .auth-brand-headline { font-weight: 700 !important; letter-spacing: -0.025em; }
html[data-tema="kurumsal"] .auth-trust-item .dot-icon { background: rgba(255,255,255,0.09) !important; color: #fff !important; border-radius: var(--r-kontrol) !important; }
html[data-tema="kurumsal"] .auth-mock-card { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: var(--r-kontrol) !important; box-shadow: none !important; }
html[data-tema="kurumsal"] .auth-mock-route { color: #fff !important; }
html[data-tema="kurumsal"] .auth-mock-meta { color: #A3ADBE !important; }
html[data-tema="kurumsal"] .auth-mock-badge.ok, html[data-tema="kurumsal"] .auth-mock-price { color: #6FD7A8 !important; }
html[data-tema="kurumsal"] .auth-box-icon { border-radius: 12px !important; background: var(--accent-glow) !important; color: var(--accent) !important; }
html[data-tema="kurumsal"] .auth-title { font-weight: 700; letter-spacing: -0.015em; }
html[data-tema="kurumsal"] .kt-kart { border-radius: var(--r-kontrol) !important; background: var(--girdi-zemin) !important; }
html[data-tema="kurumsal"] .kt-kart.secili { background: var(--accent-glow) !important; }
html[data-tema="kurumsal"] .kt-kart.secili .kt-ikon { background: var(--accent) !important; color: var(--accent-yazi) !important; }

/* ---- Ana sayfa ---- */
html[data-tema="kurumsal"] .lp-nav { background: color-mix(in srgb, var(--panel) 90%, transparent) !important; border-bottom: 1px solid var(--card-border); }
html[data-tema="kurumsal"] .lp-nav-logo { color: var(--text-main); }
html[data-tema="kurumsal"] .lp-hero-headline { font-weight: 800 !important; letter-spacing: -0.035em !important; color: var(--text-main); }
html[data-tema="kurumsal"] .lp-hero-sub, html[data-tema="kurumsal"] .lp-section-sub, html[data-tema="kurumsal"] .lp-step-desc, html[data-tema="kurumsal"] .lp-feature-desc { color: var(--text-sub) !important; }
html[data-tema="kurumsal"] .lp-hero-visual { background: #111827 !important; border: 1px solid #1F2937 !important; border-radius: 18px !important; box-shadow: var(--golge-pencere) !important; color: #fff; }
html[data-tema="kurumsal"] .lp-hero-visual .lp-feed-card { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 12px !important; box-shadow: none !important; }
html[data-tema="kurumsal"] .lp-hero-visual .lp-feed-route, html[data-tema="kurumsal"] .lp-hero-visual-title { color: #fff !important; }
html[data-tema="kurumsal"] .lp-hero-visual .lp-feed-meta, html[data-tema="kurumsal"] .lp-hero-visual .lp-feed-meta-row { color: #A3ADBE !important; }
html[data-tema="kurumsal"] .lp-hero-visual .lp-feed-price { color: #6FD7A8 !important; }
html[data-tema="kurumsal"] .lp-section-title { font-weight: 800 !important; letter-spacing: -0.025em; color: var(--text-main); }
html[data-tema="kurumsal"] .lp-step-num { color: var(--accent) !important; font-weight: 700 !important; }
html[data-tema="kurumsal"] .lp-step-title, html[data-tema="kurumsal"] .lp-feature-name { color: var(--text-main); }
html[data-tema="kurumsal"] .lp-footer { color: var(--text-sub); border-top: 1px solid var(--card-border); }

/* ---- Erişilebilirlik ---- */
html[data-tema="kurumsal"] :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { html[data-tema="kurumsal"] * { transition: none !important; animation: none !important; } }

/* ---- Mobil ---- */
@media (max-width: 900px) {
    html[data-tema="kurumsal"] .header { padding: 10px 14px; margin-bottom: 12px; }
    html[data-tema="kurumsal"] .brand span { display: none; }
    html[data-tema="kurumsal"] .main-layout, html[data-tema="kurumsal"] .admin-wrap, html[data-tema="kurumsal"] .account-wrap { padding-left: 12px; padding-right: 12px; }
    html[data-tema="kurumsal"] .tab-btn { padding: 10px 12px !important; }
    html[data-tema="kurumsal"] .is-rota { font-size: 1.06rem !important; }
    html[data-tema="kurumsal"] .header-actions { display: grid !important; grid-template-columns: 1fr 1fr auto; width: 100%; gap: 8px; }
    html[data-tema="kurumsal"] .header-actions .status-badge { grid-column: 1 / -1; justify-content: center; }
    html[data-tema="kurumsal"] .header-actions .btn-device, html[data-tema="kurumsal"] .header-actions .hesap-menu-wrap,
    html[data-tema="kurumsal"] .header-actions .hesap-menu-wrap > button { width: 100%; }
    html[data-tema="kurumsal"] .panel-box { border-radius: 14px !important; }
}

.gorunum-dugme.lp-yaninda { margin-left: auto; margin-right: 10px; }
@media (max-width: 900px) {
    /* Mobil üst çubuk: 1. satır bağlantı durumu, 2. satır cihaz · hesap · tema */
    html[data-tema="kurumsal"] .header-actions .status-badge { order: 0; }
    html[data-tema="kurumsal"] .header-actions .btn-device { order: 1; }
    html[data-tema="kurumsal"] .header-actions .hesap-menu-wrap { order: 2; }
    html[data-tema="kurumsal"] .header-actions .gorunum-dugme { order: 3; }
}

/* ============ v2.3 AYARLAR → BİLDİRİMLER ============ */
.bd-kanal { border: 1px solid var(--card-border); border-radius: var(--r-panel, 14px); padding: 14px 16px; margin-top: 12px; background: var(--card); }
.bd-kanal-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.bd-kanal-ust b { font-size: 0.98rem; color: var(--text-main); }
.bd-etiket { font-size: 0.74rem; font-weight: 700; color: var(--green); background: var(--green-glow); padding: 3px 9px; border-radius: 999px; }
.bd-aciklama { font-size: 0.84rem; color: var(--text-sub); margin: 6px 0 10px; line-height: 1.5; }
.bd-uyari { color: var(--warning); font-weight: 600; }
.bd-not { font-size: 0.8rem; color: var(--text-sub); margin: 8px 0 0; line-height: 1.5; }
.bd-not code { font-size: 0.78rem; background: var(--yuzey-2); padding: 1px 5px; border-radius: 5px; }
.bd-durum { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; border-radius: var(--r-kontrol, 10px); background: var(--yuzey-1); border: 1px solid var(--card-border); font-weight: 600; color: var(--text-sub); }
.bd-durum.iyi { color: var(--green); background: var(--green-glow); border-color: transparent; }
.bd-tg-btn { width: auto !important; padding: 9px 16px !important; }
.bd-olaylar { display: flex; flex-direction: column; gap: 7px; margin-top: 10px; }
.bd-olaylar label { display: flex; align-items: center; gap: 8px; font-size: 0.86rem; color: var(--text-main); font-weight: 500 !important; cursor: pointer; }
.bd-olaylar input, .bd-tanitim input, .bd-anahtar input { width: 17px; height: 17px; accent-color: var(--accent); flex-shrink: 0; }
.bd-alici { border: 1px solid var(--card-border); border-radius: var(--r-kontrol, 10px); padding: 11px 12px; margin-bottom: 8px; background: var(--yuzey-1); }
.bd-alici.pasif { opacity: .6; }
.bd-alici-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.bd-alici-ust b { display: block; color: var(--text-main); }
.bd-alici-ust small { font-size: 0.8rem; color: var(--text-sub); }
.bd-rozet { font-style: normal; font-size: 0.72rem; font-weight: 700; padding: 1px 7px; border-radius: 999px; background: var(--yuzey-2); color: var(--text-sub); margin-left: 4px; }
.bd-rozet.iyi { background: var(--green-glow); color: var(--green); }
.bd-alici-dugmeler { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.bd-anahtar { display: flex; align-items: center; gap: 5px; font-size: 0.8rem; color: var(--text-sub); cursor: pointer; }
.bd-ekle { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; margin-top: 8px; }
.bd-ekle .btn { width: auto !important; padding: 10px 18px !important; }
.bd-tanitim { display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: var(--text-sub); margin-top: 8px; cursor: pointer; font-weight: 500 !important; }
.bd-alt { display: flex; align-items: center; gap: 12px; margin-top: 14px; flex-wrap: wrap; }
.bd-alt .btn { width: auto !important; padding: 10px 16px !important; }
@media (max-width: 560px) {
    .bd-ekle { grid-template-columns: 1fr; }
    .bd-ekle .btn { width: 100% !important; }
    .bd-alici-ust { flex-direction: column; }
}

/* ============ v2.4 FİLTRE: PAKET / KARŞILIKLI ============ */
.pkt-ayar { border-top: 1px solid var(--card-border); margin-top: 12px; padding-top: 4px; }
.pkt-alt { margin: 2px 0 10px; padding: 12px; border-radius: var(--r-kontrol, 10px); background: var(--yuzey-1); border: 1px solid var(--card-border); display: flex; flex-direction: column; gap: 10px; }
.pkt-satir { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pkt-satir label { font-size: 0.86rem; color: var(--text-main); font-weight: 500 !important; }
.pkt-satir select { width: 90px !important; }
.pkt-tl { display: flex; align-items: center; gap: 6px; }
.pkt-tl input { width: 150px !important; text-align: right; }
.pkt-tl span { font-size: 0.84rem; color: var(--text-sub); font-weight: 600; }
.pkt-kutu { display: flex; align-items: flex-start; gap: 8px; font-size: 0.85rem; color: var(--text-main); cursor: pointer; font-weight: 500 !important; line-height: 1.4; }
.pkt-kutu input { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--accent); flex-shrink: 0; }
.pkt-kutu small { display: block; color: var(--text-sub); font-size: 0.76rem; margin-top: 2px; font-weight: 400; }
.pkt-not { font-size: 0.78rem; color: var(--warning); background: var(--warning-glow); border-radius: var(--r-kontrol, 10px); padding: 8px 10px; margin: 0 0 8px; }
@media (max-width: 480px) { .pkt-satir { flex-direction: column; align-items: stretch; } .pkt-tl input, .pkt-satir select { width: 100% !important; } }

/* ============ v2.4 TELEFON BİLDİRİMİ ============ */
.push-serit { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px 14px; margin-bottom: 14px; border-radius: var(--r-kontrol, 10px); background: var(--accent-glow); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); }
.push-serit b { display: block; color: var(--text-main); font-size: 0.92rem; }
.push-serit span { font-size: 0.82rem; color: var(--text-sub); }
.push-serit-dugmeler { display: flex; gap: 8px; align-items: center; }
.push-serit-dugmeler .btn { width: auto !important; padding: 8px 18px !important; }
.bd-adimlar { padding: 12px 14px; border-radius: var(--r-kontrol, 10px); background: var(--yuzey-1); border: 1px solid var(--card-border); font-size: 0.86rem; color: var(--text-main); }
.bd-adimlar ol { margin: 8px 0 0 18px; display: flex; flex-direction: column; gap: 4px; }
/* v2.5: şoför ↔ araç seçimi */
.bd-alan-baslik { font-size: 0.78rem; font-weight: 700; color: var(--text-sub); margin: 10px 0 6px; }
.bd-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.bd-cip { border: 1px solid var(--card-border); background: var(--card); color: var(--text-main); border-radius: 999px; padding: 6px 12px; font-size: 0.82rem; font-weight: 600; cursor: pointer; font-family: inherit; transition: all .15s; }
.bd-cip:hover { border-color: var(--accent); }
.bd-cip.secili { background: var(--accent); border-color: var(--accent); color: var(--accent-yazi, #fff); }
.bd-yeni { margin-top: 10px; padding: 12px; border: 1px dashed var(--cizgi-guclu); border-radius: var(--r-kontrol, 10px); }
.bd-yeni .bd-ekle { grid-template-columns: 1fr 1fr; margin-top: 0; }
.bd-ekle-btn { width: auto !important; padding: 10px 18px !important; margin-top: 10px; }
@media (max-width: 560px) { .bd-yeni .bd-ekle { grid-template-columns: 1fr; } .bd-ekle-btn { width: 100% !important; } }
.pkt-bilgi { margin: 12px 0 6px; padding: 12px 14px; border-radius: var(--r-kontrol, 10px); background: var(--accent-glow); font-size: 0.82rem; color: var(--text-main); line-height: 1.5; }
.pkt-bilgi b { color: var(--text-main); }
.pkt-bilgi p { margin: 4px 0; }
.pkt-bilgi ul { list-style: none; margin: 6px 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.pkt-bilgi .iyi { color: var(--green); font-weight: 800; margin-right: 4px; }
.pkt-bilgi .kotu { color: var(--danger); font-weight: 800; margin-right: 4px; }
.pkt-bilgi em { font-style: normal; font-weight: 700; }
.pkt-oneri { font-style: normal; font-size: 0.7rem; font-weight: 700; color: var(--green); background: var(--green-glow); padding: 1px 7px; border-radius: 999px; margin-left: 4px; }

/* ============ v2.6 İŞ VER ============ */
.iv-duzen { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.iv-sol, .iv-sag { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.iv-sag { position: sticky; top: 76px; }
.iv-kart { background: var(--card); border: 1px solid var(--card-border); border-radius: var(--r-panel, 14px); padding: 16px; box-shadow: var(--golge-kart); }
.iv-kart-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.iv-kart-ust h3 { font-size: 0.98rem; font-weight: 700; color: var(--text-main); display: flex; align-items: center; gap: 8px; }
.iv-sayac { font-size: 0.74rem; font-weight: 700; color: var(--accent); background: var(--accent-glow); padding: 2px 9px; border-radius: 999px; }
.iv-ipucu { font-size: 0.78rem; color: var(--text-sub); }
.iv-sag-hiza { text-align: right; margin-top: 4px; }
.iv-mod, .iv-segment { display: inline-flex; background: var(--yuzey-2); border-radius: 10px; padding: 3px; gap: 2px; flex-wrap: wrap; }
.iv-mod button, .iv-segment button { border: none; background: transparent; color: var(--text-sub); font-weight: 600; font-size: 0.82rem; padding: 7px 12px; border-radius: 8px; cursor: pointer; font-family: inherit; }
.iv-mod button.aktif, .iv-segment button.aktif { background: var(--card); color: var(--text-main); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.iv-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.iv-alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.iv-alan > label { font-size: 0.8rem; font-weight: 600; color: var(--text-sub); }
.iv-tam { grid-column: 1 / -1; }
.iv-fiyat { display: grid; grid-template-columns: 1fr 76px; gap: 6px; }
.iv-cipler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.iv-cip { border: 1px solid var(--card-border); background: var(--card); color: var(--text-main); border-radius: 999px; padding: 7px 13px; font-size: 0.84rem; font-weight: 600; cursor: pointer; font-family: inherit; }
.iv-cip.secili { background: var(--accent); border-color: var(--accent); color: var(--accent-yazi, #fff); }
.iv-cocuk { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--card-border); border-radius: 999px; padding: 3px 4px 3px 12px; font-size: 0.84rem; font-weight: 600; color: var(--text-main); }
.iv-cocuk button { width: 28px; height: 28px; border-radius: 50%; border: none; background: var(--yuzey-2); color: var(--text-main); font-size: 1rem; cursor: pointer; }
.iv-cocuk b { min-width: 14px; text-align: center; }
.iv-foto-secili { display: flex; align-items: center; gap: 12px; }
.iv-foto-secili img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; }
.iv-setler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.iv-set { display: inline-flex; border: 1px solid var(--card-border); border-radius: 999px; overflow: hidden; }
.iv-set button { border: none; background: var(--card); color: var(--text-main); font-size: 0.8rem; font-weight: 600; padding: 6px 10px; cursor: pointer; font-family: inherit; }
.iv-set button:hover { background: var(--accent-glow); }
.iv-set em { font-style: normal; color: var(--text-sub); margin-left: 3px; }
.iv-set-sil { color: var(--text-sub) !important; border-left: 1px solid var(--card-border) !important; padding: 6px 8px !important; }
.iv-arama { margin-bottom: 8px; }
.iv-grup-listesi { max-height: 280px; overflow-y: auto; border: 1px solid var(--card-border); border-radius: var(--r-kontrol, 10px); }
.iv-grup { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--card-border); cursor: pointer; font-size: 0.88rem; color: var(--text-main); font-weight: 500 !important; }
.iv-grup:last-child { border-bottom: none; }
.iv-grup:hover { background: var(--yuzey-1); }
.iv-grup.secili { background: var(--accent-glow); }
.iv-grup input { width: 17px; height: 17px; accent-color: var(--accent); flex-shrink: 0; }
.iv-grup-listesi > .iv-ipucu { padding: 14px; }
.iv-link { background: none; border: none; color: var(--accent); font-weight: 600; font-size: 0.82rem; cursor: pointer; padding: 8px 0 0; font-family: inherit; }
.iv-ozet { font-size: 0.86rem; color: var(--text-sub); margin-bottom: 10px; }
.iv-ozet b { color: var(--text-main); }
.iv-eksik { color: var(--warning); font-weight: 600; }
.iv-gonder-satir { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.iv-gonder { width: auto !important; padding: 11px 22px !important; }
.iv-gonder:disabled, .iv-zamanla .btn:disabled { opacity: .5; cursor: not-allowed; }
.iv-zamanla { display: flex; gap: 6px; flex: 1; min-width: 260px; }
.iv-zamanla input { flex: 1; }
.iv-zamanla .btn { width: auto !important; padding: 10px 16px !important; }
.iv-ilerleme-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.iv-cubuk { height: 8px; background: var(--yuzey-2); border-radius: 8px; overflow: hidden; }
.iv-cubuk i { display: block; height: 100%; background: var(--accent); border-radius: 8px; transition: width .4s; }
.iv-canli { list-style: none; margin: 10px 0 6px; padding: 0; font-size: 0.82rem; display: flex; flex-direction: column; gap: 3px; }
.iv-canli li.iyi { color: var(--green); }
.iv-canli li.kotu { color: var(--danger); }
.iv-canli em { font-style: normal; color: var(--text-sub); }
.iv-wa { background: color-mix(in srgb, var(--green) 6%, var(--yuzey-2)); border-radius: 12px; padding: 16px 14px; min-height: 120px; }
.iv-balon { background: var(--card); border-radius: 10px 10px 10px 2px; padding: 8px 10px 6px; max-width: 92%; box-shadow: 0 1px 1px rgba(0,0,0,.08); position: relative; }
.iv-balon img { width: 100%; border-radius: 6px; margin-bottom: 6px; display: block; }
.iv-balon-metin { white-space: pre-wrap; font-size: 0.9rem; color: var(--text-main); line-height: 1.45; word-break: break-word; }
.iv-bos { color: var(--text-sub); font-style: italic; }
.iv-saat { display: block; text-align: right; font-size: 0.68rem; color: var(--text-sub); margin-top: 3px; }
.iv-sablon-satir { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.iv-sablon-satir select { flex: 1; min-width: 150px; }
.iv-satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--card-border); }
.iv-satir:first-of-type { border-top: none; }
.iv-satir > div:first-child { min-width: 0; }
.iv-satir b { display: block; font-size: 0.86rem; color: var(--text-main); }
.iv-satir small { display: block; font-size: 0.76rem; color: var(--text-sub); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.iv-satir small.iv-hatali { color: var(--warning); cursor: help; }
.iv-satir-sag { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.iv-rozet { font-size: 0.74rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--yuzey-2); color: var(--text-sub); white-space: nowrap; }
.iv-rozet.iyi { background: var(--green-glow); color: var(--green); }
@media (max-width: 1100px) { .iv-duzen { grid-template-columns: 1fr; } .iv-sag { position: static; } }
@media (max-width: 560px) { .iv-form { grid-template-columns: 1fr; } .iv-zamanla { min-width: 100%; } .iv-gonder { width: 100% !important; } }

/* ============ v2.6 TAHSİLAT ============ */
.th-kpiler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.th-kpi { background: var(--card); border: 1px solid var(--card-border); border-radius: var(--r-panel, 14px); padding: 12px 14px; }
.th-kpi span { display: block; font-size: 0.74rem; font-weight: 700; color: var(--text-sub); }
.th-kpi b { display: block; font-size: 1.45rem; font-weight: 800; letter-spacing: -0.02em; color: var(--text-main); margin: 2px 0; font-variant-numeric: tabular-nums; }
.th-kpi small { font-size: 0.74rem; color: var(--text-sub); }
.th-kpi.ana b { color: var(--accent); }
.th-kpi.uyari b { color: var(--warning); }
.th-kpi.uyari { border-color: color-mix(in srgb, var(--warning) 35%, var(--card-border)); }
.th-kpi.iyi b { color: var(--green); }
.th-arac-cubugu { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.th-arama { flex: 1; min-width: 160px; }
.th-sirala { width: auto !important; }
.th-secim-cubugu { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; border-radius: var(--r-kontrol, 10px); background: var(--yuzey-1); border: 1px solid var(--card-border); margin-bottom: 10px; }
.th-yas { font-weight: 700; }
.th-yas.dikkat { color: var(--warning); }
.th-yas.gecikmis { color: var(--danger); }
.th-kart-alt { gap: 8px; }
.th-odenen-liste { padding: 4px 14px !important; }
.th-odenen-liste li { grid-template-columns: 70px 1fr auto auto !important; }
@media (max-width: 760px) { .th-kpiler { grid-template-columns: 1fr 1fr; } .th-kpi.ana { grid-column: 1 / -1; } .th-odenen-liste li { grid-template-columns: 60px 1fr auto !important; } .th-odenen-liste li .btn-mini { grid-column: 1 / -1; justify-self: end; } }

/* ============ v2.6 PAZAR: fiyat danışmanı ============ */
.pz-danisman-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; }
.pz-danisman-form .btn { width: auto !important; padding: 10px 18px !important; }
.pz-dsonuc { margin-top: 12px; padding: 14px; border-radius: var(--r-kontrol, 10px); background: var(--yuzey-1); border: 1px solid var(--card-border); }
.pz-dsonuc-ust { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 0.86rem; color: var(--text-sub); }
.pz-dsonuc-ust b { color: var(--text-main); font-size: 0.98rem; }
.pz-aralik { margin: 16px 4px 10px; }
.pz-aralik-cubuk { position: relative; height: 10px; border-radius: 6px; background: var(--yuzey-3); }
.pz-aralik-cubuk i { position: absolute; top: 0; bottom: 0; background: color-mix(in srgb, var(--accent) 45%, transparent); border-radius: 6px; }
.pz-aralik-cubuk em { position: absolute; top: -4px; width: 4px; height: 18px; margin-left: -2px; background: var(--accent); border-radius: 2px; }
.pz-aralik-etiket { display: flex; justify-content: space-between; font-size: 0.76rem; color: var(--text-sub); margin-top: 6px; font-variant-numeric: tabular-nums; }
.pz-aralik-etiket span:nth-child(2) { color: var(--accent); font-weight: 700; }
.pz-oneri-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pz-oneri-ikili > div { background: var(--card); border: 1px solid var(--card-border); border-radius: var(--r-kontrol, 10px); padding: 10px 12px; }
.pz-oneri-ikili span { display: block; font-size: 0.74rem; font-weight: 700; color: var(--text-sub); }
.pz-oneri-ikili b { display: block; font-size: 1.25rem; font-weight: 800; color: var(--text-main); font-variant-numeric: tabular-nums; }
.pz-oneri-ikili small { font-size: 0.72rem; color: var(--text-sub); }
.pz-rota.tiklanabilir { cursor: pointer; border-radius: 8px; }
.pz-rota.tiklanabilir:hover { background: var(--yuzey-1); }
@media (max-width: 640px) { .pz-danisman-form { grid-template-columns: 1fr; } .pz-danisman-form .btn { width: 100% !important; } .pz-oneri-ikili { grid-template-columns: 1fr; } }
.th-arac-cubugu .btn-mini, .th-kart-alt .btn-mini { width: auto !important; flex: 0 0 auto; }
.th-kart-alt { justify-content: flex-end; }
.th-ust .btn-mini { width: auto !important; flex: 0 0 auto; align-self: center; }
/* admin: şirket ve yasal bilgiler */
.sb-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; margin-top: 10px; }
.sb-form label { display: flex; flex-direction: column; gap: 5px; font-size: 0.8rem; font-weight: 600; color: var(--text-sub); }
.sb-tam { grid-column: 1 / -1; }
.sb-rozet { font-size: 0.72rem; font-weight: 700; color: var(--danger); background: var(--danger-glow); padding: 2px 9px; border-radius: 999px; margin-left: 6px; }
@media (max-width: 600px) { .sb-form { grid-template-columns: 1fr; } }
/* v2.7: mobil üst çubukta "Çıkış" en sonda; yasal sayfa markası; ana sayfa alt başlığı mobilde gizli */
@media (max-width: 900px) { html[data-tema="kurumsal"] .header-actions .btn-logout { order: 4; } }
.legal-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.legal-marka { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: 1.05rem; color: var(--text-main); text-decoration: none; letter-spacing: -0.02em; }
.legal-marka .brand-mark { color: var(--accent); }
.legal-ust .legal-back { margin: 0; }
@media (max-width: 640px) { .lp-nav-logo-sub { display: none; } }
.legal-ust .legal-back { margin-left: auto; }

/* ============ v2.8 FOTOĞRAF ============ */
.foto-durum { font-size: 0.8rem; margin: 8px 0 0; min-height: 1em; color: var(--text-sub); }
.foto-durum.iyi { color: var(--green); }
.foto-durum.uyari { color: var(--warning); }
.foto-izgara.surukleniyor { outline: 2px dashed var(--accent); outline-offset: 4px; border-radius: 12px; background: var(--accent-glow); }
.foto-ekle small { display: block; font-size: 0.7rem; color: var(--text-sub); font-weight: 500; }
@media (hover: none), (max-width: 760px) { .sadece-masaustu { display: none !important; } }

/* ============ v2.8 BİLGİ BALONU ("?") ============ */
details.bilgi { display: inline-block; position: relative; vertical-align: middle; margin-left: 4px; }
details.bilgi > summary { list-style: none; width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.7rem; font-weight: 800; color: var(--text-sub); background: var(--yuzey-2); cursor: pointer; user-select: none; }
details.bilgi > summary::-webkit-details-marker { display: none; }
details.bilgi > summary:hover, details.bilgi[open] > summary { background: var(--accent); color: var(--accent-yazi, #fff); }
details.bilgi > summary::after { content: ''; position: absolute; inset: -10px; }   /* dokunma alanı 38px */
.bilgi-balon { position: absolute; z-index: 60; top: calc(100% + 8px); left: -8px; width: min(280px, 78vw); padding: 10px 12px; border-radius: 10px;
    background: var(--panel); color: var(--text-main); border: 1px solid var(--card-border); box-shadow: var(--golge-pencere);
    font-size: 0.8rem; font-weight: 400; line-height: 1.5; letter-spacing: 0; text-transform: none; white-space: normal; text-align: left; }
.bilgi-sag .bilgi-balon { left: auto; right: -8px; }

/* ============ v2.8 ARAÇ KARTI ============ */
.arac-listesi { display: flex; flex-direction: column; gap: 8px; }
.arac-kart { position: relative; display: flex; align-items: flex-start; gap: 4px; padding: 10px; border: 1px solid var(--card-border); border-radius: var(--r-kontrol, 10px); background: var(--card); transition: border-color .15s; }
.arac-kart:hover { border-color: var(--cizgi-guclu); }
.ak-govde { flex: 1; min-width: 0; display: flex; gap: 10px; align-items: center; background: none; border: none; padding: 0; text-align: left; cursor: pointer; color: inherit; font: inherit; }
.ak-govde .arac-resim { width: 52px; height: 52px; flex-shrink: 0; border-radius: 10px; }
.ak-bilgi { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ak-ust { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ak-model { font-size: 0.84rem; font-weight: 700; color: var(--accent); }
.ak-cipler { display: flex; flex-wrap: wrap; gap: 4px; }
.ak-cipler span { font-size: 0.72rem; font-weight: 600; color: var(--text-sub); background: var(--yuzey-2); padding: 2px 7px; border-radius: 999px; white-space: nowrap; }
.ak-cipler span.fazla { color: var(--accent); background: var(--accent-glow); cursor: help; }
.ak-alt { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 0.75rem; }
.ak-durum { color: var(--text-sub); font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
.ak-durum.iyi { color: var(--green); }
.ak-durum.kotu { color: var(--danger); }
.ak-durum i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); display: inline-block; }
.ak-foto { color: var(--text-sub); }
.arac-kart { flex-wrap: wrap; }
.ak-aksiyon { order: 2; }
.arac-kart .ak-uyari { order: 3; margin: 6px 0 0 62px; display: inline-flex; border: none; background: var(--warning-glow); color: var(--warning); font: inherit; font-size: 0.72rem; font-weight: 700; padding: 3px 9px; border-radius: 999px; cursor: pointer; }
.ak-aksiyon { display: flex; gap: 2px; flex-shrink: 0; }
.ak-aksiyon .ikon-dugme, .fk-aksiyon .ikon-dugme { width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }

/* ============ v2.8 FİLTRE KARTI ============ */
.filter-list { display: flex; flex-direction: column; gap: 8px; }
.filtre-kart { padding: 10px 10px 8px 12px; border: 1px solid var(--card-border); border-left: 3px solid var(--card-border); border-radius: var(--r-kontrol, 10px); background: var(--card); transition: border-color .15s; }
.filtre-kart.oto { border-left-color: var(--green); }
.filtre-kart:hover { border-color: var(--cizgi-guclu); }
.filtre-kart.oto:hover { border-left-color: var(--green); }
.fk-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fk-rota { min-width: 0; flex: 1; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; background: none; border: none; padding: 0; text-align: left; cursor: pointer; font: inherit; font-size: 0.95rem; font-weight: 700; color: var(--text-main); }
.fk-rota .rota-ok { color: var(--text-sub); display: inline-flex; }
.fk-anahtar { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; cursor: pointer; font-size: 0.72rem !important; font-weight: 700 !important; color: var(--text-sub); }
.filtre-kart.oto .fk-anahtar { color: var(--green); }
.fk-alt { display: flex; align-items: center; gap: 6px 8px; flex-wrap: wrap; margin-top: 6px; }
.fk-arac { display: inline-flex; align-items: center; gap: 6px; }
.fk-arac .plaka-rozet { font-size: 0.72rem; padding: 1px 6px 1px 18px; }
.fk-model { font-size: 0.78rem; color: var(--text-sub); font-weight: 600; }
.fk-uyari { display: inline-flex; align-items: center; gap: 4px; font-size: 0.76rem; font-weight: 700; color: var(--warning); }
.fk-ozet { flex: 1; min-width: 120px; font-size: 0.76rem; color: var(--text-sub); }
.fk-aksiyon { display: inline-flex; gap: 2px; margin-left: auto; }

/* ============ v2.8 PAKET KUTUSU (kompakt) ============ */
.kullanim-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.kullanim-izgara .kullanim-satir { margin: 0; }
.kullanim-izgara .kullanim-baslik { flex-direction: column; align-items: flex-start; gap: 0; font-size: 0.72rem; }
.kullanim-izgara .kullanim-baslik b { font-size: 0.86rem; }
.paket-kutu-ust { margin-bottom: 10px !important; }
/* yeni kart öğeleri genel kurallardan bağımsız */
.ak-cipler span, .ak-alt > span, .ak-durum, .fk-arac, .fk-ozet { display: inline-flex; }
.ak-cipler span { display: inline-block; }
.fk-ozet { display: inline; }
.ak-bilgi, .ak-ust { display: flex; }
.ak-model, .fk-model { display: inline; }
/* v2.8 kart yerleşimi: ızgara (öğelerin yeri sabit, dar ekranda kaymaz) */
.arac-kart { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 6px; row-gap: 0; flex-wrap: nowrap; }
.arac-kart .ak-govde { grid-column: 1; grid-row: 1; }
.arac-kart .ak-aksiyon { grid-column: 2; grid-row: 1; align-self: start; }
.arac-kart .ak-uyari { grid-column: 1 / -1; grid-row: 2; justify-self: start; margin: 6px 0 0 62px; }
.fk-alt { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 8px; }
.fk-ozet { min-width: 0 !important; }
.fk-aksiyon { margin-left: 0; }
@media (max-width: 380px) { .fk-alt { grid-template-columns: minmax(0, 1fr) auto; } .fk-arac { grid-column: 1 / -1; } }
.fk-alt { grid-template-columns: minmax(0, 1fr) auto !important; row-gap: 2px; }
.fk-alt .fk-arac { grid-column: 1; grid-row: 1; }
.fk-alt .fk-aksiyon { grid-column: 2; grid-row: 1; }
.fk-alt .fk-ozet { grid-column: 1 / -1; grid-row: 2; }
html[data-tema="kurumsal"] .sidebar .filter-list { max-height: none; overflow: visible; }   /* panel yan sütunu: iç içe kaydırma yok (yalnızca burada) */
/* v2.8 kompakt bilgilendirme */
.push-serit { padding: 8px 10px 8px 14px !important; margin-bottom: 12px !important; font-size: 0.84rem; gap: 10px !important; flex-wrap: nowrap !important; }
.push-serit > span:first-child { color: var(--text-sub); min-width: 0; }
.push-serit > span:first-child b { display: inline !important; color: var(--text-main); }
.push-serit-dugmeler { flex-shrink: 0; }
.push-ac { width: auto !important; background: var(--accent) !important; color: var(--accent-yazi, #fff) !important; border-color: var(--accent) !important; }
.push-kapat { width: 30px; height: 30px; border: none; background: transparent; color: var(--text-sub); font-size: 1.2rem; cursor: pointer; border-radius: 8px; }
.push-kapat:hover { background: var(--yuzey-2); }
details.pkt-bilgi { margin: 12px 0 6px; border-radius: var(--r-kontrol, 10px); background: var(--accent-glow); font-size: 0.82rem; }
details.pkt-bilgi > summary { cursor: pointer; padding: 9px 12px; font-weight: 700; color: var(--accent); list-style: none; }
details.pkt-bilgi > summary::-webkit-details-marker { display: none; }
details.pkt-bilgi > summary::before { content: '▸ '; }
details.pkt-bilgi[open] > summary::before { content: '▾ '; }
details.pkt-bilgi > :not(summary) { padding: 0 12px; }
details.pkt-bilgi[open] { padding-bottom: 8px; }
.th-baslik { display: flex; align-items: center; }
.pz-danisman h4 { display: flex; align-items: center; }
details.pkt-bilgi { padding: 0 !important; }
details.pkt-bilgi[open] { padding-bottom: 8px !important; }
html[data-tema="kurumsal"] .push-serit .push-ac { background: var(--accent) !important; color: var(--accent-yazi, #fff) !important; border-color: var(--accent) !important; font-weight: 700; padding: 6px 16px !important; }
details.bilgi:not([open]) .bilgi-balon { display: none; }
@media (max-width: 760px) { .bd-olaylar input, .bd-tanitim input, .bd-anahtar input, .pkt-kutu input { width: 20px !important; height: 20px !important; } }
/* v2.9 abonelik şeridi */
.abonelik-serit { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px 8px 14px; margin-bottom: 10px; border-radius: var(--r-kontrol, 10px); background: var(--warning-glow); border: 1px solid color-mix(in srgb, var(--warning) 35%, transparent); font-size: 0.84rem; color: var(--text-main); }
.abonelik-serit.acil { background: var(--danger-glow); border-color: color-mix(in srgb, var(--danger) 35%, transparent); }
.abonelik-serit span { color: var(--text-sub); } .abonelik-serit b { color: var(--text-main); }
html[data-tema="kurumsal"] .abonelik-serit .abonelik-yenile { width: auto !important; flex-shrink: 0; text-decoration: none; font-weight: 700; padding: 6px 16px !important; background: var(--accent) !important; color: var(--accent-yazi, #fff) !important; border-color: var(--accent) !important; }

/* ============ v3.0 FİYAT REHBERİ · KİŞİ ROZETLERİ ============ */
.is-pazar { font-size: 0.78rem; font-weight: 700; color: var(--text-sub); margin: -2px 0 2px; }
.is-pazar span { font-weight: 500; }
.is-pazar.iyi { color: var(--green); }
.is-pazar.dusuk { color: var(--warning); }
.kisi-rozet { display: inline-flex; margin-left: 6px; font-size: 0.7rem; font-weight: 800; padding: 1px 8px; border-radius: 999px; cursor: help; vertical-align: middle; }
.kisi-rozet.guvenilir { color: var(--green); background: var(--green-glow); }
.kisi-rozet.dikkat { color: var(--warning); background: var(--warning-glow); }
.kisi-rozet.engelli { color: var(--danger); background: var(--danger-glow); }
.kisi-secenekler { display: flex; flex-direction: column; gap: 6px; }
.kisi-secenek { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid var(--card-border); border-radius: var(--r-kontrol, 10px); cursor: pointer; }
.kisi-secenek:has(input:checked) { border-color: var(--accent); background: var(--accent-glow); }
.kisi-secenek input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--accent); flex-shrink: 0; }
.kisi-secenek b { display: block; font-size: 0.88rem; color: var(--text-main); }
.kisi-secenek.engelli b { color: var(--danger); } .kisi-secenek.guvenilir b { color: var(--green); } .kisi-secenek.dikkat b { color: var(--warning); }
.kisi-secenek small { font-size: 0.76rem; color: var(--text-sub); }

/* ============ v3.0 AYLIK RAPOR ============ */
.th-mod { margin-bottom: 12px; }
.rp-kilit { padding: 22px; border: 1px dashed var(--cizgi-guclu); border-radius: var(--r-panel, 14px); text-align: center; }
.rp-kilit b { font-size: 1.05rem; color: var(--text-main); } .rp-kilit p { color: var(--text-sub); font-size: 0.86rem; margin: 6px auto 14px; max-width: 460px; }
.rp-kilit .btn { width: auto !important; padding: 10px 20px !important; display: inline-block; text-decoration: none; }
.rp-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.rp-ust select { width: auto !important; min-width: 180px; text-transform: capitalize; }
.rp-dugmeler { display: flex; gap: 6px; } .rp-dugmeler .btn-mini { width: auto !important; }
.rp-baslik-yazdir { display: none; }
.th-kpi small.artis { color: var(--green); font-weight: 700; } .th-kpi small.azalis { color: var(--danger); font-weight: 700; }
.rp-grafik-kutu, .rp-tablo, .rp-isler { background: var(--card); border: 1px solid var(--card-border); border-radius: var(--r-panel, 14px); padding: 14px; margin-bottom: 12px; }
.rp-grafik-kutu h4, .rp-tablo h4 { font-size: 0.9rem; margin: 0 0 10px; color: var(--text-main); } .rp-grafik-kutu h4 small { font-weight: 500; color: var(--text-sub); }
.rp-grafik { display: flex; align-items: flex-end; gap: 2px; height: 120px; }
.rp-gun { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-width: 0; }
.rp-gun i { width: 100%; background: var(--accent); border-radius: 3px 3px 0 0; min-height: 0; display: block; }
.rp-gun span { font-size: 0.62rem; color: var(--text-sub); height: 14px; line-height: 14px; }
.rp-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rp-satir { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 7px 8px; font-size: 0.84rem; border-radius: 8px; overflow: hidden; }
.rp-satir span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-main); z-index: 1; }
.rp-satir em { font-style: normal; color: var(--text-sub); font-size: 0.76rem; z-index: 1; } .rp-satir b { z-index: 1; font-variant-numeric: tabular-nums; }
.rp-satir i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent-glow); z-index: 0; }
.rp-isler summary { cursor: pointer; font-weight: 700; font-size: 0.9rem; color: var(--text-main); }
.rp-is { display: grid; grid-template-columns: 50px minmax(0, 1.4fr) minmax(0, 0.8fr) auto auto; gap: 10px; padding: 7px 0; border-top: 1px solid var(--card-border); font-size: 0.82rem; align-items: center; }
.rp-is span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rp-is em { font-style: normal; font-size: 0.72rem; font-weight: 700; color: var(--warning); } .rp-is em.iyi { color: var(--green); }
@media (max-width: 760px) { .rp-ikili { grid-template-columns: 1fr; } .rp-is { grid-template-columns: 44px minmax(0, 1fr) auto; } .rp-is span:nth-child(3), .rp-is em { display: none; } }
@media print {
    body.rapor-yazdir * { visibility: hidden; }
    body.rapor-yazdir #tahsilatIcerik, body.rapor-yazdir #tahsilatIcerik * { visibility: visible; }
    body.rapor-yazdir #tahsilatIcerik { position: absolute; left: 0; top: 0; width: 100%; }
    body.rapor-yazdir .th-mod, body.rapor-yazdir .rp-ust, body.rapor-yazdir .bilgi, body.rapor-yazdir #tahsilatGunSecici { display: none !important; }
    body.rapor-yazdir .rp-baslik-yazdir { display: block; font-weight: 800; font-size: 1.1rem; margin-bottom: 12px; }
    body.rapor-yazdir .rp-grafik-kutu, body.rapor-yazdir .rp-tablo, body.rapor-yazdir .th-kpi, body.rapor-yazdir .rp-isler { break-inside: avoid; box-shadow: none !important; }
}
/* v3.0 Ayarlar → kişiler */
.ks-ozet { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; } .ks-ozet .kisi-rozet { margin: 0; cursor: default; }
.ks-arama { margin-bottom: 8px; }
.ks-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 10px 0; border-top: 1px solid var(--card-border); }
.ks-bilgi b { display: block; font-size: 0.9rem; color: var(--text-main); } .ks-bilgi small { font-size: 0.78rem; color: var(--text-sub); }
.ks-satir select { width: auto !important; } .ks-satir .btn-mini { width: auto !important; }
@media (max-width: 480px) { .ks-satir { grid-template-columns: 1fr auto; } .ks-bilgi { grid-column: 1 / -1; } }

/* ============ v3.1 GRUPLARIM ============ */
.grup-secim .filter-list { max-height: min(58vh, 520px); overflow-y: auto; overscroll-behavior: contain; padding: 2px; margin: 0 -2px; }
.grup-secim .filter-item { cursor: pointer; }
.grup-secim .filter-item span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grup-kaydet-cubugu { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; gap: 12px;
    margin-top: 14px; padding: 12px 0 calc(2px + env(safe-area-inset-bottom, 0px)); background: var(--panel); border-top: 1px solid var(--card-border); }
.grup-kaydet-cubugu .btn { width: auto !important; padding: 10px 26px !important; flex-shrink: 0; }
.grup-ozet { font-size: 0.86rem; color: var(--text-sub); } .grup-ozet b { color: var(--text-main); }

/* ============ v3.1 SUNUCU SORUNU EKRANI ============ */
.sunucu-sorunu { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--perde, rgba(17, 24, 39, 0.55)); backdrop-filter: blur(3px); }
.sunucu-sorunu-kutu { width: min(440px, 100%); background: var(--panel); border: 1px solid var(--card-border); border-radius: 18px; box-shadow: var(--golge-pencere); padding: 26px 24px 18px; text-align: center; }
.sunucu-sorunu-kutu h2 { font-size: 1.2rem; font-weight: 800; letter-spacing: -0.02em; color: var(--text-main); margin: 0 0 8px; }
.sunucu-sorunu-kutu p { font-size: 0.92rem; line-height: 1.55; color: var(--text-sub); margin: 0 0 18px; }
.sunucu-sorunu-dugme { display: flex; gap: 10px; } .sunucu-sorunu-dugme .btn { flex: 1; width: auto !important; }
.sunucu-sorunu-kutu small { display: block; margin-top: 14px; font-size: 0.72rem; color: var(--text-sub); opacity: .8; }

/* ============ v3.1 WHATSAPP BAĞLANTI PENCERESİ ============ */
.wa-modal { max-width: 440px; }
.wa-aciklama { font-size: 0.92rem; line-height: 1.55; color: var(--text-sub); margin: 0 0 14px; } .wa-aciklama b { color: var(--text-main); }
.wa-numara { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--card-border); border-radius: var(--r-kontrol, 10px); background: var(--yuzey-1); margin-bottom: 12px; }
.wa-numara span { font-size: 0.78rem; font-weight: 700; color: var(--text-sub); } .wa-numara b { font-size: 1.05rem; color: var(--text-main); letter-spacing: 0.02em; font-variant-numeric: tabular-nums; flex: 1; }
.wa-degistir { border: none; background: none; color: var(--accent); font: inherit; font-size: 0.82rem; font-weight: 700; cursor: pointer; padding: 6px 4px; }
.wa-ipucu { font-size: 0.8rem; line-height: 1.5; color: var(--text-sub); margin: 8px 0 0; }
.wa-ana { width: 100% !important; margin-top: 12px; } .wa-ana:disabled { opacity: .6; cursor: wait; }
.wa-adimlar { list-style: none; margin: 4px 0 14px; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.wa-adimlar li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--r-kontrol, 10px); font-size: 0.92rem; color: var(--text-sub); transition: background .2s, color .2s; }
.wa-adimlar li i { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--cizgi-guclu); flex-shrink: 0; box-sizing: border-box; display: inline-block; }
.wa-adimlar li em { font-style: normal; font-weight: 700; color: var(--accent); }
.wa-adimlar li.aktif { background: var(--accent-glow); color: var(--text-main); font-weight: 600; }
.wa-adimlar li.aktif i { border-color: var(--accent); border-top-color: transparent; animation: wa-don 0.9s linear infinite; }
.wa-adimlar li.bitti { color: var(--text-main); }
.wa-adimlar li.bitti i { border-color: var(--green); background: var(--green); position: relative; }
.wa-adimlar li.bitti i::after { content: ''; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
@keyframes wa-don { to { transform: rotate(360deg); } }
.wa-sure { font-size: 0.86rem; color: var(--text-sub); margin: 0 0 6px; } .wa-sure b { color: var(--text-main); font-variant-numeric: tabular-nums; }
.wa-kod { font-size: 2.1rem; font-weight: 800; letter-spacing: 0.22em; text-align: center; padding: 18px 8px; border-radius: 14px; background: var(--yuzey-2); color: var(--text-main); font-variant-numeric: tabular-nums; margin-bottom: 10px; user-select: all; }
.wa-kopyala { display: block; margin: 0 auto 14px; width: auto !important; }
.wa-talimat { margin: 0 0 8px 20px; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 0.9rem; color: var(--text-main); line-height: 1.45; }
.wa-hata { padding: 12px 14px; border-radius: var(--r-kontrol, 10px); background: var(--danger-glow); color: var(--danger); font-size: 0.9rem; font-weight: 600; margin: 0 0 4px; }
.btn-connect-wa.suruyor { animation: wa-nabiz 1.6s ease-in-out infinite; }
@keyframes wa-nabiz { 50% { opacity: .65; } }
@media (prefers-reduced-motion: reduce) { .wa-adimlar li.aktif i, .btn-connect-wa.suruyor { animation: none; } }
@media (max-width: 480px) { .wa-kod { font-size: 1.7rem; letter-spacing: 0.16em; } .wa-numara { flex-wrap: wrap; } }

.wa-talimat { text-align: left; }
.wa-talimat li { padding-left: 4px; }