/* MTS konu sayfaları (P6): analiz-ve-raporlar · bildirim-ve-mobil · sube-yorum-analizi.
   Yalnız bilesen.css'te olmayan düzen kuralları. Renk, yazı boyu, boşluk, süre YALNIZ token.css'ten.
   Yüzde değerleri sınıfla (kd-NN: çubuk yüksekliği/genişliği, kp-NN: yıldız dolumu); satır içi style yok. */

/* ---------- ortak ---------- */
.kn{min-width:0}
.kn *{min-width:0}
.kn-giris .giris-yazi{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b-4)}
.kn-a-yazi h3,.kn-a-yazi h4{font-size:var(--y-3);line-height:1.25}
.kn-a-yazi p{margin-top:var(--b-1);font-size:var(--y-1);color:var(--metin-2)}
.kn-zaman-et{display:flex;align-items:center;gap:var(--b-2);font-size:var(--y-0);color:var(--bordo);font-weight:600}
.kn-zaman-et .ik{width:16px;height:16px;flex:none}
.kn-figur{margin:0;display:flex;flex-direction:column;gap:var(--b-3)}
.kn-figur figcaption{font-size:var(--y-1);color:var(--metin-2)}
.kn-figur figcaption b{color:var(--murekkep)}
.kn-ara-kutu{display:flex;align-items:center;gap:var(--b-2);padding:var(--b-2) var(--b-3);border:var(--c-ince);border-radius:var(--k-2);font-size:var(--y-1);color:var(--metin-2)}
.kn-ara-kutu .ik{width:18px;height:18px;flex:none}
/* mini görsel parçaları */
.kn-yatay,.kn-iki{display:flex;flex-direction:column;justify-content:center;gap:var(--b-2);height:100%}
.kn-satir{display:flex;flex-direction:column;gap:6px;width:100%}
.kn-satir i{display:block;height:6px;border-radius:var(--k-1);background:var(--cizgi-koyu)}
.kn-satir i:first-child{background:var(--bordo-orta)}
.kn-satir i.kisa{width:60%}
.analiz-grafik svg .kn-cizgi{fill:none;stroke:var(--cizgi-koyu);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.analiz-grafik svg .kn-nokta{fill:var(--bordo-orta)}
.analiz-grafik svg .kn-nokta.ilk{fill:var(--altin)}
.analiz-grafik svg .kn-dolgu{fill:var(--altin-acik);stroke:var(--altin);stroke-width:1.4}
.analiz-grafik svg .kn-bolge{fill:var(--kum-2);stroke:var(--cizgi-koyu);stroke-width:1.2}
.analiz-grafik svg .kn-pin{fill:var(--bordo)}
.kn-dil{display:flex;align-items:center;justify-content:center;gap:var(--b-3);height:100%;font-family:var(--a-kunye);font-weight:500;font-size:var(--y-1);color:var(--bordo)}
.kn-dil span{padding:2px var(--b-3);border:var(--c-ince);border-radius:var(--k-1)}
.kn-dil .ik{width:18px;height:18px}
.kn-ara{display:flex;align-items:center;gap:var(--b-2);height:100%;color:var(--metin-2)}
.kn-ara .ik{width:20px;height:20px;flex:none}
.kn-ara i{flex:1;height:8px;border-radius:var(--k-tam);background:var(--cizgi-koyu)}
.kn-kupur-mini{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;height:100%;align-content:center}
.kn-kupur-mini .baslik{grid-column:1/-1;display:block;height:8px;width:70%;background:var(--murekkep);border-radius:2px}
.kn-kupur-mini div{display:flex;flex-direction:column;gap:4px}
.kn-kupur-mini div i{display:block;height:4px;background:var(--cizgi-koyu);border-radius:2px}
.kn-bulten-mini{display:flex;align-items:center;gap:var(--b-3);height:100%;color:var(--bordo)}
.kn-bulten-mini .ik{width:28px;height:28px;flex:none}
.kn-yildiz{display:flex;align-items:center;justify-content:center;height:100%}
.kn-yildiz .yildiz{margin-top:0;font-size:var(--y-4)}
.kn-rozetler{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:var(--b-1) var(--b-2);height:100%;overflow:hidden}
.kn-ses{gap:3px}
.kn-ses i{border-radius:var(--k-tam)}

/* ---------- 1. analiz ve raporlar ---------- */
.kn-masa{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-3);align-items:end;padding:var(--b-5);border-radius:var(--k-3);background:var(--kum-2);border:var(--c-ince);min-height:260px}
.kn-masa > .ornek-et{position:absolute;left:var(--b-4);top:var(--b-3)}
.kn-belge{position:relative;display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-4) var(--b-3);background:var(--beyaz);border:var(--c-ince);border-radius:var(--k-2);box-shadow:var(--g-kart);min-height:150px}
.kn-et{align-self:flex-start;padding:2px var(--b-2);border-radius:var(--k-1);background:var(--bordo-acik);color:var(--bordo);font-family:var(--a-kunye);font-weight:500;font-size:var(--y-0)}
.kn-b-pdf{min-height:210px}
.kn-b-sayfa{min-height:180px}
.kn-b-excel{min-height:150px}
.kn-kapak{display:flex;flex-direction:column;gap:var(--b-2);padding:var(--b-3);background:var(--bordo);border-radius:var(--k-1)}
.kn-kapak i{display:block;height:5px;width:90%;border-radius:2px;background:var(--bordo-acik)}
.kn-kapak i.kisa{width:50%}
.kn-kapak b{display:block;height:12px;width:70%;border-radius:2px;background:var(--altin)}
.kn-cizgiler{display:flex;flex-direction:column;gap:6px}
.kn-cizgiler i{display:block;height:5px;border-radius:2px;background:var(--cizgi-koyu)}
.kn-cizgiler i.kisa{width:55%}
.kn-sayfa-cubuk{height:56px}
.kn-tablo{display:flex;flex-direction:column;gap:3px;border:1px solid var(--cizgi-2);border-radius:var(--k-1);padding:3px}
.kn-tablo div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.kn-tablo div i{display:block;height:10px;background:var(--kum-2);border-radius:2px}
.kn-tablo .bas-s i{background:var(--bordo-orta)}
.kn-takvim{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.kn-takvim i{display:block;aspect-ratio:1;border-radius:3px;background:var(--kum-2)}
.kn-takvim i.isl{background:var(--altin)}
.kn-one .izgara-3{align-items:stretch}
.kn-buyuk .analiz-grafik{height:120px}
.kn-aile-liste{display:flex;flex-direction:column;gap:var(--b-7)}
.kn-aile-bas{display:flex;align-items:center;gap:var(--b-4);padding-bottom:var(--b-4);border-bottom:var(--c-murekkep)}
.kn-aile-bas h3{font-size:var(--y-5);line-height:1.15}
.kn-aile-bas p{margin-top:var(--b-1);font-size:var(--y-1);color:var(--metin-2)}
.kn-a-liste{list-style:none;padding:0;margin:var(--b-5) 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-3)}
.kn-a-satir,.kn-a-gecis a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--b-4);align-items:center;padding:var(--b-3) var(--b-4);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-2)}
.kn-a-mini{height:64px;padding:var(--b-2);border:1px solid var(--cizgi-2);border-radius:var(--k-1);background:var(--beyaz);overflow:hidden}
.kn-a-mini svg{display:block;width:100%;height:100%}
.kn-a-mini .roz{font-size:var(--y-0);padding:1px var(--b-2)}
.kn-a-gecis a{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:44px;background:var(--bordo);color:var(--kagit);transition:background var(--h-kisa) var(--e-gecis)}
.kn-a-gecis a:hover{background:var(--bordo-koyu)}
.kn-a-gecis b{display:block;font-size:var(--y-2)}
.kn-a-gecis span{display:block;margin-top:2px;font-size:var(--y-1);color:var(--bordo-acik)}
.kn-a-gecis .ik{grid-column:2;grid-row:1/span 2;width:24px;height:24px}
@media (min-width:768px){.kn-a-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.kn-a-satir{grid-template-columns:72px minmax(0,1fr);gap:var(--b-3);padding:var(--b-3)}.kn-a-mini{height:56px}}
.kn-rapor-kart{display:flex;flex-direction:column;gap:var(--b-4);padding:var(--b-4);background:var(--kum);border:var(--c-ince);border-radius:var(--k-3)}
.kn-belge-yuva{display:flex;justify-content:center;padding:var(--b-4);background:var(--kum-2);border-radius:var(--k-2)}
.kn-belge-yuva .kn-belge{width:min(100%,220px);min-height:170px}
@media (max-width:599px){.kn-rapor-kart{flex-direction:row;align-items:center}.kn-belge-yuva{flex:0 0 120px;padding:var(--b-2)}.kn-belge-yuva .kn-belge{min-height:110px;padding:var(--b-2);gap:var(--b-2)}.kn-belge-yuva .kn-kapak{padding:var(--b-2)}}
.kn-serit{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-3)}
.kn-serit a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--b-3);align-items:center;min-height:56px;padding:var(--b-3) var(--b-4);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-2);transition:border-color var(--h-kisa) var(--e-gecis),background var(--h-kisa) var(--e-gecis)}
.kn-serit a:hover{border-color:var(--bordo);background:var(--bordo-acik)}
.kn-serit b{font-size:var(--y-2)}
.kn-serit .ik{width:20px;height:20px;color:var(--bordo)}
.kn-serit .alan-ikon{width:40px;height:40px}
@media (min-width:1100px){.kn-serit{grid-template-columns:repeat(5,minmax(0,1fr))}.kn-serit a{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:space-between;min-height:120px}.kn-serit .alan-ikon{grid-column:1;grid-row:1}.kn-serit b{grid-column:1/-1;grid-row:2}.kn-serit a > .ik{grid-column:2;grid-row:1}}
.kn-hafta{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--b-3)}
.kn-hafta li{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:var(--b-3);align-items:center;font-size:var(--y-1)}
.kn-hafta-not{display:flex;flex-direction:column;gap:2px;padding:var(--b-3);border-left:3px solid var(--altin);background:var(--kum);font-size:var(--y-1)}

