/* M0 — Analizci mobil kabuk (docs/analizci/prova10.html, prova 10g; palet Menekşe = Sahne'nin mor–turkuaz renkleri).
   Yalnız oturumlu Panelim sayfalarında ve giriş ekranında yüklenir. Kabuk kuralları ≤ 767 px media query'sinin içinde;
   masaüstünde (≥ 768 px) kabuk öğeleri display:none ve analizci.css'e hiçbir şey eklenmez. İki genişlikte de geçerli olan
   yalnız "Yılın özeti" hapı (.hk-hap; M0b'de ✦'nin yerini aldı) ve hikâye kaplaması (#hk). Yazı tipi iPhone'da SF Pro,
   Android'de Inter. Koyu tema mobilde prefers-color-scheme'i izler (seçim analizci.js temaKur; html[data-theme]).
   M0b (prova 10h): tek satırlık üst çubuk (sayfa adı · hap · PDF↔XLS indirme), alttaki eylem şeridinin yerine eylem
   sayfası, eser / izleme / kıyas / kontrol satırları 3 kolonlu ızgara, sarma kuralları (adlar kelimeden sarar, kod ve
   sayılar bölünmez, cümle ortası kesme yok), içerik alt boşluğu alt çubuk + ＋ taşması + güvenli alan.
   M0c (prova 10i): dosyanın başında MOBİL TASARIM SİSTEMİ (A1–A9) — değişkenler, yardımcı sınıflar ve analizci.css
   boylarının ölçeğe eşlenmesi; bütün Panelim iskeleti sayfaları (hesapsız rehber / Panelim nedir dahil) bu dosyayı yükler.
   Kabuğa özgü kurallar (alt çubuk, ＋, sayfalar, satır zenginleştirme) yalnız oturumlu Panelim'de çalışır: öğeleri
   hesapsız sayfada yoktur ya da seçici body[data-mod="panelim"] / [data-m-ust] / [data-m-giris] ile sınırlıdır. */

/* ================= M0c — MOBİL TASARIM SİSTEMİ (≤ 767 px; masaüstünde hiçbir kural işlemez) =================
   A1 tipografi — yalnız 7 boy: 11 etiket (büyük harf, .1em) · 12,5 yardımcı · 14 gövde · 15 liste adı (700) ·
      17 kart başlığı (800) · 22 sayfa / bölüm başlığı (800) · 34 tek büyük rakam (800, -0,045em); sayılar tabular.
   A2 boşluk — 4 · 8 · 12 · 16 · 24; kart iç 16, kartlar arası 12, liste satırı dikey 12, cümle listesi satır arası 9
      + 1 px ayırıcı.
   A3 yüzey — kart 22, iç kutu 16, rozet 999 köşe; kenarlık 1 px --line; gölge yalnız kartta.
   A4 etiket — alan adı 11 px büyük harf aralıklı (.m-et); kod / numara değeri rozet içinde (.m-kod).
   A5 sayı — "248.324 ₺", dar yerde ≥ 100.000 → "245 bin"; "▲ %52,2"; "213 → 226" (ok ince boşluklu, bölünmez).
   A6 satır — 24 px sıra · 1fr ad · auto değer; ad 15/700 + ESER NO rozeti, değer 15/800 + yüzde rozeti, meta 12,5,
      en altta 6 px şerit; satırın tamamı dokunulur, ≥ 56 px.
   A7 özet kartı — 34'lük rakam + bir satır bağlam + etiket solda / değer sağda satırlar (.m-kv).
   A9 koyu tema — --ink-3 ≥ 4,5 kontrast; rozet zeminleri --sur-2; gradyan yalnız ＋, Yılın özeti halkası, avatar,
      mini grafiklerde. TA1: gradyan ayrıca birincil düğmede (.btn), Yılın özeti kartında (.m-story) ve PDF/Excel
      kartında (dışa aktarma sayfası) serbest.
   TA1 (prova 10j): alt çubuk iOS klasik (49 px, 26 px çizgi simge, 10 px etiket — A1'in tek istisnası), pilot şeridi üst
      çubuğun altında, tekrar düğmeleri mobilde gizli (B3), hesapsız ana sayfa / hesapsız rapor / rehber A1–A6 ile (B5). */
