/* ============================================================
   SellClosed — Giriş ve hesap erişimi yüzeylerinin biçimi

   Uygulama kabuğu (sol kolon, üst modül menüsü, Copilot) burada
   YOKTUR: kullanıcı henüz bir kuruma girmiş değildir. Bu dosya
   yalnız app.css'in köprü değişkenlerini kullanır; yeni palet,
   yeni logo veya bağımsız bir tasarım sistemi üretmez.
   ============================================================ */

.aubody{
  min-height:100dvh;
  display:flex; flex-direction:column;
  background:var(--bg);
}

/* ---------- Üst şerit ---------- */
.autop{
  display:flex; align-items:center; gap:var(--sp-3);
  height:var(--bar); padding:0 var(--sp-5);
  background:var(--chrome); border-bottom:1px solid var(--line);
}
/* Kabuk dışında marka bloğu sol kolonun genişliğine kilitlenmez. */
.autop .brand{
  flex:0 0 auto; width:auto; justify-content:flex-start;
  border-right:0; padding:0 10px; border-radius:var(--r-sm);
}
.autop__right{ margin-left:auto; display:flex; align-items:center; gap:6px; }

/* ---------- Gövde ---------- */
.aumain{
  flex:1 1 auto;
  display:flex; flex-direction:column; align-items:center;
  gap:var(--sp-4);
  padding:var(--sp-6) var(--sp-4);
}

.aucardwrap{
  width:100%; max-width:420px;
  display:flex; flex-direction:column; gap:var(--sp-3);
}

.aupanel{
  background:var(--panel); border:1px solid var(--line);
  border-radius:var(--r-lg); box-shadow:var(--shadow-card);
  padding:var(--sp-5);
  display:flex; flex-direction:column; gap:var(--sp-3);
}

.autitle{ font-size:20px; line-height:1.3; }
.autitle:focus{ outline:none; }
.autitle:focus-visible{ outline:var(--sc-border-width-focus) solid var(--focus-ring); }
.aulead{ font-size:13px; line-height:1.55; color:var(--ink-2); }

/* ---------- Form ---------- */
.auform{ display:flex; flex-direction:column; gap:var(--sp-3); margin-top:2px; }

.aufld{ display:flex; flex-direction:column; gap:5px; }
/* Etiket görünürdür; yer tutucu etiketin yerine geçmez. */
.aufld label{ font-size:12px; font-weight:620; color:var(--ink-2); }
.aufld input{
  height:var(--ctrl-lg); min-height:var(--touch-min);
  border-radius:var(--r); border:1px solid var(--line);
  background:var(--panel-2); color:var(--ink);
  font:inherit; font-size:14px; padding:0 12px;
  transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}
.aufld input::placeholder{ color:var(--ink-3); }
.aufld input:hover{ border-color:var(--line-2); }
.aufld input:focus{ outline:none; border-color:var(--gold); box-shadow:var(--focus-shadow); }
.aufld input:focus-visible{
  outline:var(--sc-border-width-focus) solid var(--focus-ring);
  outline-offset:var(--sc-border-focus-offset);
}
.aufld input[aria-invalid="true"]{ border-color:var(--danger-line); }

/* Telefon alanı: ülke kodu + numara aynı satırda. Ülke seçici giriş
   alanıyla aynı yükseklik ve kenarlıktadır; uzun ülke adı kırpılır. */
.auphone{ display:flex; gap:8px; }
.auphone select{
  flex:0 0 40%; min-width:0; height:var(--ctrl-lg); min-height:var(--touch-min);
  border-radius:var(--r); border:1px solid var(--line);
  background:var(--panel-2); color:var(--ink);
  font:inherit; font-size:13px; padding:0 8px; cursor:pointer; text-overflow:ellipsis;
}
.auphone select:focus{ outline:none; border-color:var(--gold); box-shadow:var(--focus-shadow); }
.auphone-num{
  flex:1 1 auto; min-width:0; display:flex; align-items:center;
  height:var(--ctrl-lg); min-height:var(--touch-min);
  border-radius:var(--r); border:1px solid var(--line); background:var(--panel-2);
  transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}
