/* ==================================================================
   AKILLI KARŞILAMA, müşteri paneli tasarım sistemi: MASA (Yön D)
   Faz 2 / kalem 07. Onay: Arda, 28.09.2026 ("Masa + Gelen Kutusu").
   Kaynak: tasarim/faz2-onizleme/k07-yonler/D-masa-gelen-kutusu/stil.css

   Tek stil dosyası, tek bileşen dili, tek renk kuralı:
     mürekkep   = sizden iş bekliyor
     misket     = iyi haber (asistan halletti, bağlı, canlı)
     gün batımı = öğretmeniz gerek (asistan bilmedi)
     kiremit    = ters giden bir şey (hata, gecikme)
     beyaz/nane = sakin bilgi
   Düz hex yalnız :root içinde.

   Derlenmez, doğrudan sunulur (public/panel/css/masa.css). Değişince
   layouts/business.blade.php otomatik sürüm alır (dosya zamanı).
   Bileşen kılavuzu: docs/faz2/kalemler/07-bilesenler.md

   Gövde sınıfları (layouts/business):
     m-govde  her panel sayfası
     m-masa   yeni tasarıma geçmiş ekran (@section('tasarim','masa'))
     m-eski   henüz yenilenmemiş ekran; eski görünüm masa-uyum.css'ten
   Değişken adı notu: eski panel stilleri --border'ı renk olarak kullanır;
   burada kenar çizgisi --cizgi adını taşır (çakışma olmasın).
================================================================== */
:root{
  /* --- A, Gece paleti --- */
  --c-bg:#f9faf6;
  --c-surface:#eff5ed;
  --c-surface-2:#e3ede0;
  --c-card:#ffffff;
  --c-ink:#172a24;
  --c-ink-2:#0f1d18;
  --c-ink-3:#1f362e;
  --c-muted:#56655e;            /* beyazda 6.1:1, nane-2'de 5.0:1 */
  --c-line:#dce5da;
  --c-accent:#c0f76a;
  --c-accent-soft:#d7f5b1;
  --c-accent-ink:#2f6b41;       /* küçük yeşil metin, beyazda 6.3:1 */
  --c-on-dark:#f4f8f1;
  --c-on-dark-muted:#b3c4ba;    /* mürekkepte 8.3:1 */
  --c-dusk:#f3e7a1;
  /* --- Panel için yalnız dört ek (NOT.md'de listeli) --- */
  --c-dusk-soft:#faf3cd;        /* açık gün batımı zemini */
  --c-dusk-ink:#5a5020;         /* gün batımında ikincil metin, 6.4:1 */
  --c-danger:#a3402a;           /* kiremit, beyazda 6.3:1 */
  --c-danger-bg:#fbe9e1;
  /* saydamlar (yalnız mürekkep, beyaz, misket türevleri) */
  --c-focus:#2f6b41;
  --c-ink-a06:rgba(23,42,36,.06);
  --c-ink-a10:rgba(23,42,36,.1);
  --c-ink-a16:rgba(23,42,36,.16);
  --c-ink-a24:rgba(23,42,36,.24);
  --c-ink-a40:rgba(23,42,36,.4);
  --c-ink-a60:rgba(15,29,24,.6);
  --c-white-a06:rgba(255,255,255,.06);
  --c-white-a10:rgba(255,255,255,.1);
  --c-white-a16:rgba(255,255,255,.16);
  --c-paper-a86:rgba(249,250,246,.86);
  --c-accent-a30:rgba(192,247,106,.3);
  --c-accent-a55:rgba(192,247,106,.55);

  /* --- Yazı --- */
  --font-display:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-body:'DM Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fs-2xs:.75rem;    /* 12: okunur alt sınır (mobil denetimi, 29.09.2026) */
  --fs-xs:.75rem;     /* 12 */
  --fs-s:.8125rem;    /* 13 */
  --fs-m:.875rem;     /* 14 */
  --fs-body:.9375rem; /* 15 */
  --fs-l:1.0625rem;   /* 17 */
  --fs-xl:1.3125rem;  /* 21 */
  --fs-2xl:clamp(1.375rem,1.1rem + 1vw,1.875rem);
  --fs-hero:clamp(1.875rem,1.2rem + 2.4vw,3.25rem);
  --tr-label:.12em;

  /* --- Düzen --- */
  --kap:82.5rem;
  --gutter:clamp(1rem,.4rem + 2.2vw,3rem);
  --ust-h:4.5rem;
  --ada-bosluk:7rem;            /* yüzen adanın altta kapladığı yer */
  --alt-h:4.75rem;              /* mobil alt çubuk */
  --tap:2.75rem;                /* 44 px */
  --r-s:.75rem;
  --r-m:1.125rem;
  --r-k:1.75rem;                /* karo köşesi */
  --r-pill:999px;
  --cizgi:1px solid var(--c-line);
  --shadow-1:0 .0625rem .125rem var(--c-ink-a06),0 .5rem 1.5rem -1rem var(--c-ink-a40);
  --shadow-2:0 1.25rem 2.5rem -1.5rem var(--c-ink-a40);
  --shadow-3:0 2rem 4.5rem -1.5rem var(--c-ink-a60);
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-yay:cubic-bezier(.34,1.56,.64,1);
  --d-1:.16s;
  --d-2:.3s;
  --d-3:.55s;
}

/* ---------------- Temel ----------------
   Sıfırlamalar yalnızca yeni tasarım ekranlarında (body.m-masa) ve kabuğun
   kendi parçalarında geçerlidir; henüz yenilenmemiş ekranların (body.m-eski)
   Bootstrap düzeni bozulmaz. :where() ile özgüllük sıfır tutulur. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:calc(var(--ust-h) + 1rem)}
body.m-govde{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
body.m-govde::before{content:"";position:fixed;inset:0 0 auto;height:24rem;z-index:-1;background:radial-gradient(56rem 20rem at 16% -6rem,var(--c-surface-2),transparent 70%),radial-gradient(36rem 16rem at 90% -5rem,var(--c-dusk-soft),transparent 70%);pointer-events:none}
:where(body.m-masa .sahne,.m-kabuk) :where(img,svg){display:block;max-width:100%}
:where(body.m-masa .sahne,.m-kabuk) :where(svg:not(.mk):not(.marka-simgesi)){width:1.25rem;height:1.25rem;flex:none}
:where(body.m-masa .sahne,.m-kabuk) a{color:inherit;text-decoration:none}
:where(body.m-masa .sahne,.m-kabuk) :where(button,input,textarea,select){font:inherit;color:inherit}
:where(body.m-masa .sahne,.m-kabuk) button{background:none;border:0;padding:0;cursor:pointer}
:where(body.m-masa .sahne,.m-kabuk) :is(h1,h2,h3,h4){font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0;color:inherit}
:where(body.m-masa .sahne,.m-kabuk) :where(p,ul,ol,figure,dl,dd,blockquote){margin:0}
:where(body.m-masa .sahne,.m-kabuk) :where(ul,ol){padding:0;list-style:none}
:where(body.m-masa .sahne,.m-kabuk) em{font-style:normal}
:where(body.m-masa .sahne,.m-kabuk) :is(b,strong){font-weight:700}
:where(body.m-masa .sahne,.m-kabuk) label{margin:0}
::selection{background:var(--c-accent);color:var(--c-ink)}
body.m-govde :focus-visible{outline:.1875rem solid var(--c-focus);outline-offset:.1875rem;border-radius:var(--r-s)}
.k-koyu,.ada,.alt-cubuk,.kaydet-cubuk,.bildirim,.bek-kutu{--c-focus:var(--c-accent)}
.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.atla{position:fixed;left:1rem;top:-10rem;z-index:400;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 1.25rem;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-on-dark);font-weight:700}
.atla:focus{top:.75rem}
[hidden]{display:none!important}
[tabindex="-1"]:focus{outline:0}
.kap{width:min(var(--kap),100% - 2*var(--gutter));margin-inline:auto}
.num{font-variant-numeric:tabular-nums}
kbd svg{width:.75rem!important;height:.75rem!important}
kbd{display:inline-grid;place-items:center;min-width:1.375rem;height:1.375rem;padding:0 .3rem;border-radius:.375rem;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line),inset 0 -2px 0 var(--c-line);font-family:var(--font-body);font-size:var(--fs-2xs);font-weight:700;color:var(--c-muted);line-height:1}
.k-koyu kbd,.dg-koyu kbd{background:var(--c-white-a10);box-shadow:inset 0 0 0 1px var(--c-white-a16);color:var(--c-on-dark-muted)}
.etiket{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--c-muted);line-height:1.2}
.etiket svg{width:1.0625rem;height:1.0625rem}
.cizgili{background:linear-gradient(transparent 62%,var(--c-accent) 62%,var(--c-accent) 92%,transparent 92%);padding:0 .08em}
.bag{font-weight:700;color:var(--c-accent-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-color:var(--c-accent)}
.bag-tek{display:inline-flex;align-items:center;min-height:var(--tap)}
.bag:hover{text-decoration-color:var(--c-accent-ink)}

/* ---------------- Küçük marka simgesi: "ak" (asistan avatarı) ya da "Yazıyor" (süren iş) ---------------- */
.mk{flex:none;width:1.5rem;height:1.5rem}
.mk-ak{--ak-govde:var(--c-ink);--ak-uc:var(--c-accent)}
.mk-ak.mk-acik,.s-koyu .mk-ak{--ak-govde:var(--c-on-dark)}
.selam-ust .mk{width:1.25rem;height:1.25rem}
@property --md1{syntax:'<number>';inherits:true;initial-value:.5}
@property --md2{syntax:'<number>';inherits:true;initial-value:.82}
@property --md3{syntax:'<number>';inherits:true;initial-value:1}
@keyframes yaziyor{0%,100%{--md1:.25;--md2:.35;--md3:.45}25%{--md1:1;--md2:.35;--md3:.45}50%{--md1:.5;--md2:1;--md3:.45}75%{--md1:.35;--md2:.5;--md3:1}}
.mk-canli{animation:yaziyor 1.4s var(--ease) infinite}
.mk-acik{--mark-karo:var(--c-accent);--mark-nokta:var(--c-ink);--md3-fill:var(--c-ink)}
.nokta3{display:inline-flex;gap:.2rem;align-items:center;vertical-align:middle}
.nokta3 i{width:.34rem;height:.34rem;border-radius:50%;background:currentColor;opacity:.35;animation:zipla 1.2s var(--ease) infinite}
.nokta3 i:nth-child(2){animation-delay:.15s}
.nokta3 i:nth-child(3){animation-delay:.3s}
@keyframes zipla{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-.15rem)}}

/* ---------------- Düğmeler ---------------- */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);padding:0 1.125rem;border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-m);line-height:1;white-space:nowrap;transition:transform var(--d-1) var(--ease),background-color var(--d-1),box-shadow var(--d-1);-webkit-tap-highlight-color:transparent}
.dg svg{width:1.125rem;height:1.125rem}
.dg:active{transform:scale(.96)}
.dg-koyu{background:var(--c-ink);color:var(--c-on-dark)}
.dg-koyu:hover{background:var(--c-ink-3)}
.dg-misket{background:var(--c-accent);color:var(--c-ink)}
.dg-misket:hover{box-shadow:0 0 0 .25rem var(--c-accent-a30)}
.dg-hayalet{box-shadow:inset 0 0 0 1.5px var(--c-ink-a24);background:var(--c-card)}
.dg-hayalet:hover{background:var(--c-surface)}
.dg-acik{background:var(--c-white-a10);color:var(--c-on-dark);box-shadow:inset 0 0 0 1px var(--c-white-a16)}
.dg-acik:hover{background:var(--c-white-a16)}
.dg-sade{padding:0 .75rem;color:var(--c-ink)}
.dg-sade:hover{background:var(--c-ink-a06)}
.dg-tam{width:100%}
.dg kbd{margin-left:.125rem}
.yuvarlak{position:relative;display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;flex:none;transition:background-color var(--d-1)}
.yuvarlak:hover{background:var(--c-ink-a06)}
.k-koyu .yuvarlak:hover{background:var(--c-white-a10)}

