/* ════════════════════════════════════════════════════════════════════════════
   Bars Suite landing taslakları · ORTAK ÜRÜN MAKETİ (18 Eki 2026)
   Panelin Tasarım 2026 görünüşü (bars-tasarim.css jetonları) HTML ile çizilir.
   Maket sabit tasarım boyutunda kurulur (uygulama 1200×760, telefon 390×800)
   ve kabına göre ölçeklenir: oranlar ve yazılar gerçek paneldeki gibi kalır.
   ════════════════════════════════════════════════════════════════════════════ */

.k-koyu{--k-bg:#0B0B0D;--k-s1:#121215;--k-s2:#1A1A1E;--k-s3:#232328;--k-bd:rgba(255,255,255,.075);--k-bd2:rgba(255,255,255,.13);
  --k-t1:#F3F3F5;--k-t2:#C8C8CE;--k-t3:#8B8B94;--k-v:#F3F3F5;--k-vy:#0B0B0D;--k-dk:#F0A35E;--k-dkz:rgba(240,163,94,.11);
  --k-ok:#5FD08A;--k-okz:rgba(95,208,138,.12);--k-golge:0 1px 0 rgba(255,255,255,.04) inset,0 10px 28px rgba(0,0,0,.38);
  --k-balon-ben:#F3F3F5;--k-balon-ben-y:#0B0B0D;--k-balon-o:#232328;--k-balon-o-y:#F3F3F5}
.k-acik{--k-bg:#F5F5F7;--k-s1:#FFFFFF;--k-s2:#F0F0F3;--k-s3:#E6E6EB;--k-bd:rgba(0,0,0,.08);--k-bd2:rgba(0,0,0,.14);
  --k-t1:#1D1D1F;--k-t2:#3A3A40;--k-t3:#6E6E73;--k-v:#0071E3;--k-vy:#FFFFFF;--k-dk:#B54708;--k-dkz:rgba(245,99,0,.09);
  --k-ok:#1A7F37;--k-okz:rgba(26,127,55,.09);--k-golge:0 1px 2px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.04);
  --k-balon-ben:#0071E3;--k-balon-ben-y:#FFFFFF;--k-balon-o:#E9E9EB;--k-balon-o-y:#1D1D1F}

/* ── Ölçek kabı: içteki maket sabit boyutta, transform ile sığar ── */
.k-olcek{position:relative;width:100%;overflow:hidden}
.k-olcek>.k-ic{position:absolute;left:0;top:0;transform-origin:0 0}

.k-app,.k-app *{box-sizing:border-box}
.k-app{width:1200px;height:760px;background:var(--k-bg);color:var(--k-t1);font-family:'Geist',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  font-size:13px;line-height:1.35;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;
  -webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
.k-app .ki{display:block;flex:none}
.k-num{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Geist',system-ui,sans-serif;letter-spacing:-.02em}

/* üst çubuk */
.k-ust{height:50px;flex:none;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--k-bd);background:var(--k-bg)}
.k-logo{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.06em;color:var(--k-t1)}
.k-logo b{font-weight:650}.k-logo span{font-weight:300;letter-spacing:.14em}
.k-logo svg{width:20px;height:20px}
.k-ayrac{width:1px;height:18px;background:var(--k-bd2)}
.k-canli{display:flex;align-items:center;gap:6px;color:var(--k-t3);font-size:12px}
.k-nokta{width:6px;height:6px;border-radius:50%;background:var(--k-ok)}
.k-calisma{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border:1px solid var(--k-bd);border-radius:9px;background:var(--k-s1);font-weight:600;font-size:12.5px}
.k-calisma x-i{font-style:normal;width:20px;height:20px;border-radius:6px;background:var(--k-s3);display:grid;place-items:center;font-size:9.5px;font-weight:700;color:var(--k-t2)}
.k-calisma small{font-size:10px;color:var(--k-t3);font-weight:500}
.k-bosluk{flex:1}
.k-kredi{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--k-bd);border-radius:9px;font-weight:600;font-size:12px}
.k-kredi u{display:block;width:30px;height:3px;border-radius:2px;background:var(--k-s3);text-decoration:none;position:relative;overflow:hidden}
.k-kredi u::after{content:"";position:absolute;inset:0 40% 0 0;background:var(--k-t3)}
.k-kare{position:relative;width:32px;height:32px;border:1px solid var(--k-bd);border-radius:9px;display:grid;place-items:center;color:var(--k-t2)}
.k-rozet{position:absolute;top:-6px;right:-6px;min-width:18px;height:15px;padding:0 4px;border-radius:8px;background:var(--k-t1);color:var(--k-bg);font-size:9px;font-weight:700;display:grid;place-items:center}
.k-patron{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border:1px solid var(--k-bd);border-radius:999px;font-weight:600;font-size:12px}
.k-patron kbd{font-family:inherit;font-size:9.5px;color:var(--k-t3);border:1px solid var(--k-bd);border-radius:5px;padding:1px 5px;background:var(--k-s2)}
.k-patron .k-nokta{background:#3B82F6}

.k-govde{flex:1;display:flex;min-height:0}
.k-yan{width:200px;flex:none;border-right:1px solid var(--k-bd);padding:14px 10px;display:flex;flex-direction:column;gap:1px;overflow:hidden}
.k-yan h6{margin:12px 10px 5px;font-size:10.5px;font-weight:500;color:var(--k-t3);letter-spacing:0}
.k-yan a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--k-t2);font-size:12.5px;text-decoration:none;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s}
.k-yan a .ki{color:var(--k-t3)}
.k-yan a .e{margin-left:auto;font-style:normal;font-size:11px;color:var(--k-t3)}
.k-yan a.on{background:var(--k-s2);color:var(--k-t1);border-color:var(--k-bd);font-weight:600}
.k-yan a.on .ki{color:var(--k-t1)}
.k-yan hr{border:0;border-top:1px solid var(--k-bd);margin:8px 10px}

.k-ana{flex:1;min-width:0;position:relative;overflow:hidden}
.k-sayfa{position:absolute;inset:0;padding:22px 24px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s;overflow:hidden}
.k-sayfa.on{opacity:1;visibility:visible;transition:opacity .45s ease}

/* sayfa başlığı */
.k-bas{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.k-bas h3{margin:0;font-size:26px;font-weight:650;letter-spacing:-.025em}
.k-sekme{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--k-bd);border-radius:10px;background:var(--k-s1)}
.k-sekme span{padding:5px 10px;border-radius:7px;font-size:12px;color:var(--k-t3);font-weight:500}
.k-sekme span.on{background:var(--k-s3);color:var(--k-t1)}
.k-sekme b{font-weight:500;color:var(--k-t3);margin-left:5px}
.k-dug{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--k-bd2);font-size:12px;font-weight:600;color:var(--k-t1);background:transparent;white-space:nowrap}
.k-dug.ana{background:var(--k-v);color:var(--k-vy);border-color:var(--k-v)}
.k-dug .ki{width:14px;height:14px}