/* ---------- 2. bildirim ve mobil ---------- */
.kn-tel-sahne{display:flex;justify-content:center;padding:var(--b-5) 0}
.kn-tel-et{display:flex;justify-content:center;margin-top:var(--b-3)}
.kn-bento{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-4)}
.kn-b-kart{display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-5);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3)}
.kn-b-kart h3{font-size:var(--y-3)}
.kn-b-kart p{font-size:var(--y-1);color:var(--metin-2)}
@media (min-width:600px){.kn-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-gen{grid-column:span 2}}
@media (min-width:1024px){.kn-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b-5)}}
.kn-kanal{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-4)}
.kn-kanal li{display:flex;flex-direction:column;gap:var(--b-3);padding:var(--b-5);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3)}
.kn-kanal h3{font-size:var(--y-3)}
.kn-kanal p{font-size:var(--y-1);color:var(--metin-2)}
@media (min-width:768px){.kn-kanal-2,.kn-kanal-4{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-kanal-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.kn-kanal-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kn-ana-ekran{display:flex;align-items:center;gap:var(--b-5);padding:var(--b-5);border:var(--c-ince);border-radius:var(--k-3);background:var(--kagit)}
.kn-ana-ekran img{flex:none;width:56px;height:auto}
.kn-ana-ekran h3{font-size:var(--y-3)}
.kn-ana-ekran p{font-size:var(--y-1);color:var(--metin-2)}
.kn-zaman{list-style:none;padding:0 0 0 var(--b-5);position:relative;display:flex;flex-direction:column;gap:var(--b-5);border-left:2px solid var(--cizgi-koyu)}
.kn-zaman li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--b-1) var(--b-4);align-items:center}
.kn-zaman li::before{content:"";position:absolute;left:calc(-1 * var(--b-5) - 7px);top:var(--b-4);width:12px;height:12px;border-radius:50%;background:var(--altin);border:2px solid var(--kagit)}
.kn-zaman .kn-saat{grid-column:1/-1;font-family:var(--a-kunye);font-weight:500;font-size:var(--y-2);color:var(--bordo)}
.kn-zaman .alan-ikon{width:40px;height:40px;grid-row:span 2}
.kn-zaman h3{font-size:var(--y-3)}
.kn-zaman p{font-size:var(--y-1);color:var(--metin-2)}
@media (min-width:768px){.kn-zaman{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-6) var(--b-5);padding:var(--b-5) 0 0;border-left:0;border-top:2px solid var(--cizgi-koyu)}.kn-zaman li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--b-2)}.kn-zaman li::before{left:0;top:calc(-1 * var(--b-5) - 7px)}}
@media (min-width:1200px){.kn-zaman{grid-template-columns:repeat(6,minmax(0,1fr))}}
.kn-yuva-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-6);align-items:center}
.kn-ayar{align-self:center}
@media (min-width:1024px){.kn-yuva-izgara{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--b-8)}}