.auphone-num:hover{ border-color:var(--line-2); }
.auphone-num:focus-within{ border-color:var(--gold); box-shadow:var(--focus-shadow); }
.auphone-num:has(input[aria-invalid="true"]){ border-color:var(--danger-line); }
.auphone-dial{ flex:0 0 auto; padding-left:12px; font-size:14px; color:var(--ink-3); }
/* Kenarlık ve odak çerçevesi kapsayıcıdadır; iç alan yalnız metni taşır. */
.aufld .auphone-num input{
  flex:1 1 auto; min-width:0; height:100%; min-height:0;
  border:0; background:transparent; box-shadow:none; padding:0 12px 0 8px;
}
.aufld .auphone-num input:focus, .aufld .auphone-num input:focus-visible{ outline:none; box-shadow:none; }

/* Hızlı giriş düğmeleri: logo solda, etiket ortada; "veya" ayracı forma geçişi gösterir. */
.ausso{ display:flex; flex-direction:column; gap:8px; }
.ausso-btn{
  position:relative; display:flex; align-items:center; justify-content:center; gap:10px;
  height:var(--ctrl-lg); min-height:var(--touch-min); padding:0 44px;
  border:1px solid var(--line); border-radius:var(--r); background:var(--panel-2); color:var(--ink);
  font:inherit; font-size:13.5px; font-weight:620; cursor:pointer;
  transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}
.ausso-btn:hover{ border-color:var(--line-2); background:var(--hover); }
.ausso-btn:focus-visible{
  outline:var(--sc-border-width-focus) solid var(--focus-ring);
  outline-offset:var(--sc-border-focus-offset);
}
.ausso-ico{ position:absolute; inset-inline-start:14px; display:flex; width:20px; height:20px; }
.ausso-ico svg{ width:100%; height:100%; }
.auor{ display:flex; align-items:center; gap:10px; font-size:12px; color:var(--ink-3); }
.auor::before, .auor::after{ content:""; flex:1; height:1px; background:var(--line); }

/* E-posta/telefon ve uygulama/SMS seçimi: iki eşit parçalı anahtar. */
.auseg{
  display:flex; gap:4px; padding:4px;
  border:1px solid var(--line); border-radius:var(--r); background:var(--panel-2);
}
.auseg button{
  flex:1 1 0; min-height:36px; border:0; border-radius:var(--r-sm);
  background:transparent; color:var(--ink-2);
  font:inherit; font-size:12.5px; font-weight:620; cursor:pointer;
}
.auseg button:hover{ background:var(--hover); }
.auseg button.is-on{ background:var(--gold-dim); color:var(--gold); }
/* Üç seçenekte de yan yana kalır; kısa etiket kelime ortasından kırılmaz,
   sığmayan bir etiket kendi genişliğini alır, diğerleri daralır. */
.auseg--3 button{ min-width:max-content; white-space:nowrap; padding:0 10px; }
.auseg button:focus-visible{
  outline:var(--sc-border-width-focus) solid var(--focus-ring);
  outline-offset:var(--sc-border-focus-offset);
}

.auhelp{ font-size:11.5px; line-height:1.5; color:var(--ink-3); }
/* Hata ilgili alanın ALTINDA durur; sayfanın tepesinde toplanmaz. */
.auerr{
  display:flex; align-items:center; gap:5px;
  font-size:11.5px; font-weight:600; color:var(--danger-ink);
}
.auerr[hidden]{ display:none; }
.auerr::before{
  content:"error"; font-family:"Material Symbols Outlined"; font-size:14px;
  font-weight:400; -webkit-font-feature-settings:"liga";
}

.aubtn{ width:100%; height:var(--ctrl-lg); margin-top:2px; }

/* ---------- İkincil bağlantılar ---------- */
.aualt{
  display:flex; align-items:center; justify-content:center; gap:8px;
  flex-wrap:wrap; font-size:12.5px;
}
.aualt--btn{ gap:10px; }
.aualt--btn .btn{ flex:1 1 auto; min-width:140px; }
.aulink{
  background:transparent; border:0; padding:6px 4px; min-height:var(--touch-min);
  color:var(--gold); font-size:12.5px; font-weight:600; cursor:pointer;
  border-radius:var(--r-sm);
}
.aulink:hover{ text-decoration:underline; }
.ausep{ color:var(--ink-3); }