/* ---------------- Çipler ---------------- */
.cip{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--tap);padding:0 1rem;border-radius:var(--r-pill);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);font-weight:600;font-size:var(--fs-m);white-space:nowrap;transition:background-color var(--d-1),box-shadow var(--d-1),transform var(--d-1)}
.cip svg{width:1rem;height:1rem}
.cip:hover{box-shadow:inset 0 0 0 1.5px var(--c-ink-a40)}
.cip:active{transform:scale(.96)}
.cip[aria-pressed="true"],.cip.secili{background:var(--c-ink);color:var(--c-on-dark);box-shadow:none}
.cip .say{font-size:var(--fs-xs);color:var(--c-muted);font-weight:700}
.cip[aria-pressed="true"] .say{color:var(--c-accent)}
.cip-kaydir{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.125rem;margin:-.125rem}
.cip-kaydir::-webkit-scrollbar{display:none}

/* ---------------- Rozet dili (tek sözlük, her ekranda aynı) ----------------
   Renk + simge + metin birlikte: renk körlüğünde de ayırt edilir.        */
.rz{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem .2rem .45rem;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;line-height:1.3;white-space:nowrap}
.rz svg{width:.875rem;height:.875rem}
.rz-is{background:var(--c-ink);color:var(--c-on-dark)}
.rz-is svg{color:var(--c-accent)}
.rz-iyi{background:var(--c-accent);color:var(--c-ink)}
.rz-ogret{background:var(--c-dusk);color:var(--c-dusk-ink)}
.rz-hata{background:var(--c-danger-bg);color:var(--c-danger)}
.rz-sakin{background:var(--c-surface-2);color:var(--c-ink);padding-left:.6rem}
.k-koyu .rz-is{background:var(--c-white-a10);box-shadow:inset 0 0 0 1px var(--c-white-a16)}
.nokta{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex:none}
.canli-nokta{position:relative;display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--c-accent-ink);flex:none}
.canli-nokta::after{content:"";position:absolute;inset:-.25rem;border-radius:50%;border:2px solid var(--c-accent-ink);opacity:0;animation:halka 2s var(--ease) infinite}
@keyframes halka{0%{transform:scale(.5);opacity:.8}100%{transform:scale(1.6);opacity:0}}

/* ---------------- Avatar ---------------- */
.av{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.875rem;flex:none;font-family:var(--font-display);font-weight:800;font-size:var(--fs-s);letter-spacing:.02em;background:var(--c-surface-2);color:var(--c-ink)}
.av-1{background:var(--c-dusk)}
.av-2{background:var(--c-accent-soft)}
.av-3{background:var(--c-surface-2)}
.av-4{background:var(--c-dusk-soft)}
.av-5{background:var(--c-ink);color:var(--c-accent)}
.av-k{width:2.25rem;height:2.25rem;border-radius:.75rem;font-size:var(--fs-2xs)}
.av-b{width:4rem;height:4rem;border-radius:1.25rem;font-size:var(--fs-l)}

/* ==================================================================
   KABUK: üst şerit, yüzen menü adası, mobil alt çubuk
================================================================== */
.ust{position:sticky;top:0;z-index:60;background:var(--c-paper-a86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--c-ink-a06)}
.ust-ic{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:1rem;height:var(--ust-h);padding:0 var(--gutter);max-width:100rem;margin:0 auto}
.marka{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--tap);min-width:var(--tap);font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}
/* Logo (business/partials/marka): geniş ekranda 3D tam logo, telefonda yalnız "ak" simgesi */
.marka .marka-logo{display:block;flex:none;width:auto;height:2.75rem}
.marka .marka-logo-yalniz{display:none}
.isletme{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--tap);padding:.25rem .75rem .25rem .3125rem;border-radius:var(--r-pill);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);text-align:left}
.isletme:hover{box-shadow:inset 0 0 0 1.5px var(--c-ink-a24)}
.isletme .av{width:2.125rem;height:2.125rem;border-radius:50%;font-size:var(--fs-2xs)}
.isletme b{display:block;font-family:var(--font-display);font-size:var(--fs-m);line-height:1.15}
.isletme small{display:block;font-size:var(--fs-xs);color:var(--c-muted);line-height:1.2}
.isletme > svg{width:1rem;height:1rem;color:var(--c-muted)}

/* "Ara ya da git" çubuğu: C'nin asistana sor çubuğu + A'nın Ctrl K paleti tek giriş */
.sor-dugme{justify-self:center;display:flex;align-items:center;gap:.75rem;width:min(100%,38rem);min-height:3rem;padding:0 .5rem 0 .4375rem;border-radius:var(--r-pill);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line),var(--shadow-1);text-align:left;color:var(--c-muted);font-size:var(--fs-m);transition:box-shadow var(--d-1)}
.sor-dugme:hover{box-shadow:inset 0 0 0 1.5px var(--c-ink-a40),var(--shadow-1)}
.sor-dugme .mk{width:2.125rem;height:2.125rem}
.sor-dugme span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sor-dugme kbd{min-width:0;padding:0 .45rem;height:1.625rem;margin-right:.25rem}
.ust-sag{display:flex;align-items:center;gap:.5rem}

/* Asistan anahtarı (her ekranda): tek dokunuşla duraklat */
.anahtar-ece{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--tap);padding:0 .375rem 0 .875rem;border-radius:var(--r-pill);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);font-size:var(--fs-s);font-weight:700;white-space:nowrap}
.anahtar-ece small{font-weight:500;color:var(--c-muted)}
.anahtar-ece .ray{width:2.75rem;height:1.625rem}
.anahtar-ece[aria-checked="false"]{background:var(--c-dusk);box-shadow:none}
.anahtar-ece[aria-checked="false"] small{color:var(--c-dusk-ink)}
.anahtar-ece[aria-checked="false"] .canli-nokta{background:var(--c-dusk-ink)}
.anahtar-ece[aria-checked="false"] .canli-nokta::after{display:none}
.profil{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--c-dusk);font-family:var(--font-display);font-weight:800;font-size:var(--fs-s)}

/* Anahtar rayı (ortak: ayarlar, öğret, taslak) */
.ray{position:relative;display:inline-block;width:3.25rem;height:1.875rem;border-radius:var(--r-pill);background:var(--c-surface-2);box-shadow:inset 0 0 0 1px var(--c-ink-a16);flex:none;transition:background-color var(--d-2) var(--ease)}
.ray::after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:calc(1.875rem - .375rem);height:calc(1.875rem - .375rem);border-radius:50%;background:var(--c-card);box-shadow:0 1px 3px var(--c-ink-a24);transition:transform var(--d-2) var(--ease-yay),background-color var(--d-2)}
[aria-checked="true"] > .ray,.ray.acik{background:var(--c-ink);box-shadow:none}
[aria-checked="true"] > .ray::after,.ray.acik::after{transform:translateX(1.375rem);background:var(--c-accent)}
.anahtar-ece .ray::after{width:1.25rem;height:1.25rem}
.anahtar-ece[aria-checked="true"] .ray::after{transform:translateX(1.125rem)}

/* Yüzen menü adası (masaüstü) */
.ada{position:fixed;z-index:70;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;align-items:center;gap:.25rem;padding:.4375rem;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-on-dark);box-shadow:var(--shadow-3),inset 0 0 0 1px var(--c-white-a10)}
.ada-o{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:3rem;height:3rem;padding:0 .875rem;border-radius:var(--r-pill);color:var(--c-on-dark-muted);font-weight:700;font-size:var(--fs-m);transition:background-color var(--d-2) var(--ease),color var(--d-1)}
.ada-o svg{width:1.375rem;height:1.375rem}
.ada-o > span{display:none}
.ada-o:hover{background:var(--c-white-a10);color:var(--c-on-dark)}
.ada-o[aria-current="page"]{background:var(--c-ink-3);color:var(--c-accent);padding:0 1.125rem 0 .875rem;box-shadow:inset 0 0 0 1px var(--c-white-a10)}
.ada-o[aria-current="page"] > span{display:inline;color:var(--c-on-dark)}
.ada-rozet{position:absolute;top:.25rem;right:.25rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-ink);font-size:var(--fs-2xs);font-weight:800;line-height:1.125rem;text-align:center;box-shadow:0 0 0 2px var(--c-ink)}
.ada-rozet.r-ogret{background:var(--c-dusk)}
.ada-o[aria-current="page"] .ada-rozet{position:static;box-shadow:none}
.ada-ayrac{width:1px;height:1.75rem;background:var(--c-white-a16);margin:0 .25rem}
.ada-yeni{position:relative;display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:-.25rem .25rem;border-radius:50%;background:var(--c-accent);color:var(--c-ink);box-shadow:0 0 0 .3125rem var(--c-ink),0 .5rem 1.5rem -.25rem var(--c-accent-a55);transition:transform var(--d-2) var(--ease-yay)}
.ada-yeni svg{width:1.5rem;height:1.5rem;transition:transform var(--d-2) var(--ease-yay)}
.ada-yeni:hover{transform:translateY(-.125rem)}
.ada-yeni[aria-expanded="true"] svg{transform:rotate(45deg)}
@media (hover:hover){
  .ada [data-ipucu]::after{content:attr(data-ipucu);position:absolute;left:50%;bottom:calc(100% + .75rem);transform:translate(-50%,.25rem);padding:.375rem .625rem;border-radius:.5rem;background:var(--c-ink);color:var(--c-on-dark);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--d-1),transform var(--d-1)}
  .ada [data-ipucu]:hover::after,.ada [data-ipucu]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
  .ada-o[aria-current="page"]::after{display:none}
}

/* Mobil alt çubuk */
.alt-cubuk{display:none}
@media (max-width:56.24em){
  .ada{display:none}
  .alt-cubuk{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;height:calc(var(--alt-h) + env(safe-area-inset-bottom));padding:0 .25rem env(safe-area-inset-bottom);background:var(--c-ink);color:var(--c-on-dark-muted);border-radius:1.375rem 1.375rem 0 0;box-shadow:0 -1rem 2rem -1.5rem var(--c-ink-a60)}
  .ac-o{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;height:var(--alt-h);font-size:var(--fs-2xs);font-weight:700;line-height:1.2}
  .ac-o svg{width:1.375rem;height:1.375rem}
  .ac-o[aria-current="page"]{color:var(--c-on-dark)}
  .ac-o[aria-current="page"] svg{color:var(--c-accent)}
  .ac-o[aria-current="page"]::before{content:"";position:absolute;top:.5rem;width:3.25rem;height:2rem;border-radius:var(--r-pill);background:var(--c-white-a10);z-index:-1}
  .ac-o .ada-rozet{top:.4rem;right:calc(50% - 1.5rem)}
  /* "Yeni" çubuğun üstüne taşar; satır yüksekliği yine --alt-h kalır, etiket öbürleriyle aynı hizada */
  .ac-yeni{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;height:var(--alt-h);padding-bottom:calc((var(--alt-h) - 1.375rem - .25rem - 1.2em) / 2);font-size:var(--fs-2xs);font-weight:700;line-height:1.2;color:var(--c-on-dark)}
  .ac-yeni b{display:grid;place-items:center;flex:none;width:3.75rem;height:3.75rem;border-radius:50%;background:var(--c-accent);color:var(--c-ink);box-shadow:0 0 0 .3125rem var(--c-ink),0 .5rem 1.5rem -.25rem var(--c-accent-a55)}
  .ac-yeni b svg{width:1.625rem;height:1.625rem;transition:transform var(--d-2) var(--ease-yay)}
  .ac-yeni[aria-expanded="true"] b svg{transform:rotate(45deg)}
}

/* Sahne */
.sahne{padding:1.75rem 0 calc(var(--ada-bosluk) + 1rem)}
@media (max-width:56.24em){.sahne{padding-bottom:calc(var(--alt-h) + env(safe-area-inset-bottom) + 2.5rem)}}