/* ---------- 3. şube ve bayi yorum analizi ---------- */
.kn-sube-sahne{position:relative;display:flex;flex-direction:column;gap:var(--b-4);padding:var(--b-5);background:var(--kum-2);border:var(--c-ince);border-radius:var(--k-3)}
.kn-sube-sahne > .ornek-et{align-self:flex-start}
.kn-harita-kart{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-4);padding:var(--b-4);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3);box-shadow:var(--g-kart)}
.kn-harita{display:block;width:100%;height:auto}
.kn-bolge{fill:var(--kum-2);stroke:var(--cizgi-koyu);stroke-width:1.5;stroke-linejoin:round}
.kn-bolge-cizgi{fill:none;stroke:var(--cizgi);stroke-width:1}
.kn-igne{color:var(--bordo)}
.kn-igne path{fill:currentColor}
.kn-p-orta{color:var(--altin-2)}
.kn-p-dusuk{color:var(--hata)}
.kn-harita-kart .sube-liste{align-self:center}
.kn-balonlar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-3)}
.kn-balon{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--b-3) var(--b-4);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3) var(--k-3) var(--k-3) 2px;font-size:var(--y-1)}
.kn-balon span{font-size:var(--y-0);color:var(--metin-3)}
.kn-balon-2{border-radius:var(--k-3) var(--k-3) 2px var(--k-3)}
@media (min-width:600px){.kn-balonlar{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-harita-kart{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}}
@media (min-width:1024px){.kn-harita-kart{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1280px){.kn-harita-kart{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.kn-s-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-4)}
@media (min-width:600px){.kn-s-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.kn-s-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b-5)}}
.kn-a-et{font-family:var(--a-kunye);font-weight:500;font-size:var(--y-0);letter-spacing:var(--ha-etiket);text-transform:uppercase;color:var(--bordo)}
.kn-form-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-7);align-items:start}
.kn-form-not{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--b-3);margin-top:var(--b-3)}
.kn-form-not li{display:flex;align-items:flex-start;gap:var(--b-3);font-size:var(--y-2)}
.kn-form-not .ik{width:20px;height:20px;flex:none;margin-top:2px;color:var(--bordo)}
.kn-form-kart{padding:var(--b-5)}
.kn-form-cift{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-4)}
.kn-form .tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kn-form .form-durum{min-height:1.4em;font-size:var(--y-1);color:var(--metin-2)}
.kn-form .form-durum:empty,.kn-form [data-durum]:empty{display:none;min-height:0}
.kn-form [data-durum]:not(:empty){color:var(--yesil);font-weight:600}
.kn-form [data-durum].hata{color:var(--hata);font-weight:600}
@media (min-width:600px){.kn-form-cift{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.kn-form-izgara{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--b-8)}}
.kn-s-form{scroll-margin-top:var(--b-8)}