/* ---------- Bilgi satırları ---------- */
.aunotice{
  display:flex; align-items:flex-start; gap:8px;
  padding:10px 12px; border-radius:var(--r);
  font-size:12px; line-height:1.55;
  border:1px solid var(--info-line); background:var(--info-bg); color:var(--ink-2);
}
.aunotice .material-symbols-outlined{ font-size:16px; margin-top:1px; color:var(--info); }
.aunotice.warn{ border-color:var(--warn-line); background:var(--warn-bg); }
.aunotice.warn .material-symbols-outlined{ color:var(--warn-ink); }
.aunotice.ok{ border-color:var(--ok-line); background:var(--verified-bg); }
.aunotice.ok .material-symbols-outlined{ color:var(--verified); }

.aunote{ font-size:11.5px; line-height:1.55; color:var(--ink-3); }
.auinvonly{ margin:12px 0 0; text-align:center; }

/* ---------- Özet kartı (davet, erişim reddi) ---------- */
.aucard{
  border:1px solid var(--line); border-radius:var(--r);
  background:var(--panel-2); padding:4px 12px;
}
.aucard .r{
  display:flex; align-items:center; gap:12px;
  padding:9px 0; font-size:12.5px;
}
.aucard .r + .r{ border-top:1px solid var(--line-soft); }
.aucard .k{ color:var(--ink-3); flex:0 0 auto; min-width:112px; }
.aucard .v{
  color:var(--ink); font-weight:600; margin-left:auto; text-align:right;
  overflow-wrap:anywhere;
}
.aucard code{
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:11.5px;
  background:var(--panel-3); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:1px 5px;
}

/* ---------- Kurum seçimi ---------- */
.autenants{ display:flex; flex-direction:column; gap:8px; }
.autenants button{
  width:100%; display:flex; align-items:center; gap:10px;
  min-height:var(--touch-min); padding:10px 12px;
  border-radius:var(--r); border:1px solid var(--line);
  background:var(--panel-2); cursor:pointer; text-align:left;
  transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}
.autenants button:hover{ background:var(--hover); border-color:var(--gold-line); }
.autenants .tx{ min-width:0; flex:1; display:flex; flex-direction:column; }
.autenants .n{ font-size:13px; font-weight:640; overflow-wrap:anywhere; }
.autenants .s{ font-size:11.5px; color:var(--ink-3); }
.autenants .material-symbols-outlined{ font-size:18px; color:var(--ink-3); }

/* ---------- Adım listesi (MFA kurulumu) ---------- */
.austeps{
  list-style:decimal; padding-left:20px;
  display:flex; flex-direction:column; gap:7px;
  font-size:12.5px; line-height:1.55; color:var(--ink-2);
}
.austeps li::marker{ color:var(--gold); font-weight:700; }

/* ---------- Alt bilgi ---------- */
.aufoot{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:14px var(--sp-5);
  background:var(--chrome); border-top:1px solid var(--line);
  font-size:11.5px; color:var(--ink-3);
}
.aufoot .mark{ display:flex; align-items:center; gap:8px; }
.aufoot .mark .brand-chip img{ width:18px; height:18px; }

/* Dil menüsü uygulamanın ortak .menu görünümünü kullanır; yalnız genişlik daralır. */
.aulangmenu{ width:200px; }
.aulangmenu[hidden]{ display:none; }

/* ---------- Dar ekran ---------- */
/* Uygulamada dil seçici dar ekranda kullanıcı menüsüne devreder;
   giriş sayfasında kullanıcı menüsü YOKTUR, bu yüzden kontrol
   görünür kalmalıdır. */
@media (max-width:767px){
  .autop .lang{ display:inline-flex; }
}
@media (max-width:520px){
  .autop{ padding:0 var(--sp-3); }
  .aumain{ padding:var(--sp-4) var(--sp-3); }
  .aupanel{ padding:var(--sp-4); }
  .autitle{ font-size:18px; }
  .aucard .r{ flex-direction:column; align-items:flex-start; gap:2px; }
  .aucard .v{ margin-left:0; text-align:left; }
  .aualt--btn{ flex-direction:column; }
  .aualt--btn .btn{ width:100%; }
  .aufoot{ padding:12px var(--sp-3); }
  /* `span[style]` kuralı kaldırıldı: Giriş alt bilgisinde `style` öznitelikli
     span yok, kural hiçbir ögeye uygulanmıyordu. */
}

