/* Tagwell yeni ortak bilesenler (UI ekibi, 2026-10-02)
   tw.css'ten SONRA yuklenir, onun tokenlarini kullanir. Mevcut ekranlarin sinifina dokunmaz: hepsi "ui-" onekli.
   Sadece acik tema. Koyu tema YOK (Ali 2026-10-02). Emoji yok, ince cizgi ikon.
   Olcu: D:\Pixedi\docs\mobil-ui-standart.md (telefonda hedef 48 px, input 16 px, ikincil metin 14 px, taban 12 px).
   Kirilma: 720 px altinda tablo -> kart liste, diyalog -> alt sayfa. 820 px kabuk kirilmasi tw.css'te. */

:root{
  /* tw.css tokenlarina ek (mevcutlar degismez) */
  --ui-alan-cizgi:#8f8f8f;      /* input cercevesi: beyaz uzerinde 3.2:1 (standart madde 16) */
  --ui-yazi2:#5f5f5f;           /* telefon ikincil metin, zemin uzerinde 5.9:1 */
  --ui-uyari:#7a4b00; --ui-uyari-z:#fbefd6;   /* amber: bekleyen cagri 15 dk+, odeme bekliyor */
  --ui-tehlike:#8f1d22; --ui-tehlike-z:#f8e1e2; /* kirmizi: 1 saat+, odeme basarisiz, sil */
  --ui-bilgi:#1f4f7a; --ui-bilgi-z:#e3eef8;   /* bilgi seridi, onaylaniyor */
  --ui-golge-1:0 1px 2px rgba(0,0,0,.06);
  --ui-golge-2:0 8px 30px rgba(0,0,0,.12);
  --ui-golge-3:0 24px 60px rgba(0,0,0,.18);
  --ui-perde:rgba(20,20,22,.36);
  --ui-hedef:44px;              /* masaustu dokunma; telefonda 48 (asagida) */
  --ui-buton:44px; --ui-buton-ana:48px;
  --ui-gutter:16px;
  --ui-hiz:.2s; --ui-egri:cubic-bezier(.2,.8,.2,1);
}
@media (max-width:720px){
  :root{--ui-hedef:48px;--ui-buton:48px;--ui-buton-ana:56px}
}
@media (min-width:390px) and (max-width:720px){:root{--ui-gutter:20px}}

/* ============ butonlar ============ */
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ui-buton);padding:0 20px;border-radius:99px;background:var(--ink);color:#fff;font-weight:500;font-size:15px;line-height:1.2;white-space:nowrap;text-align:center;transition:opacity var(--ui-hiz),background var(--ui-hiz)}
.ui-btn:hover{opacity:.86}
.ui-btn svg{width:18px;height:18px;flex:none}
.ui-btn.ana{min-height:var(--ui-buton-ana);padding:0 24px;font-size:15.5px}
.ui-btn.b2{background:var(--kart);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ui-alan-cizgi)}
.ui-btn.b2:hover{opacity:1;background:var(--zemin)}
.ui-btn.hayalet{background:var(--ghost);color:var(--ink)}
.ui-btn.hayalet:hover{opacity:1;background:var(--ghost2)}
.ui-btn.tehlike{background:var(--ui-tehlike);color:#fff}
.ui-btn.tehlike-b2{background:var(--kart);color:var(--ui-tehlike);box-shadow:inset 0 0 0 1px currentColor}
.ui-btn.blok{display:flex;width:100%}
.ui-btn[disabled],.ui-btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed;pointer-events:none}
.ui-btn[aria-busy="true"]{pointer-events:none;opacity:.7}
.ui-btn[aria-busy="true"]::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ui-don 1s linear infinite}
@keyframes ui-don{to{transform:rotate(360deg)}}
.ui-ikon-btn{display:inline-grid;place-items:center;width:var(--ui-hedef);height:var(--ui-hedef);border-radius:50%;color:var(--ink);flex:none}
.ui-ikon-btn:hover{background:var(--ghost)}
.ui-ikon-btn svg{width:20px;height:20px}
.ui-link{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;min-height:var(--ui-hedef);display:inline-flex;align-items:center}
.ui-link.sessiz{color:var(--gri);font-weight:400}
.ui-btn-sira{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ui-btn-sira.sag{justify-content:flex-end}
.ui-yukselt{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:99px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500}
.ui-yukselt svg{width:15px;height:15px}

/* ============ form alanlari ============ */
.ui-alan{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.ui-alan>label,.ui-alan .etiket{font-size:13.5px;font-weight:500;color:var(--ink)}
.ui-alan .istege{font-weight:400;color:var(--gri)}
.ui-girdi,.ui-alan input:not([type=checkbox]):not([type=radio]),.ui-alan select,.ui-alan textarea{width:100%;min-height:var(--ui-buton);border-radius:14px;border:1px solid var(--ui-alan-cizgi);background:var(--kart);padding:0 14px;font-size:16px;transition:border-color var(--ui-hiz),box-shadow var(--ui-hiz)}
.ui-alan textarea{padding:12px 14px;min-height:112px;resize:vertical;line-height:1.5}
.ui-alan input::placeholder,.ui-alan textarea::placeholder{color:#767676}
.ui-alan input:focus,.ui-alan select:focus,.ui-alan textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ui-alan .ipucu{font-size:13.5px;color:var(--gri);line-height:1.4}
.ui-alan .hata{display:flex;gap:6px;align-items:flex-start;font-size:13.5px;color:var(--ui-tehlike);line-height:1.4}
.ui-alan .hata svg{width:16px;height:16px;flex:none;margin-top:1px}
.ui-alan [aria-invalid="true"]{border-color:var(--ui-tehlike);box-shadow:0 0 0 1px var(--ui-tehlike)}
.ui-alan input[readonly]{background:var(--zemin);color:var(--gri)}
/* sabit onekli adres alani: tagwell.pixedi.com/ + slug */
.ui-onek{display:flex;align-items:stretch;border:1px solid var(--ui-alan-cizgi);border-radius:14px;background:var(--kart);overflow:hidden;min-height:var(--ui-buton)}
.ui-onek:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ui-onek span{display:flex;align-items:center;padding:0 2px 0 14px;color:var(--gri);font-size:16px;white-space:nowrap;background:var(--zemin)}
.ui-onek span::after{content:"";width:12px}
.ui-alan .ui-onek input{border:0;box-shadow:none!important;border-radius:0;padding-left:8px;min-width:0}
.ui-onek[aria-invalid="true"]{border-color:var(--ui-tehlike)}
/* canli kontrol satiri */
.ui-kontrol{display:flex;align-items:center;gap:8px;font-size:13.5px;min-height:24px;color:var(--gri)}
.ui-kontrol svg{width:16px;height:16px;flex:none}
.ui-kontrol.iyi{color:var(--iyi)}
.ui-kontrol.kotu{color:var(--ui-tehlike)}
.ui-kontrol.bekle::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ui-don 1s linear infinite}
/* 6 haneli kod */
.ui-kod-girdi{letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:22px!important;font-weight:500;text-align:center;max-width:260px}
/* oneri cipleri (alinmis adres) */
.ui-cipler{display:flex;flex-wrap:wrap;gap:8px}
.ui-cip-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:99px;background:var(--ghost);font-size:14px;font-weight:500}
.ui-cip-btn:hover{background:var(--ghost2)}
.ui-cip-btn[aria-pressed="true"]{background:var(--ink);color:#fff}
/* secim kutusu ve radyo */
.ui-sec{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;cursor:pointer;min-height:var(--ui-hedef)}
.ui-sec input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--ui-alan-cizgi);border-radius:7px;background:var(--kart);display:grid;place-items:center;cursor:pointer}
.ui-sec input[type=radio]{border-radius:50%}
.ui-sec input:checked{background:var(--ink);border-color:var(--ink)}
.ui-sec input[type=checkbox]:checked::after{content:"";width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.ui-sec input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.ui-sec input:focus-visible{box-shadow:var(--odak)}
.ui-sec b{display:block;font-weight:500;font-size:15px}
.ui-sec span{display:block;font-size:13.5px;color:var(--gri);margin-top:2px}
.ui-sec-kutu{border:1px solid var(--cizgi);border-radius:var(--kose-s);padding:4px 16px}
.ui-sec-kutu .ui-sec+.ui-sec{border-top:1px solid var(--cizgi)}
/* sayi adimlayici (koltuk) */
.ui-adimla{display:inline-flex;align-items:center;gap:4px;background:var(--ghost);border-radius:99px;padding:3px}
.ui-adimla button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--kart);box-shadow:var(--ui-golge-1)}
.ui-adimla button[disabled]{opacity:.35;cursor:not-allowed}
.ui-adimla button svg{width:16px;height:16px}
.ui-adimla output{min-width:44px;text-align:center;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}