/* ==================================================================
   TABAKA (alttan açılan / ortada kutu), Palet, Bildirim
================================================================== */
.tabaka{position:fixed;inset:0;z-index:200;display:grid;align-items:end;justify-items:center}
.tabaka-perde{position:absolute;inset:0;background:var(--c-ink-a40);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:belir var(--d-2) var(--ease)}
.tabaka-kutu{position:relative;width:min(56rem,100%);max-height:min(88dvh,52rem);overflow:auto;padding:.75rem 1.5rem 1.75rem;border-radius:1.75rem 1.75rem 0 0;background:var(--c-bg);box-shadow:var(--shadow-3);animation:yuksel var(--d-3) var(--ease)}
.tabaka-kucuk{width:min(40rem,100%)}
@media (min-width:56.25em){
  .tabaka{align-items:center}
  .tabaka-kutu{border-radius:1.75rem;margin-bottom:6rem}
}
.tabaka-tutamak{display:block;width:2.5rem;height:.3125rem;margin:0 auto .75rem;border-radius:var(--r-pill);background:var(--c-ink-a16)}
.tabaka-bas{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.tabaka-bas h2{font-size:var(--fs-xl)}
.tabaka-bas p{font-size:var(--fs-m);color:var(--c-muted)}
/* Ortak onay tabakası (components/masa/onay; kampanya onayıyla aynı dil) */
.onay-tabaka .onay-metin{font-size:var(--fs-l);font-weight:700;margin-bottom:.75rem}
.onay-tabaka .onay-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
@keyframes belir{from{opacity:0}}
@keyframes yuksel{from{transform:translateY(2.5rem);opacity:0}}

/* "Yeni" tabakası */
.yeni-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}
.yeni-o{display:flex;flex-direction:column;gap:.25rem;min-height:8rem;padding:1rem;border-radius:1.375rem;text-align:left;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);transition:transform var(--d-2) var(--ease)}
.yeni-o:hover{transform:translateY(-.125rem)}
.yeni-o b{margin-top:auto;font-family:var(--font-display);font-weight:800;font-size:var(--fs-body);letter-spacing:-.01em;line-height:1.2}
.yeni-o small{font-size:var(--fs-s);color:var(--c-muted)}
.yeni-o .ys{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;background:var(--c-surface)}
.yeni-o.yo-misket{background:var(--c-accent);box-shadow:none}
.yeni-o.yo-misket small{color:var(--c-ink-3)}
.yeni-o.yo-misket .ys{background:var(--c-ink);color:var(--c-accent)}
@media (max-width:37.49em){.yeni-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* "Tümü" çekmecesi: 20 ekranın haritası */
.harita{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem 1.5rem}
.harita-grup h3{font-family:var(--font-body);font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--c-muted);margin:0 0 .375rem .25rem}
.harita-grup ul{display:grid;gap:.125rem}
.harita-o{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.375rem .625rem;border-radius:1rem;text-align:left;transition:background-color var(--d-1)}
.harita-o:hover{background:var(--c-surface)}
.harita-o .hs{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--c-surface-2);flex:none}
.harita-o .hs svg{width:1.125rem;height:1.125rem}
.harita-o span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.harita-o b{font-size:var(--fs-m)}
.harita-o small{font-size:var(--fs-xs);color:var(--c-muted)}
.harita-o i{margin-left:auto;font-style:normal;font-size:var(--fs-2xs);font-weight:700;color:var(--c-muted);white-space:nowrap}
.harita-o[aria-current="page"]{background:var(--c-ink);color:var(--c-on-dark)}
.harita-o[aria-current="page"] small,.harita-o[aria-current="page"] i{color:var(--c-on-dark-muted)}
.harita-o[aria-current="page"] .hs{background:var(--c-white-a10);color:var(--c-accent)}
@media (max-width:56.24em){.harita{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:37.49em){.harita{grid-template-columns:1fr}}

/* Komut paleti: sor + git + eylem tek kutuda */
.palet{position:fixed;inset:0;z-index:210;display:grid;justify-items:center;align-items:start;padding:6.5rem 1rem 1rem}
.palet .tabaka-perde{background:var(--c-ink-a40)}
.palet-kutu{position:relative;display:flex;flex-direction:column;width:min(42rem,100%);max-height:min(40rem,calc(100dvh - 8rem));border-radius:1.5rem;background:var(--c-card);box-shadow:var(--shadow-3),0 0 0 1px var(--c-ink-a06);overflow:hidden;animation:yuksel var(--d-2) var(--ease)}
.palet-giris{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem .625rem 1rem;border-bottom:var(--cizgi)}
.palet-giris .mk{width:2rem;height:2rem}
.palet-giris input{flex:1;min-width:0;min-height:var(--tap);border:0;background:transparent;font-size:var(--fs-l);outline:none}
.palet-giris input::placeholder{color:var(--c-muted)}
.palet-liste{overflow:auto;padding:.5rem;flex:1}
.palet-bas{padding:.75rem .75rem .375rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--c-muted)}
.palet-o{display:flex;align-items:center;gap:.75rem;width:100%;min-height:var(--tap);padding:.375rem .75rem;border-radius:.875rem;text-align:left;font-size:var(--fs-body)}
.palet-o svg{width:1.125rem;height:1.125rem;color:var(--c-muted)}
.palet-o .av{width:1.75rem;height:1.75rem;border-radius:.5rem;font-size:var(--fs-2xs)}
.palet-o small{margin-left:auto;font-size:var(--fs-xs);color:var(--c-muted);white-space:nowrap;padding-left:.75rem}
.palet-o[aria-selected="true"]{background:var(--c-ink);color:var(--c-on-dark)}
.palet-o[aria-selected="true"] svg{color:var(--c-accent)}
.palet-o[aria-selected="true"] small{color:var(--c-on-dark-muted)}
.palet-cipler{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem .5rem .5rem}
.palet-cipler .cip{background:var(--c-surface);box-shadow:none}
.palet-cipler .cip:hover{background:var(--c-surface-2)}
.palet-yanit{margin:.25rem .25rem .5rem;padding:1.25rem;border-radius:1.25rem;background:var(--c-surface)}
.palet-yanit .etiket{margin-bottom:.5rem;color:var(--c-accent-ink)}
.palet-yanit .buyuk{display:flex;align-items:baseline;gap:.625rem;font-family:var(--font-display);font-weight:800;letter-spacing:-.05em;font-size:3rem;line-height:1}
.palet-yanit .buyuk small{font-family:var(--font-body);font-size:var(--fs-m);font-weight:600;letter-spacing:0;color:var(--c-ink)}
.palet-yanit p{margin-top:.5rem;font-size:var(--fs-m);color:var(--c-muted)}
.palet-yanit .dg{margin-top:1rem}
.palet-bos{padding:1.5rem 1rem;text-align:center;color:var(--c-muted);font-size:var(--fs-m)}
.palet-dip{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;padding:.625rem 1rem;border-top:var(--cizgi);background:var(--c-bg);font-size:var(--fs-xs);color:var(--c-muted)}
.palet-dip span{display:inline-flex;align-items:center;gap:.3rem}
@media (max-width:56.24em){.palet{padding:.75rem .5rem}.palet-kutu{max-height:calc(100dvh - 1.5rem)}.palet-dip{display:none}}

/* Bildirim (toast) */
.bildirim{position:fixed;z-index:260;left:50%;bottom:calc(var(--ada-bosluk) - .25rem);transform:translateX(-50%);display:flex;align-items:center;gap:.75rem;width:max-content;max-width:min(34rem,calc(100vw - 2rem));padding:.5rem .5rem .5rem 1.125rem;border-radius:1.125rem;background:var(--c-ink-2);color:var(--c-on-dark);font-size:var(--fs-m);box-shadow:var(--shadow-3);animation:yuksel var(--d-2) var(--ease)}
.bildirim p{flex:1;min-width:0;padding:.5rem 0}
.bildirim .dg{min-height:2.75rem}
@media (max-width:56.24em){.bildirim{bottom:calc(var(--alt-h) + env(safe-area-inset-bottom) + 1.75rem)}}

/* ==================================================================
   KARO dili (C), her karo tek bir iş
================================================================== */
.karo{position:relative;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.25rem;border-radius:var(--r-k);overflow:hidden;container-type:inline-size;transition:box-shadow var(--d-2) var(--ease),transform var(--d-2) var(--ease)}
.k-koyu{background:var(--c-ink);color:var(--c-on-dark)}
.k-misket{background:var(--c-accent);color:var(--c-ink)}
.k-gunbatimi{background:var(--c-dusk);color:var(--c-ink)}
.k-beyaz{background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line)}
.k-nane{background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line)}
.k-hata{background:var(--c-danger-bg);color:var(--c-ink)}
.k-kesik{background:transparent;box-shadow:none;border:2px dashed var(--c-ink-a24)}
.k-bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;min-height:2.75rem;margin:-.25rem 0 0}
.k-koyu .etiket{color:var(--c-on-dark-muted)}
.k-koyu .etiket svg{color:var(--c-accent)}
.k-misket .etiket{color:var(--c-ink-3)}
.k-gunbatimi .etiket{color:var(--c-dusk-ink)}
.k-hata .etiket{color:var(--c-danger)}
.k-alt{font-size:var(--fs-m)}
.k-beyaz .k-alt,.k-nane .k-alt{color:var(--c-muted)}
.k-koyu .k-alt{color:var(--c-on-dark-muted)}
.k-gunbatimi .k-alt{color:var(--c-dusk-ink)}
.k-misket .k-alt{color:var(--c-ink-3)}
.dev{font-family:var(--font-display);font-weight:800;letter-spacing:-.065em;line-height:.82;font-variant-numeric:tabular-nums}
.karo-menu{color:inherit}

/* ==================================================================
   ANASAYFA, Masa
================================================================== */
.selam{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}
.selam-ust{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--c-accent-ink)}
.selam h1{font-size:var(--fs-hero);letter-spacing:-.045em;line-height:1.02}
.selam h1 .sonra{display:block;color:var(--c-ink)}
.selam h1 .once{display:block;color:var(--c-muted)}
.selam-sayilar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;margin-top:1rem;font-size:var(--fs-m);color:var(--c-muted)}
.selam-sayilar b{color:var(--c-ink)}
.selam-sayilar .dg{margin-right:.5rem}
.selam-eylem{display:flex;gap:.5rem;flex:none}

.masa{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:1rem;align-items:stretch}
.t-bekleyen{grid-column:span 7;grid-row:span 3}
.t-bugun,.t-nabiz,.t-kampanya{grid-column:span 5}
.t-ogret{grid-column:span 7;grid-row:span 2}
.t-sabit,.t-aday{grid-column:span 5}
.t-ritim{grid-column:span 8}
.t-ekle{grid-column:span 4}

/* Sizi bekleyenler (mürekkep) */
.bek-ust{display:flex;align-items:center;gap:1rem}
.bek-ust .dev{font-size:4.5rem;color:var(--c-accent)}
.bek-ust p{font-size:var(--fs-m);color:var(--c-on-dark-muted);max-width:26rem}
.bek-ust p b{color:var(--c-on-dark)}
.bek-liste{display:flex;flex-direction:column;gap:.5rem}
.bek{border-radius:1.25rem;background:var(--c-white-a06);box-shadow:inset 0 0 0 1px var(--c-white-a10);transition:opacity var(--d-2),transform var(--d-3) var(--ease)}
.bek-satir{display:flex;align-items:center;gap:.75rem;width:100%;min-height:4rem;padding:.625rem .75rem;text-align:left;border-radius:1.25rem}
.bek-satir:hover{background:var(--c-white-a06)}
.bek-metin{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.bek-metin b{font-family:var(--font-display);font-size:var(--fs-body);letter-spacing:-.01em}
.bek-metin > span{font-size:var(--fs-m);color:var(--c-on-dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bek-sag{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex:none}
.bek-sag time{font-size:var(--fs-xs);color:var(--c-on-dark-muted)}
.bek-sag .bekleme{font-size:var(--fs-xs);font-weight:700;color:var(--c-on-dark)}
.bek-ac{padding:.25rem .75rem .875rem}
.bek-ac .alinti{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--c-on-dark);margin:.125rem 0 .625rem}
.bek-neden{display:flex;gap:.5rem;align-items:flex-start;font-size:var(--fs-m);color:var(--c-on-dark-muted);margin-bottom:.875rem}
.bek-neden .mk{width:1.25rem;height:1.25rem;margin-top:.1rem}
.bek-neden b{color:var(--c-on-dark)}
.taslak{border-radius:1.125rem;background:var(--c-bg);color:var(--c-ink);overflow:hidden}
.taslak-ust{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;background:var(--c-accent-soft)}
.taslak-ust .mk{width:1.5rem;height:1.5rem;margin-top:.125rem}
.taslak-ust .etiket{color:var(--c-accent-ink);margin-bottom:.25rem}
.taslak-ust p{font-size:var(--fs-body)}
.taslak-ust p.etiket{font-size:var(--fs-2xs);margin-bottom:.25rem}
.taslak-ust > div{flex:1;min-width:0}
.taslak textarea{display:block;width:100%;min-height:4.25rem;padding:.875rem 1rem;border:0;background:transparent;resize:vertical;font-size:var(--fs-body);outline:none}
.taslak textarea::placeholder{color:var(--c-muted)}
.taslak:focus-within{box-shadow:0 0 0 3px var(--c-accent)}
.taslak-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.5rem .5rem .5rem 1rem;border-top:var(--cizgi)}
.onay{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--tap);font-size:var(--fs-m);cursor:pointer}
.onay input{width:1.25rem;height:1.25rem;accent-color:var(--c-ink);margin:0}
.bek-bos{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem .5rem .5rem}
.bek-bos .mk{width:3.5rem;height:3.5rem}
.bek-bos h3{font-size:var(--fs-2xl);color:var(--c-on-dark)}
.bek-bos p{color:var(--c-on-dark-muted);max-width:28rem}