/* ---------- Marka ve çözüm vitrini (owner incelemesi, 3 Ekim 2026) ----------
   Yalnız süs: giriş kartı ekranın birincil işidir. Renkler tema köprü
   değişkenlerinden gelir; gece ve gündüz için ayrı ışıma ve ızgara tonu.
   Mantıksal yönler (inline) Arapçada aynalanır. */
.aubody{
  /* Gece: koyu zeminde aynı izlenim için ışıma daha güçlü, ızgara altın tonlu. */
  --au-glow:rgba(212,178,106,.26);
  --au-glow-2:rgba(212,178,106,.16);
  --au-grid:rgba(212,178,106,.2);
  background:
    radial-gradient(900px 560px at 8% 6%, var(--au-glow), transparent 62%),
    radial-gradient(760px 520px at 96% 96%, var(--au-glow-2), transparent 60%),
    var(--bg);
}
:root[data-theme="light"] .aubody{
  --au-glow:rgba(176,134,58,.16);
  --au-glow-2:rgba(176,134,58,.09);
  --au-grid:rgba(20,18,12,.05);
}
.aumain{ position:relative; isolation:isolate; }
.aumain::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    repeating-linear-gradient(0deg, var(--au-grid) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(90deg, var(--au-grid) 0 1px, transparent 1px 56px);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 30% 40%, #000 30%, transparent 80%);
          mask-image:radial-gradient(ellipse 70% 70% at 30% 40%, #000 30%, transparent 80%);
}

.aushow{ width:100%; max-width:640px; display:flex; flex-direction:column; gap:14px; min-width:0; }
.aushow-kicker{
  align-self:flex-start; display:inline-flex; align-items:center; gap:6px;
  padding:4px 11px; border-radius:var(--r-pill); border:1px solid var(--gold-line);
  background:var(--gold-dim); color:var(--gold); font-size:12px; font-weight:650; letter-spacing:.02em;
}
.aushow-title{
  margin:0; font-size:clamp(30px, 3.4vw, 46px); line-height:1.08; font-weight:750; letter-spacing:-.02em;
  background:var(--gold-grad-2, var(--gold-grad)); -webkit-background-clip:text; background-clip:text; color:transparent;
}
/* Açık zeminde parlak rampa okunmaz; metin tonundaki altından derin altına geçiş kullanılır. */
:root[data-theme="light"] .aushow-title{ background:linear-gradient(100deg, var(--gold) 0%, var(--gold-deep) 100%); -webkit-background-clip:text; background-clip:text; }
.aushow-lead{ margin:0; font-size:15px; line-height:1.6; color:var(--ink-2); max-width:52ch; }

/* Satış akışı: yedi adım, aralarında ince altın bağ; son adım hedef. */
.auflow{
  list-style:none; margin:10px 0 0; padding:0; display:grid;
  grid-template-columns:repeat(7, minmax(0,1fr)); gap:6px; position:relative;
}
.auflow::before{
  content:""; position:absolute; top:19px; inset-inline:7% 7%; height:2px; border-radius:2px;
  background:linear-gradient(90deg, var(--line-2), var(--gold-line), var(--gold));
}
:root[dir="rtl"] .auflow::before{ background:linear-gradient(270deg, var(--line-2), var(--gold-line), var(--gold)); }
.auflow li{ position:relative; display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; min-width:0; }
.auflow .audot{
  width:40px; height:40px; border-radius:50%; display:grid; place-items:center; flex:none;
  background:var(--panel); border:1px solid var(--line-2); color:var(--ink-2);
}
.auflow .audot > .material-symbols-outlined{ font-size:19px; }
.auflow li > span:last-child{ font-size:11.5px; line-height:1.3; color:var(--ink-2); overflow-wrap:anywhere; }
.auflow li.is-goal .audot{ background:var(--gold-grad); color:var(--on-gold); border-color:transparent;
  box-shadow:0 0 0 4px var(--gold-dim); }
.auflow li.is-goal > span:last-child{ color:var(--gold); font-weight:650; }

/* Çözümler: kısa ve işlevsel; iddia içermez. */
.ausol{ list-style:none; margin:12px 0 0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
.ausol li{
  display:flex; align-items:flex-start; gap:11px; padding:12px 13px; min-width:0;
  border:1px solid var(--line); border-radius:var(--r); background:color-mix(in srgb, var(--panel) 82%, transparent);
  backdrop-filter:blur(2px);
}
.ausol li > .material-symbols-outlined{ font-size:19px; color:var(--gold); flex:none; margin-top:1px; }
.ausol b{ display:block; font-size:13px; font-weight:650; color:var(--ink); }
.ausol li span span{ display:block; font-size:12px; line-height:1.5; color:var(--ink-3); margin-top:2px; }

/* Geniş ekran: vitrin solda, giriş kartı sağda */
@media (min-width:1100px){
  .aumain{
    display:grid; grid-template-columns:minmax(0,1fr) 420px; align-items:center; column-gap:64px;
    max-width:1240px; width:100%; margin:0 auto; padding:48px 40px;
  }
  .aushow{ justify-self:start; }
}
/* Tablet: slogan ve akış kartın üstünde; çözüm kartları gizli */
@media (max-width:1099px){
  .aushow{ align-items:center; text-align:center; max-width:560px; }
  .aushow-kicker{ align-self:center; }
  .ausol{ display:none; }
}
/* Telefon: yalnız slogan; giriş öne çıkar */
@media (max-width:767px){
  .aushow{ gap:8px; }
  .aushow-title{ font-size:26px; }
  .aushow-lead, .auflow{ display:none; }
}
@media (prefers-reduced-motion: reduce){ .ausol li{ backdrop-filter:none; } }

/* ===================================================================
   Giriş yazılımıyla eşitlenen öğeler (owner, 4 Ekim 2026; AUTH-01)
   =================================================================== */
/* Yöntem listesi: radyo düğmesi görünür kalır (yazılımdaki .auchoice ile aynı). */
.auchoice{ margin:0; padding:0; border:0; min-width:0; display:flex; flex-direction:column; gap:8px; }
.auchoice legend{ padding:0; margin-bottom:6px; font-size:12.5px; color:var(--ink-2); }
.auchoice__opt{ position:relative; display:flex; }
.auchoice__opt input{ position:absolute; inset-inline-end:14px; top:calc(50% - 9px); width:18px; height:18px; margin:0;
  accent-color:var(--gold); cursor:pointer; }
.auchoice__tx{ flex:1; display:flex; flex-direction:column; gap:2px; min-height:44px; justify-content:center;
  padding:8px 44px 8px 12px; padding-inline:12px 44px; border-radius:var(--r); border:1px solid var(--line);
  background:var(--panel-2); font-size:13px; font-weight:600; }
.auchoice__opt input:checked + .auchoice__tx{ border-color:var(--gold); }
.auchoice__opt input:focus-visible + .auchoice__tx{ box-shadow:var(--focus-shadow); }
.auchoice__hint{ font-weight:400; font-size:12px; color:var(--ink-3); unicode-bidi:isolate; }

/* Davet: iki yol */
.auoptions{ display:flex; flex-direction:column; gap:12px; }
.aulink--block{ align-self:center; }

/* Kurtarma: kodun gönderildiği kanal */
.aucard__head{ margin:0; padding:9px 0 4px; font-size:12.5px; color:var(--ink-3); }
.auchannels{ margin:0; padding:0 0 9px; list-style:none; display:flex; flex-direction:column; gap:4px; font-weight:600; }

/* İki adım kurulumu: QR kodu ve elle giriş anahtarı */
.auqr{ align-self:center; display:grid; place-items:center; width:208px; height:208px; padding:8px; box-sizing:border-box;
  border-radius:var(--r); background:#fff; border:1px solid var(--line); margin:0 auto; }
.auqr img{ display:block; width:192px; height:192px; image-rendering:pixelated; }
.aukey{ display:flex; gap:8px; align-items:center; }
.aukey__value{ flex:1; min-width:0; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:13px !important;
  letter-spacing:0.06em; direction:ltr; text-align:start; }
.aukey .btn{ flex:none; }
.aulink[disabled]{ opacity:.6; cursor:default; text-decoration:none; }