@media (max-width:767px){
  :root{
    --m-t11:11px;--m-t12:12.5px;--m-t14:14px;--m-t15:15px;--m-t17:17px;--m-t22:22px;--m-t34:34px;
    --m-s4:4px;--m-s8:8px;--m-s12:12px;--m-s16:16px;--m-s24:24px;
    --m-r-kart:22px;--m-r-ic:16px;--m-r-kod:6px;--m-r-rozet:999px
  }
  body{font-size:var(--m-t14)}
  .num,.m-kv b,.m-kod,.m-yz,.m-buyuk{font-variant-numeric:tabular-nums}

  /* A4 etiket ve kod rozeti */
  .m-et{display:inline-block;font-size:var(--m-t11);font-weight:700;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;line-height:1.3}
  .m-kod{display:inline-block;font-size:var(--m-t12);font-weight:600;line-height:1.35;color:var(--ink-2);background:var(--sur-2);border:1px solid var(--line);
    border-radius:var(--m-r-kod);padding:1px 6px;white-space:nowrap}
  .m-no{display:flex;align-items:center;gap:var(--m-s8);margin-top:var(--m-s4);white-space:nowrap;min-width:0}
  .m-gizle{display:none}
  body[data-mod="panelim"] .eno{display:none}           /* aynı adlı eserin " · eser no …" eki → mobil.js ESER NO rozeti */
  .rrow .l1 .ad small{font-size:var(--m-t12)}
  /* A5 yüzde rozeti */
  .m-yz{display:inline-block;font-size:var(--m-t12);font-weight:700;line-height:1.3;padding:3px 8px;border-radius:var(--m-r-rozet);white-space:nowrap;
    background:var(--sur-2);color:var(--ink-2)}
  .m-yz.up{background:var(--up-soft);color:var(--up)}
  .m-yz.down{background:var(--down-soft);color:var(--down)}
  .m-ok{white-space:nowrap}
  /* A7 özet kartı: büyük rakam + bağlam + hizalı satırlar */
  .m-buyuk{font-size:var(--m-t34);font-weight:800;letter-spacing:-0.045em;line-height:1}
  .m-kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--m-s12);padding:var(--m-s12) 0;border-top:1px solid var(--line);font-size:var(--m-t14)}
  .m-kv>span:first-child{color:var(--ink-2);min-width:0}
  .m-kv>b{font-weight:700;white-space:nowrap;text-align:right}
  /* A2 cümle listesi (içgörü kartı) */
  .m-ins>*{margin:0;padding:9px 0;border-top:1px solid var(--line);font-size:var(--m-t14);line-height:1.45;color:var(--ink-2)}
  .m-ins>*:first-child{border-top:none;padding-top:0}
  .m-ins>*:last-child{padding-bottom:0}
  .m-ins b{color:var(--ink)}
  /* 44 px çip (ay çipleri, mecra lejantı) */
  .m-cipler{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
  .m-cipler::-webkit-scrollbar{display:none}
  .m-cip{flex:none;min-height:44px;border-radius:14px;background:var(--sur-2);border:1px solid var(--line);color:var(--ink-2);font:inherit;
    font-size:var(--m-t12);font-weight:700;cursor:pointer;scroll-snap-align:center}
  .m-cip:focus-visible{outline:3px solid var(--acc);outline-offset:2px}

  /* A1 — analizci.css boylarının ölçeğe eşlenmesi (seçiciler analizci.css'teki kendi kurallarıyla aynı; dosya sonra
     yüklendiği için aynı özgüllükte kazanır). Yazdırma önizlemesi (.page/.thumb) ve satış / hesapsız rapor bölümleri dışarıda. */
  .wl>.kart,.mo .lab,.ynt .sw .st,.eyebrow,.st .l,.yb>span small,.lv3 th,.ekd th,.donut .c span,.kk .gv,.yeni-et,.yrs small,.yline span,.ycol .y,.fld label,.anket .bol,.anket .q .nlab,.ynt .tbl th,.ynt .tbl .st{font-size:var(--m-t11)}
  .mini span,.muted,.tag,.err,.drop .ext,.checks i,.notes small,.tip,.st .v small,.st .mm,.mrow .pc,.yb>span,.wh .f,.wrow .rk,.wrow .nm small,.wrow .pc,.mdr .nm small,.lv3 .sum,.ekd .sum,.works .bos,.more,.src .rk,.src .ic,.src .n small,.rrow .l2,.rtw .rk,.rtw .n small,.rbilgi,.hap,.ek .meta,.kontrol .intro,.kk .t small,.kk .evid,.delta,.delta.sm,.toast,.sirada .n small,.sirada .st2,.ycard .yr small,.ycard .meta,.yadd .s,.files,.kbig .s,.klist .it .n small,.src2 .ic,.src2 .n small,.src2 .a small,.ycol .a small,.iz .rk,.iz .nm small,.prof .av,.pmenu .av,.pmenu .pi small,.kmissing .chips .zero,.fld .val .muted,.pilot,.ynt .ys,.ynt .fbi .m,.modal .fbi .m,.ynt .fbi select,.ynt .sw small{font-size:var(--m-t12)}
  .girisBtn,.steps,.btn,.btn.sm,.proms div,.consent,.warnmsg,.rp-head h1 small,.did,.lv3 table,.ekd table,.donem button,.ek .li,.kk .q,.kk .more-k,.more-k,.form label.consent,.onay p,.login .alt,.sent .mail,.dhead h1 small,.sdl,.kbig .row,.klist .it,.kmissing,.mcmp .r b,.mcmp .r .a,.src2 .a,.lock,.seg,.prof .nm,.fld .val,.fld .inp,.uyelik-satir,.fb textarea,.fb .chips button,.rehber-bag,.help ol,.mailkutu,.ynt .ytabs,.ynt .tbl,.ynt .ybar,.ynt .ktablo{font-size:var(--m-t14)}
  .mini b,.wrow .nm,.wrow .am,.src .n b,.kk .t,.btn.lg,.src2 .n b,.anket .q h3,.ynt .yqh{font-size:var(--m-t15)}
  .drop .big,.st .nm,.card h2,.donut .c b,.cta .t,.sech h2,.yrs button.ekle,.yy .h .v small,.ksel .arr,.help h2{font-size:var(--m-t17)}
  .kpis b,.st .v,.idgrid b,.modal h2,.ek .big div b,.rp-head h1,.login h1,.ycard .amt,.ycol .a,.tesek h1,.ynt .kpi4 b{font-size:var(--m-t22)}
  .st .rk,.ycard .yr,.tesek .ico{font-size:var(--m-t34)}
  .total .v{font-size:var(--m-t34)}
  /* Panelim nedir (hesapsız satış sayfası) ve yazdırma önizleme başlığı */
  .fiyat .pl,.fiyat .fine{font-size:var(--m-t12)}
  .phero p,.phero .art,.fiyat .ps,.fiyat .early,.feat p,.faq p{font-size:var(--m-t14)}
  .faq h3,.feat h3,.pv-head .sub{font-size:var(--m-t15)}
  .fiyat .pv small{font-size:var(--m-t17)}
  .phero h1,.pv-head h1,.fiyat .pv .old{font-size:var(--m-t22)}
  .fiyat .pv{font-size:var(--m-t34)}
  .total .v small,.yy .h .v small{font-size:var(--m-t17)}
  .login .logo{font-size:var(--m-t22)}
  /* hikâye kaplaması da ölçekte (yalnız mobilde; masaüstündeki öykü kartları aynen; temel kurallar dosyada sonra → body öneki) */
  body .hk .k .l,body .hk .share .t1{font-size:var(--m-t11)}
  body .hk .k .s.not,body .hk .share .t3,body .hk .share .t4{font-size:var(--m-t12)}
  body .hk .sb button,body .hk .sw{font-size:var(--m-t14)}
  body .hk .k .s{font-size:var(--m-t15)}
  body .hk .share .t2,body .hk .ring span{font-size:var(--m-t22)}
  body .hk .k .h,body .hk .k .h.m{font-size:var(--m-t34)}
  .ek .big{gap:var(--m-s12) var(--m-s24);margin-top:var(--m-s16)}
  .ek .meta .m-no{margin:var(--m-s4) 0}
  .login .err:empty{display:none}
  .login .alt{margin-top:var(--m-s16)}
  .fld label{text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--ink-3)}
  .card h2{font-weight:800;letter-spacing:-0.02em}
  /* A3 yüzey: kart 22 / 16 iç boşluk; iç kutular 16 ve gölgesiz */
  .card{border-radius:var(--m-r-kart)}
  .card:not(.works){padding:var(--m-s16)}
  .card.m-liste{padding:4px var(--m-s16)}
}

/* ---------------- masaüstü: kabuk yok ---------------- */
@media (min-width:768px){
  .m-tab,.m-fab,.m-sheet,.m-dim,.m-splash,.m-yalniz{display:none !important}
}
.m-splash{display:none}
.m-sheet[hidden],.m-dim[hidden],.m-dokum[hidden],.m-kur[hidden],.m-seg[hidden]{display:none}
body.m-kilit{overflow:hidden}

/* ---------------- "Yılın özeti" hapı (iki genişlikte; prova 10h .story) ----------------
   izlenmemiş: dönen gradyan halka + "1"; .izlendi: gri halka, rozet yok */
.hk-hap{height:44px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;flex:none;align-self:center;position:relative;
  background:var(--sur);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.hk-hap[hidden]{display:none}
.hk-hap:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.hk-hap .ring{width:32px;height:32px;border-radius:50%;position:relative;display:grid;place-items:center;flex:none}
.hk-hap .ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c1));animation:hkDon 3s linear infinite}
.hk-hap .ring span{position:relative;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:11px;padding-left:2px;box-shadow:inset 0 0 0 2px var(--sur)}
.hk-hap .t b{display:block;font-size:12.5px;font-weight:700;line-height:1.15;white-space:nowrap}
.hk-hap .t small{display:block;font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap;line-height:1.2}
.hk-hap .yeni{position:absolute;top:-3px;right:-3px;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--down) 65%,black);color:#fff;font-size:11px;font-style:normal;font-weight:800;
  display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg);line-height:1}
.hk-hap.izlendi .ring::before{background:var(--sur-3);animation:none}
.hk-hap.izlendi .ring span{background:var(--sur-3);color:var(--ink-2)}
.hk-hap.izlendi .yeni{display:none}
@keyframes hkDon{to{transform:rotate(360deg)}}