/* Asistan bugün (misket) */
.bugun-ic{display:flex;align-items:flex-end;gap:1.25rem;flex-wrap:wrap}
.bugun-ic .dev{font-size:6rem}
.bugun-ic .dev small{font-size:.45em;vertical-align:.9em;margin-right:.04em;letter-spacing:0}
.bugun-ic p{flex:1;min-width:10rem;font-size:var(--fs-body);padding-bottom:.375rem}
.olcu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:auto}
.olcu li{padding:.625rem .75rem;border-radius:1rem;background:var(--c-ink-a06);display:flex;flex-direction:column;line-height:1.2}
.olcu b{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.03em}
.olcu span{font-size:var(--fs-xs);color:var(--c-ink-3)}

/* Hesap nabzı: WhatsApp + kota (beyaz) */
.nabiz-ic{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}
svg.nabiz-cizgi{width:100%;height:2.75rem;color:var(--c-accent-ink)}
svg.nabiz-cizgi path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nabiz-no{font-family:var(--font-display);font-weight:800;font-size:var(--fs-l);letter-spacing:-.01em;margin-top:.25rem}
.nabiz-ic p{font-size:var(--fs-s);color:var(--c-muted)}
.kota{position:relative;width:6.25rem;height:6.25rem;flex:none}
.kota svg{width:100%;height:100%;transform:rotate(-90deg)}
.kota circle{fill:none;stroke-width:9}
.kota .iz{stroke:var(--c-surface-2)}
.kota .dolu{stroke:var(--c-ink);stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:103;transition:stroke-dashoffset 1.2s var(--ease)}
.kota > span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;line-height:1.1;font-size:var(--fs-2xs);color:var(--c-muted)}
.kota b{display:block;font-family:var(--font-display);font-size:var(--fs-l);color:var(--c-ink)}
.nabiz-alt .bag{white-space:nowrap}
.nabiz-alt{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.625rem;border-top:var(--cizgi);font-size:var(--fs-s);color:var(--c-muted)}
.nabiz-hata{display:flex;flex-direction:column;gap:.625rem}
.nabiz-hata h3{font-size:var(--fs-xl);color:var(--c-danger)}
.nabiz-hata p{font-size:var(--fs-m)}
.nabiz-hata .dugmeler{display:flex;gap:.5rem;flex-wrap:wrap}

/* Asistan bunu bilmedi (gün batımı): karonun içinde yanıtla + öğret */
.ogret-ic{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem;align-items:start}
.deste-yigin{position:relative;padding-bottom:.75rem}
.deste-yigin::before,.deste-yigin::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.375rem;height:2rem;border-radius:1.25rem;background:var(--c-card);opacity:.55;z-index:0}
.deste-yigin::after{left:2rem;right:2rem;bottom:0;opacity:.35}
.soru-kart{position:relative;z-index:1;padding:1.125rem;border-radius:1.25rem;background:var(--c-card);box-shadow:var(--shadow-1);transition:transform var(--d-3) var(--ease),opacity var(--d-3)}
.soru-kart.savrul{transform:translateX(120%) rotate(8deg);opacity:0}
.soru-kart .meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:var(--fs-xs);color:var(--c-muted)}
.soru-kart .meta b{color:var(--c-danger)}
.soru-kart h3{font-size:var(--fs-xl);margin:.375rem 0 .75rem}
.soru-kart textarea,.alan{display:block;width:100%;min-height:var(--tap);padding:.75rem .875rem;border:0;border-radius:.875rem;background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);font-size:var(--fs-body);resize:vertical;transition:box-shadow var(--d-1)}
.soru-kart textarea{min-height:4.5rem}
.soru-kart textarea:focus,.alan:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-ink);background:var(--c-card)}
.soru-kart .oneriler{display:flex;flex-wrap:wrap;gap:.5rem;margin:.625rem 0 .875rem}
.soru-kart .oneriler .cip{background:var(--c-dusk-soft);box-shadow:none;font-size:var(--fs-s)}
.soru-kart .oneriler .cip:hover{background:var(--c-dusk)}
.soru-kart .dugmeler{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}
.sira-liste{display:flex;flex-direction:column}
.sira-liste li{padding:.75rem 0;border-bottom:1px solid var(--c-ink-a10)}
.sira-liste li:last-child{border-bottom:0}
.sira-liste small{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--c-dusk-ink)}
.sira-liste b{font-size:var(--fs-body);line-height:1.3}
.ogret-bitti{padding:1.5rem;border-radius:1.25rem;background:var(--c-card)}
.ogret-bitti h3{font-size:var(--fs-2xl)}

/* Sabitlenen soru (beyaz) */
.sabit-soru{font-family:var(--font-display);font-weight:700;font-size:var(--fs-l);letter-spacing:-.01em}
.sabit-ic{display:flex;align-items:flex-end;gap:1rem;margin-top:auto}
.sabit-ic .dev{font-size:4.25rem}
.sabit-ic p{font-size:var(--fs-s);color:var(--c-muted);line-height:1.35}
.sabit-ic p b{display:block;color:var(--c-ink);font-size:var(--fs-body)}
.cubuklar{display:flex;align-items:flex-end;gap:.375rem;margin-left:auto;height:4.5rem}
.cubuklar li{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;justify-content:flex-end}
.cubuklar i{display:block;width:1.375rem;border-radius:.375rem;background:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-ink-a10);transform-origin:bottom;animation:buyu var(--d-3) var(--ease) both}
.cubuklar i.bos{background:var(--c-surface-2);box-shadow:none}
.cubuklar span{font-size:var(--fs-2xs);font-weight:700;color:var(--c-muted)}
@keyframes buyu{from{transform:scaleY(.1)}}

/* Kampanya (beyaz) */
.kamp-ic{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.kamp-ic h3{font-size:var(--fs-xl)}
.kamp-ic p{font-size:var(--fs-s);color:var(--c-muted)}
.sayac{display:flex;gap:.375rem}
.sayac span{display:flex;align-items:baseline;gap:.125rem;padding:.375rem .625rem;border-radius:.875rem;background:var(--c-surface)}
.sayac b{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.03em;line-height:1}
.sayac small{font-size:var(--fs-2xs);color:var(--c-muted)}
.k-dip{padding-top:.625rem;border-top:var(--cizgi);font-size:var(--fs-s);color:var(--c-muted)}
.k-dip b{color:var(--c-ink)}

/* Haftanın ritmi */
.isi{display:grid;grid-template-columns:1.75rem repeat(24,minmax(0,1fr));gap:.1875rem;align-items:center}
.isi .gun{font-size:var(--fs-2xs);font-weight:700;color:var(--c-muted)}
.isi i{display:block;height:1.0625rem;border-radius:.25rem;background:var(--c-surface)}
.isi i[data-d="1"]{background:var(--c-surface-2)}
.isi i[data-d="2"]{background:var(--c-accent-soft)}
.isi i[data-d="3"]{background:var(--c-accent)}
.isi i[data-d="4"]{background:var(--c-accent-ink)}
.isi i[data-d="5"]{background:var(--c-ink)}
.isi-saat{display:grid;grid-template-columns:1.75rem repeat(8,minmax(0,1fr));font-size:var(--fs-2xs);color:var(--c-muted);margin-top:.25rem}
.isi-lejant{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-2xs);color:var(--c-muted)}
.isi-lejant i{width:.75rem;height:.75rem;border-radius:.1875rem}