/* ============ durum hapciklari ============ */
.ui-hap{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:99px;font-size:12.5px;font-weight:500;white-space:nowrap;background:var(--ghost);color:var(--s2)}
.ui-hap::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.ui-hap.yalin::before{display:none}
.ui-hap svg{width:13px;height:13px}
/* cagri durumlari (worker: bekliyor / arandi / cevapsiz / ulasilamadi) */
.ui-hap.bekliyor{background:var(--ghost);color:var(--ink)}
.ui-hap.gecikti{background:var(--ui-uyari-z);color:var(--ui-uyari)}
.ui-hap.cok-gecikti{background:var(--ui-tehlike-z);color:var(--ui-tehlike)}
.ui-hap.arandi{background:var(--iyi-z);color:var(--iyi)}
.ui-hap.cevapsiz{background:var(--ui-uyari-z);color:var(--ui-uyari)}
.ui-hap.ulasilamadi{background:var(--ghost);color:var(--gri)}
/* kart durumlari */
.ui-hap.canli{background:var(--iyi-z);color:var(--iyi)}
.ui-hap.taslak{background:var(--ghost);color:var(--gri)}
.ui-hap.durdu{background:var(--ui-uyari-z);color:var(--ui-uyari)}
.ui-hap.davet{background:var(--ui-bilgi-z);color:var(--ui-bilgi)}
/* plan / abonelik durumlari */
.ui-hap.aktif{background:var(--iyi-z);color:var(--iyi)}
.ui-hap.deneme{background:var(--ui-bilgi-z);color:var(--ui-bilgi)}
.ui-hap.iptal-planli{background:var(--ui-uyari-z);color:var(--ui-uyari)}
.ui-hap.gecmis-borc{background:var(--ui-tehlike-z);color:var(--ui-tehlike)}
.ui-hap.kapali{background:var(--ghost);color:var(--gri)}
/* rol ve kilit etiketleri */
.ui-etiket{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.02em;background:var(--ink);color:#fff}
.ui-etiket.acik{background:var(--ghost);color:var(--ink);font-weight:500}
.ui-etiket svg{width:12px;height:12px}
.ui-sayac{font-variant-numeric:tabular-nums;font-size:13px;color:var(--gri)}
.ui-sayac.gecikti{color:var(--ui-uyari);font-weight:500}
.ui-sayac.cok-gecikti{color:var(--ui-tehlike);font-weight:500}

/* ============ serit / bant (sayfa ustu) ============ */
.ui-serit{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--kose-s);background:var(--kart);font-size:14.5px;margin-bottom:16px;box-shadow:inset 0 0 0 1px var(--cizgi)}
.ui-serit svg{width:20px;height:20px;flex:none}
.ui-serit .metin{flex:1;min-width:0}
.ui-serit .metin b{font-weight:500}
.ui-serit.bilgi{background:var(--ui-bilgi-z);color:var(--ui-bilgi);box-shadow:none}
.ui-serit.uyari{background:var(--ui-uyari-z);color:var(--ui-uyari);box-shadow:none}
.ui-serit.tehlike{background:var(--ui-tehlike-z);color:var(--ui-tehlike);box-shadow:none}
.ui-serit.iyi{background:var(--iyi-z);color:var(--iyi);box-shadow:none}
.ui-serit .ui-btn{min-height:36px;padding:0 14px;font-size:13.5px}
.ui-ust-serit{position:sticky;top:0;z-index:35;display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;background:var(--ink);color:#fff;text-align:center}
.ui-ust-serit.tehlike{background:var(--ui-tehlike)}
.ui-ust-serit a{text-decoration:underline;font-weight:500}
/* kilit satiri (Pro kapisi) */
.ui-kilit{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--kose-s);background:var(--zemin);font-size:14px;color:var(--gri)}
.ui-kilit svg{width:16px;height:16px;flex:none;color:var(--ink)}
.ui-kilit a{color:var(--ink);font-weight:500;text-decoration:underline;margin-left:auto;white-space:nowrap}