/* ---------------- Yılınız 60 saniyede (iki genişlikte; prova .hk) ---------------- */
.hk{position:fixed;inset:0;z-index:100;background:#0f0b2a;color:#fff;display:flex;flex-direction:column;overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.hk .prog{display:flex;gap:4px;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 0;max-width:560px;width:100%;margin:0 auto;position:relative;z-index:4}
.hk .prog i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.hk .prog i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#fff}
.hk .prog i.done::after{width:100%}
.hk .prog i.run::after{animation:hkProg 4.5s linear forwards}
@keyframes hkProg{to{width:100%}}
.hk .x{position:absolute;top:calc(26px + env(safe-area-inset-top,0px));right:12px;z-index:5;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;cursor:pointer}
.hk .x svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.hk .k{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;padding:80px max(28px,calc(50vw - 252px)) 90px;animation:hkGir .5s ease}
.hk .k.on{display:flex}
@keyframes hkGir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hk .k .l{font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.7}
.hk .k .h{font-size:44px;font-weight:800;letter-spacing:-0.045em;line-height:1.02;margin-top:10px;overflow-wrap:anywhere}
.hk .k .h.m{font-size:34px}
.hk .k .s{font-size:16px;opacity:.88;margin-top:14px;line-height:1.5}
.hk .k .s b{font-weight:800}
.hk .k .bgc{position:absolute;inset:0;z-index:-1}
.hk .k .hk-logo{position:absolute;top:calc(26px + env(safe-area-inset-top,0px));left:max(28px,calc(50vw - 252px));width:40px;height:40px;border-radius:24%}   /* TA2: ilk karede durağan logo */
.hk .k1 .bgc{background:radial-gradient(60% 50% at 20% 20%,#6d4df2,transparent 70%),radial-gradient(50% 50% at 90% 80%,#19b6c9,transparent 70%),#0f0b2a}
.hk .k2 .bgc{background:radial-gradient(60% 60% at 80% 20%,#f0527c,transparent 70%),radial-gradient(50% 50% at 10% 90%,#6d4df2,transparent 70%),#1a0b2a}
.hk .k3 .bgc{background:radial-gradient(60% 50% at 50% 100%,#f4a62a,transparent 70%),radial-gradient(50% 50% at 10% 10%,#19b6c9,transparent 70%),#0b1a2a}
.hk .k4 .bgc{background:radial-gradient(60% 50% at 80% 90%,#19b6c9,transparent 70%),radial-gradient(50% 50% at 20% 10%,#6d4df2,transparent 70%),#0b2a26}
.hk .k5 .bgc{background:radial-gradient(70% 60% at 50% 30%,#6d4df2,transparent 70%),#0f0b2a}
.hk .ring{--p:0%;width:120px;height:120px;border-radius:50%;background:conic-gradient(#fff 0 var(--p),rgba(255,255,255,.25) var(--p));display:grid;place-items:center;margin-top:20px}
.hk .ring span{width:94px;height:94px;border-radius:50%;background:#0b2a26;display:grid;place-items:center;font-size:26px;font-weight:800}
.hk .share{background:rgba(255,255,255,.12);border-radius:22px;padding:18px;margin-top:18px}
.hk .share .t1{font-size:11px;letter-spacing:.1em;opacity:.8}
.hk .share .t2{font-size:30px;font-weight:800;margin-top:4px}
.hk .share .t2[hidden]{display:none}
.hk .share .t3{font-size:12.5px;opacity:.85}
.hk .share .t4{font-size:12px;opacity:.6;margin-top:10px}
.hk .sw,.hk .sb{position:relative;z-index:3}
.hk .sw{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;min-height:44px;cursor:pointer;width:max-content}
.hk .sw input{width:20px;height:20px;accent-color:#fff}
.hk .sb{display:flex;gap:8px;margin-top:8px}
.hk .sb button{flex:1;min-height:48px;border:none;border-radius:14px;background:#fff;color:#121428;font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer}
.hk .sb button.g{background:rgba(255,255,255,.18);color:#fff}
.hk .s.not{font-size:12px;opacity:.7}
.hk .tap{position:absolute;inset:0;display:flex;z-index:2}
.hk .tap div{flex:1;cursor:pointer}

/* ================= mobil kabuk (≤ 767 px) ================= */
@media (max-width:767px){
  :root{
    --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif;
    --grad:linear-gradient(135deg,#7a5cff 0%,#5f6cf7 48%,#22b8d2 100%);--glow:rgba(109,77,242,.35);
    --g1:#6d4df2;--g2:#19b6c9;--g3:#f0527c;--up-soft:#e1f6ef;--down-soft:#fde8ec;--sh:0 10px 30px rgba(18,20,40,.08)
  }
  :root[data-theme="dark"]{color-scheme:dark;
    --bg:#0b0d1a;--sur:#141733;--sur-2:#1b1f44;--sur-3:#262b57;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);--ink:#f2f3ff;--ink-2:#b5b9d9;--ink-3:#9297c0;
    --acc:#9d8bff;--acc-soft:#2a2566;--up:#3ddc97;--up-soft:#143627;--down:#ff6f89;--down-soft:#3a1a22;--warn:#ffb067;--warn-soft:#3a2a16;
    --c1:#9d8bff;--c2:#3fd6e8;--c3:#ff6f99;--c4:#ffc24a;--c5:#7a7fa8;--c6:#3a3f6b;
    --g1:#9d8bff;--g2:#3fd6e8;--g3:#ff6f99;--grad:linear-gradient(135deg,#a894ff 0%,#7f8cff 48%,#3fd6e8 100%);--glow:rgba(157,139,255,.4);--sh:0 10px 30px rgba(0,0,0,.35)
  }
  body{font-family:var(--font)}
  .btn:not(.ghost):not(.tehlike):not(.gbtn),.logo,.prof .av,.pmenu .av{background-image:linear-gradient(160deg,rgba(255,255,255,.25),transparent 60%),var(--grad)}

  /* üst şerit: menü ve tema düğmesi alt çubukta / Hesabım'da */
  body[data-mod="panelim"] #psteps,body[data-mod="panelim"] #tema{display:none}
  body[data-mod="panelim"] .pscreen{padding-top:18px}
  /* alt boşluk: alt çubuk 49 px + ＋'nın çubuk üstüne taşan 28 px + 16 px pay + güvenli alan (TA1 B1) — en alttaki
     kart/düğme ＋'nın altında kalmaz */
  body[data-m-ust] .wrap{padding-bottom:calc(93px + env(safe-area-inset-bottom,0px))}
  body[data-m-ust] .toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .dhead h1,.rp-head h1{font-size:var(--m-t22);font-weight:800}
  .card{border-radius:22px}

  /* üst çubuk (prova 10h .top): tek satır 52px, bulanık yarı saydam; logo · sayfa adı · Yılın özeti · indirme */
  body[data-m-ust] .top{background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom-color:transparent}
  body[data-m-ust] .top-in{height:52px;padding:0 12px 0 16px;gap:10px;justify-content:flex-start}
  body[data-m-ust] .top-r{display:none}
  body[data-m-ust] .brand .n{display:none}
  body[data-m-ust] .brand{min-width:44px;min-height:44px;justify-content:center}
  body[data-m-ust] .brand .logo{width:32px;height:32px;border-radius:10px;font-size:14px}
  .m-ust-ad{flex:1;min-width:0;font-size:var(--m-t17);font-weight:700;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-indir{width:44px;height:44px;border-radius:50%;flex:none;background:var(--sur);border:1px solid var(--line);box-shadow:var(--sh);position:relative;perspective:200px;padding:0;cursor:pointer;font:inherit}
  .m-indir[hidden]{display:none}
  .m-indir .f{position:absolute;inset:0;display:grid;place-content:center;font-size:var(--m-t11);font-weight:800;letter-spacing:.04em;line-height:1.05;text-align:center;border-radius:50%;
    backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:mCevir 4s ease-in-out infinite}
  .m-indir .f small{display:block;font-size:var(--m-t11);font-weight:600;color:var(--ink-2);letter-spacing:0}
  .m-indir .pdf{color:var(--down)}
  .m-indir .xls{color:var(--up);animation-delay:-2s}
  .m-indir.tek .f{animation:none}
  .m-indir:focus-visible,.brand:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
  @keyframes mCevir{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
  /* hap mobilde yalnız üst çubukta: sayfa içindeki ikizi gizli */
  body[data-m-ust] .dhead .hk-hap,body[data-m-ust] .rp-act .hk-hap{display:none}

  /* alt sekme çubuğu + ＋ — TA1 B1 (prova 10j .tabA "iOS klasik"): 49 px çubuk + güvenli alan; 26 px çizgi simge + 10 px
     etiket (alt çubuk etiketi A1'in tek istisnası, iOS sekme çubuğu boyu); seçili sekme dolgulu mor (simge dolar);
     ＋ 56 px, çubuğun üst kenarına yarı gömülü, 4 px zemin kenarlığı, hale (gölge parıltısı) yok */
  .m-tab{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-around;align-items:stretch;
    height:calc(49px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);
    background:color-mix(in srgb,var(--sur) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
  .m-tab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:1;min-width:44px;height:49px;
    font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1.1;color:var(--ink-3);text-decoration:none}
  .m-tab svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .m-tab a.on{color:var(--acc)}
  .m-tab a.on svg{fill:currentColor}
  .m-tab .bos{width:72px;flex:none}
  .m-sheet .opt i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .m-fab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(21px + env(safe-area-inset-bottom,0px));z-index:61;width:56px;height:56px;border-radius:50%;
    border:4px solid var(--bg);padding:0;box-sizing:border-box;box-shadow:none;
    background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 60%),var(--grad);color:#fff;display:grid;place-items:center}
  .m-fab svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
  .m-fab:focus-visible,.m-tab a:focus-visible{outline:3px solid var(--acc);outline-offset:3px}

  /* alttan kayan sayfalar (prova .sheet) */
  .m-dim{position:fixed;inset:0;z-index:70;background:rgba(10,10,30,.45);opacity:0;transition:opacity .3s}
  .m-dim.on{opacity:1}
  .m-sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;background:var(--sur);color:var(--ink);border-radius:28px 28px 0 0;
    padding:14px 18px calc(26px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow-y:auto;overscroll-behavior:contain;
    transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 -16px 40px rgba(0,0,0,.2)}
  .m-sheet.on{transform:none}
  .m-sheet .grab{width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:0 auto 14px}
  .m-sheet h3{margin:0;font-size:var(--m-t17);font-weight:800;letter-spacing:-0.02em}
  .m-sheet .alt{font-size:12.5px;color:var(--ink-3);margin:4px 0 6px}
  .m-sheet .opt{display:flex;align-items:center;gap:12px;padding:11px 0;border:none;border-top:1px solid var(--line);background:none;
    min-height:58px;width:100%;text-align:left;color:inherit;text-decoration:none;font:inherit;cursor:pointer}
  .m-sheet .opt[hidden],.m-sheet .tarif[hidden]{display:none}
  .m-sheet .opt.bilgi{cursor:default}
  .m-sheet .opt i{width:40px;height:40px;border-radius:12px;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:var(--m-t14);flex:none}
  .m-sheet .opt.on i{background:var(--grad);color:#fff}
  .m-sheet .opt b{display:block;font-size:var(--m-t15)}
  .m-sheet .opt span span{display:block;font-size:var(--m-t12);color:var(--ink-3)}
  .m-sheet .tarif{font-size:12.5px;color:var(--ink-2);background:var(--sur-2);border-radius:12px;padding:10px 12px;margin:0 0 8px;line-height:1.5}
  .m-sheet:not(.m-eylem) .grp{font-size:var(--m-t11);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 6px}
  .m-sheet .cips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .m-sheet .cips a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);
    color:var(--ink);text-decoration:none;font-weight:700;font-size:var(--m-t14)}
  .m-sheet .cips a.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 16px var(--glow)}
  /* dışa aktarma: iOS tarzı eylem sayfası (prova 10h .sheet) */
  .m-sheet.m-eylem{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;transform:translateY(130%)}
  .m-sheet.m-eylem.on{transform:none}
  .m-eylem .grp{background:color-mix(in srgb,var(--sur) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;overflow:hidden;margin-bottom:8px;box-shadow:0 -10px 30px rgba(0,0,0,.18)}
  .m-eylem .hd{padding:12px 16px 10px;text-align:center;font-size:12.5px;color:var(--ink-2);border-bottom:1px solid var(--line)}
  .m-eylem .hd b{display:block;color:var(--ink);font-size:var(--m-t14)}
  .m-eylem .opt{padding:8px 16px;min-height:60px;border-top:1px solid var(--line)}
  .m-eylem .hd+.opt{border-top:none}
  .m-eylem .opt.p i{background:var(--grad);color:#fff}
  .m-eylem .opt span span{color:var(--ink-2)}
  .m-eylem .vazgec{display:block;width:100%;min-height:56px;border:none;border-radius:18px;background:var(--sur);color:var(--acc);font:inherit;font-size:var(--m-t17);font-weight:700;cursor:pointer;box-shadow:0 -6px 20px rgba(0,0,0,.12)}

  /* Dökümlerim (prova ekran 2) */
  .m-dokum{display:block;margin:4px 0 26px}
  .m-hero{position:relative;overflow:hidden;background:var(--sur);border:1px solid var(--line);border-radius:26px;padding:20px 20px 18px;box-shadow:var(--sh)}
  .aur{position:absolute;inset:-40%;pointer-events:none;filter:blur(30px);animation:mAur 14s ease-in-out infinite alternate;
    background:radial-gradient(40% 40% at 20% 30%,var(--glow),transparent 70%),radial-gradient(35% 35% at 85% 20%,color-mix(in srgb,var(--g2) 32%,transparent),transparent 70%),radial-gradient(30% 30% at 60% 95%,color-mix(in srgb,var(--g3) 22%,transparent),transparent 70%)}
  @keyframes mAur{from{transform:rotate(0) scale(1)}to{transform:rotate(10deg) scale(1.1)}}
  .m-hero>*:not(.aur){position:relative}
  .m-hero .l{font-size:var(--m-t11);font-weight:700;letter-spacing:.1em;color:var(--ink-3)}
  .m-hero .big{font-size:var(--m-t34);font-weight:800;letter-spacing:-0.045em;line-height:1.05;margin-top:6px}
  .m-hero .big small{font-size:var(--m-t17);color:var(--ink-3);font-weight:600;margin-left:4px}
  .m-delta{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:var(--m-t12);padding:4px 10px;border-radius:999px;background:var(--up-soft);color:var(--up);margin-top:10px}
  .m-delta.down{background:var(--down-soft);color:var(--down)}
  .m-delta[hidden]{display:none}
  .m-comp{height:10px;border-radius:5px;overflow:hidden;display:flex;gap:2px;margin-top:14px}
  .m-comp i{display:block;height:100%}
  .m-leg{display:flex;gap:4px 12px;flex-wrap:wrap;margin-top:var(--m-s12);font-size:var(--m-t12);color:var(--ink-2)}
  .m-leg span{display:inline-flex;align-items:center;gap:5px}
  .m-leg i{width:7px;height:7px;border-radius:2px}
  .m-story{width:100%;border:none;text-align:left;font:inherit;cursor:pointer;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 55%),var(--grad);color:#fff;
    border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 34px var(--glow);margin-top:10px;min-height:44px}
  .m-story .ic{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:22px;flex:none}
  .m-story .t b{display:block;font-size:var(--m-t15)}
  .m-story .t span{font-size:var(--m-t12);opacity:.9}
  .m-story .go{margin-left:auto;font-size:var(--m-t22)}
  .m-sech{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 10px}
  .m-sech h3{margin:0;font-size:var(--m-t17);font-weight:800;letter-spacing:-0.02em}
  .m-sech a{font-size:var(--m-t14);color:var(--acc);font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
  .m-sech a[hidden]{display:none}
  .m-rail{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:4px 16px 10px;scroll-padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .m-rail::-webkit-scrollbar{display:none}
  .m-rail .yc{flex:none;width:200px;scroll-snap-align:start;background:var(--sur);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--sh);
    position:relative;color:var(--ink);text-decoration:none;display:block;text-align:left;font:inherit}
  .m-rail .yc.on{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft),var(--sh)}
  .m-rail .yc .y{font-size:var(--m-t22);font-weight:800;letter-spacing:-0.04em;line-height:1}
  .m-rail .yc .y small{display:block;font-size:var(--m-t12);color:var(--ink-3);font-weight:500;margin-top:4px;letter-spacing:0}
  .m-rail .yc .a{font-size:var(--m-t17);font-weight:800;margin-top:12px;letter-spacing:-0.02em}
  .m-rail .yc .d{font-size:var(--m-t12);font-weight:700;margin-top:4px;color:var(--ink-3)}
  .m-rail .yc .d.up{color:var(--up)}
  .m-rail .yc .d.down{color:var(--down)}
  .m-rail .yc .strip{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:end;height:30px;margin-top:12px}
  .m-rail .yc .strip i{display:block;border-radius:2px;background:var(--grad);min-height:3px;opacity:.85}
  .m-rail .yc .strip i.off{background:var(--sur-3);height:3px;opacity:1}
  .m-rail .yc .strip i.fut{background:repeating-linear-gradient(45deg,var(--acc-soft),var(--acc-soft) 2px,transparent 2px,transparent 5px);height:10px;opacity:1}
  .m-rail .yc.add{border-style:dashed;background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--ink-3);text-align:center;gap:6px;cursor:pointer}
  .m-rail .yc.add i{width:40px;height:40px;border-radius:50%;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;font-size:22px;font-style:normal}
  .m-rail .yc.add b{color:var(--ink)}
  .m-rail .yc.add span{font-size:var(--m-t12)}
  .m-kur{position:relative;display:flex;gap:12px;align-items:flex-start;background:var(--sur);border:1px solid var(--line);border-radius:22px;padding:16px 46px 16px 16px;box-shadow:var(--sh);margin-bottom:12px}
  .m-kur .lg{width:44px;height:44px;border-radius:13px;background:linear-gradient(160deg,rgba(255,255,255,.25),transparent 60%),var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:var(--m-t22);flex:none}
  .m-kur img.lg{background:none;border-radius:24%;display:block}   /* TA2: logo görseli */
  .m-kur .t b{display:block;font-size:var(--m-t15)}
  .m-kur .t>span{display:block;font-size:var(--m-t12);color:var(--ink-2);margin-top:2px}
  .m-kur .btn{margin-top:10px;min-height:44px}
  .m-kur .x{position:absolute;top:4px;right:4px;width:44px;height:44px;border:none;background:none;color:var(--ink-3);display:grid;place-items:center;cursor:pointer}
  .m-kur .x svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}
  .m-kur .tarif{margin:10px 0 0;padding-left:18px;font-size:var(--m-t12);color:var(--ink-2);line-height:1.6}
  .m-kur .tarif[hidden]{display:none}
  /* masaüstü Dökümlerim içeriği altta aynen; yalnız küçültme */
  #p-dokum .dhead{margin-top:6px}
  #p-dokum .ycard{padding:16px}
  /* A8: masaüstü özet kartının üst yarısı (toplam, değişim, mecra şeridi) mobil özetin (#m-dokum) tekrarı — KPI ve
     içgörü cümleleri kalır */
  body[data-mod="panelim"] #d-hero>div:not(.aurora):not(.kpis):not(.insight){display:none}

  /* yıl raporu (prova ekran 3): dönem sayfası, kısa bölümler, eylem şeridi */
  body[data-mod="panelim"] #yrs,body[data-mod="panelim"] #donem{display:none}
  body[data-mod="panelim"] .yilbar{margin-bottom:6px;justify-content:flex-end}
  .m-sel{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:var(--sur);color:var(--ink);border-radius:999px;padding:0 16px;
    font:inherit;font-size:var(--m-t14);font-weight:600;min-height:44px;margin-top:12px;cursor:pointer}
  .m-sel .dot{width:8px;height:8px;border-radius:50%;background:var(--acc)}
  .m-sel .ch{color:var(--ink-3)}
  #s3 .total{margin-top:12px;padding:var(--m-s16)}
  .card.total{gap:var(--m-s16)}
  .ktwo:not(:has(>:not(.m-gizle))){display:none}
  #yy-yuk>.btn{display:flex;margin:var(--m-s12) auto 0;width:max-content}      /* boş kıyas: düğme cümleye yapışıktı */                   /* iki kutu da gizliyse boş kap boşluk bırakmaz */
  #s3 .kpis b,#s3 .idgrid b{font-size:var(--m-t22)}
  #d-son>div>b.num{font-size:var(--m-t22) !important}   /* panelim.js satır içi 30 px */
  #s3 .card{margin-top:12px}
  #s3 .grid2{gap:12px}

  /* ---- A6 satır kalıbı (prova 10i sekme 1): 24 px sıra · ad 1fr (min-width:0) · değer auto; ad 15/700 + ESER NO rozeti,
     değer 15/800 + yüzde rozeti, meta 12,5, en altta 6 px şerit; satırın tamamı dokunulur, ≥ 56 px ---- */
  /* yıl raporu Eserler: satırın tamamı eser kartını açar (mobil.js); ▾ ve ayrı "Eser kartı" düğmesi gizli */
  #works .wl{display:block}
  #works .wl>.kart,#works .wrow .ch,#works .wrow .ms,#works .w:not(.ekd) .wrow .pc{display:none}
  #works .wrow{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"rk name am" "rk name dl" "rk meta meta" "rk bar bar";
    column-gap:10px;row-gap:4px;align-items:start;padding:12px 16px;min-height:56px}
  #works .wrow .l1{display:contents}
  #works .wrow .rk{grid-area:rk;width:auto}
  #works .wrow .nm{grid-area:name}
  #works .w:not(.ekd) .wrow .nm>small,#works .wrow .nm>.eno{display:none}
  #works .wrow .am{grid-area:am;width:auto}
  #works .wrow .delta{grid-area:dl;justify-self:end;align-self:start}
  #works .ekd .wrow .pc{display:none}
  #works .wrow .m-meta{grid-area:meta;display:flex;align-items:center;gap:8px;min-width:0}
  #works .wrow .m-meta .k{margin-left:auto;color:var(--acc);font-weight:700;white-space:nowrap}
  #works .wrow .bar{grid-area:bar;width:auto;margin:4px 0 0}
  .works .wh-r .btn{min-height:44px}
  .works .wh-r{margin-left:auto}
  /* Eser izleme (.iz): ad + ESER NO solda, yüzde rozeti ve mini grafik sağda; yıl satırı en altta tam genişlikte */
  #izle>.iz{display:grid;grid-template-columns:24px minmax(0,1fr) 46px;grid-template-areas:"rk name pct" "rk name spark" "rk yrs yrs";column-gap:10px;row-gap:6px;align-items:center;padding:12px 0;min-height:56px}
  #izle>.iz .rk{grid-area:rk;width:auto;align-self:start}
  #izle>.iz .nm{grid-area:name;align-self:start;padding-right:48px}   /* yüzde rozeti 46 px sütundan sola taşar */
  #izle>.iz .nm>small,#izle>.iz>.am{display:none}
  #izle>.iz>.delta{grid-area:pct;justify-self:end;align-self:start}
  #izle>.iz .tri{grid-area:spark;justify-self:end;align-self:end;width:46px;height:20px}
  #izle>.iz .tri i{height:var(--mh) !important}
  .m-yrs{grid-area:yrs;display:flex;gap:10px;font-size:var(--m-t12);color:var(--ink-3);white-space:nowrap;overflow:hidden;min-width:0}
  .m-yrs b{color:var(--ink-2);font-weight:600}
  .m-yrs.dar>span:not(:last-child){display:none}
  /* Yıldan yıla yükselen / düşen (.klist .it): sıra · ad (+ ESER NO, meta) · değer (+ yüzde rozeti), altta şerit */
  .klist .it{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"rk n a" "rk n yz" "rk bar bar";column-gap:10px;row-gap:4px;align-items:start;padding:12px 0;min-height:56px}
  .klist .it .m-rk{grid-area:rk}
  .klist .it .n{grid-area:n;white-space:normal;overflow:visible}
  .klist .it .n>small{margin-top:var(--m-s4)}
  .klist .it .a{grid-area:a;justify-self:end}
  .klist .it .m-yz{grid-area:yz;justify-self:end}
  .klist .it .bar{grid-area:bar;width:auto;height:6px;margin-top:4px}
  /* görünmeyen / yeni giren eserler: çiplerin yerine satır listesi (mobil.js .m-satirlar) */
  .m-satirlar{margin-top:var(--m-s8)}
  .m-satirlar>.m-sat{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:10px;align-items:start;padding:12px 0;border-top:1px solid var(--line);min-height:56px}
  .m-satirlar>.m-sat:first-child{border-top:none}
  .m-sat .ad{font-size:var(--m-t15);font-weight:700;line-height:1.3;color:var(--ink);min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
  .m-sat .ad .m-meta2{display:block;font-size:var(--m-t12);font-weight:500;color:var(--ink-3);margin-top:var(--m-s4)}
  .m-sat .v{font-size:var(--m-t15);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
  .m-satirlar>.m-daha{display:block;width:100%;min-height:44px;border:none;background:none;color:var(--acc);font:inherit;font-size:var(--m-t14);font-weight:700;text-align:left;padding:0;cursor:pointer}
  body[data-mod="panelim"] .m-acc .kmissing .chips{display:none}
  /* sıra numarası sütunu (eser, izleme, yükselen/düşen, kaynak, son dağıtım) */
  #works .wrow .rk,#izle>.iz .rk,.klist .it .m-rk,.m-sat .rk,.src .rk,.sdl .rk{font-size:var(--m-t12);font-weight:600;color:var(--ink-3);padding-top:2px;font-variant-numeric:tabular-nums}
  /* ad 15/700, değer 15/800 */
  #works .wrow .nm,#izle>.iz .nm,.klist .it .n,.src .n b,.src2 .n b,.sdl .n,.kk .h .t{font-size:var(--m-t15);font-weight:700;line-height:1.3;color:var(--ink)}
  #works .wrow .am,.klist .it .a,.src .a,.src2 .a,.sdl .a{font-size:var(--m-t15);font-weight:800;letter-spacing:-0.01em}
  .klist .it .n>small,.src .n small,.src2 .n small,.src2 .a small,.kk .h .t>small{display:block;font-size:var(--m-t12);font-weight:500;color:var(--ink-3)}
  #works .wrow .m-meta{font-size:var(--m-t12);font-weight:500;color:var(--ink-3)}
  /* kaynaklar (yıl raporu .src): sıra · simge · ad · tutar; şerit altta */
  #srcs .src{display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto;grid-template-areas:"rk ic n a" "rk ic bar bar";column-gap:10px;row-gap:6px;align-items:center;padding:12px 0;min-height:56px}
  #srcs .src .rk{grid-area:rk;width:auto;align-self:start}
  #srcs .src .ic{grid-area:ic;align-self:start}
  #srcs .src .n{grid-area:n}
  #srcs .src .a{grid-area:a;width:auto;align-self:start}
  #srcs .src .bar{grid-area:bar;display:block;width:auto;height:6px}
  /* kıyas kaynakları (.src2): simge · ad (+ a → b) · yüzde (+ fark) */
  .src2{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px;align-items:start;padding:12px 0;min-height:56px}
  .src2 .a{text-align:right}
  /* Dökümlerim son dağıtım (.sdl) */
  .sdl{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:10px;align-items:start;padding:12px 0;min-height:44px}
  .sdl .rk{width:auto}
  .sdl .n{white-space:normal;overflow:visible;overflow-wrap:anywhere}
  /* kontrol satırları (.kk .h): güven · başlık · ▾ */
  .kk .h{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"cf vh ch" "t t t";column-gap:10px;row-gap:6px;align-items:center;min-height:56px}
  .kk .h .cf{grid-area:cf}.kk .h .vh{grid-area:vh;font-size:var(--m-t12);color:var(--ink-3);white-space:nowrap}.kk .h .ch{grid-area:ch}
  .kk .h .t{grid-area:t}
  /* M0c: satırı dokunulur yapan bağlantı (mobil.js data-m-git): eser kartı / yıl raporu */
  [data-m-git]{cursor:pointer;-webkit-tap-highlight-color:transparent}
  [data-m-git]:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:12px}

  /* ---- B2 / A7: kıyas özeti (Yıldan yıla "İki yılı karşılaştır" ve yıl raporu "Geçen yıla göre") ---- */
  .kbig{background:var(--sur-2);border:1px solid var(--line);border-radius:var(--m-r-ic);padding:var(--m-s16);box-shadow:none}
  .kbig .d{font-size:var(--m-t34);font-weight:800;letter-spacing:-0.045em;line-height:1;white-space:nowrap}
  .kbig .s{font-size:var(--m-t12);color:var(--ink-3);margin-top:var(--m-s8);line-height:1.45}
  .kbig .s b{color:var(--ink-2)}
  .kbig .row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--m-s12);padding:var(--m-s12) 0;border-top:1px solid var(--line);margin-top:0;font-size:var(--m-t14)}
  .kbig .s+.row{margin-top:var(--m-s12)}
  .kbig .row:last-child{padding-bottom:0}
  .kbig .row>span{color:var(--ink-2);min-width:0}
  .kbig .row>b{font-weight:700;white-space:nowrap;text-align:right}
  .ksel{gap:var(--m-s8)}
  .ksel select{min-height:44px;font-size:var(--m-t15);font-weight:700}
  .ksel .arr{color:var(--ink-3)}
  body[data-mod="panelim"] #k-not{display:none}
  .m-knot{flex-basis:100%;font-size:var(--m-t12);color:var(--ink-3)}
  .m-knot[hidden]{display:none}

  /* ---- B3: içgörü kartı — cümle listesi (A2: satır arası 9, ince ayırıcı) ---- */
  #insight,#yy-foot,#dh-ins{display:block;padding-top:var(--m-s16)}
  #rfoot{display:block;margin-top:var(--m-s12)}
  #insight>div,#yy-foot>div,#dh-ins>div,#rfoot>div{max-width:none;margin:0;padding:9px 0;border-top:1px solid var(--line);font-size:var(--m-t14);line-height:1.45;color:var(--ink-2)}
  #insight>div:first-child,#yy-foot>div:first-child,#dh-ins>div:first-child,#rfoot>div:first-child,#rfoot>div.m-gizle+div{border-top:none;padding-top:0}
  #insight>div:last-child,#yy-foot>div:last-child,#dh-ins>div:last-child,#rfoot>div:last-child{padding-bottom:0}
  #insight b,#yy-foot b,#dh-ins b,#rfoot b{color:var(--ink)}

  /* ---- B4: yıl raporu ay çipleri (yana kayar; seçili ortaya gelir) ---- */
  .m-aylar{margin:var(--m-s16) calc(-1 * var(--m-s16)) 0;padding:2px var(--m-s16) 4px;scroll-padding:0 var(--m-s16)}
  body[data-mod="panelim"] #kesinti .net{display:none}
  body[data-mod="panelim"] #donem-not{display:none}                 /* A8: seçim dönem düğmesinde ve ay çiplerinde */              /* A8: "= Net" büyük rakamın tekrarı */
  .m-ay{min-width:52px;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.2;color:var(--ink)}
  .m-ay small{font-size:var(--m-t12);font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
  .m-ay.tumu{min-width:64px}
  .m-ay.on{background:var(--acc-soft);border-color:var(--acc);color:var(--ink)}
  .m-ay.on small{color:var(--ink-2)}
  .m-ay.yok{opacity:.45}
  body[data-mod="panelim"] #ritim .h>.muted,body[data-m-hesapsiz] #ritim .h>.muted{display:none}
  body[data-m-hesapsiz] #ritim .months{pointer-events:none}          /* TA1 B5: seçim 44 px dönem haplarında; grafik süs */
  body[data-mod="panelim"] #ritim .months{pointer-events:none;height:220px}   /* 180 px'te etiketler lejantın altına taşıyordu */

  /* ---- B5: mecra şeridi süs, süzgeç lejant çiplerinden ---- */
  body[data-mod="panelim"] #comp,body[data-m-hesapsiz] #comp{pointer-events:none}      /* TA1 B5: hesapsız raporda da */
  body[data-mod="panelim"] #comp i,body[data-m-hesapsiz] #comp i{transition:opacity .2s,width 1.1s cubic-bezier(.2,.8,.2,1)}
  body[data-mod="panelim"] #comp:has(i.sel) i:not(.sel),body[data-m-hesapsiz] #comp:has(i.sel) i:not(.sel){opacity:.25}
  body[data-mod="panelim"] #comp i.sel,body[data-m-hesapsiz] #comp i.sel{box-shadow:none}
  body[data-mod="panelim"] #clegend,body[data-m-hesapsiz] #clegend{display:none}
  .m-lej{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--m-s12)}
  .m-lej .m-cip{display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:var(--m-r-rozet);font-weight:600;color:var(--ink-2)}
  .m-lej .m-cip i{width:9px;height:9px;border-radius:3px;flex:none}
  .m-lej .m-cip span{color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}
  .m-lej .m-cip.on{background:var(--acc-soft);border-color:var(--acc);color:var(--ink)}
  .m-lej .m-cip.on span{color:var(--ink-2)}

  /* ---- B6: Profil (Hesabım) — YÖNETİCİ bölümü ve ayrı Çıkış kartı ---- */
  .m-profil{margin-top:var(--m-s12)}
  .m-profil>.m-et{margin:var(--m-s12) 2px var(--m-s8)}
  .m-liste{padding:4px var(--m-s16);margin-bottom:var(--m-s12)}
  .m-opt{display:flex;align-items:center;gap:var(--m-s12);width:100%;min-height:56px;padding:0;border:none;background:none;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
  .m-opt+.m-opt{border-top:1px solid var(--line)}
  .m-opt>i{width:38px;height:38px;border-radius:12px;background:var(--sur-2);display:grid;place-items:center;flex:none;color:var(--acc)}
  .m-opt>i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .m-opt>span{flex:1;min-width:0}
  .m-opt b{display:block;font-size:var(--m-t15);font-weight:700}
  .m-opt span span{display:block;font-size:var(--m-t12);color:var(--ink-3)}
  .m-opt .ch{flex:none;color:var(--ink-3);font-size:var(--m-t17)}
  .m-opt .m-say{flex:none;min-width:22px;padding:2px 8px;border-radius:var(--m-r-rozet);background:color-mix(in srgb,var(--down) 65%,black);color:#fff;font-size:var(--m-t12);font-weight:700;font-style:normal;text-align:center;font-variant-numeric:tabular-nums}
  .m-opt .m-say[hidden]{display:none}
  .m-opt.cikis{color:var(--down)}
  .m-opt.cikis>i{color:var(--down)}
  #p-hesap .hesap-b form{display:none}
  #p-hesap .hesap-b{justify-content:flex-start}
  .m-opt:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:12px}

  /* ---- TA1 B2: pilot şeridi (prova 10j .pilot) — üst çubuğun ALTINDA 40 px, --acc-soft zemin; nefes alan nokta + "Pilot",
     sağda "✎ Görüş" ve "Anket · 3 dk" çipleri (dokunma alanı 44 px, görünen çip 28 px), ✕ yalnız bu oturumda gizler
     (html[data-m-pilot-gizli], mobil.js). Masaüstü şeridi (.pilot) mobilde yerini buna bırakır. ---- */
  body[data-m-ust] .pilot{display:none}
  .m-pilot{display:flex;align-items:center;gap:6px;height:40px;padding:0 2px 0 16px;background:var(--acc-soft);color:var(--ink);overflow:visible}
  html[data-m-pilot-gizli] .m-pilot,.m-pilot[hidden]{display:none}
  .m-pilot .nk{position:relative;width:8px;height:8px;border-radius:50%;background:var(--acc);flex:none}
  .m-pilot .nk::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--acc);opacity:.35;animation:mNefes 2.4s ease-in-out infinite}
  @keyframes mNefes{0%,100%{transform:scale(.5);opacity:.45}50%{transform:scale(1.15);opacity:0}}
  .m-pilot>b{font-size:var(--m-t11);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-right:auto;line-height:1}
  .m-pilot>button,.m-pilot>a{min-height:44px;min-width:44px;margin:-2px 0;padding:0;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;
    font:inherit;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .m-pilot>button>span,.m-pilot>a>span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--m-r-rozet);background:var(--sur);
    border:1px solid var(--line);font-size:var(--m-t12);font-weight:700;color:var(--ink);white-space:nowrap}
  .m-pilot>.x{color:var(--ink-2)}
  .m-pilot>.x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
  .m-pilot>button:focus-visible,.m-pilot>a:focus-visible{outline:3px solid var(--acc);outline-offset:-3px;border-radius:12px}

  /* ---- TA1 B3: tekrar düğmeleri mobilde yok — eylemler üst çubukta (indirme sayfası, Yılın özeti), ＋'da ve alt çubukta:
     sayfa içi PDF / Özet görseli / Dökümlerim / "+ Döküm ekle" düğmeleri, "Tüm yıl ▾" dönem düğmesi (seçim ay çiplerinde),
     sayfa içi başlık (adı üst çubukta), Dökümlerim'deki ikinci "Yıllarınız" (yıl kartları mobil blokta). "N okuma notu"
     çipi kalır; okunmamışsa üstünde nokta (mobil.js notOkundu). ---- */
  body[data-m-ust] #ozet-btn,body[data-m-ust] #pdf-btn,body[data-m-ust] #m-sel,body[data-m-ust] .pscreen>.dhead .act,
  body[data-m-ust] .pscreen>.dhead h1,body[data-m-ust] #s3 .rp-head>div:first-child,body[data-m-ust] #p-hesap>.dhead,
  body[data-m-ust] #d-dolu>.grid2+.sech,body[data-m-ust] #ylist,body[data-m-ust] #d-dolu>.tip{display:none}
  body[data-m-ust] .pscreen>.dhead{margin-bottom:var(--m-s8)}
  body[data-m-ust] #s3 .rp-head{justify-content:flex-start;margin-bottom:var(--m-s8)}
  body[data-m-ust] #notes-btn{position:relative}
  body[data-m-ust] #notes-btn.m-okunmadi::after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--down);
    box-shadow:0 0 0 2px var(--sur)}

  /* ---- M0b denetim düzeltmeleri: dokunma alanı ≥ 44 px, yazı ≥ 11 px (bulgular docs/analizci/M0.md "M0b") ---- */
  .top .brand{min-height:44px}
  .top .tema{width:44px;height:44px}
  .btn{min-height:44px}
  .girisBtn,.prof{min-height:44px}
  .top .prof{min-width:44px;justify-content:center}
  .fld .inp{min-height:44px}
  .pilot{gap:6px 10px;padding:6px 12px}
  .pilot button,.pilot a{min-height:44px;display:inline-flex;align-items:center}
  .pilot .x{min-width:44px;justify-content:center}
  .rtab{min-height:44px}
  #rfiles .dsy button{width:44px;height:44px;margin:-11px -6px -11px 0}
  body[data-mod="panelim"] dialog.modal .x{width:44px;height:44px;top:10px;right:12px}
  .ksel select{min-height:44px}
  .seg.sm button{min-height:44px}
  .val>a.lnk,.rehber-bag a,.foot a{display:inline-flex;align-items:center;min-height:44px}
  .mo .lab{font-size:var(--m-t11)}
  

  /* ---- sarma kuralları: adlar kelime sınırından sarar; kod, tutar, yüzde, tarih bölünmez; cümle ortası kesme yok ---- */
  #works .wrow .nm,#izle>.iz .nm,.klist .it .n,.kk .h .t,.src2 .n b,.src .n b,.rtw .n b,#rfiles .dsy span,.st .nm,.mrow .nm,.rrow .l1 .ad,.m-sheet .opt b,.m-rail .yc .a,.kmissing .chips span{
    min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
  .src2 .n b,.src .n b,.rtw .n b,.rrow .l1 .ad,.rrow .l2 span:first-child,.kmissing .chips span,#rfiles .dsy span{white-space:normal;overflow:visible;text-overflow:clip}
  #rfiles .dsy{border-radius:14px}
  #works .wrow .am,#works .wrow .m-meta>span,.delta,.klist .it .n small,.klist .it .a,.src2 .a,.src2 .n small,.mrow .am,.m-sel{white-space:nowrap}
  .mrow .nm small{white-space:normal;overflow:visible;text-overflow:clip}
  .m-yrs,.m-meta,#works .wrow .am,.klist .it .a,.src2 .a,.mrow .am,.delta{font-variant-numeric:tabular-nums}
  /* eser kartı ve özet görseli: alttan kayan sayfa */
  body[data-mod="panelim"] dialog.modal.ek,body[data-mod="panelim"] dialog.modal.share{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:88vh;
    border-radius:28px 28px 0 0;padding:26px 18px calc(26px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
  body[data-mod="panelim"] dialog.modal.ek[open],body[data-mod="panelim"] dialog.modal.share[open]{animation:mYukari .35s cubic-bezier(.2,.8,.2,1)}
  body[data-mod="panelim"] dialog.modal.ek::before,body[data-mod="panelim"] dialog.modal.share::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:-12px auto 12px}
  @keyframes mYukari{from{transform:translateY(100%)}to{transform:none}}

  /* Yıldan yıla (prova ekran 4) */
  .m-seg{display:flex;gap:2px;background:var(--sur-2);padding:4px;border-radius:999px;font-size:var(--m-t12);font-weight:600;margin:14px 0 4px}
  .m-seg button{flex:1;min-height:44px;border:none;background:transparent;border-radius:999px;color:var(--ink-2);font:inherit;cursor:pointer}
  .m-seg button.on{background:var(--sur);color:var(--ink);box-shadow:var(--sh)}
  body[data-mod="panelim"] #yy-seg{display:none}
  /* A8: "Son yıl" toplamı ve rozeti, hemen altındaki son yıl sütununun tekrarı — mobilde yalnız sütunlar */
  body[data-mod="panelim"] .card.yy>.h{display:none}
  body[data-mod="panelim"] .card.yy .yrow{margin-top:0}
  .m-acc{margin-top:10px;background:var(--sur);border:1px solid var(--line);border-radius:18px;overflow:hidden}
  .m-acc>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font:inherit;font-weight:700;font-size:var(--m-t15);min-height:50px;text-align:left;border:none;background:none;color:var(--ink);cursor:pointer}
  .m-acc>button .c{font-size:var(--m-t12);color:var(--ink-3);font-weight:600;white-space:nowrap}
  .m-acc .in{display:none;padding:0 16px 12px}
  .m-acc.open .in{display:block}
  .m-acc .in>.klist>h3{display:none}
  .m-acc .in>.kmissing{background:none;padding:0;border:none}
  .m-acc .in>div>h3:first-child{display:none}                       /* başlık zaten katlanır kutunun düğmesinde */
  /* mecra kırılımı iki yıl: etiket + tutar üstte, şerit altta; mecra farkları kutu yerine satır (A6/A7) */
  .mcmp .r{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l a" "bar bar";row-gap:6px;padding:var(--m-s8) 0}
  .mcmp .r>b{grid-area:l;white-space:nowrap}
  .mcmp .r .a{grid-area:a}
  .mcmp .r .bar{grid-area:bar;height:6px}
  .mdelta{display:block;margin-top:var(--m-s8)}
  .mdelta div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "ab p";column-gap:10px;row-gap:2px;align-items:center;background:none;border-radius:0;
    padding:var(--m-s12) 0;border-top:1px solid var(--line);font-size:var(--m-t12)}
  .mdelta div>span:first-child{grid-area:n;font-size:var(--m-t15);font-weight:700}
  .mdelta div>span.num{grid-area:ab;white-space:nowrap}
  .mdelta div>b{grid-area:p;justify-self:end;font-size:var(--m-t12);font-weight:700;padding:3px 8px;border-radius:var(--m-r-rozet);background:var(--sur-2);white-space:nowrap}
  .mdelta div>b.up{background:var(--up-soft)}
  .mdelta div>b.down{background:var(--down-soft)}
  #k-sonuc .kres,#k-sonuc .ktwo{display:block}

  /* ---- TA1 B5: hesapsız ana sayfa, hesapsız rapor, rehber ve Panelim nedir (body[data-m-hesapsiz]; oturum yok → alt
     çubuk ve ＋ yok): üst çubuk 52 px, yalnız logo + sayfa adı + "Panelim'e giriş" (adımlar, mini özet ve tema düğmesi
     gizli; tema sistemi izler), sürükle-bırak alanı yerine 48 px "Dosya seç", kartlar tek sütun ---- */
  body[data-m-hesapsiz] .top{background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom-color:transparent}
  body[data-m-hesapsiz] .top-in{height:52px;padding:0 8px 0 16px;gap:10px;justify-content:flex-start}
  body[data-m-hesapsiz] .brand .n,body[data-m-hesapsiz] #steps,body[data-m-hesapsiz] #mini,body[data-m-hesapsiz] #tema{display:none}
  body[data-m-hesapsiz] .brand{min-width:44px;min-height:44px;justify-content:center;flex:none}
  body[data-m-hesapsiz] .brand .logo{width:32px;height:32px;border-radius:10px;font-size:14px}
  body[data-m-hesapsiz] .top-r{margin-left:0;flex:none}
  body[data-m-hesapsiz] .girisBtn{font-size:var(--m-t14)}
  body[data-m-hesapsiz] .drop{display:none}
  .m-dosya-sec{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;font-size:var(--m-t15);margin-bottom:var(--m-s12)}
  body[data-m-hesapsiz] .hero,body[data-m-hesapsiz] .proms,body[data-m-hesapsiz] .peek .grid,body[data-m-hesapsiz] .grid2,
  body[data-m-hesapsiz] .stage,body[data-m-hesapsiz] .total,body[data-m-hesapsiz] .phero{grid-template-columns:minmax(0,1fr)}
  body[data-m-hesapsiz] .hero h1{font-size:var(--m-t22);line-height:1.2}
  body[data-m-hesapsiz] .wrap{padding-left:16px;padding-right:16px}
  /* A1 ölçeği: "Raporunuz böyle görünür" örnek kartları ve hesapsız kıyas alanı; eser no eki rozet olur (mobil.js);
     yıllık dökümün dönem hapları 44 px */
  body[data-m-hesapsiz] .pk .l{font-size:var(--m-t11)}
  body[data-m-hesapsiz] .pk .v{font-size:var(--m-t34)}
  body[data-m-hesapsiz] .pk .bars div{font-size:var(--m-t12)}
  body[data-m-hesapsiz] .pk .list{font-size:var(--m-t14)}
  body[data-m-hesapsiz] .kdrop .t{font-size:var(--m-t15)}
  body[data-m-hesapsiz] .kdrop .s{font-size:var(--m-t12)}
  body[data-m-hesapsiz] .eno{display:none}
  body[data-m-hesapsiz] #donem button{min-height:44px}

  /* ---- B7: rehber ve hesapsız sayfalar (alt çubuk ve ＋ yok; yalnız A1–A5 + dokunma alanı) ---- */
  body[data-mod="rehber"] .r-b{flex-direction:column;gap:var(--m-s8)}
  body[data-mod="rehber"] .r-b .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;font-size:var(--m-t15)}
  body[data-mod="rehber"] .help h2 .muted{font-size:var(--m-t12) !important}       /* şablonda satır içi 13 px */
  body[data-mod="rehber"] .help>p.muted{font-size:var(--m-t14) !important}         /* şablonda satır içi 15 px */
  .cta .btn{min-height:44px}

  /* giriş (prova ekran 1): seçenekler alttan kayan sayfada; içerik aynı */
  body[data-m-giris] .wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:0}
  body[data-m-giris] main.pscreen{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-top:24px;position:relative}
  body[data-m-giris] main.pscreen::before{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:-1;filter:blur(30px);
    background:radial-gradient(40% 40% at 20% 30%,var(--glow),transparent 70%),radial-gradient(35% 35% at 85% 20%,color-mix(in srgb,var(--g2) 32%,transparent),transparent 70%)}
  body[data-m-giris] .login.card{margin:0 -16px;max-width:none;border-radius:28px 28px 0 0;border-bottom:none;padding:16px 20px calc(28px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -16px 40px rgba(0,0,0,.14);animation:mYukari .45s cubic-bezier(.2,.8,.2,1) both}
  @media (min-width:521px){body[data-m-giris] .login.card{margin:0 -24px}}
  body[data-m-giris] .login.card::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:0 auto 16px}
  body[data-m-giris] .foot{display:none}
}

/* marka ekranı: yalnız ana ekrandan açılan uygulamada (tam ekran) ve giriş ekranında. TA2: 1,4 sn — imza çizgisi 1 sn'de
   çizilir (logo-anim.svg'nin hızlı eşi, _splash_logo.html), nokta + parıltı 0,9 sn'de belirir, "Telif" ve "Analiz" sırayla */
@media (max-width:767px) and (display-mode:standalone){
  .m-splash{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;
    background:#0b0d1e;animation:mSplash .4s ease 1.4s forwards}
  .m-splash .lg{width:88px;height:88px;display:block;filter:drop-shadow(0 12px 32px rgba(109,77,242,.45))}
  .m-splash .sig{stroke-dasharray:420;stroke-dashoffset:420;animation:mCiz 1s cubic-bezier(.4,0,.2,1) .1s forwards}
  .m-splash .dot,.m-splash .spark{transform-box:fill-box;transform-origin:center;opacity:0;animation:mPop .4s cubic-bezier(.2,1.4,.4,1) .9s forwards}
  .m-splash .ad{font-size:var(--m-t22);letter-spacing:-0.02em}
  .m-splash .ad b,.m-splash .ad span{display:inline-block;opacity:0;animation:mKelime .35s ease forwards}
  .m-splash .ad b{font-weight:800;animation-delay:.55s}
  .m-splash .ad span{font-weight:400;animation-delay:.8s}
  body[data-m-giris] .login.card{animation-delay:1.6s}
  @keyframes mSplash{to{opacity:0;visibility:hidden}}
  @keyframes mCiz{to{stroke-dashoffset:0}}
  @keyframes mPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
  @keyframes mKelime{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}

@media (prefers-reduced-motion:reduce){
  .m-splash{display:none !important}
  .hk-hap .ring::before,.aur,.m-indir .f,.m-pilot .nk::after{animation:none}
  .m-indir .xls{display:none}
  .m-sheet,.m-dim{transition:none}
}