/* rakam satırı */
.k-kpi{display:grid;grid-template-columns:repeat(4,auto) 1fr;gap:0;margin-bottom:16px}
.k-kpi>div{padding:0 26px 0 0;margin-right:26px;border-right:1px solid var(--k-bd)}
.k-kpi>div:nth-child(4){border-right:0}
.k-kpi small{display:block;font-size:11.5px;color:var(--k-t2);margin-bottom:3px}
.k-kpi strong{display:block;font-size:26px;font-weight:600}
.k-kpi .e{display:block;font-style:normal;font-size:11px;color:var(--k-t3);margin-top:2px}

.k-arac{display:flex;align-items:center;gap:7px;margin-bottom:14px}
.k-ara{flex:0 0 250px;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--k-bd2);border-radius:999px;color:var(--k-t3);font-size:12px}
.k-hap{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--k-bd);border-radius:999px;font-size:12px;color:var(--k-t2);white-space:nowrap}
.k-hap b{font-weight:500;color:var(--k-t3)}
.k-hap.on{background:var(--k-t1);color:var(--k-bg);border-color:var(--k-t1)}
.k-hap.on b{color:var(--k-bg);opacity:.6}

/* pano */
.k-pano{display:flex;gap:12px;align-items:flex-start}
.k-sutun{flex:0 0 228px;background:var(--k-s1);border:1px solid var(--k-bd);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:9px;min-height:200px}
.k-sutun header{display:flex;align-items:center;gap:7px;padding:2px 4px 4px;font-weight:600;font-size:12.5px}
.k-sutun header b{font-weight:500;color:var(--k-t3)}
.k-sutun header .e{margin-left:auto;font-style:normal;color:var(--k-t3);font-size:11.5px}
.k-kart{background:var(--k-bg);border:1px solid var(--k-bd);border-radius:11px;padding:10px 11px;box-shadow:var(--k-golge);will-change:transform}
.k-acik .k-kart{background:#fff}
.k-kart h5{margin:0;display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:650}
.k-kart h5 span{font-weight:600;color:var(--k-t2);font-size:12px}
.k-kart p{margin:2px 0 8px;font-size:11px;color:var(--k-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-cipler{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px}
.k-cip{font-size:10.5px;padding:2px 7px;border:1px solid var(--k-bd2);border-radius:999px;color:var(--k-t2);white-space:nowrap}
.k-cip.dolu{background:var(--k-t1);color:var(--k-bg);border-color:var(--k-t1)}
.k-cip.uyari{color:var(--k-dk);background:var(--k-dkz);border-color:transparent}
.k-cip.iyi{color:var(--k-ok);background:var(--k-okz);border-color:transparent}
.k-kart footer{display:flex;align-items:center;gap:10px;color:var(--k-t3);padding-top:8px;border-top:1px solid var(--k-bd)}
.k-kart footer .ki{width:13px;height:13px}
.k-kart footer .e{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:var(--k-t2)}
.k-kart.isik{outline:1.5px solid var(--k-t1);outline-offset:1px}
.k-ekle{border:1px dashed var(--k-bd2);border-radius:10px;padding:8px;text-align:center;color:var(--k-t3);font-size:11.5px}

/* mesajlar */
.k-mesaj{display:grid;grid-template-columns:300px 1fr 230px;height:calc(100% - 54px);border:1px solid var(--k-bd);border-radius:14px;overflow:hidden;background:var(--k-s1)}
.k-liste{border-right:1px solid var(--k-bd);display:flex;flex-direction:column;min-height:0}
.k-liste .k-l-bas{padding:14px 14px 10px}
.k-liste .k-l-bas h4{margin:0 0 10px;font-size:16px;font-weight:650}
.k-liste .k-l-hap{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.k-liste .k-l-hap .k-hap{height:25px;font-size:11px;padding:0 9px}
.k-sohbet-oge{display:flex;gap:10px;padding:10px 14px;border-top:1px solid var(--k-bd);align-items:flex-start;transition:background .3s}
.k-sohbet-oge.on{background:var(--k-s2)}
.k-av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:650;background:var(--k-s3);color:var(--k-t2);position:relative}
.k-av .k-kanal{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--k-s1);border:1px solid var(--k-bd)}
.k-av .k-kanal svg{width:9px;height:9px}
.k-sohbet-oge div{min-width:0;flex:1}
.k-sohbet-oge b{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600}
.k-sohbet-oge b small{font-weight:400;color:var(--k-t3);font-size:10.5px}
.k-sohbet-oge p{margin:2px 0 0;font-size:11.5px;color:var(--k-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-sohbet-oge .k-yz{display:inline-block;margin-top:4px;font-size:9.5px;padding:1px 6px;border-radius:999px;border:1px solid var(--k-bd2);color:var(--k-t2)}
.k-konusma{display:flex;flex-direction:column;min-height:0}
.k-k-bas{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--k-bd)}
.k-k-bas b{font-size:13.5px}
.k-k-bas small{display:block;color:var(--k-t3);font-size:11px;font-weight:400}
.k-akis{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;justify-content:flex-end}
.k-balon{max-width:72%;padding:8px 12px;border-radius:16px;font-size:12.5px;line-height:1.45;animation:k-gir .4s cubic-bezier(.2,.8,.2,1) both}
.k-balon.o{align-self:flex-start;background:var(--k-balon-o);color:var(--k-balon-o-y);border-bottom-left-radius:5px}
.k-balon.ben{align-self:flex-end;background:var(--k-balon-ben);color:var(--k-balon-ben-y);border-bottom-right-radius:5px}
.k-balon-not{align-self:flex-end;font-size:10px;color:var(--k-t3);margin-top:-4px;animation:k-gir .4s both}
.k-balon-not.sol{align-self:flex-start}
.k-yaziyor{align-self:flex-start;display:flex;gap:4px;padding:11px 13px;border-radius:16px;background:var(--k-balon-o)}
.k-yaziyor x-i{width:5px;height:5px;border-radius:50%;background:var(--k-t3);animation:k-zipla 1s infinite}
.k-yaziyor x-i:nth-child(2){animation-delay:.15s}.k-yaziyor x-i:nth-child(3){animation-delay:.3s}
.k-yaz-alan{margin:0 14px 14px;height:40px;border:1px solid var(--k-bd2);border-radius:999px;display:flex;align-items:center;padding:0 6px 0 14px;color:var(--k-t3);font-size:12px;gap:8px}
.k-yaz-alan span{flex:1}
.k-yaz-alan x-i{width:28px;height:28px;border-radius:50%;background:var(--k-v);color:var(--k-vy);display:grid;place-items:center}
.k-kisi-yan{border-left:1px solid var(--k-bd);padding:16px;display:flex;flex-direction:column;gap:12px;font-size:12px}
.k-kisi-yan h5{margin:0;font-size:14px}
.k-kisi-yan dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 10px}
.k-kisi-yan dt{color:var(--k-t3)}.k-kisi-yan dd{margin:0;text-align:right;font-weight:500}
.k-zaman{border-top:1px solid var(--k-bd);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.k-zaman div{display:flex;gap:8px;align-items:flex-start;color:var(--k-t2);font-size:11.5px;animation:k-gir .4s both}
.k-zaman div x-i{width:6px;height:6px;border-radius:50%;background:var(--k-t3);margin-top:5px;flex:none}
.k-zaman div x-i.ok{background:var(--k-ok)}

/* genel bakış */
.k-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.k-kutu{background:var(--k-s1);border:1px solid var(--k-bd);border-radius:14px;padding:14px 16px}
.k-kutu small{display:block;color:var(--k-t2);font-size:11.5px}
.k-kutu strong{display:block;font-size:26px;font-weight:600;margin:6px 0 2px}
.k-kutu .e{font-style:normal;font-size:11px;color:var(--k-t3)}
.k-kutu h4{margin:0 0 12px;font-size:13px;font-weight:650}
.k-iki{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.k-grafik{height:170px;display:flex;align-items:flex-end;gap:7px;padding-top:10px}
.k-grafik x-i{flex:1;border-radius:5px 5px 2px 2px;background:var(--k-s3);transform-origin:bottom;animation:k-boy .9s cubic-bezier(.2,.8,.2,1) both}
.k-grafik x-i.on{background:var(--k-t1)}
.k-satir{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--k-bd);font-size:12px}
.k-satir:first-of-type{border-top:0}
.k-satir time{width:44px;color:var(--k-t3);font-weight:600}
.k-satir b{font-weight:600}
.k-satir span{color:var(--k-t3)}
.k-satir .k-cip{margin-left:auto}

/* randevu */
.k-hafta{display:grid;grid-template-columns:44px repeat(5,1fr);border:1px solid var(--k-bd);border-radius:14px;overflow:hidden;background:var(--k-s1);height:calc(100% - 60px)}
.k-hafta>div{border-left:1px solid var(--k-bd);position:relative}
.k-hafta>div:first-child{border-left:0}
.k-hafta header{height:42px;border-bottom:1px solid var(--k-bd);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--k-t3)}
.k-hafta header b{font-size:15px;color:var(--k-t1);font-weight:600}
.k-hafta header.bugun b{background:var(--k-v);color:var(--k-vy);border-radius:999px;padding:0 7px}
.k-saatler span{display:block;height:64px;font-size:10px;color:var(--k-t3);text-align:right;padding:4px 6px 0 0}
.k-blok{position:absolute;left:5px;right:5px;border-radius:8px;padding:6px 8px;font-size:11px;line-height:1.3;background:var(--k-s3);border:1px solid var(--k-bd2);overflow:hidden}
.k-blok b{display:block;font-size:11.5px}
.k-blok span{color:var(--k-t3)}
.k-blok.yeni{background:var(--k-t1);color:var(--k-bg);border-color:var(--k-t1);animation:k-pat .6s cubic-bezier(.2,.8,.2,1) both}
.k-blok.yeni span{color:var(--k-bg);opacity:.65}
.k-acik .k-blok.yeni{background:var(--k-v);border-color:var(--k-v);color:#fff}

/* ── Telefon ── */
.k-tel,.k-tel *{box-sizing:border-box}
.k-tel{width:390px;height:800px;border-radius:58px;padding:12px;background:#111;box-shadow:0 0 0 1.5px #3a3a3e inset,0 0 0 1px rgba(255,255,255,.06),0 40px 80px rgba(0,0,0,.35);position:relative;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Geist',system-ui,sans-serif}
.k-tel-ekran{position:relative;width:100%;height:100%;border-radius:47px;overflow:hidden;background:var(--k-s1);color:var(--k-t1);display:flex;flex-direction:column}
.k-tel-durum{height:50px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 30px 0 34px;font-size:15px;font-weight:600}
.k-tel-durum x-i{width:110px;height:32px;border-radius:20px;background:#000;position:absolute;left:50%;top:11px;transform:translateX(-50%)}
.k-tel-durum svg{height:12px}
.k-tel-bas{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;border-bottom:1px solid var(--k-bd)}
.k-tel-bas .k-geri{width:22px;color:var(--k-t2)}
.k-tel-bas b{display:block;font-size:15px}
.k-tel-bas small{display:flex;align-items:center;gap:5px;color:var(--k-t3);font-size:12px}
.k-tel-bas small svg{width:11px;height:11px}
.k-tel-av{width:36px;height:36px;border-radius:50%;background:var(--k-t1);color:var(--k-bg);display:grid;place-items:center;font-weight:700;font-size:13px}
.k-tel-akis{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:7px;justify-content:flex-end;overflow:hidden}
.k-tel-akis .k-balon{font-size:15px;max-width:80%;padding:9px 13px;border-radius:20px}
.k-tel-akis .k-balon.o{background:var(--k-balon-o)}
.k-tel-akis .k-balon.ben{border-bottom-right-radius:6px}
.k-tel-akis .k-balon.o{border-bottom-left-radius:6px}
.k-tel-alt{height:84px;flex:none;padding:10px 14px 30px;display:flex;align-items:center;gap:10px}
.k-tel-alt span{flex:1;height:36px;border-radius:999px;border:1px solid var(--k-bd2);display:flex;align-items:center;padding:0 14px;color:var(--k-t3);font-size:14px}
.k-tel-gun{align-self:center;font-size:11px;color:var(--k-t3);margin:4px 0}
/* Akış taşınca kartlar ezilmesin: eskiler yukarıdan taşar, yeniler tam boyda kalır */
.k-tel-akis>*,.k-akis>*{flex-shrink:0}
/* telefon içi kartlar */
.k-tkart{align-self:flex-start;width:80%;border:1px solid var(--k-bd2);border-radius:18px;overflow:hidden;background:var(--k-s1);animation:k-gir .45s cubic-bezier(.2,.8,.2,1) both;font-size:13.5px}
.k-tkart.sag{align-self:flex-end}
.k-tkart header{padding:12px 14px;border-bottom:1px solid var(--k-bd);display:flex;align-items:center;gap:8px;font-weight:600}
.k-tkart header svg{width:16px;height:16px}
.k-tkart>div{padding:12px 14px;display:flex;flex-direction:column;gap:6px;color:var(--k-t2)}
.k-tkart>div b{color:var(--k-t1)}
.k-tkart footer{padding:10px 14px;border-top:1px solid var(--k-bd);text-align:center;font-weight:600;color:var(--k-t1)}
.k-tkart footer.ana{background:var(--k-v);color:var(--k-vy);border-top:0}
.k-slotlar{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.k-slotlar span{border:1px solid var(--k-bd2);border-radius:10px;padding:7px;text-align:center;font-weight:600;color:var(--k-t1);transition:all .3s}
.k-slotlar span.on{background:var(--k-v);color:var(--k-vy);border-color:var(--k-v)}

/* ── Sözleşme ve ödeme ── */
.k-belge,.k-belge *{box-sizing:border-box}
.k-belge{width:420px;background:#FCFCFD;color:#1D1D1F;border-radius:16px;padding:28px 30px;font-family:'Geist',system-ui,sans-serif;font-size:12px;box-shadow:0 30px 60px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.06)}
.k-belge h4{margin:0 0 4px;font-size:16px;letter-spacing:-.01em}
.k-belge>small{color:#6E6E73}
.k-belge hr{border:0;border-top:1px solid #E6E6EB;margin:14px 0}
.k-belge dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}
.k-belge dt{color:#6E6E73}.k-belge dd{margin:0;font-weight:600;text-align:right}
.k-belge .k-satirlar x-i{display:block;height:6px;border-radius:3px;background:#ECECF0;margin:7px 0}
.k-belge .k-satirlar x-i:nth-child(2){width:92%}.k-belge .k-satirlar x-i:nth-child(3){width:96%}.k-belge .k-satirlar x-i:nth-child(4){width:70%}
.k-imza{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.k-imza div{border-top:1px solid #D2D2D7;padding-top:6px;color:#6E6E73;font-size:11px;position:relative;height:70px;display:flex;flex-direction:column;justify-content:flex-end}
.k-imza svg{position:absolute;left:0;bottom:22px;width:150px;height:46px;overflow:visible}
.k-imza path{fill:none;stroke:#1D1D1F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.k-muhur{margin-top:14px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#F0F7F2;color:#1A7F37;font-size:11px;font-weight:600;opacity:0;transform:translateY(6px);transition:all .5s}
.k-muhur.on{opacity:1;transform:none}
.k-muhur code{font-family:'Geist Mono',ui-monospace,monospace;font-weight:500;color:#3A3A40;margin-left:auto}

.k-odeme,.k-odeme *{box-sizing:border-box}
.k-odeme{width:340px;background:var(--k-s1);color:var(--k-t1);border:1px solid var(--k-bd);border-radius:20px;padding:22px;font-family:'Geist',system-ui,sans-serif;box-shadow:0 30px 60px rgba(0,0,0,.28)}
.k-odeme small{color:var(--k-t3);font-size:12px}
.k-odeme strong{display:block;font-size:34px;font-weight:600;letter-spacing:-.03em;margin:6px 0 2px}
.k-odeme .k-o-kalem{display:flex;justify-content:space-between;font-size:12.5px;color:var(--k-t2);padding:10px 0;border-top:1px solid var(--k-bd);margin-top:12px}
.k-odeme .k-o-kart{height:42px;border:1px solid var(--k-bd2);border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:10px;color:var(--k-t3);font-size:12.5px;margin:6px 0 12px}
.k-odeme .k-o-dug{height:44px;border-radius:12px;background:var(--k-v);color:var(--k-vy);display:grid;place-items:center;font-weight:600;font-size:14px;transition:all .4s}
.k-odeme.odendi .k-o-dug{background:var(--k-ok);color:#fff}
.k-odeme .k-o-dug span{display:flex;align-items:center;gap:8px}

/* ── El Patron komut kutusu ── */
.k-komut,.k-komut *{box-sizing:border-box}
.k-komut{width:620px;background:var(--k-s1);color:var(--k-t1);border:1px solid var(--k-bd2);border-radius:20px;font-family:'Geist',system-ui,sans-serif;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.4)}
.k-komut-ust{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--k-bd);font-size:12.5px;color:var(--k-t3)}
.k-komut-ust b{color:var(--k-t1);font-weight:600}
.k-komut-ust kbd{margin-left:auto;font-family:inherit;font-size:10.5px;border:1px solid var(--k-bd);border-radius:6px;padding:2px 6px}
.k-komut-yaz{padding:18px 18px 8px;font-size:17px;line-height:1.5;min-height:84px;letter-spacing:-.005em}
.k-komut-yaz .k-imlec{display:inline-block;width:2px;height:1.1em;background:var(--k-t1);vertical-align:-3px;margin-left:1px;animation:k-yanip .9s steps(1) infinite}
.k-adimlar{padding:6px 18px 16px;display:flex;flex-direction:column;gap:2px}
.k-adim{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;color:var(--k-t2);animation:k-gir .4s both}
.k-adim x-i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--k-bd2);display:grid;place-items:center;flex:none}
.k-adim.bitti x-i{background:var(--k-t1);border-color:var(--k-t1);color:var(--k-bg)}
.k-adim.bitti x-i svg{width:11px;height:11px}
.k-adim.surer x-i{border-color:var(--k-t3);border-top-color:transparent;animation:k-don .8s linear infinite}
.k-adim small{margin-left:auto;color:var(--k-t3);font-size:12px}
.k-onay{display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--k-bd);align-items:center;animation:k-gir .4s both}
.k-onay span{font-size:12.5px;color:var(--k-t3);margin-right:auto}

/* bildirim */
.k-bildirim{display:flex;gap:11px;align-items:center;padding:11px 14px 11px 11px;border-radius:16px;background:var(--k-s1);border:1px solid var(--k-bd2);color:var(--k-t1);box-shadow:0 20px 50px rgba(0,0,0,.3);font-family:'Geist',system-ui,sans-serif;font-size:12.5px;width:max-content;max-width:330px}
.k-bildirim>x-i{width:34px;height:34px;border-radius:10px;background:var(--k-t1);color:var(--k-bg);display:grid;place-items:center;flex:none}
.k-bildirim b{display:block;font-size:13px}
.k-bildirim span{color:var(--k-t3)}

/* El Patron katmanı: panelin üstünde açılan komut kutusu */
.k-app{position:relative}
.k-patron-katman{position:absolute;inset:50px 0 0 0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding-top:70px;background:rgba(20,20,24,.16);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.k-koyu .k-patron-katman{background:rgba(0,0,0,.45)}
.k-patron-katman.on{opacity:1;visibility:visible;transition:opacity .35s ease}
.k-patron-katman .k-komut{transform:translateY(14px) scale(.97);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.k-patron-katman.on .k-komut{transform:none}
.k-acik .k-komut{box-shadow:0 0 0 1px rgba(0,0,0,.06),0 40px 90px rgba(0,0,0,.22)}
.k-kutu.isik{animation:k-isik 1.4s ease both}
@keyframes k-isik{0%{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 0 2px var(--k-v)}100%{box-shadow:0 0 0 0 transparent}}

@keyframes k-gir{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes k-zipla{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
@keyframes k-boy{from{transform:scaleY(0)}}
@keyframes k-pat{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes k-yanip{50%{opacity:0}}
@keyframes k-don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .k-balon,.k-tkart,.k-adim,.k-onay,.k-zaman div,.k-grafik x-i,.k-blok.yeni,.k-balon-not,.k-kutu.isik{animation:none}
  .k-patron-katman,.k-patron-katman .k-komut{transition:none}
  .k-yaziyor x-i,.k-komut-yaz .k-imlec,.k-adim.surer x-i{animation:none}
}