/* Potansiyel müşteriler */
.aday-liste li{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;border-bottom:var(--cizgi)}
.aday-liste li:last-child{border-bottom:0}
.aday-liste span:not(.av){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aday-liste b{font-size:var(--fs-m)}
.aday-liste small{font-size:var(--fs-xs);color:var(--c-muted)}

/* Karo ekle */
.t-ekle{align-items:flex-start;gap:.875rem}
.t-ekle h2{font-size:var(--fs-xl)}
.t-ekle p{font-size:var(--fs-m);color:var(--c-muted)}
.t-ekle .cip-kaydir{flex-wrap:wrap}


@media (max-width:74.99em){
  .masa{grid-template-columns:repeat(6,minmax(0,1fr))}
  .t-bekleyen,.t-ogret,.t-ritim,.t-ekle,.t-kampanya{grid-column:span 6;grid-row:auto}
  .t-bugun,.t-nabiz,.t-sabit,.t-aday{grid-column:span 3}
}
@media (max-width:47.99em){
  .selam{flex-direction:column;align-items:stretch;gap:1rem}
  .selam-eylem{display:none}
  .masa{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .masa > .karo{grid-column:auto!important}
  .ogret-ic{grid-template-columns:minmax(0,1fr)}
  .bek-ust .dev{font-size:3.75rem}
  .bugun-ic .dev{font-size:5rem}
  .bek-ac .alinti{font-size:var(--fs-l)}
  .isi{gap:.125rem;grid-template-columns:1.5rem repeat(24,minmax(0,1fr))}
  .isi i{height:.875rem;border-radius:.1875rem}
  .isi-saat{grid-template-columns:1.5rem repeat(8,minmax(0,1fr))}
  .sabit-ic{flex-wrap:wrap}
  .cubuklar{margin-left:0;width:100%;justify-content:space-between}
  .taslak-alt .dg{flex:1}
  .taslak-ust{flex-wrap:wrap}
  .taslak-ust > div{flex:1 1 calc(100% - 2.25rem)}
  .taslak-ust > .dg{margin-left:2.125rem}
  .kbd-masa,.taslak-alt .dg kbd{display:none}
  .bek-ac{padding:.25rem .5rem .75rem}
  .t-bekleyen{padding:1rem}
}

/* ==================================================================
   MESAJLAR, üç sütunlu gelen kutusu (A). Yazma alanı ve bilinmeyen soru
   işareti ekran-mesajlar.css'te (mesaj yazma alanı, 10.10.2026).
================================================================== */
body.sayfa-mesajlar .sahne{padding:1rem 0 0}
.gelen{display:grid;grid-template-columns:23rem minmax(0,1fr) 21rem;gap:1rem;height:calc(100dvh - var(--ust-h) - 1rem - var(--ada-bosluk));min-height:34rem;width:min(100rem,100% - 2*var(--gutter));margin:0 auto}
.bolme{display:flex;flex-direction:column;min-height:0;border-radius:var(--r-k);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);overflow:hidden}

/* liste */
.liste-bas{padding:1.125rem 1.125rem .75rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:var(--cizgi)}
.liste-bas h1{font-size:var(--fs-2xl)}
.liste-bas p{font-size:var(--fs-s);color:var(--c-muted);margin-top:.125rem}
.sekme{display:flex;gap:.25rem;padding:.25rem;border-radius:var(--r-pill);background:var(--c-surface)}
.sekme button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.75rem;padding:0 .625rem;border-radius:var(--r-pill);font-size:var(--fs-m);font-weight:700;color:var(--c-muted);white-space:nowrap}
.sekme button b{min-width:1.375rem;height:1.375rem;padding:0 .3rem;border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink);font-size:var(--fs-2xs);line-height:1.375rem}
.sekme button[aria-selected="true"]{background:var(--c-ink);color:var(--c-on-dark)}
.sekme button[aria-selected="true"] b{background:var(--c-accent)}
.ara{position:relative}
.ara svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--c-muted);pointer-events:none}
.ara input{width:100%;min-height:var(--tap);padding:0 1rem 0 2.625rem;border:0;border-radius:var(--r-pill);background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);font-size:var(--fs-m)}
.ara input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-ink)}
.ara input::placeholder{color:var(--c-muted)}
.liste-akis{flex:1;overflow:auto;padding:.5rem .5rem 1rem}
.grup-bas{display:flex;align-items:center;gap:.5rem;padding:.875rem .75rem .375rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--c-muted)}
.grup-bas svg{width:1rem;height:1rem}
.satir{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.125rem .75rem;width:100%;padding:.75rem;border-radius:1.25rem;text-align:left;transition:background-color var(--d-1)}
.satir:hover{background:var(--c-surface)}
.satir .av{grid-row:span 3}
.satir .ad{font-family:var(--font-display);font-weight:800;font-size:var(--fs-body);letter-spacing:-.01em;display:flex;align-items:center;gap:.375rem;min-width:0}
.satir .ad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.satir .okunmadi{width:.5rem;height:.5rem;border-radius:50%;background:var(--c-ink);flex:none}
.satir time{font-size:var(--fs-xs);color:var(--c-muted);justify-self:end}
.satir .son{grid-column:2 / 4;font-size:var(--fs-m);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.satir .son .nokta3{color:var(--c-accent-ink);margin-right:.25rem}
.satir .alt{grid-column:2 / 4;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}
.satir .alt .rozetler{display:flex;gap:.25rem;flex-wrap:wrap;min-width:0}
.satir .bekleme{font-size:var(--fs-xs);font-weight:700;color:var(--c-ink);white-space:nowrap}
.satir .bekleme.gec{color:var(--c-danger)}
.satir[aria-current="true"]{background:var(--c-ink);color:var(--c-on-dark)}
.satir[aria-current="true"] time,.satir[aria-current="true"] .son,.satir[aria-current="true"] .bekleme{color:var(--c-on-dark-muted)}
.satir[aria-current="true"] .rz-is{background:var(--c-white-a10);box-shadow:inset 0 0 0 1px var(--c-white-a16)}
.satir[aria-current="true"] .okunmadi{background:var(--c-accent)}
.satir.cikti{animation:satir-cik var(--d-3) var(--ease)}
@keyframes satir-cik{0%{background:var(--c-accent)}100%{background:transparent}}
.liste-dip{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;padding:.625rem 1rem;border-top:var(--cizgi);font-size:var(--fs-xs);color:var(--c-muted)}
.liste-dip span{display:inline-flex;gap:.25rem;align-items:center}

/* sohbet */
.sohbet-bas{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:var(--cizgi);min-height:4.75rem}
.sohbet-bas .geri{display:none}
/* Arşivdeki konuşma: düğme basılı görünür (Asistan / Siz anahtarındaki seçili gibi), basınca arşivden çıkar */
.sohbet-bas .arsiv[data-arsivde],.sohbet-bas .arsiv[data-arsivde]:hover{background:var(--c-ink);color:var(--c-on-dark)}
.sohbet-kim{flex:1;min-width:0;line-height:1.25}
.sohbet-kim h2{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-l);min-width:0}
.sohbet-kim h2 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sohbet-kim p{font-size:var(--fs-s);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kim-anahtar{display:flex;padding:.25rem;border-radius:var(--r-pill);background:var(--c-surface);flex:none}
.kim-anahtar button{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .875rem;border-radius:var(--r-pill);font-size:var(--fs-m);font-weight:700;color:var(--c-muted)}
.kim-anahtar button .mk{width:1.25rem;height:1.25rem}
.kim-anahtar button[aria-pressed="true"]{background:var(--c-ink);color:var(--c-on-dark)}
/* Asistan tarafı seçiliyken zemin mürekkep: simgenin gövdesi açık renge döner (yoksa yalnız uç görünür) */
.kim-anahtar button[aria-pressed="true"] .mk-ak{--ak-govde:var(--c-on-dark)}
.akis{flex:1;overflow:auto;padding:1.25rem 1.25rem .75rem;display:flex;flex-direction:column;gap:.5rem;background:var(--c-bg)}
.gun-ayrac{align-self:center;margin:.5rem 0;padding:.25rem .75rem;border-radius:var(--r-pill);background:var(--c-surface-2);font-size:var(--fs-xs);font-weight:700}
.balon{max-width:min(34rem,82%);padding:.625rem .875rem .5rem;border-radius:1.25rem;font-size:var(--fs-body);line-height:1.45;animation:balon var(--d-2) var(--ease)}
@keyframes balon{from{transform:translateY(.5rem);opacity:0}}
.balon .kim{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.balon .kim .mk{width:1rem;height:1rem}
.balon .zaman{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.25rem;font-size:var(--fs-2xs);color:var(--c-muted)}
.b-musteri{align-self:flex-start;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);border-bottom-left-radius:.375rem}
.b-ece{align-self:flex-end;background:var(--c-surface-2);border-bottom-right-radius:.375rem}
.b-ece .kim{color:var(--c-accent-ink)}
.b-siz{align-self:flex-end;background:var(--c-accent-soft);border-bottom-right-radius:.375rem}
.b-siz .kim{color:var(--c-ink-3)}
.kaynak{display:inline-flex;align-items:center;gap:.25rem;margin-right:auto;font-size:var(--fs-2xs);font-weight:700;color:var(--c-accent-ink)}
.kaynak svg{width:.875rem;height:.875rem}
.sistem{align-self:center;display:flex;align-items:center;gap:.5rem;max-width:90%;margin:.25rem 0;padding:.375rem .875rem;border-radius:var(--r-pill);font-size:var(--fs-s);font-weight:600;text-align:center}
.sistem svg{width:1rem;height:1rem}
.sistem.s-is{background:var(--c-ink);color:var(--c-on-dark)}
.sistem.s-is svg{color:var(--c-accent)}
.sistem.s-ogret{background:var(--c-dusk);color:var(--c-dusk-ink)}
.sistem.s-iyi{background:var(--c-accent);color:var(--c-ink)}
.balon-hata{align-self:flex-end;display:flex;align-items:center;gap:.5rem;font-size:var(--fs-s);color:var(--c-danger);font-weight:600}
.balon-hata button{white-space:nowrap;min-height:var(--tap);padding:0 .5rem;color:var(--c-danger);text-decoration:underline;text-underline-offset:.2em;font-weight:700}
.yaziyor-balon{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:1.25rem;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-muted);font-size:var(--fs-s)}

/* yazma alanı */
.yaz{padding:.625rem .875rem .875rem;border-top:var(--cizgi);background:var(--c-card)}
.yaz-kutu{border-radius:1.25rem;box-shadow:inset 0 0 0 1px var(--c-line);background:var(--c-card);transition:box-shadow var(--d-1)}
.yaz-kutu:focus-within{box-shadow:inset 0 0 0 2px var(--c-ink)}
.yaz-sekme{display:flex;align-items:center;gap:.125rem;padding:.1875rem;border-radius:var(--r-pill);background:var(--c-surface)}
.yaz-sekme button{white-space:nowrap;min-height:2.75rem;padding:0 .875rem;border-radius:var(--r-pill);font-size:var(--fs-s);font-weight:700;color:var(--c-muted)}
.yaz-sekme button[aria-selected="true"]{background:var(--c-card);color:var(--c-ink);box-shadow:0 1px 2px var(--c-ink-a16)}
.yaz-kime{min-width:0;padding-left:.5rem;font-size:var(--fs-xs);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yaz textarea{display:block;width:100%;min-height:3rem;max-height:10rem;padding:.75rem 1rem;border:0;background:transparent;resize:none;font-size:var(--fs-body);outline:none}
.yaz textarea::placeholder{color:var(--c-muted)}
.yaz-alt{display:flex;align-items:center;gap:.25rem;padding:.25rem .375rem .375rem}
.yaz-alt .bosluk{flex:1}
.yaz.not-modu .yaz-kutu{background:var(--c-dusk-soft)}

/* müşteri bilgisi */
.kisi{overflow:auto;padding:1.25rem;gap:1.25rem}
.kisi-ust{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.kisi-ust h2{font-size:var(--fs-2xl)}
.kisi-ust p{font-size:var(--fs-m);color:var(--c-muted)}
.kisi-rozet{display:flex;flex-wrap:wrap;gap:.375rem}
.kisi-dg{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:.25rem}
.kisi-bolum{padding-top:1rem;border-top:var(--cizgi)}
.kisi-bolum > .etiket{margin-bottom:.625rem}
.ozet{padding:1rem;border-radius:1.25rem;background:var(--c-surface)}
.ozet ul{display:grid;gap:.5rem;font-size:var(--fs-m)}
.ozet li{display:flex;gap:.5rem}
.ozet li::before{content:"";width:.375rem;height:.375rem;margin-top:.5rem;border-radius:50%;background:var(--c-accent-ink);flex:none}
.bu-konusma{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.bu-konusma li{padding:.625rem;border-radius:1rem;box-shadow:inset 0 0 0 1px var(--c-line);display:flex;flex-direction:column;line-height:1.2}
.bu-konusma b{font-family:var(--font-display);font-size:var(--fs-l)}
.bu-konusma span{font-size:var(--fs-xs);color:var(--c-muted)}
.bilgi-dl{display:grid;gap:.5rem;font-size:var(--fs-m)}
.bilgi-dl div{display:flex;justify-content:space-between;gap:1rem}
.bilgi-dl dt{color:var(--c-muted)}
.bilgi-dl dd{font-weight:700;text-align:right}
.not-kart{padding:.875rem 1rem;border-radius:1rem;background:var(--c-dusk-soft);font-size:var(--fs-m)}
.not-kart small{display:block;margin-top:.25rem;font-size:var(--fs-xs);color:var(--c-dusk-ink)}
.kisi-kapat{display:none}

@media (max-width:81.24em){
  .gelen{grid-template-columns:21rem minmax(0,1fr)}
  .kisi{position:fixed;z-index:120;top:calc(var(--ust-h) + .5rem);right:.75rem;bottom:.75rem;width:min(22rem,calc(100% - 1.5rem));box-shadow:var(--shadow-3),inset 0 0 0 1px var(--c-line);transform:translateX(calc(100% + 2rem));transition:transform var(--d-3) var(--ease)}
  .kisi-acik .kisi{transform:none}
  .kisi-kapat{display:grid;position:absolute;top:.75rem;right:.75rem}
}
@media (max-width:56.24em){
  body.sayfa-mesajlar .sahne{padding:0}
  .gelen{display:block;width:100%;height:auto;min-height:0}
  .liste{border-radius:0;box-shadow:none;background:transparent;overflow:visible}
  .liste-bas{padding:1rem var(--gutter) .75rem;border:0}
  .liste-akis{overflow:visible;padding:0 .5rem calc(var(--alt-h) + env(safe-area-inset-bottom) + 2rem)}
  .liste-dip{display:none}
  .sohbet{display:none}
  .sohbet-acik .sohbet{display:flex;position:fixed;inset:0;z-index:90;border-radius:0;box-shadow:none}
  .sohbet-acik .alt-cubuk{display:none}
  .sohbet-bas{padding:.5rem .5rem .5rem .25rem;gap:.5rem}
  .sohbet-bas .geri{display:grid}
  .sohbet-bas .av{width:2.5rem;height:2.5rem}
  .kim-anahtar button{padding:0 .625rem}
  .kim-anahtar .uzun,.kim-anahtar button > span:not(.av),[data-sb-rozet]{display:none}
  .kim-anahtar button{min-width:2.75rem;justify-content:center}
  .yaz .dg kbd{display:none}
  .yaz textarea{max-height:6rem}
  .akis{padding:1rem .75rem .5rem}
  .balon{max-width:88%}
  .yaz{padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom))}
  .yaz-kime{display:none}
  .kisi{top:auto;left:0;right:0;bottom:0;width:100%;max-height:85dvh;border-radius:1.75rem 1.75rem 0 0;transform:translateY(105%);z-index:130}
}

/* ==================================================================
   AI EĞİTİM, öğretme kuyruğu (A) + kart destesi (C) + deneyin
================================================================== */
.sayfa-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.sayfa-bas h1{font-size:var(--fs-hero);letter-spacing:-.045em;line-height:1.02;margin-top:.375rem}
.sayfa-bas p{margin-top:.625rem;font-size:var(--fs-body);color:var(--c-muted);max-width:40rem}
.sayfa-bas p b{color:var(--c-ink)}
.sayfa-bas .dugmeler{display:flex;gap:.5rem;flex-wrap:wrap}
.egitim{display:grid;grid-template-columns:minmax(0,1fr) 24rem;gap:1.5rem;align-items:start}
.egitim-yan{position:sticky;top:calc(var(--ust-h) + 1rem);display:flex;flex-direction:column;gap:1rem}
.bolum{margin-bottom:2.25rem}
.bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.875rem}
.bolum-bas h2{display:flex;align-items:center;gap:.625rem;font-size:var(--fs-2xl)}
.bolum-bas h2 small{font-family:var(--font-body);font-size:var(--fs-m);font-weight:500;color:var(--c-muted);letter-spacing:0}
.say-rozet{display:inline-grid;place-items:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-accent);font-family:var(--font-body);font-size:var(--fs-s);font-weight:800;letter-spacing:0}
.say-rozet.r-ogret{background:var(--c-dusk);color:var(--c-dusk-ink)}

