/* Müşteri girişi ve kaydı (3 Eki 2026): Laravel'in giriş, kayıt, şifremi unuttum ve doğrulama görünümleri yeni sitenin
   çatısında (layouts/onyuz.blade.php). Sınıflar components/auth-card ve portal/* görünümlerinden, işaretleme değişmez.
   Dil iletişim formuyla aynı: gri zeminde beyaz kutu + geniş gölge, ince çerçeveli 50 px alanlar, yeşil hap düğme.
   Küçük yazılı bağlantılar #00875a (beyazda 4.5 kontrast); "Hesabım" üst etiketi gösterilmez. */
.authwrap{padding:80px 0 100px;background:#f2f3f4}
.authk{display:flex;justify-content:center}
.authcard{width:100%;max-width:570px;padding:50px 60px 40px;background:#fff;box-shadow:0 3px 40px rgba(18,24,27,.1)}
.authcard--genis{max-width:770px}
.auth-eyebrow{display:none}
.auth-form-bas{margin:0 0 30px;text-align:center}
.auth-form-bas h1{margin:0 0 10px;font:800 28px/34px var(--font);color:var(--koyu);text-wrap:balance}
/* .alt yeni sitede alt bilginin (footer) sınıfı: zemin ve konumu sıfırlanır */
.auth-form-bas .alt{position:static;margin:0;background:none;font-size:15px;line-height:24px;color:var(--metin);text-wrap:pretty}
.auth-alan{margin:0 0 20px}
.auth-ikili{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}
.auth-etiket{display:block;margin:0 0 8px;font:600 12px/16px var(--font);letter-spacing:1px;text-transform:uppercase;color:var(--koyu)}
.auth-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.auth-unuttum{margin:0 0 8px;font-size:13px;line-height:16px;color:#00875a;transition:color .2s}
.auth-unuttum:hover{color:var(--koyu)}
.girdi,.tel-girdi{display:block;width:100%;height:50px;padding:0 15px;border:1px solid #d5d6dd;border-radius:0;background:#fff;font:400 15px/1 var(--font);color:var(--koyu);outline:0;box-shadow:none;transition:border-color .2s}
.girdi:focus,.tel-girdi:focus{border-color:var(--koyu)}
.girdi::placeholder,.tel-girdi::placeholder{color:#6b777c}
.sifre-sarici{position:relative}
.sifre-sarici .girdi{padding-right:50px}
.goz{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:48px;height:50px;padding:0;border:0;background:none;color:var(--soluk);cursor:pointer;transition:color .2s}
.goz:hover{color:var(--koyu)}
.goz svg{width:18px;height:18px}
.auth-onay{display:flex;align-items:center;gap:10px;margin:0 0 25px;font-size:14px;line-height:20px;color:var(--metin);cursor:pointer}
.auth-onay input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--yesil)}
.btn-auth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;padding:0 30px;border:0;border-radius:50px;background:var(--yesil);color:#fff;font:400 12px/1 var(--font);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .3s}
.btn-auth:hover{background:var(--koyu)}
.btn-auth:disabled{background:var(--gri-acik);color:var(--dugme-metin);cursor:not-allowed}
.btn-auth svg{flex:none}
.auth-ayirac{display:flex;align-items:center;gap:15px;margin:25px 0;font-size:12px;line-height:1;letter-spacing:1px;text-transform:uppercase;color:var(--soluk)}
.auth-ayirac::before,.auth-ayirac::after{content:"";flex:1;height:1px;background:#e3e6e8}
.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;height:50px;padding:0 20px;border:1px solid #d5d6dd;border-radius:50px;background:#fff;color:var(--koyu);font:600 14px/1 var(--font);transition:border-color .2s}
.btn-google:hover{border-color:var(--koyu)}
.btn-google svg{flex:none;width:18px;height:18px}
.tel-alan{position:relative}
.tel-bayrak{position:absolute;top:1px;bottom:1px;left:1px;display:flex;align-items:center;gap:8px;padding:0 12px 0 15px;border-right:1px solid #d5d6dd;font:400 14px/1 var(--font);color:var(--metin);pointer-events:none}
.tel-flag{flex:none;width:21px;height:14px}
.tel-girdi{padding-left:94px}
.tel-alan.gecersiz .tel-girdi{border-color:var(--kirmizi)}
.sifre-kural{margin:-5px 0 20px;padding:0;list-style:none;font-size:13px;line-height:20px}
.sifre-kural li{position:relative;padding-left:18px;color:var(--soluk)}
.sifre-kural li::before{content:"";position:absolute;top:7px;left:2px;width:7px;height:7px;border-radius:50%;background:var(--gri-acik)}
.sifre-kural li.ok{color:#00875a}
.sifre-kural li.ok::before{background:var(--yesil)}
.sifre-kural li.hata{color:var(--kirmizi)}
.sifre-kural li.hata::before{background:var(--kirmizi)}
.msg-hata,.msg-ok{display:flex;align-items:flex-start;gap:10px;margin:0 0 25px;padding:14px 16px;font-size:14px;line-height:21px}
.msg-hata{border-left:3px solid var(--kirmizi);background:#fdf1f3;color:#a3001f}
.msg-ok{border-left:3px solid var(--yesil);background:#edf8f3;color:#00663f}
.msg-hata svg,.msg-ok svg{flex:none;width:18px;height:18px;margin-top:1px}
.msg-hata ul{margin:0;padding-left:16px}
.auth-altlink{margin:25px 0 0;text-align:center;font-size:14px;line-height:22px;color:var(--metin)}
.auth-altlink a{color:#00875a;transition:color .2s}
.auth-altlink a:hover{color:var(--koyu)}
.auth-yardim{margin:30px 0 0;padding:20px 0 0;border-top:1px solid #e3e6e8}
.auth-yardim-bag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;font-size:13px;line-height:20px;color:var(--soluk)}
.auth-ybtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--koyu);transition:color .2s}
.auth-ybtn:hover{color:#00875a}
.auth-ybtn svg{flex:none}
.adw-otp-girdi{text-align:center;font-size:24px;letter-spacing:12px}
.adw-geri{min-height:44px;padding:0;border:0;background:none;font:400 14px/1.4 var(--font);color:#00875a;text-decoration:underline;cursor:pointer}
@media(max-width:760px){
  .authwrap{padding:40px 0 60px}
  .authcard{padding:35px 20px 30px}
  .auth-ikili{grid-template-columns:1fr}
  .auth-form-bas h1{font-size:24px;line-height:30px}
}

/* 3 Eki (Uğur): geniş kart, container genişliğinde (.wrap). Başlık bandı yok; alt bilgi tam. Alt bilginin kartları (-70 px)
   gri zeminin üstüne biner, araya beyaz şerit girmez. Solda koyu panel (süreç bantlarının bg-main dokusu, beyaz logo, altıgen
   ikonlu üç bölüm, yardım satırı), sağda auth-card formu; masaüstünde formun kendi yardım satırı gizlenir (sol panelde). */
footer.alt{margin-top:0}
.giris-alan{padding:50px 0 140px;background:#f2f3f4}
.giris-kutu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;box-shadow:0 3px 40px rgba(18,24,27,.1)}
.giris-yan{display:flex;flex-direction:column;padding:45px 45px 35px;background:var(--siyah) url(../img/glb/bg-main.svg) center/cover no-repeat;color:var(--gri-acik)}
.giris-logo{display:block;width:140px;height:auto;margin:0 0 35px}
.giris-yan-bas{margin:0 0 12px;font:800 26px/32px var(--font);color:#fff}
.giris-yan-metin{margin:0 0 30px;font-size:15px;line-height:24px;color:var(--gri-acik)}
.giris-yan-liste{display:grid;gap:16px;margin:auto 0 0;padding:0;list-style:none}
.giris-yan-liste li{display:flex;align-items:center;gap:18px;font:600 15px/22px var(--font);color:#fff}
.giris-altigen{position:relative;display:grid;place-items:center;flex:none;width:44px;height:50px}
.giris-altigen::before{content:"";position:absolute;inset:0;background:var(--gri-acik);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.giris-altigen svg{position:relative;width:20px;height:20px;color:var(--koyu)}
.giris-yan-yardim{display:flex;flex-wrap:wrap;gap:4px 14px;margin:30px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:20px;color:var(--serit-metin)}
.giris-yan-yardim a{color:#fff;transition:color .2s}
.giris-yan-yardim a:hover{color:var(--yesil)}
.giris-form .authwrap{padding:0;background:none}
.giris-form .authwrap>.wrap{width:auto;max-width:none;margin:0;padding:0}
.giris-form .authk{display:block}
.giris-form .authcard,.giris-form .authcard--genis{max-width:none;padding:34px 55px 28px;box-shadow:none}
.giris-form .auth-form-bas{margin:0 0 18px;text-align:left}
.giris-form .auth-form-bas h1{font-size:26px;line-height:32px}
.giris-form .auth-alan{margin:0 0 14px}
.giris-form .girdi,.giris-form .tel-girdi{height:46px}
.giris-form .goz{height:46px}
.giris-form .auth-onay{margin:0 0 16px}
.giris-form .btn-auth,.giris-form .btn-google{height:46px}
.giris-form .auth-ayirac{margin:12px 0}
.giris-form .auth-altlink{margin:14px 0 0}
.giris-form .auth-yardim{display:none}
.giris-form .sifre-kural{margin:-4px 0 14px}
@media(max-width:991px){
  .giris-kutu{grid-template-columns:1fr;max-width:600px;margin:0 auto}
  .giris-yan{display:none}
  .giris-form .auth-yardim{display:block;margin:22px 0 0;padding:14px 0 0}
  .giris-form .authcard,.giris-form .authcard--genis{padding:40px 40px 30px}
}
@media(max-width:760px){
  .giris-alan{padding:20px 0 40px}
  .giris-form .authcard,.giris-form .authcard--genis{padding:30px 20px 24px}
}

/* 3 Eki: bildirim (toast) ve belge kartı hesap.css'ten buraya taşındı; üç Laravel çatısı da (giriş, eski içerik, müşteri paneli) portal.css yükler */
/* bildirim (toast, portal.js kbBildir): body'ye eklenir, kabın dışında; eski kural birebir, zemin sitenin koyusu */
.kb-bildirim-alan{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}
.kb-bildirim{display:grid;grid-template-columns:20px 1fr 20px;align-items:start;gap:12px;padding:14px 16px;background:var(--koyu);color:#fff;box-shadow:0 14px 34px -14px rgba(17,23,26,.55)}
.kb-bildirim--uyari{background:#7a3c06}
.kb-bildirim--hata{background:#8c1d18}
.kb-bildirim>svg{width:20px;height:20px;margin-top:1px}
.kb-bildirim-metin{font-size:14.5px;line-height:1.45}
.kb-bildirim-kapat{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.75);cursor:pointer}
.kb-bildirim-kapat:hover{color:#fff}
.kb-bildirim-kapat svg{width:15px;height:15px}
.kb-bildirim.kapaniyor{opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}
@media(max-width:560px){.kb-bildirim-alan{right:16px;left:16px;bottom:16px;width:auto}}

/* fatura ve teklif bağlantıları (/f, /t; onyuz/fatura, onyuz/teklif): belge kartı. Koyu bant (bg-main dokusu, beyaz logo),
   altı koyu çizgili ince tablo, koyu genel toplam satırı; havale bildirimi gri kutuda giriş formunun alanlarıyla. */
.belge-alan{padding:60px 0 0}
.belge{max-width:820px;margin:0 auto;background:#fff;box-shadow:var(--golge)}
.belge--dar{max-width:570px}
.belge-bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:26px 40px;background:var(--siyah) url(../img/glb/bg-main.svg) center/cover no-repeat}
.belge-bas img{display:block;width:140px;height:auto}
.belge-no{display:grid;gap:5px;text-align:right}
.belge-no b{font:700 13px/1 var(--font);letter-spacing:3px;text-transform:uppercase;color:#fff}
.belge-no span{font-size:14px;line-height:20px;color:var(--gri-acik);font-variant-numeric:tabular-nums}
.belge-govde{padding:35px 40px 40px}
.belge-govde>.msg-ok,.belge-govde>.msg-hata{margin:0 0 25px}
.belge-taraf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 30px;margin:0 0 30px}
.belge-taraf>div{display:grid;gap:4px;align-content:start}
.belge-taraf-sag{justify-items:end;text-align:right}
.belge-et{font:600 12px/16px var(--font);letter-spacing:1px;text-transform:uppercase;color:var(--soluk)}
.belge-taraf>div>b{font:700 18px/26px var(--font);color:var(--koyu)}
.belge-taraf small{font-size:14px;line-height:22px;color:var(--metin)}
.belge-taraf small b{font-weight:600;color:var(--koyu)}
.belge-taraf .soluk{font-weight:400;color:var(--soluk)}
.belge-taraf .kirmizi{color:var(--kirmizi)}
.belge-durum{display:inline-block;padding:5px 12px;font:600 12px/16px var(--font);letter-spacing:.5px;text-transform:uppercase}
.belge-durum--ok{background:#edf8f3;color:#00663f}
.belge-durum--bekle{background:#fdf4e7;color:#8a4b00}
.belge-durum--hata{background:#fdf1f3;color:#a3001f}
.belge-durum--notr{background:#f2f3f4;color:var(--metin)}
.belge-tablo-kap{overflow-x:auto;margin:0 0 25px}
.belge-tablo{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:22px}
.belge-tablo th{padding:0 12px 10px;border-bottom:2px solid var(--koyu);font:600 12px/16px var(--font);letter-spacing:1px;text-align:left;text-transform:uppercase;color:var(--koyu)}
.belge-tablo td{padding:14px 12px;border-bottom:1px solid #e3e6e8;color:var(--metin);vertical-align:top}
.belge-tablo th:first-child,.belge-tablo td:first-child{padding-left:0}
.belge-tablo th:last-child,.belge-tablo td:last-child{padding-right:0}
.belge-tablo .sag{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.belge-tablo .orta{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.belge-tablo b{font-weight:600;color:var(--koyu)}
.belge-toplam{display:grid;width:min(100%,380px);margin:0 0 0 auto}
.belge-toplam>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:15px;line-height:22px}
.belge-toplam dt{color:var(--metin)}
.belge-toplam dd{margin:0;color:var(--koyu);font-variant-numeric:tabular-nums}
.belge-toplam .yesil{color:#00875a}
.belge-toplam .belge-genel{align-items:center;margin:8px 0 4px;padding:14px 18px;background:var(--koyu)}
.belge-genel dt{font-weight:600;color:#fff}
.belge-genel dd{font:800 20px/24px var(--font);color:#fff}
.belge-kalan dt,.belge-kalan dd{font-weight:700;color:var(--koyu)}
.belge-odeme{margin:35px 0 0;padding:25px 30px 30px;background:#f2f3f4}
.belge-odeme h2{margin:0 0 15px;font:800 20px/26px var(--font);color:var(--koyu)}
.belge-hesap{display:grid;gap:6px;margin:0 0 12px}
.belge-hesap>div{display:flex;flex-wrap:wrap;gap:2px 12px}
.belge-hesap dt{min-width:52px;font:600 12px/24px var(--font);letter-spacing:1px;text-transform:uppercase;color:var(--soluk)}
.belge-hesap dd{margin:0;font-size:15px;font-weight:600;line-height:24px;color:var(--koyu)}
.belge-hesap .iban{font-variant-numeric:tabular-nums;letter-spacing:.5px;overflow-wrap:anywhere}
.belge-odeme p{margin:0 0 18px;font-size:14px;line-height:22px;color:var(--metin)}
.belge-form{display:grid;gap:12px}
.belge-form .girdi,.belge-form .btn-auth{height:46px}
.belge-not{display:grid;gap:6px;margin:25px 0 0;padding:18px 20px;background:#f2f3f4;font-size:15px;line-height:24px;color:var(--metin);white-space:pre-line}
.belge-eylem{display:grid;gap:10px;margin:30px 0 0}
.belge-eylem .msg-ok,.belge-eylem .msg-hata{margin:0}
.belge-eylem .btn-auth,.belge-eylem .btn-google{height:46px}
.belge-alt{padding:18px 40px;border-top:1px solid #e3e6e8;font-size:13px;line-height:20px;text-align:center;color:var(--soluk)}
.belge-alt a{color:#00875a}
.belge-kapali{padding:50px 50px 45px;text-align:center}
.belge-kapali h1{margin:0 0 12px;font:800 26px/32px var(--font);color:var(--koyu);text-wrap:balance}
.belge-kapali p{max-width:420px;margin:0 auto;color:var(--metin)}
.belge-kapali-dugme{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0}
@media(max-width:760px){
  .belge-alan{padding:20px 0 0}
  .belge-bas{padding:20px}
  .belge-govde{padding:25px 20px 30px}
  .belge-taraf-sag{justify-items:start;text-align:left}
  .belge-odeme{padding:20px}
  .belge-alt{padding:16px 20px}
  .belge-kapali{padding:35px 20px 30px}
}
/* yazdırma: yalnız belge kartı */
@media print{
  .serit,header.bas,footer.alt,.belge-form,.belge-eylem{display:none!important}
  .eski-icerik{padding:0;background:#fff}
  .belge-alan{padding:0}
  .belge{box-shadow:none}
  .belge-bas,.belge-genel{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}