/* ============ toast ============ */
.ui-toastlar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:70;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}
.ui-toast{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:10px 10px 10px 18px;border-radius:99px;font-size:14.5px;box-shadow:var(--ui-golge-2);pointer-events:auto;animation:ui-toast-gir .25s var(--ui-egri)}
.ui-toast svg{width:18px;height:18px;flex:none}
.ui-toast .eylem{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;font-weight:500;font-size:13.5px;white-space:nowrap}
.ui-toast .eylem:hover{background:rgba(255,255,255,.24)}
.ui-toast.yalniz{padding-right:18px}
.ui-toast.hata{background:var(--ui-tehlike)}
@keyframes ui-toast-gir{from{opacity:0;transform:translateY(8px)}}

/* ============ diyalog ve alt sayfa ============ */
.ui-perde{position:fixed;inset:0;background:var(--ui-perde);z-index:80;display:grid;place-items:center;padding:24px;animation:ui-sol .2s ease}
.ui-perde.statik{position:relative;inset:auto;z-index:auto;min-height:420px;border-radius:var(--kose);animation:none}
@keyframes ui-sol{from{opacity:0}}
.ui-perde.statik .ui-sayfa{animation:none}
.ui-sayfa{background:var(--kart);border-radius:var(--kose);width:min(520px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;box-shadow:var(--ui-golge-3);overflow:hidden;animation:ui-sayfa-gir .25s var(--ui-egri)}
.ui-sayfa.genis{width:min(760px,100%)}
@keyframes ui-sayfa-gir{from{opacity:0;transform:translateY(12px) scale(.98)}}
.ui-sayfa-bas{display:flex;align-items:flex-start;gap:12px;padding:22px 16px 6px 24px}
.ui-sayfa-bas h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0;line-height:1.25;flex:1;padding-top:8px}
.ui-sayfa-bas p{margin:4px 0 0;color:var(--gri);font-size:14.5px}
.ui-sayfa-ic{padding:10px 24px 18px;overflow:auto;overscroll-behavior:contain}
.ui-sayfa-alt{display:flex;gap:8px;justify-content:flex-end;padding:14px 24px 22px;border-top:1px solid var(--cizgi)}
.ui-sayfa-alt.tehlike-ayri{justify-content:space-between}
.ui-tutamac{display:none}
@media (max-width:720px){
  .ui-perde{place-items:end stretch;padding:0}
  .ui-sayfa,.ui-sayfa.genis{width:100%;max-height:90vh;border-radius:24px 24px 0 0;animation:ui-alt-gir .3s var(--ui-egri)}
  .ui-tutamac{display:block;width:40px;height:5px;border-radius:99px;background:var(--s5);margin:10px auto 0}
  .ui-sayfa-bas{padding:8px 8px 4px var(--ui-gutter)}
  .ui-sayfa-ic{padding:8px var(--ui-gutter) 16px}
  .ui-sayfa-alt{flex-direction:column-reverse;padding:12px var(--ui-gutter) calc(12px + env(safe-area-inset-bottom))}
  .ui-sayfa-alt .ui-btn{width:100%}
  .ui-sayfa-alt.tehlike-ayri{gap:24px}
}
@keyframes ui-alt-gir{from{transform:translateY(100%)}}
.ui-sayfa.tam{width:100%;height:100%;max-height:none;border-radius:0}

/* menu (hesap menusu, satir tasma menusu) */
.ui-menu{background:var(--kart);border-radius:var(--kose-s);box-shadow:var(--ui-golge-2);padding:6px;min-width:220px}
.ui-menu a,.ui-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--ui-hedef);padding:0 12px;border-radius:12px;font-size:14.5px;text-align:left}
.ui-menu a:hover,.ui-menu button:hover{background:var(--ghost)}
.ui-menu svg{width:18px;height:18px;color:var(--gri)}
.ui-menu hr{border:0;border-top:1px solid var(--cizgi);margin:6px 4px}
.ui-menu .tehlike{color:var(--ui-tehlike)}
.ui-menu .tehlike svg{color:currentColor}
.ui-menu-bas{padding:10px 12px 8px;font-size:13px;color:var(--gri)}
.ui-menu-bas b{display:block;color:var(--ink);font-size:14.5px;font-weight:500}

/* ============ tablo (720 alti kart liste) ============ */
.ui-tablo{width:100%;border-collapse:collapse;font-size:14.5px}
.ui-tablo th{text-align:left;font-weight:500;color:var(--gri);font-size:13px;padding:0 12px 10px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.ui-tablo td{padding:14px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.ui-tablo tr:last-child td{border-bottom:0}
.ui-tablo .sag{text-align:right}
.ui-tablo .genis{width:100%}
.ui-tablo tbody tr.tikla{cursor:pointer}
.ui-tablo tbody tr.tikla:hover td{background:var(--zemin)}
.ui-tablo .ui-btn{min-height:36px;padding:0 14px;font-size:13.5px}
@media (max-width:720px){
  .ui-tablo,.ui-tablo tbody,.ui-tablo tr,.ui-tablo td{display:block;width:100%}
  .ui-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ui-tablo tr{background:var(--kart);border-radius:var(--kose-s);padding:14px 16px;margin-bottom:10px;box-shadow:inset 0 0 0 1px var(--cizgi)}
  .ui-tablo td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px;font-size:15px}
  .ui-tablo td[data-etiket]::before{content:attr(data-etiket);color:var(--ui-yazi2);font-size:14px}
  .ui-tablo td.ana-hucre{display:block;padding-bottom:8px}
  .ui-tablo td.ana-hucre::before{display:none}
  .ui-tablo .sag{text-align:left}
  .ui-tablo .ui-btn{min-height:48px}
}

/* ============ bos durum, iskelet, hata karti ============ */
.ui-bos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:44px 20px}
.ui-bos .ik{width:56px;height:56px;border-radius:50%;background:var(--ghost);display:grid;place-items:center;margin-bottom:4px}
.ui-bos .ik svg{width:24px;height:24px}
.ui-bos h3{font-size:18px;font-weight:700;margin:0;letter-spacing:-.01em}
.ui-bos p{margin:0;color:var(--gri);max-width:44ch;font-size:15px}
.ui-bos .ui-btn-sira{justify-content:center;margin-top:8px}
.ui-yukle-hata{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:var(--kose);background:var(--kart);color:var(--gri);font-size:14.5px}
.ui-iskelet{display:block;border-radius:10px;background:linear-gradient(90deg,var(--ghost) 0,var(--ghost2) 40%,var(--ghost) 80%);background-size:300% 100%;animation:ui-parla 1.4s ease infinite;height:14px}
.ui-iskelet.buyuk{height:34px;width:60%}
.ui-iskelet.kisa{width:40%}
.ui-iskelet.daire{width:36px;height:36px;border-radius:50%}
@keyframes ui-parla{from{background-position:100% 0}to{background-position:0 0}}
/* kontrol listesi (ilk adimlar) */
.ui-liste-kontrol{list-style:none;margin:0;padding:0}
.ui-liste-kontrol li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;border-bottom:1px solid var(--cizgi)}
.ui-liste-kontrol li:last-child{border-bottom:0}
.ui-liste-kontrol .tik{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ui-alan-cizgi);display:grid;place-items:center}
.ui-liste-kontrol li.bitti .tik{background:var(--ink);border-color:var(--ink)}
.ui-liste-kontrol li.bitti .tik::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.ui-liste-kontrol li.bitti span{color:var(--gri);text-decoration:line-through}
.ui-ilerleme{height:6px;border-radius:99px;background:var(--ghost);overflow:hidden}
.ui-ilerleme span{display:block;height:100%;background:var(--ink);border-radius:99px;transition:width .4s var(--ui-egri)}