/* öğretme kuyruğu */
.kuyruk{display:flex;flex-direction:column;gap:.625rem}
.ks{border-radius:1.5rem;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);transition:box-shadow var(--d-2),opacity var(--d-3),transform var(--d-3) var(--ease)}
.ks[open]{box-shadow:inset 0 0 0 2px var(--c-dusk-ink),var(--shadow-2)}
.ks.gitti{opacity:0;transform:translateX(3rem)}
.ks summary{display:flex;align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem 1rem;cursor:pointer;list-style:none;border-radius:1.5rem}
.ks summary::-webkit-details-marker{display:none}
.ks-say{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--c-dusk);color:var(--c-dusk-ink);flex:none;line-height:1}
.ks-say b{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--c-ink)}
.ks-say small{font-size:var(--fs-2xs);font-weight:700}
.ks-metin{flex:1;min-width:0}
.ks-metin h3{font-size:var(--fs-l)}
.ks-metin p{font-size:var(--fs-s);color:var(--c-muted)}
.ks summary > svg{color:var(--c-muted);transition:transform var(--d-2) var(--ease)}
.ks[open] summary > svg{transform:rotate(180deg)}
.ks-ic{padding:0 1rem 1rem 5.25rem;display:flex;flex-direction:column;gap:.75rem}
.ks-alinti{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.375rem 1rem;padding:.75rem 1rem;border-radius:1rem;background:var(--c-surface);font-size:var(--fs-m)}
.ks-alinti dt{font-weight:700;color:var(--c-muted)}
.ks-alinti dt.ece{color:var(--c-accent-ink)}
.alan-etiket{display:block;font-size:var(--fs-m);font-weight:700;margin-bottom:.375rem}
.ks-ic textarea.alan{min-height:5rem}
.ks-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.ks-alt .bosluk{flex:1}
.secim{min-height:var(--tap);padding:0 2.25rem 0 .875rem;border:0;border-radius:var(--r-pill);background:var(--c-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23172a24' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .75rem center/1rem;box-shadow:inset 0 0 0 1px var(--c-line);-webkit-appearance:none;appearance:none;font-size:var(--fs-m);font-weight:600}
.cikarim{display:flex;gap:.875rem;padding:1rem 1.125rem;border-radius:1.5rem;background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line)}
.cikarim .mk{width:1.75rem;height:1.75rem}
.cikarim h3{font-size:var(--fs-body)}
.cikarim p{font-size:var(--fs-s);color:var(--c-muted);margin:.125rem 0 .625rem}
.cikarim .cip-kaydir{flex-wrap:wrap}
.cikarim .cip{font-size:var(--fs-s)}
.kuyruk-bos{padding:2rem;border-radius:1.5rem;background:var(--c-accent);text-align:left}
.kuyruk-bos h3{font-size:var(--fs-2xl)}

/* kart destesi */
.deste-alan{padding:1.25rem;border-radius:var(--r-k);background:var(--c-surface);background-image:radial-gradient(var(--c-ink-a10) 1px,transparent 1px);background-size:1.25rem 1.25rem;box-shadow:inset 0 0 0 1px var(--c-line)}
.deste-ust{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.deste{position:relative;height:19rem;max-width:36rem;margin:0 auto;perspective:1400px}
.deste-arka{position:absolute;inset:0;border-radius:1.5rem;transform:rotate(-3deg) translate(-.625rem,.5rem);background:var(--c-accent-soft)}
.deste-arka + .deste-arka{transform:rotate(2.5deg) translate(.5rem,.625rem);background:var(--c-dusk)}
.kart{position:absolute;inset:0;transform-style:preserve-3d;transition:transform var(--d-3) var(--ease);cursor:pointer;border-radius:1.5rem}
.kart.cevrik{transform:rotateY(180deg)}
.kart-yuz{position:absolute;inset:0;display:flex;flex-direction:column;padding:1.5rem;border-radius:1.5rem;background:var(--c-card);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--c-line);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.kart-yuz.arka{transform:rotateY(180deg)}
.kart-yuz .ust-satir{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:var(--fs-xs);color:var(--c-muted)}
.kart-yuz h3{margin:auto 0;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);letter-spacing:-.035em}
.kart-yuz .ipucu{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-m);font-weight:700;color:var(--c-accent-ink)}
.kart-yuz.arka p.cevap{margin:auto 0;font-size:var(--fs-l);line-height:1.5}
.kart-yuz.arka textarea{flex:1;margin:1rem 0;font-size:var(--fs-l)}
.kart-yuz .alt-satir{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.kart-yuz .kaynak-satir{font-size:var(--fs-xs);color:var(--c-muted)}
.kart.yeni-geldi .kart-yuz.on{box-shadow:0 0 0 3px var(--c-accent),var(--shadow-2)}
.deste-alt{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}
.deste-alt .sira{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl)}
.deste-alt .sira small{font-size:var(--fs-m);color:var(--c-muted);font-weight:600}
.deste-dugme{display:flex;gap:.5rem;align-items:center}
.deste-dugme .yuvarlak{background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line)}
.deste-klavye{display:flex;gap:.375rem;align-items:center;font-size:var(--fs-xs);color:var(--c-muted)}

/* kart ızgarası */
.kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.mini-kart{display:flex;flex-direction:column;gap:.375rem;min-height:9.5rem;padding:1rem;border-radius:1.25rem;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);text-align:left;transition:box-shadow var(--d-1),transform var(--d-2) var(--ease)}
.mini-kart:hover{box-shadow:inset 0 0 0 1.5px var(--c-ink-a40);transform:translateY(-.125rem)}
.mini-kart h3{font-size:var(--fs-body);letter-spacing:-.015em}
.mini-kart p{font-size:var(--fs-s);color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini-kart .alt-satir{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:var(--fs-xs);color:var(--c-muted)}
.mini-kart.yeni{box-shadow:inset 0 0 0 2px var(--c-accent-ink);animation:balon var(--d-3) var(--ease)}

/* dokümanlar */
.dokumanlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.dok{display:flex;flex-direction:column;gap:.375rem;min-height:11rem;padding:1rem;border-radius:1.25rem;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line)}
.dok-tur{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--c-ink);color:var(--c-accent);font-size:var(--fs-2xs);font-weight:800;margin-bottom:.25rem}
.dok h3{font-size:var(--fs-body);letter-spacing:-.01em;word-break:break-word}
.dok p{font-size:var(--fs-s);color:var(--c-muted)}
.dok .alt-satir{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.dok.d-hata{background:var(--c-danger-bg);box-shadow:none}
.dok.d-hata .dok-tur{background:var(--c-danger);color:var(--c-card)}
.dok.d-hata h3{color:var(--c-danger)}
.dok.d-hata p{color:var(--c-ink)}
.dok.d-birak{align-items:center;justify-content:center;text-align:center;background:transparent;box-shadow:none;border:2px dashed var(--c-ink-a24)}
.ilerleme{height:.5rem;border-radius:var(--r-pill);background:var(--c-surface-2);overflow:hidden}
.ilerleme i{display:block;height:100%;border-radius:inherit;background:var(--c-ink);transition:width 1s var(--ease)}

/* yan: kapsama + deneyin */
.kapsama .dev{font-size:5rem}
.kapsama .dev small{font-size:.45em;vertical-align:.9em;letter-spacing:0}
.kapsama p{font-size:var(--fs-m)}
.kapsama ul{display:grid;gap:.375rem}
.kapsama li{position:relative;display:flex;justify-content:space-between;padding:.375rem .625rem;border-radius:.625rem;background:var(--c-ink-a06);font-size:var(--fs-s);font-weight:700;overflow:hidden}
.kapsama li i{position:absolute;inset:0 auto 0 0;background:var(--c-ink-a10)}
.kapsama li span{position:relative}
.kapsama li.dusuk{box-shadow:inset 0 0 0 1.5px var(--c-ink)}
.dene{gap:.625rem}
.dene-akis{display:flex;flex-direction:column;gap:.5rem;min-height:11rem;max-height:22rem;overflow:auto;padding:.75rem;border-radius:1.25rem;background:var(--c-bg)}
.dene-akis .balon{max-width:92%;font-size:var(--fs-m)}
.dene-form{display:flex;gap:.5rem}
.dene-form input{flex:1;min-width:0;min-height:var(--tap);padding:0 1rem;border:0;border-radius:var(--r-pill);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);font-size:var(--fs-m)}
.dene-form input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-ink);background:var(--c-card)}
.dene .cip-kaydir{flex-wrap:wrap}
.dene .cip{font-size:var(--fs-s);background:var(--c-surface);box-shadow:none}
.bilgi-yok{display:flex;align-items:center;gap:.375rem;margin-top:.375rem;font-size:var(--fs-xs);font-weight:700;color:var(--c-dusk-ink)}

@media (max-width:74.99em){
  .egitim{grid-template-columns:minmax(0,1fr)}
  .egitim-yan{position:static;display:grid;grid-template-columns:1fr 1fr}
  .dokumanlar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:47.99em){
  .egitim-yan{grid-template-columns:minmax(0,1fr)}
  .ks-ic{padding:0 1rem 1rem}
  .ks summary{gap:.75rem}
  .ks-say{width:2.75rem;height:2.75rem}
  .kartlar{grid-template-columns:minmax(0,1fr)}
  .deste{height:17.5rem}
  .deste-klavye{display:none}
  .deste-alt{justify-content:center}
  .deste-alt .sira{order:2;width:100%;text-align:center}
  .sayfa-bas .dugmeler{width:100%}
  .sayfa-bas .dugmeler .dg{flex:1}
  .ks-alt .dg{flex:1}
  .bolum-bas h2 small{display:none}
  .dokumanlar{grid-template-columns:minmax(0,1fr)}
  .dok{min-height:0}
}

