/* ÜRETİLDİ (build_brands.py) — elle düzenlemeyin. Kaynak: assets/brands/brands.json + <marka>/brand.css */
/* Ortak: yalnız native OLMAYAN markalarda (html[data-brand]) etkin */
html[data-brand].nf-boot::after { background-image: var(--brand-logo); }
html[data-brand] .sidebar .brand-logo { background: transparent !important; box-shadow: none !important; }
html[data-brand] .sidebar .brand-logo img { width: 42px !important; height: 42px; border-radius: 11px; }
html[data-brand].theme-modern .sidebar .brand-text .bw-1 { color: #fff; }
html[data-brand].theme-modern .sidebar .brand-text .bw-2 { color: var(--brand-accent-l, #9fc0ff); }
html[data-brand].theme-modern.theme-pro .menu-link.active .mi { color: var(--brand-accent-l, #9fc0ff); }
html[data-brand] #lgLogo { border-radius: 12px; }
html[data-brand] .hero-chip img { border-radius: 6px; }
html[data-brand-nogoogle] #gBox { display: none !important; }


/* ---- ng ---- */
/* NG Bilişim — ngbilisim.com kimliği: gece #050B16 · sinyal turkuazı #3FE0C5 (açık zeminde #0A7465) · amber #FFB46B · kum #F6F2EC; yazı Geist / Geist Mono (registry "fonts").
   Kapsam: html[data-brand="ng"] (build ön eki denetler). Giriş kuralları :not(#_) ile özgüllük alır → login.html'in Klasik/Pro varyantlarını her durumda geçersiz kılar. */
html[data-brand="ng"] { --brand-ink: #050B16; --brand-accent: #0A7465; --brand-accent-l: #3FE0C5; }
html[data-brand="ng"].theme-modern.theme-pro { --tm-sidebar: linear-gradient(180deg, #0C1729 0%, #050B16 100%); --pro-glow: #3FE0C5; }
html[data-brand="ng"].theme-modern.theme-pro .sidebar::before { background: radial-gradient(circle, rgba(63, 224, 197, .18), rgba(63, 224, 197, 0) 70%); }
html[data-brand="ng"].theme-modern.theme-pro .menu-link.active {
  background: linear-gradient(90deg, rgba(63, 224, 197, .20), rgba(63, 224, 197, .05));
  box-shadow: inset 0 0 0 1px rgba(63, 224, 197, .26);
}
html[data-brand="ng"] .pro-brand .bw-2 { color: #0A7465 !important; }

/* ===== Giriş sayfası (login.html, html.lg-split) — ngbilisim.com ile aynı dil ===== */
html[data-brand="ng"].lg-split:not(#_) {
  --ng-bg: #F6F2EC; --ng-card: #FFFFFF; --ng-sand: #F2EEEA; --ng-ink: #0F1724; --ng-muted: #4C5A69; --ng-faint: #5A6776;
  --ng-sig: #0A7465; --ng-acc: #3FE0C5; --ng-line: rgba(20, 32, 47, .10); --ng-line2: rgba(20, 32, 47, .16);
  --ng-ease: cubic-bezier(.23, 1, .32, 1);
  --ng-f: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ng-fm: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --lg-bg: var(--ng-bg); --lg-text: var(--ng-ink); --lg-muted: var(--ng-muted); --lg-label: var(--ng-ink);
  --lg-input-bg: var(--ng-card); --lg-input-bg-focus: var(--ng-card); --lg-input-border: var(--ng-line2);
  --lg-focus-ring: rgba(63, 224, 197, .30); --lg-err-bg: #FDEDEC; --lg-err-text: #A3302A; --lg-err-border: #F3C7C3;
  --lg-seg-bg: rgba(255, 255, 255, .8); --lg-seg-border: var(--ng-line);
  --lg-font-body: var(--ng-f); --lg-font-head: var(--ng-f);
  color-scheme: light;
}
html[data-brand="ng"].lg-split:not(#_) body { background: var(--ng-bg); font-family: var(--ng-f); color: var(--ng-ink); letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
/* tema seçici (Klasik/Pro) NG'de yok: marka tek görünüm */
html[data-brand="ng"].lg-split:not(#_) .lg-theme { display: none; }
html[data-brand="ng"].lg-split:not(#_) .lg-lang { background: var(--ng-card); border-color: var(--ng-line); box-shadow: 0 6px 18px -10px rgba(15, 23, 36, .25); backdrop-filter: none; }
html[data-brand="ng"].lg-split:not(#_) .lg-langbtn { font: 500 12px var(--ng-fm); color: var(--ng-muted); min-height: 32px; transition: background-color 150ms ease, color 150ms ease; }
html[data-brand="ng"].lg-split:not(#_) .lg-langbtn.on { background: var(--ng-ink); color: #fff; }

/* marka satırı: kare NG işareti + Geist ad */
html[data-brand="ng"].lg-split:not(#_) .pro-brand { gap: 12px; margin-bottom: 40px; }
html[data-brand="ng"].lg-split:not(#_) .brand-logo-img { width: 44px; height: 44px; padding: 0; border-radius: 12px; background: transparent; box-shadow: 0 10px 22px -12px rgba(5, 11, 22, .55); }
html[data-brand="ng"].lg-split:not(#_) h1 { font: 600 19px/1 var(--ng-f); letter-spacing: -.02em; gap: 6px; }
html[data-brand="ng"].lg-split:not(#_) h1 .bw-1 { font-weight: 600; }
html[data-brand="ng"].lg-split:not(#_) h1 .bw-2 { font-weight: 500; letter-spacing: -.02em; color: var(--ng-sig) !important; }

/* başlık */
html[data-brand="ng"].lg-split:not(#_) .pro-title { font: 600 clamp(34px, 3.4vw, 44px)/1.04 var(--ng-f); letter-spacing: -.045em; color: var(--ng-ink); margin-bottom: 30px !important; }

/* alanlar */
html[data-brand="ng"].lg-split:not(#_) label { font: 500 13.5px var(--ng-f); color: var(--ng-ink); letter-spacing: -.005em; }
html[data-brand="ng"].lg-split:not(#_) input { border-radius: 14px; border: 0; box-shadow: inset 0 0 0 1px var(--ng-line2); background: var(--ng-card); backdrop-filter: none;
  min-height: 52px; font: 400 15.5px var(--ng-f); color: var(--ng-ink); transition: box-shadow 150ms ease; }
html[data-brand="ng"].lg-split:not(#_) input:focus { box-shadow: inset 0 0 0 1.5px var(--ng-sig), 0 0 0 4px var(--lg-focus-ring); }
html[data-brand="ng"].lg-split:not(#_) .pw-eye { top: 7px; color: var(--ng-faint); border-radius: 10px; }
html[data-brand="ng"].lg-split:not(#_) .pw-eye:focus-visible { outline-color: var(--ng-sig); }

/* gönder: sitedeki ana düğme — sinyal turkuazı, koyu yazı, basınca .97 */
html[data-brand="ng"].lg-split:not(#_) button[type="submit"] { min-height: 52px; border-radius: 999px; background: var(--ng-acc); color: #032019;
  font: 600 15.5px var(--ng-f); letter-spacing: -.01em; box-shadow: 0 10px 26px -8px rgba(63, 224, 197, .55); filter: none;
  transition: transform 160ms var(--ng-ease), box-shadow 150ms ease, background-color 150ms ease; }
html[data-brand="ng"].lg-split:not(#_) button[type="submit"]:hover { transform: none; filter: none; }
@media (hover: hover) and (pointer: fine) {
  html[data-brand="ng"].lg-split:not(#_) button[type="submit"]:hover { background: #5BE8D0; box-shadow: 0 14px 32px -8px rgba(63, 224, 197, .6); }
  html[data-brand="ng"].lg-split:not(#_) .pw-eye:hover { background: rgba(20, 32, 47, .05); color: var(--ng-ink); }
}
html[data-brand="ng"].lg-split:not(#_) button[type="submit"]:active { transform: scale(.97); }
html[data-brand="ng"].lg-split:not(#_) button[type="submit"]:focus-visible { outline: 2px solid var(--ng-sig); outline-offset: 3px; }
html[data-brand="ng"].lg-split:not(#_) .error { border-radius: 12px; font-size: 13.5px; }
html[data-brand="ng"].lg-split:not(#_) .pro-demo { font: 500 13px var(--ng-fm); }
html[data-brand="ng"].lg-split:not(#_) .pro-demo a { color: var(--ng-sig); font-weight: 500; display: inline-flex; gap: 6px; min-height: 44px; align-items: center; }

/* sağ panel: sitedeki kil sahne — kum zemin, kil görsel, konuşma balonları */
html[data-brand="ng"].lg-split:not(#_) .lg-hero { background: var(--ng-sand); border-radius: 30px; box-shadow: inset 0 0 0 1px var(--ng-line); }
html[data-brand="ng"].lg-split:not(#_) .lg-hero::before { background: linear-gradient(180deg, rgba(246, 242, 236, .78) 0%, rgba(246, 242, 236, .35) 26%, rgba(246, 242, 236, 0) 44%); }
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-img { background: var(--brand-hero, url("/assets/brands/ng/login-hero-1.webp")) center 62% / cover no-repeat; }
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-chip { background: var(--ng-card); border: 0; box-shadow: inset 0 0 0 1px var(--ng-line), 0 8px 20px -12px rgba(15, 23, 36, .3);
  color: var(--ng-ink); font: 600 13px/1 var(--ng-f); letter-spacing: -.01em; backdrop-filter: none; top: 26px; left: 26px; }
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-chip img { padding: 0; background: transparent; border-radius: 7px; }
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-copy { top: 96px; bottom: auto; left: 40px; right: 40px; color: var(--ng-ink); }
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-copy h2 { font: 600 clamp(30px, 2.9vw, 42px)/1.04 var(--ng-f); letter-spacing: -.045em; max-width: 13ch; }
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-copy h2 em { font-style: normal; color: var(--ng-sig); }
/* tanıtım kartları → yüzen konuşma balonları */
html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-cards { inset: 0; display: block; }
html[data-brand="ng"].lg-split:not(#_) .hcard { position: absolute; width: 250px; padding: 12px 14px; gap: 11px; border: 0; border-radius: 18px; backdrop-filter: none;
  background: var(--ng-card); color: var(--ng-ink); box-shadow: 0 16px 36px -14px rgba(5, 11, 22, .35); animation-name: lgCardIn, ng-float; animation-duration: .6s, 6s;
  animation-timing-function: var(--ng-ease), ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards, none; animation-delay: var(--d, .9s), calc(var(--d, .9s) + .6s); }
html[data-brand="ng"].lg-split:not(#_) .hcard--1 { left: 6%; top: 29%; border-bottom-left-radius: 6px; }
html[data-brand="ng"].lg-split:not(#_) .hcard--2 { right: 6%; bottom: 7%; background: #0F1724; color: #F2F6F9; border-bottom-right-radius: 6px; }
html[data-brand="ng"].lg-split:not(#_) .hcard--3 { left: 9%; bottom: 9%; border-bottom-left-radius: 6px; }
html[data-brand="ng"].lg-split:not(#_) .hcard .hic { flex-basis: 34px; height: 34px; border-radius: 11px; background: #DDF5F0; box-shadow: none; }
html[data-brand="ng"].lg-split:not(#_) .hcard .hic svg { width: 18px; height: 18px; stroke: #0B6E61; }
html[data-brand="ng"].lg-split:not(#_) .hcard--2 .hic { background: rgba(63, 224, 197, .14); }
html[data-brand="ng"].lg-split:not(#_) .hcard--2 .hic svg { stroke: #3FE0C5; }
html[data-brand="ng"].lg-split:not(#_) .hcard strong { font: 600 14px/1.25 var(--ng-f); letter-spacing: -.01em; }
html[data-brand="ng"].lg-split:not(#_) .hcard p { font-size: 12.5px; color: var(--ng-muted); }
html[data-brand="ng"].lg-split:not(#_) .hcard--2 p { color: rgba(242, 246, 249, .74); }
@keyframes ng-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
@media (prefers-reduced-motion: reduce) { html[data-brand="ng"].lg-split:not(#_) .hcard { animation: none; opacity: 1; filter: none; transform: none; } }
/* mobil: görsel formun üstünde küçük bir kart (yazısız), dil seçicinin altında */
@media (max-width: 959px) {
  html[data-brand="ng"].lg-split:not(#_) body { align-content: start; gap: 10px; }
  html[data-brand="ng"].lg-split:not(#_) .lg-hero { display: block; order: -1; width: 100%; max-width: 420px; justify-self: center;
    min-height: 0; height: clamp(170px, 30vh, 230px); margin-top: 60px; border-radius: 24px; }
  html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-img { background-position: center 64%; }
  html[data-brand="ng"].lg-split:not(#_) .lg-hero::before,
  html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-chip,
  html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-copy,
  html[data-brand="ng"].lg-split:not(#_) .lg-hero .hero-cards { display: none; }
  html[data-brand="ng"].lg-split:not(#_) .login-card { padding-top: 18px; }
  html[data-brand="ng"].lg-split:not(#_) .pro-brand { margin-bottom: 24px; }
}