/* ============ plan kartlari ============ */
.ui-planlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.ui-plan{background:var(--kart);border-radius:var(--kose);padding:26px 24px 24px;display:flex;flex-direction:column;position:relative}
.ui-plan.secili{box-shadow:inset 0 0 0 2px var(--ink)}
.ui-plan .ust{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.ui-plan h3{font-size:17px;margin:0;font-weight:700}
.ui-plan .fiyat{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:14px;font-variant-numeric:tabular-nums}
.ui-plan .fiyat small{font-size:14px;font-weight:400;color:var(--gri);letter-spacing:0;margin-left:2px}
.ui-plan .eski{font-size:13.5px;color:var(--gri);text-decoration:line-through;margin-left:8px;font-weight:400;letter-spacing:0}
.ui-plan .slogan{color:var(--gri);font-size:14.5px;margin:6px 0 0}
.ui-plan .koltuk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;background:var(--zemin);border-radius:var(--kose-s)}
.ui-plan .koltuk b{display:block;font-weight:500;font-size:14px}
.ui-plan .koltuk span{font-size:13px;color:var(--gri)}
.ui-plan .toplam{margin-top:8px;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.ui-plan .ozellik{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;flex:1}
.ui-plan .ozellik li{padding-left:26px;position:relative;line-height:1.4}
.ui-plan .ozellik li::before{content:"";position:absolute;left:3px;top:6px;width:11px;height:6px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.ui-plan .ozellik li.yok{color:var(--gri)}
.ui-plan .ozellik li.yok::before{border:0;height:2px;width:10px;background:var(--s4);transform:none;top:10px}
.ui-plan .yenileme{font-size:12.5px;color:var(--gri);margin:10px 0 0;line-height:1.4;text-align:center}
.ui-plan .ui-btn{width:100%}
.ui-donem{display:inline-flex;background:var(--ghost);border-radius:99px;padding:4px;gap:2px}
.ui-donem button{min-height:40px;padding:0 16px;border-radius:99px;color:var(--gri);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.ui-donem button[aria-pressed="true"]{background:var(--kart);color:var(--ink);box-shadow:var(--ui-golge-1)}
.ui-donem .indirim{font-size:12px;color:var(--iyi);background:var(--iyi-z);padding:1px 8px;border-radius:99px}
/* mevcut plan ozeti */
.ui-mevcut{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.ui-mevcut h3{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ui-mevcut p{margin:4px 0 0;color:var(--gri);font-size:14.5px}
@media (max-width:1100px){.ui-planlar{grid-template-columns:minmax(0,1fr)}.ui-planlar .ui-plan{max-width:520px;width:100%;justify-self:center}}
@media (max-width:720px){.ui-mevcut{grid-template-columns:minmax(0,1fr)}.ui-mevcut .ui-btn{width:100%}}

/* ============ cagri istekleri ============ */
.ui-cagrilar{display:flex;flex-direction:column}
.ui-cagri{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.ui-cagri:last-child{border-bottom:0}
.ui-cagri .kim b{display:block;font-weight:500;font-size:15px}
.ui-cagri .kim span{display:block;font-size:13.5px;color:var(--gri)}
.ui-cagri .ne{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.ui-cagri .tel{font-variant-numeric:tabular-nums;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.ui-cagri .durumlar{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ui-cagri .durumlar .ui-btn{min-height:36px;padding:0 14px;font-size:13.5px}
.ui-cagri.bitti .kim b{color:var(--gri)}
.ui-ara-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 22px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.ui-ara-btn svg{width:20px;height:20px}
@media (max-width:720px){
  .ui-cagri{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px;background:var(--kart);border-radius:var(--kose-s);border:0;margin-bottom:10px;box-shadow:inset 0 0 0 1px var(--cizgi)}
  .ui-cagri .ui-ara-btn{width:100%}
  .ui-cagri .durumlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ui-cagri .durumlar .ui-btn{min-height:48px;padding:0 8px;white-space:normal;line-height:1.15}
}

/* ============ sekmeler ============ */
.ui-sekmeler{display:flex;gap:4px;border-bottom:1px solid var(--cizgi);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.ui-sekmeler::-webkit-scrollbar{display:none}
.ui-sekmeler button,.ui-sekmeler a{min-height:var(--ui-hedef);padding:0 14px;color:var(--gri);font-weight:500;font-size:14.5px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.ui-sekmeler [aria-selected="true"],.ui-sekmeler .aktif{color:var(--ink);border-bottom-color:var(--ink)}
.ui-sekmeler .sayi{font-size:12px;background:var(--ghost);padding:1px 7px;border-radius:99px}

/* akordeon (paylas sayfasi telefon) */
.ui-akordeon{border-top:1px solid var(--cizgi)}
.ui-akordeon details{border-bottom:1px solid var(--cizgi)}
.ui-akordeon summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:56px;font-weight:500;font-size:15.5px}
.ui-akordeon summary::-webkit-details-marker{display:none}
.ui-akordeon summary svg{width:20px;height:20px;color:var(--gri)}
.ui-akordeon summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.6px solid var(--gri);border-bottom:1.6px solid var(--gri);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.ui-akordeon details[open] summary::after{transform:rotate(-135deg)}
.ui-akordeon .ic{padding:0 0 18px}

/* ============ auth sayfalari ============ */
.ui-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:28px var(--ui-gutter) 40px}
.ui-auth-ust{width:100%;max-width:440px;display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
.ui-auth-kart{width:100%;max-width:440px;background:var(--kart);border-radius:var(--kose);padding:36px 32px 32px}
.ui-auth-kart h1{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin:0 0 8px;font-weight:700}
.ui-auth-kart .alt{color:var(--gri);margin:0 0 24px;font-size:15px}
.ui-auth-kart .ikon-ust{width:52px;height:52px;border-radius:50%;background:var(--ghost);display:grid;place-items:center;margin-bottom:18px}
.ui-auth-kart .ikon-ust svg{width:24px;height:24px}
.ui-auth-kart .hukuk{font-size:12.5px;color:var(--gri);margin:16px 0 0;line-height:1.45}
.ui-auth-kart .hukuk a{text-decoration:underline;color:var(--ink)}
.ui-auth-kart .linkler{display:flex;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.ui-auth-alt{margin-top:20px;font-size:13px;color:var(--gri);text-align:center}
.ui-yerel-not{margin-top:16px;padding:10px 14px;border-radius:12px;background:var(--ui-bilgi-z);color:var(--ui-bilgi);font-size:13px}
@media (max-width:720px){
  .ui-auth{padding-top:16px;justify-content:flex-start}
  .ui-auth-ust{margin-bottom:24px}
  .ui-auth-kart{padding:28px 20px 24px}
}

/* ============ kurulum (onboarding) ============ */
.ui-kurulum{min-height:100vh;display:flex;flex-direction:column}
.ui-kurulum-ust{display:flex;align-items:center;gap:16px;padding:18px 28px;position:sticky;top:0;background:var(--zemin);z-index:20}
.ui-kurulum-ust .adim-yazi{margin-left:auto;white-space:nowrap;font-size:13.5px;color:var(--gri);font-variant-numeric:tabular-nums}
.ui-adimlar{display:flex;gap:6px;width:180px}
.ui-adimlar span{flex:1;height:4px;border-radius:99px;background:var(--ghost2)}
.ui-adimlar span.bitti,.ui-adimlar span.simdi{background:var(--ink)}
.ui-kurulum-ic{flex:1;display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:40px;max-width:1120px;width:100%;margin:0 auto;padding:24px 28px 120px;align-items:start}
.ui-kurulum-form h1{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:0 0 8px;font-weight:700}
.ui-kurulum-form .alt{color:var(--gri);margin:0 0 28px;font-size:15.5px}
.ui-kurulum-onizle{position:sticky;top:88px;display:flex;flex-direction:column;align-items:center;gap:12px}
.ui-kurulum-onizle .etiket{font-size:13px;color:var(--gri)}
.ui-kurulum-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}
.ui-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
/* foto ekle */
.ui-foto{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.ui-foto .daire{width:72px;height:72px;border-radius:50%;background:var(--ghost);display:grid;place-items:center;overflow:hidden;flex:none}
.ui-foto .daire svg{width:26px;height:26px;color:var(--gri)}
.ui-foto .daire img{width:100%;height:100%;object-fit:cover}
/* sablon kutulari */
.ui-sablonlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ui-sablon{display:flex;flex-direction:column;gap:8px;padding:8px 8px 12px;border-radius:var(--kose-s);background:var(--kart);text-align:left;position:relative;box-shadow:inset 0 0 0 1px var(--cizgi)}
.ui-sablon .on{aspect-ratio:3/4;border-radius:12px;background:var(--zemin);overflow:hidden;display:grid;place-items:center}
.ui-sablon .on img,.ui-sablon .on video{width:100%;height:100%;object-fit:cover}
.ui-sablon b{font-weight:500;font-size:14px;padding:0 4px}
.ui-sablon span{font-size:12.5px;color:var(--gri);padding:0 4px;line-height:1.35}
.ui-sablon[aria-checked="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
.ui-sablon .ui-etiket{position:absolute;top:14px;right:14px}
/* telefon onizleme pili ve tam ekran onizleme */
.ui-onizle-pil{display:none}
@media (max-width:900px){
  .ui-kurulum-ic{grid-template-columns:minmax(0,1fr);padding:16px var(--ui-gutter) calc(96px + env(safe-area-inset-bottom))}
  .ui-kurulum-onizle{display:none}
  .ui-kurulum-ic.onizle-ici .ui-kurulum-onizle{display:flex;position:static;order:-1}
  .ui-kurulum-ust{padding:12px var(--ui-gutter)}
  .ui-adimlar{display:none}
  .ui-kurulum-form h1{font-size:26px}
  .ui-onizle-pil{display:inline-flex}
  .ui-kurulum-alt{position:fixed;left:0;right:0;bottom:0;margin:0;background:var(--kart);border-top:1px solid var(--cizgi);padding:8px var(--ui-gutter) calc(8px + env(safe-area-inset-bottom));z-index:30}
  .ui-kurulum-alt .ui-btn.ana{flex:1}
  .ui-sablonlar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){.ui-iki{grid-template-columns:minmax(0,1fr)}}

/* ============ paylas sayfasi ============ */
.ui-paylas-bas{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.ui-paylas-bas .tik{width:44px;height:44px;border-radius:50%;background:var(--iyi-z);color:var(--iyi);display:grid;place-items:center;flex:none}
.ui-paylas-bas .tik svg{width:22px;height:22px}
.ui-kopya{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:99px;background:var(--zemin);min-height:var(--ui-buton-ana)}
.ui-kopya code{flex:1;min-width:0;font-family:var(--font);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.ui-kopya .ui-btn{min-height:40px;padding:0 16px;font-size:14px}
.ui-qr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.ui-qr .kutu{width:184px;height:184px;border-radius:var(--kose-s);background:#fff;box-shadow:inset 0 0 0 1px var(--cizgi);display:grid;place-items:center;padding:14px}
.ui-qr .kutu svg{width:100%;height:100%}
.ui-qr .kutu-alt{font-size:12px;color:var(--gri);text-align:center;margin-top:6px;font-variant-numeric:tabular-nums}
.ui-adim-liste{counter-reset:a;list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.ui-adim-liste li{counter-increment:a;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}
.ui-adim-liste li::before{content:counter(a);width:24px;height:24px;border-radius:50%;background:var(--ghost);display:grid;place-items:center;font-size:12.5px;font-weight:700}
.ui-imza{border-radius:var(--kose-s);box-shadow:inset 0 0 0 1px var(--cizgi);padding:16px 18px;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.45;color:#222}
.ui-imza b{font-size:14px}
.ui-imza a{color:#1f1f1f;text-decoration:underline}
@media (max-width:720px){
  .ui-qr{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
  .ui-qr .kutu{width:220px;height:220px}
  .ui-qr .ui-btn-sira{justify-content:center}
}

/* ============ ayarlar: bolum listesi (telefon) ve uye listesi ============ */
.ui-ayar-liste{background:var(--kart);border-radius:var(--kose);padding:6px}
.ui-ayar-liste a{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:14px;align-items:center;min-height:60px;padding:8px 14px;border-radius:16px}
.ui-ayar-liste a:hover{background:var(--zemin)}
.ui-ayar-liste svg{width:20px;height:20px;color:var(--gri)}
.ui-ayar-liste b{display:block;font-weight:500;font-size:15.5px}
.ui-ayar-liste span{display:block;font-size:13.5px;color:var(--gri)}
.ui-ayar-liste a::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--gri);border-top:1.6px solid var(--gri);transform:rotate(45deg)}
.ui-uye{display:grid;grid-template-columns:minmax(0,1fr) 140px 110px var(--ui-hedef);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.ui-uye:last-child{border-bottom:0}
.ui-uye select{min-height:40px;border-radius:12px;border:1px solid var(--ui-alan-cizgi);background:var(--kart);padding:0 10px;font-size:14px}
.ui-uye.bekleyen .kisi b{color:var(--gri)}
.ui-koltuk-cubuk{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--gri)}
.ui-koltuk-cubuk .ui-ilerleme{flex:1;max-width:220px}
@media (max-width:720px){
  .ui-uye{grid-template-columns:minmax(0,1fr) var(--ui-hedef);gap:8px 12px}
  .ui-uye .rol,.ui-uye .durum-h{grid-column:1/2}
  .ui-uye .rol select{min-height:48px;width:100%;font-size:16px}
  .ui-uye .ui-ikon-btn{grid-column:2;grid-row:1}
}

/* tehlike bolgesi */
.ui-tehlike-kutu{border-radius:var(--kose);padding:22px 24px;background:var(--kart);box-shadow:inset 0 0 0 1px var(--ui-tehlike-z)}
.ui-tehlike-kutu h3{margin:0 0 4px;font-size:16px;color:var(--ui-tehlike)}
.ui-tehlike-kutu p{margin:0 0 14px;color:var(--gri);font-size:14.5px}
.ui-tanim{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:14.5px}
.ui-tanim:last-child{border-bottom:0}
.ui-tanim span{color:var(--gri)}
.ui-tanim b{font-weight:500;text-align:right}

/* ============ telefon genel ayarlar (yeni ekranlar) ============ */
@media (max-width:720px){
  .ui-alan .ipucu,.ui-alan .hata,.ui-sec span,.ui-plan .slogan{font-size:14px}
  .ui-alan>label,.ui-alan .etiket{font-size:14px}
  .ui-uye select,.ui-girdi{font-size:16px}
  .ui-btn{font-size:16px}
  .ui-toastlar{bottom:calc(76px + env(safe-area-inset-bottom))}
  .ui-toast{border-radius:18px;font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  .ui-perde,.ui-sayfa,.ui-toast,.ui-iskelet{animation:none!important}
  .ui-btn[aria-busy="true"]::before,.ui-kontrol.bekle::before{animation-duration:3s}
  .ui-ilerleme span{transition:none}
}

/* ============ canli panel kabugu ve sayfalari (P09, 2026-10-03) ============
   Hepsi body.tw-canli altinda ya da "tw-" onekli. Demo kipi bunlari kullanmaz. */
.tw-kilitli{overflow:hidden}
.tw-canli main.ana{padding-top:20px}
.tw-ust{display:flex;align-items:center;gap:10px;min-height:var(--ui-hedef);margin:0 auto 12px;max-width:1240px}
.tw-ust-bosluk{flex:1}
.tw-ust-marka,.tw-ust-baslik{display:none}
.tw-ust-marka{padding:0}
.tw-ust .ui-yukselt{min-height:var(--ui-hedef);height:auto}
.tw-ust-avatar .avatar{width:32px;height:32px;font-size:12px}
.tw-canli .hesap{padding:0;background:none}
.tw-hesap-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:18px;background:var(--kart);text-align:left;min-height:var(--ui-hedef)}
.tw-hesap-btn:hover{background:var(--ghost)}
.tw-hesap-btn div{min-width:0}
.tw-hesap-btn b{display:block;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-hesap-btn span{font-size:12.5px;color:var(--gri)}
.tw-canli .nav a{min-height:var(--ui-hedef)}
.tw-canli .marka{min-height:var(--ui-hedef)}
.tw-canli .geri{min-height:var(--ui-hedef);display:inline-flex;text-decoration:none;font-weight:400}
.tw-acilir{animation:ui-sol .15s ease}
.tw-menu-sayfa{box-shadow:none;padding:0}
@media (max-width:820px){
  .tw-ust-marka,.tw-ust-baslik{display:flex}
  .tw-ust-baslik{font-size:17px;font-weight:700;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tw-canli .ui-toastlar{bottom:calc(76px + env(safe-area-inset-bottom))}
  .tw-canli main.ana{padding:12px var(--ui-gutter) calc(96px + env(safe-area-inset-bottom))}
}
/* segment (aralik) */
.tw-segment button{display:inline-flex;align-items:center;gap:5px}
.tw-kilit-ik{width:13px;height:13px}
@media (max-width:520px){
  .tw-canli .sayfa-bas .tw-segment,.tw-canli .ui-btn-sira .tw-segment{display:flex;width:100%}
  .tw-segment button{flex:1 1 0;min-width:0;padding:0 6px;justify-content:center;font-size:13px}
  .tw-canli .sayfa-bas>.ui-btn-sira{width:100%}
}
/* kpi ici link */
.kpi .fark .tw-ic-link{display:inline-flex;min-height:var(--ui-hedef);align-items:center;vertical-align:middle}
.tw-kpi-yok{font-size:22px;color:var(--gri);font-weight:500}
/* kart blogu */
.tw-kart-ust{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.tw-kart-ad{display:flex;gap:8px;flex-wrap:wrap}
.tw-kart-dug .ui-btn{flex:1 1 auto}
.tw-onizle .telefon{width:260px}
.tw-onizle .telefon .ekran{height:520px}
.tw-onizle .telefon iframe{transform:scale(.6427)}
.tw-kucuk-onizle{height:120px;overflow:hidden;border-radius:16px;margin-bottom:10px}
.tw-kucuk-onizle .sahne{height:120px;padding-top:14px}
.tw-kucuk-onizle .mini-rozet{transform:scale(.7) rotate(-2deg);transform-origin:top center}
.tw-onizle-kart{min-width:0}
/* kodlar */
.tw-kodlar{display:flex;flex-direction:column}
.tw-kod{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.tw-kod:last-child{border-bottom:0}
.tw-kod .qr-ik{width:40px;height:40px;border-radius:10px;background:var(--zemin);display:grid;place-items:center}
.tw-kod .qr-ik svg{width:20px;height:20px}
.tw-kod-ad{min-width:0}
.tw-kod-ad b{display:block;font-weight:500}
.tw-kod-ad>span{display:block;font-size:13px;color:var(--gri);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-kod-hap{margin-top:6px}
.tw-kod-sayi{display:flex;gap:12px;font-size:13px;color:var(--gri);white-space:nowrap}
.tw-kod-sayi b{color:var(--ink);font-weight:500}
.tw-kod-dug{grid-column:2/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tw-kod-dug .ui-btn{min-height:var(--ui-hedef);padding:0 14px;font-size:14px}
.tw-kod.durdu .qr-ik{opacity:.5}
@media (max-width:720px){
  .tw-kod{grid-template-columns:40px minmax(0,1fr)}
  .tw-kod-sayi{grid-column:2;flex-wrap:wrap}
  .tw-kod-dug .ui-btn{flex:1 1 auto}
}
/* leadler */
.tw-lead-ust{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.tw-ara{position:relative;flex:1 1 240px;margin:0}
.tw-ara svg{position:absolute;left:14px;bottom:calc(var(--ui-buton) / 2 - 8px);width:16px;height:16px;color:var(--gri);pointer-events:none}
.tw-ara input{padding-left:40px!important}
.tw-suzgecler{display:flex;gap:10px;flex-wrap:wrap}
.tw-suz{margin:0;min-width:140px}
.tw-suz-btn{display:none}
.tw-suz-sayfa .tw-suz{margin-bottom:14px}
.tw-lead-av{background:var(--zemin)!important;color:var(--ink)!important}
.tw-lead-buyuk{width:52px!important;height:52px!important;font-size:17px!important;background:var(--zemin)!important;color:var(--ink)!important}
.tw-leadler td:first-child{max-width:0}
@media (max-width:720px){
  .tw-suzgecler{display:none}
  .tw-suz-btn{display:inline-flex}
  .tw-ara{flex-basis:100%}
  .tw-leadler td:first-child{max-width:none}
  .tw-canli .detay{flex-wrap:wrap}
}
/* aramalar */
.tw-baslik-sayi{font-size:.55em;color:var(--gri);font-weight:500;letter-spacing:0;vertical-align:middle}
.tw-sekme-sira{display:flex;align-items:flex-end;gap:12px;justify-content:space-between;flex-wrap:wrap}
.tw-sekme-sira .ui-sekmeler{flex:1;min-width:200px}
.tw-kart-suz{margin:0 0 12px}
.tw-ara-btn{display:none}
.ui-cagri.tw-vurgu{background:var(--ui-uyari-z);border-radius:var(--kose-s);padding-left:12px;padding-right:12px}
.ui-cagri .durumlar .ui-btn{min-height:var(--ui-hedef)}
.ui-cagri .tel{min-height:var(--ui-hedef);display:inline-flex;align-items:center}
.tw-nasil{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}
@media (max-width:720px){
  .tw-tel{display:none!important}
  .tw-ara-btn{display:inline-flex}
  .ui-cagri .ne{flex-direction:column;align-items:stretch}
  .ui-cagri .ne .ui-hap{align-self:flex-start}
}
/* rozetler (Cards) */
.tw-rozet-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tw-rozet-bas .kisi{min-width:0}
.tw-rozet-av{display:none!important}
.tw-rozet-dug{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tw-rozet-dug .ui-btn{flex:1 1 auto;padding:0 14px;font-size:14px}
.tw-davet{opacity:.85;border:1.5px dashed var(--ghost2);background:transparent}
.tw-davet-ic{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:8px}
.tw-davet-ic svg{width:24px;height:24px;color:var(--gri)}
@media (max-width:720px){
  .tw-rozetler{grid-template-columns:minmax(0,1fr)}
  .tw-rozet .sahne{display:none}
  .tw-rozet-av{display:grid!important;width:48px!important;height:48px!important}
}
/* liderlik */
.tw-sira{width:22px;color:var(--gri);font-size:13px;text-align:center;flex:none}
/* ayarlar */
.tw-sadece-tel{display:none}
@media (max-width:720px){
  .tw-sadece-tel{display:block}
  .tw-sadece-masa{display:none}
}
.tw-h3{font-size:15px;font-weight:700;margin:22px 0 10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.tw-h3 .alt-yazi{font-weight:400;font-size:13px}
.tw-tanim-btn{align-items:center}
.tw-tanim-btn>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.tw-tanim-btn>span:nth-child(2){flex:1}
.tw-tanim-btn .ui-btn{min-height:var(--ui-hedef);padding:0 16px;font-size:14px;flex:none}
.tw-oturum-ad{color:var(--ink);font-weight:500;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tw-kilit-not{display:inline-flex;align-items:center;gap:6px;color:var(--ui-uyari);font-size:13px}
.tw-kilit-not svg{width:14px;height:14px}
.tw-satir-sec{margin:0;min-width:200px}
.tw-bolge td{white-space:normal}
.tw-ayar .ui-kilit{margin-top:10px}
@media (max-width:720px){
  .tw-canli .kart{padding:18px 16px}
  .tw-canli .anahtar-satir{align-items:flex-start}
  .tw-satir-sec{min-width:0;width:100%}
  .tw-tanim-btn{flex-wrap:wrap}
}
.tw-iskelet{padding:4px 0}
.tw-canli .ui-tehlike-kutu .ui-btn{min-height:var(--ui-hedef)}
.tw-rozet-dug{flex-wrap:nowrap}
.tw-rozet-dug .ui-btn{min-width:0;padding:0 12px}
.tw-leadler td:not(:first-child){white-space:nowrap}
@media (max-width:720px){.tw-leadler td:not(:first-child){white-space:normal}}
.tw-canli .ui-kopya .ui-btn,.tw-canli .ui-serit .ui-btn,.tw-canli .ui-tablo .ui-btn{min-height:var(--ui-hedef)}
.tw-canli .ui-toast .eylem{min-height:44px}
.tw-canli .ui-link{min-width:44px}
.tw-canli .tw-ust-marka{min-width:var(--ui-hedef);justify-content:center}
.tw-canli .ui-kilit a{min-height:var(--ui-hedef);display:inline-flex;align-items:center}

/* ============ P13: Team, Plan and billing, Your data, Cards davet (2026-10-03) ============ */
/* takim */
.tw-ekip-bas{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.tw-ekip-bas .ui-koltuk-cubuk{flex:1 1 260px;min-width:0}
.tw-uyeler .kisi{display:flex;align-items:center;gap:12px;min-width:0}
.tw-uyeler .kisi b{display:block;font-weight:500;overflow-wrap:anywhere}
.tw-uyeler .kisi span:not(.avatar){display:block;font-size:13.5px;color:var(--gri);overflow-wrap:anywhere}
.tw-uyeler .bekleyen .avatar{background:var(--zemin);color:var(--gri)}
.tw-uyeler .bekleyen .avatar svg{width:18px;height:18px}
.tw-uyeler .ui-uye select{min-height:var(--ui-hedef)}
.tw-sec-grup{margin:0 0 12px;min-width:0}
.tw-legend{font-size:13.5px;color:var(--gri);padding:0 4px;font-weight:500}
.tw-sec-grup small{font-size:13px}
.tw-ic-alt{margin:16px calc(var(--ui-gutter) * -1) -16px;padding-left:var(--ui-gutter);padding-right:var(--ui-gutter)}
.tw-ic-alt .ui-btn{min-height:var(--ui-buton)}
.ui-sayfa-ic .tw-ic-alt{margin:16px -24px -16px;padding:14px 24px 6px}
.ui-sayfa-ic .not-kutu{margin-top:4px}
.ui-sayfa-ic .ui-alan{margin-bottom:14px}
.ui-sayfa-ic textarea{width:100%;resize:vertical}
/* fatura */
.tw-fa-mevcut{background:var(--zemin);border-radius:var(--kose-s);padding:18px 20px}
.tw-fa-mevcut .ui-tanim{border-color:var(--ghost2)}
.tw-mevcut-dug{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.tw-mevcut-dug .ui-btn{min-height:var(--ui-hedef)}
.tw-donem{display:flex;justify-content:center;padding:22px 0 18px}
.tw-donem .ui-donem button{min-height:var(--ui-hedef)}
.tw-planlar .ui-plan{box-shadow:inset 0 0 0 1px var(--cizgi)}
.tw-planlar .ui-plan.secili{box-shadow:inset 0 0 0 2px var(--ink)}
.tw-planlar .ui-plan .ui-btn+.ui-btn{margin-top:8px}
.tw-planlar .ui-plan .ui-btn{min-height:var(--ui-buton-ana)}
.tw-planlar .eksi-not{font-size:13.5px;color:var(--gri);margin:10px 0 0;text-align:center}
.tw-planlar .ui-adimla button{min-width:var(--ui-hedef);min-height:var(--ui-hedef)}
.tw-plan-not{margin:10px 0 0;text-align:center;font-size:13.5px}
.tw-fa-sss{display:flex;gap:8px 20px;flex-wrap:wrap;justify-content:center;margin:18px 0 0}
.tw-etki{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.ui-serit .ui-btn-sira{display:flex;gap:8px;flex-wrap:wrap}
.tw-borc-btn{text-decoration:underline;font-weight:500;color:inherit;min-height:32px;padding:0 4px}
/* veri */
.tw-veri-satir .ui-btn{flex:none;min-height:var(--ui-hedef)}
.tw-ayri{margin-top:24px}
.tw-tam{background:var(--zemin)}
.tw-tam .ui-auth-ust .marka{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.tw-tam .ui-auth-kart h1:focus{outline:none}
.tw-tam .linkler .ui-link{min-height:var(--ui-hedef)}
/* kartlar: davet kutucugu */
.tw-davet .tw-rozet-dug{width:100%;margin-top:4px}
.tw-davet b{overflow-wrap:anywhere}
@media (max-width:1100px){
  .tw-planlar.planlar-ekip-once .ui-plan.ekip{order:-1}
}
@media (max-width:720px){
  .ui-sayfa-ic .tw-ic-alt{margin:16px calc(var(--ui-gutter) * -1) -16px;padding:12px var(--ui-gutter) 4px;flex-direction:column-reverse}
  .tw-ekip-bas .ui-btn{width:100%}
  .tw-fa-mevcut{padding:16px}
  .tw-mevcut-dug{width:100%}
  .tw-veri-satir{flex-wrap:wrap}
  .tw-veri-satir .ui-btn{width:100%}
  .tw-ayri .ui-btn{width:100%}
  .ui-serit{flex-wrap:wrap}
  .ui-serit .ui-btn{min-height:var(--ui-hedef)}
  .tw-davet .tw-rozet-dug .ui-btn{flex:1 1 0}
}