/* ==================================================================
   AYARLAR, masaüstünde tek sayfa + yapışkan çapalar (A),
   mobilde büyük dokunmatik grup satırları (C)
================================================================== */
.ayar-duzen{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.5rem;align-items:start}
.capalar{position:sticky;top:calc(var(--ust-h) + 1.25rem);display:flex;flex-direction:column;gap:.125rem}
.capalar a{display:flex;align-items:center;gap:.75rem;min-height:var(--tap);padding:0 .875rem;border-radius:.875rem;font-size:var(--fs-m);font-weight:600;color:var(--c-muted);transition:background-color var(--d-1),color var(--d-1)}
.capalar a svg{width:1.125rem;height:1.125rem}
.capalar a:hover{background:var(--c-surface);color:var(--c-ink)}
.capalar a[aria-current="true"]{background:var(--c-card);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line),var(--shadow-1)}
.capalar a[aria-current="true"] svg{color:var(--c-accent-ink)}
.capalar .ayrac{height:1px;background:var(--c-line);margin:.5rem .875rem}
.ayar-ara{margin-bottom:1.5rem;max-width:32rem}
.ag{scroll-margin-top:calc(var(--ust-h) + 1rem);margin-bottom:2.25rem}
.ag-bas{margin:0 0 .75rem .25rem}
.ag-bas h2{font-size:var(--fs-xl)}
.ag-bas p{font-size:var(--fs-m);color:var(--c-muted);margin-top:.125rem;max-width:40rem}
.grup{border-radius:1.5rem;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line);overflow:hidden}
.as{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:.625rem 1rem;border-bottom:var(--cizgi);width:100%;text-align:left}
.grup > :last-child,.grup > :last-child > summary{border-bottom:0}
.as-s{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--c-surface-2);flex:none}
.as-s svg{width:1.125rem;height:1.125rem}
.as-s.s-misket{background:var(--c-accent)}
.as-s.s-koyu{background:var(--c-ink);color:var(--c-accent)}
.as-s.s-gun{background:var(--c-dusk)}
.as-s.s-hata{background:var(--c-danger-bg);color:var(--c-danger)}
.as-metin{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.as-metin b{font-size:var(--fs-body);font-weight:700}
.as-metin small{font-size:var(--fs-s);color:var(--c-muted)}
.as-deger{font-size:var(--fs-m);color:var(--c-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16rem}
.as > svg.ok{width:1.125rem;height:1.125rem;color:var(--c-muted)}
a.as:hover,button.as:hover,details.as-ac > summary:hover{background:var(--c-bg)}
button.as[role="switch"]{cursor:pointer}
details.as-ac{border-bottom:var(--cizgi)}
details.as-ac > summary{list-style:none;cursor:pointer}
details.as-ac > summary::-webkit-details-marker{display:none}
details.as-ac[open] > summary svg.ok{transform:rotate(90deg)}
.as-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1rem;padding:.25rem 1rem 1.25rem 4.25rem}
.as-form .tam{grid-column:1 / -1}
.as-form label{display:flex;flex-direction:column;gap:.375rem;font-size:var(--fs-s);font-weight:700}
.as-form .alan{font-weight:400}
.as-form textarea.alan{min-height:5rem}
.segment{display:flex;padding:.25rem;border-radius:var(--r-pill);background:var(--c-surface);gap:.25rem}
.segment button{flex:1;min-height:2.75rem;padding:0 1rem;border-radius:var(--r-pill);font-size:var(--fs-m);font-weight:700;color:var(--c-muted);white-space:nowrap}
.segment button[aria-checked="true"]{background:var(--c-ink);color:var(--c-on-dark)}
.ton-alan{padding:0 1rem 1rem 4.25rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:var(--cizgi)}
.ornek{padding:1rem 1.125rem;border-radius:1.25rem;background:var(--c-surface-2);font-size:var(--fs-body);transition:opacity var(--d-2)}
.ornek .kim{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent-ink)}
.ornek .kim .mk{width:1rem;height:1rem}
.ornek.soluk{opacity:.2}
.saat-cubuk{position:relative;height:3rem;border-radius:.875rem;background:var(--c-surface);background-image:repeating-linear-gradient(90deg,var(--c-ink-a10) 0 1px,transparent 1px calc(100%/24));overflow:hidden}
.saat-cubuk i{position:absolute;top:.375rem;bottom:.375rem;left:37.5%;width:41.66%;border-radius:.625rem;background:var(--c-ink);color:var(--c-accent);font-style:normal;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.1em;display:flex;align-items:center;padding-left:.75rem}
.saat-etiket{display:flex;justify-content:space-between;font-size:var(--fs-2xs);color:var(--c-muted);margin-top:.25rem}
.gunler{display:flex;gap:.375rem;flex-wrap:wrap}
.gunler button{width:var(--tap);height:var(--tap);border-radius:50%;font-size:var(--fs-s);font-weight:700;background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-line)}
.gunler button[aria-pressed="true"]{background:var(--c-ink);color:var(--c-accent);box-shadow:none}
.wa-kart{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.125rem;background:var(--c-accent)}
.wa-kart .as-metin small{color:var(--c-ink-3)}
.wa-kart .as-s{background:var(--c-ink);color:var(--c-accent)}
.plan-ic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}
.plan{display:flex;flex-direction:column;gap:.375rem;padding:1.125rem;border-radius:1.25rem;box-shadow:inset 0 0 0 1px var(--c-line)}
.plan h3{font-size:var(--fs-l)}
.plan .fiyat{font-family:var(--font-display);font-weight:800;font-size:var(--fs-2xl);letter-spacing:-.03em}
.plan .fiyat small{font-family:var(--font-body);font-size:var(--fs-m);font-weight:500;color:var(--c-muted);letter-spacing:0}
.plan p{font-size:var(--fs-s);color:var(--c-muted)}
.plan .dg{margin-top:auto;align-self:flex-start}
.plan.mevcut{box-shadow:inset 0 0 0 2px var(--c-ink)}
.plan-kota{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.375rem;font-size:var(--fs-s);color:var(--c-muted)}
.plan-kota b{color:var(--c-ink)}
.plan-kota .ilerleme i{width:61%}
.cikis{color:var(--c-danger);font-weight:700}
.ayar-bos{padding:2rem 1rem;text-align:center;color:var(--c-muted)}
.ayar-bos b{display:block;color:var(--c-ink);font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:.25rem}

/* kaydedilmemiş değişiklik çubuğu (A) */
.kaydet-cubuk{position:fixed;z-index:95;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;width:min(40rem,calc(100% - 2rem));padding:.5rem .5rem .5rem 1.25rem;border-radius:var(--r-pill);background:var(--c-ink-2);color:var(--c-on-dark);box-shadow:var(--shadow-3);animation:yuksel var(--d-2) var(--ease)}
.kaydet-cubuk p{flex:1;min-width:0;font-size:var(--fs-m)}
.kaydet-cubuk p b{color:var(--c-accent)}
.kaydet-var .ada{transform:translate(-50%,8rem);transition:transform var(--d-3) var(--ease)}

@media (max-width:56.24em){
  .ayar-duzen{display:block}
  .capalar{display:none}
  .as{min-height:4rem;padding:.625rem .875rem;gap:.875rem}
  .as-deger{max-width:9rem}
  .as-form{grid-template-columns:minmax(0,1fr);padding:.25rem .875rem 1rem}
  .ton-alan{padding:0 .875rem 1rem}
  .plan-ic{grid-template-columns:minmax(0,1fr)}
  .ag{margin-bottom:1.5rem}
  .ag-bas{margin-left:.75rem}
  .ag-bas p{display:none}
  .ag-bas h2{font-family:var(--font-body);font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--c-muted)}
  .kaydet-cubuk{bottom:calc(var(--alt-h) + env(safe-area-inset-bottom) + .75rem);border-radius:1.25rem}
  .kaydet-cubuk .uzun{display:none}
}

/* Üst şerit, telefon: "ak" simgesi + işletme + anahtar; altında tam genişlik "sor ya da git" */
@media (max-width:56.24em){
  :root{--ust-h:7.25rem}
  .ust-ic{grid-template-columns:auto minmax(0,1fr) auto;height:auto;row-gap:.5rem;padding:.5rem var(--gutter) .625rem}
  .marka .marka-logo-tam{display:none}
  .marka .marka-logo-yalniz{display:block;height:2.375rem}
  .isletme{justify-self:start;min-width:0;max-width:100%}
  .isletme-ad{min-width:0}
  .isletme b,.isletme small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sor-dugme{grid-column:1 / -1;grid-row:2;width:100%}
  .sor-dugme kbd{display:none}
  .ae-yazi{display:none}
  .anahtar-ece{padding:0 .375rem 0 .75rem}
  body.sayfa-mesajlar .ust{position:relative}
}
@media (min-width:56.25em) and (max-width:74.99em){
  .ae-yazi small{display:none}
  .isletme-ad{display:none}
}
[data-kisi-ic]{display:flex;flex-direction:column;gap:1.25rem}

/* ==================================================================
   PANELE TAŞIRKEN EKLENENLER (Blade bileşenleri, gerçek veri durumları)
   Bileşenler: resources/views/components/masa/*
================================================================== */

/* Kabuk parçaları: Bootstrap yüklü eski ekranlarda da aynı görünsün */
:where(.m-kabuk){font-family:var(--font-body);line-height:1.5}
.ust,.tabaka,.palet{color:var(--c-ink)}
.ust .marka,.ust .isletme,.ust .profil,.harita-o,.yeni-o{color:inherit}
.ust .marka:hover,.harita-o:hover,.yeni-o:hover,.ust .profil:hover{color:inherit;text-decoration:none}
.ada .ada-o,.ada .ada-o:hover{color:var(--c-on-dark-muted)}
.ada .ada-o:hover{color:var(--c-on-dark)}
.ada .ada-o[aria-current="page"]{color:var(--c-accent)}
.alt-cubuk .ac-o,.alt-cubuk .ac-yeni{color:inherit}
.isletme-ad{display:flex;flex-direction:column;min-width:0}

/* Asistan anahtarı: kısıtlı rolde yalnız durum (dokunulmaz) */
.anahtar-ece.salt{cursor:default;padding-right:.875rem}
.anahtar-ece[aria-busy="true"]{opacity:.7;pointer-events:none}
form.anahtar-form{display:contents}

/* Çıkış (Tümü çekmecesi): kiremit */
.cikis-dugme{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap);padding:0 1rem;border-radius:var(--r-pill);color:var(--c-danger);font-weight:700;font-size:var(--fs-m);background:var(--c-danger-bg)}
.cikis-dugme:hover{box-shadow:inset 0 0 0 1.5px var(--c-danger)}
.tumu-dip{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:1rem;border-top:var(--cizgi);font-size:var(--fs-s);color:var(--c-muted)}
.tumu-dip form{margin:0}
/* Uzun ekran listesinde de "Çıkış yap" kaydırmadan görünür: dip, kutunun altına yapışır (k4-8-1) */
.tabaka-kutu > .tumu-dip{position:sticky;bottom:-1.75rem;z-index:1;margin-bottom:-1.75rem;padding-bottom:1.75rem;background:var(--c-bg)}

/* Tehlikeli düğme (sil, çıkış): kiremit */
.dg-tehlike{background:var(--c-danger);color:var(--c-card)}
.dg-tehlike:hover{box-shadow:0 0 0 .25rem var(--c-danger-bg)}
/* Müşteri bilgisindeki "Konuşmayı sil": açık kiremit (eskiden ekran-mesajlar.css'teydi) */
.kisi-sil .dg-tehlike{background:var(--c-danger-bg);color:var(--c-danger)}
.kisi-sil .dg-tehlike:hover{box-shadow:inset 0 0 0 1.5px var(--c-danger)}
.dg[aria-busy="true"]{pointer-events:none;opacity:.85}
.dg[disabled]{opacity:.55;cursor:not-allowed}

/* Form alanı: etiket + girdi + yardım + alan altı hata */
.alan-grup{display:flex;flex-direction:column;gap:.375rem;min-width:0}
.alan-grup > label,.alan-grup > .alan-etiket{font-size:var(--fs-m);font-weight:700;margin:0}
.alan-grup .istege{font-weight:500;color:var(--c-muted)}
.alan-grup textarea.alan{min-height:6rem}
select.alan{-webkit-appearance:none;appearance:none;padding-right:2.25rem;background:var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23172a24' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .75rem center/1rem}
.alan-yardim{font-size:var(--fs-s);color:var(--c-muted)}
.alan-hata{display:flex;align-items:flex-start;gap:.375rem;font-size:var(--fs-s);font-weight:600;color:var(--c-danger)}
.alan-hata svg{width:1rem!important;height:1rem!important;margin-top:.125rem}
.alan[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--c-danger);background:var(--c-card)}
input.alan,select.alan{min-height:var(--tap)}
.onay-kutu{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--tap);font-size:var(--fs-m);cursor:pointer}
.onay-kutu input{width:1.25rem;height:1.25rem;accent-color:var(--c-ink);margin:0;flex:none}

/* Sayfa üstü bildirim şeridi (flash): başarı misket, hata kiremit */
.serit{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:1.25rem;font-size:var(--fs-m);margin-bottom:1rem;animation:yuksel var(--d-2) var(--ease)}
.serit svg{margin-top:.0625rem}
.serit ul{margin-top:.375rem;display:grid;gap:.125rem}
.serit-iyi{background:var(--c-accent-soft);color:var(--c-ink)}
.serit-hata{background:var(--c-danger-bg);color:var(--c-danger)}
.serit-bilgi{background:var(--c-surface);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line)}