/* ---------- yüzde yardımcıları (kd: çubuk, kp: yıldız) ---------- */
.kd-5{--deger:5%}
.kd-10{--deger:10%}
.kd-15{--deger:15%}
.kd-20{--deger:20%}
.kd-25{--deger:25%}
.kd-30{--deger:30%}
.kd-35{--deger:35%}
.kd-40{--deger:40%}
.kd-45{--deger:45%}
.kd-50{--deger:50%}
.kd-55{--deger:55%}
.kd-60{--deger:60%}
.kd-65{--deger:65%}
.kd-70{--deger:70%}
.kd-75{--deger:75%}
.kd-80{--deger:80%}
.kd-85{--deger:85%}
.kd-90{--deger:90%}
.kd-95{--deger:95%}
.kd-100{--deger:100%}
.yildiz.kp-6{--p:6%}
.yildiz.kp-8{--p:8%}
.yildiz.kp-10{--p:10%}
.yildiz.kp-12{--p:12%}
.yildiz.kp-14{--p:14%}
.yildiz.kp-16{--p:16%}
.yildiz.kp-18{--p:18%}
.yildiz.kp-20{--p:20%}
.yildiz.kp-22{--p:22%}
.yildiz.kp-24{--p:24%}
.yildiz.kp-26{--p:26%}
.yildiz.kp-28{--p:28%}
.yildiz.kp-30{--p:30%}
.yildiz.kp-32{--p:32%}
.yildiz.kp-34{--p:34%}
.yildiz.kp-36{--p:36%}
.yildiz.kp-38{--p:38%}
.yildiz.kp-40{--p:40%}
.yildiz.kp-42{--p:42%}
.yildiz.kp-44{--p:44%}
.yildiz.kp-46{--p:46%}
.yildiz.kp-48{--p:48%}
.yildiz.kp-50{--p:50%}
.yildiz.kp-52{--p:52%}
.yildiz.kp-54{--p:54%}
.yildiz.kp-56{--p:56%}
.yildiz.kp-58{--p:58%}
.yildiz.kp-60{--p:60%}
.yildiz.kp-62{--p:62%}
.yildiz.kp-64{--p:64%}
.yildiz.kp-66{--p:66%}
.yildiz.kp-68{--p:68%}
.yildiz.kp-70{--p:70%}
.yildiz.kp-72{--p:72%}
.yildiz.kp-74{--p:74%}
.yildiz.kp-76{--p:76%}
.yildiz.kp-78{--p:78%}
.yildiz.kp-80{--p:80%}
.yildiz.kp-82{--p:82%}
.yildiz.kp-84{--p:84%}
.yildiz.kp-86{--p:86%}
.yildiz.kp-88{--p:88%}
.yildiz.kp-90{--p:90%}
.yildiz.kp-92{--p:92%}
.yildiz.kp-94{--p:94%}
.yildiz.kp-96{--p:96%}
.yildiz.kp-98{--p:98%}
.yildiz.kp-100{--p:100%}

