/* =============================================================================
   ASVARIS KURUMSAL PORTAL TEMASI
   -----------------------------------------------------------------------------
   Kaynak kimlik: ASVARIS kurumsal web sitesi.
   Korunanlar: portal DOM'u, izinler, API akislari, veri yogunlugu ve moduller.
   Donusenler: renk, tipografi, yuzey, kenar, logo ve marka gorselleri.
   ============================================================================= */

:root,
[data-tema] {
  color-scheme: light;

  /* Kurumsal web sitesi tokenlari. */
  --asv-brand-ink: #0a1628;
  --asv-brand-ink-2: #3d4f6f;
  --asv-brand-muted: #6b7b99;
  --asv-brand-paper: #f8f7fe;
  --asv-brand-paper-2: #ffffff;
  --asv-brand-soft: #f1f0fb;
  --asv-brand-navy: #0b2545;
  --asv-brand-indigo: #1f2bdd;
  --asv-brand-purple: #7a2fe0;
  --asv-brand-teal: #12b8e4;
  --asv-brand-grad: linear-gradient(120deg, #7a2fe0, #1f2bdd 52%, #12b8e4);
  --asv-brand-hair: rgb(10 22 40 / .10);
  --asv-brand-hair-strong: rgb(10 22 40 / .18);
  --asv-brand-shadow: 0 16px 42px rgb(30 38 92 / .09);

  /* Eski moduller dogrudan bu palet tokenlarini da okuyor. */
  --asv-bg-void: var(--asv-brand-paper);
  --asv-bg-deep: #f3f2fb;
  --asv-bg-panel: var(--asv-brand-paper-2);
  --asv-bg-elev: #f4f3fc;
  --asv-line: #dfe3ef;
  --asv-line-bright: #c8d0e2;
  --asv-cyan: var(--asv-brand-teal);
  --asv-blue: var(--asv-brand-indigo);
  --asv-green: #078f6f;
  --asv-amber: #a86608;
  --asv-red: #d13b64;
  --asv-purple: var(--asv-brand-purple);
  --asv-tx: var(--asv-brand-ink);
  --asv-tx-dim: var(--asv-brand-ink-2);
  --asv-tx-faint: var(--asv-brand-muted);

  /* Anlamsal ve WebRTC/uzak kontrol geri dususleri. */
  --asv-zemin: var(--asv-brand-paper);
  --asv-zemin-derin: #f3f2fb;
  --asv-yuzey: #ffffff;
  --asv-yuzey-yuksek: #f4f3fc;
  --asv-yuzey-0: var(--asv-brand-paper);
  --asv-yuzey-1: #ffffff;
  --asv-yuzey-2: #f4f3fc;
  --asv-kenar-renk: #dfe3ef;
  --asv-kenar-parlak: #c8d0e2;
  --asv-kenarlik: #dfe3ef;
  --asv-vurgu-renk: var(--asv-brand-indigo);
  --asv-vurgu: var(--asv-brand-indigo);
  --asv-mavi-vurgu: var(--asv-brand-indigo);
  --asv-ikincil-vurgu: var(--asv-brand-purple);
  --asv-basari-renk: #078f6f;
  --asv-basari: #078f6f;
  --asv-dikkat-renk: #a86608;
  --asv-hata-renk: #d13b64;
  --asv-tehlike: #d13b64;
  --asv-metin-renk: var(--asv-brand-ink);
  --asv-metin: var(--asv-brand-ink);
  --asv-metin-soluk: var(--asv-brand-ink-2);
  --asv-metin-cok-soluk: var(--asv-brand-muted);
  --asv-kart-golge: var(--asv-brand-shadow);
  --asv-kose: 14px;
  --asv-radius: 14px;
  --asv-yuvarlak: 14px;
  --asv-focus-color: var(--asv-brand-indigo);
  --asv-font-govde: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --asv-font-mono: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --asv-font-pixel: Jost, "Segoe UI", system-ui, sans-serif;
}

html[data-tema] {
  background: var(--asv-brand-paper);
}

[data-tema] body {
  background:
    radial-gradient(44rem 28rem at 84% 4%, rgb(122 47 224 / .09), transparent 72%),
    radial-gradient(38rem 26rem at 7% 92%, rgb(18 184 228 / .08), transparent 72%),
    var(--asv-brand-paper);
  color: var(--asv-brand-ink);
  font-family: var(--asv-font-govde);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

[data-tema] body::before {
  opacity: 1;
  background:
    radial-gradient(38% 30% at 18% 16%, rgb(18 184 228 / .055), transparent 72%),
    radial-gradient(42% 34% at 82% 13%, rgb(122 47 224 / .055), transparent 74%);
  mask-image: none;
}

[data-tema] ::selection {
  color: #fff;
  background: var(--asv-brand-indigo);
}

[data-tema] :focus-visible {
  outline-color: var(--asv-brand-indigo);
}

/* --- Kabuk ------------------------------------------------------------- */

[data-tema] .asv-kabuk {
  grid-template-rows: 72px minmax(0, 1fr) auto;
  background: transparent;
}

[data-tema] .asv-panel {
  gap: 12px;
  padding: 12px 22px;
  background: rgb(255 255 255 / .84);
  border-bottom: 1px solid var(--asv-brand-hair);
  box-shadow: 0 8px 30px rgb(31 43 120 / .045);
  backdrop-filter: blur(18px);
}

[data-tema] .asv-panel > .asv-alan {
  max-width: 520px;
}

[data-tema] .asv-panel > .asv-alan::before {
  width: 42px;
  color: var(--asv-brand-indigo);
  background: #f7f8fc;
  border-color: var(--asv-brand-hair-strong);
  border-radius: 12px 0 0 12px;
}

[data-tema] .asv-panel > .asv-alan .asv-alan-girdi {
  height: 42px;
  min-height: 42px;
  color: var(--asv-brand-ink);
  background: #f7f8fc;
  border-color: var(--asv-brand-hair-strong);
  border-radius: 0 12px 12px 0;
}

[data-tema] .asv-panel > .asv-alan .asv-alan-girdi::placeholder {
  color: var(--asv-brand-muted);
}

[data-tema] .asv-hizli-olustur {
  color: #fff;
  background: var(--asv-brand-grad);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 12px 26px rgb(31 43 221 / .20);
}

[data-tema] .asv-hizli-olustur {
  min-height: 42px;
  padding-inline: 21px;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 0;
}

[data-tema] .asv-hizli-olustur:hover {
  border-color: transparent;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

[data-tema] .asv-vurgulu {
  color: var(--asv-brand-indigo);
  background: transparent;
  font-weight: 650;
  text-decoration: none;
}

[data-tema] .asv-vurgulu:hover { color: var(--asv-brand-purple); }

[data-tema] .asv-panel .asv-sekme,
[data-tema] .asv-cikis {
  min-width: 42px;
  min-height: 42px;
  color: var(--asv-brand-ink-2);
  background: #fff;
  border: 1px solid var(--asv-brand-hair-strong);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgb(30 38 92 / .05);
}

[data-tema] .asv-panel .asv-ust-cubuk > .asv-sekme:first-of-type::after {
  color: var(--asv-brand-indigo);
}

[data-tema] .asv-cikis::after {
  color: #d13b64;
}

[data-tema] .asv-kullanici {
  min-width: 182px;
  color: var(--asv-brand-ink);
  border-left-color: var(--asv-brand-hair);
}

[data-tema] .asv-kullanici strong {
  color: var(--asv-brand-ink);
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}

[data-tema] .asv-kullanici-kimlik > span {
  color: var(--asv-brand-muted);
  font-size: 12px;
}

[data-tema] .asv-avatar {
  border-color: rgb(122 47 224 / .42);
  border-radius: 12px;
  box-shadow: 0 8px 20px rgb(122 47 224 / .16);
}

[data-tema] .asv-kenar {
  background: linear-gradient(180deg, #0b2545 0%, #101f50 56%, #171f56 100%);
  border-right: 0;
  box-shadow: 14px 0 38px rgb(27 34 85 / .12);
}

[data-tema] .asv-marka {
  min-height: 146px;
  padding: 24px 18px 14px;
  border-bottom-color: rgb(255 255 255 / .09);
}

[data-tema] .asv-marka-logo {
  width: 172px;
  height: 51px;
  object-fit: contain;
  object-position: center;
}

[data-tema] .asv-marka-amblem {
  width: 64px;
  height: 64px;
  margin-top: 10px;
  object-fit: cover;
  border-radius: 18px;
  filter: drop-shadow(0 10px 18px rgb(18 184 228 / .24));
}

[data-tema] .asv-marka-amblem::before,
[data-tema] .asv-marka-amblem::after {
  display: none;
}

[data-tema] .asv-kenar-daralt {
  margin: 10px 10px 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  color: rgb(255 255 255 / .72);
  border: 1px solid rgb(255 255 255 / .12);
  border-radius: 9px;
}

[data-tema] .asv-gezinme {
  gap: 4px;
  padding: 14px 12px;
}

[data-tema] .asv-gezinme-oge {
  min-height: 43px;
  padding: 9px 12px;
  color: rgb(225 232 255 / .76);
  border: 1px solid transparent;
  border-radius: 12px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 550;
}

[data-tema] .asv-gezinme-oge:hover {
  color: #fff;
  background: rgb(255 255 255 / .08);
  border-color: rgb(255 255 255 / .10);
}

[data-tema] .asv-gezinme-aktif {
  color: #fff;
  background: linear-gradient(105deg, rgb(122 47 224 / .92), rgb(31 43 221 / .92) 64%, rgb(18 184 228 / .82));
  border-color: rgb(255 255 255 / .16);
  box-shadow: 0 12px 24px rgb(3 8 28 / .22), inset 0 1px rgb(255 255 255 / .16);
}

[data-tema] .asv-gezinme-oge asv-ikon,
[data-tema] .asv-gezinme-aktif asv-ikon {
  color: currentColor;
}

[data-tema] .asv-sirket-karti {
  min-height: 118px;
  margin: 8px 12px 14px;
  color: rgb(225 232 255 / .68);
  background:
    linear-gradient(145deg, rgb(255 255 255 / .09), rgb(255 255 255 / .035)),
    url('/varliklar/marka/asvaris-piramit.webp') right -9px bottom -24px / 105px auto no-repeat;
  border: 1px solid rgb(255 255 255 / .13);
  border-radius: 16px;
  box-shadow: none;
}

[data-tema] .asv-sirket-karti strong { color: #fff; }
[data-tema] .asv-sirket-karti > div { color: #6ee7d8; }
[data-tema] .asv-sirket-gorsel { display: none; }

[data-tema] .asv-icerik {
  padding: 24px 28px;
  background: transparent;
  scrollbar-color: #c9cce0 transparent;
}

[data-tema] .asv-durum-cubugu {
  min-height: 30px;
  padding: 5px 18px;
  color: #087f68;
  background: rgb(255 255 255 / .82);
  border-top-color: var(--asv-brand-hair);
  backdrop-filter: blur(14px);
}

[data-tema] .asv-durum-sinyali {
  background: #12b89e;
  box-shadow: 0 0 0 4px rgb(18 184 158 / .12);
}

/* --- Baslik, kart, form ve tablolar ------------------------------------ */

[data-tema] .asv-icerik .asv-ust-cubuk,
[data-tema] .asv-sayfa-basligi {
  min-height: 78px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--asv-brand-hair);
}

[data-tema] .asv-icerik .asv-kart-baslik,
[data-tema] .asv-sayfa-basligi h1,
[data-tema] .asv-dashboard-panel h2 {
  color: var(--asv-brand-ink);
  font-family: Jost, "Segoe UI", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -.015em;
  text-transform: none;
}

[data-tema] .asv-sayfa-basligi h1,
[data-tema] .asv-icerik > section > .asv-ust-cubuk > h1,
[data-tema] .asv-icerik > section > .asv-ust-cubuk > .asv-kart-baslik {
  position: relative;
  font-size: clamp(24px, 2vw, 32px);
}

[data-tema] .asv-sayfa-basligi h1::after,
[data-tema] .asv-icerik > section > .asv-ust-cubuk > h1::after,
[data-tema] .asv-icerik > section > .asv-ust-cubuk > .asv-kart-baslik::after {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  margin-top: 10px;
  border-radius: 99px;
  background: var(--asv-brand-grad);
}

[data-tema] .asv-sayfa-basligi p { color: var(--asv-brand-muted); }

[data-tema] .asv-tarih-karti {
  color: var(--asv-brand-indigo);
  background: rgb(31 43 221 / .055);
  border: 1px solid rgb(31 43 221 / .14);
  border-radius: 999px;
}

[data-tema] :where(.asv-kart, .asv-dashboard-panel, .asv-metrik, .asv-modal, .asv-uk-panel) {
  color: var(--asv-brand-ink);
  background: rgb(255 255 255 / .94);
  border: 1px solid var(--asv-brand-hair);
  border-radius: 16px;
  box-shadow: var(--asv-brand-shadow);
}

[data-tema] :where(.asv-kart, .asv-dashboard-panel, .asv-metrik)::before {
  border-color: rgb(122 47 224 / .38);
}

[data-tema] .asv-kart:hover {
  border-color: rgb(31 43 221 / .26);
  box-shadow: 0 20px 48px rgb(30 38 92 / .13);
}

[data-tema] .asv-metrik {
  min-height: 118px;
  padding: 18px;
  overflow: hidden;
}

[data-tema] .asv-metrik::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -34px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(122 47 224 / .12), transparent 70%);
}

[data-tema] .asv-metrik-etiket { color: var(--asv-brand-muted); }
[data-tema] .asv-metrik strong { color: var(--asv-brand-ink); }

[data-tema] .asv-dashboard-izgara,
[data-tema] .asv-dashboard-alt { gap: 16px; }

[data-tema] .asv-dashboard-panel { padding: 20px; }

[data-tema] .asv-dashboard-panel h2 {
  color: var(--asv-brand-ink);
  border-bottom-color: var(--asv-brand-hair);
}

[data-tema] .asv-dashboard-liste li {
  color: var(--asv-brand-ink-2);
  border-bottom-color: var(--asv-brand-hair);
}

[data-tema] .asv-dashboard-liste strong { color: var(--asv-brand-ink); }
[data-tema] .asv-dashboard-liste small { color: var(--asv-brand-muted); }
[data-tema] .asv-panel-baglanti { color: var(--asv-brand-indigo); }

[data-tema] .asv-neon-grafik {
  background:
    linear-gradient(rgb(31 43 221 / .06) 1px, transparent 1px),
    linear-gradient(90deg, rgb(31 43 221 / .04) 1px, transparent 1px),
    linear-gradient(180deg, #fbfbff, #f4f5fb);
  background-size: 100% 25%, 12.5% 100%, auto;
  border-color: var(--asv-brand-hair);
  border-radius: 12px;
}

[data-tema] .asv-neon-grafik span {
  background: linear-gradient(180deg, var(--asv-brand-teal), var(--asv-brand-indigo));
  box-shadow: none;
  border-radius: 7px 7px 2px 2px;
}

[data-tema] .asv-neon-grafik span:nth-child(even) {
  background: linear-gradient(180deg, var(--asv-brand-purple), var(--asv-brand-indigo));
}

[data-tema] .asv-grafik-oran { color: var(--asv-brand-indigo); }

/* Genel Bakis · 2026-10: neon katmani bu ogeleri BEYAZ/koyu boyuyor;
   acik zeminde gorunmuyorlardi ("Canli Durum" sayilari kayipti). */
[data-tema] .asv-durum-satiri {
  color: var(--asv-brand-ink-2);
  border-bottom-color: var(--asv-brand-hair);
}
[data-tema] .asv-durum-satiri > span { color: var(--asv-brand-ink-2); }
[data-tema] .asv-durum-satiri strong { color: var(--asv-brand-ink); }
[data-tema] .asv-durum-turkuaz::before { color: var(--asv-brand-teal); }
[data-tema] .asv-durum-mor::before { color: var(--asv-brand-purple); }
[data-tema] .asv-durum-mavi::before { color: var(--asv-brand-indigo); }
[data-tema] .asv-durum-kirmizi::before { color: #e0245e; }
[data-tema] .asv-durum-kirmizi strong { color: #c81e53; }

[data-tema] .asv-grafik-etiketler > span { color: var(--asv-brand-muted); }
[data-tema] .asv-grafik-etiketler b { color: var(--asv-brand-ink); }

[data-tema] .asv-dashboard-liste a { color: var(--asv-brand-ink); }
[data-tema] .asv-dashboard-liste a:hover { color: var(--asv-brand-indigo); }

[data-tema] .asv-ilerleme-cubugu { background: var(--asv-brand-hair); }
[data-tema] .asv-ilerleme-cubugu > i {
  background: linear-gradient(90deg, var(--asv-brand-teal), var(--asv-brand-indigo));
}

[data-tema] a.asv-metrik:hover,
[data-tema] a.asv-metrik:focus-visible {
  box-shadow: 0 16px 40px rgb(30 38 92 / .12);
}

[data-tema] .asv-sekme,
[data-tema] button,
[data-tema] select,
[data-tema] input,
[data-tema] textarea {
  font-family: var(--asv-font-govde);
}

[data-tema] .asv-sekme,
[data-tema] :where(.asv-uk-cubuk-btn, .asv-uk-serit-btn) {
  color: var(--asv-brand-ink-2);
  background: #fff;
  border-color: var(--asv-brand-hair-strong);
  border-radius: 10px;
}

[data-tema] asv-buton::part(buton) {
  color: var(--asv-brand-ink-2);
  background: #fff;
  border: 1px solid var(--asv-brand-hair-strong);
  border-radius: 10px;
  font-family: var(--asv-font-govde);
}

[data-tema] asv-buton[tur="birincil"]::part(buton) {
  color: #fff;
  background: var(--asv-brand-grad);
  border-color: transparent;
  border-radius: 999px;
  box-shadow: 0 9px 22px rgb(31 43 221 / .18);
}

[data-tema] asv-buton[tur="tehlike"]::part(buton) {
  color: #c52f5d;
  background: #fff6f8;
  border-color: rgb(197 47 93 / .28);
}

[data-tema] .asv-sekme:hover,
[data-tema] :where(.asv-uk-cubuk-btn, .asv-uk-serit-btn):hover {
  color: var(--asv-brand-indigo);
  background: #f6f5fd;
  border-color: rgb(31 43 221 / .34);
}

[data-tema] .asv-sekme-aktif {
  color: #fff;
  background: var(--asv-brand-grad);
  border-color: transparent;
  box-shadow: 0 8px 22px rgb(31 43 221 / .18);
}

[data-tema] .asv-alan-girdi,
[data-tema] :where(input, select, textarea) {
  color: var(--asv-brand-ink);
  background: #fff;
  border-color: var(--asv-brand-hair-strong);
  border-radius: 10px;
}

[data-tema] :where(input, textarea)::placeholder { color: #8a96ae; }
[data-tema] .asv-alan-etiket { color: var(--asv-brand-muted); }

[data-tema] .asv-liste {
  border-color: var(--asv-brand-hair);
  border-radius: 12px;
}

[data-tema] .asv-liste-oge {
  color: var(--asv-brand-ink);
  background: #fff;
  border-bottom-color: var(--asv-brand-hair);
}

[data-tema] .asv-liste-oge:hover { background: #f8f8fd; }

[data-tema] .asv-rozet {
  color: var(--asv-brand-ink-2);
  background: #f5f4fb;
  border-color: #dedff0;
  border-radius: 999px;
}

[data-tema] .asv-tablo {
  color: var(--asv-brand-ink);
  background: #fff;
  border-color: var(--asv-brand-hair);
  border-radius: 14px;
  box-shadow: var(--asv-brand-shadow);
}

[data-tema] .asv-tablo-baslik {
  color: var(--asv-brand-ink-2);
  background: #f4f4fa;
  border-bottom-color: var(--asv-brand-hair);
}

[data-tema] .asv-tablo-satir {
  /* ⚠ ZEMIN DE EZILIYOR. Yalnizca kenarlik ezilseydi neon katmanin
     koyu lacivert zemini acik temada kalirdi: bir satir koyu, bir
     satir acik - ve koyu satirdaki mavi baglanti okunamaz olurdu. */
  color: var(--asv-brand-ink-2);
  background: var(--asv-brand-paper-2);
  border-bottom-color: var(--asv-brand-hair);
}
[data-tema] .asv-tablo-satir:nth-child(even) { background: #fbfbfe; }
[data-tema] .asv-tablo-satir:hover { background: #f3f5ff; }

[data-tema] .asv-yukleniyor,
[data-tema] .asv-bos-durum { color: var(--asv-brand-muted); }

[data-tema] .asv-modal::backdrop {
  background: rgb(11 37 69 / .34);
  backdrop-filter: blur(5px);
}

/* --- Gorev/takvim/dosya/analitik -------------------------------------- */

[data-tema] .asv-gorevler-ekrani > .asv-kart-govde {
  gap: 14px;
  background: transparent;
}

[data-tema] .asv-gorevler-ekrani .asv-sutun {
  background: rgb(255 255 255 / .82);
  border-color: var(--asv-brand-hair);
  border-radius: 16px;
  box-shadow: 0 12px 36px rgb(30 38 92 / .07);
}

[data-tema] .asv-gorevler-ekrani .asv-sutun-baslik {
  color: var(--asv-brand-ink);
  background: #f7f7fc;
  border-bottom-color: var(--asv-brand-hair);
  border-radius: 15px 15px 0 0;
}

[data-tema] .asv-gorevler-ekrani .asv-liste-oge {
  color: var(--asv-brand-ink-2);
  background: #fff;
  border: 1px solid var(--asv-brand-hair);
  border-radius: 12px;
  box-shadow: 0 7px 20px rgb(30 38 92 / .055);
}

[data-tema] .asv-gorevler-ekrani .asv-liste-oge > div:first-child a {
  color: var(--asv-brand-ink);
}

[data-tema] .asv-gorevler-ekrani .asv-liste-oge > div:first-child a:first-child {
  color: var(--asv-brand-indigo);
  font-weight: 700;
}

/* ⚠ 2026-10 · GENEL KURAL. Neon katmani bos durum kutusunu KOYU boyuyor;
   eskiden yalnizca Gorevler ekrani acik zemine cekiliyordu, Inbox, gorev
   detayi, Bildirimler... acik kabuk icinde koyu gri kutular olarak
   kaliyordu. Koyu kalmasi gereken tek yer teknik sahneler (toplanti
   sahnesi, uzak kontrol). */
[data-tema] .asv-bos-durum:not(:is(.asv-toplanti-sahne, .asv-uzak-kontrol-sahne) .asv-bos-durum) {
  color: var(--asv-brand-muted);
  background: linear-gradient(145deg, #f8f8fc, #f2f4fa);
  border-color: var(--asv-brand-hair);
  border-radius: 12px;
}

[data-tema] .asv-takvim-ekrani > div:not(.asv-ust-cubuk):not(.asv-kart-govde) {
  color: var(--asv-brand-ink-2);
  background: #fff;
  border-color: var(--asv-brand-hair);
  border-radius: 14px;
}

[data-tema] .asv-analitik-ekrani .asv-kart {
  background: #fff;
}

/* --- Toplanti ve uzak kontrol: teknik sahne koyu, kabuk kurumsal ------- */

[data-tema] .asv-toplanti-oda-ozet,
[data-tema] .asv-toplanti-oda-listesi,
[data-tema] .asv-toplanti-yan-panel {
  color: var(--asv-brand-ink);
  background: #fff;
  border-color: var(--asv-brand-hair);
  border-radius: 16px;
  box-shadow: var(--asv-brand-shadow);
}

[data-tema] .asv-toplanti-sahne {
  color: #e9efff;
  background: linear-gradient(145deg, #0b2545, #111b46 65%, #25174f);
  border-color: rgb(122 47 224 / .34);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgb(11 22 60 / .20);
}

[data-tema] .asv-toplanti-oda-oge {
  color: var(--asv-brand-ink-2);
  border-bottom-color: var(--asv-brand-hair);
}

[data-tema] .asv-toplanti-oda-oge[data-secili="1"] {
  color: var(--asv-brand-indigo);
  background: linear-gradient(90deg, rgb(31 43 221 / .09), rgb(122 47 224 / .05));
}

[data-tema] .asv-toplanti-kontrol {
  background: rgb(11 24 59 / .96);
  border-color: rgb(114 141 208 / .30);
  border-radius: 14px;
}

[data-tema] .asv-uk-panel {
  padding: 18px;
}

[data-tema] .asv-uk-cihaz {
  color: var(--asv-brand-ink-2);
  background: #fbfbfe;
  border-color: var(--asv-brand-hair);
  border-radius: 12px;
}

[data-tema] .asv-uk-cihaz-ad { color: var(--asv-brand-ink); }
[data-tema] .asv-uk-cihaz-bilgi { color: var(--asv-brand-muted); }
[data-tema] .asv-uk-kod { background: #faf7ef; border-radius: 12px; }

[data-tema] .asv-uk-goruntu {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgb(18 184 228 / .10), transparent 38%),
    linear-gradient(145deg, #0b2545, #151a48 64%, #28194f);
  border-color: rgb(122 47 224 / .22);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgb(11 22 60 / .16);
}

[data-tema] .asv-uk-goruntu-katman {
  color: rgb(232 238 255 / .74);
  background:
    linear-gradient(rgb(11 37 69 / .78), rgb(20 26 72 / .84)),
    url('/varliklar/marka/asvaris-piramit.webp') center / 170px auto no-repeat;
  border-radius: 12px;
}

/* --- Giris: kurumsal web sitesinin hero dili --------------------------- */

[data-tema] .asv-giris-kok {
  position: relative;
  isolation: isolate;
  place-items: center;
  padding: 28px;
  overflow: hidden;
  background:
    radial-gradient(42rem 32rem at 78% 28%, rgb(18 184 228 / .13), transparent 70%),
    radial-gradient(42rem 34rem at 14% 82%, rgb(122 47 224 / .12), transparent 70%),
    linear-gradient(135deg, #fafafe, #f2f2fb 55%, #edf8fb);
}

[data-tema] .asv-giris-kok::before {
  content: "";
  top: 42px;
  left: 52px;
  width: 210px;
  height: 62px;
  background: url('/varliklar/marka/asvaris-logo.png') center / 210px auto no-repeat;
  color: transparent;
  filter: none;
  text-shadow: none;
}

[data-tema] .asv-giris-kok::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: clamp(-90px, 3vw, 40px);
  bottom: clamp(-120px, -5vw, -40px);
  width: min(52vw, 680px);
  aspect-ratio: 1;
  background: url('/varliklar/marka/asvaris-piramit.webp') center / contain no-repeat;
  opacity: .20;
  filter: saturate(1.15) drop-shadow(0 30px 80px rgb(31 43 221 / .20));
  transform: rotate(-5deg);
}

[data-tema] .asv-giris {
  width: min(100%, 430px);
  margin: 5vh auto 0;
  padding: 36px;
  color: var(--asv-brand-ink);
  background: rgb(255 255 255 / .84);
  border: 1px solid rgb(255 255 255 / .88);
  border-radius: 24px;
  box-shadow: 0 32px 90px rgb(31 43 104 / .15);
  backdrop-filter: blur(22px);
}

[data-tema] .asv-giris h1 {
  color: var(--asv-brand-ink);
  font-family: Jost, "Segoe UI", sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -.02em;
  text-transform: none;
}

[data-tema] .asv-giris h1::after {
  content: "Intelligence Orchestration Company";
  display: block;
  margin-top: 8px;
  color: var(--asv-brand-purple);
  font-family: var(--asv-font-govde);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

[data-tema] .asv-giris label { color: var(--asv-brand-ink-2); }

[data-tema] .asv-giris input {
  min-height: 48px;
  color: var(--asv-brand-ink);
  background: rgb(248 248 253 / .94);
  border-color: var(--asv-brand-hair-strong);
  border-radius: 12px;
}

[data-tema] .asv-giris button {
  min-height: 48px;
  color: #fff;
  background: var(--asv-brand-grad);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 14px 32px rgb(31 43 221 / .24);
}

[data-tema] .asv-giris a {
  display: inline-block;
  margin-top: 18px;
  color: var(--asv-brand-indigo);
}

/* --- Duyarli ----------------------------------------------------------- */

@media (min-width: 768px) {
  [data-tema] .asv-kabuk {
    grid-template-rows: 72px minmax(0, 1fr) 30px;
  }

  [data-tema] .asv-marka {
    min-height: 92px;
    padding: 18px 10px;
  }

  [data-tema] .asv-marka-logo { display: none; }

  [data-tema] .asv-marka-amblem {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0;
    border-radius: 14px;
  }

  [data-tema] .asv-marka::after { display: none; }
}

@media (min-width: 1280px) {
  [data-tema] .asv-kabuk { grid-template-columns: 224px minmax(0, 1fr); }

  [data-tema] .asv-marka {
    min-height: 146px;
    padding: 24px 18px 14px;
  }

  [data-tema] .asv-marka-logo { display: block; }

  [data-tema] .asv-marka-amblem {
    display: block;
    width: 64px;
    height: 64px;
    margin-top: 10px;
  }

  [data-tema] .asv-icerik { padding: 24px 28px; }
}

@media (max-width: 950px) {
  [data-tema] .asv-panel { padding-inline: 14px; }
  [data-tema] .asv-icerik { padding: 18px; }
}

@media (max-width: 767px) {
  [data-tema] .asv-panel {
    position: sticky;
    top: 0;
    padding: 9px 10px;
  }

  [data-tema] .asv-alt-sekme {
    background: rgb(255 255 255 / .94);
    border-top-color: var(--asv-brand-hair);
    box-shadow: 0 -10px 30px rgb(30 38 92 / .08);
    backdrop-filter: blur(16px);
  }

  [data-tema] .asv-alt-sekme a { color: var(--asv-brand-muted); }
  [data-tema] .asv-alt-sekme .asv-gezinme-aktif { color: var(--asv-brand-indigo); background: transparent; box-shadow: none; }
  [data-tema] .asv-icerik { padding: 14px; }

  [data-tema] .asv-giris-kok::before {
    top: 24px;
    left: 50%;
    width: 180px;
    transform: translateX(-50%);
    background-size: 180px auto;
  }

  [data-tema] .asv-giris-kok::after {
    right: -130px;
    width: 430px;
  }

  [data-tema] .asv-giris {
    margin-top: 76px;
    padding: 26px 22px;
    border-radius: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-tema] .asv-hizli-olustur,
  [data-tema] .asv-vurgulu { transform: none; }
}

/* Bildirim satirindaki goreve giden baglanti (Inbox, Bildirimler, can).
   Neon katmaninin soluk mor baglanti rengi acik zeminde okunmuyordu. */
[data-tema] .asv-liste-oge > div:first-child > a[data-rota] {
  color: var(--asv-brand-indigo);
  font-weight: 600;
  text-decoration: none;
}
[data-tema] .asv-liste-oge > div:first-child > a[data-rota]:hover {
  text-decoration: underline;
}