/* Boş durum (genel): simge + başlık + açıklama + sonraki adım */
.bos-durum{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.25rem .25rem .25rem}
.bos-durum-simge{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:var(--c-surface-2);color:var(--c-ink)}
.bos-durum-simge .mk{width:2rem;height:2rem}
.bos-durum h3{font-size:var(--fs-xl)}
.bos-durum p{font-size:var(--fs-m);color:var(--c-muted);max-width:30rem}
.bos-durum .dugmeler{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}
.bos-durum.orta{align-items:center;text-align:center;padding:2rem 1rem}
.k-koyu .bos-durum-simge{background:var(--c-white-a10);color:var(--c-accent)}
.k-koyu .bos-durum h3{color:var(--c-on-dark)}
.k-koyu .bos-durum p{color:var(--c-on-dark-muted)}
.k-gunbatimi .bos-durum-simge{background:var(--c-dusk-soft)}
.k-gunbatimi .bos-durum p{color:var(--c-dusk-ink)}
.k-misket .bos-durum-simge{background:var(--c-ink-a06)}
.k-misket .bos-durum p{color:var(--c-ink-3)}

/* Liste satırı (genel): Mesajlar, kişiler */
.satir-liste{display:flex;flex-direction:column}
a.satir{color:inherit}

/* Sekme bağlantısı (sunucu süzgeci): .sekme içindeki a da düğme gibi */
.sekme a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.75rem;padding:0 .625rem;border-radius:var(--r-pill);font-size:var(--fs-m);font-weight:700;color:var(--c-muted);white-space:nowrap;transition:background-color var(--d-1),color var(--d-1)}
.sekme a b{min-width:1.375rem;height:1.375rem;padding:0 .3rem;border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink);font-size:var(--fs-2xs);line-height:1.375rem;text-align:center}
.sekme a[aria-current="page"]{background:var(--c-ink);color:var(--c-on-dark)}
.sekme a[aria-current="page"] b{background:var(--c-accent)}
.sekme button{transition:background-color var(--d-1),color var(--d-1)}

/* Eski ekranlar kabuğun içinde: başlık yeni dilde, içerik eski görünümde */
.eski-bas{margin:0 0 1.25rem}
.eski-bas h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:1.05;font-size:var(--fs-2xl);margin:0;color:var(--c-ink)}
.eski-icerik{min-width:0}

/* ---------------- Anasayfa: gerçek veriye göre eklenen karolar ---------------- */
.t-ilk{grid-column:1 / -1}
.t-egitim{grid-column:span 5}
.t-son{grid-column:span 4}
.masa > .karo{animation:karo-gel var(--d-3) var(--ease) both}
.masa > .karo:nth-child(2){animation-delay:.04s}
.masa > .karo:nth-child(3){animation-delay:.08s}
.masa > .karo:nth-child(4){animation-delay:.12s}
.masa > .karo:nth-child(5){animation-delay:.16s}
.masa > .karo:nth-child(n+6){animation-delay:.2s}
@keyframes karo-gel{from{opacity:0;transform:translateY(.75rem)}}
.k-beyaz:hover{box-shadow:inset 0 0 0 1px var(--c-line),var(--shadow-2)}

/* Kurulum uyarısı (mürekkep: sizden iş bekliyor) */
.ilk-adim{flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}
.ilk-adim > div{flex:1;min-width:14rem}
.ilk-adim h2{font-size:var(--fs-xl);color:var(--c-on-dark)}
.ilk-adim p{color:var(--c-on-dark-muted);font-size:var(--fs-m)}
.ilk-adim p b{color:var(--c-on-dark)}

/* Kurulum karoları (yeni hesap) */
.kurulum-karo{grid-column:span 3}
.kurulum-karo h3{font-size:var(--fs-xl)}
.kurulum-karo .dg{margin-top:auto;align-self:flex-start}
.henuz-yok{grid-column:1 / -1;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}
.henuz-yok > div{flex:1;min-width:14rem}
.henuz-yok h2{font-size:var(--fs-xl)}
.henuz-yok .mk{width:2.5rem;height:2.5rem}
/* WhatsApp bağlı yeni hesap: "Henüz konuşma yok" ile mesaj hakkı karosu yan yana (b20) */
.henuz-yok-yanli{grid-column:span 7}

/* Kampanya karosu olmayan rol (Satış Temsilcisi): sağ sütundaki boşluk kapanır;
   son mesajlar eğitimle aynı genişlikte, haftanın ritmi tam satır (k5-2-13) */
@media (min-width:75em){
  .masa-kisitli .t-son{grid-column:span 5}
  .masa-kisitli .t-ritim{grid-column:1 / -1}
}

/* Sizi bekleyenler: yanıt formu (asistan taslağı ilk sürümde yok, boş alan) */
.bek-kutu{border-radius:1.125rem;background:var(--c-bg);color:var(--c-ink);overflow:hidden;transition:box-shadow var(--d-1);--c-focus:#2f6b41}
.bek-kutu:focus-within{box-shadow:0 0 0 3px var(--c-accent)}
.bek-kutu textarea{display:block;width:100%;min-height:4.75rem;padding:.875rem 1rem;border:0;background:transparent;resize:vertical;font-size:var(--fs-body);outline:none;color:var(--c-ink)}
.bek-kutu textarea::placeholder{color:var(--c-muted)}
.bek-kutu .taslak-alt{background:var(--c-card)}
.bek-kutu .taslak-alt small{font-size:var(--fs-s);color:var(--c-muted)}
.bek-devam{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap);font-size:var(--fs-m);font-weight:700;color:var(--c-accent)}
.bek-devam:hover{color:var(--c-on-dark)}
.bek-metin > span .rz{margin-right:.375rem;vertical-align:.05em}
a.bek-satir{color:inherit}

/* Asistan bugün: veri yokken sakin satır */
.bugun-bos{font-size:var(--fs-body);color:var(--c-ink-3);max-width:26rem}

/* WhatsApp ve kota */
.kota .dolu{stroke-dashoffset:var(--kota-bos,264)}
.kota.doldu .dolu{stroke:var(--c-danger)}
.kota-sinirsiz{display:grid;place-items:center;width:6.25rem;height:6.25rem;border-radius:50%;background:var(--c-surface);text-align:center;font-size:var(--fs-2xs);color:var(--c-muted);line-height:1.2}
.kota-sinirsiz b{display:block;font-family:var(--font-display);font-size:var(--fs-l);color:var(--c-ink)}
.nabiz-alt > span{min-width:0}

/* Asistan bunu bilmedi */
.soru-kart .meta b{color:var(--c-dusk-ink)}
.soru-kart h3{overflow-wrap:anywhere}
.sira-liste button{display:block;width:100%;min-height:var(--tap);text-align:left;padding:0;border-radius:.5rem}
.sira-liste button:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.k-gunbatimi .bag{color:var(--c-ink);text-decoration-color:var(--c-ink)}

/* Haftanın ritmi */
.isi i{transition:transform var(--d-1) var(--ease)}
.isi i:hover{transform:scale(1.35);position:relative;z-index:1}

/* Eğitim durumu (nane) */
.egitim-ic{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.egitim-ic .dev{font-size:4.25rem}
.egitim-ic .dev small{font-size:.45em;vertical-align:.9em;letter-spacing:0}
.egitim-ic ul{flex:1;min-width:10rem;display:grid;gap:.375rem;font-size:var(--fs-s)}
.egitim-ic li{display:flex;justify-content:space-between;gap:.75rem;padding:.375rem .625rem;border-radius:.625rem;background:var(--c-card)}
.egitim-ic li b{font-family:var(--font-display)}
.egitim-cubuk{height:.5rem;border-radius:var(--r-pill);background:var(--c-surface-2);overflow:hidden}
.egitim-cubuk i{display:block;height:100%;border-radius:inherit;background:var(--c-ink);transform-origin:left;animation:buyu-x 1s var(--ease) both}
@keyframes buyu-x{from{transform:scaleX(0)}}

/* Son mesajlar */
.son-liste li + li{border-top:var(--cizgi)}
.son-liste a{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.375rem .25rem;border-radius:.875rem;transition:background-color var(--d-1)}
.son-liste a:hover{background:var(--c-surface)}
.son-liste span:not(.av){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.son-liste b{font-size:var(--fs-m)}
.son-liste small{font-size:var(--fs-xs);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.son-liste time{font-size:var(--fs-2xs);font-weight:700;color:var(--c-muted);white-space:nowrap}

/* Tabaka ya da palet açıkken sayfa kaymaz */
html.m-kilit,html.m-kilit body{overflow:hidden}

/* Sayaç değişince kısa vurgu */
.sayac-vurgu{animation:sayac-vurgu .6s var(--ease)}
@keyframes sayac-vurgu{40%{transform:scale(1.25)}}

/* Palette yazarken marka simgesi "yazıyor" */
.palet-giris .mk.mk-canli{animation:yaziyor 1.1s var(--ease) infinite}

@media (max-width:74.99em){
  .t-egitim{grid-column:span 3}
  .t-son,.t-ilk{grid-column:span 6}
  .kurulum-karo{grid-column:span 3}
  .henuz-yok-yanli{grid-column:span 3}
}
@media (max-width:47.99em){
  .ilk-adim .dg,.henuz-yok .dg{width:100%}
}

/* ==================================================================
   MOBİL UYUM (denetim 29.09.2026): form yazısı, dar telefon, yatay telefon
================================================================== */

/* Form alanları telefonda ve dokunmatik ekranda en az 16 px:
   iOS 16 px altı alana odaklanınca sayfayı yakınlaştırır. */
@media (max-width:56.24em),(pointer:coarse){
  .alan,.ara input,.dene-form input,.secim{font-size:1rem}
  .soru-kart textarea,.taslak textarea,.bek-kutu textarea,.yaz textarea{font-size:1rem}
}

/* Sekmeler sığmazsa yana kayar; seçili sekme görünür alana alınır (masa.js),
   kayan kenar hafifçe solar (kaydırma ipucu). */
@media (max-width:56.24em){
  .sekme{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
  .sekme::-webkit-scrollbar{display:none}
  .sekme[data-kay="sag"]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}
  .sekme[data-kay="sol"]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),transparent)}
  .sekme[data-kay="iki"]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}
}

/* Dar telefon (384 px altı): üst şeritte işletme adı kısalır, anahtar yalnız ray;
   sohbet başlığında avatar gizlenir, kişi adına yer kalır. */
@media (max-width:23.99em){
  .ust-ic{column-gap:.5rem}
  .ust-sag{gap:.375rem}
  .isletme{gap:.5rem;padding-right:.625rem}
  .isletme > svg{display:none}
  .sohbet-bas > .av{display:none}
  .sekme a,.sekme button{padding:0 .5rem;gap:.25rem}
}

/* Yatay telefon (500 px altı yükseklik): üst şerit tek satır, alt çubuk
   etiketsiz ve kısa, sohbette yazma alanı tek satır; geçmişe yer kalır. */
@media (max-width:56.24em) and (max-height:31.25em){
  :root{--ust-h:3.5rem;--alt-h:3.5rem}
  .ust-ic{grid-template-columns:auto auto minmax(0,1fr) auto;row-gap:0;height:var(--ust-h);padding:0 var(--gutter)}
  .sor-dugme{grid-column:auto;grid-row:auto;min-height:2.75rem}
  .sor-dugme .mk{width:1.75rem;height:1.75rem}
  .isletme small{display:none}
  .ac-ad{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ac-o[aria-current="page"]::before{top:50%;transform:translateY(-50%);height:2.5rem}
  .ac-o .ada-rozet{top:.25rem}
  .ac-yeni{justify-content:center;padding-bottom:0}
  .ac-yeni b{width:2.75rem;height:2.75rem;box-shadow:0 0 0 .25rem var(--c-ink)}
  .ac-yeni b svg{width:1.375rem;height:1.375rem}
  .sohbet-bas{min-height:3.25rem;padding:.25rem .5rem .25rem .25rem}
  .sohbet-bas > .av{width:2.25rem;height:2.25rem}
  .akis{padding:.625rem .75rem .375rem}
  .yaz{padding:.375rem .5rem calc(.375rem + env(safe-area-inset-bottom))}
  .yaz-kutu{display:flex;flex-wrap:wrap;align-items:flex-end}
  .yaz textarea{flex:1;min-width:0;width:auto;height:2.75rem;min-height:2.75rem;max-height:4.5rem;padding:.625rem .875rem}
  .yaz-alt{padding:.25rem}
}

/* ---------------- Hareket azaltma ---------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}