/* ---------- telefon (<=599px): sıkı liste; 768px ve üstü değişmez ---------- */
@media (max-width:599px){
  .bolum{padding-block:var(--b-6)}
  .bolum-gov{margin-top:var(--b-4)}
  .kapanis{padding-block:var(--b-5)}
  .kn-aile-liste{gap:var(--b-4)}
  .kn-aile-bas{gap:var(--b-3);padding-bottom:var(--b-3)}
  .kn-aile-bas h3{font-size:var(--y-4)}
  .kn-aile-bas p{display:none}
  .kn-a-liste{margin-top:var(--b-2);gap:var(--b-1)}
  .kn-a-satir{grid-template-columns:minmax(0,1fr);gap:0;padding:var(--b-1) var(--b-3)}
  .kn-a-satir .kn-a-mini{display:none}
  .kn-a-satir h4{font-size:var(--y-1)}
  .kn-a-satir p{font-size:var(--y-0);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .kn-buyuk .analiz-grafik{height:72px}
  .kn-one .analiz{padding:var(--b-3);gap:var(--b-2)}
  .kn-rapor .izgara-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-2)}
  .kn-rapor-kart{flex-direction:column;align-items:stretch;padding:var(--b-3);gap:var(--b-2)}
  .kn-rapor-kart .kn-belge-yuva{display:none}
  .kn-yuva .kn-figur:nth-child(n+2){display:none}
  .kn-serit a{min-height:48px;padding:var(--b-2) var(--b-3)}
  .kn-alan .alan-kart{padding:var(--b-3)}
  .kn-alan .alan-kart p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .kn-giris .kn-masa{display:none}
}