/* Uygulama CSS'i — 29 Eyl 2026'da index.html içinden taşındı (performans denetimi B7: HTML ayrıştırması hafifler,
   SW diferansiyel kurulumu yalnız CSS değişince yalnız bunu indirir). Sayfaya özel küçük <style> blokları index.html'de. */
:root{
  /* --- referans tasarım tokenları --- */
  /* RAY dili (12 Eyl 2026, kullanıcı seçimi C + kiremit): sıcak-gri zemin, beyaz kart,
     hairline çizgi, DM Sans. Eski kiremit/krem paleti (#EFEAE4 zemin, Bricolage) kalktı. */
  --ink:#1B1A19; --ink2:#5E5A56; --ink3:#918B85;
  --bg:#F5F4F2; --card:#FFFFFF; --line:#E7E4E0; --line2:#D9D4CE;
  --accent:#C4452C; --accent-soft:#FBEDE9;
  --brick:#C4452C; --brick-deep:#8E2F1F;
  --ochre:#DDA13C; --teal:#2F6E6B; --plum:#6B3F73;
  --sb-1:#2A100C; --sb-2:#4B1710;
  --ok:#1F9D67; --ok-bg:#E4F6EE;
  --no:#B03D26; --no-bg:#FBEDE9;
  --cond:#8A6212; --cond-bg:#FBF1DF;
  --empty:#B5AFA8;
  /* durum tint'leri (15 Eyl 2026): rozet/pil/uyarı kutularının eski literal renkleri — açıkta birebir,
     koyu temada html[data-tema=koyu] bloğunda saydam tona döner. Yeni rozet yazarken BUNLARI kullan. */
  --st-no-bg:#FDECEE; --st-no-line:#F5C2C7; --st-no:#B3232F;
  --st-ok-bg:#E6F6EC; --st-ok-line:#BFE6CC; --st-ok:#1D7A44; --st-ok2:#0D8A4F;
  --st-warn-bg:#FFF4E5; --st-warn-line:#FFE0B2; --st-warn:#B26A00;
  --st-info-bg:#E8F1FA; --st-info-line:#BFD9EE; --st-info:#1D4ED8;
  /* K-38 (29 Eyl 2026): literal pastel tint'lerin token karşılıkları — teal (kabul/karşılandı), mor (gönderildi), pembe/mavi (cinsiyet çipi) */
  --st-teal-bg:#E4F1F0; --st-teal-line:#B4D6D4; --st-teal:#245A57;
  --st-mor-bg:#F1EAF3; --st-mor:#6B3F73;
  --st-pembe-bg:#FFE3F4; --st-pembe-line:#ff5ac4; --st-pembe:#B8277E;
  --st-mavi-bg:#E3EEFF; --st-mavi-line:#3d8bfd; --st-mavi:#1F5FC4;
  /* odak halkası (K-39): klavye odağı tek görünüm */
  --focus-ring:var(--accent);
  /* BAĞLANTI RENGİ (19 Eyl 2026): metin/hücre içi tüm <a> tek tokendan — :visited/:active/:focus aynı mavi, hover yalnız alt çizgi.
     Koyu tema html[data-tema=koyu] bloğunda açık mavi. Buton/sekme/menü (.btn .tab .rayb …) class özgüllüğüyle kendi rengini korur. */
  --color-link:#2563EB; --color-link-koyu:#8FB4FF;
  /* radius ölçeği (RAY): kart 12 · iç eleman 10 · buton/pill 8 · durum 99 */
  --r-lg:12px; --r-md:10px; --r-sm:8px; --r:8px;
  --shadow:none;
  /* tipografi */
  --f-display:"DM Sans","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-ui:"DM Sans","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f-ui);background:var(--bg);color:var(--ink);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
/* ---- BAĞLANTILAR (tek nokta, 19 Eyl 2026): element özgüllüğü — .btn/.tab/.rayb gibi sınıflı öğeler ezer ---- */
a{color:var(--color-link);text-decoration:none}
a:visited,a:active,a:focus{color:var(--color-link)}
a:hover{color:var(--color-link);text-decoration:underline;text-underline-offset:2px}
a.btn,a.tab,a.rayb,a.addbtn,a.chip,a.ashbtn{text-decoration:none}
/* bağlantı görünümlü metin düğmesi (29 Eyl 2026): renk yalnız --color-link — --accent/literal mavi YAZMA */
.lnkbtn{background:none;border:0;padding:0;font:inherit;color:var(--color-link);cursor:pointer} .lnkbtn:hover{text-decoration:underline;text-underline-offset:2px}
/* ---- K-41 IK() ikonları (29 Eyl 2026): metin akışında satır ortasına oturur; flex içinde küçülmez. Sayfa kuralları (özgüllük ≥ 0,1,1, sonra) ezer. ---- */
svg.ik{vertical-align:-.16em;flex:0 0 auto}
/* ---- K-40 ORTAK KAPAT DÜĞMESİ (29 Eyl 2026): pencere/çekmece/popover ✕'i TEK görünüm. Markup:
   <button class="kapatbtn" aria-label="Kapat">✕</button> (+ sayfanın data-*kapat* tetiği). Konum bağlama göre (.cekkapat/.ivp-kapat/.kpt
   yalnız position yazar). Renkli zemin üstünde `.kapatbtn.ters`. Masaüstü 32px, dokunmatik/mobil 44px. Yeni ✕ stili YAZMA. ---- */
button.kapatbtn{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink2);font:500 15px/1 var(--f-ui);cursor:pointer;box-shadow:none}
button.kapatbtn:hover{background:var(--bg);color:var(--ink);border-color:var(--line2)}
button.kapatbtn.ters{background:rgba(255,255,255,.18);border-color:transparent;color:#fff}
button.kapatbtn.ters:hover{background:rgba(255,255,255,.32);color:#fff}
@media (max-width:768px),(hover:none){ button.kapatbtn{width:44px;height:44px;min-width:44px;min-height:44px;font-size:17px} }
button.kapatbtn[data-kstatik]{position:static}   /* pencere başlığı akışında (78 anket pencereleri) */
button.kapatbtn.dypopkapat{background:rgba(0,0,0,.45);color:#fff}
/* ---- K-39 ODAK HALKASI (29 Eyl 2026): klavye odağı uygulama genelinde TEK görünüm (token --focus-ring).
   :where → özgüllük 0: sayfa kuralı kendi odak göstergesini (border/box-shadow) yazmışsa o kazanır.
   `outline:none` yazıyorsan AYNI kuralda ya da kapta (:focus-within / :has(:focus)) yerine bir gösterge koy. ---- */
:where(button,a,summary,[tabindex]:not([tabindex="-1"]),[role=button],input[type=checkbox],input[type=radio],input[type=range],input[type=color]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
:where(input,select,textarea,[contenteditable=""],[contenteditable=true]):focus-visible{outline:2px solid color-mix(in srgb,var(--focus-ring) 60%,transparent);outline-offset:1px}

/* ---------- giriş ekranı ---------- */
#gate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;
  overflow:hidden;background:linear-gradient(160deg,var(--sb-1) 0%,var(--sb-2) 100%)}
#gate .isik{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
#gate .i1{width:540px;height:540px;background:var(--brick);opacity:.34;top:-210px;left:-150px}
#gate .i2{width:440px;height:440px;background:var(--brick-deep);opacity:.40;bottom:-190px;right:-120px}
#gate .sut{position:relative;width:100%;max-width:404px;display:flex;flex-direction:column;align-items:center}
#gate .mark{margin-bottom:28px}
#gate .mark img{height:23px;display:block}
#gate .box{width:100%;padding:36px 34px 32px;border-radius:24px;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 26px 60px rgba(16,5,3,.34)}
#gate h2{font-family:var(--f-display);font-size:25px;font-weight:700;letter-spacing:-.025em;color:#fff;margin-bottom:6px}
#gate p{color:rgba(244,231,226,.6);font-size:13.5px;margin-bottom:26px;line-height:1.5}
#gate label{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(244,231,226,.5);margin:0 0 7px}
#gate input{width:100%;height:46px;padding:0 14px;border-radius:11px;font-family:inherit;font-size:14.5px;
  margin-bottom:15px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
#gate input::placeholder{color:rgba(244,231,226,.32)}
#gate input:focus{outline:none;border-color:rgba(196,69,44,.9);background:rgba(255,255,255,.09)}
#gate button{width:100%;height:48px;margin-top:6px;background:var(--brick);color:#fff;border:0;border-radius:11px;
  padding:0;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}
#gate button:hover{background:#B23D26}
#gate .err{color:#FFB4A2;font-size:12.5px;font-weight:600;margin-bottom:12px;display:none}
#gate .dip{margin-top:22px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(244,231,226,.28)}

/* ---------- uygulama ---------- */
#app{display:none}
#app.acik{display:grid;grid-template-columns:58px 232px 1fr;min-height:100vh;min-height:100dvh;
  background:var(--bg)}
/* ---------- İKON RAYI (RAY kabuğu, 12 Eyl 2026) — yalnız görsel kısayol; düğmeler data-tab
   TAŞIMAZ (girisYap/sekmeGoster döngüleri onları görmez), tıklayınca sekmeGoster çağrılır;
   aktiflik ve görünürlük sidebar sekmelerinden MutationObserver ile aynalanır (24_kabuk_ray.js) */
#sbRay{position:sticky;top:0;height:100vh;height:100dvh;background:#FBFAF9;border-right:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 12px}
#sbRay .raylogo{width:34px;height:34px;border-radius:9px;background:url(/icons/bekle.png) center/contain no-repeat;display:block;
  margin-bottom:12px;border:0;cursor:pointer;padding:0}   /* 2 Eki 2026: "S" kutusu yerine sisteme özel ikon */
#sbRay .rayb{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;border:1px solid transparent;
  background:none;color:var(--ink3);cursor:pointer;padding:0}
#sbRay .rayb svg{width:17px;height:17px}
#sbRay .rayb:hover{background:var(--card);color:var(--ink)}
#sbRay .rayb.on{background:var(--accent-soft);color:var(--accent);border-color:#F1CFC6}
#sbRay .rayalt{margin-top:auto}

/* ---------- SIDEBAR ---------- */
.sb{padding:14px 12px 14px;display:flex;flex-direction:column;gap:14px;color:var(--ink);min-width:0;
  position:sticky;top:0;height:100vh;height:100dvh;overflow:auto;background:var(--card);border-right:1px solid var(--line)}
.sb-top{display:flex;align-items:center;padding:0 4px}
.sb .mark{background:transparent;border-radius:9px}
.sb .mark img{height:16px;display:block;filter:invert(1) brightness(.15)}   /* LOGO_BEYAZ açık zeminde siyaha */
.sb-search{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;border-radius:9px;
  background:var(--bg);border:1px solid var(--line);color:var(--ink3);
  font-size:12.5px;cursor:pointer;flex:none}
.sb-search svg{flex:none;opacity:.7}
.sb-search:hover{border-color:var(--line2);color:var(--ink2)}

.tabs{display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--line);padding-top:6px}
/* grup başlıkları (24_kabuk_ray.js ekler — yalnız görsel; sekme düğmeleri/ id'ler aynen) */
.sb-grp{font-size:12.5px;font-weight:600;color:var(--accent);padding:12px 10px 5px;display:flex;align-items:center;user-select:none}
.sb-grp::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.5px solid var(--ink3);border-bottom:1.5px solid var(--ink3);transform:rotate(-135deg);opacity:.7}
.tab{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:8px;border:1px solid transparent;text-decoration:none;box-sizing:border-box;
  background:transparent;color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:500;   /* 19 Eyl 2026 (kullanıcı): sayfa başlıkları siyah (--ink), klasörler kiremit (--accent) */
  cursor:pointer;text-align:left;width:100%;transition:background .15s,color .15s}
.tab:hover{background:var(--bg);color:var(--ink)}
/* 19 Eyl 2026 (kullanıcı ekran görüntüsü): sekme bir <a> — genel a:visited/a:hover/a:focus (0,1,1) .tab'ı (0,1,0) eziyor, ziyaret edilen sayfalar mavi görünüyordu */
aside.sb a.tab,aside.sb a.tab:visited,aside.sb a.tab:hover,aside.sb a.tab:focus,aside.sb a.tab:active{color:var(--ink);text-decoration:none}
.tab.active{background:var(--bg);border-color:var(--line2);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(27,26,25,.05)}
.tab.active .ic{color:var(--accent);opacity:1}
.tab .ic{width:16px;height:16px;flex:none;opacity:.75}
.tab .tl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab .n{margin-left:auto;font-family:var(--f-ui);font-size:10.5px;font-weight:700;
  padding:2px 7px;border-radius:99px;background:var(--accent-soft);color:var(--accent);flex:none}

.sb-label{font-family:var(--f-ui);font-size:10.5px;letter-spacing:.08em;font-weight:600;
  color:var(--ink3);padding:0 10px 8px;text-transform:uppercase}
.brands{display:flex;flex-direction:column;gap:1px}
.brands button{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;border:0;
  background:transparent;color:var(--ink2);font-family:inherit;font-size:13px;font-weight:500;
  cursor:pointer;text-align:left;width:100%}
.brands button:hover{background:var(--bg)}
.brands .bm{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;
  font-size:10px;font-weight:700;color:#fff;letter-spacing:.02em;font-family:var(--f-mono)}
.brands .bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brands .meta{margin-left:auto;font-family:var(--f-ui);font-size:10.5px;color:var(--ink3);flex:none}

.who{display:flex;align-items:center;gap:10px;padding-top:12px;margin-top:auto;
  border-top:1px solid var(--line)}
.who .av{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;
  font-size:11.5px;font-weight:700;color:var(--accent);flex:none;font-family:var(--f-ui)}
.who .wt{min-width:0}
.who b{font-size:13px;color:var(--ink);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who .rol{font-size:11px;color:var(--ink3);font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who button{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;
  font-family:inherit;font-size:12px;text-decoration:underline;flex:none}
.who button:hover{color:var(--ink)}

/* ---------- ANA PANEL ---------- */
main{background:var(--bg);border-radius:0;padding:18px 24px 120px;min-width:0;overflow:hidden}
/* üst bar (RAY): beyaz şerit — selamlama solda, tarih sağda */
.hello{display:flex;align-items:center;gap:12px;margin-bottom:16px;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:9px 14px}
.hello .av{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
  display:grid;place-items:center;font-weight:700;font-size:11.5px;flex:none;font-family:var(--f-ui)}
.hello h1{font-family:var(--f-display);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.hello .mbaslik{display:none}
.hello .today{margin-left:auto;font-family:var(--f-ui);font-size:11.5px;font-weight:500;color:var(--ink3);
  background:var(--bg);border:1px solid var(--line);padding:6px 11px;border-radius:8px;white-space:nowrap}

/* ---- filtre bar ---- */
.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.search{flex:1;min-width:220px;max-width:340px;position:relative}
.search input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:13.5px;font-family:inherit;background:var(--card)}
.search input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink3)}
/* 02 aramaGorunumKur girdiyi .aramakutu'ya sarınca .search'ün kendi büyüteci ikinci kez
   (1 px kaymayla) görünüyordu ve sarmalayıcı 180 px'e daralıp placeholder'ı kesiyordu (#q #aq #itemQ). */
.search:has(> .aramakutu) > svg{display:none}
.search > .aramakutu{display:flex;width:100%}
select{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-family:inherit;font-size:13px;font-weight:500;color:var(--ink2)}
/* çoklu-seçim açılır menü (kategori filtresi) */
.multi{position:relative}
.multibtn{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-family:inherit;font-size:13px;font-weight:500;color:var(--ink2);cursor:pointer;white-space:nowrap}
.multibtn .car{color:var(--ink3);font-size:11px}
.multibtn.on{border-color:var(--accent);color:var(--accent)}
.multipanel{position:absolute;top:calc(100% + 6px);left:0;z-index:70;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 8px 24px rgba(20,22,28,.12);padding:6px;min-width:230px;max-height:320px;overflow:auto}
.multipanel[hidden]{display:none}
.multipanel .mtop{display:flex;justify-content:space-between;align-items:center;padding:4px 9px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.multipanel .mtop span{font-size:11px;color:var(--ink3);font-weight:600;letter-spacing:.04em}
.multipanel .mclear{border:0;background:none;color:var(--accent);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.multipanel .mitem{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink)}
.multipanel .mitem:hover{background:var(--bg)}
.multipanel .mitem input{width:auto;cursor:pointer;margin:0}
.multipanel .mempty{padding:10px 9px;font-size:12.5px;color:var(--ink3)}
#infPanel{min-width:280px}
#infPanel .mgrup{margin-bottom:2px}
#infPanel .mgrupbaslik{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--ink2);background:var(--bg);margin:6px 0 2px}
#infPanel .mgrupbaslik input{width:auto;cursor:pointer;margin:0}
#infPanel .mgrupbaslik b{font-weight:700;color:var(--ink)}
#infPanel .mgrupsay{color:var(--ink3);font-size:11px;font-weight:500}
#infPanel .mitem{padding-left:22px}
#infPanel .cnt2{margin-left:auto;color:var(--ink3);font-size:11px;font-weight:500}
.star{color:#e0a400}
/* Katalog: grup chip'leri yan yana + üye paneli */
.grupchips{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.gselchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:7px 15px;font-weight:600;font-size:13px;cursor:pointer;color:var(--ink2);font-family:inherit;transition:all .15s}
.gselchip:hover{border-color:var(--ink3)}
.gselchip.acik{background:var(--ink);border-color:var(--ink);color:var(--card)}
.gselchip.dolu{border-color:var(--accent);color:var(--accent)}
.gselchip.acik.dolu{color:#fff}
.gselchip .gselsay{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:1px 6px;font-weight:700}
.gselchip.acik .gselsay{background:var(--card);color:var(--ink)}
.gselchip.temizle{color:var(--no);border-style:dashed}
.sevlbl{font-size:12px;color:var(--ink3);font-weight:600;margin-right:2px}
.sevchip{border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:5px 13px;font-weight:600;font-size:12.5px;cursor:pointer;color:var(--ink2);font-family:inherit;transition:all .15s}
.sevchip:hover{border-color:var(--ink3)}
.sevchip.acik{background:var(--brick);border-color:var(--brick);color:#fff}
.sevrozet{background:var(--bg);border:1px solid var(--line2);color:var(--ink2);border-radius:5px;padding:1px 7px;font-size:10.5px;font-weight:600}
th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
th.sortable:hover{color:var(--accent)}
th.sortable.aktif{color:var(--accent)}
.sok{font-size:9px}
.uyepanel{background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 6px 18px rgba(20,22,28,.08);padding:8px;margin-top:2px;max-height:340px;overflow:auto}
.uyepanel[hidden]{display:none}
.uyebar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.uyeall{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.uyeall input{width:auto;cursor:pointer;margin:0}
.uyegrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:5px}
.uyeitem2{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:9px;cursor:pointer;color:var(--ink);border:1px solid transparent}
.uyeitem2:hover{background:var(--bg)}
.uyeitem2:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.uyeitem2 input{width:auto;cursor:pointer;margin:2px 0 0}
.uyeinfo{min-width:0;display:flex;flex-direction:column;gap:2px}
.uyeust{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:600}
.uyeust .uyead{font-weight:600}
.uyesay{color:var(--ink3);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}
/* Admin: grup kartı */
.gchip{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600;margin:1px 0}
.grpmini{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);background:var(--card);border-radius:7px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap}
.grpmini:hover{border-color:var(--ink3)}
.grpmini.bos{color:var(--ink3);font-weight:500}
.grpmini .cnt{background:var(--accent);color:#fff;border-radius:999px;font-size:10.5px;padding:0 6px;font-weight:700}
.grpmini .car{color:var(--ink3);font-size:10px}
.grppop{position:fixed;z-index:200;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:0 10px 28px rgba(20,22,28,.16);padding:6px;width:230px;max-height:280px;overflow:auto}
.grppop[hidden]{display:none}
.grppop .ttl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);padding:4px 7px 6px}
.grppop label{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:7px;cursor:pointer;font-size:12.5px;color:var(--ink)}
.grppop label:hover{background:var(--bg)}
.grppop label input{width:auto;margin:0;cursor:pointer}
.grppop .none{color:var(--ink3);font-size:12px;padding:6px 7px}
/* Influencer belgeleri */
.belgemini{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);background:var(--card);border-radius:7px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap}
.belgemini:hover{border-color:var(--ink3)}
.belgemini.bos{color:var(--ink3);font-weight:500}
.belgepop{position:fixed;z-index:200;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:0 10px 28px rgba(20,22,28,.16);padding:8px;width:300px;max-height:320px;overflow:auto}
.belgepop[hidden]{display:none}
.belgepop .ttl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);padding:2px 4px 8px}
.belgerow{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:7px;border-bottom:1px solid var(--line)}
.belgerow:hover{background:var(--bg)}
.belgerow .bad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;color:var(--ink)}
.belgerow .bsz{font-size:10.5px;color:var(--ink3);white-space:nowrap}
.belgerow a.bdl{font-size:14px;cursor:pointer}
.belgerow .brm{border:0;background:none;color:var(--no);cursor:pointer;font-size:13px;padding:0 2px;font-family:inherit}
.belgepop .none{color:var(--ink3);font-size:12px;padding:6px 6px 10px}
.belgeup{display:flex;align-items:center;gap:8px;margin-top:8px}
.belgeup .btn{flex:1;justify-content:center}
.belgeup .durum{font-size:11px;color:var(--ink3)}
.belgerow a.bdl svg{vertical-align:-2px}
/* Belge önizleme — TAM EKRAN, yalnız belge (kullanıcı: "tarayıcı tipi şeyler görmeyeyim") */
.belgeonizperde{padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:rgba(14,13,12,.96)!important;backdrop-filter:none!important}
.belgeoniz{position:fixed;inset:0;display:flex;flex-direction:column;background:#0E0D0C;color:#fff}
.belgeonizust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:rgba(14,13,12,.85);flex:none}
.belgeonizad{min-width:0;display:flex;flex-direction:column;gap:2px}
.belgeonizad b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.belgeonizad span{font-size:11px;color:rgba(255,255,255,.55)}
.belgeonizbtn{display:flex;gap:8px;flex:none}
.belgeonizbtn button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;height:36px;min-width:36px;padding:0 12px;font:inherit;font-size:13px;cursor:pointer}
.belgeonizbtn button:hover{background:rgba(255,255,255,.16)}
.belgeonizgov{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#0E0D0C}
.belgeonizgov img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.belgeonizgov{align-items:flex-start}
.belgeonizgov img{margin:auto}
.belgeonizgov video{max-width:100%;max-height:100%;margin:auto;display:block;background:#000;outline:none}
.belgeonizgov .belgeonizbekle audio{margin-top:10px;width:min(480px,90vw)}
.belgepdf{display:flex;flex-direction:column;gap:10px;align-items:center;padding:14px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}
.belgepdf canvas{display:block;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.5);border-radius:2px;max-width:100%;height:auto!important}
.belgeonizbekle{margin:auto}
.belgeonizbekle{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:13px;text-align:center;padding:24px}
.belgeonizbekle b{color:#fff;font-size:14px}
.belgeonizbekle span{max-width:380px;line-height:1.5}
.talentbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.talentbar label{font-size:11.5px;font-weight:600;color:var(--ink2)}
.talentbar select{padding:8px 11px;border:1px solid var(--line2);border-radius:8px;font-family:inherit;font-size:13px;background:var(--card);color:var(--ink);cursor:pointer}
/* İndirimden Muaf (bütçe) */
.muafwrap{margin:8px 0 12px}
.muaftog{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--line2);background:var(--card);border-radius:9px;padding:9px 12px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.muaftog:hover{border-color:var(--ink3)}
.muaftog .muafsay{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:1px 8px;font-weight:700}
.muaftog .muafcar{margin-left:auto;color:var(--ink3);font-size:11px;transition:transform .15s}
.muaftog.acik .muafcar{transform:rotate(180deg)}
.muafpanel{border:1px solid var(--line2);border-top:0;border-radius:0 0 9px 9px;margin-top:-3px;padding:6px;max-height:220px;overflow:auto;background:var(--card)}
.muafpanel[hidden]{display:none}
.muafpanel label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;font-size:12.5px;color:var(--ink)}
.muafpanel label:hover{background:var(--bg)}
.muafpanel label input{width:auto;margin:0;cursor:pointer}
.muafnote{font-size:11px;color:var(--ink3);line-height:1.45;margin-top:6px}
.gruprow{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.grupust{display:flex;align-items:center;gap:10px}
.grupust b{font-size:14px}
.grupust .grupsay{color:var(--ink3);font-size:12px}
.grupust .rm{margin-left:auto}
.grupmuaf{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink3);cursor:pointer;user-select:none;white-space:nowrap}
.grupmuaf input{width:auto;margin:0;cursor:pointer}
/* Arşivde "yalnız bir bölümü yüklendi" bildirimi (yol haritası #1) */
.kapsamnot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:9px 13px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);font-size:12.5px;color:var(--ink2)}
.kapsamnot .kapsamik{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
  flex:0 0 auto;border-radius:99px;background:var(--brick);color:#fff;font-family:var(--f-mono);font-size:11px;font-weight:700}
.kapsamnot .btn{margin-left:auto;padding:5px 13px;font-size:12px}
/* Fiyat geçmişi / geri alma paneli (yol haritası #3) */
.fgblok{border-bottom:1px solid var(--line)}
.fgblok:last-child{border-bottom:0}
.fgbas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;background:var(--bg);position:sticky;top:0;z-index:1}
.fgbas .fgzaman{font-family:var(--f-mono);font-size:11.5px;color:var(--ink3)}
.fgbas b{font-size:13px}
.fgbas .fgsay{font-size:11.5px;color:var(--ink3)}
.fgbas .btn{margin-left:auto;padding:4px 11px;font-size:11.5px}
.fgsat{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:12.5px;border-top:1px solid var(--line)}
.fgsat .fgad{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fgsat .fgad span{color:var(--ink3)}
.fgsat .fgdeg{flex:0 0 auto;font-family:var(--f-mono);font-size:12px;white-space:nowrap}
.fgsat .fgdeg .esk{color:var(--ink3);text-decoration:line-through}
.fgsat .fgdeg .yen{color:var(--ink);font-weight:600}
.fgsat .fgop{flex:0 0 auto;font-size:10.5px;padding:2px 7px;border-radius:99px;font-weight:700}
.fgsat .fgop.ins{background:var(--st-ok-bg);color:var(--st-ok2)}
.fgsat .fgop.upd{background:var(--st-info-bg);color:var(--st-info)}
.fgsat .fgop.del{background:var(--st-no-bg);color:var(--st-no)}
.fgsat .btn{padding:3px 10px;font-size:11.5px}
.fgdaha{padding:8px 12px;font-size:12px;color:var(--ink3);border-top:1px solid var(--line)}
/* ---- Paylaşılan proformalar listesi ---- */
.pflink{display:flex;gap:8px;margin-top:8px}
.pflink input{flex:1 1 auto;font-family:var(--f-mono);font-size:12px;padding:8px 10px;border:1px solid var(--line2,var(--line));border-radius:var(--r-sm)}
.pfsat{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line)}
.pfsat:last-child{border-bottom:0}
.pfad{flex:1 1 auto;min-width:0}
.pfad b{font-size:13.5px}
/* Başlıktaki marka · ürün ön eki: font başlıkla aynı, renk farklı */
.pfison{color:var(--accent)}
.pfalt{font-size:11.5px;color:var(--ink3);font-family:var(--f-mono);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfdur{flex:0 0 auto;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:99px;border:1px solid var(--line)}
.pfdur.d-gonderildi{color:var(--ink3)}
.pfdur.d-goruntulendi{color:var(--st-info);border-color:var(--st-info)}
.pfdur.d-imzalandi{color:var(--st-ok2);border-color:var(--st-ok2)}
.pfdur.d-iptal{color:var(--st-no);border-color:var(--st-no)}
.pfsat .btn{padding:4px 11px;font-size:11.5px}
/* Influencer kayıtları — görünüm değiştirici + kart ızgarası */
.gorsec{display:inline-flex; border:1px solid var(--line2); border-radius:var(--r-sm); overflow:hidden; flex:0 0 auto}
.gorsec button{border:0; background:var(--card); cursor:pointer; font-family:inherit; font-size:12px;
  font-weight:600; color:var(--ink2); padding:6px 13px; white-space:nowrap}
.gorsec button + button{border-left:1px solid var(--line2)}
.gorsec button:hover{background:var(--bg)}
.gorsec button.acik{background:var(--accent); color:#fff}
.infizgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:10px; margin-top:2px}   /* 24 Eyl 2026: 252 → 205 (kullanıcı: daha küçük kartlar) */
/* sanal kaydırma boşlukları (15 Eyl 2026): tablo/kart penceresi dışındaki satırların yerini tutar */
.infvsp{padding:0!important;border:0!important;margin:0}
/* ═══ TABLO TEMELİ (41_tablo_temel.js, 15 Eyl 2026) — her veri tablosunda: sabit başlık + sabit ilk sütun (kap kaydırır),
   satır/sütun vurgusu, türe göre renkli başlık + simge, kaynak simgesi. Sayfa kodu yazmaz; th[data-tttur] / th[data-kaynak]. */
:root{--ttvurgu:color-mix(in srgb,var(--accent) 8%,var(--card));--ttvurgu2:color-mix(in srgb,var(--accent) 18%,var(--card))}   /* OPAK: sabit (sticky) hücre vurgulanınca altından kayan hücreler görünmesin (15 Eyl 2026) */
.ttkap{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}
/* K-03 (23 Eyl 2026, SİSTEM GENELİ): veri tablolarında TÜM hücre metinleri yatay+dikey ortalı — başlık, hücre, hücre içi girdi.
   Belge yüzeyleri (.otbelge/.pfbelge/#printSheet) ve katalog matrisi motora girmediğinden etkilenmez. */
main table[data-tt]>thead>tr>th,main table[data-tt]>tbody>tr>td,main table[data-tt]>tfoot>tr>td,#apGovde table th,#apGovde table td,#aktifproje .aprapor-tab td{text-align:center!important;vertical-align:middle}   /* !important: sayfaların #id'li sol/sağ hizalamalarını ve inline text-align:right'ı da ezer (kullanıcı: TÜM hücreler) */
main table[data-tt]>tbody>tr>td>input:not([type=checkbox]):not([type=radio]),main table[data-tt]>tbody>tr>td>textarea,main table[data-tt]>tbody>tr>td>select,main table[data-tt]>tbody>tr>td .ired,main table[data-tt]>tbody>tr>td .hedit,main table[data-tt]>tbody>tr>td .lted,main table[data-tt]>tbody>tr>td .maed,main table[data-tt]>tbody>tr>td .mjed,#apGovde table td .aped,#apGovde table td .durx button,#apKart .durx button{text-align:center!important}
main table[data-tt]>tbody>tr>td>.ttkisi,main table[data-tt]>tbody>tr>td>.telcell,main table[data-tt]>tbody>tr>td>.ttcipler{justify-content:center}
main table[data-tt]>tbody>tr>td>.kisihucre,main table[data-tt]>tbody>tr>td>.otav,main table[data-tt]>tbody>tr>td>.ttbag{margin-left:auto;margin-right:auto}
main table[data-tt]>thead>tr>th .thtut{right:0}
/* K-08: satır vurgusu JS yerine CSS (41 mouseover dinleyicisi kalktı) */
main table[data-tt]>tbody>tr:not(.infvsp):hover>td{background-color:var(--ttvurgu)!important}
main .ttkap{contain:paint}
/* K-05: başlık ⋯ düğmesinde aktif filtre noktası */
main table[data-tt]>thead>tr>th .ttsyb.filt{opacity:1;color:var(--accent)} main table[data-tt]>thead>tr>th .ttsyb.filt::after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:99px;background:var(--accent)}
/* K-02: durum seçicisinde satır içi "＋ Yeni seçenek" */
a.inflink{color:var(--color-link);font-weight:600}a.inflink:hover{text-decoration:underline}
#ttPop .ttbagyeni{display:block;width:100%;text-align:left;padding:8px 10px;margin:2px 0 4px;border:1px dashed var(--accent);border-radius:8px;background:transparent;color:var(--accent);font:inherit;font-weight:600;font-size:12.5px;cursor:pointer}
#ttPop .ttbagyeni:hover{background:var(--accent-soft)}
#ttPop .ttdyeni{display:flex;align-items:center;gap:6px;padding:6px 0 2px;border-top:1px dashed var(--line);margin-top:4px}
#ttPop .ttdyeni .ttara{flex:1 1 auto;margin:0;height:30px;font-size:12.5px}
#ttPop .ttdyeni .screnk{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:var(--mr,#676879);position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.12)}
#ttPop .ttdyeni .screnk input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
#ttKolMenu button .ttkmroz{margin-left:auto;font:600 10px var(--f-ui);color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:99px}
#ttKolMenu button .apkmik svg{width:13px;height:13px}
#ttKolMenu button.ttkmsil{color:#df2f4a;border-top:1px solid var(--line);border-radius:0 0 6px 6px;margin-top:2px}#ttKolMenu button.ttkmsil:hover{background:color-mix(in srgb,#df2f4a 10%,transparent)}
/* K-04: telefon girdilerinde bayrak */
input[type=tel][data-bayrak],input[data-tel][data-bayrak]{background-image:none}
input[type=tel]{font-variant-numeric:tabular-nums;letter-spacing:.2px}
.apbelgeust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
/* K-11: metin/bağlantı hücresi — tıkla düzenle, ✕ temizle, ↗ aç */
.ttmet{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:24px;padding:2px 4px;border-radius:6px;vertical-align:middle;box-sizing:border-box}
.ttmet .ttmetm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ttmet.tik{cursor:text;border:1px solid transparent} .ttmet.tik:hover{border-color:var(--line);background:var(--bg)}
.ttmet.bos .ttmetm{color:var(--ink3)}
.ttmet .ttmetsil{display:none;flex:0 0 auto;width:18px;height:18px;border:0;border-radius:99px;background:color-mix(in srgb,var(--ink3) 18%,transparent);color:var(--ink2);font:700 11px/18px var(--f-ui);cursor:pointer;padding:0}
.ttmet.tik:hover .ttmetsil{display:inline-block} .ttmet .ttmetsil:hover{background:var(--st-no-bg);color:var(--st-no)}
.ttmet .ttmetac{flex:0 0 auto;color:var(--color-link);text-decoration:none;font-size:12px;padding:0 2px} .ttmet .ttmetac:hover{text-decoration:underline}
.ttmet.duzenle{width:100%;padding:0;border-color:var(--accent);background:var(--card)}
.ttmet input.ttmetin{width:100%;min-width:0;border:0;background:transparent;font:inherit;color:inherit;padding:3px 6px;outline:0;text-align:center}
td:has(> .ttmet:only-child){padding-left:6px!important;padding-right:6px!important} td > .ttmet:only-child{width:100%;justify-content:center}
#ttSilBtn{position:fixed;z-index:174;width:18px;height:18px;border:0;border-radius:99px;background:color-mix(in srgb,var(--ink3) 22%,var(--card));color:var(--ink2);font:700 11px/18px var(--f-ui);cursor:pointer;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.18)}
#ttSilBtn:hover{background:var(--st-no-bg);color:var(--st-no)} #ttSilBtn[hidden]{display:none!important}
#ttAcBtn{position:fixed;z-index:174;width:18px;height:18px;border:0;border-radius:99px;background:color-mix(in srgb,var(--color-link) 16%,var(--card));color:var(--color-link);font:700 11px/18px var(--f-ui);cursor:pointer;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.18)}
#ttAcBtn:hover{background:var(--color-link);color:#fff} #ttAcBtn[hidden]{display:none!important}
/* K-10: etiket seçicisinde renk noktası + yeni satır */
#ttPop .ttcnokta{width:10px;height:10px;border-radius:99px;flex:0 0 auto;margin-right:6px;display:inline-block} #ttPop .ttcnokta.bos{background:transparent;border:1px dashed var(--line2)}
#ttPop .ttcyeni{border-top:0;margin-top:0;padding:0 0 6px}
/* K-06: bahsetme listesinde grup satırı */
.apbahs button.bahsgrup small{margin-left:auto;font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
/* K-16 (24 Eyl 2026): sayfaya davetli kişi/grup rozeti — atama seçicileri + @bahsetme */
.ttdavetli{display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;height:16px;border-radius:99px;font:600 9.5px var(--f-ui);letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);white-space:nowrap;vertical-align:middle}
.apbahs button .ttdavetli{margin-left:auto}
.apbahs button.bahsgrup .ttdavetli{margin-left:auto} .apbahs button.bahsgrup .ttdavetli+small{margin-left:6px}
/* ═══ KURAL SETLİ FİLTRE (42_filtre_kural.js, 15 Eyl 2026) — Monday "Gelişmiş filtreler": tek #kfPop, sayfa düğmesi .kfbtn, çip şeridi .kfcips */
.kfkisit{font:600 11.5px var(--f-ui);color:var(--st-warn);background:var(--st-warn-bg);border:1px solid var(--st-warn-line);border-radius:99px;padding:3px 9px;white-space:nowrap}
.kfbtn.akt{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}
.kfcips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 10px} .kfcips[hidden]{display:none}
.kfcip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px 3px 9px;border:1px solid var(--line2);background:var(--card);border-radius:99px;font-size:12px;color:var(--ink2);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kfcip b{color:var(--ink);font-weight:600} .kfcip button{border:0;background:transparent;color:var(--ink3);cursor:pointer;font-size:12px;padding:0 2px;line-height:1} .kfcip button:hover{color:var(--no)}
.kfcips .kfop{font-size:11px;color:var(--ink3);font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.kftemizle{border:0;background:transparent;color:var(--accent);font:600 12px var(--f-ui);cursor:pointer;padding:3px 6px}
#kfPop{position:fixed;z-index:166;width:min(760px,calc(100vw - 16px));max-height:min(80vh,640px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line2);border-radius:14px;box-shadow:0 14px 40px rgba(20,22,28,.18);overflow:hidden}
#kfPop[hidden]{display:none}
#kfPop .kfust{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg)}
#kfPop .kfust>b{font:700 13px var(--f-ui);color:var(--ink);margin-right:auto}
#kfPop .kfgor{display:flex;align-items:center;gap:6px} #kfPop .kfgor .btn{height:28px;padding:0 9px;font-size:12px}
#kfPop .kfkapat{border:0;background:transparent;color:var(--ink3);font-size:15px;cursor:pointer;width:26px;height:26px;border-radius:6px} #kfPop .kfkapat:hover{background:var(--line);color:var(--ink)}
#kfPop .kfgovde{padding:10px 12px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}
#kfPop .kfsatir{display:grid;grid-template-columns:78px minmax(140px,1.1fr) minmax(130px,.9fr) minmax(180px,1.4fr) 26px;gap:6px;align-items:center;padding:4px 6px;border-radius:10px;position:relative}
#kfPop .kfsatir:hover{background:var(--bg)} #kfPop .kfsatir.eksik .kfdeger .kfin{border-color:var(--st-warn-line);background:var(--st-warn-bg)}
#kfPop .kfbag{font:600 12px var(--f-ui);color:var(--ink3);padding-left:4px}
#kfPop .kfin{height:32px;box-sizing:border-box;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);font:500 13px var(--f-ui);color:var(--ink);max-width:100%;min-width:0;width:100%}
#kfPop select.kfin{appearance:auto} #kfPop .kfopsec{font-weight:600}
#kfPop .kfdeger{display:flex;align-items:center;gap:6px;min-width:0} #kfPop .kfdeger .kfn{width:64px;flex:0 0 auto} #kfPop .kfve{color:var(--ink3)} #kfPop .kfdyok{color:var(--ink3);padding-left:6px}
#kfPop .kfsecbtn{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;cursor:pointer} #kfPop .kfsecbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #kfPop .kfsecbtn.bos span{color:var(--ink3)} #kfPop .kfsecbtn i{font-style:normal;color:var(--ink3);flex:0 0 auto}
#kfPop .kfsil{border:0;background:transparent;color:var(--ink3);cursor:pointer;width:26px;height:26px;border-radius:6px;font-size:12px} #kfPop .kfsil:hover{background:var(--st-no-bg);color:var(--st-no)}
#kfPop .kfsecliste{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:6px;display:flex;flex-direction:column;gap:4px}
#kfPop .kfsecust{display:flex;gap:6px;align-items:center} #kfPop .kfsecust .kfin{height:28px;flex:1} #kfPop .kfsecust button{height:28px;padding:0 8px;border:1px solid var(--line);background:var(--bg);border-radius:6px;font:600 11.5px var(--f-ui);color:var(--ink2);cursor:pointer}
#kfPop .kfsecgov{max-height:200px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1px}
#kfPop .kfsecgov label{display:flex!important;align-items:center;gap:8px;width:100%;padding:4px 6px;border-radius:6px;cursor:pointer;font:500 12.5px var(--f-ui);color:var(--ink);text-transform:none;letter-spacing:0} #kfPop .kfsecgov label:hover{background:var(--bg)}
#kfPop .kfsecgov input{margin:0;width:auto;accent-color:var(--accent);flex:0 0 auto} #kfPop .kfsecgov span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #kfPop .kfsecgov small{color:var(--ink3);font-variant-numeric:tabular-nums}
#kfPop .kfrenk{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
#kfPop .kfbos{color:var(--ink3);font-size:12.5px;padding:10px 6px}
#kfPop .kfalt{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);background:var(--bg)} #kfPop .kfalt .btn{height:30px;font-size:12.5px} #kfPop .kfsay{margin-left:auto;font:600 12px var(--f-ui);color:var(--ink2);font-variant-numeric:tabular-nums}
@media(max-width:640px){ #kfPop .kfsatir{grid-template-columns:1fr 1fr 26px} #kfPop .kfbag,#kfPop .kfopsec{grid-column:1/-1} #kfPop .kfdeger{grid-column:1/3} }
/* Ortak seçiciler (41_tablo_temel): kişi atama · durum · seçim popover'ı + pil/çip hücreleri */
#ttPop{position:fixed;z-index:165;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:260px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;gap:6px}
#ttPop[hidden]{display:none}
#ttPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:2px 6px 6px;border-bottom:1px solid var(--line)}
#ttPop .ttara{width:100%;box-sizing:border-box;height:30px;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font:500 13px var(--f-ui);color:var(--ink)}
#ttPop .ttliste{max-height:min(320px,50vh);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px}
#ttPop .ttks{display:flex!important;align-items:center;gap:8px;width:100%;padding:5px 7px;border-radius:8px;cursor:pointer;font:500 13px var(--f-ui);color:var(--ink);white-space:nowrap}
#ttPop .ttks:hover{background:var(--bg)} #ttPop .ttks.sec{background:var(--accent-soft)} #ttPop .ttks.eski span{color:var(--ink3);text-decoration:line-through}
#ttPop .ttks input{margin:0;accent-color:var(--accent);flex:0 0 auto} #ttPop .ttks span{overflow:hidden;text-overflow:ellipsis}
#ttPop .ttks .otav{width:22px;height:22px;font-size:10px}
/* kişi hücrelerinde GRUP girdisi ("g:<id>") — 17 Eyl 2026 */
.otav.grp{background:var(--accent-soft)!important;color:var(--accent);border:1px dashed var(--accent);background-image:none!important}
#ttPop .ttksb{font:700 10px var(--f-ui);text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);padding:6px 8px 2px}
/* ═══ PeoplePicker (19 Eyl 2026): kisiAtaAc — çipler · sabit arama · 44px satır (28px avatar · ad 14px 600 · alt satır 12px gri · sağda onay) ═══ */
#ttPop.ttps{width:340px;padding:10px;gap:8px}
#ttPop.ttps .baslik{display:flex;align-items:center;justify-content:space-between}
/* #ttPop .ttkapat → ortak .kapatbtn (K-40) */
#ttPop.ttps .ttcipler{display:flex;flex-wrap:wrap;gap:6px}
#ttPop.ttps .ttcipk{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 4px 0 2px;border:1px solid var(--line2);border-radius:99px;background:var(--bg);font:500 12px var(--f-ui);color:var(--ink);max-width:100%}
#ttPop.ttps .ttcipk>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
#ttPop.ttps .ttcipk .otav{width:20px;height:20px;font-size:9px;margin:0}
#ttPop.ttps .ttcipk button{border:0;background:none;width:18px;height:18px;border-radius:99px;font-size:14px;line-height:1;color:var(--ink3);cursor:pointer;padding:0}
#ttPop.ttps .ttcipk button:hover{background:var(--line);color:var(--ink)}
#ttPop.ttps .ttcipk.ttcipdaha{color:var(--ink3);padding:0 8px}
#ttPop.ttps .ttara{height:36px;font-size:14px;flex:0 0 auto}
#ttPop.ttps .ttliste{max-height:min(380px,58vh);gap:0}
/* K-19 hiyerarşik kategori seçici (kategoriSecAc) */
#ttPop.ttkat{width:380px;max-width:calc(100vw - 16px)}
#ttPop.ttkat .ttkliste{max-height:min(440px,60vh)}
#ttPop .ttkbas{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding:8px 7px 4px}
#ttPop .ttkbas small{text-transform:none;letter-spacing:0;font-weight:500;margin-left:4px}
#ttPop .ttkana.on{background:var(--accent-soft);border-radius:10px;margin:2px 0}
#ttPop .ttksay{margin-left:auto;font-size:10.5px;font-weight:700;background:var(--accent);color:#fff;border-radius:99px;padding:1px 7px}
#ttPop .ttkcipler{display:flex;flex-wrap:wrap;gap:5px;padding:2px 7px 8px}
#ttPop .ttkalt{padding-left:30px}
#ttPop .ttkcip{font:500 12px var(--f-ui);border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:99px;padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
#ttPop .ttkcip:hover{border-color:var(--ink3)}
#ttPop .ttkcip.on{background:var(--ink);border-color:var(--ink);color:var(--card)}
#ttPop .ttkek{border-bottom:1px solid var(--line);padding:4px 0 2px;margin-bottom:2px}
#ttPop .ttkekb{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding:6px 7px 4px}
#ttPop.ttps .ttksb{padding:8px 8px 4px;font-size:10.5px;letter-spacing:.06em}
#ttPop.ttps .ttks{height:44px;min-height:44px;padding:0 10px;gap:10px;border-radius:8px}
#ttPop.ttps .ttks .otav.ttpav{width:28px;height:28px;font-size:11.5px;margin:0;display:inline-flex;align-items:center;justify-content:center}
#ttPop.ttps .ttks .otav.grp.ttpav svg{width:15px;height:15px}
#ttPop.ttps .ttks .ttkmetin{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.2;overflow:hidden}
#ttPop.ttps .ttks .ttkmetin b{font-weight:600;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ttPop.ttps .ttks .ttkmetin i{font-style:normal;font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
#ttPop.ttps .ttks.eski .ttkmetin b{color:var(--ink3);text-decoration:line-through}
#ttPop.ttps .ttks input{width:18px;height:18px;margin:0}
#ttPop.ttps .ttks.odak{background:var(--bg)} #ttPop.ttps .ttks.sec{background:var(--accent-soft)} #ttPop.ttps .ttks.sec.odak{background:color-mix(in srgb,var(--accent) 16%,var(--card))}
#ttPop.ttps .ttyetki{height:28px;border:1px solid var(--line2);border-radius:6px;background:var(--card);font:500 12px var(--f-ui);color:var(--ink);padding:0 4px;flex:0 0 auto;max-width:120px}
#ttPop.ttps .ttdaha{font-size:12px;color:var(--ink3);padding:8px 10px;text-align:center}
#ttPop.ttps .ttbos{padding:22px 10px;text-align:center;font-size:13px}
#ttPop.ttps .ttalt{padding-top:8px}
#ttPop.ttps .ttalt .btn{height:34px;padding:0 14px;font-size:13px}
#ttPop.ttps .ttalt .ttsec{margin-left:auto}
/* mobil: alt sayfa — tam genişlik, safe-area, "Seç (N)" tam genişlik */
#ttPop.ttps.ttsheet{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.25);padding:12px 14px calc(12px + env(safe-area-inset-bottom));max-height:88dvh;z-index:170}
#ttPop.ttps.ttsheet::before{content:"";display:block;width:38px;height:4px;border-radius:99px;background:var(--line2);margin:-4px auto 8px}
#ttPop.ttps.ttsheet .ttara{height:44px;font-size:16px}
#ttPop.ttps.ttsheet .ttliste{max-height:calc(88dvh - 220px);flex:1 1 auto}
#ttPop.ttps.ttsheet .ttks{height:48px;min-height:48px}
#ttPop.ttps.ttsheet .ttalt{flex-direction:row}
#ttPop.ttps.ttsheet .ttalt .ttsec{flex:1 1 auto;height:44px;font-size:15px}
#ttPop.ttps.ttsheet .ttalt [data-tttemizle]{height:44px}
.atagrupbas{font:700 10px var(--f-ui);text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);padding:6px 8px 2px}
/* Atama popover'larında "Tümünü kaldır" (17 Eyl 2026) — .baslik satırının sağında küçük metin düğmesi */
.baslik .atatemiz,#gorAtaPop .baslik .atatemiz{float:right;margin:-2px 0 0 8px;padding:1px 7px;border:1px solid var(--line2);border-radius:99px;background:var(--card);color:var(--st-no);font:600 10px var(--f-ui);letter-spacing:0;text-transform:none;cursor:pointer;line-height:16px}
.baslik .atatemiz:hover{background:var(--st-no-bg);border-color:var(--st-no-line)}
#gorAtaPop .baslik{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:4px 7px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}
#apKmenu .apkgrupbas{font:700 10px var(--f-ui);text-transform:uppercase;letter-spacing:.4px;color:var(--apink2);padding:8px 8px 2px;border-top:1px solid var(--apcizgi2);margin-top:4px}
#ttPop .ttdurum{gap:4px;padding:2px 0} #ttPop .ttdsec{border:0;background:transparent;padding:3px 4px;border-radius:8px;cursor:pointer;text-align:left;display:flex}
#ttPop .ttdsec:hover{background:var(--bg)} #ttPop .ttdsec.teh{color:var(--st-no)} #ttPop .ttdsec.sec{outline:2px solid var(--accent);outline-offset:-2px}
#ttPop .ttdsec .ttpil{width:100%;justify-content:center}
#ttPop .ttalt{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:4px;border-top:1px solid var(--line)}
#ttPop .ttalt .btn{height:28px;padding:0 10px;font-size:12px} #ttPop .ttsay,#ttPop .ttbos{font-size:12px;color:var(--ink3);padding:4px 6px}
.ttpil{display:inline-flex;align-items:center;justify-content:center;min-width:64px;max-width:100%;padding:3px 10px;border-radius:6px;font:600 12px var(--f-ui);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.ttpil .ttpilm{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}   /* uzun etiket tek satır + … (flex kapta metin düğümü kesilmez, iç span gerekir) */
.ttpil.tik,.ttcipler.tik,.ttkisi.tik{cursor:pointer} .ttpil.tik:hover{filter:brightness(.95)}
/* DURUM SÜTUNU = TAM HÜCRE (22 Eyl 2026, kullanıcı: "Monday'de tüm hücre renkleniyordu; bizde de metin tam ortada olsun,
   renk tüm hücreyi kaplasın; tüm sayfalarda ve yeni açılacaklarda genel yapı bu"). Aktif Projeler'in `td.durx` kalıbının
   ORTAK eşi: hücrenin TEK içeriği bir durum pili ise (doğrudan ya da tık sarmalayıcısı içinde) pil hücreyi doldurur.
   Kart/çekmece/liste içindeki piller (td değil) eskisi gibi çip kalır. */
td:has(> .ttpil:only-child), td:has(> .ktozsec:only-child > .ttpil:only-child), td:has(> .otdur:only-child > .ttpil:only-child){padding:0!important;height:1px}
/* K-01 (23 Eyl 2026, SİSTEM GENELİ "durum sütunları: renk tüm hücre"): sayfaya özel HESAPLANAN durum rozetleri de tam hücre —
   muhasebe .muhdurum · meta kırılım .mkpil · iş teklifi .itroz · nivea .npdur · proforma .pfdur · puantaj .pjpil · mülk takip .gmtip ·
   arşiv .droz · onaylı .otdurum · (geçiş dönemi) .ftdur/.isdur/.prddur/.ogdur/.dcdur/.mjkosul/.dpil. Kullanıcı seçimli olanlar durumPil'e taşındı. */
td:has(> :is(.muhdurum,.mkpil,.itroz,.npdur,.pfdur,.pjpil,.gmtip,.droz,.otdurum,.ftdur,.isdur,.prddur,.prdmah,.ogdur,.dcdur,.dpil,.isinfsec):only-child){padding:0!important;height:1px}
td > :is(.muhdurum,.mkpil,.itroz,.npdur,.pfdur,.pjpil,.gmtip,.droz,.otdurum,.ftdur,.isdur,.prddur,.prdmah,.ogdur,.dcdur,.dpil,.isinfsec):only-child{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;min-height:34px;border-radius:0;box-sizing:border-box;padding:4px 8px;max-width:none;margin:0;font-family:var(--f-ui);font-size:12px}
td > :is(.ftdur,.isdur,.prddur,.prdmah,.ogdur,.otdurum,.droz):only-child{border-left:0;border-right:0;border-top:0}
td > :is(.ftdur,.isdur,.prddur,.prdmah,.ogdur,.otdurum,.droz):only-child > i{display:none}   /* height:1px = hücre satır yüksekliğine uzar, içteki %100 yükseklik çalışır (tablo hücresi hilesi) */
td > .ttpil:only-child, td > .ktozsec:only-child > .ttpil:only-child, td > .otdur:only-child > .ttpil:only-child{
  display:flex;width:100%;height:100%;min-height:34px;border-radius:0;justify-content:center;text-align:center;padding:4px 8px;max-width:none}
td > .ktozsec:only-child:has(> .ttpil:only-child){padding:0!important;min-height:0;border-radius:0}
td > .ttpil.bos:only-child, td > .ktozsec:only-child > .ttpil.bos:only-child{border:0;border-radius:0;background:transparent}
/* Temsilci (bağ) ve tek seçimli çip hücreleri de tam hücre (22 Eyl 2026, kullanıcı: "Temsilciler gibi sekmeler de tam hücre olsun") */
td:has(> .ttbag:only-child), td:has(> .ktozsec:only-child > .ttbag:only-child){padding:0!important;height:1px}
td > .ttbag:only-child, td > .ktozsec:only-child > .ttbag:only-child{display:flex;width:100%;height:100%;min-height:34px;border-radius:0;justify-content:center;padding:4px 10px;max-width:none;border-left:0;border-right:0}
td > .ktozsec:only-child:has(> .ttbag:only-child){padding:0!important;min-height:0}
td:has(> .ttcipler:only-child), td:has(> .ktozsec:only-child > .ttcipler:only-child){padding:0!important;height:1px}
td > .ttcipler:only-child, td > .ktozsec:only-child > .ttcipler:only-child{display:flex;width:100%;height:100%;min-height:34px;align-items:center;justify-content:center;justify-content:safe center;flex-wrap:nowrap;overflow:hidden;gap:4px;padding:4px 8px}   /* K-33: tek satır (eskiden wrap — Segment Mass·Premium·Lüks satırı uzatıyordu) */
@media(max-width:768px){ td > .ttbag:only-child, td > .ktozsec:only-child > .ttbag:only-child, td > .ttcipler:only-child{min-height:40px} }
@media(max-width:768px){ td > .ttpil:only-child, td > .ktozsec:only-child > .ttpil:only-child{min-height:40px} }
.ttcipler{display:inline-flex;flex-wrap:wrap;gap:3px;max-width:100%;vertical-align:middle}
main td .ttcipler{flex-wrap:nowrap;overflow:hidden;min-width:0} main td .ttcipler > .ttcip{flex:0 0 auto} main td .ttkisi{white-space:nowrap}   /* tablo satırı tek yükseklikte kalsın (sticky hücre + sanal kaydırma) */
.ttcip.tik{cursor:pointer} .ttcip.tik:hover{background:var(--accent-soft);color:var(--accent)}
.ttcip{display:inline-block;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--ink3) 14%,transparent);color:var(--ink2);font:600 11.5px var(--f-ui);white-space:nowrap}
.ttkisi{display:inline-flex;align-items:center;gap:6px;max-width:100%;vertical-align:middle;min-height:24px} .ttkisi .ttkmetin{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ttkisi.bos,.ttpil.bos{color:var(--ink3);font-weight:500;min-width:0;background:transparent;border:1px dashed var(--line2);padding:2px 8px;border-radius:6px;font-size:11px}
/* Bağ hücresi (başka sayfanın kaydı) + kaynak kartı */
.ttbag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 9px;border-radius:6px;background:color-mix(in srgb,#7C3AED 10%,var(--card));color:#5B21B6;font:600 12px var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid color-mix(in srgb,#7C3AED 22%,transparent)}
.ttbag::before{content:"";width:8px;height:8px;border-radius:99px;background:#7C3AED;flex:0 0 auto}
.ttbag.esles{background:transparent;color:var(--ink2);border-style:dashed} .ttbag.esles::before{background:var(--ink3)}
.ttbag.bos{color:var(--ink3);font-weight:500;background:transparent;border:1px dashed var(--line2)} .ttbag.bos::before{display:none}
.ttbag.tik{cursor:pointer} .ttbag.tik:hover{filter:brightness(.96)}
html[data-tema=koyu] .ttbag{color:#C4B5FD}
.ttkartperde{z-index:130} .ttkart{width:min(640px,94vw);max-height:88vh;display:flex;flex-direction:column;padding:0;overflow:hidden}
.ttkbas{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.ttkbas h3{margin:0;font:700 18px var(--f-display);color:var(--ink)} .ttkkaynak{font:700 10.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:#7C3AED;margin-bottom:3px}
.ttkalt{font-size:12px;color:var(--ink3);margin-top:3px} .ttkbas .btn{width:32px;height:32px;padding:0}
.ttkgovde{padding:10px 18px 14px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.ttksat{display:flex;flex-direction:column;gap:2px;padding:7px 0;border-bottom:1px solid var(--line);min-width:0} .ttksat.genis{grid-column:1/-1}
.ttkad{font:700 10.5px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)} .ttkdeg{font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.ttkbos{color:var(--ink3)} .ttkeylem{display:flex;gap:8px;justify-content:flex-end;padding:10px 18px 14px;border-top:1px solid var(--line);flex-wrap:wrap}
@media(max-width:560px){.ttkgovde{grid-template-columns:1fr}}
.ttkap-oto{max-width:100%}
.ttik{display:none!important}   /* 17 Eyl 2026: başlık tür simgeleri kaldırıldı */
.ttik svg{width:100%;height:100%;display:block}
main th[data-tttur=metin]{--tt-c:#6E7A9C} main th[data-tttur=sayi]{--tt-c:#00A98F} main th[data-tttur=para]{--tt-c:#2F9E63}
main th[data-tttur=tarih]{--tt-c:#A25DDC} main th[data-tttur=durum]{--tt-c:#FDAB3D} main th[data-tttur=kisi]{--tt-c:#579BFC}
main th[data-tttur=link]{--tt-c:#00B5D8} main th[data-tttur=bag]{--tt-c:#7C3AED} main th[data-tttur=onay]{--tt-c:#00C875} main th[data-tttur=secim]{--tt-c:#FF7575}
main th[data-tttur]:not([data-tttur=""]){box-shadow:inset 0 3px 0 var(--tt-c)}
main th[data-tttur=bag] .ttik{background:color-mix(in srgb,var(--tt-c) 14%,transparent);border-radius:4px;padding:1px}
main table[data-tt] tbody tr.tt-hr>td{transition:background-color .06s}
/* SÜTUN YETKİSİ ⚙ (16 Eyl 2026): yalnız yöneticide, başlığın sağ ucunda; kısıtlı sütunda kiremit nokta */
main table[data-tt]>thead>tr>th{padding-right:22px}
main table[data-tt]>thead>tr>th .ttsyb{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;padding:0;border:0;background:transparent;color:var(--ink3);opacity:.35;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:3;font:700 15px/1 var(--f-ui)}
/* 17 Eyl 2026: ⚙ dişli → ⋯ mini menü (AP dili); menü gövdesi: */
#ttKolMenu{position:fixed;z-index:175;min-width:216px;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.16);display:flex;flex-direction:column}
/* K-43: sayfaya özel maddeler (AP) aynı pencerede */
#ttKolMenu .apkmayrac{height:1px;background:var(--line);margin:5px 4px;flex:0 0 auto}
#ttKolMenu button .apkmok{margin-left:auto;color:var(--ink3)}
#ttKolMenu button.tehlike,#ttKolMenu button.tehlike .apkmik{color:var(--st-no)}
#ttKolMenu button.secili{background:var(--accent-soft);color:var(--accent)}
#ttKolMenu button .apkmik{color:var(--ink2)}
#ttKolMenu[hidden]{display:none!important}
#ttKolMenu button{display:flex;align-items:center;gap:9px;border:none;background:none;text-align:left;font:500 13px var(--f-ui);color:var(--ink);padding:7px 10px;border-radius:6px;cursor:pointer;width:100%}
#ttKolMenu button:hover{background:var(--bg)}
#ttKolMenu .apkmik{width:16px;text-align:center;flex:0 0 auto;display:inline-flex;justify-content:center}
#ttKolMenu .ttkmroz{margin-left:auto;font:600 10px var(--f-ui);color:var(--accent)}
main table[data-tt]>thead>tr>th:hover .ttsyb,main table[data-tt]>thead>tr>th .ttsyb.aktif{opacity:1}
main table[data-tt]>thead>tr>th .ttsyb.aktif{color:var(--accent)}
main table[data-tt]>thead>tr>th .ttsyb.aktif::after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
#ttPop.ttsypop{width:560px}
#ttPop .ttsyiki{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ttPop .ttsybol{display:flex;flex-direction:column;gap:4px;min-width:0}
#ttPop .ttsybas{font:700 12px var(--f-ui);color:var(--ink);display:flex;align-items:baseline;gap:6px;padding:2px 4px}
#ttPop .ttsybas small{font-weight:500;color:var(--ink3);font-size:11px}
#ttPop .ttsyliste{max-height:260px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;padding:4px}
#ttPop .ttsyalt{font:700 10px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:6px 6px 2px}
#ttPop .ttsygrp{display:inline-flex;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font:800 11px var(--f-ui);flex:0 0 auto}
#ttPop .ttsyoz{font-size:11px;color:var(--ink3);padding:0 4px}
@media(max-width:640px){#ttPop.ttsypop{width:calc(100vw - 16px)}#ttPop .ttsyiki{grid-template-columns:1fr}}
/* DEPOLAMA KARTI (Yönetim → Sistem, 16 Eyl 2026) */
#cardDepolama .dpkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:6px 0 12px}
#cardDepolama .dpkpi>div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
#cardDepolama .dpkpi b{display:block;font:700 20px var(--f-display);color:var(--ink);letter-spacing:-.01em}
#cardDepolama .dpkpi span{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
#cardDepolama .dpgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#cardDepolama .dpgrid h3{font:700 12px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin:0 0 6px}
#cardDepolama table.dptab{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
#cardDepolama table.dptab th,#cardDepolama table.dptab td{white-space:normal;padding:5px 6px;font-size:12.5px;border-bottom:1px solid var(--line);text-align:left!important}
#cardDepolama table.dptab th:first-child{width:46%}
#cardDepolama table.dptab th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:700}
#cardDepolama table.dptab td.n,#cardDepolama table.dptab th.n{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#cardDepolama .dpbar{height:5px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:3px}
#cardDepolama .dpbar i{display:block;height:100%;background:var(--accent);border-radius:3px}
#cardDepolama .dpdepo{display:inline-block;font-size:10px;padding:1px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent);margin-left:4px;vertical-align:1px}
/* sayfa kuralları (#xTablo thead th{position:relative} — .thtut için) sabitlemeyi ezmesin: sticky de absolute çocuğa kap olur */
main table[data-tt]>thead>tr>th{position:sticky!important;top:0;z-index:20;background-color:var(--card)}

#talentTable.sanal td{overflow:hidden;text-overflow:ellipsis}
/* Taşma koruması (27 Eyl 2026, kullanıcı: "bilgilerden dolayı sütunlarda taşma olursa tasarımı bozmasın"): tablo sanal kaydırmalı ve
   satır yüksekliğini SABİT varsayar — uzun metin/çip satırı kırılıp satırı uzatırsa gövde kayar. Hücre tek satır; uzun metin sütun
   genişliğini de şişirmesin diye 260px tavan + üç nokta (tam değer hücre title'ında / tıkta). Çipli hücreler de kırılmaz, kırpılır. */
#talentTable td{white-space:nowrap}
#talentTable td.infsonhucre{white-space:nowrap} #talentTable .inftky{margin-right:2px;color:var(--ink3)} #talentTable .inftky:hover{color:var(--accent)}
[data-inftkyenile].donuyor svg{animation:inftkdon .9s linear infinite} @keyframes inftkdon{to{transform:rotate(360deg)}}
#talentTable td.say{max-width:260px;overflow:hidden;text-overflow:ellipsis}
.infkart{border:1px solid var(--line); border-radius:var(--r-md); padding:12px; background:var(--card)}
.infkart:hover{border-color:var(--line2)}
.infkbas{display:flex; gap:9px; align-items:flex-start; margin-bottom:9px}
.infkav{width:30px; height:30px; border-radius:9px; flex:0 0 auto; display:grid; place-items:center;
  color:#fff; font-family:var(--f-display); font-weight:700; font-size:12px}
.infkad{font-weight:700; font-size:13.5px; line-height:1.2; color:var(--ink); overflow-wrap:anywhere}
.infkrz{display:flex; gap:4px; flex-wrap:wrap; margin-top:4px}
.infkplat{display:flex; flex-direction:column; gap:4px; margin-bottom:9px}
.infkp{display:flex; align-items:center; gap:7px; font-size:12px}
.infkp .rz{width:19px; height:19px; border-radius:6px; display:grid; place-items:center; flex:0 0 auto;
  font-family:var(--f-mono); font-size:9px; font-weight:600; color:#fff}
.infkp a{font-size:11px; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; min-width:0}
.infkp a:hover{text-decoration:underline}
.infkp .sy{margin-left:auto; font-family:var(--f-mono); font-variant-numeric:tabular-nums;
  font-weight:600; font-size:12px; white-space:nowrap}
.infkolc{display:flex; gap:8px; flex-wrap:wrap; border-top:1px solid var(--line); padding-top:8px}
.infkolc > div{flex:1 1 88px; min-width:0}
.infkolc .e{font-size:9.5px; font-family:var(--f-mono); letter-spacing:.05em; text-transform:uppercase;
  color:var(--ink3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.infkolc .s{font-family:var(--f-mono); font-variant-numeric:tabular-nums; font-weight:600; font-size:13px}
.infkalt{display:flex; align-items:center; gap:8px; margin-top:9px; font-size:11px; color:var(--ink3)}
.infkalt .btn{margin-left:auto; padding:4px 10px; font-size:11.5px}
.infkbos{padding:30px; text-align:center; color:var(--ink3); grid-column:1/-1}
/* Sade vitrin kartı (24 Eyl 2026): profil fotoğrafı + ad · platform logosu + takipçi · etkileşim / E.R — kapak görseli yok */
.infkart.sade{display:flex;flex-direction:column;gap:10px;padding:12px}
.infkart.sade:hover{border-color:var(--ink3);box-shadow:0 4px 14px rgba(27,26,25,.06)}
.infkart.sade .infkbas{margin:0;align-items:center;gap:10px}
.infkart.sade .infkav{width:44px;height:44px;border-radius:50%;font-size:15px}
.infkart.sade .infkad{font-size:14px}
.infkart.sade .infkplat{flex-direction:row;flex-wrap:wrap;gap:6px 12px;margin:0}
.infkart.sade .infkp{gap:6px}
.infkart.sade .infkp .sy{margin-left:0;font-size:12.5px}
.infkart.sade .infkrz{margin:0}
/* Kart seçimi (29 Eyl 2026): sağ üst kutu; seçili kart vurgulu */
.infkart.sade{position:relative}
.infkart .infksec{position:absolute;top:8px;right:8px;display:flex;padding:4px;cursor:pointer}   /* 29 Eyl 2026: kutu SABİT görünür (üzerine gelince belirme kaldırıldı) */
.infkart .infksec input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.infkart.secili{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
/* Kampanya taslağına aktar penceresi (39_kampanya ktAktarAc) */
#ktAktarPop .kthedef{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
#ktAktarPop .kthedef label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
#ktAktarPop .kthedef input[type=text],#ktAktarPop .kthedef select{margin-left:23px;width:calc(100% - 23px)}
#ktAktarPop .kthedef span>input[type=text]{margin-left:23px;width:auto;min-width:0}#ktAktarPop .kthedef span>#ktAktarTur{margin-left:0;width:auto}
.kttur{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid var(--line2);color:var(--ink2);background:var(--card);cursor:pointer}
.kttur.gifting{border-color:var(--accent);color:var(--accent)}
#ktAktarPop .ktkolbas{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:12.5px;font-weight:600}
#ktAktarPop .ktkolbas button{margin-left:auto}
#ktAktarPop .ktkolliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px;max-height:260px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--r-md)}
#ktAktarPop .ktkolliste label{display:flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer;min-width:0}
#ktAktarPop .ktkolliste label.ekli{color:var(--ink3)}
#ktAktarPop .ktkolliste small{color:var(--ink3);font-size:10.5px}
.infkart.sade .infkyok{font-size:11.5px;color:var(--ink3)}
/* Kategori süzgeci (24 Eyl 2026) — filtre şeridinin altı */
.infkatsuz{display:flex;flex-direction:column;gap:7px;margin:-2px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.infkatsuz[hidden]{display:none!important}
/* Çocuklar · Adresler · Cinsiyet/Ülke işaretleri (24 Eyl 2026, migration 267) */
#infListePop{z-index:170}
/* Bilgi alanları yöneticisi (268) */
#infAlanPop{z-index:59}
.infalust{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.infalust input{flex:1 1 auto;min-width:0;max-width:360px}
.infalust .btn{margin-left:auto}
.infalyeni{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 14px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);margin-bottom:12px}
.infalyeni label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--ink2)}
.infalyeni label small{font-weight:500;color:var(--ink3)}
.infalyeni .infalysec,.infalyeni .infalysoru{grid-column:1/-1}
.infalyeni label.infalyank{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-weight:500}
.infalyeni [hidden]{display:none!important}
.infalyalt{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.infalbas,.infalsat{display:grid;grid-template-columns:52px minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1.3fr) 70px;gap:12px;align-items:center}
.infalbas{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding:0 8px 6px;border-bottom:1px solid var(--line)}
.infalliste{display:flex;flex-direction:column}
.infalsat{padding:9px 8px;border-bottom:1px solid var(--line);font-size:13px}
.infalsat.sabit{background:var(--bg)}
.infalsira{display:inline-flex;gap:2px}
.infalsira button{border:1px solid var(--line);background:var(--card);border-radius:6px;width:22px;height:22px;font-size:11px;cursor:pointer;color:var(--ink2);padding:0}
.infalsira button:disabled{opacity:.3;cursor:default}
.infalad{display:inline-flex;align-items:center;gap:6px;min-width:0} .infalad b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.infaltur{color:var(--ink2);font-size:12.5px}
.infalsec{border:0;background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 9px;font:600 11px var(--f-ui);cursor:pointer;margin-left:4px}
.infalyb{border:1px solid var(--line2);background:var(--card);border-radius:99px;padding:4px 11px;font:500 12px var(--f-ui);color:var(--ink2);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.infalyb:hover{border-color:var(--ink3)} .infalyb.kisitli{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
.infalank{display:flex;align-items:center;gap:8px;min-width:0}
.infalanket{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap}
.infalsoru{border:0;background:none;color:var(--color-link);font:500 12px var(--f-ui);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;min-width:0}
.infalhz{font-size:12px;color:var(--ink2)} .infalyok{color:var(--ink3);font-size:12px}
.infalsil{display:inline-flex;gap:4px;justify-content:flex-end}
.infaltamsil{color:var(--st-no)!important} .infaltamsil:hover{background:var(--st-no-bg)!important}
@media (max-width:760px){ .infalbas{display:none} .infalsat{grid-template-columns:1fr auto;row-gap:6px} .infalsira{display:none} .infalyeni{grid-template-columns:1fr} }
/* anket: çocuk listesi (ek sorular) */
#paSayfa .pacocuklar{display:grid;gap:10px}
#paSayfa .pacocuk{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--pa-soft)}
#paSayfa .pacocukbas{display:flex;align-items:center;justify-content:space-between;font-size:13px}
#paSayfa .pacsil{border:0;background:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;color:var(--pa-ink2)}
#paSayfa .pacdog{display:grid;gap:4px;font-size:12px;color:var(--pa-ink2)}
.inflsliste{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.inflsat{display:grid;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}
.inflsat.cocuk{grid-template-columns:minmax(0,1fr) auto 150px auto}
.inflsat.adres{grid-template-columns:130px minmax(0,1fr) auto;align-items:start}
.inflsat input,.inflsat textarea{width:100%;box-sizing:border-box}
.inflscins{display:inline-flex;gap:4px}
.inflscins button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border:1px solid var(--line2);border-radius:99px;background:var(--card);font:500 12.5px var(--f-ui);color:var(--ink2);cursor:pointer}
.inflscins button.on.kiz{background:var(--st-pembe-bg);border-color:var(--st-pembe-line);color:var(--st-pembe)}
.inflscins button.on.erkek{background:var(--st-mavi-bg);border-color:var(--st-mavi-line);color:var(--st-mavi)}
.btn.infekle,.btn.btekle{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-style:dashed;border-color:var(--line2);color:var(--ink2);font-weight:600;font-size:12.5px;background:var(--card)}
.btn.infekle:hover,.btn.btekle:hover{border-color:var(--ink3);color:var(--ink)}
.infcocuklar{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.infcocuk{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;background:rgba(0,0,0,.05);font-size:12px;white-space:nowrap}
.infcocuk b{font-weight:600} .infcocuk small{color:var(--ink3);font-size:11px}
.infcocuk.kiz{background:var(--st-pembe-bg);color:var(--st-pembe)} .infcocuk.erkek{background:var(--st-mavi-bg);color:var(--st-mavi)}
.cinsik{flex:0 0 auto;vertical-align:-2px;margin-right:4px}
.ttpil .cinsik{margin-right:5px}
.infhassas{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.infhassas .infhmetin{letter-spacing:.04em}
.infhgoz{border:0;background:rgba(0,0,0,.05);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink3);flex:0 0 auto;padding:0}
.infhgoz:hover{color:var(--ink)} .infhgoz.acik{background:var(--accent-soft);color:var(--accent)}
.bayrak{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.ivadresler b{white-space:normal;line-height:1.5}
.ivadresler .adresb{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:rgba(0,113,227,.09);color:var(--iv-mavi);margin-right:4px}
@media (max-width:640px){ .inflsat.cocuk{grid-template-columns:1fr auto} .inflsat.cocuk input[type=date]{grid-column:1/-1} .inflsat.adres{grid-template-columns:1fr auto} .inflsat.adres textarea{grid-column:1/-1} }
/* Influencer ayarları penceresi (24 Eyl 2026) — z 58: içinden açılan Excel önizlemesi/onay pencereleri üstte kalsın */
#infAyarPop{z-index:58}
.infayarkart{width:min(900px,100%);max-height:88vh}
.infayarust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.infayarust h2{margin:0 0 2px}
.infayargovde{display:flex;flex-direction:column;gap:12px}
.infayarblok{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.infayarblok h3{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.infayarblok .row3{margin-top:0}
.infayarkis{display:flex;gap:8px;flex-wrap:wrap}
.infayarkis .btn[hidden]{display:none}
.infkatsuz .iksbas{display:flex;align-items:center;gap:8px}
.infkatsuz .iksbas b{font-size:12.5px;font-weight:600;color:var(--ink)}
.infkatsuz .iksbas small{font-size:11.5px;color:var(--ink3)}
.infkatsuz .iksbas .btn{padding:3px 10px;font-size:11.5px}
.infkatsuz .iksbas .iksac{margin-left:auto}
.infkatsuz .ikssat{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.infkatsuz .iksett{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);flex:0 0 96px}
.infkatsuz .iksgrp{display:inline-flex;gap:5px;flex-wrap:wrap;align-items:center;padding:3px 6px 3px 3px;border-radius:99px;background:var(--bg)}
.infkatsuz .iksgrp i{font-style:normal;font-size:11px;font-weight:600;color:var(--ink2);padding:0 4px 0 8px}
.infkatsuz button.iks{border:1px solid var(--line2);background:var(--card);border-radius:99px;padding:4px 11px;font:500 12.5px var(--f-ui);color:var(--ink2);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}
.infkatsuz button.iks:hover{border-color:var(--ink3)}
.infkatsuz button.iks.on{background:var(--ink);border-color:var(--ink);color:var(--card)}
.infkatsuz button.iks em{font-style:normal;font-size:11px;opacity:.6;margin-left:5px;font-variant-numeric:tabular-nums}
.infkatsuz button.iks.sifir{opacity:.45}
.infkatsuz .iksgift input[type=range]{flex:0 1 260px;min-width:140px;accent-color:var(--accent);margin:0}
.infkatsuz .iksgift output{font-size:12.5px;color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.infkatsuz .iksgift output.on{color:var(--ink);font-weight:600}
.infkatsuz .iksgift button.iks{padding:2px 8px}
@media (max-width:768px){
  .infkatsuz .ikssat{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px} .infkatsuz .ikssat::-webkit-scrollbar{display:none}
  .infkatsuz .iksett{flex-basis:auto} .infkatsuz .iksgrp{flex-wrap:nowrap}
}
/* Kartlardan tabloya dönünce ilgili satır kısa süre vurgulanır */
@keyframes satirVurgu{from{background:var(--accent-soft)} to{background:transparent}}
#talentTable tr.vurgu td{animation:satirVurgu 2.2s ease-out}
/* Son istemci hataları (yönetim) */
.hatasat{border:1px solid var(--line);border-left:3px solid var(--brick,#C4452C);border-radius:var(--r-md);
  padding:9px 12px;margin-bottom:8px;background:var(--card)}
.hatabas{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap}
.hatamsj{flex:1 1 260px;min-width:0;font-size:13px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.hatakez{padding:1px 7px;border-radius:99px;background:rgba(196,69,44,.1);color:var(--brick,#C4452C);
  font-size:10.5px;font-weight:700;font-family:var(--f-mono);white-space:nowrap}
.hatasat .btn{padding:3px 10px;font-size:11.5px}
.talentbar .btn{padding:6px 12px;font-size:12px}
.hatameta{font-size:11.5px;color:var(--ink3);font-family:var(--f-mono);margin-top:4px;overflow-wrap:anywhere}
.hatasat details{margin-top:6px}
.hatasat summary{font-size:11.5px;color:var(--ink3);cursor:pointer;user-select:none}
.hatasat pre{margin:6px 0 0;padding:8px 10px;background:var(--bg);border-radius:8px;font-size:11px;
  font-family:var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink2);max-height:220px;overflow:auto}
/* Bekleyen taslak hatırlatması (arşiv) + imza bildirimi (proforma) */
.hatirlat{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 13px;margin-bottom:12px;
  border:1px solid var(--ochre,#C08A2E);border-radius:var(--r-md);background:rgba(192,138,46,.09);
  font-size:12.5px;color:var(--ink)}
.hatirlat .hatirlatik{font-size:15px;line-height:1}
.hatirlat .btn{padding:5px 11px;font-size:12px;margin-left:auto}
.hatirlat.imza{border-color:var(--ok,#3E7C5A);background:rgba(62,124,90,.09)}
.hatirlat.acil{border-color:var(--brick,#C4452C);background:rgba(196,69,44,.10)}
/* Takipçi verisinin tazeliği — kullanıcı "bu sayılar ne zamandan kalma" diye sorabilmeli */
.takipcison{color:var(--ink3);font-size:11.5px;line-height:1.45}
.takipcison b{color:var(--ink2,var(--ink));font-weight:600}
.takipcison .eski{color:var(--brick,#C4452C)}
/* Bekleyen taslak satırı: sol kenarda uyarı çubuğu */
.lrow.bekleyen{box-shadow:inset 3px 0 0 var(--ochre,#C08A2E)}
.bekroz{display:inline-block;margin-left:6px;padding:0 6px;border-radius:99px;font-size:10px;font-weight:700;
  font-family:var(--f-mono);background:rgba(192,138,46,.16);color:var(--ochre,#C08A2E);vertical-align:middle}
/* Sekme üzerinde bildirim rozeti */
.tab .bildirim{display:inline-block;margin-left:6px;min-width:17px;padding:0 5px;border-radius:99px;
  background:var(--brick,#C4452C);color:#fff;font-size:10px;font-weight:700;font-family:var(--f-mono);text-align:center}
/* Proformalar oluşturana göre gruplanır (migration 39) */
.pfgrup{margin-bottom:14px}
.pfgrup:last-child{margin-bottom:0}
/* Grup başlığı açılır/kapanır düğme (kullanıcı isteği, 31 Ağu 2026).
   Düğme olarak çizildi: klavyeyle de açılıp kapanabilsin. */
.pfgrupbas{display:flex;align-items:center;gap:8px;width:100%;font-family:var(--f-mono);font-size:10.5px;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);font-weight:700;text-align:left;
  padding:4px 2px 5px;border:0;border-bottom:2px solid var(--line2);margin-bottom:2px;
  background:none;cursor:pointer;border-radius:0}
.pfgrupbas:hover{color:var(--ink2)}
.pfgrupbas .ok{display:inline-block;width:12px;color:var(--ink3);
  transition:transform .12s ease;font-size:11px}
.pfgrup.kapali .pfgrupbas .ok{transform:rotate(-90deg)}
.pfgrup.kapali .pfsat{display:none}
/* Satır işlem simgeleri sağa yaslı, sabit sırada */
.pfsat .pfisl{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:auto}
.pfgrupsay{padding:1px 6px;border-radius:99px;background:var(--bg);border:1px solid var(--line);
  font-size:10px;letter-spacing:0;color:var(--ink2)}
/* Influencer proforma TABLO görünümü (kullanıcı isteği, 31 Ağu 2026) */
.ipfust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ipfmini{display:flex;gap:6px;flex:0 0 auto}
.ipfmini .btn{padding:6px 11px;font-size:11.5px;min-height:0;white-space:nowrap;line-height:1.2}
#ipfTablo th[data-ipfsrt]{cursor:pointer;user-select:none;white-space:nowrap}
#ipfTablo th[data-ipfsrt]:hover{color:var(--ink)}
#ipfTablo th .ok{margin-left:4px;font-size:8px;color:var(--accent)}
#ipfTablo td{vertical-align:middle}
#ipfTablo .ipfisl{white-space:nowrap;width:1%}
#ipfTablo .ipfgrupbas td{background:var(--bg);font-family:var(--f-mono);font-size:10px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);font-weight:600;padding:7px 10px}
#ipfTablo .ipfgrupbas .sag{float:right}
#ipfTablo .ipfbos{padding:24px;text-align:center;color:var(--ink3);font-size:13px}
/* Kullanıcı grupları (migration 37) */
.kgrow{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;margin-bottom:9px;background:var(--card)}
.kgbas{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
.kgbas input.kgad{flex:1 1 190px;min-width:150px;padding:6px 9px;border:1px solid var(--line2);border-radius:7px;
  font-family:var(--f-display);font-size:13.5px;font-weight:700;color:var(--ink)}
.kgsay{font-size:11.5px;color:var(--ink3);font-family:var(--f-mono);white-space:nowrap}
.kgkut{display:flex;flex-wrap:wrap;gap:5px 14px}
.kgsg{display:flex;gap:10px;align-items:flex-start;padding:5px 0;border-bottom:1px dashed var(--line)}
.kgsg:last-of-type{border-bottom:0}
.kgsgad{flex:0 0 118px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding-top:2px}
#sfPop .sfgrp{padding:4px 0 6px;border-bottom:1px dashed var(--line)}
#sfPop .sfgrp:last-of-type{border-bottom:0}
#sfPop .sfgrp .kgsgad{display:block;margin:2px 0 3px}
.kgkut label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink2);cursor:pointer;white-space:nowrap}
.kgkut input{width:auto;margin:0}
.kgbaslik{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);
  font-weight:700;margin:8px 0 4px}
/* Gruptan MİRAS alınan yetki: kilitli kutu + rozet */
.mirasroz{display:inline-block;margin-left:4px;padding:0 4px;border-radius:4px;font-size:9.5px;font-weight:700;
  font-family:var(--f-mono);background:var(--bg);border:1px solid var(--line2);color:var(--ink3);vertical-align:middle}
.grupsel{padding:4px 7px;border:1px solid var(--line2);border-radius:7px;font-family:inherit;font-size:11.5px;max-width:150px}
/* "kime gönderildi" etiketi: bekleyen rozeti + kalem düğmesi */
.pfbek{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:99px;font-size:10.5px;
  font-family:var(--f-mono);color:var(--ink3);background:var(--bg);border:1px solid var(--line);vertical-align:middle}
/* Karşı tarafın DOLDURDUĞU ünvan/ad — başlık satırında çip olarak.
   Eskiden `.pfalt` içindeydi ama o satırda nowrap+ellipsis var ve ünvan en sonda
   kaldığı için dar ekranda tamamen kırpılıyordu; listeye bakan kişi kaydı açmadan
   kimin doldurduğunu göremiyordu. */
.pfunvan{display:inline-block;margin-left:7px;padding:1px 8px;border-radius:99px;font-size:11px;
  font-weight:600;color:var(--brick-deep,var(--brick,#C4452C));background:rgba(196,69,44,.08);
  border:1px solid rgba(196,69,44,.22);vertical-align:middle;
  max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfetik{border:0;background:transparent;cursor:pointer;color:var(--ink3);font-size:12px;padding:0 4px;
  line-height:1;opacity:0;transition:opacity .12s;vertical-align:middle}
.pfsat:hover .pfetik,.pfetik:focus{opacity:1}
.pfetik:hover{color:var(--accent)}
/* İmza künyesi (ekip görünümü) */
.pfkunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px}
.pfkunye .kk{border:1px solid var(--line);border-radius:var(--r-sm,10px);padding:8px 11px;background:var(--bg)}
.pfkunye .kk b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ink3);font-weight:600;margin-bottom:2px}
.pfkunye .kk span{font-size:12.5px;font-family:var(--f-mono);overflow-wrap:anywhere}
.pfkunye.imzali{border-left:3px solid var(--st-ok2);padding-left:10px}

/* ---- Belgenin HTML sürümü (imzalanan içerik) ---- */
.pfbelge{font-family:var(--f-ui,system-ui);color:var(--ink,#1B1310)}
.pfbelge .pfbas{text-align:center;margin-bottom:16px}
.pfbelge .pfbaslik{font-size:26px;font-weight:800;letter-spacing:.02em}
.pfbelge .pfaltbaslik{font-size:13px;color:var(--ink3);letter-spacing:.14em;text-transform:uppercase}
.pfbelge .pfust{width:100%;border-collapse:collapse;margin-bottom:18px}
.pfbelge .pfust th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);padding:4px 10px 4px 0;font-weight:600;white-space:nowrap}
.pfbelge .pfust td{padding:4px 24px 4px 0;font-size:13.5px;border-bottom:1px solid var(--line)}
.pfbelge .pfbolum{background:#B4553C;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:7px 14px;border-radius:4px;margin:18px 0 10px}
.pfbelge .pftablo{width:100%;border-collapse:collapse;table-layout:fixed}
.pfbelge .pftablo th{text-align:left;width:170px;vertical-align:top;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink3);font-weight:600;padding:6px 12px 6px 0}
.pfbelge .pftablo td{padding:6px 0;font-size:13.5px;border-bottom:1px solid var(--line);vertical-align:top}
.pfbelge .pfkapsam{font-size:13.5px;line-height:1.7;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--r-sm);min-height:60px}
/* UZUN İÇERİK: taşma yerine sarma. Boşluksuz uzun metin (URL, vergi no, uzun ünvan)
   tabloyu genişletip tasarımı bozmasın diye her hücrede kırılma serbest.
   ⚠️ KRİTİK: genel `th, td { white-space:nowrap }` kuralı buraya da sızıyordu ve
   nowrap varken overflow-wrap HİÇ çalışmaz — uzun adres kartın dışına taşıyordu.
   Bu yüzden .pfbelge içinde nowrap AÇIKÇA geri alınır. (Yaşandı.) */
.pfbelge th, .pfbelge td{white-space:normal}
/* ⚠️ Genel `table{min-width:720px}` kuralı (katalog/yönetim tabloları için) belgeye de
   sızıyordu → dar ekranda tablo kartın dışına taşıyordu. Belge tablolarında sıfırlanır. */
.pfbelge table,.pfodeme{min-width:0}
.pfbelge td, .pfbelge .pfkapsam{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.pfbelge .pfust{table-layout:fixed}
.pfbelge .pfust td{overflow-wrap:anywhere}
.pfbelge .pfust th{white-space:nowrap}      /* kısa etiketler — mobilde blok olur */
/* Çok uzun ünvan başlıkta satır kaydırsın, kutudan taşmasın */
.pfbelge .pfbaslik{overflow-wrap:anywhere}
/* Ödeme dökümü tablosu da aynı sızıntıdan etkilenir */
.pfodeme th,.pfodeme td{white-space:normal}
@media(max-width:560px){
  .pfbelge .pftablo td,.pfbelge .pfkapsam{font-size:12.5px}
  /* Dar ekranda etiket ÜSTTE, değer ALTTA — 2 sütun sıkıştırıp okunmaz hale getirmesin */
  .pfbelge .pftablo th,.pfbelge .pftablo td{display:block;width:auto;border-bottom:0}
  .pfbelge .pftablo th{padding:8px 0 1px;font-size:9.5px}
  .pfbelge .pftablo td{padding:0 0 8px;border-bottom:1px solid var(--line)}
  .pfbelge .pfust th,.pfbelge .pfust td{display:block;width:auto;padding:2px 0}
  .pfbelge .pfbaslik{font-size:22px}
  .pfbelge .pfbolum{padding:6px 10px;font-size:10px;letter-spacing:.1em}
  /* Ödeme dökümü mobilde 2 sütun KALIR (etiket + rakam) ama daralır */
  .pfodeme th{width:52%;font-size:11.5px}
  .pfodeme td{font-size:12px}
}

/* ---- Herkese açık imza sayfası ---- */
#imzaSayfa{background:var(--bg,#EFEAE4);min-height:100vh;min-height:100dvh;padding:28px 16px 60px}
.imzakabuk{max-width:780px;margin:0 auto}
.imzalogo{height:26px;display:block;margin:0 auto 22px}
.imzabelge{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,22px);
  padding:30px 34px;overflow-wrap:anywhere}
/* Onaylı Teklif imza sayfası: müşteri belgeyi PDF'teki hâliyle görür.
   Kap `.otbelge .otonizleme` sınıflarını alır (bkz. 13_acilis.js), burada
   yalnız çevresi ayarlanır: A4 sığsın diye kabuk genişler, sayfa başındaki
   logo gizlenir (belgenin kendi künyesinde zaten var). */
#imzaSayfa.onaylibelge .imzakabuk{max-width:860px}
#imzaSayfa.onaylibelge .imzalogo{display:none}
#imzaSayfa.onaylibelge .imzadurum{max-width:794px;margin-left:auto;margin-right:auto}
#imzaSayfa.onaylibelge .imzaform{max-width:794px;margin-left:auto;margin-right:auto}
.imzaform{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,22px);padding:24px 28px;margin-top:16px}
.imzaform h3{margin:0 0 14px;font-size:16px}
.imzagrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.imzagrid label{display:block;font-size:11.5px;font-weight:600;color:var(--ink2);margin-bottom:4px}
.imzagrid input,.imzagrid textarea,.imzagrid select{width:100%;padding:9px 11px;border:1px solid var(--line2,var(--line));
  border-radius:var(--r-sm,10px);font-family:inherit;font-size:13.5px;resize:vertical;background:#fff;color:inherit}
.imzagrid .zorunlu{color:var(--brick,#C4452C)}
/* Ödeme dökümü kutusu — hem bütçe ekranında hem imza sayfasında kullanılır */
.odemekutu{margin:12px 0 4px;border:1px solid var(--line);border-radius:var(--r-sm,10px);
  padding:12px 14px;background:rgba(0,0,0,.015)}
.odemekutu .odemebos{font-size:12px;color:var(--ink3);line-height:1.5}
.odemekutu .odemebas{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ink3);font-weight:700;margin-bottom:8px}
.odemekutu .odemenot{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-top:9px}
.pfodeme{width:100%;border-collapse:collapse;table-layout:fixed}
.pfodeme th,.pfodeme td{padding:5px 0;font-size:13px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.pfodeme th{font-weight:500;color:var(--ink2);width:58%}
.pfodeme td{font-family:var(--f-mono,ui-monospace,monospace);text-align:right}
.pfodeme tr.vurgu th,.pfodeme tr.vurgu td{font-weight:700;color:var(--ink);border-bottom:0;
  border-top:1.5px solid var(--ink);padding-top:7px}
.imzaonaysatir{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;
  padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm,10px);cursor:pointer;margin-bottom:14px}
.imzaonaysatir input{width:auto;margin-top:2px;flex:0 0 auto;cursor:pointer}
#imzaBtn{width:100%;justify-content:center}
.imzanot{font-size:11.5px;color:var(--ink3);margin:12px 0 0;line-height:1.6}
.imzanot code{font-family:var(--f-mono);font-size:11px}
.imzadurum{border-radius:var(--r-md,16px);padding:14px 18px;margin-bottom:16px;font-size:13.5px;line-height:1.6}
.imzadurum.ok{background:var(--st-ok-bg);border:1px solid var(--st-ok2);color:var(--st-ok)}
.imzadurum.hata{background:var(--st-no-bg);border:1px solid var(--st-no);color:var(--st-no)}
@media(max-width:640px){
  .imzagrid{grid-template-columns:1fr}
  .imzabelge{padding:20px 16px}
  #imzaSayfa{padding:20px 12px 48px}
  .imzaform{padding:18px 16px}
  .imzaform .btn.primary{width:100%}       /* mobilde tam genişlik CTA */
}
/* Toplu içe aktarım önizlemesi (yol haritası #4) */
/* Link düzenlemede değiştirilemeyen alanlar — neden kilitli olduğu görünsün diye
   ayrı bir kutuda, soluk zeminde. */
.lnkkilit{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}
.lnkkilit input{width:100%;background:transparent;color:var(--ink3);cursor:not-allowed}
.dryperde{position:fixed;inset:0;z-index:60;background:rgba(27,19,16,.55);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:20px}
/* ⚠️ `display:flex` HTML'in `hidden` özniteliğini EZER (yaşandı: onaylı teklif
   önizleme penceresi imza sayfasında açık görünüyordu). Mevcut #dryRun bunu
   satır içi style ile çözüyordu; kural olarak yazıldı ki yeni perdeler de
   `hidden` ile kapanabilsin. */
.dryperde[hidden]{display:none}
.drykart{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--r-lg);
  width:min(680px,100%);max-height:86vh;display:flex;flex-direction:column;padding:20px 22px;box-shadow:0 24px 60px rgba(27,19,16,.28)}
.drykart h2{margin:0 0 4px;font-size:17px}
.drygovde{overflow:auto;flex:1 1 auto;margin:0 -4px;padding:0 4px}
.dryaksiyon{display:flex;gap:8px;justify-content:flex-end;padding-top:14px;margin-top:4px;border-top:1px solid var(--line)}
@media(max-width:768px){ .dryaksiyon > .btn{flex:1 1 0} }   /* K-26 açık yayılma: telefonda pencere alt çubuğu tam genişlik, eşit pay */
.dryuyari{border:1px solid var(--brick);background:var(--accent-soft,rgba(196,69,44,.08));color:var(--brick-deep,var(--brick));
  border-radius:var(--r-md);padding:10px 13px;font-size:12.5px;font-weight:600;margin-bottom:12px;line-height:1.5}
.dryuyari div + div{margin-top:6px}
.drysat{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 13px;margin-bottom:8px}
.drysat.u{border-color:var(--ochre,#b8860b)}
.drysat.t{border-color:var(--brick)}
.dryust{display:flex;align-items:center;gap:10px;font-size:13.5px}
.dryust .drysay{margin-left:auto;font-family:var(--f-mono);font-size:15px;font-weight:700}
.drysat.t .drysay{color:var(--brick)}
.dryorn{margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:11.5px;color:var(--ink3);line-height:1.65}
.dryorn div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drydaha{font-family:var(--f-ui);font-style:italic}
.dryyok{padding:26px;text-align:center;color:var(--ink3)}
/* Müşteri seçici (aranabilir + anında oluşturma) */
.musfld{position:relative}
.muspanel{position:absolute;left:0;right:0;top:100%;z-index:40;margin-top:4px;max-height:270px;overflow:auto;
  background:var(--card,#fff);border:1px solid var(--line2,var(--line));border-radius:var(--r-md);
  box-shadow:0 14px 34px rgba(27,19,16,.16)}
.musopt{display:flex;align-items:center;gap:8px;padding:8px 11px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--line)}
.musopt:last-child{border-bottom:0}
.musopt:hover,.musopt.on{background:var(--bg)}
.musopt .mad{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.musopt .mmeta{flex:0 0 auto;font-size:11px;color:var(--ink3);font-family:var(--f-mono)}
.musopt.yeni{color:var(--brick);font-weight:700}
.musopt .msay{flex:0 0 auto;font-size:10.5px;padding:1px 6px;border-radius:99px;background:var(--bg);color:var(--ink3);font-family:var(--f-mono)}
.musbos{padding:14px;text-align:center;color:var(--ink3);font-size:12.5px}
.musroz{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;font-size:11px;color:var(--ink3)}
.musroz .mp{padding:1px 7px;border-radius:99px;background:var(--bg);border:1px solid var(--line)}
.musroz .mp.uyari{border-color:var(--brick);color:var(--brick);font-weight:700}
.musroz .mp.yerel{border-color:var(--ochre,#DDA13C)}
.musroz .mp.rist{border-color:var(--teal,#2E7D74);color:var(--teal,#2E7D74);font-weight:700}
/* ---- Risturn grupları (yönetim) ---- */
.ristsat{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ristsat .ad{font-weight:600;flex:1;min-width:120px}
.ristsat .say{color:var(--ink3);font-size:12px}
.ristsat input[type=number]{width:84px;padding:5px 8px;border:1px solid var(--line2);border-radius:7px;font-family:inherit;font-size:13px}
.ristsat.secili{background:rgba(46,125,116,.07)}
.ristara{width:100%;padding:9px 11px;border:1px solid var(--line2);border-radius:8px;font-family:inherit;font-size:13px;margin-bottom:8px}
.ristsonuc{max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:8px}
.ristsonuc button{display:block;width:100%;text-align:left;padding:7px 11px;border:0;background:none;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line)}
.ristsonuc button:hover{background:var(--bg)}
.ristuye{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 6px 3px 10px;font-size:12.5px;margin:0 6px 6px 0}
.ristuye button{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
.ristuye button:hover{color:var(--brick)}
.ristbos{color:var(--ink3);font-size:12.5px;padding:10px 0}
.ristuyetablo{width:100%;min-width:0;border-collapse:collapse}
.ristuyetablo td{white-space:normal;padding:5px 8px 5px 0;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}
.ristuyetablo td.ad{font-weight:500;overflow-wrap:anywhere}
.ristuyetablo td.or{width:96px;white-space:nowrap;color:var(--ink3);font-size:12px}
.ristuyetablo td.or input{width:66px;padding:5px 8px;border:1px solid var(--line2);border-radius:7px;font-family:inherit;font-size:13px;margin-left:3px}
.ristuyetablo td.et{width:180px;font-size:11.5px}
.ristuyetablo td.et .ozel{color:var(--teal,#2E7D74);font-weight:700}
.ristuyetablo td.et .grup{color:var(--ink3)}
.ristuyetablo td.sil{width:34px;text-align:right}
@media(max-width:640px){ .ristuyetablo td.et{display:none} }
/* Müşteriler ekranı */
/* .muskpi kaldırıldı (1 Eyl 2026) — Müşteriler/Kişiler KPI'ları artık .otkpi kullanıyor */
#musTable td,#musTable th{white-space:nowrap}
#musTable td.mad{white-space:normal;min-width:190px}
.mkaynak{font-size:10.5px;padding:1px 7px;border-radius:99px;border:1px solid var(--line);color:var(--ink3)}
.mkaynak.yerel{border-color:var(--ochre,#DDA13C);color:var(--ochre,#DDA13C)}
.moran{font-family:var(--f-mono);font-weight:700}
.moran.iyi{color:var(--st-ok2)}
.moran.kotu{color:var(--st-no)}
.grupuyeler{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}
.grupsecpanel{margin-top:8px;border-top:1px dashed var(--line2);padding-top:8px}
.grupsecpanel[hidden]{display:none}
.uyegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px}
.uyeitem{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:7px;cursor:pointer;font-size:12.5px}
.uyeitem:hover{background:var(--bg)}
.uyeitem input{width:auto;cursor:pointer;margin:0}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink2);display:flex;align-items:center;gap:6px;font-family:inherit}
.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--line2)}
.chip.on .dot{background:var(--accent)}
.chip .cnt{font-weight:500;color:var(--ink3);font-size:11px}
.chip.on .cnt{color:var(--accent)}
.hint{font-size:12px;color:var(--ink3);margin:2px 0 12px}

/* ---- tablo ---- */
.tablewrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto;max-height:calc(100vh - 300px)}
table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}
th,td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
thead th{position:sticky;top:0;background:var(--card);z-index:20;font-family:var(--f-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);border-bottom:1px solid var(--line)}
th.tcol{text-align:center}
th.tcol small{display:block;font-size:10px;text-transform:none;letter-spacing:0;color:var(--ink3);font-weight:500;margin-top:2px}
td.kod{font-family:ui-monospace,monospace;font-size:12px;color:var(--ink3)}
td.urun{white-space:normal;min-width:230px;max-width:340px;font-weight:500}
tr.cat td{background:var(--bg);font-family:var(--f-display);font-weight:600;font-size:13px;color:var(--ink);padding:9px 12px;border-bottom:1px solid var(--line2)}
td.cell{text-align:center;min-width:140px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600;font-family:var(--f-mono)}
.pill.yapar{background:var(--ok-bg);color:var(--ok)}
.pill.yapmaz{background:var(--no-bg);color:var(--no)}
.pill.sartli{background:var(--cond-bg);color:var(--cond)}
.pill.bos{color:var(--empty);font-weight:500}
.pill.tik{cursor:pointer}
.pill .f{font-weight:700}
.addbtn{border:1px solid var(--line2);background:var(--card);border-radius:7px;width:24px;height:24px;font-size:15px;line-height:1;cursor:pointer;color:var(--accent);font-weight:700;vertical-align:middle;margin-left:6px;font-family:inherit}
.addbtn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
/* Toplu mod açıkken kalem düğmeleri vurgulu (yanlışlıkla toplu ekleme olmasın) */
.toplu .addbtn{border-color:var(--accent);background:var(--accent-soft)}
.toplu .catstep{border-color:var(--accent)}
td.cell.added{background:var(--accent-soft)}
/* Katalog: üzerinde gezinilen ürün satırını hafifçe ayır (hangi kalemde olduğun belli olsun) */
#matrix tbody tr:not(.cat):hover td{background:var(--st-info-bg)}
#matrix tbody tr:not(.cat):hover td.urun{box-shadow:inset 3px 0 0 var(--accent);font-weight:600}
#matrix tbody tr:not(.cat):hover td.cell.added{background:var(--st-info-bg)}
.catstep{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:7px;overflow:hidden;vertical-align:middle;margin-left:6px;background:var(--card)}
.catstep button{width:24px;height:24px;border:0;background:transparent;cursor:pointer;font-size:15px;line-height:1;color:var(--accent);font-weight:700;font-family:inherit}
.catstep button:hover{background:var(--accent);color:#fff}
.catstep b{min-width:24px;text-align:center;font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;padding:0 2px}
.catstep input.adet{width:30px;min-width:30px;text-align:center;font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;font-family:inherit;border:0;border-left:1px solid var(--line2);border-right:1px solid var(--line2);background:transparent;padding:0 1px;height:24px;outline:0;-moz-appearance:textfield}
.catstep input.adet:focus{background:var(--card);box-shadow:inset 0 0 0 2px var(--accent);border-radius:2px}

/* ---- bütçe ---- */
/* ⚠️ `minmax(0,1fr)` ŞART — düz `1fr` aslında `minmax(auto,1fr)`'dir ve geniş bir
   çocuk (ör. #lnkTablo'nun 1080px min genişliği) 1. sütunu şişirip 340px'lik sağ
   sütunu EKRAN DIŞINA iter. Link Takip'te "Rapor" kartı böyle kayboluyordu.
   `.full` de burada tanımlı olmalı: eskiden yalnız `.adminwrap .full` vardı, bu
   yüzden .grid kullanan sayfalarda (linktakip · proforma · infproforma)
   class="card full" HİÇBİR ŞEY YAPMIYOR, kart tam genişlik yerine 1. sütuna sıkışıyordu. */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
/* ---- Onaylı Teklifler ---- */
.otmus{position:relative}
.otroz{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 12px;min-height:0}
.otroz .r{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--bg);color:var(--ink2)}
.otroz .r.uyari{background:var(--no-bg);color:var(--no)}
.otkalembas{display:flex;align-items:center;gap:10px;margin:16px 0 8px;padding-top:13px;border-top:1px solid var(--line)}
.psec2{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.otkalembas .btn{margin-left:auto;padding:5px 11px;font-size:12px}
#otKalemTablo{min-width:0}
#otKalemTablo th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:600;padding:0 8px 6px;text-align:left;white-space:nowrap}
#otKalemTablo td{padding:5px 8px 5px 0;vertical-align:middle;white-space:normal}
#otKalemTablo input,#otKalemTablo textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:inherit;font-size:13px;color:var(--ink);background:var(--card)}
#otKalemTablo textarea{resize:vertical;line-height:1.45}
#otKalemTablo .sag input{text-align:right;font-variant-numeric:tabular-nums}
.ottoplam{margin-top:12px;border-top:1px solid var(--line);padding-top:11px;display:grid;gap:5px;justify-items:end}
.ottoplam div{display:flex;gap:16px;align-items:baseline;font-size:13px;color:var(--ink2)}
.ottoplam div b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);min-width:120px;text-align:right}
.ottoplam div.buyuk{font-size:15px;color:var(--ink);font-weight:700;border-top:2px solid var(--ink);padding-top:8px;margin-top:3px}
.ottoplam div.buyuk b{font-size:17px}
.otsatir{display:flex;align-items:center;gap:11px;padding:11px 6px;border-bottom:1px solid var(--line);border-radius:9px}
.otsatir:last-child{border-bottom:none}
.otsatir:hover{background:var(--bg)}
.otsatir .kim{flex:1;min-width:0}
.otsatir .kim b{display:block;font-size:13px;color:var(--ink);font-weight:600}
.otsatir .kim span{font-size:11px;color:var(--ink3);font-family:var(--f-mono)}
.otsatir .tut{font-family:var(--f-mono);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
/* ---- Proforma: amaca göre mod (link / Word) ---- */
.pfmodbar{display:inline-flex;background:var(--bg);border:1px solid var(--line2);border-radius:12px;padding:3px;gap:3px;margin-bottom:16px}
.pfmodbar .pfmod{font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:9px;
  border:0;background:transparent;color:var(--ink3);cursor:pointer;min-width:auto;width:auto}
.pfmodbar .pfmod:hover{color:var(--ink2)}
.pfmodbar .pfmod.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(27,19,16,.08)}
.zor{color:var(--brick);font-weight:700}
.pfipuc{font-weight:500;color:var(--ink3);font-size:10.5px}
/* alıcı alanları link modunda kaybolmaz — soluk bloğa iner */
.pfhayalet{border:1px dashed var(--line2);border-radius:12px;padding:12px 14px;background:var(--bg);margin:14px 0 12px}
.pfhbas{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
.pfhcubuk{height:9px;border-radius:99px;background:var(--line);margin-bottom:7px}
.pfhcubuk.k{width:58%}.pfhcubuk.o{width:76%}.pfhcubuk.u{width:88%}
.pfhalt{font-size:11px;color:var(--ink3);margin-top:9px;line-height:1.5}
.pfhlink{border:0;background:none;padding:0 0 0 4px;font-family:inherit;font-size:11px;font-weight:700;
  color:var(--brick);cursor:pointer;text-decoration:underline;min-width:auto;width:auto}
/* katlanır proforma metni */
.pfkatla{display:flex;align-items:center;gap:7px;width:100%;border:0;background:none;padding:11px 0 0;
  border-top:1px solid var(--line);font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);
  cursor:pointer;text-align:left;min-width:auto}
.pfkatla:hover{color:var(--ink)}
.pfkatla .ok{color:var(--ink3);font-size:10px;transition:transform .15s}
.pfkatla.acik .ok{transform:rotate(90deg)}
.grid > *{min-width:0}
.grid .full{grid-column:1/-1}
@media(max-width:980px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}
.card h2{font-family:var(--f-display);font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}
.card h2+.note{margin-top:-10px;margin-bottom:14px}
.itemrow{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.itemrow:last-child{border-bottom:0}
.itemrow .t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brick)}
.itemrow .u{font-weight:500}
.itemrow .k{font-family:ui-monospace,monospace;font-size:11px;color:var(--ink3)}
/* Serbest Bütçe Hazırlama (22 Eyl 2026): kalem giriş formu (Seçilen kalemler kartında #items üstünde) */
#serbestbutce .sbust{margin-bottom:12px}
.sbform{border:1px solid var(--line);border-radius:12px;padding:12px 14px 8px;margin:6px 0 12px;background:var(--bg)}
.sbform .sbfrow{display:grid;grid-template-columns:1.1fr 1.6fr .9fr 70px auto auto;gap:10px;align-items:end}
.sbform .fld{margin:0} .sbform .fld label{font-size:11px} .sbform .sbopt{font-weight:400;color:var(--ink3)}
.sbform input{width:100%;box-sizing:border-box}
.sbform .sbsartli{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap;padding-bottom:9px;cursor:pointer} .sbform .sbsartli input{width:auto;margin:0}
.sbform .btn{white-space:nowrap}
.sbform .sbnot{margin:8px 0 0;font-size:11.5px}
.itemrow .k .sbfiyat{border:0;background:none;color:var(--ink3);cursor:pointer;padding:0 3px;vertical-align:-1px;font-family:var(--f-ui)} .itemrow .k .sbfiyat:hover{color:var(--accent)}
@media(max-width:1100px){ .sbform .sbfrow{grid-template-columns:1fr 1fr} .sbform .sbhiz{grid-column:1/-1} }
@media(max-width:768px){ .sbform .sbfrow{grid-template-columns:1fr} }
.stepper{display:flex;align-items:center;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.stepper button{width:26px;height:28px;border:0;background:var(--bg);cursor:pointer;font-size:15px;color:var(--ink2);font-family:inherit}
.stepper input{width:38px;border:0;text-align:center;font-family:inherit;font-size:13px;font-weight:600}
.stepper input:focus{outline:none}
.stepper:focus-within{border-color:var(--focus-ring)}   /* K-39: girdi çerçevesiz — odak kapta */
.itemrow .tut{font-family:var(--f-mono);font-weight:600;min-width:100px;text-align:right;font-variant-numeric:tabular-nums}
.itemrow .tutliste{font-size:11px;color:var(--ink3);font-weight:500;margin-top:1px}
.rm{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:16px;padding:4px;font-family:inherit}
.rm:hover{color:var(--no)}
.empty-state{padding:36px 12px;text-align:center;color:var(--ink3)}
.empty-state b{color:var(--ink2)}
.params{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.fld{margin-bottom:10px}
.fld label,.params label{font-size:11.5px;font-weight:600;color:var(--ink2);display:block;margin-bottom:4px}
.fld input,.fld textarea,.params input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:inherit;font-size:13px;color:var(--ink);background:var(--card)}
.params input{font-weight:600;font-size:14px;padding-top:7px;padding-bottom:7px}
.params input[type=date]{padding-top:6px;padding-bottom:6px}   /* 42 px idi; aynı satırdaki select'ler ve diğer pencere formları 36 px */
.fld textarea{line-height:1.5;resize:vertical}
.sumline{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;color:var(--ink2)}
.sumline b{color:var(--ink);font-variant-numeric:tabular-nums}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);margin-top:8px;padding-top:12px}
.total .lbl{font-family:var(--f-display);font-weight:600}
.total .val{font-family:var(--f-display);font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kir{margin-top:14px}
.kirrow{margin-bottom:9px}
.kirrow .top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:3px}
.kirrow .top b{font-variant-numeric:tabular-nums}
.kirbar{height:6px;background:var(--bg);border-radius:99px;overflow:hidden}
.kirbar i{display:block;height:100%;background:var(--brick);border-radius:99px}
.warn{background:var(--cond-bg);color:var(--cond);border-radius:8px;padding:8px 11px;font-size:12.5px;font-weight:500;margin-top:10px}
.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
:is(#butce,#serbestbutce) .card > .actions > .btn{flex:1 1 auto}   /* K-26 açık yayılma: Bütçe / Serbest Bütçe özet kartının düğme ızgarası kartı doldurur (Özeti kopyala · Excel · PDF …) */
/* K-26 (25 Eyl 2026): düğme varsayılanı İÇERİK GENİŞLİĞİ. Eski `flex:1;min-width:100px` her flex satırında
   düğmeleri yayıyor/sıkıştırıyordu (26 istisna birikmişti). Eşit paylaşım / tam genişlik istenen yer
   kapsayıcı kuralıyla AÇIKÇA yazılır: `.kap > .btn{flex:1 1 0}` ya da tek yardımcı `.btnyay` (aşağıda). */
.btn{flex:0 0 auto;border:1px solid var(--line2);background:var(--card);border-radius:var(--r-sm);
  min-height:36px;padding:9px 13px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}
.btn:hover{background:var(--bg);border-color:var(--line2)}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn.primary:hover{background:#B03D26;border-color:#B03D26}
.btn.dim{color:var(--ink3)}
.btn.btnyay{flex:1 1 0}   /* K-26 tek yayılma yardımcısı: satırı eşit paylaşan düğme */
.toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;transition:opacity .25s;pointer-events:none;z-index:2147483000}   /* K-21: bildirim her pencerenin üstünde */
.toast.show{opacity:1}

/* ---- yönetim ---- */
.adminwrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:1000px){.adminwrap{grid-template-columns:1fr}}
.adminwrap .full{grid-column:1/-1}
.ucluayar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.ucluayar .card h2{margin-bottom:10px}
.minitable{width:100%;border-collapse:collapse;font-size:13px}
.minitable th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--ink3);text-align:left;padding:9px 9px;border-bottom:1px solid var(--line);white-space:nowrap}
.minitable td{padding:9px 9px;border-bottom:1px solid var(--line);white-space:nowrap}
.minitable td.wrap{white-space:normal}
.minitable td.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minitable input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-family:inherit;font-size:12.5px;background:var(--bg)}
.minitable input:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--card)}
.row3{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:12px}
.tagrole{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px}
.tagrole.a{background:var(--ink);color:#fff}
.tagrole.u{background:var(--line);color:var(--ink2)}
.tagrole.an{background:var(--accent-soft);color:var(--accent)}
/* ---- Link Takip ---- */
.lnkbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.lnkkod{font-family:var(--f-mono,ui-monospace,monospace);font-weight:700}
.lnkurl{display:flex;gap:8px;align-items:center;margin-top:10px}
.lnkurl input{flex:1;min-width:0;font-family:var(--f-mono,ui-monospace,monospace);font-size:12.5px;
  padding:9px 11px;border:1px solid var(--line2,var(--line));border-radius:var(--r-sm,10px);background:var(--card,#fff)}
.lnkkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}
.lnkkpi .k{border:1px solid var(--line);border-radius:var(--r-sm,10px);padding:11px 13px}
.lnkkpi .k span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:700}
.lnkkpi .k b{display:block;font-family:var(--f-display,inherit);font-size:22px;margin-top:3px;line-height:1.1}
.lnkkir{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.lnkkir h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.lnkkir table{width:100%;min-width:0;border-collapse:collapse}
.lnkkir th,.lnkkir td{white-space:normal;padding:4px 0;font-size:12.5px;border-bottom:1px solid var(--line);text-align:left}
.lnkkir td{text-align:right;font-family:var(--f-mono,ui-monospace,monospace);width:70px}
.lnkkir .cbar{height:4px;border-radius:3px;background:var(--brick,#C4452C);opacity:.75;margin-top:3px}
.lnkbos{color:var(--ink3);font-size:12.5px;padding:14px 0}
/* ⚠️ Burada eskiden `min-width:0` vardı ve global `table{min-width:720px}`
   korumasını İPTAL ediyordu. Dar ekranda (sidebar + 1280px dizüstü) tablo
   eziliyor, `overflow-wrap:anywhere` olan hücreler harf harf alt alta
   kırılıyordu — ekip arkadaşlarının gördüğü bozulma buydu.
   Doğrusu: tablo daralmayı BIRAKSIN, kapsayıcı yatay kaysın. */
/* 12 Eyl 2026: SABİT DÜZEN — th genişlikleri tutar, kenardan genişletme çalışır,
   uzun metin satırı uzatmaz (musTable kalıbı: width:max-content ŞART, yoksa yeni
   genişlik komşuları sıkıştırır). Kap yatay kaydırır. */
#lnkTablo{table-layout:fixed;min-width:100%}   /* genişlik lnkTabloCiz'de JS'ten (Σ sütun) */
#lnkTablo th.lnkisl{width:118px}   /* sabit düzende işlem sütunu 1% ile ezilirdi — 4 simge için sabit genişlik */
#lnkTablo td.lnkell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lnkTablo td.lnkell div.lnkell{overflow:hidden;text-overflow:ellipsis}
/* Sıralanabilir sütun başlıkları */
#lnkTablo th.srt{cursor:pointer;user-select:none;white-space:nowrap}
#lnkTablo th.srt:hover{color:var(--accent)}
#lnkTablo th.srt .ok{font-size:9px;opacity:.45;margin-left:3px}
#lnkTablo th.srt.aktif{color:var(--accent)}
#lnkTablo th.srt.aktif .ok{opacity:1}
/* Markaya göre gruplama başlığı */
#lnkTablo tr.mgrup td{background:var(--bg);font-family:var(--f-mono);font-size:10.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);padding:7px 8px;
  border-top:2px solid var(--line2);white-space:nowrap}
#lnkTablo tr.mgrup .msay{margin-left:7px;padding:1px 6px;border-radius:99px;background:var(--card);
  border:1px solid var(--line);font-size:10px;letter-spacing:0;color:var(--ink3)}
#lnkGrupTog{white-space:nowrap;min-width:auto;padding:6px 12px;font-size:12px}
#lnkGrupTog.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
/* Sarılabilen metin hücreleri. `min-width` ŞART: yoksa tablo algoritması
   bu sütunları 40px'e kadar eziyor ve `overflow-wrap:anywhere` yüzünden
   "Propi/a" gibi harf harf kırılma oluyordu. */
#lnkTablo td.wr{white-space:normal;max-width:240px;min-width:150px;overflow-wrap:anywhere}
/* Marka adları kısa — hiç sarılmasın. */
#lnkTablo td.lnkmarka{white-space:nowrap}
/* Adres hücreleri SARILMAZ — uzun hedef adresler satırı ikiye üçe bölüp
   tabloyu dalgalandırıyordu. Tek satır + üç nokta; tamamı `title`'da. */
#lnkTablo td.lnkadres{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
#lnkTablo td.lnkadres a{display:inline-block;max-width:100%;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
#lnkTablo td.lnkkisa{white-space:nowrap}
@media(max-width:640px){ .lnkkir{grid-template-columns:1fr} }
.note{font-size:12px;color:var(--ink3);line-height:1.55;margin-top:10px}
/* ---- Arşiv: durum rozeti / tarih girişi / pano ---- */
.dinp{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-family:var(--f-mono);font-size:12px;color:var(--ink2)}
.dsel{border-radius:999px;padding:3px 22px 3px 9px;font-size:11px;font-weight:700;border:1px solid transparent;font-family:inherit;cursor:pointer;
  -webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 7px center;background-size:8px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%234b515e' stroke-width='1.6'/></svg>")}
.dsel:focus{outline:2px solid var(--accent);outline-offset:1px}
.droz{display:inline-block;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}
.d-taslak{background:var(--bg);color:var(--ink3)}
.d-gonderildi{background:var(--st-mor-bg);color:var(--st-mor)}
.d-kazanildi{background:var(--ok-bg);color:var(--ok)}
.d-kaybedildi{background:var(--no-bg);color:var(--no)}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.seg button{border:0;background:var(--card);color:var(--ink2);font-family:inherit;font-size:11.5px;font-weight:700;padding:5px 10px;cursor:pointer}
.seg button+button{border-left:1px solid var(--line2)}
.seg button.on{background:var(--ink);color:var(--card)}   /* #fff koyu temada açık --ink zeminde kayboluyordu */
.segbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:700}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:var(--card);
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:18px}
.kpi>div{padding:18px 20px 20px;border-right:1px solid var(--line);border-top:1px solid var(--line)}
.kpi>div:nth-child(-n+4){border-top:0}
.kpi>div:last-child{border-right:0}
.kpi .ik{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;margin-bottom:14px}
.kpi .k{font-size:13px;color:var(--ink3);font-weight:500;margin-bottom:6px}
.kpi .v{font-family:var(--f-display);font-size:29px;font-weight:700;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;line-height:1.05}
.kpi .s{font-family:var(--f-mono);font-size:11.5px;font-weight:600;color:var(--ink3);margin-top:6px}
.grafgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grafbox{border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px 10px}
.grafbas{font-family:var(--f-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);font-weight:600;margin-bottom:12px}
.grafbox svg{display:block;width:100%;height:auto;overflow:visible}
.grafyok{color:var(--ink3);font-size:12.5px;padding:14px 0}
.leg{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.leg span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink2);font-weight:600}
.leg i{width:9px;height:9px;border-radius:2px;display:inline-block}
@media(max-width:860px){ .grafgrid{grid-template-columns:1fr} }
/* ---- kullanıcı satırı: avatar + düzenlenebilir ad ---- */
.kuser{display:flex;align-items:center;gap:11px}
.uav{width:38px;height:38px;border-radius:50%;flex:none;border:1px solid var(--line);cursor:pointer;
  background:var(--brick);background-size:cover;background-position:center;color:#fff;
  font-family:var(--f-mono);font-size:12px;font-weight:700;display:grid;place-items:center;padding:0}
.uav:hover{outline:2px solid var(--accent);outline-offset:1px}
.tblwrap{overflow-x:auto;margin-bottom:10px}
#userTable{min-width:980px}
#userTable td:first-child,#userTable th:first-child{min-width:300px;width:300px}
.kuinfo{min-width:0;flex:1;white-space:normal}
.kuinfo .uad,.kuinfo .umail{display:block}
.kuinfo .uad{width:100%;min-width:0;padding:6px 9px;border:1px solid transparent;border-radius:8px;
  font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink);background:transparent}
.kuinfo .uad:hover{border-color:var(--line);background:var(--card)}
.kuinfo .uad:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--card);border-color:transparent}
.kuinfo .umail{width:100%;min-width:0;padding:5px 9px;margin-top:2px;border:1px solid transparent;border-radius:8px;
  font-family:var(--f-mono);font-size:11.5px;color:var(--ink3);background:transparent}
.kuinfo .umail:hover:not(:disabled){border-color:var(--line);background:var(--card)}
.kuinfo .umail:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--card);border-color:transparent;color:var(--ink)}
.kuinfo .umail:disabled{opacity:.55}
.kumeta{font-family:var(--f-mono);font-size:10px;color:var(--ink3);padding-left:9px;margin-top:1px}
/* ---- KULLANICILAR SIKIŞIK SATIR + DETAY PENCERESİ (15 Eyl 2026) ---- */
#userTable td:first-child,#userTable th:first-child{min-width:230px;width:230px}
#userTable tr.kulrow td{padding:3px 8px;vertical-align:middle}
#userTable tr.kulrow.pasif td{opacity:.7}
#userTable tr.kulrow .kuser{gap:8px}
#userTable tr.kulrow .uav{width:26px;height:26px;font-size:10px}
#userTable tr.kulrow .kuinfo{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.kulad{background:none;border:0;padding:0;margin:0;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.kulad:hover{color:var(--accent);text-decoration:underline}
.kulalt{font-size:10.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
#userTable td.kulsg{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);white-space:nowrap}
#userTable tr.kulrow .grpmini{padding:3px 8px;font-size:11.5px}
#userTable tr.kulrow .tagrole{font-size:10.5px;padding:1px 7px}
#kulDetayPop .drykart{width:min(560px,94vw);padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.kdbas{display:flex;align-items:center;gap:12px}
.kdav.uav{width:52px;height:52px;font-size:16px}
.kdad{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kdad input{width:100%;border:1px solid transparent;border-radius:8px;padding:5px 8px;font-family:inherit;background:transparent}
.kdad input.kdadinp{font-size:17px;font-weight:800;color:var(--ink)}
.kdad input.kdunvan{font-size:12.5px;color:var(--ink2)}
.kdad input:hover:not(:disabled){border-color:var(--line);background:var(--card)}
.kdad input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent;background:var(--card)}
.kdad input:disabled{opacity:.85}
.kdkapat{flex:0 0 auto}
.kdgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.kdalan label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:3px;font-weight:700}
.kdalan input,.kdalan select{width:100%;height:32px;font-size:12.5px}
.kdalan input.kdmail,.kdalan input.kdkad{font-family:var(--f-mono);font-size:11.5px}
.kdmetin{font-size:12.5px;color:var(--ink);min-height:32px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.kdcip{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 8px;font-size:11.5px}
.kdalt{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.kdalt .btn{font-size:12px;padding:5px 11px}
.kdalt .btn.kdsil{color:var(--no);border-color:var(--no)}
@media(max-width:560px){ .kdgrid{grid-template-columns:1fr} }
/* Kullanıcı Grupları — açılır/kapanır kartlar */
.kgarac{font-size:11.5px;color:var(--ink3);margin-bottom:6px}
.kgarac .lnk{background:none;border:0;padding:0;font:inherit;color:var(--color-link);cursor:pointer}
.kgrow .kgbas{cursor:pointer;margin-bottom:0}
.kgrow:not(.kapali) .kgbas{margin-bottom:8px}
.kgrow.kapali .kggov{display:none}
.kgrow.pasif .kgad{color:var(--ink3);text-decoration:line-through}
.kgcar{color:var(--ink3);width:12px;flex:0 0 auto;display:inline-flex;transform:rotate(90deg);transition:transform .15s}
.kgrow.kapali .kgcar{transform:rotate(0deg)}
.kgozet{font-size:11px;color:var(--ink3);white-space:nowrap}

/* ---- liste satırı (arşiv) ---- */
.lrow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.lrow:last-child{border-bottom:0;padding-bottom:0}
.lrow:first-child{padding-top:0}
.lbm{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;
  font-family:var(--f-mono);font-size:11px;font-weight:700;color:#fff}
.lmain{min-width:0;flex:1}
.ln{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ln .lk{font-weight:500;color:var(--ink2)}
.ls{font-family:var(--f-mono);font-size:11.5px;color:var(--ink3);margin-top:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ltut{font-family:var(--f-mono);font-size:13px;font-weight:600;flex:none;font-variant-numeric:tabular-nums}
.lact{display:flex;align-items:center;gap:4px;flex:none}
.lact .btn{min-height:30px;padding:0 12px;font-size:12.5px}
@media(max-width:760px){
  .lrow{flex-wrap:wrap;gap:10px}
  .lmain{flex:1 1 60%}
  .ltut{margin-left:auto}
}

/* Yönetim paneli — kompakt yerleşim (yalnız #yonetim) */
/* ---- YÖNETİM PANELİ: SEKMELİ DÜZEN (27 Ağu 2026) ----
   11 kart düz bir ızgarada tek akışta duruyordu: hiyerarşi yoktu, sık kullanılan
   Kullanıcılar en alttaydı ve sığdırmak için kart dolgusu/başlığı küçültülmüştü.
   Artık kartlar 4 gruba ayrılıp sekmelerin arkasına alınıyor; ekranda görünen
   miktar sabit kaldığı için panel büyüdükçe bozulmuyor.
   ⚠️ Kartların İÇİ değişmedi — yalnız hangi kartın ne zaman görüneceği değişti.
   Sekme yapısı çalışma anında JS ile kurulur (05_yonetim.js → yonetimSekmeKur);
   JS çalışmazsa kartlar DOM'da olduğu gibi kalır. */
#yonetim .adminwrap.sekmeli{display:block}
/* ⚠️ minmax(0,1fr) ŞART — düz `1fr` track'inin örtük min-width'i `auto`dur ve
   içerik (980px'lik #userTable) track'i kapsayıcının dışına ittirir; o zaman
   .tblwrap'in yatay kaydırması HİÇ devreye girmez, sütunlar ekran dışında kalır
   ve kullanıcı onlara ulaşamaz. Aynı sebeple aşağıdaki min-width:0'lar da şart. */
/* Komuta Paneli (1 Eyl 2026, tasarım A): dikey menü yerine yatay ALT-ÇİZGİLİ sekme
   şeridi — OT sayfa dilinin yönetim hâli. Sınıf adları korunur, yalnız biçim değişti. */
.yongovde{display:block}
.yonyan{display:flex;flex-direction:row;gap:2px;border-bottom:1px solid var(--line2);
  margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.yonyan::-webkit-scrollbar{display:none}
.yonsek{display:flex;align-items:center;gap:7px;text-align:left;white-space:nowrap;
  padding:9px 15px 11px;border:0;border-bottom:2.5px solid transparent;margin-bottom:-1px;
  background:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink3);
  cursor:pointer;line-height:1.35}
.yonsek:hover{color:var(--ink2)}
.yonsek.acik{color:var(--ink);border-bottom-color:var(--accent)}
.yonsek .roz{display:none;min-width:17px;padding:0 5px;border-radius:99px;
  background:var(--accent);color:#fff;font-family:var(--f-mono);font-size:9.5px;font-weight:700;
  line-height:16px;text-align:center;flex:0 0 auto}
/* KPI şeridi: .otkpi tabanı + yönetim vurguları */
#yonetim .otkpi{grid-template-columns:repeat(4,1fr)}
#yonetim .otkpi > div.yonuyar{background:linear-gradient(135deg,rgba(196,69,44,.06),transparent);border-color:rgba(196,69,44,.35)}
#yonetim .yondip{font-size:11px;font-weight:700;margin-top:2px}
#yonetim .yondip .ysl{color:var(--ok,var(--st-ok2))}
#yonetim .yondip .krm{color:var(--st-no)}
@media(max-width:640px){ #yonetim .otkpi{grid-template-columns:1fr 1fr} }
.yonicerik{display:grid;gap:12px;min-width:0}
.yonpnl{display:none;min-width:0}
.yonpnl.acik{display:grid;gap:12px;min-width:0}
/* Panel içindeki kartlar da ızgara öğesi — kendileri de daralabilmeli, yoksa
   geniş tablolar kartı şişirir ve kaydırma kapsayıcısı işlevsiz kalır. */
.yonpnl > *{min-width:0}
#yonetim .tblwrap{max-width:100%}
/* ≤900px: yatay şerit zaten kaydırılabilir — ek kural gerekmez (tasarım A). */
#yonetim .adminwrap{gap:12px}
#yonetim .ucluayar{gap:12px}
#yonetim .card{padding:13px}
#yonetim .card h2{font-size:14px;margin-bottom:9px}
#yonetim .ucluayar .card h2{margin-bottom:8px}
#yonetim .note{font-size:11px;line-height:1.45;margin-top:7px}
#yonetim #userTable{margin-bottom:10px}

/* ---- hücre düzenleyici ---- */
#editor{position:fixed;inset:0;background:rgba(20,22,28,.45);z-index:210;display:none;align-items:center;justify-content:center;padding:20px}
#editor .box{background:var(--card);border-radius:14px;padding:22px;width:100%;max-width:330px}
#editor h3{font-family:var(--f-display);font-size:15px;margin-bottom:3px}
#editor .sub{font-size:12.5px;color:var(--ink3);margin-bottom:16px}
#editor .segs{display:flex;gap:6px;margin-bottom:14px}
#editor .seg{flex:1;border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:8px 4px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink2)}
#editor .seg.on{background:var(--ink);color:var(--card);border-color:var(--ink)}

/* ---- alt bant ---- */
.bottombar{position:fixed;left:290px;right:0;bottom:0;background:var(--ink);color:#fff;padding:12px 24px;display:flex;align-items:center;gap:24px;z-index:60}
.bottombar .lbl{font-family:var(--f-mono);font-size:10px;color:rgba(244,231,226,.5);text-transform:uppercase;letter-spacing:.1em}
.bottombar .big{font-family:var(--f-display);font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bottombar .go{margin-left:auto;background:#fff;color:var(--ink);border:0;border-radius:999px;padding:9px 20px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}

/* ---- yazdırma: kurumsal teklif belgesi ---- */
#printSheet{display:none}
  /* ===== ONAYLI TEKLİF BELGESİ (düzen A — kullanıcı onayı, 30 Ağu 2026) =====
     ⚠️ BU KURALLAR @media print DIŞINDADIR ve seçici `.otbelge`dir (id değil):
        aynı stil hem baskıda (#printSheet.otbelge) hem EKRAN ÖNİZLEMESİNDE
        (#otPopBelge.otbelge) geçerli olsun diye. Tek stil kaynağı.
        Sınıf seçici, uygulamanın eleman seçicilerini (table/th/td/thead th)
        yine yener; o kurallar belgeye sızmaz.
     Referans belgeye (Roborock S-0876) sadık: solda büyük logo, sağda firma künyesi,
     ORTALANMIŞ "TEKLİF", solda müşteri künyesi + sağda tarih, üç sütunlu tablo,
     SAĞ YARIDA toplamlar. Koyu bant / renk YOK — siyah-beyaz baskıda birebir çıkar.
     ⚠️ Toplam bloğundaki ÜÇ SATIR DA aynı ağırlıkta (kullanıcı isteği): referansta
        KDV satırı ince yazılmıştı, artık Ara Toplam ve Toplam ile aynı. */
  .otbelge{background:#fff;padding:13mm 12mm;font-family:'Inter',system-ui,sans-serif;color:#000;font-size:10.5px;line-height:1.5}
  .otbelge .otust{display:flex;justify-content:space-between;align-items:flex-start}
  .otbelge .otust img{height:34px;width:auto;aspect-ratio:689/120;
    display:block;flex:0 0 auto}
  /* ⚠️ SOLA YASLI SABİT GENİŞLİKTE BLOK (kullanıcı isteği, 30 Ağu 2026).
     Sağa yaslıyken uzun ADRES satırı ünvandan daha SOLA taşıyordu
     (ünvan 63, adres ~100 karakter). Artık her satır aynı noktadan
     başlar; sığmayan adres bloğun içinde alt satıra iner.
     98mm: ünvan tek satıra sığar (94mm de yeter, pay bırakıldı ki
     yazı tipi yedeğe düşerse bölünmesin) ve logoyla çakışmaz
     (logo 195px + blok 370px = 565px ≤ 703px satır genişliği). */
  .otbelge .otfirma{flex:0 1 auto;max-width:98mm;
    text-align:left;font-size:9.6px;line-height:1.72;color:#000;overflow-wrap:anywhere}
  .otbelge h1{text-align:center;font-size:23px;font-weight:700;letter-spacing:.02em;margin:12mm 0 0}
  .otbelge .otkunye{display:flex;justify-content:space-between;align-items:flex-start;margin-top:8mm;font-size:10.5px}
  .otbelge .otkunye div.sat{margin-bottom:3px}
  .otbelge .otkunye b{font-weight:700}
  .otbelge table{width:100%;border-collapse:collapse;margin-top:15mm;min-width:0}
  /* ⚠️ Global `thead th` (mono + BÜYÜK HARF + harf aralığı + sticky + zemin)
     ekran tabloları için; belgeye sızıyordu. Her özelliği açıkça geri alıyoruz. */
  .otbelge thead th{font-family:'Inter',system-ui,sans-serif;font-weight:700;
    font-size:10.5px;text-transform:none;letter-spacing:normal;text-align:left;padding:8px 0;
    border-top:.9px solid #000;border-bottom:.9px solid #000;white-space:nowrap;
    color:#000;position:static;background:transparent}
  .otbelge thead th.a{width:80px}
  .otbelge thead th.t{width:118px;text-align:right}
  .otbelge tbody td{padding:10px 0 11px;font-size:10.5px;vertical-align:top;
    white-space:normal;color:#000;border:none;break-inside:avoid}
  .otbelge tbody td.t{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
  .otbelge tbody td.a{font-variant-numeric:tabular-nums}
  .otbelge .otkbas{font-weight:700}
  .otbelge .otcizgi{border-top:.9px solid #000}
  .otbelge .ottop{width:52%;margin-left:auto}
  .otbelge .ottop .r{display:flex;justify-content:space-between;align-items:baseline;
    padding:7px 0;border-bottom:.7px solid #000;font-size:10.5px;font-weight:700;break-inside:avoid}
  .otbelge .ottop .r:last-child{border-bottom:none}
  .otbelge .ottop .r b{font-weight:700;font-variant-numeric:tabular-nums}
  /* Belgenin altındaki MÜŞTERİ ONAYI damgası. Link akışında yer tutucularla
     ({{a_adsoyad}} vb.) basılır, imza anında SUNUCUDA doldurulup dondurulur. */
  .otbelge .otimza{margin-top:10mm;border:.9px solid #000;padding:5mm 6mm;break-inside:avoid}
  .otbelge .otimzabas{font-weight:700;font-size:10.5px;margin-bottom:3mm;
    padding-bottom:2mm;border-bottom:.6px solid #000}
  .otbelge .otimzatab{width:100%;border-collapse:collapse;min-width:0;margin:0}
  .otbelge .otimzatab th{width:34%;text-align:left;font-weight:600;font-size:9.6px;
    padding:3px 0;border:none;white-space:nowrap;color:#000;background:transparent;
    position:static;font-family:'Inter',system-ui,sans-serif;text-transform:none;letter-spacing:normal}
  .otbelge .otimzatab td{padding:3px 0;font-size:9.6px;border:none;white-space:normal;
    color:#000;overflow-wrap:anywhere}
  .otbelge .otimzanot{margin-top:3mm;font-size:8.6px;line-height:1.5;color:#000}
  .otbelge .otnot{margin-top:9mm;font-size:9.6px;line-height:1.6;color:#000;break-inside:avoid}

/* ---- Onaylı Teklifler sayfası: başlık · sayaçlar · süzgeç · pano · tablo ---- */
.otust2{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin:0 0 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 16px}
.otust2 .btn{white-space:nowrap}
.otust2 h2{font-family:var(--f-display);font-size:17px;font-weight:700;letter-spacing:-.01em}
.otalt{font-size:12.5px;color:var(--ink3);margin-top:2px}
.otkpi{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}
/* OT'de yalnız 3 dönem kutusu kaldı (1 Eyl 2026 — Teklif + Toplam tutar kaldırıldı) */
#onayliteklif .otkpi{grid-template-columns:repeat(3,1fr)}
/* Kabul edilen dönem kutuları: rakam vurgulu, tutarlar mono hizalı */
.otkpi > div.kabul b{color:var(--accent)}
.otkpi > div.kabul{background:linear-gradient(180deg,var(--bg),var(--card))}   /* 20 Eyl 2026: koyu temada açık literal (#FBF8F5) beyaz gradyan yapıyordu → token */
@media(max-width:1240px){ .otkpi{grid-template-columns:repeat(3,1fr)} }
/* RAY KPI: etiket ÜSTTE uppercase, rakam altta (markup değişmedi — CSS order) */
.otkpi > div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;
  display:flex;flex-direction:column;gap:3px}
.otkpi b{display:block;font-family:var(--f-display);font-size:24px;font-weight:700;letter-spacing:-.02em;
  line-height:1.1;font-variant-numeric:tabular-nums}
.otkpi > div > span{order:-1;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.otkpi > div > i,.otkpi > div > .yondip,.otkpi > div > .kpidip{order:3;font-style:normal}
.otkpi span{font-size:11px;color:var(--ink3);font-weight:600}
.otfiltre{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.otfiltre input,.otfiltre select{padding:8px 11px;border:1px solid var(--line2);border-radius:var(--r-sm);
  background:var(--card);font-family:var(--f-ui);font-size:12.5px;color:var(--ink)}
.otfiltre #otAra{flex:1 1 220px;min-width:170px}
.otfiltre input[type=date]{font-family:var(--f-mono);font-size:11.5px}
.otsay{margin-left:auto;font-size:11.5px;color:var(--ink3);font-family:var(--f-mono);white-space:nowrap}
.otpano{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.otpano .pkart{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 15px}
.otpano .pkart.gen{grid-column:1/-1}
.otpano .pbas{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-bottom:9px}
.otpano .pbas b{font-size:13px}
/* ⚠️ Yatay grafiklerin viewBox'ı dar (400 birim). Tam genişlikte kart içinde
   %100'e yayılınca yazılar devasa büyüyordu — ölçek sınırlandı. */
.otpano svg{width:100%;height:auto;display:block}
.otpano .pkart:not(.gen) svg{max-width:460px}
.otpano .pkart.gen .yatay{max-width:620px;margin:0 auto}
.otseg{display:flex;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px}
.otseg button{font-family:var(--f-ui);font-size:11px;font-weight:600;padding:4px 10px;border-radius:99px;
  border:none;background:transparent;color:var(--ink2);cursor:pointer}
.otseg button.on{background:var(--accent);color:#fff}
.grafyok2{padding:22px 6px;text-align:center;color:var(--ink3);font-size:12.5px}

/* Liste tablosu (düzen A) */
.ottablo{width:100%;border-collapse:collapse;min-width:0}
.ottablo thead th{position:static;background:var(--bg);font-family:var(--f-mono);font-size:10px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:11px 12px;
  border-bottom:1px solid var(--line);white-space:nowrap}
.ottablo td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle;
  white-space:nowrap}
.ottablo tbody tr:last-child td{border-bottom:none}
.ottablo tbody tr:hover td{background:var(--bg)}
.ottablo .mus{font-weight:700;white-space:normal;min-width:150px}
.ottablo .sag{text-align:right;font-family:var(--f-mono);font-weight:600;font-variant-numeric:tabular-nums}
/* İşlem sütunu artık İLK sırada ve yazısız simgelerden oluşuyor (kullanıcı
   isteği) — eskiden metin düğmelerle 172px yer kaplıyor ve tabloyu taşırıyordu. */
.ottablo .isl{white-space:nowrap;width:1%;padding-left:10px;padding-right:6px;text-align:left}
.otik{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  padding:0;margin-right:2px;border:1px solid var(--line2);border-radius:8px;background:var(--card);
  color:var(--ink2);cursor:pointer;vertical-align:middle}
.otik svg{width:15px;height:15px;display:block}
.telb{white-space:nowrap;font-variant-numeric:tabular-nums}.telbay{font-size:14px;line-height:1;vertical-align:-1px}
/* PhoneCell (19 Eyl 2026): bayrak + tel: bağlantısı + kopyala — Influencer kayıtları · Aktif Projeler · Bütçe Toplama · İK · Mülk Takip ortak */
.telcell{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%}
.telcell .telbay{font-size:14px;line-height:1}
.telcell .teltel{font-weight:500}
.telcell .telkopya{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:5px;background:none;color:var(--ink3);cursor:pointer;padding:0;opacity:.55;flex:0 0 auto}
.telcell .telkopya:hover{opacity:1;background:var(--bg);color:var(--ink)}
.telcell .telkopya svg{width:13px;height:13px}
:is(#aktifproje,#apKart) td.aptelh{white-space:nowrap}
:is(#aktifproje,#apKart) td.aptelh .apteldz{margin-left:6px;opacity:0;border:none;background:none;color:var(--apink2);cursor:pointer;font-size:12px;padding:0 3px;line-height:1}
:is(#aktifproje,#apKart) td.aptelh:hover .apteldz{opacity:.75}
@media(hover:none){:is(#aktifproje,#apKart) td.aptelh .apteldz{opacity:.6} .telcell .telkopya{width:30px;height:30px;opacity:.8}}
.otprojebtn{display:inline-flex;align-items:center;height:26px;padding:0 9px;margin:0 2px;border:1px solid var(--line2);border-radius:99px;background:var(--card);color:var(--ink2);font:600 11px var(--f-ui);white-space:nowrap;cursor:pointer;vertical-align:middle}
.otprojebtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.otik:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.otik.teh:hover{border-color:var(--no);color:var(--no);background:var(--no-bg)}
.otik.pas{opacity:.25;cursor:default}
/* Not simgesi: not varsa sağ üstte turuncu nokta (kullanıcı isteği) */
.otik.notlu{position:relative;color:var(--accent);border-color:var(--accent-soft)}
.otik.notlu::after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;
  border-radius:99px;background:var(--accent);border:2px solid var(--card)}
.otik.pas:hover{border-color:var(--line2);color:var(--ink2);background:var(--card)}

/* Link akışı simgeleri (durum hücresinin yanında) — sönük = henüz olmadı */
.otakis{display:inline-flex;gap:3px;vertical-align:middle}
.ottablo .akis{white-space:nowrap}
.otak{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;
  border-radius:5px;color:var(--ink3);opacity:.3}
.otak svg{width:13px;height:13px;display:block}
.otak.var{opacity:1;color:var(--ok);background:var(--ok-bg)}

/* Tarih grubu başlığı — tablo içinde tam satır */
.ottablo .otgrupbas td{background:var(--bg);border-bottom:1px solid var(--line);
  padding:9px 12px;cursor:pointer;white-space:nowrap;user-select:none}
.ottablo .otgrupbas:hover td{background:var(--bg)}
.ottablo .otgrupbas .ok{display:inline-block;width:14px;color:var(--ink3);
  transition:transform .12s;font-size:11px}
.ottablo .otgrupbas.kapali .ok{transform:rotate(-90deg)}
.ottablo .otgrupbas b{font-size:12.5px}
.ottablo .otgrupbas .say{font-family:var(--f-mono);font-size:11px;color:var(--ink3);margin-left:10px}

/* Sütun yerini değiştirme (sürükle-bırak) */
.ottablo thead th[draggable="true"]{cursor:grab}
/* Sıralanabilir başlık: tıklama imleci + etkin sütunun oku.
   İmleç grab değil pointer — asıl eylem sıralama, taşıma ikincil. */
.ottablo thead th.otsrt{cursor:pointer;user-select:none}
.ottablo thead th.otsrt:hover{color:var(--ink);background:var(--bg)}
.ottablo thead th.otsrt.etkin{color:var(--ink)}
.ottablo .otsok{margin-left:4px;font-size:8px;vertical-align:1px;color:var(--accent)}
.ottablo thead th.tasiniyor{opacity:.4}
.ottablo thead th.hedefsol{box-shadow:inset 2px 0 0 var(--accent)}
.ottablo thead th.hedefsag{box-shadow:inset -2px 0 0 var(--accent)}

/* Sürüklenerek boyutlandırılabilen sütun başlıkları */
.ottablo.sabit{table-layout:fixed}
.ottablo thead th{position:relative}
.otkoltut{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;
  user-select:none;z-index:2}
.otkoltut::after{content:"";position:absolute;top:22%;bottom:22%;left:3px;width:1px;
  background:var(--line2);opacity:0;transition:opacity .12s}
.ottablo thead th:hover .otkoltut::after,.otkoltut:hover::after{opacity:1;background:var(--accent)}
body.otkolsuruk{cursor:col-resize;user-select:none}
/* Sabit düzende hücreler taşmasın */
.ottablo.sabit td,.ottablo.sabit thead th{overflow:hidden;text-overflow:ellipsis}
.ottablo.sabit td.tad,.ottablo.sabit td.mus{white-space:normal}
.ottablo .isl .btn{min-width:auto;padding:4px 8px;font-size:11px;margin-left:4px}
.ottablo td:first-child{padding-left:14px}
.ottablo .kucuk{font-size:10.5px}
.ottablo .kucuk{font-family:var(--f-mono);font-size:11px;color:var(--ink3)}
.otbos{padding:26px 6px;text-align:center;color:var(--ink3);font-size:13px}

/* Link Takip: satır eylemleri ilk sütunda, simge olarak */
.minitable .lnkisl{white-space:nowrap;width:1%;padding-right:6px}
.minitable .lnkisl .otik{margin-right:2px}

/* Rapor penceresi başlığı + dönem seçici */
.lnkrapbas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.lnkrapbas select{padding:7px 10px;border:1px solid var(--line2);border-radius:var(--r-sm);
  background:var(--card);font-family:var(--f-ui);font-size:12.5px;color:var(--ink)}

/* Listede tıklanabilir müşteri / kişi adı */
.otbag{font:inherit;color:var(--ink);font-weight:700;background:none;border:none;padding:0;
  cursor:pointer;text-align:left;border-bottom:1px dotted var(--line2)}
.otbag:hover{color:var(--accent);border-bottom-color:var(--accent)}
/* Teklif adı uzun olabiliyor (Monday başlıkları); sütun sarılır ve sınırlanır
   ki 9 sütunlu tablo yatay taşmasın. */
.ottablo .tad{white-space:normal;font-weight:600;line-height:1.32;font-size:12.5px}
.ottablo td,.ottablo thead th{padding-left:10px;padding-right:10px}

/* Müşteri / Kişi detay penceresi */
.otdetaykart{width:min(520px,100%);max-height:86vh;padding:0;overflow:hidden}
.otdetaygovde{padding:6px 18px 18px;overflow:auto}
.otdetaytab{width:100%;border-collapse:collapse;min-width:0}
.otdetaytab th{width:38%;text-align:left;font-weight:600;font-size:12px;color:var(--ink3);
  padding:9px 0;border-bottom:1px solid var(--line);white-space:nowrap;background:transparent;
  position:static;font-family:var(--f-ui);text-transform:none;letter-spacing:normal}
.otdetaytab td{padding:9px 0;font-size:13px;border-bottom:1px solid var(--line);
  white-space:normal;overflow-wrap:anywhere}
.otdetaytab tr:last-child th,.otdetaytab tr:last-child td{border-bottom:none}


/* Yeni Teklif penceresi */
.otformkart{width:min(860px,100%);max-height:88vh;padding:0;overflow:hidden}
.otformgov{padding:16px 18px;overflow:auto}
.otformalt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:13px 18px;border-top:1px solid var(--line);background:var(--bg)}
.otformalt .note{flex:1 1 240px;min-width:0}
.otformalt .otpopbtn{flex:0 0 auto}
/* .otpopbtn sarmalayıcısız alt çubuk (#mjFormPop, #icrFormPop): masaüstünde sağa yaslı (mobilde .otformalt .btn yayılır) */
@media(min-width:769px){
  .otformalt > .btn:only-child,.otformalt > .btn:nth-last-child(2):not(select + .btn){margin-left:auto}   /* Vazgeç+Kaydet sağda; #apKol "Sütunu sil" solda kalır */
  .otformalt > select + .btn{margin-right:auto}   /* #infTip: tür seçici + "＋ Sütun ekle" solda, Kapat sağda */
}
@media (max-width:900px){
  .otkpi{grid-template-columns:1fr 1fr}
  .otpano{grid-template-columns:1fr}
  .otsay{margin-left:0}
}
/* Onaylı teklif listesi: durum rozeti ve imzalandı bildirimi */
.otdurum{font-family:var(--f-mono);font-size:10.5px;font-weight:600;padding:3px 8px;
  border-radius:99px;white-space:nowrap;border:1px solid var(--line);color:var(--ink3)}
.otdurum.d-gonderildi{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
.otdurum.d-goruntulendi{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
.otdurum.d-imzalandi{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
.otdurum.d-kabul{background:var(--st-teal-bg);border-color:var(--st-teal-line);color:var(--st-teal)}
.otdurum.d-iptal{background:var(--st-no-bg);border-color:var(--st-no-line);color:#8E2F1F}
/* Elle işaretlenebilen durum seçicisi — rozetle aynı renk dili. */
.otdsel{font-family:var(--f-mono);font-size:10.5px;font-weight:600;padding:3px 6px;
  border-radius:99px;border:1px solid var(--line2);background:var(--card);color:var(--ink3);
  cursor:pointer;max-width:150px}
.otdsel.d-taslak{background:var(--bg);border-color:var(--line2);color:var(--ink2)}
.otdsel.d-gonderildi{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
.otdsel.d-goruntulendi{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
.otdsel.d-imzalandi{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
.otdsel.d-kabul{background:var(--st-teal-bg);border-color:var(--st-teal-line);color:var(--st-teal)}
.otdsel.d-iptal{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
/* .otimzabar kaldırıldı (1 Eyl 2026) — imza bildirim şeridi kullanıcı isteğiyle gitti */

/* Onaylı Teklif önizleme / görüntüleme penceresi (ekran).
   Belge, baskıdakiyle AYNI .otbelge stilini kullanır; burada yalnız kâğıdı
   saran kabuk tanımlanır. */
.otpopkart{max-width:900px;width:min(96vw,900px);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
.otpopbas{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.otpopbtn{display:flex;gap:8px;flex-wrap:wrap}
.otpopimza{padding:12px 16px;border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.65}
.otpopimza b{font-weight:700}
.otpopimza code{font-family:var(--f-mono);font-size:11px;overflow-wrap:anywhere}
.otpopkagit{padding:18px;overflow:auto;max-height:70vh;background:var(--bg)}
/* Kâğıt görünümü: A4 genişliği, ortalı, gölgeli */
.otbelge.otonizleme{width:210mm;max-width:100%;margin:0 auto;background:#fff;
  box-shadow:0 2px 18px rgba(0,0,0,.14);border:1px solid var(--line)}
@media (max-width:820px){ .otpopkagit{padding:10px} .otbelge.otonizleme{padding:8mm 6mm} }
@media print{
  @page{margin:0;size:A4}
  body>*{display:none!important}
  /* ⚠️ body'nin KENDİ zemini gizlenmez — var(--bg) bej olduğu için PDF bej
     çıkıyordu (yaşandı). Baskıda kâğıt her zaman beyaz. */
  html,body{background:#fff!important}
  #printSheet{display:flex!important;flex-direction:column;min-height:297mm;font-family:'Inter',system-ui,sans-serif;color:#14161c;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10.5px}
  #printSheet .phead{display:flex;justify-content:space-between;align-items:center;background:#14161c;padding:8mm 15mm}
  #printSheet .pmark{display:flex;align-items:center}
  #printSheet .pmark img{height:22px;display:block}
  #printSheet .phead .pdoc{font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#9aa1af;text-align:right}
  #printSheet .pbody{padding:0 15mm;flex:1;display:flex;flex-direction:column}
  #printSheet .ptitle{padding:11mm 0 0}
  #printSheet .ptitle h1{font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;letter-spacing:-.02em;line-height:1.05}
  #printSheet .ptitle .psub{font-size:12px;color:#4b515e;margin-top:6px;font-weight:500}
  #printSheet .pmetabar{display:flex;margin-top:9mm;border-top:1px solid #14161c;border-bottom:1px solid #d3d7e0}
  #printSheet .pmetabar div{flex:1;padding:9px 14px 9px 0}
  #printSheet .pmetabar div+div{padding-left:14px;border-left:1px solid #e4e7ec}
  #printSheet .pmetabar span{display:block;font-size:7.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a90a0;margin-bottom:4px}
  #printSheet .pmetabar b{font-size:11.5px;font-weight:600;color:#14161c}
  #printSheet .psec{font-family:'Space Grotesk',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8a90a0;margin:9mm 0 0}
  #printSheet .pth{display:flex;justify-content:space-between;gap:24px;padding:0 0 7px;margin-top:10mm;border-bottom:1.5px solid #14161c}
  #printSheet .pth span{font-size:7.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#4b515e}
  #printSheet .prow{display:flex;justify-content:space-between;gap:28px;padding:12px 0;border-bottom:1px solid #eceef2;break-inside:avoid}
  #printSheet .prow:last-of-type{border-bottom:0}
  #printSheet .pname{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:3px}
  #printSheet .pprof{font-size:9px;color:#8a90a0;letter-spacing:.02em;margin-bottom:5px}
  #printSheet .pprof b{color:#4b515e;font-weight:600}
  #printSheet .pitems{font-size:10.5px;line-height:1.7;color:#3a4049;max-width:118mm}
  #printSheet .ptt{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;white-space:nowrap;align-self:center;text-align:right}
  #printSheet .pttliste{font-family:'Inter',sans-serif;font-weight:500;font-size:8.5px;color:#8a90a0}
  #printSheet .ptotliste{font-family:'Inter',sans-serif;font-weight:500;font-size:9px;color:#8a90a0}
  #printSheet .ptotal{display:flex;justify-content:space-between;align-items:baseline;border-top:2.5px solid #14161c;padding:13px 0 0;break-inside:avoid}
  #printSheet .ptotal .l{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#4b515e}
  #printSheet .ptotal .v{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:#14161c}
  #printSheet .pkosul{margin-top:auto;padding-top:8mm;break-inside:avoid}
  #printSheet .pkosul ul{margin:5px 0 0;padding:0;list-style:none;columns:2;column-gap:12mm}
  #printSheet .pkosul li{font-size:9.5px;line-height:1.5;color:#3a4049;padding:0 0 7px 11px;position:relative;break-inside:avoid}
  #printSheet .pkosul li:before{content:"";position:absolute;left:0;top:5px;width:4px;height:1.5px;background:#aab0bd}
  #printSheet .pkosul li.key{font-weight:700;color:#14161c}
  #printSheet .pkosul li.key:before{background:#14161c;height:2px}
  #printSheet .pfoot{margin:10mm 15mm 0;border-top:1px solid #e4e7ec;padding:7px 0 12mm;display:flex;justify-content:space-between;align-items:center}
  #printSheet .pfoot img{height:11px;opacity:.5}
  #printSheet .pfoot span{font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#aab0bd}
  /* NOT: eski Onaylı Teklif tasarımının (.otrow/.otth/.otsum/.otfirma) CSS'i
     30 Ağu 2026'da SİLİNDİ. Yalnız ölü kod değildi: `#printSheet .otfirma`
     hâlâ eşleşiyor ve düzen A'nın firma künyesine margin-top:8mm +
     padding-top:6mm + border-top uyguluyordu → künye logonun altına
     kayıyor, sağında hayalet bir çizgi çıkıyordu. Sınıf adı çakışması. */
}

/* ---- yükleniyor perdesi ---- */
#boot{position:fixed;inset:0;background:var(--bg);z-index:190;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink3);font-size:13px}
@keyframes spin{to{transform:rotate(360deg)}}
/* bekleme ikonu (2 Eki 2026): sisteme özel ikon — açılış perdesi + tüm "Yükleniyor…" yer tutucuları (<span class="bekleIk"></span>) */
.bekleIk{display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;background:url(/icons/bekle.png) center/contain no-repeat;animation:bekleNefes 1.6s ease-in-out infinite;flex:none}
.bekleIk.buyuk{width:56px;height:56px;margin:0;vertical-align:middle}
@keyframes bekleNefes{0%,100%{transform:scale(.88) rotate(-6deg);opacity:.55}50%{transform:scale(1.04) rotate(6deg);opacity:1}}
@media (prefers-reduced-motion:reduce){.bekleIk{animation:none}}
#gate button:disabled{opacity:.6;cursor:default}
#gate button.gatelink{background:none;border:0;color:rgba(244,231,226,.55);font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline;cursor:pointer;margin:15px auto 0;padding:0;width:auto;display:block;height:auto}
#gate button.gatelink:hover{background:none;color:#fff}

/* ---- mobil katalog kart görünümü (DEVIR §5: yeniden tasarlanan tek yer) ---- */
.mcards{display:none}
@media(max-width:900px){
  #app.acik{grid-template-columns:1fr}
  #sbRay,.sb-grp{display:none!important}
  .sb{position:static;height:auto;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}
  .sb-search,.sb-acik{display:none!important}
  .sb .mark img{height:15px}
  .tabs{flex-direction:row;border-top:0;padding-top:0;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}
  .tab{padding:8px 12px;border-radius:999px;white-space:nowrap;width:auto}
  .tab .ic{display:none}
  .who{margin-top:0;padding-top:0;border-top:0;flex:none}
  .who .wt{display:none}
  main{border-radius:0}
  .hello h1{font-size:20px}
  .bottombar{left:0}
}
@media(max-width:760px){
  main{padding:14px 14px 130px}
  .hello{margin-bottom:14px}
  .tablewrap{display:none}          /* geniş matrisi mobilde gizle */
  .mcards{display:block}
  .mtsel{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;-webkit-overflow-scrolling:touch}
  .mcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:10px}
  .mcard .mcat{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:7px}
  .mcard .murun{font-weight:600;font-size:14px;margin-bottom:10px;line-height:1.35}
  .mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
  .mrow:first-of-type{border-top:0}
  .mrow .mt{font-size:12.5px;font-weight:600;color:var(--brick)}
  .mrow .mv{display:flex;align-items:center;gap:8px}
  .mrow .addbtn{width:30px;height:30px;font-size:17px}
  .mrow .catstep button{width:30px;height:30px;font-size:17px}
  .mrow .catstep b{min-width:28px;font-size:14px}
  .mrow .catstep input.adet{width:34px;min-width:34px;height:30px;font-size:14px}
  .mcards .empty-state{background:var(--card);border:1px solid var(--line);border-radius:14px}
  .bar{gap:8px}
  .search{max-width:none;min-width:0;flex:1 1 100%}
  .grid{grid-template-columns:1fr}
  .bottombar{padding:10px 14px;gap:14px}
  .bottombar .big{font-size:17px}
}

/* ── SÜTUN DÜZENİ KİLİDİ (17 Eyl 2026): yer/boyut yalnız sahip+yönetici ──
   .sutunkilit sınıfını 52_davet davetSekme atar (görsel katman; asıl kapı
   kolonEtkilesimKur + OT guard'ları). Kampanya Taslak HARİÇ — o bir belge,
   sütunları belgenin erişim modeliyle (oluşturan∨erişim) yönetilir. */
main section.sutunkilit:not(#kampanyataslak):not(#aktifproje) .thtut{display:none!important}
main section.sutunkilit .otkoltut{display:none!important}
main section.sutunkilit:not(#kampanyataslak) th[draggable="true"]{-webkit-user-drag:none}
/* Pano sayfalarında sütun ayar yapısı hiç yok (SUTUN_SADE) */
#youtube .thtut,#cou .thtut,#metagoogle .thtut{display:none!important}
#youtube th[draggable],#cou th[draggable],#metagoogle th[draggable]{-webkit-user-drag:none}

/* ================= MOBİL KABUK (≤768px) — native uygulama hissi =================
   Masaüstü düzenine DOKUNMAZ: ≥768px'te #mobilNav/#mobilDiger/#a2hsKart hiç
   görünmez, mevcut kabuk aynen çalışır. Alt bar düğmeleri `.tab` sınıfını
   taşır → sekmeGoster'ın .active senkronu KENDİLİĞİNDEN çalışır (04_butce). */
html,body{overscroll-behavior:none}          /* lastik bounce kapalı */
button,.tab,a{-webkit-tap-highlight-color:transparent}
#mobilNav,#mobilDiger,.sb,.hello h1{user-select:none;-webkit-user-select:none}
#mobilNav,#mobilDiger,#a2hsKart{display:none}

@media(max-width:768px){
  /* iOS zoom tetiklenmesin: form yazıları 16px */
  input,select,textarea{font-size:16px}
  .btn{min-height:44px}
  select{height:44px}
  /* alt bar payı — son eleman barın altında kalmasın */
  main{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  .bottombar{bottom:calc(64px + env(safe-area-inset-bottom))}
  /* yatay sekme şeridi gizli: navigasyon artık alt barda */
  .sb .tabs{display:none}
  /* üst bar: sticky + blur; kaydırınca gölge + hafif küçülme */
  .sb{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    transition:padding .18s, box-shadow .18s;
    padding-top:calc(10px + env(safe-area-inset-top))}
  body.kaydi .sb{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;
    box-shadow:0 6px 20px rgba(27,26,25,.10)}
  .hello h1{font-size:15px}

  /* --- alt navigasyon --- */
  #mobilNav{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;
    background:rgba(255,253,251,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-top:1px solid var(--line2);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  #mobilNav[hidden]{display:none}
  /* .tab'ın sidebar/şerit stillerini TAMAMEN ez */
  #mobilNav .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;min-height:48px;width:auto;padding:4px 2px;margin:0;border:0;border-radius:10px;
    background:none;color:var(--ink3);font-family:var(--f-ui);font-size:11px;font-weight:600;
    white-space:nowrap;position:relative;cursor:pointer}
  #mobilNav .tab svg{width:24px;height:24px;stroke:currentColor;fill:none;
    stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
  #mobilNav .tab.active{color:var(--accent);background:none}
  #mobilNav .tab .mrz{position:absolute;top:1px;right:calc(50% - 19px);min-width:15px;height:15px;
    border-radius:99px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;
    display:grid;place-items:center;padding:0 4px;line-height:1}
  /* ⚠️ display:grid HTML'in hidden özniteliğini EZER (dryperde dersinin aynısı) */
  #mobilNav .tab .mrz[hidden]{display:none}

  /* --- "Diğer" alt sayfası --- */
  #mobilDiger.acik{display:flex;position:fixed;inset:0;z-index:130;
    background:rgba(20,22,28,.45);align-items:flex-end}
  #mobilDiger .kagit{background:var(--bg);width:100%;border-radius:22px 22px 0 0;
    padding:10px 14px calc(18px + env(safe-area-inset-bottom));max-height:72dvh;overflow:auto;
    animation:mdGel .22s ease}
  #mobilDiger .tutac{width:38px;height:4px;border-radius:99px;background:var(--line2);margin:2px auto 12px}
  #mobilDiger .mdrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
    background:var(--card);border:1px solid var(--line);border-radius:14px;
    padding:13px 14px;margin-bottom:8px;font-family:var(--f-ui);font-size:14px;font-weight:600;
    color:var(--ink);cursor:pointer;min-height:48px}
  #mobilDiger .mdrow svg{width:20px;height:20px;stroke:var(--ink2);fill:none;
    stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
  #mobilDiger .mdrow .ok2{margin-left:auto;color:var(--ink3);font-size:16px}
  #mobilDiger .mdrow .mrz{margin-left:auto;min-width:17px;height:17px;border-radius:99px;
    background:var(--accent);color:#fff;font-size:10px;font-weight:700;
    display:grid;place-items:center;padding:0 5px}
  #mobilDiger .mdrow .mrz + .ok2{margin-left:8px}
  @keyframes mdGel{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}

  /* --- Ana Ekrana Ekle kartı (yalnız iOS Safari, bir kez) --- */
  #a2hsKart{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));
    z-index:125;display:flex;gap:12px;align-items:center;background:var(--ink);color:#F4E7E2;
    border-radius:18px;padding:13px 14px;box-shadow:0 14px 34px rgba(27,19,16,.35);
    animation:mdGel .3s ease}
  #a2hsKart .ikon{width:38px;height:38px;border-radius:12px;background:var(--accent);
    display:grid;place-items:center;flex:0 0 auto;font-size:18px}
  #a2hsKart b{font-size:13px;display:block}
  #a2hsKart p{font-size:11px;color:rgba(244,231,226,.72);line-height:1.45;margin:2px 0 0}
  #a2hsKart button{border:0;background:none;color:rgba(244,231,226,.55);
    font-size:17px;cursor:pointer;padding:10px;flex:0 0 auto}

  /* --- iskelet (spinner yerine) --- */
  @keyframes iskParla{0%{background-position:130% 0}100%{background-position:-30% 0}}
  .iskkart{border-radius:16px;border:1px solid var(--line);background:var(--card);
    padding:13px 14px;margin-bottom:9px;display:flex;gap:12px;align-items:center}
  .iskkart i{display:block;border-radius:8px;
    background:linear-gradient(90deg,var(--line) 25%,var(--bg) 50%,var(--line) 75%);
    background-size:200% 100%;animation:iskParla 1.15s linear infinite}
  .iskkart .a{width:38px;height:38px;border-radius:12px;flex:0 0 auto}
  .iskkart .b{height:12px;width:60%;margin-bottom:7px}
  .iskkart .c{height:9px;width:40%}
  .iskkart .d{height:12px;width:52px;margin-left:auto}

  /* --- Onaylı Teklifler: KPI 2×2 + kart listesi --- */
  .otkpi{grid-template-columns:1fr 1fr}
  .motkart{background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:13px 14px;margin-bottom:9px;display:flex;align-items:center;gap:12px;
    min-height:44px;width:100%;text-align:left;font-family:var(--f-ui);cursor:pointer}
  .motkart:active{background:var(--bg)}
  .motkart .mav{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
    flex:0 0 auto;font-family:var(--f-display);font-weight:700;color:#fff;font-size:14px}
  .motkart .mgv{flex:1;min-width:0}
  /* ⚠️ span'lar display:block olmalı — inline'da ellipsis çalışmaz ve
     başlık tutarın üstüne taşar (yaşandı) */
  .motkart .mad{display:block;font-weight:700;font-size:13.5px;color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .motkart .malt{display:block;font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);margin-top:2px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .motkart .msag{text-align:right;flex:0 0 auto}
  .motkart .mtut{font-family:var(--f-mono);font-weight:600;font-size:13px;
    font-variant-numeric:tabular-nums;color:var(--ink)}
  .motkart .mpil{display:inline-block;font-size:9.5px;font-weight:700;
    padding:2.5px 9px;border-radius:99px;margin-top:4px}
  .mpil.d-kabul{background:var(--ok-bg);color:var(--ok)}
  .mpil.d-taslak{background:var(--bg);color:var(--ink2)}
  .mpil.d-iptal{background:var(--no-bg);color:var(--no)}
  .motgrup{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;
    text-transform:uppercase;color:var(--ink3);margin:14px 2px 8px;
    display:flex;justify-content:space-between}
}

/* ================= SATIŞ RAPORLARI — widget panosu ================= */
.srkiyas{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}
.srkfark{font-family:var(--f-display);font-size:22px;font-weight:800;letter-spacing:-.02em}
.srhedef{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}
.srhedef svg{width:min(100%,230px);height:auto;display:block}
.srhdeger{text-align:center;margin-top:4px}
.srhdeger b{display:block;font-family:var(--f-display);font-size:19px;font-weight:800;letter-spacing:-.02em}
.srhdeger span{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3)}
.srkf{font-style:normal;font-size:10px;font-weight:700;margin-left:5px}
/* Sektör çoklu seçimi AÇILIR MENÜ (kullanıcı isteği): mevcut .multibtn/.multipanel
   deseni (katalog kategori filtresiyle aynı). Panel formun içinde absolute açılır. */
.srsekwrap{position:relative}
.srsekwrap .multibtn{width:100%;justify-content:space-between}
.srsekwrap .multibtn #srSekOzet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srsekwrap .multipanel{left:0;right:0;min-width:0;max-height:240px}
.srrenk{display:flex;align-items:center;gap:12px;padding:6px 2px}
.srrenk .oto{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer}
.srrenk input[type=color]{width:44px;height:30px;border:1px solid var(--line2);border-radius:8px;padding:2px;background:var(--card);cursor:pointer}
/* Büyütme penceresi: aynı çizimler büyük kapta — SVG'ler kaba göre ölçeklenir */
.srbuyutgov{min-height:min(76vh,860px);display:flex;flex-direction:column}
.srbuyutgov .srdikey{min-height:520px}
.srbuyutgov .srpasta svg{max-width:460px}
.srbuyutgov .srkpi b{font-size:44px}
.srbuyutgov .srhedef svg{width:min(100%,420px)}
.srgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:start;
  grid-auto-flow:row dense}
.srw{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);
  display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden}
.srw.tasiniyor{opacity:.4}
.srw.hedef{outline:2px solid var(--accent);outline-offset:2px}
.srwbas{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);
  cursor:grab;user-select:none;flex:0 0 auto}
.srwbas b{flex:1 1 auto;min-width:0;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srwbas .tut{color:var(--ink3);font-size:12px;flex:0 0 auto}
.srwbas .turoz{margin-left:auto;font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink3);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.srwbas .kaldir{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:13px;
  padding:2px 4px;flex:0 0 auto;border-radius:6px}
.srwbas .kaldir:hover{color:var(--no);background:var(--no-bg)}
.srwgov{flex:1;padding:10px 12px;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.srboyut{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;
  background:linear-gradient(135deg,transparent 50%,var(--line2) 50%);border-radius:0 0 var(--r-md) 0}
.srboyut:hover{background:linear-gradient(135deg,transparent 50%,var(--accent) 50%)}
body.srboyutla{cursor:nwse-resize;user-select:none}
.srkpi{flex:1;display:flex;align-items:center;min-width:0}
.srkpi b{font-family:var(--f-display);font-size:26px;font-weight:800;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;white-space:nowrap}
/* Dar widget'ta (span 2 gibi) sayaç rakamı taşmasın: kart genişliğine göre küçül */
.srw{container-type:inline-size}
@container (max-width:250px){ .srkpi b{font-size:20px} }
@container (max-width:190px){ .srkpi b{font-size:16px} }
.srbos,.srhic{color:var(--ink3);font-size:12.5px;display:grid;place-items:center;flex:1;padding:20px}
/* Müşteri piramidi (2 Eyl 2026): HTML katman yığını — SVG metin yamulması yok.
   Katmanlar trapez (clip-path inline hesaplanır); genişlik müşteri sayısıyla orantılı. */
.srpir{flex:1;display:flex;flex-direction:column;min-height:0;padding:6px 4px 2px;gap:2px;overflow-y:auto}
/* Katman yüksekliği İÇERİĞE göre (2 Eyl 2026): tüm marka adları eksiksiz yerleşir;
   boş katman min-height ile bant olarak kalır, dolu katman satır satır uzar.
   SAYISAL VERİ (sayı · hedef farkı · aralık) trapezin YANINDAKİ .katyan şeridinde;
   trapezin içinde yalnız isimler ("tabloların içinde"). */
/* flex-grow inline (satır sayısına orantılı) — dolu katman büyür, pano/yükseklik dolar */
.srpir .kat{position:relative;flex:1 1 auto;min-height:38px;display:flex;align-items:stretch;text-align:center;gap:6px}
.srpir .katgov{position:relative;flex:1;min-width:0;display:grid;place-items:center;padding:0}
/* Zemin artık İÇERİK KABI: clip-path çocuklarını da kırpar → isim trapezden
   ASLA taşamaz. 34px yatay dolgu metni eğik kenardan (26px pah) uzak tutar. */
.srpir .kat .zemin{position:relative;height:100%;border-radius:3px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;padding:4px 34px;min-width:0}
.srpir .katyan{flex:0 0 96px;display:flex;flex-direction:column;justify-content:center;text-align:left;line-height:1.25}
.srpir .katyan b{font:700 13px var(--f-display);letter-spacing:-.2px}
.srpir .katyan span{font:600 9px var(--f-mono);opacity:.75;white-space:nowrap}
.srpir .katyan .hdf{opacity:.5}
.srpir .kat.bos .katyan{opacity:.45}
/* (.katic kaldırıldı — isimler artık doğrudan zeminin içinde) */
/* Hücreler satırı TAM doldurur (flex:1) — "her boşluk değerlensin" (2 Eyl 2026) */
.srpir .adlar{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;
  margin-top:0;min-width:0;width:100%}
.srpir .adlar i{font:600 10.5px var(--f-ui);font-style:normal;line-height:1.9;padding:0 8px;
  flex:1 1 auto;min-width:72px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  border-right:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.16)}
.srpir .adlar i:last-child{border-right:0}
.srpir .adlar i.devam{opacity:.75;border-right:0;font-family:var(--f-mono);font-size:9.5px}
.srpirdip{font-size:10.5px;color:var(--ink3);text-align:center;padding:4px 0 2px}
.srpir .kat{cursor:pointer}
.srpir .kat b .frk{font:700 10px var(--f-mono);font-style:normal;margin-left:4px;vertical-align:2px}
.srpir .kat b .frk.eksi{color:#FF7B7B}
.srpir .kat b .frk.arti{color:#4EDD9A}
/* Katman sınırı kutuları (ekleme penceresi) */
.srkatliste{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.srkatrow{display:flex;align-items:center;gap:5px}
.srkatrow i{font:700 10px var(--f-mono);color:var(--ink3);font-style:normal;min-width:16px;text-align:right}
.srkatrow input{flex:1;min-width:0;font-family:var(--f-mono);font-size:12.5px}
.srkatrow button{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:13px;padding:2px 4px}
.srkatrow button:hover{color:var(--no)}
/* Katman müşteri listesi (piramit katmanına tıklayınca) — SR koyu diliyle */
#srPirPop{position:fixed;z-index:210;width:300px;max-height:360px;overflow:auto;
  background:#20234A;color:#E6E9F8;border:1px solid #34386B;border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.45);padding:10px 0}
#srPirPop .pbas{font:700 12.5px var(--f-ui);padding:2px 14px 8px;border-bottom:1px solid #34386B}
#srPirPop .pbas small{display:block;font-weight:600;font-size:10.5px;color:#9DA3D4}
#srPirPop .prow{display:flex;gap:8px;align-items:baseline;padding:6px 14px;font-size:12px;border-bottom:1px solid #2A2D58}
#srPirPop .prow:last-child{border-bottom:0}
#srPirPop .prow i{font:600 10px var(--f-mono);color:#9DA3D4;font-style:normal;min-width:18px}
#srPirPop .prow b{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#srPirPop .prow span{font-family:var(--f-mono);font-size:11px;color:var(--st-info-line);flex:0 0 auto}
.srhic{grid-column:1/-1;background:var(--card);border:1px dashed var(--line2);border-radius:var(--r-md);padding:44px}
.srpasta{display:flex;gap:14px;align-items:center;flex:1;min-height:0}
.srpasta svg{width:44%;max-width:190px;height:auto;flex:0 0 auto}
.srljk{flex:1;min-width:0;overflow:auto;max-height:100%}
.srlj{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:2.5px 0;min-width:0}
.srlj i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
.srlj span{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.srlj b{font-family:var(--f-mono);font-size:10.5px;font-weight:600;flex:0 0 auto}
.sryatay{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;justify-content:safe center}
.srybar{display:grid;grid-template-columns:minmax(60px,32%) 1fr auto;gap:8px;align-items:center;font-size:11.5px}
.srybar .ad{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srybar .cubuk{background:var(--bg);border-radius:99px;height:9px;overflow:hidden;position:relative}
.srybar .cubuk .ref{position:absolute;top:-3px;bottom:-3px;width:0;border-left:3px dashed #E23A3A;opacity:.95}
.srrefnot{font-family:var(--f-mono);font-size:10px;color:var(--ink3);margin-top:2px;flex:0 0 auto}
.srolgrup{display:flex;gap:14px;flex-wrap:wrap;padding:8px 2px}
.srolgrup label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.srkdikey{flex:1;display:flex;align-items:stretch;justify-content:center;gap:26px;min-height:0;padding:4px 0}
.srksut{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;width:72px}
.srksut i{display:block;width:100%;border-radius:8px 8px 3px 3px;min-height:4px}
.srksut b{font-family:var(--f-mono);font-size:11px;font-weight:600}
.srksut span{font-size:11px;color:var(--ink3);font-weight:600}
.srybar .cubuk i{display:block;height:100%;border-radius:99px}
.srybar b{font-family:var(--f-mono);font-size:10.5px;font-weight:600}
.srdikey{flex:1;width:100%;min-height:0;display:block}
/* Sol eksen + çubuk üstü değer etiketleri (kullanıcı isteği, 31 Ağu gece) */
.srplot{flex:1;display:flex;gap:7px;min-height:0}
.sry{position:relative;width:38px;flex:0 0 auto;font-family:var(--f-mono);font-size:9px;color:var(--ink3)}
.sry i{position:absolute;right:0;transform:translateY(-50%);font-style:normal;white-space:nowrap}
.srpl{flex:1;position:relative;min-width:0;display:flex}
/* Çizim alanı + altındaki ad satırı (Monday düzeni): sol ekseni kaplamaz */
.srpldik{flex:1;display:flex;flex-direction:column;min-width:0}
.srxek{display:flex;flex:0 0 auto;margin-top:4px}
.srxek i{flex:1;min-width:0;text-align:center;font-style:normal;font-family:var(--f-mono);
  font-size:9.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.srxek.cizgi{position:relative;height:13px}
.srxek.cizgi i{position:absolute;flex:none;max-width:34%}
.srpl .srdikey{position:absolute;inset:0;height:100%}
.srdegk{position:absolute;inset:0;pointer-events:none}
/* Çok satırlı değer etiketi (tutar/adet/yüzde alt alta) — yükseklik satır
   sayısına göre JS'te hesaplanır, burada sabit height YOK. */
.srdegk i{position:absolute;text-align:center;font-style:normal;
  font-family:var(--f-mono);font-size:9.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;overflow:visible;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-end}
.srdegk em{font-style:normal;display:block;line-height:12px}
/* Dikey grafik altı yatay lejant: renk kutusu + kategori adı + değer */
.srljy{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:5px;padding:0 2px;
  flex:0 0 auto;overflow:auto;max-height:58px}
.sreks{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10px;
  color:var(--ink3);margin-top:4px;flex:0 0 auto}
@media(max-width:900px){
  .srgrid{grid-template-columns:repeat(6,1fr)}
  .srw{grid-column:span 6!important}
  .srboyut{display:none}   /* dokunmatikte köşe sürükleme yok; tam genişlik */
}

/* ============ SATIŞ RAPORLARI — "Monday Gece" teması (31 Ağu 2026) ============
   Kullanıcı 9 alternatiften I'yı seçti: Monday.com koyu tema. YALNIZ bu sayfa +
   kendi pencereleri koyudur; diğer sayfalara DOKUNULMAZ — tüm kurallar
   #satisrapor / #srEklePop / #srBuyutPop kapsamındadır. Grafik içleri token
   okuduğundan (var(--card), var(--line), var(--ink)...) renklerin çoğu buradaki
   KAPSAMLI token ezmesiyle kendiliğinden koyulaşır; JS paleti SR_RENK'te. */
/* 12 Eyl 2026: Monday Gece (koyu) KALKTI — tüm yapı RAY açık; JS paleti (SR_RENK Monday
   renkleri) açık zeminde de ayrışıyor. Tokenlar :root'tan; yalnız yerel ayarlar kaldı. */
#satisrapor,#srEklePop .drykart,#srBuyutPop .drykart{
  --f-mono:var(--f-ui); font-variant-numeric:tabular-nums; color:var(--ink)}
#satisrapor{background:transparent;border:0;border-radius:0;padding:0;margin-top:0}
#satisrapor h2{color:var(--ink)}
#satisrapor .otalt{color:var(--ink3)}
#satisrapor select,#satisrapor .btn{background:var(--card);border:1px solid var(--line2);
  color:var(--ink);border-radius:8px}
#satisrapor .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
#satisrapor .note{color:var(--ink3)}
#satisrapor .note b{color:var(--ink2)}
#satisrapor .srw{border-radius:10px}
#satisrapor .srwbas b{color:var(--ink)}
#satisrapor .srybar .cubuk{background:var(--line);border-radius:4px}
#satisrapor .srybar .cubuk i{border-radius:4px}
/* pencereler (Grafik ekle/düzenle + büyütme) */
#srEklePop .drykart,#srBuyutPop .drykart{background:var(--card);border-color:var(--line);
  box-shadow:0 24px 60px rgba(27,26,25,.18)}
#srEklePop .otpopbas b,#srBuyutPop .otpopbas b{color:var(--ink)}
#srEklePop .drykart label{color:var(--ink2)}
#srEklePop .drykart .pfipuc{color:var(--ink3)}
#srEklePop .drykart select,
#srEklePop .drykart input:not([type=color]):not([type=checkbox]),
#srEklePop .drykart .multibtn{background:var(--card);border:1px solid var(--line2);
  color:var(--ink);border-radius:8px}
#srEklePop .drykart input::placeholder{color:var(--ink3)}
#srEklePop .drykart .multipanel{background:var(--card);border-color:var(--line2);
  box-shadow:0 8px 24px rgba(27,26,25,.14)}
#srEklePop .drykart .mitem{color:var(--ink)}
#srEklePop .drykart .mitem:hover{background:var(--bg)}
#srEklePop .drykart .mtop{border-bottom-color:var(--line)}
#srEklePop .drykart .btn,#srBuyutPop .drykart .btn{background:var(--card);
  border:1px solid var(--line2);color:var(--ink);border-radius:8px}
#srEklePop .drykart .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
#srEklePop .drykart .note{color:var(--ink3)}

/* ===== Müşteriler & Kişiler — Monday tarzı düzenlenebilir tablo (31 Ağu 2026) ===== */
/* Sütun sayısı artınca SIKIŞMA değil SAĞA TAŞMA (kullanıcı isteği):
   width:max-content ile tablo, sütun genişliklerinin toplamı kadar büyür;
   kap (overflow:auto) yatay kaydırır. min-width:100% az sütunda tam genişlik. */
#musTable,#kisTable{table-layout:fixed;width:max-content;min-width:100%}
#musTable th,#kisTable th{position:relative;overflow:hidden;text-overflow:ellipsis;user-select:none}
#musTable th[draggable],#kisTable th[draggable]{cursor:grab}
#musTable td,#kisTable td{overflow:hidden;text-overflow:ellipsis}
.thtut{position:absolute;top:0;right:0;width:9px;height:100%;cursor:col-resize}
/* 20 Eyl 2026: tutamak görünür olsun — başlık satırına gelince ince çizgi, tutamağın üstünde vurgu */
thead:hover .thtut::after,.thtut::after{content:"";position:absolute;top:22%;bottom:22%;right:3px;width:2px;border-radius:2px;background:var(--line2);opacity:0;transition:opacity .12s}
thead:hover .thtut::after{opacity:1}
.thtut:hover::after{background:var(--accent);opacity:1;top:8%;bottom:8%}
th.srt{cursor:pointer}
/* Puantaj — aya personel ekleme penceresi */
.pjsecust{display:flex;gap:8px;margin:0 0 8px}
.pjsecust input{flex:1 1 auto;min-width:0}
.pjsecliste{display:flex;flex-direction:column;gap:4px}
.pjsecsat{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);cursor:pointer;font-size:13px}
.pjsecsat input{width:auto;accent-color:var(--accent)}
.pjsecsat .pjsecad{flex:1 1 auto;min-width:0;font-weight:600}
.pjsecsat .pjseckay{font-size:11px;color:var(--ink3);white-space:nowrap}
.pjsecsat.buay{opacity:.6}
/* Seçenek düzenleyici (41 secenekDuzenleAc) — durum/seçim sütunlarının seçenekleri */
#secenekPop .scliste{display:flex;flex-direction:column;gap:6px}
#secenekPop .scsat{display:grid;grid-template-columns:18px 30px 1fr auto 28px 28px 28px;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--bg)}
#secenekPop .sctut{color:var(--ink3);cursor:grab;font-size:12px;letter-spacing:-2px;text-align:center}
#secenekPop .screnk{position:relative;width:28px;height:28px;border-radius:8px;background:var(--mr);border:1px solid rgba(0,0,0,.12);cursor:pointer;overflow:hidden}
#secenekPop .screnk input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
#secenekPop .scad{width:100%;min-width:0;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);font:500 13px var(--f-ui);color:var(--ink)}
#secenekPop .scad:focus{outline:2px solid var(--accent);outline-offset:-1px}
#secenekPop .scon{white-space:nowrap}
#secenekPop .scsil:hover{color:var(--no);border-color:var(--no)}
#secenekPop .scpalet{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;padding-top:10px;border-top:1px dashed var(--line)}
#secenekPop .scpal{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0}
#secenekPop .scpal:hover{transform:scale(1.15)}
#secenekPop .otformalt .otpopbtn{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:560px){#secenekPop .scsat{grid-template-columns:30px 1fr 28px 28px 28px;row-gap:4px}#secenekPop .sctut,#secenekPop .scon{display:none}}
/* PhoneCell düzenleme sarmalı (Kişiler · Telefon Hatları): görünüm + ✎ + gizli input */
.htelw{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0}
.htelw .htelgor{min-width:0}
.htelw .hteled{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink3);cursor:pointer;flex:0 0 auto;opacity:0}
td:hover .htelw .hteled,.htelw:hover .hteled{opacity:1}
.htelw .hteled:hover{border-color:var(--line2);background:var(--card);color:var(--ink)}
.htelw.duzenle .htelgor,.htelw.duzenle .hteled{display:none}
.htelw .htelin{width:150px}
.ozelx{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:11px;padding:0 3px;margin-left:2px}
.ozelx:hover{color:var(--no)}
th.hedefkol{outline:2px dashed var(--accent);outline-offset:-2px}
#lnkTablo thead th{position:relative}
#lnkTablo th[draggable="true"]{cursor:grab}
/* hücre içi düzenleme: kutu görünümü yok, odaklanınca belirir */
.hedit{width:100%;border:1px solid transparent;background:transparent;border-radius:6px;
  padding:4px 6px;font:inherit;color:inherit;min-width:0}
.hedit:hover{border-color:var(--line)}
.hedit:focus{border-color:var(--accent);background:var(--card);outline:none}
select.hedit{appearance:auto;cursor:pointer}
.bagbtn{display:flex;align-items:center;gap:6px;width:100%;border:1px solid transparent;background:none;
  border-radius:6px;padding:4px 6px;font:inherit;color:inherit;cursor:pointer;text-align:left;min-width:0}
.bagbtn:hover{border-color:var(--line);background:var(--bg)}
.bagbtn span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bagbtn.bos span{color:var(--cond,#B0692B)}
.bagbtn i{font-style:normal;color:var(--ink3);font-size:10px}
/* ===== YÖNETİM & LINK TAKİP — "RAY" DİLİ (12 Eyl 2026, kullanıcı seçimi C + kiremit aksan) =====
   Tasarım stüdyosundan (artifact ad1244b3: A Mono · B Soft · C Ray) C seçildi; indigo aksan
   yerine ev kiremiti (#C4452C). İlk adım yalnız bu iki sayfa — sol menü rayı/ikinci menü
   (kabuk) sonraki adımda, kullanıcı kararıyla. YÖNTEM: kapsamlı TOKEN EZMESİ (Petrol kalıbı) —
   id'ler, JS dinleyicileri, tablo motoru, sekme kurulumu AYNEN. HER TEMADA AÇIK (belge yüzeyi kuralı).
   Dil: sıcak-gri zemin + beyaz kartlar + 1px hairline · DM Sans · UPPERCASE küçük etiketler ·
   KPI'da etiket ÜSTTE rakam altta · sekmeler beyaz şeritte kiremit alt çizgi · tablo başlığı
   uppercase ince · aksan yalnız CTA/aktif durum/linklerde. */
#yonetim,#linktakip{font-variant-numeric:tabular-nums}   /* tokenlar artık :root'ta (tüm yapı RAY) */
#yonetim,#linktakip{background:transparent;border:0;border-radius:0;padding:0;margin-top:0}
/* Üst bar: beyaz şerit — başlık solda, eylemler sağda (Ray'in üst çubuğu) */
#yonetim .otust2,#linktakip .otust2{background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:13px 16px;align-items:center;margin-bottom:12px}
#yonetim .otust2 h2,#linktakip .otust2 h2{font-family:"DM Sans",var(--f-ui);font-size:17px;
  font-weight:700;letter-spacing:-.01em;color:var(--ink)}
#yonetim .otust2 .otalt,#linktakip .otust2 .otalt{color:var(--ink3);font-size:12.5px}
#yonetim .otust2 .btn,#linktakip .otust2 .btn{white-space:nowrap}
#yonetim .btn,#linktakip .btn{border-radius:8px;border-color:var(--line2);background:var(--card);
  color:var(--ink);font-weight:600;font-size:13px;box-shadow:none}
#yonetim .btn:hover,#linktakip .btn:hover{background:var(--bg);border-color:var(--line2)}
#yonetim .btn.primary,#linktakip .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
#yonetim .btn.primary:hover,#linktakip .btn.primary:hover{background:#B03D26;border-color:#B03D26}
#yonetim .btn.dim,#linktakip .btn.dim{color:var(--ink3)}
/* KPI: etiket ÜSTTE uppercase, rakam altta büyük (markup değişmedi — order ile) */
#yonetim .otkpi,#linktakip .otkpi{gap:12px;margin-bottom:14px}
#linktakip .otkpi{grid-template-columns:repeat(4,1fr)}
#yonetim .otkpi > div,#linktakip .otkpi > div{display:flex;flex-direction:column;gap:3px;
  border-radius:12px;padding:15px 18px;border:1px solid var(--line);background:var(--card)}
#yonetim .otkpi > div > span,#linktakip .otkpi > div > span{order:-1;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;color:var(--ink3)}
#yonetim .otkpi b,#linktakip .otkpi b{font-family:"DM Sans",var(--f-ui);font-size:26px;font-weight:700;
  letter-spacing:-.02em;line-height:1.1}
#yonetim .otkpi .yondip,#linktakip .otkpi .kpidip{order:3;margin-top:5px;font-size:12px;font-weight:500;color:var(--ink3)}
#yonetim .otkpi > div.yonuyar{background:linear-gradient(135deg,rgba(196,69,44,.07),transparent);border-color:rgba(196,69,44,.35)}
@media(max-width:900px){ #linktakip .otkpi{grid-template-columns:1fr 1fr} }
/* Sekme şeridi (yalnız Yönetim): beyaz kart içinde, aktif = kiremit alt çizgi + koyu metin */
#yonetim .yonyan{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 10px;
  margin-bottom:14px;gap:4px}
#yonetim .yonsek{padding:12px 12px 11px;font-weight:500;font-size:13.5px;color:var(--ink2);
  border-bottom-width:2px;margin-bottom:-1px}
#yonetim .yonsek:hover{color:var(--ink)}
#yonetim .yonsek.acik{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
#yonetim .yonsek .roz{background:var(--accent)}
/* Kartlar */
#yonetim .card,#linktakip .card{border-radius:12px;padding:16px 18px;border:1px solid var(--line);background:var(--card)}
#yonetim .card h2,#linktakip .card h2{font-family:"DM Sans",var(--f-ui);font-size:15px;font-weight:700;
  letter-spacing:-.01em;margin-bottom:12px}
#yonetim .note,#linktakip .note{color:var(--ink3);font-size:11.5px;line-height:1.5}
#yonetim input,#yonetim select,#yonetim textarea,#linktakip input,#linktakip select{
  border-radius:8px !important;border:1px solid var(--line2) !important;background:var(--card);
  color:var(--ink);font-family:inherit}
#yonetim input:focus,#yonetim select:focus,#yonetim textarea:focus,#linktakip input:focus,#linktakip select:focus{
  outline:2px solid rgba(196,69,44,.35);outline-offset:0;border-color:var(--accent) !important}
#linktakip .talentbar{gap:8px;margin-bottom:12px}
#linktakip .talentbar select,#linktakip .talentbar input{padding:8px 11px;font-size:12.5px}
/* Tablolar: uppercase ince başlık, ferah satır, hover zemin, aksan yalnız sıralı sütunda */
#yonetim .minitable th,#linktakip .minitable th{font-size:11px;letter-spacing:.06em;color:var(--ink3);
  font-weight:600;padding:10px 10px;border-bottom:1px solid var(--line);background:var(--card)}
#yonetim .minitable td,#linktakip .minitable td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:13px}
#yonetim .minitable tbody tr:hover td,#linktakip .minitable tbody tr:hover td{background:var(--bg)}
#yonetim .minitable input{background:transparent;border-color:transparent}
#yonetim .minitable input:hover{border-color:var(--line2)}
#yonetim .minitable input:focus{background:var(--card);outline:2px solid rgba(196,69,44,.35)}
#linktakip #lnkTablo th.srt.aktif,#linktakip #lnkTablo th.srt:hover{color:var(--accent)}
#linktakip #lnkTablo tr.mgrup td{background:var(--bg);color:var(--ink2)}
#linktakip .lnkkod{color:var(--accent);font-weight:600}
#yonetim .mirasroz{background:rgba(196,69,44,.12);color:var(--accent)}
.mirasroz.ks{background:var(--st-no-bg);color:var(--st-no);border:1px solid var(--st-no-line)}


/* ===== MÜŞTERİLER & KİŞİLER — "PETROL PANOSU" (3 Eyl 2026, kullanıcı seçimi B) =====
   Snapforce esintili stüdyoden seçildi (artifact 8f28fe74; HubSpot dili v112'nin yerine).
   YÖNTEM yine kapsamlı TOKEN EZMESİ — iş mantığı/id'ler AYNEN: hücre düzenleme,
   seçmeli piller, özel sütunlar, sürükle/genişlet, toplu seçim, çekmece, Monday.
   Petrol koyu başlık bandı + petrol tablo başlığı + krem zemin + kiremit CTA;
   görünüm sekmeleri yuvarlak çip oldu. HER TEMADA bu açık görünüm (belge yüzeyi kuralı). */
/* 12 Eyl 2026: Petrol tokenları/bandı KALKTI — sayfa :root RAY tokenlarını kullanır;
   yapı (çipler, hücre düzenleme, çekmece, piller) aynen. */
#musEkleBtn,#kisEkleBtn{background:var(--accent) !important;border-color:var(--accent) !important;color:#fff !important}
.otkpi.kpi6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1240px){ .otkpi.kpi6{grid-template-columns:repeat(3,1fr)} }
#musteriler .otkpi > div.kabul b,#kisiler .otkpi > div.kabul b{color:var(--accent)}
.otfiltre #musQ,.otfiltre #kisQ{flex:1 1 240px;min-width:190px;max-width:400px}
/* Süzgeç barı krem şerit (Petrol Panosu) */
#musteriler .otfiltre,#kisiler .otfiltre{background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:9px 12px}
/* segment pili (Kişiler durum süzgeci hâlâ bu biçimde) */
.crmseg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px;flex:0 0 auto}
.crmseg b{font-size:12px;font-weight:600;color:var(--ink3);padding:5px 12px;border-radius:7px;cursor:pointer;user-select:none;white-space:nowrap}
.crmseg b.on{background:var(--ink);color:var(--card)}
/* GÖRÜNÜM ÇİPLERİ (Petrol Panosu) — eski segment pili, id/dinleyici AYNEN */
.crmseg.hsviews{background:none;border:0;border-radius:0;padding:0;gap:8px;flex-wrap:wrap;
  margin:0 0 10px;position:relative;z-index:2}
.crmseg.hsviews b{border:1px solid var(--line2);background:var(--card);border-radius:99px;
  padding:7px 14px;font-size:12px;color:var(--ink2)}
.crmseg.hsviews b.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
#musteriler .card.full,#kisiler .card.full{border-radius:14px;border-color:var(--line)}
/* Petrol tablo başlığı — koyu zeminde açık yeşilimsi metin; oklar/kontroller kalıtır */
#musteriler .minitable thead th,#kisiler .minitable thead th{
  font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink3);padding:10px 12px;background:var(--card);
  border-bottom:1px solid var(--line)}
#musteriler .minitable td,#kisiler .minitable td{padding:9px 12px;border-bottom:1px solid var(--line)}
#musteriler .minitable tbody tr:hover,#kisiler .minitable tbody tr:hover{background:var(--bg)}
/* ad hücresi kalın mürekkep (yine hücre içi düzenlenir) */
#musteriler .crmadh input.hedit,#kisiler .crmadh input.hedit{color:var(--ink);font-weight:700}
/* monogram: müşteride köşeli, kişide yuvarlak (stüdyodeki B ayrımı) */
#musteriler .mgx,#musCek .mgx{border-radius:9px}
#kisiler .mgx,#kisCek .mgx{border-radius:99px}
/* Müşteriler başlık sıralaması okları — petrol zeminde açık tonlar */
#musTable th .msok{font-size:9px;opacity:.55;margin-left:3px;user-select:none;color:var(--ink3)}
#musTable th .msok.aktif{opacity:1;color:var(--accent)}
/* Influencer toplu seçim menüsü */
#infSecPop{position:fixed;z-index:80;background:var(--card);border:1px solid var(--line2);
  border-radius:12px;box-shadow:0 12px 34px rgba(20,22,28,.18);padding:6px;min-width:180px;
  max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:2px}
#infSecPop[hidden]{display:none}
#infSecPop button{border:0;background:none;text-align:left;padding:7px 11px;border-radius:8px;
  font:600 12.5px var(--f-ui);color:var(--ink);cursor:pointer}
#infSecPop button:hover{background:var(--bg)}
/* Özel "Belge" hücresi bağlantısı */
.crmbad{display:inline-flex;gap:4px;align-items:center;font-weight:600;
  font-size:12px;cursor:pointer;white-space:nowrap;text-decoration:none}
.crmbad:hover{text-decoration:underline}
/* TEK RENK HÜCRELER (tasarım A, 1 Eyl 2026): input kutuları kalktı — değerler düz
   metin gibi durur, kutu yalnız fare satırın üzerindeyken belirir, odakta kart zemini. */
#musteriler .minitable input.hedit,#kisiler .minitable input.hedit,
#musteriler .minitable select.hedit,#kisiler .minitable select.hedit{
  background:transparent;border-color:transparent}
#musteriler .minitable tbody tr:hover .hedit,
#kisiler .minitable tbody tr:hover .hedit{border-color:var(--line)}
#musteriler .minitable .hedit:focus,#kisiler .minitable .hedit:focus{
  background:var(--card);border-color:var(--accent)}
input.hedit.sekcip{border-color:transparent}
/* Monday seçmeli pil (Durum · Koşul) + seçenek menüsü */
.dpil{display:inline-flex;align-items:center;gap:5px;font:700 11px var(--f-ui);color:#fff;
  border-radius:99px;padding:3px 11px;cursor:pointer;border:0;white-space:nowrap;line-height:1.5}
.dpil i{font-style:normal;font-size:8px;opacity:.85}
.dpil.bos{background:transparent;color:var(--ink3);border:1px dashed var(--line2);font-weight:600}
.dpil[disabled]{cursor:default}
.dpil[disabled] i{display:none}
#durumPop{position:fixed;z-index:80;background:var(--card);border:1px solid var(--line2);
  border-radius:12px;box-shadow:0 14px 40px rgba(27,19,16,.2);padding:6px;
  display:flex;flex-direction:column;gap:4px;min-width:160px;max-height:70vh;overflow:auto}
#durumPop[hidden]{display:none}
#durumPop button{border:0;border-radius:99px;padding:6px 12px;font:700 11px var(--f-ui);
  color:#fff;cursor:pointer;text-align:center}
#durumPop button.temiz{background:none;color:var(--ink3);font-weight:600;border:1px dashed var(--line)}
.gmnokta{width:8px;height:8px;border-radius:99px;display:inline-block;flex:0 0 auto}
#musteriler .minitable tbody tr:not(.bosrow),#kisiler .minitable tbody tr:not(.bosrow){cursor:pointer}
#musteriler .minitable tbody tr:hover>td,#kisiler .minitable tbody tr:hover>td{
  background:color-mix(in srgb,var(--bg) 55%,var(--card))}
#musteriler .minitable tr.crmsec>td,#kisiler .minitable tr.crmsec>td{
  background:color-mix(in srgb,var(--accent) 10%,var(--card))}
.crmadh{display:flex;align-items:center;gap:9px;min-width:0}
.mgx{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:12px;font-family:var(--f-display);flex:0 0 auto}
.mgx.kucuk{width:24px;height:24px;font-size:10px;border-radius:7px}
input.hedit.sekcip{border-radius:99px;font-weight:600;font-size:12px;padding:4px 11px}
/* Tıklanabilir link hücresi: input + ↗ (1 Eyl 2026) */
.hlinkw{display:flex;align-items:center;gap:2px;min-width:0}
.hlinkw input{min-width:0;flex:1}
.hlink{flex:0 0 auto;font-size:12px;line-height:1;padding:4px 5px;border-radius:6px;
  color:var(--accent);text-decoration:none;font-weight:700}
.hlink:hover{background:var(--bg)}
/* Kişiler: şirket adı (detay açar) + ▾ (bağı değiştirir) ikilisi */
.bagikili{display:flex;align-items:center;gap:3px;min-width:0}
.bagad{border:0;background:none;padding:4px 6px;border-radius:6px;cursor:pointer;
  font:600 12.5px var(--f-ui);color:var(--accent);text-align:left;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.bagad:hover{background:var(--bg);text-decoration:underline}
.bagbtn.mini{flex:0 0 auto;width:auto;padding:3px 6px}   /* width:100% kalıtımı adı sıfıra sıkıştırıyordu (16 Eyl 2026) */
.bagad{flex:1 1 auto}
.bagbtn.mini span{display:none}
/* ---- GÖREVLER (Ana Sayfa, migration 91) ---- */
/* ---- YAPILACAKLAR — sistem diliyle yeniden (3 Eyl 2026): segment pilleri
   kapsayıcılı, ekleme satırı yumuşak iç kutu, satırlar hover'lı, liste kendi
   içinde kayar (uzun listede kart sayfayı şişirmesin). ---- */
.gorseg{display:inline-flex;gap:2px;margin-left:auto;background:var(--bg);
  border:1px solid var(--line);border-radius:99px;padding:3px;flex-wrap:wrap}
.gorseg b{font-size:11px;font-weight:600;color:var(--ink3);border-radius:99px;
  padding:4px 11px;cursor:pointer;user-select:none;white-space:nowrap}
.gorseg b.on{background:var(--ink);color:var(--card)}
.gorekle{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap;align-items:center;
  background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:6px 7px}
.gorekle #gorYeni{flex:1 1 200px;min-width:150px;border:0;background:transparent;
  padding:7px 9px;font-family:var(--f-ui);font-size:12.5px;color:var(--ink)}
.gorekle #gorYeni:focus{outline:none}
.gorekle:has(#gorYeni:focus){border-color:var(--accent)}   /* girdi çerçevesiz — odak göstergesi kapta */
.gorekle input[type=date]{flex:0 0 auto;border:1px solid var(--line);border-radius:99px;
  background:var(--card);padding:6px 11px;font-family:var(--f-ui);font-size:11.5px;color:var(--ink2)}
.gorekle .btn{padding:7px 14px;font-size:12px;border-radius:99px}
.gorekle .btn.primary{background:var(--brick,#C4452C);border-color:var(--brick,#C4452C);color:#fff}
#gorListe{max-height:430px;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px}
.gorrow{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;
  border-bottom:1px solid var(--line);border-radius:10px;transition:background .12s}
.gorrow:hover{background:var(--bg)}
.gorrow:last-child{border-bottom:0}
.gorrow input[type=checkbox]{margin-top:2px;cursor:pointer;width:15px;height:15px;
  accent-color:var(--teal,#2F6E6B);flex:0 0 auto}
.gorrow .met{flex:1;min-width:0;font-size:12.5px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}
.gorrow.tamamdi .met{text-decoration:line-through;color:var(--ink3);font-weight:400}
.gorrow .alt{font-size:10.5px;color:var(--ink3);margin-top:3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gorrow .btr{font-family:var(--f-mono);font-size:10px;border:1px solid var(--line);
  border-radius:99px;padding:2px 8px;background:var(--card)}
.gorrow .btr.gec{color:#fff;background:var(--brick,#C4452C);border-color:var(--brick,#C4452C)}
.gorrow .isl{display:flex;gap:3px;flex:0 0 auto;opacity:0}
.gorrow:hover .isl{opacity:1}
@media(hover:none){.gorrow .isl{opacity:.7}}
.gorrow .isl button{border:0;background:none;cursor:pointer;color:var(--ink3);
  width:25px;height:25px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center}
.gorrow .isl button:hover{background:var(--card);color:var(--brick,#C4452C)}
.gorbos{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 8px;
  color:var(--ink3);font-size:12px;text-align:center}
.gorbos svg{opacity:.5}
#gorAtaPop label{display:flex;gap:7px;align-items:center;padding:5px 7px;font-size:12px;cursor:pointer;border-radius:7px}
#gorAtaPop label:hover{background:var(--bg)}
.birlesat{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 11px;cursor:pointer}
.birlesat input{margin:0}
.birlesat b{font-size:12.5px}
.birlesat span{font-size:11px;color:var(--ink3)}
/* ---- ARAMA KUTUSU (2 Eyl 2026) — tüm sayfa aramaları tek tip "hap" görünümde ----
   Sarma 02_kabuk'taki aramaGorunumKur() ile çalışma anında yapılır. */
.aramakutu{position:relative;display:inline-flex;align-items:center;flex:0 1 280px;min-width:180px;vertical-align:middle}
.aramakutu svg{position:absolute;left:11px;color:var(--ink3);pointer-events:none;z-index:1}
.aramakutu input{width:100%;min-width:0;padding:8px 13px 8px 31px;border:1px solid var(--line2,var(--line));
  border-radius:99px;background:var(--card);color:var(--ink);font-family:var(--f-ui,inherit);font-size:12.5px;
  transition:border-color .15s, box-shadow .15s}
.aramakutu input::placeholder{color:var(--ink3)}
.aramakutu input:focus{outline:none;border-color:var(--accent,var(--brick,#C4452C));
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#C4452C) 14%, transparent)}
.aramakutu:focus-within svg{color:var(--accent,var(--brick,#C4452C))}
/* Kayıtsız çıktı engellenince "Arşive kaydet" düğmesi nabız gibi vurgulanır (2 Eyl 2026) */
.btn.vurgu{animation:btnVurgu 1.6s ease-out}
@keyframes btnVurgu{0%{box-shadow:0 0 0 5px rgba(196,69,44,.55)}100%{box-shadow:0 0 0 0 rgba(196,69,44,0)}}
/* ---- İÇERİK RAPORU (2 Eyl 2026) ---- */
/* ---- İÇERİK RAPORU — Ray dili (14 Eyl 2026): pencereler gövde-kaydırmalı (çok görselde
   düğmeler kayboluyordu), tipler yumuşak çip, galeri/damla alanı token'lı ---- */
.icrkart2{padding:18px 20px 16px;max-height:88vh;overflow:hidden}
.icrkart2 h3{font-family:var(--f-display);font-size:16px;font-weight:700;letter-spacing:-.01em}
.icrgovde{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:2px 6px}
.icralt{position:relative;display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:12px 0 0;margin-top:10px;border-top:1px solid var(--line);flex:none;background:var(--card)}
.icralt .icrsay{margin-right:auto;font-family:var(--f-mono);font-size:11px;color:var(--ink3)}
.icrgbas{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line);flex:none}
.icrgbtn{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap}
.icrgbtn .btn{white-space:nowrap}
.icrform{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:12px}
.icrform label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--ink3);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.icrform input,.icrform select,.icrform textarea{width:100%;text-transform:none;letter-spacing:0;font-weight:500}
.icrform label .pfipuc{text-transform:none;letter-spacing:0;font-weight:500}
.icrform.icrgift{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px}
.icrdrop{border:1.5px dashed var(--line2);border-radius:12px;padding:20px 16px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg);transition:border-color .15s,background .15s}
.icrdrop b{font-size:13px;color:var(--ink)}
.icrdrop.uzer{border-color:var(--accent);background:var(--accent-soft)}
.icrdrop .icrnot{font-size:11px;color:var(--ink3)}
.icrsecili{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.icrsecili:empty{display:none}
.icrsatir{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 9px;border:1px solid var(--line);
  border-radius:9px;background:var(--card);min-width:0}
.icrsatir .ik{width:26px;height:26px;border-radius:7px;background:var(--bg);display:grid;place-items:center;flex:none;font-size:11px;color:var(--ink3);font-family:var(--f-mono);font-weight:700}
.icrsatir b{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.icrsatir .boy{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);flex:0 0 auto}
.icrsatir button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:2px 4px;border-radius:6px;flex:none}
.icrsatir button:hover{color:var(--accent);background:var(--accent-soft)}
.icrgaleri{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:4px}
.icrkart{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}
.icrkart .gors{height:170px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.icrkart .gors img{width:100%;height:100%;object-fit:cover}
.icrkart .alt{padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:11px;border-top:1px solid var(--line)}
.icrkart .alt b{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icrkart .alt button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:3px;border-radius:6px}
.icrkart .alt button:hover{color:var(--accent);background:var(--accent-soft)}
.icrgnot{margin-bottom:10px;font-size:12px;color:var(--ink2);background:var(--bg);border:1px solid var(--line);
  border-radius:10px;padding:9px 12px;line-height:1.5}
.icrson{margin-bottom:12px;border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:var(--bg)}
.icrsonbas{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.icrsonbas b{font-size:13px}
.icrsonbas span{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3)}
.icrozet{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--ink2)}
.icrozet li{margin:2px 0}
.icruyari{margin-top:8px;font-size:11.5px;color:var(--st-warn);background:var(--st-warn-bg);border:1px solid var(--st-warn-line);
  border-radius:8px;padding:7px 10px;line-height:1.5}
.icrpdf{font-size:26px}
.icrrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}
.icrrow:last-child{border-bottom:0}
.icrrow:hover{background:var(--bg)}
.icrrow .say{flex:0 0 auto;font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);
  border:1px solid var(--line);border-radius:99px;padding:3px 9px;white-space:nowrap;background:var(--card)}
.icrrow .say.tip{color:var(--accent);background:var(--accent-soft);border-color:var(--st-no-line);font-family:var(--f-ui);font-weight:600;letter-spacing:.02em}
.icrrow .say.tip.gft{color:var(--st-warn);background:var(--st-warn-bg);border-color:var(--st-warn-line)}
.icrrow .say.tip.ksr{color:var(--st-teal);background:var(--st-teal-bg);border-color:var(--st-teal-line)}
.icrrow .ad{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.icrrow .ad b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icrrow .ad span{font-size:11.5px;color:var(--ink3)}
.icrrow .isl{flex:0 0 auto;display:flex;gap:2px;opacity:.75}
.icrrow:hover .isl{opacity:1}
.icrrow .isl button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:6px;border-radius:7px}
.icrrow .isl button:hover{color:var(--accent);background:var(--accent-soft)}
@media(max-width:640px){.icrform{grid-template-columns:1fr} .icrsecili{grid-template-columns:1fr} .icrrow{flex-wrap:wrap} .icrrow .ad{flex-basis:100%;order:-1}}
/* Sistem sağlığı + Silinenler satırları (1 Eyl 2026) */
.sagrow{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid var(--line);font-size:13px}
.sagrow:last-child{border-bottom:0}
.sagrow i{width:9px;height:9px;border-radius:99px;flex:0 0 auto}
.sagrow b{font-weight:700;min-width:190px}
.sagrow span{color:var(--ink2)}
.sagrow small{color:var(--ink3);font-size:11.5px;margin-left:auto;text-align:right;max-width:46%}
.sagrow button{margin-left:auto}
/* Efektif erişim penceresi içeriği */
#onizPop .onizbl{padding:6px 8px}
#onizPop .onizbl b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);margin-bottom:5px}
#onizPop .onizbl span{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 9px;font-size:12px;margin:0 4px 4px 0}
#onizPop .onizbl span.yokk{background:none;border-style:dashed;color:var(--ink3)}
/* ANA SAYFA — Nabız (2 Eyl 2026) */
#anasayfa .otkpi{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:12px}
#anasayfa .otkpi i{font-style:normal;display:block;font-size:11px;font-weight:700;margin-top:2px;color:var(--ink3)}
#anasayfa .otkpi .ysl{color:var(--st-ok2)}
.ascipler{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ascip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;
  padding:5px 13px;font:600 11.5px var(--f-ui);background:var(--card)}
.ascip i{width:7px;height:7px;border-radius:99px;font-style:normal}
.asyer{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.askart{padding:0 !important}
.asbaslik{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line)}
.asbaslik h2{margin:0 !important;font-size:14px !important}
.assay{background:var(--accent);color:#fff;border-radius:99px;font:700 10.5px var(--f-ui);
  min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}
.asnot{margin-left:auto;font-size:11.5px;color:var(--ink3)}
.asgorev{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer}
.asgorev:hover{background:rgba(0,0,0,.03)}
.asgorev:last-child{border-bottom:0}
.asgorev .tip{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.asgorev .met{min-width:0}
.asgorev .met b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asgorev .met span{font-size:11.5px;color:var(--ink3)}
.asgorev .roz{margin-left:auto;border-radius:99px;padding:2px 9px;font:700 10.5px var(--f-ui);flex:0 0 auto}
.asgorev .asoku{flex:0 0 auto;border:1px solid var(--line2);background:var(--card);color:var(--ink3);border-radius:99px;padding:2px 9px;font:600 10.5px var(--f-ui);cursor:pointer;white-space:nowrap}
.asgorev .asoku:hover{color:var(--st-ok);border-color:var(--st-ok-line);background:var(--st-ok-bg)} .asgorev .asoku:disabled{opacity:.5;cursor:default}
.asbaslik .asokuhepsi{margin-left:8px;border:0;background:none;color:var(--color-link,var(--accent));font:600 11.5px var(--f-ui);cursor:pointer;text-decoration:underline;padding:0} .asbaslik .asokuhepsi[hidden]{display:none}
@media(max-width:768px){ .asgorev .asoku{padding:4px 10px;font-size:11px} }
.asakis>div{display:flex;gap:9px;align-items:center;padding:10px 16px;font-size:12.5px;
  border-bottom:1px solid var(--line);cursor:pointer;min-width:0}
.asakis>div:hover{background:rgba(0,0,0,.03)}
.asakis>div:last-child{border-bottom:0}
.asakis .nk{width:8px;height:8px;border-radius:99px;flex:0 0 auto}
.asakis .mono{font-family:var(--f-mono);font-size:11px;color:var(--ink2);flex:0 0 auto}
.asakis .tut{font-family:var(--f-mono);font-size:11.5px;flex:0 0 auto}
.asakis small{margin-left:auto;color:var(--ink3);font-size:10.5px;white-space:nowrap;flex:0 0 auto}
.asbos{padding:26px 16px;text-align:center;color:var(--ink3);font-size:13px;line-height:1.7}
/* Yaklaşan günler kartı (24 Eyl 2026, migration 269) */
.asyak{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer}
.asyak:last-child{border-bottom:0} .asyak:hover{background:rgba(0,0,0,.03)}
.asyav{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;background-size:cover;background-position:center}
.asyak .met{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.asyak .met b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asyak .met small{font-size:11.5px;color:var(--ink3)}
.asyaktur{align-self:flex-start;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px}
.asyaktur.dogum{background:#FFE3F4;color:#B8277E} .asyaktur.yil{background:var(--accent-soft);color:var(--accent)}
.asyakkalan{flex:0 0 auto;min-width:64px;text-align:center;font-weight:700;font-size:13px;padding:6px 10px;border-radius:10px;background:var(--bg);color:var(--ink2);font-variant-numeric:tabular-nums}
.asyak.yakin .asyakkalan{background:var(--st-warn-bg);color:var(--st-warn)}
.asyakkalan.bugun{background:var(--st-ok-bg)!important;color:var(--st-ok)!important}
/* Yaklaşan son tarihler (29 Eyl 2026, migration 324 — sure_kayitlar) */
.asyakbas{padding:8px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);background:var(--bg);border-bottom:1px solid var(--line)}
.asyav.asurav{background:var(--bg);color:var(--ink2);border:1px solid var(--line)}
.asyaktur.sure{background:var(--bg);color:var(--ink2);border:1px solid var(--line)}
.asyak.sbugun .asyakkalan{background:var(--st-warn-bg);color:var(--st-warn)}
.asyak.sgec .asyakkalan{background:var(--st-no-bg);color:var(--st-no)}
.asyakdaha{display:block;width:100%;padding:9px 16px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--color-link);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}
.asyakdaha:hover{background:rgba(0,0,0,.03)}
.asyer.asgrid .askart #asYaklasan{flex:1 1 auto;overflow:auto}
@media(max-width:768px){ .asyer.asgrid .askart #asYaklasan{overflow:visible} }
html[data-tema="koyu"] .asyaktur.dogum{background:rgba(255,90,196,.18);color:#FF9ADB}
@media(max-width:900px){.asyer{grid-template-columns:1fr}}
/* ── Bütçe / Liste Talep (21 Eyl 2026 tasarım geçişi): hızlı çipler · durum şeridi · konuşma önizlemesi · gecikme ── */
.lthizli{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}
.lthizli b{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;user-select:none}
.lthizli b span{font-family:var(--f-mono);font-size:11px;color:var(--ink3)}
.lthizli b.on{background:var(--ink);color:var(--bg);border-color:var(--ink)} .lthizli b.on span{color:inherit;opacity:.8}
.lthizli b.uyari:not(.on){border-color:var(--st-no-line);color:var(--st-no)} .lthizli b.uyari:not(.on) span{color:var(--st-no)}
/* ==== MALİYET HESAPLAMA (24 Eyl 2026, migration 257) — Monday panosu birebir: gruplu formül tablosu ==== */
#maliyet .otkpi{grid-template-columns:repeat(5,1fr)}
#maliyet .otkpi>div.kabul b{color:var(--st-ok)} #maliyet .otkpi>div.uyari b{color:var(--st-no)}
#mlAyarBtn small{font-weight:500;color:var(--ink3);margin-left:4px}
#mlTablo{table-layout:fixed;min-width:100%;border-collapse:separate;border-spacing:0}
#mlTablo thead th{position:sticky;top:0;z-index:3;background:var(--card);white-space:normal;line-height:1.2;font-size:10.5px;padding:7px 6px;vertical-align:middle}
#mlTablo th.mlfbas{background:color-mix(in srgb,var(--accent) 6%,var(--card))}
#mlTablo th .mlfx{font-style:normal;font-family:var(--f-mono);font-size:9px;color:var(--accent);margin-left:3px;vertical-align:super}
#mlTablo th.aktif{color:var(--accent)}
#mlTablo td{vertical-align:middle;padding:4px 6px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--line)}
#mlTablo td.mlfh{background:color-mix(in srgb,var(--accent) 4%,var(--card));font-family:var(--f-mono);font-variant-numeric:tabular-nums}
#mlTablo .mlf{font-family:var(--f-mono);font-variant-numeric:tabular-nums} #mlTablo .mlf.pos{color:var(--st-ok);font-weight:600} #mlTablo .mlf.neg{color:var(--st-no);font-weight:600}
#mlTablo .mlbos{color:var(--ink3);font-style:normal;opacity:.6}
#mlTablo td.mlsabit,#mlTablo th:first-child{position:sticky;left:0;z-index:2;background:var(--card);text-align:left!important;box-shadow:inset -1px 0 0 var(--line)}
#mlTablo thead th:first-child{z-index:4}
#mlTablo td.mlsabit .ttmet{width:100%} #mlTablo td.mlsabit .ttmetm{font-weight:600}
#mlTablo tr.mlrow:hover td{background:color-mix(in srgb,var(--accent) 6%,var(--card))} #mlTablo tr.mlrow:hover td.mlsabit{background:color-mix(in srgb,var(--accent) 6%,var(--card))}
#mlTablo tr.mlgrp td{background:var(--bg);cursor:pointer;padding:6px 8px;border-bottom:1px solid var(--line2)}
#mlTablo tr.mlgrp td.mlsabit{background:var(--bg);font-size:12.5px} #mlTablo tr.mlgrp .mlgrpic{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap} #mlTablo tr.mlgrp .mlok{color:var(--ink3);font-size:11px;width:12px} #mlTablo tr.mlgrp small{color:var(--ink3);font-weight:500}
#mlTablo tr.mlgrp .mlgrpekle{margin-left:auto;width:22px;height:22px}
#mlTablo td.mlgrpoz{text-align:left!important;font-size:11.5px;color:var(--ink3);white-space:nowrap} #mlTablo td.mlgrpoz span{margin-right:14px} #mlTablo td.mlgrpoz b{font-family:var(--f-mono);color:var(--ink)} #mlTablo td.mlgrpoz b.pos{color:var(--st-ok)} #mlTablo td.mlgrpoz b.neg{color:var(--st-no)}
#mlTablo tr.mlgrptop td{background:color-mix(in srgb,var(--accent) 5%,var(--card));border-bottom:2px solid var(--line2);font-size:11.5px} #mlTablo tr.mlgrptop td.mlsabit{background:color-mix(in srgb,var(--accent) 5%,var(--card))} #mlTablo tr.mlgrptop small{color:var(--ink3);margin-left:4px}
#mlTablo tr.mlgenel td{background:var(--ink);color:var(--bg);border:0} #mlTablo tr.mlgenel td.mlsabit{background:var(--ink);color:var(--bg)} #mlTablo tr.mlgenel .mlf{color:var(--bg)} #mlTablo tr.mlgenel .mlf.neg{color:#ffb4a8} #mlTablo tr.mlgenel small{color:var(--bg);opacity:.7}
#mlTablo .mlsecim{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-height:22px;align-items:center} #mlTablo .mlsecim.tik{cursor:pointer;border-radius:6px} #mlTablo .mlsecim.tik:hover{background:var(--bg)} #mlTablo .mlsecim .ttcip{font-size:10.5px;padding:1px 7px}
#mlTablo .islx{opacity:0} #mlTablo tr:hover .islx{opacity:1}
/* v2 (27 Eyl 2026, migration 298): KDV'li birim ekonomi — portföy · simülatör · ürün kartı */
#mlGor_portfoy[hidden],#mlGor_sim[hidden],#mlGor_urunler[hidden]{display:none!important}
#mlTablo th.mlgg{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--ink3) 45%,transparent)}
#mlTablo th.mlgs{box-shadow:inset 0 -3px 0 var(--accent)} #mlTablo th.mlgi{box-shadow:inset 0 -3px 0 #fdab3d}
#mlTablo th.mlgt{box-shadow:inset 0 -3px 0 #f27a1a} #mlTablo th.mlgk{box-shadow:inset 0 -3px 0 #579bfc}
#mlTablo .mladkap{display:flex;align-items:center;gap:4px;min-width:0} #mlTablo .mladkap>:first-child{flex:1 1 auto;min-width:0} #mlTablo .mlad{font-weight:600;overflow:hidden;text-overflow:ellipsis}
#mlTablo .mlac{flex:0 0 auto;width:22px;height:22px;opacity:.35} #mlTablo tr:hover .mlac{opacity:1}
.mlsag{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;color:var(--sr);background:color-mix(in srgb,var(--sr) 14%,var(--card));border:1px solid color-mix(in srgb,var(--sr) 35%,var(--card))}
.mlmarj{font-family:var(--f-mono);font-weight:700;color:var(--sr);font-variant-numeric:tabular-nums}
.mluyar{font-size:11px;font-weight:700;color:var(--st-no)}
.mlbosk{padding:18px;color:var(--ink3);font-size:12.5px;text-align:center}
.mlpgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px} .mlpgrid>*{min-width:0}
.mlpkart{padding:14px 16px;margin-bottom:12px} .mlpgrid .mlpkart{margin-bottom:0}
.mlpbas{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px} .mlpbas b{font-size:14px} .mlpbas small{color:var(--ink3);font-size:11.5px}
.mlsagbar{display:flex;height:30px;border-radius:9px;overflow:hidden;gap:2px}
.mlsagbar b{display:flex;align-items:center;justify-content:center;min-width:26px;background:var(--sr);color:#fff;font-size:12px;cursor:pointer}
.mlsaglej{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--ink2)} .mlsaglej span{cursor:pointer;display:inline-flex;align-items:center;gap:6px} .mlsaglej i{width:10px;height:10px;border-radius:3px;background:var(--sr)}
.mlnasil{margin:0;padding-left:18px;font-size:12.5px;line-height:1.6;color:var(--ink2)}
.mlptkap{overflow:auto} .mlptab{width:100%;min-width:0!important;border-collapse:collapse}
.mlptab th{font-size:10.5px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;padding:7px 8px;border-bottom:1px solid var(--line2);text-align:right;white-space:nowrap}
.mlptab td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;font-family:var(--f-mono);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mlptab th:first-child,.mlptab td.mlpad{text-align:left;font-family:inherit} .mlptab td.mlpad small{display:block;color:var(--ink3);font-size:11px}
.mlptab tbody tr[data-mlkart],.mlptab tbody tr[data-mlgrpac]{cursor:pointer} .mlptab tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,var(--card))}
.mlptab tfoot td{border-top:2px solid var(--line2);font-weight:700;border-bottom:0}
.mlptab .pos{color:var(--st-ok)} .mlptab .neg,.mlsimozet .neg{color:var(--st-no)}
.mldikl{display:flex;flex-direction:column;max-height:420px;overflow:auto}
.mldik{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:8px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center}
.mldik:hover{background:var(--bg)} .mldikad b{font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mldikad small{color:var(--ink3);font-size:11px}
.mldikn{font-family:var(--f-mono);font-size:11.5px;grid-column:1} .mldiko{font-size:11.5px;color:var(--ink3);text-align:right}
.mlsimust .mlsimk,.mlkhesk{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mlsimo{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600} .mlsimo span{display:inline-flex;align-items:center;gap:4px}
.mlsimo input{width:64px;height:32px;text-align:center;font-weight:700;font-size:14px}
#mlSimKaydir,#mlKartKaydir{flex:1 1 160px;min-width:120px;accent-color:var(--accent)}
.mlsimhiz{display:flex;gap:4px;flex-wrap:wrap} .mlsimhiz b{font-size:11.5px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:3px 9px;cursor:pointer;color:var(--ink2)} .mlsimhiz b.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
.mlsimnot{font-size:12px;color:var(--ink3);margin:10px 0}
.mlsimozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mlsimozet>div{background:var(--bg);border-radius:12px;padding:10px 12px;min-width:0} .mlsimozet>div.uyari{background:var(--st-no-bg,color-mix(in srgb,var(--st-no) 10%,var(--card)))}
.mlsimozet span{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.mlsimozet b{display:block;font-family:var(--f-display);font-size:18px;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlsimozet small{font-size:11px;color:var(--ink3)} .mlsimd.pos{color:var(--st-ok);font-weight:700} .mlsimd.neg{color:var(--st-no);font-weight:700}
@media(min-width:769px){ .cekpanel#mlKart:not([hidden]){width:min(1180px,96vw);max-height:94vh} .cekpanel#mlAyarPop:not([hidden]){width:min(640px,94vw)} }
.mlkgrid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px;align-items:start} .mlkgrid>*{min-width:0}
.mlkin{display:flex;align-items:center;position:relative} .mlkin.para::after{content:"₺";position:absolute;right:9px;font-size:12px;color:var(--ink3);pointer-events:none} .mlkin.para input{padding-right:22px}
.mlkin input{text-align:right;font-family:var(--f-mono)} .cekform label .mlkin input[data-mlk="ad"],.cekform label .mlkin input[data-mlk="barkod"]{text-align:left;font-family:inherit}
.mlkbeden{min-height:32px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:3px;padding:0 6px;text-transform:none;letter-spacing:0;font-weight:500;overflow:hidden} .mlkbeden.tik{cursor:pointer} .mlkbeden.tik:hover{border-color:var(--accent)}
.mlkalt{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:14px} .mlknot{font-size:11.5px;color:var(--ink3);margin-right:auto}
.mlaform3{grid-template-columns:repeat(3,1fr)} #mlAyarPop .cekform label small{font-size:10px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink3)}
.mlachk{display:flex;gap:8px;align-items:center;font-size:12px;margin:8px 0 4px;cursor:pointer} .mlachk input{width:auto}
.mlkskap{overflow:auto;border:1px solid var(--line);border-radius:12px}
.mlkselale{width:100%;min-width:0!important;border-collapse:collapse;font-size:12px}
.mlkselale th{font-size:11px;font-weight:700;padding:8px 10px;text-align:right;border-bottom:1px solid var(--line2);background:var(--bg);white-space:nowrap;line-height:1.7}
.mlkselale td{padding:5px 10px;text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line);white-space:nowrap}
.mlkselale td:first-child,.mlkselale th:first-child{text-align:left;font-family:inherit;color:var(--ink2);white-space:normal}
.mlkselale tr.mlkm td{color:var(--ink2)} .mlkselale tr.mlkv td{color:var(--ink3);font-size:11.5px}
.mlkselale tr.mlkb td{font-weight:600;background:color-mix(in srgb,var(--ink) 3%,var(--card))}
.mlkselale tr.mlkkar td{font-weight:800;font-size:13px;background:color-mix(in srgb,var(--accent) 7%,var(--card))} .mlkselale tr.mlkkar td:first-child{color:var(--ink)}
.mlkselale td.pos{color:var(--st-ok)} .mlkselale td.neg{color:var(--st-no)}
.mlkeksik{font-size:12px;color:var(--st-no);background:color-mix(in srgb,var(--st-no) 9%,var(--card));border-radius:10px;padding:8px 12px;margin-bottom:8px}
.mlkhes{border:1px solid var(--line);border-radius:12px;padding:12px} .mlkhesoz{margin-top:10px}
.mlaffsat{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)} .mlaffnot{font-size:11px;color:var(--ink3)}
.mlsimozet>div.mlvurgu{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink2)}
#mlKart .mlkbas{position:sticky;top:-20px;z-index:3;background:var(--card);margin:-20px -22px 8px;padding:16px 22px 10px;border-bottom:1px solid var(--line)}
.mlkozet{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px} .mlkozet span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mlkozet i{font-style:normal;color:var(--ink3);font-size:11px} .cekbas .mlkozet b{font-family:var(--f-mono);font-size:12.5px;font-weight:700;display:inline;line-height:1.3}
#mlKart .mlkbas{padding-right:52px} .mlkselale td:first-child{min-width:150px} .mlkozet b.pos{color:var(--st-ok)} .mlkozet b.neg{color:var(--st-no)} .mlkozet em{color:var(--ink3)}
@media(max-width:900px){ .mlpgrid,.mlkgrid{grid-template-columns:1fr} .mlaform3{grid-template-columns:1fr 1fr} }
.mlgorbar{margin:0 0 10px} .mlgorbar .crmseg{display:inline-flex}
.mlmkl{display:flex;flex-direction:column;gap:3px;margin-top:4px}
.mlmk{display:grid;grid-template-columns:64px 1fr auto auto;gap:8px;align-items:center;font-size:12px} .mlmk span{color:var(--ink3);font-size:11px}
.mlmk b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:600} .mlmk b.pos{color:var(--st-ok)} .mlmk b.neg{color:var(--st-no)} .mlmk i{color:var(--ink3);font-size:11px;grid-column:3/5}
@media(max-width:768px){
  .mlgorbar .crmseg{display:flex;width:100%} .mlgorbar .crmseg b{flex:1;text-align:center;padding:10px 4px}
  .mlkin input,.mlsimo input,#mlKart select,#mlAyarPop input{font-size:16px!important;height:44px!important}
  .mlkbeden{min-height:44px} .mlkalt .btn,.mlsimhiz b{min-height:40px;display:inline-flex;align-items:center}
  .mlsimo input{width:78px} #mlSimKaydir,#mlKartKaydir{flex-basis:100%;height:32px}
  .mlpkart{padding:12px} .mlsimozet b{font-size:16px} .mlkselale{font-size:11.5px} .mlkselale td,.mlkselale th{padding:5px 7px}
  #mlKart .cekform,#mlAyarPop .cekform{grid-template-columns:1fr 1fr} .mlaform3{grid-template-columns:1fr 1fr}
  .mldik{grid-template-columns:1fr} .mldiko{text-align:left}
  :is(#mlExcelBtn,#mlGrupBtn,#mlKolBtn,#mlAyarBtn,#mlYeniBtn){display:none!important}   /* mobil başlık (＋ Ürün · ⋯ menü) taşır */
  #maliyet .otkpi>div{padding:10px 12px} #maliyet .otkpi b{font-size:19px}
  #mlKart .mlkbas{top:-14px;margin:-14px -16px 8px;padding:12px 52px 10px 16px} #mlKart .cekbas b{font-size:17px} #mlKart .cekbas .mlkozet b{font-size:13px} .mlsimo input{width:78px!important;flex:0 0 auto}
}
@media(max-width:768px){ #maliyet .otkpi{grid-template-columns:1fr 1fr!important} #mlTabloKap{max-height:none!important} }
/* ==== KAYIT KARTI — ORTAK KART GÖRÜNÜMÜ (24 Eyl 2026, kullanıcı: "tablo değil kart görünümü olsun" — Liste Talep, Bütçe Toplama;
   aynı gün 2. tur: "kartlar daha küçük ve estetik olsun, yazılar iç içe girmesin" → alanlar etiket solda · değer sağda TEK SATIR,
   taşma yok (min-width:0 + ellipsis), 250px kart, sıkı boşluklar). Üst bant durum (K-01), .sec = açık kayıt, .soluk = kapalı/arşiv, .uyari = gecikmiş ==== */
.kkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;align-items:stretch}
.kkartbos{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.kkart{position:relative;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 0 8px;display:flex;flex-direction:column;gap:6px;min-width:0;cursor:pointer;overflow:hidden;transition:border-color .12s,box-shadow .12s}
.kkart:hover{border-color:var(--line2);box-shadow:0 4px 14px rgba(20,22,28,.07)}
.kkart.sec{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.kkart.soluk{opacity:.62} .kkart.soluk:hover{opacity:1}
.kkart.uyari{box-shadow:inset 3px 0 0 var(--st-no)}
/* Bütçe Toplama kartı "Özet öncelikli" (28 Eyl 2026) */
.kkart.btk{padding:12px 0 10px;gap:8px}
.kkart.btk .kkbas{padding:0 14px;align-items:flex-start}
.kkart.btk .kkb{flex:1 1 auto;min-width:0;font-size:15px}
.kkart.btk .kkb .ttmetm{overflow-wrap:break-word;word-break:normal}
.kkart.btk .kkbas .islx{position:absolute;top:8px;right:8px;opacity:0;background:var(--card);border-radius:8px;padding:1px;box-shadow:-8px 0 8px var(--card)}
.kkart.btk:hover .kkbas .islx,.kkart.btk.sec .kkbas .islx,.kkart.btk .kkbas .islx:focus-within{opacity:1}
.kkart.btk > .toplukutu{left:auto;right:8px}
.kkart.btk:has(> .toplukutu) .kkbas .islx{right:36px}
.topluvar .kkart.btk .kkbas,.kkart.btk:has(.toplukutu input:checked) .kkbas{padding-right:40px}
@media (hover:none){ .kkart.btk .kkbas .islx{opacity:1;box-shadow:none} .kkart.btk .kkbas{padding-right:58px} }
.btkdurs{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11px;color:var(--ink3);min-width:0;white-space:nowrap}
.kkart.btk .btkdur{background:none;flex:0 0 auto}
.kkart.btk .btkdur .ttpil{display:inline-flex;width:auto;min-height:0;border-radius:99px;padding:2px 9px;font-size:11px;white-space:nowrap}
.kkart.btk .kkm{padding:0 14px}
.kkart.btk .btkgec{color:var(--st-no);font-weight:600} .kkart.btk .btkyak{color:var(--st-warn);font-weight:600}
.btkozet{padding:4px 14px 0}
.btkbutce{font:600 22px/1.2 var(--f-mono);color:var(--st-ok);letter-spacing:-.01em} .btkbutce.bos{color:var(--ink3)}
.btkalt{font-size:11.5px;color:var(--ink3);margin-top:2px}
.btkcubuk{display:flex;height:6px;margin:2px 14px 0;border-radius:99px;overflow:hidden;background:var(--line)}
.btkcubuk span{display:block;height:100%} .btkcubuk .k{background:var(--st-ok)} .btkcubuk .r{background:var(--st-no)} .btkcubuk .b{background:var(--line2)}
.btklej{display:flex;gap:10px;padding:0 14px;font-size:11px;color:var(--ink3)} .btklej .k{color:var(--st-ok)} .btklej .r{color:var(--st-no)}
.kkart.btk .kkalt{padding:8px 14px 0}
.btkkisi{display:inline-flex;padding-left:6px;min-width:0}
.btkav{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:-6px;border:2px solid var(--card);font:600 9.5px var(--f-ui);font-style:normal;background:var(--bg);color:var(--ink2)}
.btkav.kabul{background:color-mix(in srgb,var(--st-ok) 18%,var(--card));color:var(--st-ok)}
.btkav.red{background:color-mix(in srgb,var(--st-no) 16%,var(--card));color:var(--st-no)}
.btkav.daha{background:var(--line);color:var(--ink2)}
.btksag{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;min-width:0;overflow:hidden}
.kkart.btk .btkkisi{flex:0 0 auto} .kkart.btk .btksag .ftmsj{flex:0 0 auto} .kkart.btk .btksag .kkz{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.kkdurum{cursor:pointer;background:var(--bg)} .kkdurum .ttpil{display:flex;width:100%;border-radius:0;padding:5px 10px;font-size:11.5px;min-height:28px;letter-spacing:.01em}
.kkdurum .ttpil.bos{background:var(--bg);color:var(--ink3);border-bottom:1px dashed var(--line2)}
.kkbas{display:flex;align-items:flex-start;gap:4px;padding:4px 8px 0 12px}
.kkb{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:700;line-height:1.25}
.kkb .ttmet{width:100%;padding:1px 4px;margin-left:-4px;min-height:22px} .kkb .ttmetm{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kkbas .islx{flex:0 0 auto;align-items:center;gap:2px;opacity:.5} .kkart:hover .islx,.kkart.sec .islx{opacity:1}
.kkbas .islx .otik{width:22px;height:22px}
.kkm{display:flex;align-items:center;gap:5px;padding:0 12px;font-size:11px;color:var(--ink3);flex-wrap:nowrap;min-width:0}
.kkm>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kkacan{display:inline-flex;align-items:center;gap:5px;color:var(--ink2);font-weight:600;flex:0 1 auto}
.kkacan .otav,.kkacan .otavm{width:18px;height:18px;font-size:9px}
.kkilgili{margin-left:auto;display:inline-flex;align-items:center;gap:3px;flex:0 0 auto} .kkilgili small{font-size:10.5px;color:var(--ink3)}
.kkilgili .otav,.kkilgili .otavm{width:18px;height:18px;font-size:9px}
.kkonz{padding:0 12px;font-size:11.5px;color:var(--ink2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.kkonz b{font-weight:600;color:var(--ink)} .kkonz.bos{color:var(--ink3);font-style:italic}
/* alanlar: her alan bir satır — etiket solda, değer sağda; sığmayan değer üç nokta (komşuya taşma YOK) */
.kkalan{display:flex;flex-direction:column;gap:3px;padding:2px 12px 0;border-top:1px solid var(--line);margin-top:2px;padding-top:6px}
.kkalan>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:24px}
.kkalan .kke,.kkmetin .kke{flex:0 0 auto;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
.kkalan input.lted{flex:0 0 auto;width:124px;box-sizing:border-box;height:24px;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:0 4px;font:inherit;font-size:11.5px;color:inherit;text-align:center}
.kkalan input.lted:hover{border-color:var(--line2)} .kkalan input.lted:focus{border-color:var(--accent);background:var(--card);outline:0}
.kkalan input.lted.ltgec{color:var(--st-no);border-color:var(--st-no-line);font-weight:600}
.kkalan .kkdeger,.kkmetin .kkdeger{flex:0 1 auto;min-width:0;max-width:68%;font-size:12px;color:var(--ink);line-height:1.3;display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.kkalan .kkdeger>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
.kkalan .kkdeger small{font-size:10.5px;color:var(--ink3);flex:0 0 auto} .kkalan .kkbos,.kkmetin .kkbos{color:var(--ink3);font-size:11.5px}
.kkalan .kkdeger .isinfoz{gap:3px;font-size:10.5px} .kkalan .kkdeger .isinfoz i{padding:0 5px}
.kkalan .kkdeger .btpara{font-size:12.5px}
.kkell{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kksec{flex:0 0 auto;cursor:pointer;width:124px} .kksec .ttpil{display:flex;width:100%;min-height:24px;min-width:0;padding:2px 6px;font-size:11px}
.kkmetin{display:flex;flex-direction:column;gap:2px;padding:2px 12px 0;font-size:12px;min-width:0}
.kkmetin .kkdeger{max-width:100%;justify-content:flex-start;text-align:left}
.kkmetin .ttmet{width:100%;min-height:22px;margin-left:-4px;padding:1px 4px;font-size:12px} .kkmetin .ttmetm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kkalt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:6px 12px 0;border-top:1px solid var(--line);font-size:11px;color:var(--ink3);min-width:0}
.kkalt>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kkalt .ftmsj{font-size:11px} .kkalt .ftmsj b{color:var(--ink2)} .kkz{white-space:nowrap;flex:0 0 auto}
.kkdaha{grid-column:1/-1;text-align:center;padding:6px 0}
/* GÖRSELLER — Brief görsel alanı + Akış/Brief önizleme (25 Eyl 2026) */
.brgorsel{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:8px;border:1px dashed var(--line2);border-radius:10px;background:var(--bg);min-height:96px}
.brgorsel.surukle{border-color:var(--accent);background:var(--accent-soft)} .brgorsel.odak{border-style:solid;border-color:var(--line2)}
.brgorsel figure{position:relative;margin:0;border-radius:8px;overflow:hidden;background:var(--card);border:1px solid var(--line);aspect-ratio:4/3}
.brgorsel img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.brgorsel .brgx{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;cursor:pointer;opacity:0;transition:opacity .12s} .brgorsel figure:hover .brgx{opacity:1}
.brgekle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed var(--line2);border-radius:8px;cursor:pointer;color:var(--ink3);aspect-ratio:4/3;text-align:center;padding:6px}
.brgekle span{font-size:22px;line-height:1} .brgekle small{font-size:11px} .brgekle:hover{border-color:var(--accent);color:var(--accent)}
.akeditor img{max-width:100%;height:auto;border-radius:8px;cursor:zoom-in}
#gorselPerde{position:fixed;inset:0;z-index:2147482500;background:rgba(15,15,16,.9);display:flex;align-items:center;justify-content:center;padding:56px 70px 24px}
#gorselPerde[hidden]{display:none!important} #gorselPerde > img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
#gorselPerde .gpust{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:12px 16px;color:#eee;font-size:13px}
#gorselPerde .gpust span{margin-right:auto} #gorselPerde .gpust a{color:#fff} #gorselPerde .gpust button{width:34px;height:34px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font-size:15px;cursor:pointer}
#gorselPerde .gpyon{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:30px;cursor:pointer} #gorselPerde .gpyon.sol{left:14px} #gorselPerde .gpyon.sag{right:14px}
/* İSİM DEĞİŞİKLİĞİ (25 Eyl 2026) */
#isimdegisiklik .otust2[hidden]{display:none!important}
.idkart{width:min(1180px,96vw);max-height:92vh;display:flex;flex-direction:column}
.idpbas{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)} .idpbas h2{font-size:16px;margin:0}
.idpalt{display:flex;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid var(--line)}
#idGovde{overflow:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}
.idust{display:grid;grid-template-columns:2fr 1.4fr 2fr 1fr;gap:10px} .idust label,.idnotlar{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.idust input,.idust select,#idGovde textarea,#idGovde input:not([type=checkbox]){font:inherit;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);border:1px solid var(--line2);border-radius:8px;padding:7px 9px;background:var(--card);width:100%;box-sizing:border-box}
#idGovde textarea{resize:vertical;min-height:34px}
.idust #idDurumYer .ttpil{min-height:34px;display:flex;border-radius:8px}
.idotkalem{border:1px dashed var(--line2);border-radius:10px;padding:8px 10px;background:var(--bg)} .idotbas{font-weight:700;font-size:12.5px;margin-bottom:6px} .idotbas small{font-weight:400;color:var(--ink3)}
.idotsat{display:grid;grid-template-columns:180px 1fr 110px auto;gap:10px;align-items:center;padding:5px 0;border-top:1px solid var(--line);font-size:12.5px} .idotsat em{font-style:normal;color:var(--ink2);text-align:right} .idotsat .btn{height:28px}
.idsatirlar{display:flex;flex-direction:column;gap:10px}
.idsatir{display:grid;grid-template-columns:26px minmax(0,1fr) 20px minmax(0,1.6fr) 34px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card)}
.idno{font-weight:700;color:var(--ink3);text-align:center;padding-top:22px} .idok{padding-top:40px;color:var(--ink3);font-size:18px;text-align:center}
.ideski,.idyeni{display:flex;flex-direction:column;gap:6px;min-width:0} .idetk{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.ideski{background:var(--bg);border-radius:10px;padding:8px}
.idoneri{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 100px minmax(0,1fr) auto auto;gap:6px;align-items:start;padding:6px;border:1px solid var(--line);border-radius:10px}
.idoneri.sec{border-color:var(--st-ok-line);background:var(--st-ok-bg)} .idsecildi{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap;padding-top:8px}
.idoneri input[hidden]{display:none!important}
.idyeni .btekle,#idSatirEkle{align-self:flex-start;width:auto;flex:0 0 auto}
.idsatirisl{display:flex;flex-direction:column;gap:2px}
.idhesap{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;color:var(--ink2);min-width:0} .idoneri > .idhesap{grid-column:1/-1}
.idplat{height:22px;min-width:30px;padding:0 6px;border:1px solid var(--line2);border-radius:6px;background:var(--card);font:600 11px var(--f-ui);color:var(--ink3);cursor:pointer}
.idplat.on{background:var(--ink);border-color:var(--ink);color:var(--card)} .idplat:disabled{cursor:default}
.idplatlar{display:inline-flex;gap:3px} .idhbilgi{margin-left:6px;min-width:0;display:flex;flex-wrap:wrap;gap:2px 12px} .idh1{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .idh1 em{font-style:normal;font-weight:700;font-size:10.5px;color:var(--ink3);margin-right:4px} .idhbilgi i{color:var(--ink3)} .idhbilgi b{color:var(--ink)}
.idbos{padding:18px;text-align:center;color:var(--ink3);border:1px dashed var(--line2);border-radius:10px}
.idalt{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:start} .idayar{display:flex;flex-direction:column;gap:6px;font-size:12.5px;border:1px solid var(--line);border-radius:10px;padding:10px} .idayar label{display:flex;gap:6px;align-items:center}
@media(max-width:900px){ .idust{grid-template-columns:1fr 1fr} .idsatir{grid-template-columns:1fr} .idok,.idno{display:none} .idoneri{grid-template-columns:1fr 1fr} .idalt{grid-template-columns:1fr} }
/* K-24 TOPLU SEÇİM (25 Eyl 2026 SİSTEM GENELİ) — 41 topluSecKur: satır kutusu · kart kutusu · alt çubuk */
th.toplusec,td.toplusec{width:36px!important;min-width:36px;max-width:36px;text-align:center!important;padding:0 6px!important}
td.toplusec input,th.toplusec input,.toplukutu input{width:15px;height:15px;cursor:pointer;accent-color:var(--accent);margin:0}
tr.topluon > td{background:color-mix(in srgb,var(--accent) 7%,var(--card))!important}
.toplukutu{position:absolute;top:8px;left:8px;z-index:3;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--card);border:1px solid var(--line2);box-shadow:0 1px 3px rgba(0,0,0,.08);opacity:0;transition:opacity .12s;cursor:pointer}
.kkart{position:relative} .kkart:hover > .toplukutu,.topluvar .toplukutu,.toplukutu:has(input:checked){opacity:1}
.kkart.topluon{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.kkart > .toplukutu + .kkdurum{padding-left:0}
#topluBar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:2147482000;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 16px;background:var(--ink);color:var(--card);border-radius:12px;box-shadow:0 14px 34px rgba(20,22,28,.28);font-size:13px}
#topluBar[hidden]{display:none!important} #topluBar b{margin-right:6px;white-space:nowrap} #topluBar .btn{height:32px}
#topluBar .btn:not(.primary){background:transparent;color:var(--card);border-color:color-mix(in srgb,var(--card) 30%,transparent)}
@media(max-width:768px){ #topluBar,.toplukutu,th.toplusec,td.toplusec{display:none!important} }
/* Ana sayfa kişisel kart seçimi (25 Eyl 2026) */
#anasayfa .askart.askgizli{display:none!important}
#anasayfa .asbaslik .askgizle{margin-left:auto;flex:0 0 auto;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--ink3);font-size:12px;cursor:pointer;opacity:0;transition:opacity .12s}
#anasayfa .askart:hover .askgizle,#anasayfa .askgizle:focus-visible{opacity:1} #anasayfa .askgizle:hover{background:var(--bg);color:var(--ink)}
@media(hover:none){ #anasayfa .asbaslik .askgizle{opacity:.6} }
/* INFLUENCER TEK ŞERİT (25 Eyl 2026, seçim A) */
#influencer .infbar{flex-wrap:nowrap;gap:10px;padding:8px 12px;align-items:center}
#influencer .infbarbas{flex:0 0 auto;flex-shrink:0 !important} #influencer .infbarbas h2{font-size:15.5px;white-space:nowrap} #influencer .infbarbas .otalt{font-size:11.5px;white-space:nowrap}
#influencer .infbarfil{flex:1 1 auto;margin:0;flex-wrap:nowrap;min-width:0;border-left:1px solid var(--line);padding-left:10px;gap:6px}
#influencer .infbarfil #infAra{flex:1 1 170px;min-width:130px;max-width:300px}
#influencer .infbarfil select{flex:0 0 auto}
#influencer .infbarbos{flex:1 1 auto;min-width:0}
#influencer .infbararac{display:flex;gap:6px;flex:0 0 auto !important;align-items:center;flex-wrap:nowrap !important}
#influencer #talentSay:not(:empty)::before{content:" · "}
#infGuncelleBtn.calisiyor{opacity:.7;pointer-events:none}
@media(max-width:1380px){ #influencer .infbar{flex-wrap:wrap} #influencer .infbarfil{order:3;flex-basis:100%;border-left:0;padding-left:0} }
/* K-28 TEK ŞERİT ÜST ALAN — SİSTEM GENELİ (27 Eyl 2026): Influencer şeridinin (.infbar) ortak karşılığı; sınıfları 02 ustSeritKur
   yalnız ≥769'da takar (mobil eski düzen). başlık · filtre (.ustfil) · eylemler (.ustarac); KPI kartları → başlık alt satırı (.ustkpi) */
.otust2.ustserit{flex-wrap:nowrap;gap:10px;padding:8px 12px;align-items:center;justify-content:flex-start}
.otust2.ustserit > .ustbas{flex:0 0 auto;flex-shrink:0 !important;max-width:420px}
.otust2.ustserit > .ustbas h2{font-size:15.5px;white-space:nowrap}
.otust2.ustserit > .ustbas .otalt{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.otust2.ustserit.ustkpivar > .ustbas > .otalt:not(.ustkpi){display:none}
.otust2.ustserit .ustkpi span + span::before{content:" · "}
.otust2 .ustkpi:empty,.otust2:not(.ustserit) .ustkpi{display:none}
.otust2.ustserit > .otfiltre.ustfil{flex:1 1 auto;margin:0;min-width:0;border-left:1px solid var(--line);padding-left:10px;gap:6px;row-gap:6px;flex-wrap:nowrap}
.otust2.ustserit > .ustfil > .aramakutu,.otust2.ustserit > .ustfil > input[type=text],.otust2.ustserit > .ustfil > input:not([type]){flex:1 1 170px;min-width:130px;max-width:300px}
.otust2.ustserit > .ustfil select{flex:0 1 auto;min-width:92px;max-width:190px;text-overflow:ellipsis}
.otust2.ustserit > .ustfil > :is(.btn,button,.kfbtn,.crmseg,.gorsec){flex:0 0 auto}
.otust2.ustserit > .ustarac{display:flex;gap:6px;flex:0 0 auto !important;align-items:center;flex-wrap:nowrap !important;margin-left:auto}
section.ustseritsec > .otkpi.ustkpikaynak{display:none!important}
/* sığmazsa (02 ustSigdir ölçer — genişlik eşiği değil, gerçek taşma): filtre şeridi başlığın altında kendi satırına iner, orada sarar */
.otust2.ustserit.ustsigmaz{flex-wrap:wrap} .otust2.ustserit.ustsigmaz > .ustfil{order:3;flex-basis:100%;border-left:0;padding-left:0;flex-wrap:wrap}

/* Kart grupları (24 Eyl 2026 — Influencer Soruları: soran / davet·işbirliği): grid'i kesen başlık satırı, tık → daralt */
.kkgrup{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:10px 0 -2px;padding:6px 4px;border-bottom:1px solid var(--line);cursor:pointer;user-select:none;font:700 13px var(--f-ui);color:var(--ink)}
.kkgrup:first-child{margin-top:0} .kkgrup .kkgsay{font:600 11px var(--f-mono,monospace);color:var(--ink3);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 8px}
.kkgrup .kkgok{margin-left:auto;color:var(--ink3);transition:transform .15s} .kkgrup.kapali .kkgok{transform:rotate(-90deg)}
.kkgrup.alt{font-size:12px;color:var(--ink2);border-bottom-style:dashed;margin-top:4px;padding-left:18px}
.kktip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:99px;font-size:10.5px;font-weight:700;white-space:nowrap}
.kktip.davet{background:color-mix(in srgb,#9d50dd 14%,transparent);color:#8a3fd0} .kktip.isbirligi{background:color-mix(in srgb,#579bfc 14%,transparent);color:#2f74d8}
#listetalep .ltgecroz,#butcetoplama .ltgecroz,#infsoru .ltgecroz{display:inline-flex;align-items:center;padding:0 6px;height:18px;border-radius:99px;font-size:9.5px;font-weight:700;background:var(--st-no-bg);color:var(--st-no);white-space:nowrap}
#listetalep .ltbos{color:var(--ink3);opacity:.6}
@media(max-width:1100px){ .kkartlar{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))} }
/* ── Ana Sayfa serbest ızgara (21 Eyl 2026, migration 225; 71_ik_ozet kalıbı): 12 sütun × 36px, kart başlığından sürüklenir, köşeden boyutlanır ── */
.asyer.asgrid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:36px;grid-auto-flow:row;gap:12px;align-items:stretch}
.asyer.asgrid .askart[hidden]{display:none}
.asyer.asgrid .askart{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative;grid-column:span 6}
.asyer.asgrid .askart .asbaslik{flex:0 0 auto} .asyer.asgrid.asduz .askart .asbaslik{user-select:none;cursor:grab} .asyer.asgrid.asduz .askart .asbaslik:active{cursor:grabbing}
.asyer.asgrid .askart>*:not(.asbaslik){min-height:0}
.asyer.asgrid .askart .hbliste,.asyer.asgrid .askart #gorListe,.asyer.asgrid .askart #asGorev,.asyer.asgrid .askart .asakis{flex:1 1 auto;overflow:auto}
.asyer.asgrid .askart .hbyaz,.asyer.asgrid .askart .gorekle{flex:0 0 auto}
.astut{color:var(--ink3);letter-spacing:-2px;font-size:13px;padding:0 2px;flex:0 0 auto}
.asboyut{position:absolute;right:2px;bottom:2px;width:18px;height:18px;cursor:nwse-resize;touch-action:none;z-index:2;opacity:0;transition:opacity .12s;border-radius:4px}
.asyer.asgrid .askart:hover .asboyut,.askart.asboyutlaniyor .asboyut{opacity:1;background-image:linear-gradient(135deg,transparent 45%,var(--ink3) 45%,var(--ink3) 55%,transparent 55%,transparent 70%,var(--ink3) 70%,var(--ink3) 80%,transparent 80%)}
.askart.asboyutlaniyor{outline:2px solid var(--accent);outline-offset:1px} .askart.ashedef{outline:2px dashed var(--accent);outline-offset:2px} .askart.astasiniyor{opacity:.4}
.asduzennot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px} .asduzennot .note{margin:0} .asduzennot .btn{padding:4px 10px;font-size:12px}
@media(max-width:768px){.asyer.asgrid{grid-template-columns:1fr;grid-auto-rows:auto} .asyer.asgrid .askart{grid-column:auto!important;grid-row:auto!important;overflow:visible;display:block} .asyer.asgrid .askart .hbliste,.asyer.asgrid .askart #gorListe,.asyer.asgrid .askart #asGorev,.asyer.asgrid .askart .asakis{overflow:visible} .astut,.asboyut,.asduzennot{display:none}}
/* Ana Sayfa kart taşmaları (27 Eyl 2026): dar kartta başlık tek satır — not kısalır (…), segment kırılmaz,
   Yapılacaklar formu/listesi kart kenarına yapışmaz, dar kartta form 2 satıra düzenli iner (kapsayıcı sorgusu). */
.asyer .askart{container-type:inline-size}
.asbaslik{flex-wrap:wrap;row-gap:8px;min-height:50px}
.asbaslik h2{white-space:nowrap;flex:0 0 auto}
.asbaslik .assay{flex:0 0 auto}
.asbaslik .asnot{flex:1 1 0;min-width:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.asbaslik .gorseg{flex:0 0 auto;flex-wrap:nowrap}
.asyer .askart .gorekle{margin:12px 14px}
.asyer .askart #gorListe{margin:0;padding:0 8px}
.asyer .askart .hbyaz textarea{min-height:58px}
@container (max-width:600px){
  .gorekle #gorYeni{flex:1 1 100%}
  .gorekle input[type=date]{flex:1 1 auto;min-width:0}
}
@container (max-width:460px){
  .asbaslik .gorseg{flex:1 1 100%;order:5;margin-left:0;overflow-x:auto;scrollbar-width:none}
  .asbaslik .gorseg b{flex:1 1 auto;text-align:center}
}
.oranb{display:flex;align-items:center;gap:7px}
.oranb .tr{width:52px;height:5px;border-radius:99px;background:var(--line);overflow:hidden;flex:0 0 auto}
.oranb .tr i{display:block;height:100%;border-radius:99px}
.islx{opacity:0;display:flex;gap:4px;justify-content:flex-end;transition:opacity .12s}
tr:hover .islx{opacity:1}
@media (hover:none){.islx{opacity:1}}
/* detay çekmecesi — satıra tıklanınca sağdan açılır */
.cekpanel{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);background:var(--card);
  border-left:1px solid var(--line2);box-shadow:-24px 0 60px rgba(27,19,16,.18);
  padding:20px 22px 26px;overflow:auto;z-index:55}
.cekpanel[hidden]{display:none}
@keyframes cekGir{from{transform:translateX(26px);opacity:0}to{transform:none;opacity:1}}
/* ==== MÜLK TAKİP v7 — sıfırdan, ev RAY dili (18 Eyl 2026). gm_* şeması; token'lı, koyu temaya uyar. ==== */
:is(#mktakip,#ikalan) .otkpi.gmkpi{grid-template-columns:repeat(6,1fr)}
#mktakip .otkpi > div.gmuyar b{color:var(--st-no)}
#mktakip .otkpi > div > i{font-style:normal;font-size:11px;color:var(--ink3)}
:is(#mktakip,#ikalan) .gmfiltre .crmseg b[hidden]{display:none}
:is(#mktakip,#ikalan) .gmgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(#mktakip,#ikalan) .gmkart{padding:14px 16px}
:is(#mktakip,#ikalan) .gmkart.gen{grid-column:1/-1}
/* İSTATİSTİK PANOSU (22 Eyl 2026): 12 birimlik ızgara, kutu = sayaç (.gmpw.sayac = .otkpi>div görünümü) | kart; data-gen 2..12 gmOzetHtml yazar.
   Düzenle modu (.gmpano.duzen): kutu sürüklenir (iç içerik pointer-events:none), .gmpwtut sağ alt boyutlandırma, .gmpwsil kaldırır. */
:is(#mktakip,#ikalan) .gmpanobar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:-2px 0 10px}
:is(#mktakip,#ikalan) .gmpanobar .gmpnot{font-size:11px;color:var(--ink3);margin-right:auto}
:is(#mktakip,#ikalan) .gmpanobar .btn.gmmini svg{vertical-align:-2px;margin-right:3px}
:is(#mktakip,#ikalan) .otkpi.gmkpi[hidden]{display:none!important}   /* .otkpi{display:grid} hidden'ı eziyordu (masaüstü İstatistik: sayaçlar panoda) */
:is(#mktakip,#ikalan) .gmpano{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
:is(#mktakip,#ikalan) .gmpano .gmpw{position:relative;min-width:0}
:is(#mktakip,#ikalan) .gmpano [data-gen="2"]{grid-column:span 2}:is(#mktakip,#ikalan) .gmpano [data-gen="3"]{grid-column:span 3}:is(#mktakip,#ikalan) .gmpano [data-gen="4"]{grid-column:span 4}
:is(#mktakip,#ikalan) .gmpano [data-gen="5"]{grid-column:span 5}:is(#mktakip,#ikalan) .gmpano [data-gen="6"]{grid-column:span 6}:is(#mktakip,#ikalan) .gmpano [data-gen="7"]{grid-column:span 7}:is(#mktakip,#ikalan) .gmpano [data-gen="8"]{grid-column:span 8}
:is(#mktakip,#ikalan) .gmpano [data-gen="9"]{grid-column:span 9}:is(#mktakip,#ikalan) .gmpano [data-gen="10"]{grid-column:span 10}:is(#mktakip,#ikalan) .gmpano [data-gen="11"]{grid-column:span 11}:is(#mktakip,#ikalan) .gmpano [data-gen="12"]{grid-column:span 12}
:is(#mktakip,#ikalan) .gmpano .gmpw:not([data-gen]){grid-column:span 6}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;justify-content:center}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac b{display:block;font-family:var(--f-display);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac>span{order:-1;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac>i{order:3;font-style:normal;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac.kabul{background:linear-gradient(180deg,var(--bg),var(--card))}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac.kabul b{color:var(--accent)}
:is(#mktakip,#ikalan) .gmpano .gmpw.sayac.gmuyar b{color:var(--st-no)}
:is(#mktakip,#ikalan) .gmpano .gmpgov{overflow:auto}
:is(#mktakip,#ikalan) .gmpano .gmpkira{display:block;width:100%;margin:4px 0 0}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw{cursor:grab;outline:1px dashed var(--line2);outline-offset:2px;user-select:none}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw>.gmkbas{padding-right:26px}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw.sayac{padding-right:34px}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw>*:not(.gmpwsil):not(.gmpwtut){pointer-events:none}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw.gmpsuruk{opacity:.45}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw.gmphedef{outline:2px dashed var(--accent)}
:is(#mktakip,#ikalan) .gmpano.duzen .gmpw.gmpboyut{outline:2px solid var(--accent)}
.gmpwsil{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:99px;border:1px solid var(--line2);background:var(--card);color:var(--ink3);font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0}
.gmpwsil:hover{color:var(--st-no);border-color:var(--st-no-line);background:var(--st-no-bg)}
.gmpwtut{position:absolute;right:5px;bottom:5px;width:13px;height:13px;cursor:nwse-resize;border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);border-radius:0 0 3px 0;opacity:.6;z-index:2}
.gmpwtut:hover{border-color:var(--accent);opacity:1}
#ttPop .gmpsec{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;padding:6px 8px;border-radius:8px;cursor:pointer;font:500 13px var(--f-ui);color:var(--ink);text-align:left}
#ttPop .gmpsec:hover{background:var(--bg)} #ttPop .gmpsec i{font-style:normal;color:var(--accent);font-weight:700}
:is(#mktakip,#ikalan) .gmkbas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
:is(#mktakip,#ikalan) .gmkbas>b{font-family:var(--f-display);font-size:14px;font-weight:700}
:is(#mktakip,#ikalan) .gmkbas-sag{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:is(#mktakip,#ikalan) .gmkbas select{padding:4px 8px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:600 12px var(--f-ui)}
.gmsayac{font-size:11px;color:var(--ink3);font-family:var(--f-mono);white-space:nowrap}
.gmsoluk{color:var(--ink3)}
.gmk{color:var(--st-no)!important}
.gma{color:var(--st-warn)!important}
/* aylık gelir çubukları */
:is(#mktakip,#ikalan,#pkCek) .gmgraf{display:flex;align-items:stretch;gap:6px;height:210px;padding-top:6px}
:is(#mktakip,#ikalan,#pkCek) .gmbar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
:is(#mktakip,#ikalan,#pkCek) .gmbar em{font-style:normal;font:600 10px var(--f-mono);color:var(--ink2);white-space:nowrap;min-height:12px}
:is(#mktakip,#ikalan,#pkCek) .gmbaric{flex:1 1 auto;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
:is(#mktakip,#ikalan,#pkCek) .gmbaric i{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:68%;max-width:38px;border-radius:5px 5px 2px 2px;display:block}
:is(#mktakip,#ikalan,#pkCek) .gmbaric i.bek{background:var(--line);width:80%;max-width:46px}
:is(#mktakip,#ikalan,#pkCek) .gmbaric i.od{background:var(--teal,#2B7A78);overflow:hidden;display:flex;flex-direction:column-reverse}
:is(#mktakip,#ikalan,#pkCek) .gmbaric i.od s{display:block;background:var(--accent);text-decoration:none}
:is(#mktakip,#ikalan,#pkCek) .gmbar.bu span{color:var(--accent);font-weight:700}
:is(#mktakip,#ikalan,#pkCek) .gmbar.gelecek .gmbaric i{opacity:.55}
:is(#mktakip,#ikalan,#pkCek) .gmbar span{font:500 10px var(--f-ui);color:var(--ink3)}
.gmlej{display:inline-flex;gap:10px;align-items:center;font-size:11px;color:var(--ink3)}
.gmlej i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.gmlej i.a{background:var(--accent)} .gmlej i.b{background:var(--teal,#2B7A78)} .gmlej i.bek{background:var(--line)}
.gmlej i.ok{background:var(--st-ok-bg);border:1px solid var(--st-ok-line)} .gmlej i.kismi{background:var(--st-ok-bg);border:1px solid var(--st-ok-line)}
.gmlej i.eksik{background:var(--st-warn-bg);border:1px solid var(--st-warn-line)}
.gmlej i.gec{background:var(--st-no-bg);border:1px solid var(--st-no-line)} .gmlej i.bekl{background:var(--card);border:1px dashed var(--line2)}
/* yıllık tablo */
:is(#mktakip,#ikalan) .gmkart table{min-width:0}   /* global table{min-width:720px} kartı taşırıyordu */
:is(#mktakip,#ikalan) .gmkart{overflow:hidden}
:is(#mktakip,#ikalan) .gmyil td,:is(#mktakip,#ikalan) .gmyil th{text-align:right;padding:8px 6px}
:is(#mktakip,#ikalan) .gmyil td:first-child,:is(#mktakip,#ikalan) .gmyil th:first-child{text-align:left}
.gmoran{display:inline-block;width:56px;height:6px;border-radius:99px;background:var(--line);vertical-align:middle;margin-right:6px;overflow:hidden}
.gmoran i{display:block;height:100%;background:var(--st-ok);border-radius:99px}
/* liste satırları */
.gmliste{display:flex;flex-direction:column;max-height:360px;overflow:auto}
.gmlsatir{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--line);cursor:pointer;border-radius:8px}
.gmlsatir:first-child{border-top:0}
.gmlsatir:hover{background:var(--bg)}
.gmlb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.gmlb b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gmlb span{font-size:11px;color:var(--ink3)}
.gmlsag{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.gmlsag b{font-size:12.5px;font-variant-numeric:tabular-nums}
.gmlsag span{font-size:10.5px;color:var(--ink3)}
.gmmono{display:inline-flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center;color:#fff;font:700 11px var(--f-ui);flex:0 0 auto;letter-spacing:.02em}
.gmmono.kucuk{width:22px;height:22px;font-size:9.5px;border-radius:7px;vertical-align:middle}
.gmmono.buyuk{width:44px;height:44px;font-size:15px;border-radius:12px}
.gmmono.ev{background:var(--ink);}
/* rozetler */
.gmtip{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;border:1px solid var(--line);color:var(--ink3);background:var(--card);white-space:nowrap}
.gmtip.ok{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
.gmtip.kismi{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
.gmtip.gec{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
.gmtip.eksik{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
.gmtip.bek{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
.gmtip.bos{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.gmtip.pasif{background:var(--bg);color:var(--ink3)}
.gmtip.dask{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
.gmtip.soz{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.gmkim{display:inline-block;font:600 10.5px var(--f-ui);padding:2px 8px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase}
.gmkim.a{background:var(--accent-soft);color:var(--accent)}
.gmkim.b{background:color-mix(in srgb,var(--teal,#2B7A78) 14%,var(--card));color:var(--teal,#2B7A78)}
.gmkalan{display:inline-flex;flex-direction:column;line-height:1.15}
.gmkalan b{font-size:12.5px;font-weight:600}
.gmkalan i{font-style:normal;font-size:10.5px;color:var(--ink3)}
.gmkalan.gmk b,.gmkalan.gmk i{color:var(--st-no)!important}
.gmkalan.gma i{color:var(--st-warn)!important}
.btn.gmmini{min-height:26px;padding:3px 10px;font-size:11.5px;width:auto;min-width:0}
/* tablolar */
:is(#mktakip,#ikalan) .gmtablo tbody tr{cursor:pointer}
:is(#mktakip,#ikalan) .gmtablo tbody tr:hover td{background:var(--bg)}
:is(#mktakip,#ikalan) .gmtablo th.gmsirath{cursor:pointer;user-select:none}
:is(#mktakip,#ikalan) .gmtablo th.gmsirath.on{color:var(--accent)}
:is(#mktakip,#ikalan) .gmpasifsatir td{opacity:.62}
:is(#mktakip,#ikalan) .gmpasifsatir:hover td{opacity:1}
.gmmonoyazi{font-family:var(--f-mono);font-size:12px}
/* kiracı kartları */
:is(#mktakip,#ikalan) .gmkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
:is(#mktakip,#ikalan) .gmkk{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 15px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .12s,transform .12s}
:is(#mktakip,#ikalan) .gmkk:hover{border-color:var(--line2);transform:translateY(-1px)}
:is(#mktakip,#ikalan) .gmkk.pasif{opacity:.7}
:is(#mktakip,#ikalan) .gmkkust{display:flex;align-items:center;gap:10px}
:is(#mktakip,#ikalan) .gmkkad{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
:is(#mktakip,#ikalan) .gmkkad b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#mktakip,#ikalan) .gmkkad span{font-size:11.5px;color:var(--ink3)}
:is(#mktakip,#ikalan) .gmkkkira{display:flex;align-items:baseline;gap:6px;padding:6px 0 2px;border-bottom:1px solid var(--line)}
:is(#mktakip,#ikalan) .gmkkkira b{font-family:var(--f-display);font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
:is(#mktakip,#ikalan) .gmkkkira span{font-size:11px;color:var(--ink3)}
:is(#mktakip,#ikalan) .gmkksatir{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px}
:is(#mktakip,#ikalan) .gmkksatir>span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:600}
:is(#mktakip,#ikalan) .gmkksatir>i{font-style:normal}
:is(#mktakip,#ikalan) .gmkkgec{background:var(--st-no-bg);color:var(--st-no);border:1px solid var(--st-no-line);border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:600}
:is(#mktakip,#ikalan) .gmkkalt{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink3);padding-top:2px}
:is(#mktakip,#ikalan) .gmtel{font-family:var(--f-mono)}
/* tahsilat ızgarası */
:is(#mktakip,#ikalan) .gmhbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
:is(#mktakip,#ikalan) .gmhbar>b{font-family:var(--f-display);font-size:16px;min-width:44px;text-align:center}
:is(#mktakip,#ikalan) .gmhbar .gmlej{margin-left:auto}
:is(#mktakip,#ikalan) .gmizgara{table-layout:fixed;min-width:1160px}
:is(#mktakip,#ikalan) .gmizgara th.gmsirath{cursor:pointer;user-select:none}
:is(#mktakip,#ikalan) .gmizgara th.gmsirath.on{color:var(--accent)}
:is(#mktakip,#ikalan) .gmizgara th.gmhgun,:is(#mktakip,#ikalan) .gmizgara td.gmhgun{width:44px;font:600 11.5px var(--f-mono);color:var(--ink2);background:var(--bg)}
:is(#mktakip,#ikalan) .gmizgara td.gmh{font-size:10.5px}
/* v7.2 · sütun genişletme tutamağı (Mülkler + Kiracılar tabloları), sözleşme uyarı şeridi, ayrıldı düğmesi, IBAN kutusu */
:is(#mktakip,#ikalan) .gmtablo th{position:relative}
:is(#mktakip,#ikalan) .gmdaskk{font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
:is(#mktakip,#ikalan) .gmtablo th .gmtut{position:absolute;top:0;right:-1px;width:8px;height:100%;cursor:col-resize;z-index:2}
:is(#mktakip,#ikalan) .gmtablo th .gmtut::after{content:"";position:absolute;top:25%;bottom:25%;right:3px;width:2px;background:var(--line2);border-radius:2px}
:is(#mktakip,#ikalan) .gmtablo th .gmtut:hover::after,:is(#mktakip,#ikalan) .gmtablo th .gmtut:active::after{background:var(--accent);width:3px}
:is(#mktakip,#ikalan) .gmtablo th,:is(#mktakip,#ikalan) .gmtablo td{overflow:hidden;text-overflow:ellipsis}
:is(#mktakip,#ikalan) .gmsozuyari{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;padding:9px 12px;border:1px solid var(--st-warn-line);background:var(--st-warn-bg);color:var(--st-warn);border-radius:10px;font-size:12.5px}
:is(#mktakip,#ikalan) .gmsozuyari[hidden]{display:none}
:is(#mktakip,#ikalan) .gmsozuyari>b{font-weight:700}
:is(#mktakip,#ikalan) .gmsozuyari .gmsozkisi{cursor:pointer;background:var(--card);border:1px solid var(--st-warn-line);border-radius:99px;padding:2px 9px;font-weight:600;font-size:11.5px;color:var(--ink)}
:is(#mktakip,#ikalan) .gmsozuyari .gmsozkisi:hover{border-color:var(--accent);color:var(--accent)}
:is(#mktakip,#ikalan) .gmsozuyari .gmsozkisi.gec{color:var(--st-no);border-color:var(--st-no-line)}
:is(#mktakip,#ikalan) .gmsozuyari .gmsozkisi i{font-style:normal;color:var(--ink3);font-weight:500;margin-left:4px}
:is(#mktakip,#ikalan) .gmkkdurum{display:flex;align-items:center;gap:6px;justify-content:space-between}
#mktakip .btn.gmkkayril{opacity:0;min-height:22px;padding:1px 8px;font-size:10.5px;transition:opacity .12s}
:is(#mktakip,#ikalan) .gmkk:hover .gmkkayril,:is(#mktakip,#ikalan) .gmtablo tr:hover .gmkkayril{opacity:.85}
#mktakip .btn.gmkkayril:hover{opacity:1;border-color:var(--st-no-line);color:var(--st-no)}
@media(hover:none){#mktakip .btn.gmkkayril{opacity:.85}}
#mktakip .btn.gmmini.on{border-color:var(--st-warn-line);color:var(--st-warn);background:var(--st-warn-bg)}
#gmCek .gmuyari.soz{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
#gmCek .gmtellink{text-decoration:none;color:inherit}
#gmKiraciPop .gmibankutu{display:flex;align-items:center;gap:0;width:100%}
#gmKiraciPop .gmibankutu b{flex:0 0 auto;font:700 12px var(--f-mono);padding:0 9px;height:36px;display:inline-flex;align-items:center;border:1px solid var(--line);border-right:0;border-radius:var(--r-sm) 0 0 var(--r-sm);background:var(--bg);color:var(--ink2)}
#gmKiraciPop .gmibankutu input{border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--f-mono);letter-spacing:.02em}
#gmKiraciPop #gmKirTc,#gmKiraciPop #gmKirTel{font-family:var(--f-mono);letter-spacing:.02em}
/* v444 · minimal kiracı kartı — ad · daire · kira · bu ay + yalnız yaklaşan yenileme/gecikme çipleri */
:is(#mktakip,#ikalan) .gmkk.gmkkmin{padding:12px 13px;gap:7px}
:is(#mktakip,#ikalan) .gmkk.gmkkmin .gmkkkira{display:flex;align-items:baseline;gap:8px}
:is(#mktakip,#ikalan) .gmkk.gmkkmin .gmkkkira b{font-size:17px}
:is(#mktakip,#ikalan) .gmkk.gmkkmin .gmkkkira span{font-size:11px;color:var(--ink3)}
:is(#mktakip,#ikalan) .gmkkdurum{display:flex}
:is(#mktakip,#ikalan) .gmkkuyari{display:flex;flex-wrap:wrap;gap:5px}
:is(#mktakip,#ikalan) .gmkkuyari .gmtip{font-size:10.5px}
/* sözleşme belgeleri (migration 197) */
#gmCek .gmbolum .gmmini{margin-left:auto;font-weight:500}
#gmCek .gmbelgeler{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}
#gmCek .gmbelge{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
#gmCek .gmbelgeuz{flex:0 0 auto;font:700 10px var(--f-mono);letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:4px 6px;min-width:34px;text-align:center}
#gmCek .gmbelgead{flex:1;min-width:0}
#gmCek .gmbelgead b{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gmCek .gmbelgead span{display:block;font-size:11px;color:var(--ink3)}
#gmCek .gmbelge .gmed{opacity:.75}
#gmCek .gmbelge .gmed:hover{opacity:1}
:is(#mktakip,#ikalan) .gmizgara th,:is(#mktakip,#ikalan) .gmizgara td{text-align:center;padding:6px 4px}
:is(#mktakip,#ikalan) .gmizgara th:first-child,:is(#mktakip,#ikalan) .gmizgara td:first-child{text-align:left;width:210px;position:sticky;left:0;background:var(--card);z-index:1}
:is(#mktakip,#ikalan) .gmizgara th.bu{color:var(--accent)}
:is(#mktakip,#ikalan) .gmizgara td.gmhad{cursor:pointer}
:is(#mktakip,#ikalan) .gmizgara td.gmhad b{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#mktakip,#ikalan) .gmizgara td.gmhad span{display:block;font-size:10.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#mktakip,#ikalan) .gmizgara td.gmh{cursor:pointer;font:600 11.5px var(--f-mono);border-left:1px solid var(--line);white-space:nowrap}
:is(#mktakip,#ikalan) .gmizgara td.gmh i{font-style:normal;font-weight:500;color:var(--ink3);font-size:10px}
:is(#mktakip,#ikalan) .gmizgara td.gmh.ok{background:var(--st-ok-bg);color:var(--st-ok)}
:is(#mktakip,#ikalan) .gmizgara td.gmh.kismi{background:var(--st-ok-bg);color:var(--st-ok)}
:is(#mktakip,#ikalan) .gmizgara td.gmh.eksik{background:var(--st-warn-bg);color:var(--st-warn)}
:is(#mktakip,#ikalan) .gmizgara td.gmh.gec{background:var(--st-no-bg);color:var(--st-no)}
:is(#mktakip,#ikalan) .gmizgara td.gmh.bek{color:var(--st-info);background:var(--st-info-bg);font-weight:500;font-size:10.5px}
:is(#mktakip,#ikalan) .gmizgara td.gmh.bos{color:var(--ink3)}
:is(#mktakip,#ikalan) .gmizgara td.gmh.gelecek{color:var(--line2)}
:is(#mktakip,#ikalan) .gmizgara td.gmh.yok{cursor:default;background:repeating-linear-gradient(135deg,transparent 0 6px,var(--line) 6px 7px)}
:is(#mktakip,#ikalan) .gmizgara td.gmh:hover{outline:2px solid var(--accent);outline-offset:-2px}
:is(#mktakip,#ikalan) .gmizgara td.gmhtop,:is(#mktakip,#ikalan) .gmizgara tfoot td{font:600 11.5px var(--f-mono);background:var(--bg)}
/* çekmece */
#gmCek{width:min(640px,94vw);padding:18px 20px 24px}
#gmCek .gmcust{display:flex;align-items:center;gap:12px;padding-right:30px;margin-bottom:8px}
#gmCek .gmcust b{font-family:var(--f-display);font-size:19px;font-weight:800;display:block;line-height:1.15}
#gmCek .gmcalt{font-size:11.5px;color:var(--ink3);margin-top:3px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#gmCek .gmuyari{background:var(--st-no-bg);border:1px solid var(--st-no-line);color:var(--st-no);border-radius:10px;padding:8px 12px;font-size:12.5px;margin:6px 0 10px}
/* 19 Eyl 2026: çekmece = sabit başlık + KAYAN GÖVDE. Eskiden #gmCek kayıyor, .gmcgov'daki overflow:auto+overscroll-behavior:contain
   tekerleği dış kaydırıcıya zincirlemiyordu → içerik üstünde tekerlek ölü, yalnız kaydırma çubuğu üstünde kayıyordu (kullanıcı raporu).
   ⚠️ :not([hidden]) ŞART — id özgüllüğü .cekpanel[hidden]{display:none}'ı ezerdi. */
#gmCek:not([hidden]){display:flex;flex-direction:column;overflow:hidden}
#gmCek .gmcust,#gmCek .gmuyari{flex:0 0 auto}
#gmCek .gmcgov{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -20px;padding:0 20px 4px}
#gmCek .gmbolum{margin:14px 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);display:flex;justify-content:space-between;align-items:center;gap:8px}
#gmCek .gmkvgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
#gmCek .gmkv{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;position:relative;min-width:0}
#gmCek .gmkv.gen{grid-column:1/-1}
#gmCek .gmkv>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:600}
#gmCek .gmkv>b{font-size:13px;font-weight:600;padding-right:22px;overflow-wrap:anywhere}
#gmCek .gmkv>b>i{font-style:normal;color:var(--ink3);font-weight:500}
#gmCek .gmed{position:absolute;right:6px;top:6px;border:0;background:none;color:var(--ink3);cursor:pointer;padding:3px;border-radius:6px;opacity:.55;min-width:0;min-height:0;width:auto;line-height:0}
#gmCek .gmed:hover{opacity:1;background:var(--bg);color:var(--accent)}
#gmCek table{min-width:0;width:100%}
#gmCek .gmodtab td,#gmCek .gmodtab th{padding:6px 8px;font-size:12px;white-space:normal}
#gmCek .gmodsatir{cursor:pointer}
#gmCek .gmodsatir:hover td{background:var(--bg)}
#gmCek .gmcalt2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}
#gmCek .gmbosdaire{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink3)}
.gmcheck{flex-direction:row!important;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;color:var(--ink)!important;align-self:end;padding-bottom:8px}
.gmcheck input{width:auto!important}
/* Mülk/Kiracı form pencereleri (v7.5): sabit başlık + kayan gövde + sabit düğme şeridi; ✕ ile kapanır */
.gmform{padding:0;overflow:hidden}
.gmform .otpopbas{padding:14px 18px;flex-wrap:nowrap}
.gmform .otpopbas b{font-size:16px;font-weight:700}
.gmfkapat{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink2);display:grid;place-items:center;padding:0;cursor:pointer;flex:0 0 auto}
.gmfkapat:hover{background:var(--card);border-color:var(--line2);color:var(--ink)}
.gmform .gmfgov{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 18px 6px;overscroll-behavior:contain}
.gmform .icrform{margin-bottom:8px}
.gmform .icrform label{min-width:0}
.gmform .icrform input,.gmform .icrform select,.gmform .icrform textarea{box-sizing:border-box;max-width:100%}
.gmform .gmfb{display:none}
.gmform .gmfnot{margin:0 0 10px;font-size:11.5px;line-height:1.5}
.gmform .gmfuyari{margin:0 0 12px;padding:9px 11px;border-radius:var(--r-sm);background:var(--st-warn-bg);border:1px solid var(--st-warn-line);color:var(--st-warn)}
.gmform .otformalt{justify-content:flex-end;padding:12px 18px;background:var(--card)}
@media(max-width:1240px){ :is(#mktakip,#ikalan) .otkpi.gmkpi{grid-template-columns:repeat(3,1fr)} }
@media(max-width:900px){ :is(#mktakip,#ikalan) .gmgrid{grid-template-columns:1fr} #gmCek .gmkvgrid{grid-template-columns:1fr} }
@media(max-width:768px){ :is(#mktakip,#ikalan) .otkpi.gmkpi{grid-template-columns:repeat(2,1fr)} :is(#mktakip,#ikalan,#pkCek) .gmgraf{height:160px} #gmCek .gmodtab td,#gmCek .gmodtab th{padding:5px 4px;font-size:11px} #gmCek .gmodkap{overflow:auto} }
/* ==== YOUTUBE PANELİ — gömülü koyu pano (8 Eyl 2026; creators.css'ten uyarlandı) ==== */
#youtube .ytapp{background:transparent;border:0;border-radius:0;padding:0;color:var(--ink);
  font-family:var(--f-ui);font-variant-numeric:tabular-nums}
#youtube .ytmuted{color:var(--ink3);font-weight:400}
#youtube .ytbos{padding:26px;text-align:center;color:var(--ink3)}
#youtube .ytpanel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0;position:relative}
/* Grafik panelleri taşınabilir + boyutlanabilir (8 Eyl 2026; düzen cihazda) */
#youtube .ytpanel h3[draggable="true"]{cursor:grab}
#youtube .ytptut{position:absolute;right:5px;bottom:5px;width:13px;height:13px;cursor:nwse-resize;
  border-right:2px solid var(--line2);border-bottom:2px solid var(--line2);border-radius:2px;opacity:.75}
#youtube .ytptut:hover{border-color:#C4452C;opacity:1}
#youtube .ytpanel.ytsuruk,#youtube .ytreccol.ytsuruk{opacity:.45}
#youtube .ytpanel.ythedef,#youtube .ytreccol.ythedef{outline:2px dashed #C4452C;outline-offset:2px}
#youtube .ytrech[draggable="true"]{cursor:grab}
@media (max-width:900px){ #youtube .ytptut{display:none} }
/* ORTAK DÜZEN KİLİDİ (9 Eyl 2026): yönetici olmayanda tutamak/sürükleme imleçleri gizli */
#youtube.ytkilit .ytptut{display:none}
#youtube.ytkilit [data-ytp] h3{cursor:default}
#youtube.ytkilit .ytrech{cursor:default}
#youtube .ytpanel h3{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--ink)}
/* Grafik ayarı (17 Eyl 2026): panel başlığının sağında küçük ⚙ — tür + renk penceresi.
   Kilitli (yönetici olmayan) görünümde JS gizler; ≤900px'te ytPanoKur düğmeyi hiç kurmaz. */
#youtube .ytpanel h3{padding-right:28px}
#youtube .ytpayar{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--ink3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.55}
#youtube .ytpayar:hover{opacity:1;color:var(--accent);border-color:var(--accent)}
#youtube .ytpayar svg{width:13px;height:13px}
#youtube.ytkilit .ytpayar{display:none!important}
#ytGrafPop{position:fixed;z-index:130;width:300px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:12px 14px;font-size:12.5px;color:var(--ink)}
#ytGrafPop[hidden]{display:none!important}
#ytGrafPop .ytgbas{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}
/* #ytGrafPop .ytgkapat → ortak .kapatbtn (K-40) */
#ytGrafPop .ytgrow{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
#ytGrafPop .ytgrow>span{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
#ytGrafPop select{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);padding:0 8px;font:inherit;width:100%}
#ytGrafPop .ytgsw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#ytGrafPop .ytgswb{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px rgba(0,0,0,.12) inset}
#ytGrafPop .ytgswb.aktif{border-color:var(--ink);transform:scale(1.12)}
#ytGrafPop .ytgozel{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ink2);cursor:pointer}
#ytGrafPop .ytgozel input{width:26px;height:22px;border:1px solid var(--line);border-radius:6px;padding:0;background:transparent;cursor:pointer}
#ytGrafPop .ytggen{display:flex;gap:5px;flex-wrap:wrap}
#ytGrafPop .ytggen button{flex:1 1 auto;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink2);font:inherit;font-size:11.5px;cursor:pointer;padding:0 8px}
#ytGrafPop .ytggen button.aktif{background:var(--accent-soft,#FBEDE9);border-color:var(--accent);color:var(--accent);font-weight:600}
#ytGrafPop .ytgalt{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px}
#ytGrafPop .ytgalt .btn{min-height:30px;padding:4px 10px;font-size:12px}
#ytGrafPop .ytgnot{font-size:11px;color:var(--ink3);text-align:right}
#youtube .ytsum7{margin-bottom:14px}
#youtube .ytsum7list{display:flex;gap:10px;flex-wrap:wrap}
#youtube .ytsum7i{display:flex;align-items:center;gap:10px;background:var(--bg);
  border:1px solid var(--line);border-radius:12px;padding:8px 14px 8px 8px;min-width:200px}
#youtube .ytsum7i img{width:34px;height:34px;border-radius:50%;object-fit:cover}
#youtube .ytsum7i .s7t{font-size:12.5px;opacity:.85;display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#youtube .ytsum7i .s7v{font-size:16px;font-weight:700;display:block}
#youtube .ytsum7i .s7v.hata{font-size:11.5px;font-weight:400;opacity:.6}
#youtube .ytbar{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--card);
  border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px}
/* Analitik | Keşif Radarı iç sekmeleri + gömülü Radar iframe'i (8 Eyl 2026) */
#youtube .ytsekbar{display:flex;gap:8px;margin:0 0 12px}
#youtube .ytsek{background:var(--card);border:1px solid var(--line);color:var(--ink2);
  padding:9px 16px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer}
#youtube .ytsek.aktif{background:var(--accent);border-color:var(--accent);color:#fff}
#youtube .ytradarkap{background:var(--bg);border-radius:18px;padding:8px;min-width:0}
#projepanel .ptkap{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:8px;min-width:0}
#projepanel #ptFrame{width:100%;height:calc(100vh - 190px);min-height:560px;border:0;border-radius:12px;background:#fff}

/* ── COU panosu (9 Eyl 2026) — yalnız yönetici; ev token'ları, iki temada çalışır ── */
#cou .otkpi,#metagoogle .otkpi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#cou .otkpi b,#metagoogle .otkpi b{font-variant-numeric:tabular-nums}
.coufark{display:inline-block;font-size:11px;font-weight:800;margin-left:6px;font-family:var(--f-mono);white-space:nowrap}
.coufark.art{color:var(--ok,var(--st-ok2))} .coufark.dus{color:var(--st-no)} .coufark.notr{color:var(--ink3)}
.couchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.couchip{border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.couchip.aktif{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.couozel{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--ink2);flex-wrap:wrap}
.coupanel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:12px;min-width:0}
.coupanel h3{margin:0 0 10px;font-size:13px;color:var(--ink2)}
.cougraf{height:320px;position:relative;min-width:0}
.mggrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.mggrid .coupanel{margin-top:0}
@media(max-width:980px){.mggrid{grid-template-columns:1fr}}
/* dikey İÇ KAYDIRMA YOK (9 Eyl, kullanıcı isteği) — tablo aşağıya tam açılır;
   yalnız yatay taşma kendi kabında kayar (mobil). Not: iç kaydırma olmadığı
   için sticky thead sayfa kaydırmasında tutunmaz — bilinçli takas. */
#couTabloKap,#mgTabloKap{overflow-x:auto}
#cou #couTablo,#metagoogle #mgTablo{width:max-content;min-width:100%}
#cou #couTablo thead th,#metagoogle #mgTablo thead th{position:sticky;top:0;background:var(--card);z-index:2;cursor:pointer;user-select:none}
/* satır hover vurgusu (9 Eyl, kullanıcı isteği) — token'lı, iki temada çalışır;
   TOPLAM satırı hariç (onun kendi --bg zemini var, hover'la karışmasın) */
#cou #couTablo tbody tr:not(.couttl):hover td,#metagoogle #mgTablo tbody tr:not(.couttl):hover td{background:var(--bg)}
@supports (background: color-mix(in srgb, red 10%, white)){
  #cou #couTablo tbody tr:not(.couttl):hover td,#metagoogle #mgTablo tbody tr:not(.couttl):hover td{background:color-mix(in srgb, var(--accent) 8%, var(--card))}
}
#cou #couTablo td.n,#cou #couTablo th.n,#metagoogle #mgTablo td.n,#metagoogle #mgTablo th.n{text-align:right;font-variant-numeric:tabular-nums}
#cou #couTablo td.coudns,#metagoogle #mgTablo td.coudns{font-weight:800;color:var(--brick,#C4452C)}
#cou #couTablo td.couoranh{font-weight:600;color:var(--ink2)}
#metagoogle #mgTablo td.cougercek{font-weight:800;color:#2F9E63}
#cou #couTablo tr.couttl td,#metagoogle #mgTablo tr.couttl td{font-weight:800;border-top:2px solid var(--line2,var(--line));background:var(--bg)}
.coudevam{font-size:10.5px;color:var(--ink3);font-weight:700;margin-left:5px}
/* sipariş hücresindeki parantez içi dönüşüm oranı — "7 (%90)" */
.couoran{font-size:10.5px;color:var(--ink3);font-weight:600}
/* ── Reklam Performansı'ndan kalan ortak sınıflar (sayfa 4 Eki 2026 silindi; rpmini/rpplat/rptablokap metagoogle·GA·yönetimde kullanılıyor; .mkbas mobil kartta etkili) ── */
.rpmini{font-size:11px;color:var(--ink3);font-weight:500}
.rptablokap{overflow-x:auto}
.rpplat{display:inline-block;padding:1px 7px;border-radius:99px;font-size:10.3px;font-weight:800;vertical-align:1px;letter-spacing:.2px}
.rpplat.meta{background:#1877F216;color:#1877F2}
.rpplat.google{background:#F4B40026;color:#8a6d00}
html[data-tema=koyu] .rpplat.google{color:#e8c95a}
.mkbas{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
/* ── Google Analytics paneli (38_ga, 15 Eyl 2026) ── */
.gapanel .gabas{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.gapanel .gabas h3{margin:0}
.gapanel .gabasr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gapanel .gaozsec{height:28px;font-size:12px;max-width:260px}
.gapanel .gayenile{flex:0 0 auto;width:28px;min-width:0;height:28px;padding:0;display:inline-grid;place-items:center}
.gacanli{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 10px;white-space:nowrap}
.gacanli b{font-size:13px;color:var(--ink)}
.ganokta{width:8px;height:8px;border-radius:99px;background:#2F9E63;box-shadow:0 0 0 0 rgba(47,158,99,.6);animation:gaNabiz 1.8s infinite}
.ganokta.gri{background:var(--ink3);animation:none;box-shadow:none}
@keyframes gaNabiz{0%{box-shadow:0 0 0 0 rgba(47,158,99,.55)}70%{box-shadow:0 0 0 7px rgba(47,158,99,0)}100%{box-shadow:0 0 0 0 rgba(47,158,99,0)}}
@media(prefers-reduced-motion:reduce){.ganokta{animation:none}}
.gakpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-bottom:12px}
.gakpi > div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.gakpi > div > span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gakpi > div > b{font-size:16px;font-family:var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.gafark{font-size:10.5px;font-style:normal;color:var(--ink3);font-family:var(--f-mono)}
.gafark.ok{color:#2F9E63}.gafark.no{color:var(--no)}
.gagrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.gagrid > div{min-width:0}
.gagrid h4,.gagiris summary{margin:0 0 6px;font-size:12px;color:var(--ink2);font-weight:700}
.gagiris{margin-top:10px}.gagiris summary{cursor:pointer}
.gatab{min-width:0!important;width:100%}
.gatab th,.gatab td{white-space:nowrap;font-size:12px;padding:5px 8px}
.gatab td.gaad{text-align:left!important;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.gatab tr.gameta td.gaad{color:#1877F2;font-weight:700}
.gatab tr.gagoogle td.gaad{color:#b98a00;font-weight:700}
.gakur{font-size:12.5px;color:var(--ink2);line-height:1.5}
.gakuradim{margin-top:8px;padding:8px 10px;background:var(--accent-soft);border-radius:8px;font-size:12px}
.gakuradim code{font-family:var(--f-mono);font-size:11px}
@media(max-width:980px){.gagrid{grid-template-columns:1fr}}
@media(max-width:640px){ #cou .otkpi,#metagoogle .otkpi{grid-template-columns:1fr 1fr} .cougraf{height:240px} }
#youtube #ytRadarFrame{width:100%;height:calc(100vh - 210px);min-height:560px;border:0;border-radius:12px;background:var(--bg)}
#youtube .ytgrp{display:flex;flex-direction:column;gap:5px}
#youtube .ytgrp label{font-size:11px;color:var(--ink3);font-weight:500}
#youtube .ytbar select,#youtube .ytbar input{background:var(--card);border:1px solid var(--line2);color:var(--ink);
  border-radius:8px;padding:8px 10px;font-size:13px;color-scheme:light}
#youtube #ytKanalSel{min-width:200px;max-width:300px}
#youtube .ytchips{display:flex;gap:6px;flex-wrap:wrap}
#youtube .ytchips button{background:var(--card);border:1px solid var(--line2);color:var(--ink3);padding:8px 11px;
  border-radius:20px;font-size:11px;cursor:pointer}
#youtube .ytchips button:hover,#youtube .ytchips button.aktif{border-color:#C4452C;color:var(--ink)}
#youtube .ytdurum{background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:9px 13px;
  font-size:12.5px;color:var(--ink3);margin-bottom:12px}
#youtube .ytkarstog{background:var(--card);border:1px solid var(--line2);color:var(--ink3);border-radius:8px;
  padding:8px 11px;font-size:12px;cursor:pointer;white-space:nowrap}
#youtube .ytkarstog:hover{border-color:#C4452C;color:var(--ink)}
#youtube .ytkarstog.aktif{border-color:#C4452C;color:#C4452C;background:rgba(196,69,44,.12)}
/* Karşılaştırma kanal seçici (17 Eyl 2026 — çip şeridi kalktı, kullanıcı: "fazla alan kaplıyor"):
   "Kanallar ▾" düğmesi body düzeyinde #ytKarsPop açar; onay kutulu liste, en çok KARS_MAX. */
#ytKarsPop{position:fixed;z-index:130;width:290px;max-height:min(420px,70vh);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:8px;font-size:12.5px;color:var(--ink)}
#ytKarsPop[hidden]{display:none!important}
#ytKarsPop .ytkpbas{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
#ytKarsPop label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:500}
#ytKarsPop label:hover{background:var(--bg)}
#ytKarsPop label.aktif{font-weight:600}
#ytKarsPop input{margin:0;accent-color:var(--accent)}
#ytKarsPop img{width:22px;height:22px;border-radius:50%;object-fit:cover}
#ytKarsPop .krenk{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--line2)}
#ytKarsPop .ytkpad{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#youtube #ytKarsTablo .kch,#youtube #ytKzTablo .kch{display:flex;align-items:center;gap:8px;font-weight:600}
#youtube #ytKarsTablo .kch img,#youtube #ytKzTablo .kch img{width:24px;height:24px;border-radius:50%;object-fit:cover}
#youtube #ytKarsTablo .kch i,#youtube #ytKzTablo .kch i{width:9px;height:9px;border-radius:50%;flex:0 0 auto;font-style:normal}
#youtube .ytkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:14px}
#youtube .ytkpi[hidden],#youtube .ytpanel[hidden],#youtube .ytgrp[hidden]{display:none!important}   /* display:flex hidden'ı ezmesin (dryperde dersi) */
#youtube .ytkpi.ytgelirk b{color:#1F9D67}
#youtube #ytKzTablo{width:max-content;min-width:100%;table-layout:fixed}
#youtube #ytKzTablo thead th{position:relative;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#youtube #ytKzTablo th[draggable="true"]{cursor:grab}
#youtube #ytKzTablo th.srt{cursor:pointer}
#youtube #ytKzTablo th.srt .ok{font-size:9px;opacity:.45;margin-left:3px}
#youtube #ytKzTablo th.srt.aktif{color:var(--accent)} #youtube #ytKzTablo th.srt.aktif .ok{opacity:1}
#youtube #ytKzTablo th.num,#youtube #ytKzTablo td.num{text-align:right}
#youtube #ytKzTablo td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#youtube #ytKzTablo td.kzad{font-weight:600}
#youtube #ytKzTablo td.kzad i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
#youtube #ytKzTablo tr.toplam td{font-weight:700;border-top:2px solid var(--line2);background:var(--bg)}
#youtube #ytKzAy{min-width:160px}
#youtube #ytKzKanalSec{min-width:180px;max-width:260px}
#youtube .kzgrafust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
#youtube .kzgrafust h3{margin:0}
#youtube .kzgrafsec{display:flex;gap:10px;align-items:center}
#youtube .kzgrafsec label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink3);font-weight:500}
#youtube .kzgrafsec select{background:var(--card);border:1px solid var(--line2);color:var(--ink);border-radius:8px;padding:3px 8px;font:inherit;font-size:12px;height:26px}
#youtube .ytkpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:3px}
#youtube .ytkpi b{font-size:21px;font-weight:700}
#youtube .ytkpi span{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.4px}
/* 17 Eyl 2026: ızgara 3 → 12 birim (kullanıcı: "4 grafiği yan yana getireyim, sınırı düzelt").
   Panel genişliği data-gen=2..12 (ytDuzenUygula yazar); eski span2/span3 sınıfları kalktı. */
#youtube .ytgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
#youtube .ytgrid [data-gen="2"]{grid-column:span 2}#youtube .ytgrid [data-gen="3"]{grid-column:span 3}#youtube .ytgrid [data-gen="4"]{grid-column:span 4}
#youtube .ytgrid [data-gen="5"]{grid-column:span 5}#youtube .ytgrid [data-gen="6"]{grid-column:span 6}#youtube .ytgrid [data-gen="7"]{grid-column:span 7}
#youtube .ytgrid [data-gen="8"]{grid-column:span 8}#youtube .ytgrid [data-gen="9"]{grid-column:span 9}#youtube .ytgrid [data-gen="10"]{grid-column:span 10}
#youtube .ytgrid [data-gen="11"]{grid-column:span 11}#youtube .ytgrid [data-gen="12"],#youtube .ytgrid [data-ytp]:not([data-gen]){grid-column:span 12}
#youtube .ytchart{position:relative;height:250px}
/* ⚠️ Global `table{min-width:720px}` + `th,td{white-space:nowrap}` kuralları buraya
   sızıyordu — 300px kolonlardaki tablolar 720px'e şişip üst üste biniyordu
   (pfbelge dersinin aynısı; canlı ekran görüntüsüyle yakalandı). */
#youtube table.ytdata{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:12.5px;color:var(--ink)}
#youtube table.ytdata th,#youtube table.ytdata td{white-space:normal}
#youtube table.ytdata th.num,#youtube table.ytdata td.num{width:76px}
#youtube table.ytdata th{text-align:left;padding:8px 9px;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.4px;color:var(--ink3);border-bottom:1px solid var(--line);background:none}
#youtube table.ytdata td{padding:8px 9px;border-bottom:1px solid var(--line);white-space:normal}
#youtube table.ytdata .num{text-align:right}
#youtube table.ytdata tr:hover{background:var(--bg)}
#youtube .ytvid{display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#youtube .ytvid:hover{text-decoration:underline}
#youtube .ytreccols{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:6px}
#youtube .ytreccol{flex:0 0 300px;min-width:300px;max-width:300px;overflow:hidden;
  border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg)}
#youtube .ytreccol.sel{border-color:rgba(196,69,44,.6)}
/* 17 Eyl 2026: son video tabloları ortak tablo motoruna (41) GİRMEZ (data-ttyok) — tür şeridi/ikon
   (mavi link · yeşil sayı) ve sabit ilk sütunun beyaz zemini renk farkı yaratıyordu. */
#youtube .ytreccol table.ytdata th,#youtube .ytreccol table.ytdata td{background:transparent;position:static}
#youtube .ytreccol table.ytdata th{color:var(--ink3)}
#youtube .ytrech{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:13px}
#youtube .ytrech img{width:26px;height:26px;border-radius:50%;object-fit:cover}
#youtube .ytrech span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#youtube .ytrecb .ytvid{max-width:210px}
#youtube .ytrecd{display:block;font-size:10.5px;opacity:.55}
@media (max-width:1080px){
  #youtube .ytkpis{grid-template-columns:repeat(3,1fr)}
  /* dar ekranda dar paneller yarım, geniş paneller tam satır */
  #youtube .ytgrid [data-ytp]{grid-column:span 6!important}
  #youtube .ytgrid [data-gen="9"],#youtube .ytgrid [data-gen="10"],#youtube .ytgrid [data-gen="11"],#youtube .ytgrid [data-gen="12"],#youtube .ytgrid [data-ytp]:not([data-gen]){grid-column:span 12!important}
}
@media (max-width:720px){
  #youtube .ytkpis{grid-template-columns:repeat(2,1fr)}
  #youtube .ytgrid [data-ytp]{grid-column:span 12!important}
}
/* ==== INFLUENCER PROFİL PENCERESİ — Apple dili (4 Eyl 2026, v173).
   Vitrin çatısı KALDIRILDI (kullanıcı ekranında boyama bozuyordu) — temel,
   yıllardır stabil KART görünümü; karta tıklayınca bu pencere açılır.
   Pencere bilinçli HEP AÇIK (belge yüzeyi kuralı). ==== */
#infProfilPop{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',var(--f-ui),sans-serif;
  --iv-ink:#1D1D1F; --iv-gri:#515154; --iv-gri2:#86868B; --iv-mavi:#0071E3;
}
/* eski kartlara PROFİL FOTOĞRAFI (yoksa gradyan + baş harf) */
.infkart .infkfoto{margin:-2px -2px 10px}
.infkart .ivfoto{aspect-ratio:16/10;border-radius:12px;display:flex;align-items:center;
  justify-content:center;overflow:hidden}
.ivfoto img{width:100%;height:100%;object-fit:cover;display:block}
.ivfoto b{font-family:var(--f-display);color:#fff;opacity:.92;font-size:34px}
.infkart{cursor:pointer}
.gchip.kat{background:rgba(0,113,227,.10);color:#0071E3}
html[data-tema=koyu] .gchip.kat{background:rgba(0,113,227,.22);color:#7cb8f5}
/* ── Özel bilgiler + iş geçmişi + alan izinleri (10 Eyl 2026, migration 109) ── */
.gchip.bek{background:rgba(224,161,63,.14);color:var(--st-warn)}
html[data-tema=koyu] .gchip.bek{background:rgba(224,161,63,.22);color:#e8bd76}
.ivduz{border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:6px;padding:1px 5px;cursor:pointer;vertical-align:1px}
.ivduz:hover{border-color:var(--accent);color:var(--accent)}
/* İş ekle + alan izinleri pencereleri PROFİL PENCERESİNİN (z-80) ÜSTÜNDE açılır
   (10 Eyl 2026, kullanıcı isteği — "aktif pop-up'ta yeni pop-up, arkada kalmasın").
   sorPop (z-120) yine hepsinin üstünde kalır. */
#infIsPop,#infIzinPop{z-index:110}
/* özel bilgiler — SATIR İÇİ düzenleme (profil penceresi) */
#ivpOzel div[data-ozk] b{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
#ivpOzel .ivozed{display:flex;gap:6px;align-items:center;flex:1;justify-content:flex-end;min-width:0}
#ivpOzel .ivozed input{flex:1;min-width:0;max-width:240px;padding:5px 9px;border:1px solid rgba(0,0,0,.14);border-radius:8px;font-size:12.5px;background:#fff;color:var(--iv-ink)}
#ivpOzel .ivozed input:focus{border-color:var(--iv-mavi);outline:none;box-shadow:0 0 0 3px rgba(0,113,227,.12)}
#ivpOzel .ivozed .kv{border:0;border-radius:8px;background:var(--iv-mavi);color:#fff;font-size:11.5px;font-weight:600;padding:5px 10px;cursor:pointer;white-space:nowrap}
#ivpOzel .ivozed .kv:hover{filter:brightness(1.08)}
#ivpOzel .ivozed .vz{border:0;border-radius:8px;background:rgba(0,0,0,.06);color:var(--iv-gri);font-size:11.5px;font-weight:600;padding:5px 9px;cursor:pointer}
#ivpOzel .ivozed .vz:hover{background:rgba(0,0,0,.1)}
.ivistablo{width:100%;min-width:640px;font-size:12.5px}
.ivistablo th,.ivistablo td{white-space:nowrap}
.izinsatir{border:1px solid var(--line);border-radius:10px;background:var(--card)}
.izinsatir summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;font-size:13px;list-style:none}
.izinsatir summary::-webkit-details-marker{display:none}
.izinsatir .izinoz{margin-left:auto;font-size:11.5px;color:var(--ink3);font-weight:600}
.izinsatir[open] .izinoz{color:var(--accent)}
.izinkisiler{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px;padding:4px 12px 11px;border-top:1px solid var(--line)}
.izinbas{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);padding:8px 12px 0}
.izinbas .note{text-transform:none;letter-spacing:0;font-weight:500;font-size:11px}
.izinkisiler.izingrup{border-top:none;padding-top:2px}
.izinkisiler.izingrup label{color:var(--ink);font-weight:600}
.izinkisiler label{display:flex;align-items:center;gap:6px;font-size:12.5px;cursor:pointer;color:var(--ink2)}
.izinkisiler input{width:auto;margin:0}
/* platform ikonları (pencere) */
.ivplat{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--iv-gri)}
.ivplat i{font-style:normal;width:17px;height:17px;border-radius:5px;display:inline-flex;flex:0 0 auto;
  align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#fff}
.p-ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.p-tt{background:#111}
.p-yt{background:#E02F2F}
.ivsev.sabit{background:rgba(0,0,0,.06);color:var(--iv-gri);font-size:10px;font-weight:600;
  padding:4px 10px;border-radius:99px;letter-spacing:.03em}
/* profil penceresi (sheet) */
.ivperde{position:fixed;inset:0;background:rgba(20,20,22,.5);
  display:none;align-items:flex-start;justify-content:center;padding:4vh 16px;z-index:80;overflow:auto;
  overscroll-behavior:contain}
.ivperde.on{display:flex}
.ivpencere{background:#F5F5F7;border-radius:22px;max-width:1080px;width:100%;overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.4);color:var(--iv-ink);
  animation:ivSheet .28s cubic-bezier(.2,.8,.3,1)}
@keyframes ivSheet{from{transform:translateY(26px) scale(.985);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.ivpencere{animation:none}}
.ivp-ust{display:grid;grid-template-columns:300px 1fr;background:#fff}
.ivp-foto{position:relative}
.ivp-foto .ivfoto{width:100%;height:100%;min-height:340px;aspect-ratio:auto;border-radius:0}
.ivp-foto .ivfoto b{font-size:56px}
.ivp-fyukle{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.92);border:0;
  border-radius:99px;padding:7px 14px;font-size:11.5px;font-weight:600;
  color:var(--iv-ink);cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.2)}
.ivp-bilgi{padding:24px 26px 20px;position:relative;min-width:0}
.ivp-kapat{position:absolute;top:14px;right:14px}   /* görünüm: ortak .kapatbtn (K-40) */
.ivp-bilgi h2{font-size:26px;font-weight:700;letter-spacing:-.025em;margin:0 0 2px;
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--iv-ink)}
.ivp-star{color:#F5A623;font-size:18px}
.ivp-rozetler{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
.ivp-rozetler span{background:rgba(0,0,0,.05);color:var(--iv-gri);font-size:11.5px;
  font-weight:500;padding:5px 12px;border-radius:99px}
.ivp-rozetler span.t2{background:rgba(0,113,227,.09);color:var(--iv-mavi)}
/* Kategori · Alt kategori · Segment — üç ayrı renk (24 Eyl 2026, kullanıcı: "ilk bakışta okunabilsin"); İçerik & bakım sekmesi aynı renkler */
.ivp-rozetler span.kat,.ivp-satirlar .ivaltsat b{background:color-mix(in srgb,var(--brick,#C4452C) 13%,transparent);color:var(--brick,#C4452C);font-weight:600}
.ivp-rozetler span.alt,.ivp-satirlar .ivaltcip i.on{background:color-mix(in srgb,var(--teal,#2F6E6B) 13%,transparent);color:var(--teal,#2F6E6B);border-color:transparent}
.ivp-rozetler span.seg{background:color-mix(in srgb,var(--plum,#6B3F73) 14%,transparent);color:var(--plum,#6B3F73);font-weight:600}
.ivp-rozetler span.sev{background:var(--ink);color:var(--card);font-weight:700;letter-spacing:.02em}
.ivp-rozetler span.roz{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--rz) 15%,transparent);color:color-mix(in srgb,var(--rz) 80%,#000);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rz) 40%,transparent)}
html[data-tema="koyu"] .ivp-rozetler span.roz{background:color-mix(in srgb,var(--rz) 32%,transparent);color:color-mix(in srgb,var(--rz) 55%,#fff)}
.ivp-rozetler span.nis{background:color-mix(in srgb,#C98A00 16%,transparent);color:#9A6700;font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,#C98A00 35%,transparent)}
html[data-tema="koyu"] .ivp-rozetler span.nis{background:color-mix(in srgb,#C98A00 34%,transparent);color:#F5CF6B}
#ttPop .ttknis .ttkcip.on{background:color-mix(in srgb,#C98A00 18%,transparent);color:#9A6700;border-color:color-mix(in srgb,#C98A00 45%,transparent)}
#ttPop .ttknis .ttkekb small{font-weight:400;color:var(--ink3);text-transform:none;letter-spacing:0}
.ivp-rozetler span[data-ivkatekle]:not(.ekle){cursor:pointer}
.ivp-rozetler span[data-ivkatekle]:not(.ekle):hover{filter:brightness(.93)}
.ivp-satirlar .ivaltsat b{padding:4px 10px!important;border-radius:99px;justify-self:start;font-size:12px}
html[data-tema="koyu"] .ivp-rozetler span.kat{background:color-mix(in srgb,var(--brick,#C4452C) 26%,transparent);color:#F2A08E}
html[data-tema="koyu"] .ivp-rozetler span.alt,html[data-tema="koyu"] .ivaltcip i.on{background:color-mix(in srgb,var(--teal,#2F6E6B) 34%,transparent);color:#8FD3CC}
html[data-tema="koyu"] .ivp-rozetler span.seg{background:color-mix(in srgb,var(--plum,#6B3F73) 38%,transparent);color:#D7B3DD}
.ivp-rozetler span[data-ivkatsil]{cursor:pointer}
.ivp-rozetler .ekle{background:none;border:1px dashed rgba(0,0,0,.18);color:var(--iv-gri2);cursor:pointer}
.ivp-platgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.ivpkut{background:#F5F5F7;border-radius:14px;padding:11px 13px;min-width:0}
.ivpkut .ivplat{font-size:10.5px}
.ivpkut em{font-style:normal;display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;
  margin-top:3px;font-variant-numeric:tabular-nums;color:var(--iv-ink)}
.ivpkut small{font-size:9.5px;color:var(--iv-gri2)}
.ivpkut a{display:inline-block;margin-top:5px;font-size:11px;font-weight:500}
.ivp-eylem{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.ivb1{background:var(--iv-mavi);color:#fff;border:0;border-radius:99px;padding:9px 19px;
  font-size:12.5px;font-weight:600;cursor:pointer}
.ivb1:hover{background:#0077ED}
.ivb2{background:rgba(0,0,0,.05);border:0;color:var(--iv-ink);border-radius:99px;
  padding:9px 16px;font-size:12.5px;font-weight:500;cursor:pointer}
.ivp-alt{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;padding:16px 18px 18px}
.ivp-kutu{background:#fff;border-radius:16px;padding:15px 17px;box-shadow:0 1px 2px rgba(0,0,0,.04);min-width:0}
.ivp-kutu h4{margin:0 0 12px;font-size:10.5px;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:var(--iv-gri2)}
.ivp-metrik{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ivp-metrik b{display:block;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--iv-ink)}
.ivp-metrik span{font-size:10px;color:var(--iv-gri2)}
.ivp-icerik{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.ivic{position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#EAEAEC;
  border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ivic img{width:100%;height:100%;object-fit:cover;display:block}
.ivic .ivic-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;color:#6E6E73;background:linear-gradient(160deg,#F5F5F7,#E4E4E8)}
.ivic .ivic-link .ivic-ig{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#E1306C;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ivic .ivic-link .ivic-ig svg{width:20px;height:20px}
.ivic .ivic-link small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6E6E73}
.ivic .ivic-link em{font-style:normal;font-size:11px;color:var(--color-link);font-weight:600}
.ivic.bos{border:1.5px dashed rgba(0,0,0,.18);background:none;font-size:22px;color:#98A2B3}
.ivic.bos:hover{border-color:#0071E3;color:#0071E3}
.ivic.bos.pasif{cursor:default}
.ivic .ivic-arac{position:absolute;top:6px;right:6px;display:flex;gap:4px}
.ivic .ivic-arac button{width:24px;height:24px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.92);font-size:11px;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.ivp-gecnot{font-size:10px;color:var(--iv-gri2);margin-top:6px}
.ivp-satirlar div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;
  padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);color:var(--iv-gri)}
.ivp-satirlar div:last-child{border-bottom:0}
.ivp-satirlar div b{color:var(--iv-ink);font-weight:600;text-align:right}
.ivbos-mini{font-size:11.5px;color:var(--iv-gri2)}
/* ═══ 24 Eyl 2026 (kullanıcı): küçük profil fotoğrafı · küçük vitrin kartları · PROFİL SEKMELERİ (migration 259) ═══ */
@media (min-width:769px){
  .ivp-ust{grid-template-columns:204px 1fr}
  .ivp-foto{padding:22px 0 22px 24px;align-self:start}
  .ivp-foto .ivfoto{width:180px;height:180px;min-height:0;aspect-ratio:1;border-radius:20px;overflow:hidden}
  .ivp-foto .ivfoto b{font-size:48px}
  .ivp-fyukle{left:34px;bottom:32px;padding:6px 11px;font-size:11px}
}
.infkart{padding:10px}
.infkart .ivfoto{aspect-ratio:2/1;border-radius:10px}
.infkart .ivfoto b{font-size:26px}
.infkart .infkfoto{margin:-1px -1px 8px}
.ivp-alt[hidden]{display:none}
/* YATAY PROFİL PENCERESİ (24 Eyl 2026, kullanıcı: "ilk tıklamada aşağı uzamasın, yanlara genişlesin, ilk bakışta genel bilgiler")
   ≥1100px: sol kimlik sütunu (foto · ad · etiketler · platformlar · eylemler) + sağda sekmeler/içerik; pencere ekran boyunu aşmaz,
   sağ bölme kendi içinde kayar. Genel sekmesinde "Diğer bilgiler" iki sütun. Dar ekranda eski dikey düzen aynen. */
@media (min-width:1100px){
  #infProfilPop{align-items:center}
  #infProfilPop .ivpencere{max-width:min(1440px,96vw);height:min(860px,92vh);display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
  #infProfilPop .ivp-ust{grid-column:1;grid-row:1/-1;grid-template-columns:1fr;align-content:start;overflow:auto;border-right:1px solid rgba(0,0,0,.06)}
  #infProfilPop .ivp-foto{padding:24px 24px 0}
  #infProfilPop .ivp-foto .ivfoto{width:132px;height:132px;border-radius:50%}
  #infProfilPop .ivp-fyukle{left:auto;right:auto;bottom:-4px;position:relative;display:block;margin:10px 0 0}
  #infProfilPop .ivp-bilgi{padding:16px 24px 24px}
  #infProfilPop .ivp-bilgi h2{font-size:24px;padding-right:0}
  #infProfilPop .ivpencere{position:relative} #infProfilPop .ivp-bilgi{position:static}
  #infProfilPop .ivp-kapat{position:absolute;top:12px;right:14px;z-index:3}
  #infProfilPop .ivp-platgrid{grid-template-columns:1fr;gap:8px}
  #infProfilPop .ivpkut{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:10px 12px}
  #infProfilPop .ivpkut .ivplat{grid-column:1/-1}
  #infProfilPop .ivpkut em{margin:0;font-size:18px} #infProfilPop .ivpkut a{margin:0;justify-self:end}
  #infProfilPop .ivp-sek{grid-column:2;grid-row:1;border-top:0;padding-top:10px;padding-right:60px}
  #infProfilPop #ivpAnketSerit{grid-column:2;grid-row:2}
  #infProfilPop .ivpencere > [data-ivpane]{grid-column:2;grid-row:3;overflow:auto;min-height:0;align-content:start}
  #infProfilPop [data-ivpane="genel"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  #infProfilPop #ivpOzel{column-count:2;column-gap:28px}
  #infProfilPop #ivpOzel > div{break-inside:avoid}
  /* 24 Eyl 2026 (kullanıcı: "biraz daha büyük olsun, en alttaki bilgiler için kaydırmak gerekiyor"): ekranı neredeyse tam kullanır */
  #infProfilPop{padding:14px 16px}
  #infProfilPop .ivpencere{max-width:min(1720px,98vw);height:calc(100vh - 28px);height:calc(100dvh - 28px)}
  #infProfilPop .ivpencere > [data-ivpane]{padding-bottom:14px}
  /* 24 Eyl 2026 (kullanıcı: "veriler sıkışık, daha ferah") — rahat satır, geniş iç boşluk */
  #infProfilPop .ivpencere > [data-ivpane] .ivp-satirlar div{padding:9px 0;min-height:40px;align-items:center;gap:16px;font-size:13px}
  #infProfilPop .ivpencere > [data-ivpane] .ivp-satirlar div > span{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;text-align:right;min-width:0}
  #infProfilPop [data-ivpane] .ivp-kutu{padding:20px 24px}
  #infProfilPop .ivpencere > [data-ivpane]{gap:18px;padding:18px 22px 22px}
}
@media (min-width:1100px){
  /* sütun sayısı sabit değil: her sütun en az ~380px — dar kutuda 1-2, çok geniş ekranda 3 (IBAN / uzun etiket sığar) */
  #infProfilPop #ivpOzel{column-count:auto;column-width:380px;column-gap:44px}
}
@media (min-width:1500px){
  #infProfilPop [data-ivpane="genel"]{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr)}
}
.ivp-tam{grid-column:1/-1}
.ivp-alt[data-ivpane]:not([data-ivpane="genel"]){grid-template-columns:1fr 1fr}
.ivp-kutu h4 small{text-transform:none;letter-spacing:0;font-weight:500;font-size:10.5px;color:var(--iv-gri2);margin-left:6px}
.ivp-iki{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.ivp-iki div:nth-last-child(2):nth-child(odd){border-bottom:0}
.ivp-sek{display:flex;gap:2px;padding:4px 18px 0;background:#fff;border-top:1px solid rgba(0,0,0,.06);overflow-x:auto;scrollbar-width:none}
.ivp-sek::-webkit-scrollbar{display:none}
.ivp-sek button{border:0;background:none;padding:11px 13px 12px;font:inherit;font-size:13px;font-weight:500;color:var(--iv-gri2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.ivp-sek button:hover{color:var(--iv-ink)}
.ivp-sek button.on{color:var(--iv-ink);border-bottom-color:var(--iv-ink);font-weight:600}
.ivp-sek button em{font-style:normal;font-size:10px;font-weight:700;background:var(--brick,#C4452C);color:#fff;border-radius:99px;padding:1px 6px;margin-left:6px}
.ivaltsat{display:grid!important;grid-template-columns:150px 1fr;gap:10px;align-items:start!important;justify-content:stretch!important}
.ivaltsat b{font-weight:600;text-align:left!important}
.ivaltcip{display:flex;flex-wrap:wrap;gap:5px}
.ivaltcip button,.ivaltcip i{font:inherit;font-style:normal;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.1);background:var(--card);color:var(--iv-gri);border-radius:99px;padding:4px 11px;cursor:pointer;transition:all .12s}
.ivaltcip button:hover{border-color:rgba(0,0,0,.25)}
.ivaltcip button.on{background:var(--iv-ink);border-color:var(--iv-ink);color:#fff}
.ivaltcip i{cursor:default}
html[data-tema="koyu"] .ivaltcip button,html[data-tema="koyu"] .ivaltcip i{border-color:rgba(255,255,255,.14)}
html[data-tema="koyu"] .ivaltcip button.on{color:#1C1A18}
.ivaltduz{padding-top:10px;border-bottom:0!important;justify-content:flex-start!important}
.ivaltduz .ivb2{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:12px}
.ivp-rozetler .ekle.altk{border-style:solid;border-color:rgba(0,113,227,.25);color:var(--iv-mavi)}
@media (max-width:768px){ .ivaltsat{grid-template-columns:1fr} }
.ivcipler{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.ivcipler i{font-style:normal;background:rgba(0,0,0,.05);color:var(--iv-gri);font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:99px}
/* anket şeridi */
.ivanket{display:flex;align-items:center;gap:12px;margin:14px 18px 0;padding:10px 12px 10px 14px;background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.04);font-size:12.5px;color:var(--iv-gri)}
.ivanket .ik{width:30px;height:30px;border-radius:9px;background:rgba(0,113,227,.09);color:var(--iv-mavi);display:grid;place-items:center;flex:none}
.ivanket.tam .ik{background:var(--st-ok-bg);color:var(--st-ok)}
.ivanket b{color:var(--iv-ink);font-weight:600}
.ivanket .sag{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.ivanket .ivb1,.ivanket .ivb2{padding:7px 13px;font-size:12px}
/* değişiklik günlüğü */
.ivgl-fil{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.ivgl-fil button{border:0;border-radius:99px;padding:6px 13px;font:inherit;font-size:12px;font-weight:500;background:rgba(0,0,0,.05);color:var(--iv-gri);cursor:pointer}
.ivgl-fil button.on{background:var(--iv-ink);color:#fff}
.ivgl{list-style:none;margin:0;padding:0;position:relative}
.ivgl::before{content:"";position:absolute;left:14px;top:6px;bottom:6px;width:1px;background:rgba(0,0,0,.08)}
.ivgl>li{display:flex;gap:12px;padding-bottom:16px;position:relative}
.ivgl .n{width:29px;height:29px;border-radius:50%;flex:none;display:grid;place-items:center;background:#F5F5F7;color:var(--iv-gri);z-index:1;border:2px solid #fff}
.ivgl .n.anket{background:var(--accent-soft);color:var(--brick,#C4452C)}
.ivgl .n.sistem{background:rgba(0,113,227,.09);color:var(--iv-mavi)}
.ivgl .ic{flex:1;min-width:0;font-size:12.5px;color:var(--iv-gri)}
.ivgl .ic>div:first-child b{color:var(--iv-ink);font-weight:600}
.ivgl time{color:var(--iv-gri2);font-size:11.5px;margin-left:6px}
.ivgl .etk{font-size:10px;font-weight:700;letter-spacing:.03em;padding:1px 6px;border-radius:5px;background:var(--accent-soft);color:var(--brick,#C4452C);margin-left:6px}
.ivgl .fk{margin-top:5px;display:grid;gap:3px}
.ivgl .fk div{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.ivgl .fk .al{min-width:130px;color:var(--iv-gri2)}
.ivgl .fk s{color:var(--iv-gri2);overflow-wrap:anywhere}
.ivgl .fk ins{text-decoration:none;background:var(--st-ok-bg);color:var(--st-ok);padding:1px 7px;border-radius:5px;font-weight:500;overflow-wrap:anywhere}
.ivgl .fk ins.sil{background:var(--st-no-bg);color:var(--st-no)}
/* anket linki penceresi */
.paperde{position:fixed;inset:0;background:rgba(20,20,22,.45);display:none;align-items:center;justify-content:center;z-index:160;padding:16px}
.paperde.on{display:flex}
.pamodal{background:#fff;border-radius:20px;width:520px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 40px 100px rgba(0,0,0,.4);animation:ivSheet .25s cubic-bezier(.2,.8,.3,1);color:var(--iv-ink,#1D1D1F);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',var(--f-ui),sans-serif;--iv-ink:#1D1D1F;--iv-gri:#515154;--iv-gri2:#86868B;--iv-mavi:#0071E3;--pa-kutu:#F5F5F7;--pa-alan:#fff;--pa-sinir:rgba(0,0,0,.12)}
/* K-38: anket linki penceresi koyu temada koyu (eskiden beyaz kart + koyu girdiler karışıyordu — 4172 genel girdi kuralı) */
html[data-tema="koyu"] .pamodal{background:#1C1A18;--iv-ink:#F0EFEC;--iv-gri:#B9B7B3;--iv-gri2:#8A8884;--iv-mavi:#3F9BFF;--pa-kutu:rgba(255,255,255,.06);--pa-alan:#262320;--pa-sinir:rgba(255,255,255,.14)}
html[data-tema="koyu"] .pamodal :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select){background:var(--pa-alan);color:var(--iv-ink);border-color:var(--pa-sinir)}
html[data-tema="koyu"] .pamodal .pakalt input:not(:focus){background:transparent}
.pamodal .ust{padding:20px 22px 0;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pamodal h3{margin:0;font-size:18px;letter-spacing:-.02em}
.pamodal .ust p{margin:4px 0 0;font-size:12.5px;color:var(--iv-gri)}
.pamodal .gov{padding:18px 22px 22px;display:grid;gap:14px}
.palink{display:flex;align-items:center;gap:8px;background:var(--pa-kutu);border-radius:12px;padding:6px 6px 6px 14px}
.palink code{flex:1;min-width:0;font-size:13px;font-family:var(--f-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.paayar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.paayar label{display:grid;gap:5px;font-size:11px;color:var(--iv-gri2);font-weight:500}
.paayar select{height:38px;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:0 10px;font:inherit;font-size:13px;background:var(--pa-alan);color:var(--iv-ink)}
.pakap{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pakap label{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:8px 10px;border-radius:10px;background:var(--pa-kutu);cursor:pointer}
.pakap input{accent-color:var(--iv-ink)}
.paadim{display:flex;align-items:center;font-size:11.5px;color:var(--iv-gri2)}
.paadim span{display:flex;gap:6px;align-items:center;white-space:nowrap}
.paadim span i{width:18px;height:18px;border-radius:50%;background:var(--pa-kutu);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}
.paadim span.on{color:var(--iv-ink)} .paadim span.on i{background:var(--st-ok2);color:#fff}
.paadim hr{flex:1;border:0;border-top:1px dashed rgba(0,0,0,.15);margin:0 8px;min-width:12px}
.paalt{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.panot{font-size:11.5px;color:var(--iv-gri2);line-height:1.5}
.gchip.katalt{background:transparent;border:1px solid var(--line2);color:var(--ink2)} .gchip.kat small{opacity:.7;font-size:.9em}
.gchip.parz{background:var(--st-info-bg);color:var(--st-info)} .gchip.parz.tam{background:var(--st-ok-bg);color:var(--st-ok)}
.patoplu{display:grid;gap:6px;max-height:46vh;overflow:auto}
.patoplu>div{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:7px 8px 7px 12px;border-radius:10px;background:var(--pa-kutu);font-size:12.5px}
.patoplu b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .patoplu b small{font-weight:500;color:var(--iv-gri2)}
.patoplu code{font-family:var(--f-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--iv-gri)}
.patoplu .ivb2{padding:5px 10px;font-size:11.5px}
.pakatmodal{width:760px}
.pakliste{display:grid;gap:10px;max-height:62vh;overflow:auto;padding-right:2px}
.pakblok{background:var(--pa-kutu);border-radius:14px;padding:10px 12px}
.pakust{display:flex;align-items:center;gap:6px}
.pakust input{flex:1;min-width:0;height:34px;border:1px solid rgba(0,0,0,.1);border-radius:9px;padding:0 10px;font:inherit;font-size:14px;font-weight:600;background:var(--pa-alan);color:var(--iv-ink)}
.pakust input:focus{outline:none;border-color:var(--iv-mavi);box-shadow:0 0 0 3px rgba(0,113,227,.12)}
.pakust small{font-size:11px;color:var(--iv-gri2);white-space:nowrap;margin-right:4px}
.pakust .ivduz:disabled{opacity:.3;cursor:default}
.pakalt{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;align-items:center}
.pakalt span{display:inline-flex;align-items:center;gap:4px;background:var(--pa-alan);border-radius:99px;padding:3px 4px 3px 10px;font-size:12px;color:var(--iv-gri)}
.pakalt span button{border:0;background:rgba(0,0,0,.05);border-radius:50%;width:18px;height:18px;font-size:9px;cursor:pointer;color:var(--iv-gri)}
.pakalt input{border:1px dashed rgba(0,0,0,.18);border-radius:99px;padding:4px 10px;font:inherit;font-size:12px;background:transparent;min-width:150px;color:var(--iv-ink)}
.pakalt input:focus{outline:none;border-color:var(--iv-mavi);border-style:solid;background:var(--pa-alan)}
@media (max-width:768px){ .patoplu>div{grid-template-columns:1fr auto} .patoplu code{grid-column:1/-1;order:3} }
@media (max-width:768px){
  .ivp-alt[data-ivpane]:not([data-ivpane="genel"]){grid-template-columns:1fr}
  .ivp-iki{grid-template-columns:1fr}
  .ivanket{flex-wrap:wrap;margin:12px 14px 0} .ivanket .sag{margin-left:0}
  .ivp-sek{padding:2px 10px 0}
  .pakap,.paayar{grid-template-columns:1fr}
}
html[data-tema="koyu"] .ivp-sek,html[data-tema="koyu"] .ivanket{background:#262320}
html[data-tema="koyu"] .ivgl .n{border-color:#262320;background:rgba(255,255,255,.08)}
@media (max-width:700px){
  .ivp-ust{grid-template-columns:1fr}
  .ivp-alt{grid-template-columns:1fr}
  .ivp-platgrid{grid-template-columns:1fr 1fr}
}
/* katalog üye seçicisinde profil fotoğrafı (4 Eyl 2026) */
.uyefoto{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font:700 11px var(--f-ui);margin-right:2px}
/* ==== INFLUENCER TABLOSU — PETROL PANOSU dili (4 Eyl 2026, kullanıcı isteği:
   "Müşteriler sayfası gibi"). Bilinçli HEP AÇIK (v112/v151 kuralı). ==== */
/* 12 Eyl 2026: petrol başlık kalktı — RAY: beyaz zemin, uppercase ince başlık, hover satır */
#talentTabloKap{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2px}
#talentTable{border-collapse:separate;border-spacing:0}
#talentTable thead th{background:var(--card);color:var(--ink3);
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  position:relative;white-space:nowrap;border-bottom:1px solid var(--line);user-select:none}
#talentTable thead th .sok{color:var(--ink3)}
#talentTable thead th.aktif{color:var(--accent)}
#talentTable tbody tr:hover{background:var(--bg)}
#talentTable td{border-bottom:1px solid var(--line);color:var(--ink)}
#talentTable td input:not([type=checkbox]){background:transparent;border-color:transparent;color:var(--ink)}
#talentTable tbody tr:hover td input:not([type=checkbox]){border-color:var(--line2)}
#talentTable td input:not([type=checkbox]):focus{background:var(--card);border-color:var(--accent)}
#talentTable td select{background:transparent;border-color:transparent;color:var(--ink)}
#talentTable input[type=checkbox]{accent-color:var(--accent)}
#talentTable .tadcell{display:flex;align-items:center;gap:8px;min-width:170px;height:100%;box-sizing:border-box}
#talentTable.sanal .tadcell{display:table-cell;vertical-align:middle;height:auto} #talentTable.sanal .tadcell .tadav{display:inline-flex;vertical-align:middle;margin-right:8px} #talentTable.sanal .tadcell input{width:calc(100% - 38px);vertical-align:middle}   /* flex td satır boyuna uzamaz → sticky hücre altında 5px boşluk (15 Eyl 2026) */
.tadav{width:28px;height:28px;border-radius:9px;object-fit:cover;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 11px var(--f-ui)}
.gchip.etk{background:var(--accent-soft);color:var(--accent);font-weight:700}
.gchip.er{background:#E4F1F0;color:#245A57;font-weight:700}
.pico{width:14px;height:14px;vertical-align:-3px;flex:0 0 auto}
.uyesay{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}
/* üye panelindeki Kapat — .mclear stili yalnız .multipanel kapsamındaydı,
   burada tarayıcı varsayılanı kalıyordu (4 Eyl 2026). Ev hap düğmesi: */
.uyebar .mclear{border:1px solid var(--line);background:var(--card);border-radius:99px;
  padding:6px 15px;font:600 12px var(--f-ui);color:var(--ink2);cursor:pointer}
.uyebar .mclear:hover{border-color:var(--accent);color:var(--accent)}
/* SR ortak pano kilidi (4 Eyl 2026): yönetici olmayan düzenleyemez */
#satisrapor.srkilit [data-srduzen],#satisrapor.srkilit [data-srkopya],
#satisrapor.srkilit [data-srsil],#satisrapor.srkilit .srboyut,
#satisrapor.srkilit .srwbas .tut{display:none!important}
#satisrapor.srkilit .srwbas{cursor:default}
.cekpanel{animation:cekGir .18s ease-out}
@media (prefers-reduced-motion:reduce){.cekpanel{animation:none}}
.cekkapat{position:absolute;top:12px;right:12px;z-index:2}   /* görünüm: ortak .kapatbtn (K-40) */
.cekbas{display:flex;gap:12px;align-items:center;margin-bottom:4px;padding-right:28px}
.cekbas .mgx{width:40px;height:40px;font-size:15px;border-radius:12px}
.cekbas b{font-family:var(--f-display);font-size:19px;font-weight:800;line-height:1.15;display:block}
.cekbas .altb{font-size:11.5px;color:var(--ink3);margin-top:1px}
.cekcips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 13px}
.cekcip{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:3px 10px;color:var(--ink3)}
.cekist{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.cekist>div{background:var(--bg);border-radius:12px;padding:9px 12px}
.cekist span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.cekist b{display:block;font-family:var(--f-display);font-size:17px;margin-top:2px;font-variant-numeric:tabular-nums}
.cekpanel h4{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin:14px 0 6px}
.cekbas .cekduzbtn{margin-left:auto;min-height:30px;padding:4px 10px;font-size:12px;align-self:flex-start}
.cekbas .cekduzbtn.akt{background:var(--accent);color:#fff;border-color:transparent}
.cekform{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:8px 0 4px}
.cekform label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);min-width:0}
.cekform label:has(textarea){grid-column:1/-1}
.cekform input,.cekform select,.cekform textarea{width:100%;height:32px;font-size:12.5px;font-weight:500;text-transform:none;letter-spacing:0;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-family:inherit}
.cekform textarea{height:auto;resize:vertical}
.cekform input:focus,.cekform select:focus,.cekform textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.cekrow{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px;min-width:0}
.cekrow.ceknot{flex-wrap:wrap} .cekrow.ceknot .gm{flex:1 1 0;min-width:0} .cekrow.ceknot .ceknotkim{font-size:11px;color:var(--ink3);white-space:nowrap} .cekrow.ceknot .ydzkutu{flex:1 1 100%}
.byrow [data-ydzkap] .ydz{margin-left:6px}
.cekrow:last-child{border-bottom:0}
.cekrow .no{font-family:var(--f-mono);font-size:11px;color:var(--ink3);flex:0 0 auto;min-width:52px;white-space:nowrap}   /* 52 px sabitti: "SL-260925-14" üç satıra kırılıyordu */
.cekrow .ana{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cekrow .ana small{display:block;color:var(--ink3);font-size:11px}
.cekrow b.tut{margin-left:auto;font-family:var(--f-mono);font-size:11.5px;font-weight:600;flex:0 0 auto}
.cekrow a{overflow:hidden;text-overflow:ellipsis}
.cekrow a:hover{text-decoration:underline}
.durup{font-size:10px;font-weight:700;border-radius:99px;padding:2px 8px;flex:0 0 auto;white-space:nowrap}
.ceknot{background:color-mix(in srgb,var(--ochre,#DDA13C) 13%,var(--card));
  border:1px solid color-mix(in srgb,var(--ochre,#DDA13C) 32%,var(--card));
  border-radius:12px;padding:9px 12px;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.cekbos{color:var(--ink3);font-size:12px;padding:3px 0}
.ceknotekle{display:flex;gap:6px;align-items:flex-end;margin-bottom:8px}
.ceknotekle textarea{flex:1;border:1px solid var(--line);border-radius:9px;padding:7px 9px;
  font:12.5px var(--f-ui);resize:vertical;min-height:40px;background:var(--bg);color:var(--ink)}
.ceknotekle textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--card)}
.cekgit{margin-top:4px;width:100%;justify-content:center}
/* 100vw DEĞİL %100: Windows'ta klasik kaydırma çubuğu 100vw'a dahil — panel
   görünür alandan ~17px taşıp yatay kaydırma yaratıyordu (3 Eyl 2026). */
@media(max-width:768px){.cekpanel{width:100%;border-left:0}}
#otAtaPop{position:fixed;z-index:80;background:var(--card);border:1px solid var(--line2);
  border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:240px}
#otAtaPop[hidden]{display:none}
#otAtaPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);
  text-transform:uppercase;padding:2px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}
#otAtaListe{max-height:240px;overflow:auto}
#otAtaListe .r{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;
  font-size:13px;color:var(--ink);cursor:pointer}
#otAtaListe .r:hover{background:var(--bg)}
#otAtaListe .r input{width:auto;margin:0;cursor:pointer}
.otata span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#kisBagPop{position:fixed;z-index:80;background:var(--card);border:1px solid var(--line2);
  border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:280px}
#kisBagPop[hidden]{display:none}
#kisBagPop input{width:100%;margin-bottom:6px}
#kisBagListe{max-height:220px;overflow:auto}
#kisBagListe .r{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 9px;
  border-radius:8px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kisBagListe .r:hover{background:var(--bg)}
#kisBagListe .r.kaldir{color:var(--no);font-weight:600}
#kisYeniSirketPanel .r{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 9px;
  border-radius:8px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kisYeniSirketPanel .r:hover{background:var(--bg)}

/* ===== Çoklu satır seçimi + toplu işlem çubuğu (5 sayfa ortak) ===== */
.seckol{width:34px;min-width:34px;text-align:center}
.seckol input{width:auto;margin:0;cursor:pointer}
.secbar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:65;
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;
  background:var(--ink);color:#fff;padding:10px 14px;border-radius:14px;
  box-shadow:0 14px 40px rgba(27,19,16,.35);max-width:min(94vw,760px)}
.secbar[hidden]{display:none}
.secbar b{font-size:13px;margin-right:4px;white-space:nowrap}
.secbar .btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;border-radius:9px;font-size:12.5px;padding:7px 12px}
.secbar .btn.teh{background:rgba(226,68,92,.25);border-color:rgba(226,68,92,.6)}
.secbar select{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;border-radius:9px;font-size:12.5px;padding:6px 8px}
.secbar select option{color:var(--ink)}
@media(max-width:768px){ .secbar{bottom:calc(72px + env(safe-area-inset-bottom))} }
/* Atanan kişi avatar pulları: üst üste binen yuvarlaklar */
.otavk{display:inline-flex;align-items:center;vertical-align:middle}
.otav{width:24px;height:24px;border-radius:99px;flex:0 0 auto;
  background:var(--accent) center/cover no-repeat;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;border:2px solid var(--card);margin-left:-7px}
.otavk .otav:first-child{margin-left:0}
.otav.buyukav{width:20px;height:20px;font-size:10px;margin-left:0;margin-right:7px}
.otavfaz{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);margin-left:4px}

/* ===== Etkinlik Kaydı (migration 74; yalnız yönetici) ===== */
#etkBtn{position:fixed;right:18px;bottom:18px;z-index:60;width:44px;height:44px;border-radius:99px;
  border:1px solid var(--line2);background:var(--card);color:var(--ink2);cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(27,19,16,.18)}
#etkBtn svg{width:20px;height:20px}
#etkBtn:hover{color:var(--accent);border-color:var(--accent)}
/* Silinenler düğmesi — etkinlik düğmesinin solunda (22 Eyl 2026) */
#silBtn{position:fixed;right:70px;bottom:18px;z-index:60;width:44px;height:44px;border-radius:99px;border:1px solid var(--line2);background:var(--card);color:var(--ink3);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(20,22,28,.12)}
#silBtn svg{width:20px;height:20px}
#silBtn:hover{color:var(--accent);border-color:var(--accent)}
#silPop .silroz{font-size:10px;color:var(--ink3);border:1px dashed var(--line2);border-radius:99px;padding:0 6px}
#silPop .btn.silgeri{width:auto;min-width:0;min-height:28px;padding:3px 10px;font-size:12px}
#silPop .drygovde{overflow:auto}
#silPop .minitable{min-width:0;width:100%;table-layout:fixed}   /* global table{min-width:720px} kartı taşırıyordu (Mülk Takip'te de yaşanmıştı) */
#silPop .minitable td{vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
#silPop .silsek{margin:12px 0 8px}
#silPop .silfiltre{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
#silPop .silfiltre select{flex:0 1 auto;min-width:140px;padding:6px 9px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:500 12.5px var(--f-ui)}
#silPop .silfiltre #silAra{flex:1 1 220px;min-width:180px;padding:6px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:500 12.5px var(--f-ui)}
#silPop .silfiltre #silAra:focus{border-color:var(--accent);outline:0}
#silPop .silfiltre[hidden]{display:none}
#silPop .silgunluk{display:flex;flex-direction:column;gap:2px;max-height:min(58vh,560px);overflow:auto}
#silPop .silgun{border-bottom:1px solid var(--line);padding:9px 2px}
#silPop .silgust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
#silPop .silgkim{display:inline-flex;align-items:center;gap:6px;font-weight:600}
#silPop .silgkim .otav{width:22px;height:22px;font-size:10px}
#silPop .silgtablo{color:var(--ink3);font-size:11.5px}
#silPop .silgad{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
#silPop .silgzam{margin-left:auto;color:var(--ink3);font-size:11.5px;white-space:nowrap}
#silPop .etkfark{margin:5px 0 0 2px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink2)}
#silPop .etkfark i{font-style:normal} #silPop .etkfark s{color:var(--ink3)}
@media(max-width:640px){ #silPop .silgad{max-width:150px} #silPop .silfiltre select{flex:1 1 100%} }
#silPop .minitable th:nth-child(3),#silPop .minitable td:nth-child(3){width:130px}
#silPop .minitable th:nth-child(4),#silPop .minitable td:nth-child(4){width:110px}
#silPop .minitable th:last-child,#silPop .minitable td:last-child{width:96px}
@media(max-width:640px){ #silPop .minitable th:nth-child(3),#silPop .minitable td:nth-child(3){display:none} }
@media(max-width:768px){ #silBtn{right:70px;bottom:calc(76px + env(safe-area-inset-bottom))} #silPop .drykart{max-width:100vw} }
@media(max-width:768px){ #etkBtn{bottom:calc(76px + env(safe-area-inset-bottom))} }
.etksek{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 18px}
.etksek b{font-size:13px;font-weight:600;color:var(--ink3);padding:9px 13px;cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.etksek b.on{color:var(--accent);border-bottom-color:var(--accent)}
.etkbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}
.etkbar select,.etkbar input{font-size:12.5px}
.etksat{display:flex;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);align-items:flex-start}
.etksat:last-child{border-bottom:0}
.etksat .zam{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);flex:0 0 92px;padding-top:3px}
.etksat .kim{flex:0 0 auto;padding-top:1px}
.etksat .gov{flex:1;min-width:0;font-size:13px}
.etksat .gov .ust{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.etksat .gov .ust b{font-size:13px}
.etkroz{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px}
.etkroz.ekleme{background:var(--ok-bg);color:var(--ok)}
.etkroz.guncelleme{background:var(--st-info-bg);color:var(--st-info)}
.etkroz.silme{background:var(--no-bg);color:var(--no)}
.etkroz.monday{background:var(--bg);color:var(--ink3);border:1px dashed var(--line2)}
.etkfark{margin-top:5px;display:flex;flex-direction:column;gap:2px}
.etkfark i{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--ink2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.etkfark i b{color:var(--ink);font-weight:600}
.etkfark i s{color:var(--no);text-decoration:line-through;opacity:.75}
.etksat .isl{flex:0 0 auto}
.etkgeri{border:1px solid var(--line);background:var(--card);border-radius:8px;font-size:11.5px;
  padding:5px 10px;cursor:pointer;color:var(--ink2);font-family:inherit}
.etkgeri:hover{border-color:var(--accent);color:var(--accent)}
.etkgeri[disabled]{opacity:.45;cursor:default}
.etkdaha{width:100%;margin-top:10px}

/* ===== PREMIUM PAKETİ (31 Ağu 2026) ===== */
/* -- hareket: yumuşak geçişler (reduced-motion'a saygılı) -- */
@media (prefers-reduced-motion: no-preference){
  main > section{animation:sayfaGir .18s ease-out}
  .dryperde{animation:perdeGir .15s ease-out}
  .dryperde .drykart{animation:kartGir .18s cubic-bezier(.25,.8,.35,1)}
  #kisBagPop:not([hidden]),#otAtaPop:not([hidden]),#grpPop:not([hidden]),
  .multipanel:not([hidden]),.fdpanel:not([hidden]){animation:kartGir .13s ease-out}
  .btn{transition:transform .12s ease, background .15s ease, border-color .15s ease}
  .btn:active{transform:scale(.965)}
  .srw,.card{transition:box-shadow .18s ease}
}
@keyframes sayfaGir{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes perdeGir{from{opacity:0}to{opacity:1}}
@keyframes kartGir{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

/* -- boş durum kalıbı -- */
.bosdurum{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;
  color:var(--ink3);text-align:center}
.bosdurum svg{color:var(--ink3);opacity:.7}
.bosdurum b{color:var(--ink2);font-size:14px}
.bosdurum span{font-size:12.5px;max-width:420px;line-height:1.5}
.bosdurum .btn{margin-top:6px}

/* -- toast eylem düğmesi -- */
#toast .toastaks{margin-left:10px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);
  color:#fff;border-radius:8px;padding:4px 12px;font:inherit;font-weight:700;cursor:pointer}

/* -- süzgeç toplayıcı -- */
.fdwrap{position:relative;flex:0 0 auto}
.fdbtn{display:inline-flex;align-items:center;gap:6px}
.fdbtn.on{border-color:var(--accent);color:var(--accent)}
.fdbtn .fdsay{font-style:normal;background:var(--accent);color:#fff;border-radius:99px;
  font-size:10.5px;font-weight:700;padding:1px 7px}
.fdpanel{position:absolute;top:calc(100% + 6px);left:0;z-index:70;background:var(--card);
  border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);
  padding:12px;min-width:250px;display:flex;flex-direction:column;gap:9px}
.fdpanel[hidden]{display:none}
.fdrow{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ink3);font-weight:600}
.fdrow select,.fdrow input{width:100%}
.fdrow > span:first-child{letter-spacing:.04em;text-transform:uppercase;font-size:10px}

/* -- tema düğmesi: üst barda, zillerin yanında (15 Eyl 2026 — kişisel tercih, profiles.tema) -- */
.hello #temaBtn{margin-left:8px}
.hello #temaBtn:hover{color:var(--accent);border-color:var(--line2)}
.hello #temaBtn svg{width:15px;height:15px}

/* -- ⌘K komut paleti -- */
#kmdPop{position:fixed;inset:0;z-index:130;background:rgba(20,14,11,.45);
  display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}
#kmdPop[hidden]{display:none}
.kmdkart{width:min(620px,92vw);background:var(--card);border:1px solid var(--line2);
  border-radius:16px;box-shadow:0 30px 80px rgba(20,14,11,.35);overflow:hidden}
@media (prefers-reduced-motion: no-preference){ .kmdkart{animation:kartGir .15s ease-out} }
#kmdGirdi{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;
  padding:15px 18px;font-size:15px;background:transparent;color:var(--ink)}
#kmdGirdi:focus{outline:none;border-bottom-color:var(--focus-ring)}
#kmdListe{max-height:min(48vh,420px);overflow:auto;padding:6px}
.kmdgrup{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink3);padding:9px 12px 4px}
.kmdsat{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;
  cursor:pointer;font-size:13.5px;color:var(--ink)}
.kmdsat .alt2{color:var(--ink3);font-size:11.5px;margin-left:auto;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:45%}
.kmdsat.sec,.kmdsat:hover{background:var(--bg)}
.kmdip{border-top:1px solid var(--line);padding:8px 14px;font-size:11px;color:var(--ink3)}
.kmdip b{font-family:var(--f-mono);background:var(--bg);border-radius:5px;padding:1px 6px}

/* ===== KARANLIK MOD (uygulama geneli; belge/imza yüzeyleri hep aydınlık) ===== */
html[data-tema="koyu"]{
  --ink:#EFE9E2; --ink2:#C9BFB5; --ink3:#93887D;
  --bg:#16130F; --card:#201B16; --line:#2E2721; --line2:#3C342C;
  --accent:#E0603F; --accent-soft:#3A211A;
  --ok:#5FBF8A; --ok-bg:rgba(95,191,138,.14);
  --no:#E06A55; --no-bg:rgba(224,106,85,.14);
  --cond:#DDA13C; --cond-bg:rgba(221,161,60,.14);
  --empty:#6E6259;
  --st-no-bg:rgba(224,106,85,.16); --st-no-line:rgba(224,106,85,.35); --st-no:#F08A78;
  --st-ok-bg:rgba(95,191,138,.15); --st-ok-line:rgba(95,191,138,.35); --st-ok:#5FBF8A; --st-ok2:#5FBF8A;
  --st-warn-bg:rgba(221,161,60,.16); --st-warn-line:rgba(221,161,60,.38); --st-warn:#E8BD76;
  --st-info-bg:rgba(99,150,255,.16); --st-info-line:rgba(99,150,255,.38); --st-info:#8FB4FF;
  --color-link:#8FB4FF;
  --st-teal-bg:rgba(78,204,198,.14); --st-teal-line:rgba(78,204,198,.35); --st-teal:#7FD3CE;
  --st-mor-bg:rgba(190,130,200,.16); --st-mor:#D3A6DB;
  --st-pembe-bg:rgba(255,90,196,.16); --st-pembe-line:rgba(255,90,196,.45); --st-pembe:#FF9AD9;
  --st-mavi-bg:rgba(61,139,253,.16); --st-mavi-line:rgba(61,139,253,.45); --st-mavi:#8FB4FF;
  --focus-ring:#F08A78;
}
html[data-tema="koyu"] body{background:var(--bg)}
html[data-tema="koyu"] .sb .mark img{filter:none}
html[data-tema="koyu"] #sbRay{background:var(--card)}
html[data-tema="koyu"] #sbRay .rayb.on{border-color:var(--line2)}
/* token dışı kalan literal zeminler */
html[data-tema="koyu"] .ottablo thead th,
html[data-tema="koyu"] .minitable thead th,
html[data-tema="koyu"] .otformalt,
html[data-tema="koyu"] .trow.bas{background:#251F1A}
html[data-tema="koyu"] input:not([type=color]):not([type=checkbox]):not([type=radio]),
html[data-tema="koyu"] select, html[data-tema="koyu"] textarea{
  background:var(--card);color:var(--ink);border-color:var(--line2)}
html[data-tema="koyu"] .hedit{background:transparent}
html[data-tema="koyu"] .hedit:focus{background:var(--card)}
html[data-tema="koyu"] .srybar .cubuk{background:#2B241E}
html[data-tema="koyu"] .mrow .tr{background:#2B241E}
html[data-tema="koyu"] .kmdkart{box-shadow:0 30px 80px rgba(0,0,0,.6)}
html[data-tema="koyu"] .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-tema="koyu"] .lrow:hover{background:#251F1A}
html[data-tema="koyu"] .dryperde{background:rgba(0,0,0,.55)}
/* K-38 BELGE YÜZEYİ — TEK KURAL (29 Eyl 2026): teklif/proforma/fatura/baskı, Nivea proforma, iş teklifi, Akış kâğıdı
   HER TEMADA kâğıt beyazı. Yeni belge yüzeyi = kabına `belgeyuzey` sınıfı ekle (ya da seçiciyi bu listeye yaz);
   ayrı html[data-tema=koyu] .xxbelge{background:#fff} kopyası YAZMA. Yerel token'lar açık değerlere döner,
   içindeki girdiler genel koyu girdi kuralından (aynı özgüllük, daha sonra) geri alınır. */
html[data-tema="koyu"] :is(.belgeyuzey,.otbelge,.pfbelge,[id=printSheet],.otonizleme,.npbelge,.itbelge,.akeditor,.akkagitbas,.akkagitalt){
  background:#fff;color:#1B1310;color-scheme:light;
  --ink:#1B1310; --ink2:#5C4C45; --ink3:#96857C; --card:#fff; --line:#E8E0D9; --line2:#D9D4CE; --bg:#fff; --accent-soft:#FBEDE9;
  --st-no-bg:#FDECEE; --st-no-line:#F5C2C7; --st-no:#B3232F; --st-ok-bg:#E6F6EC; --st-ok-line:#BFE6CC; --st-ok:#1D7A44; --st-ok2:#0D8A4F;
  --st-warn-bg:#FFF4E5; --st-warn-line:#FFE0B2; --st-warn:#B26A00; --st-info-bg:#E8F1FA; --st-info-line:#BFD9EE; --st-info:#1D4ED8;
  --st-teal-bg:#E4F1F0; --st-teal-line:#B4D6D4; --st-teal:#245A57; --st-mor-bg:#F1EAF3; --st-mor:#6B3F73;
  --color-link:#2563EB}
html[data-tema="koyu"] :where(.belgeyuzey,.otbelge,.pfbelge,#printSheet,.otonizleme,.npbelge,.itbelge,.akeditor) :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){
  background:#fff;color:#1B1310;border-color:#D9D4CE}

/* ==== TÜM CİHAZLAR: KAYDIRMA ÇUBUKLARI + TAŞMA KORUMALARI (3 Eyl 2026) ====
   Windows/Linux'un klasik kalın çubukları hem çirkin duruyor hem yer kaplayıp
   düzeni sıkıştırıyordu ("grafiklerde bozulma" raporunun kökü): her kaydırılan
   alan artık İNCE, tema token'lı çubuk kullanır; sayfa oluğu sabitlenir ki
   içerik uzayınca düzen 17px kaymasın. Grafik kartları kendi kutusundan taşamaz. */
html{scrollbar-gutter:stable}
*{scrollbar-width:thin;scrollbar-color:var(--line2,#D9CEC2) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line2,#D9CEC2);border-radius:99px;
  border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background-color:var(--ink3,#9A8B7E)}
/* Grafik/pano kartları: içerik ne olursa olsun kartın dışına sızmasın,
   grid çocukları küçülebilsin (min-width:0 yoksa Windows'ta kart genişleyip
   komşusunu eziyor ve SVG'ler yamuk görünüyordu). */
main>section{min-width:0}
main section svg{max-width:100%}
.otpano .pkart{min-width:0;overflow:hidden}
/* Pencere gövdeleri + popover listeleri: tekerlek kaydırması sayfaya sıçramasın */
.drygovde,.grppop,.belgepop,.multipanel,.uyepanel,.muspanel{overscroll-behavior:contain}

/* ==== MOBİL SAĞLAMLIK TURU (3 Eyl 2026): iOS/Android taramasında bulunanlar ====
   1) Grid/flex çocuğu kartlar min-width:auto yüzünden İÇ TABLO kadar genişleyip
      main'in kırpmasına gömülüyordu (Influencer/Ürünler mobilde sağı görünmez
      kaydırılamaz tablo) — min-width:0 ile kart daralır, tablo KENDİ kabında kayar.
   2) Üst bant düğme grupları (Petrol bandı + Ana Sayfa hızlı düğmeleri) sarmayıp
      ekran dışına taşıyordu. 3) select/input'lar kabından geniş olamaz. */
.card,.adminwrap>*,.otkpi>div{min-width:0}
#talentTabloKap{overflow-x:auto}
main select,main input{max-width:100%}
.otust2>div{min-width:0;flex-wrap:wrap}
/* inline style'lardaki flex:0 0 auto (shrink 0) mobilde taşmanın köküydü —
   !important ile shrink serbest bırakılır, iç wrap devreye girer. */
.otust2>div{flex-shrink:1 !important;max-width:100%}
#asHizli{min-width:0;flex:0 1 auto}
@media(max-width:768px){
  #asHizli{flex:1 1 100%;justify-content:flex-start}
  .otust2{align-items:flex-start}
  .otust2>div{flex:1 1 100% !important}
}
/* Belge önizlemesi dar ekranda: Hizmet kolonu daralınca harf harf kırılıyordu —
   Adet/Tutar kolonlarını küçültüp hizmete yer aç (yalnız ≤560px). */
@media(max-width:560px){
  .otbelge thead th.a{width:44px}
  .otbelge thead th.t{width:92px}
}
/* Dokunmatikte küçük hedefler büyür (durum pili + satır ikonları ~25px idi) */
@media(hover:none){
  .dpil{padding:6px 12px}
  .otik{min-width:34px;min-height:34px}
}

/* ==== MOBİL CİLA 2 (3 Eyl 2026, kullanıcı ekran görüntüleri) ====
   1) Belge künyesi: .otfirma 98mm sabit blok 375px'te 89px'e EZİLİP kelime
      kelime alt alta iniyordu — dar ekranda logo üstte, künye altta tam genişlik.
   2) Selamlama satırı 3-4 satır kaplıyordu — kompakt.
   3) OT mobil kartı tutarı + KPI değerleri için emniyet kemerleri. */
@media(max-width:768px){
  .hello{flex-wrap:wrap;gap:8px 10px}
  #helloText{font-size:17px;line-height:1.3;flex:1 1 auto;min-width:0}
  .hello .today{font-size:10px;padding:5px 9px}
}
@media(max-width:560px){
  .otbelge .otust{flex-direction:column;align-items:flex-start;gap:5mm}
  .otbelge .otust img{height:26px}
  .otbelge .otfirma{max-width:100%;font-size:9px;line-height:1.55}
  .otbelge h1{margin-top:8mm;font-size:20px}
  .otbelge tbody td:first-child{padding-right:10px}
  .motkart .mtut{white-space:nowrap;font-size:12.5px}
  .motkart .msag{max-width:42%}
  .otkpi{gap:8px}
  .otkpi>div b{font-size:17px}
}

/* ══ AKTİF PROJELER — Monday pano dili (11 Eyl 2026, migration 113) ══
   Kapsamlı token ezmesi: sayfa HER TEMADA AÇIK kalır (Monday birebir maketi
   referans; belge-yüzeyi kuralı gibi bilinçli). Popover'lar body düzeyinde,
   renkleri açık sabitlenir. Global table{min-width}+nowrap sızıntısı sıfırlanır. */
#aktifproje,#apKart,#apDmenu,#apHatPop,#apDosyaPop,#apMenu,#apKolPop{--apmavi:#C4452C}
#aktifproje,#apKart,#apDmenu,#apKmenu,#apBagPop,#apHatPop,#apDosyaPop,#apMenu,#apKolPop,#apGorunumPop,#apTasiPop,.apbahs,#apSecBar,#apDepPop{--apmavi:#C4452C;--apbeyaz:#fff;--apink:#323338;--apink2:#676879;--apmuted:#9aa0b0;--apcizgi:#d0d4e4;--apcizgi2:#e6e9ef;--aphover:#f5f6f8;--apsoft:#eef3ff;--apsoftline:#cfe1fb;--aplink:var(--color-link)}
/* 15 Eyl 2026: Monday paleti scoped token oldu → koyu temada (html[data-tema=koyu]) aynı seçicilerle koyu değerler gelir */
#aktifproje .apust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#aktifproje .apust h1{margin:0}
#aktifproje .apust .otalt{display:block}
#aktifproje .apust .sag{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#aktifproje .apbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}
#aktifproje .apbar .arb{display:flex;align-items:center;gap:6px;border:none;background:none;border-radius:6px;padding:7px 10px;font-size:13px;color:var(--ink);cursor:pointer;white-space:nowrap}
#aktifproje .apbar .arb:hover{background:var(--line)}
@media(min-width:769px){ #aktifproje .apbar .arb{height:32px;padding-top:0;padding-bottom:0} }   /* ＋/▾ gliflerine göre 30–34 px oynuyordu; arama kutusu + Filtre ile aynı 32 px */
#aktifproje .apbar .arb.akt{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.aproz{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;border-radius:8px;background:#e2445c;color:#fff;font:600 9.5px var(--f-ui);padding:0 4px;margin-left:3px;vertical-align:top;font-style:normal}
#apGovde{color:var(--apink)}
#aktifproje .apgrup{margin-bottom:26px}
#aktifproje .apgbas{display:flex;align-items:center;gap:8px;padding:5px 0 7px;cursor:pointer;user-select:none}
#aktifproje .apgbas .krt{font-size:11px;transition:transform .12s}
#aktifproje .apgrup.kapali .apgbas .krt{transform:rotate(-90deg)}
#aktifproje .apgbas h2{margin:0;font:500 16px var(--f-ui);color:inherit}
#aktifproje .apgbas .adet{color:var(--apink2);font-size:12.5px;font-weight:400}
#aktifproje .apgikon{border:none;background:none;font-size:13px;cursor:pointer;border-radius:4px;padding:3px 6px;color:var(--apink2);position:relative}
#aktifproje .apgikon:hover{background:var(--apcizgi2)}
#aktifproje .aptkap{overflow-x:auto;border-radius:6px;background:var(--apbeyaz);border:1px solid var(--apcizgi2)}
#aktifproje .aptkap{overscroll-behavior-x:contain;overscroll-behavior-y:auto;contain:paint}   /* 5 Eki 2026 (kullanıcı): dikey kaydırma tablo üstündeyken sayfaya zincirlenir — y:contain tekerleği tabloda hapsediyordu; x:contain (geri-kaydırma jesti) kalır */
.aptpgov{overscroll-behavior:contain}   /* pop-up gövdesinin sonunda arka sayfa kaymasın */   /* 1 Eki 2026: ortak .ttkap'tan bağımsız (41 artık AP tablolarına dokunmaz) */
#aktifproje table.apmt{border-collapse:separate;border-spacing:0;font-size:13px;min-width:100%;width:max-content;table-layout:fixed}
#aktifproje .apmt th,#aktifproje .apmt td{padding:0;height:36px;background:var(--apbeyaz);border-bottom:1px solid var(--apcizgi);border-right:1px solid var(--apcizgi);vertical-align:middle;font-weight:400;white-space:nowrap;color:var(--apink)}
#aktifproje .apmt thead th{position:relative;font:400 12px var(--f-ui);color:var(--apink2);text-align:center;overflow:hidden;text-overflow:ellipsis;padding:0 8px;cursor:pointer;user-select:none}
#aktifproje .apmt thead th .hgz{font-size:10px;color:var(--apmuted)}
#aktifproje .apmt thead th .apzor{color:#e2445c;font-weight:700;font-style:normal}
#aktifproje .apmt .thtut{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:4}
#aktifproje .apmt th.hedefkol{background:var(--apsoft)}
#aktifproje .apthdis{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:var(--apbeyaz);color:var(--apink2);cursor:pointer;font-size:12px;border-radius:3px;padding:1px 3px}
#aktifproje .apmt thead th:hover .apthdis{display:inline-block}
#aktifproje .apthson{min-width:44px;border-right:none!important}
#aktifproje .apthadd{border:none;background:none;font-size:15px;color:var(--apink2);cursor:pointer;width:100%;height:34px}
#aktifproje .apthadd:hover{color:var(--apmavi)}
#aktifproje .apmt td.renkbar,#aktifproje .apmt th.renkbar{width:6px;min-width:6px;max-width:6px;padding:0;border-right:none;position:sticky;left:0;z-index:3}
#aktifproje .apmt th.adx,#aktifproje .apmt td.adx{min-width:265px;width:265px;max-width:265px;text-align:left;position:sticky;left:6px;z-index:3;box-shadow:4px 0 6px -4px rgba(0,0,0,.12);overflow:hidden}
#aktifproje .apmt thead th.renkbar,#aktifproje .apmt thead th.adx{position:sticky}
#aktifproje td.adx{cursor:pointer}
#aktifproje td.adx:hover{background:var(--aphover)}
#aktifproje td.adx .ic{display:flex;align-items:center;gap:5px;padding:0 8px}
#aktifproje td.adx .adm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktifproje .apgbas .apgadbtn{visibility:hidden;font-size:12px;padding:1px 5px}
#aktifproje .apgbas:hover .apgadbtn{visibility:visible}
#aktifproje .apgbas h2 .apadinp,#aktifproje td.adx .adm .apadinp{width:100%;min-width:120px;height:26px;padding:0 6px;border:1px solid var(--apmavi,#C4452C);border-radius:4px;background:var(--apbeyaz,#fff);color:var(--apink);font:400 13px var(--f-ui);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--apmavi,#C4452C) 18%,transparent)}
#aktifproje .apgbas h2 .apadinp{font-size:15px;min-width:220px}
#aktifproje td.adx .adm:has(.apadinp){overflow:visible}
#apKart .kust .apkad{position:absolute;right:52px;top:16px;border:none;background:none;font-size:15px;cursor:pointer;color:var(--apink2);border-radius:4px;padding:2px 6px}
#apKart .kust .apkad:hover{background:var(--apcizgi2)}
#apKart .kust h3 .apadinp{width:100%;height:30px;padding:0 8px;border:1px solid var(--apmavi,#C4452C);border-radius:4px;background:var(--apbeyaz,#fff);color:var(--apink);font:500 16px var(--f-ui);outline:none}
#aktifproje td.adx .acbtn{display:none;font:500 11px var(--f-ui);color:var(--apmavi);border:1px solid var(--apsoftline);background:var(--apbeyaz);border-radius:4px;padding:1px 8px;cursor:pointer;flex:0 0 auto}
#aktifproje td.adx:hover .acbtn{display:inline-block}
#aktifproje td.adx .kon{border:none;background:none;color:var(--apmuted);font-size:13px;cursor:pointer;padding:1px 2px;flex:0 0 auto;position:relative}
#aktifproje td.adx .kon:hover{color:var(--apmavi)}
#aktifproje td.adx .kon.hatvar{color:#fdab3d}
#aktifproje .apmt tbody tr:hover td{background:var(--aphover)}
:is(#aktifproje,#apKart) .hc{padding:0 8px;text-align:center;overflow:hidden;text-overflow:ellipsis}
:is(#aktifproje,#apKart) .hc.sag{text-align:right;font-variant-numeric:tabular-nums}
:is(#aktifproje,#apKart) .hc.sol{text-align:left}
:is(#aktifproje,#apKart) .hc a{font-size:12.5px}
:is(#aktifproje,#apKart) .hc a:hover{text-decoration:underline}
:is(#aktifproje,#apKart) .durx{padding:0}
:is(#aktifproje,#apKart) .durx button{width:100%;height:36px;border:none;color:#fff;font:400 12.5px var(--f-ui);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;display:block}
:is(#aktifproje,#apKart) .apkisi{cursor:pointer}
:is(#aktifproje,#apKart) .pbos,#irTablo .pbos{width:24px;height:24px;border-radius:50%;border:1px dashed var(--apmuted);color:var(--apmuted);display:inline-flex;align-items:center;justify-content:center;font-size:12px;vertical-align:middle}
#irTablo td.irkisi{cursor:pointer}   /* IR kişi hücresi: tık → ortak kişi seçici (17 Eyl 2026) */
:is(#aktifproje,#apKart) .bagli{display:flex;align-items:center;gap:6px;padding:0 8px;justify-content:center;cursor:pointer}
:is(#aktifproje,#apKart) .bagli i{width:3px;height:20px;border-radius:2px;background:#4eccc6;flex:0 0 auto}
:is(#aktifproje,#apKart) .bagli span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
#apKart .gmonav{background:#7f5347!important;color:#fff;border-color:transparent}
#apKart .gmon{font-size:10px;padding:1px 6px;border-radius:99px;background:var(--apsoft);color:var(--apink2);margin-left:6px;vertical-align:middle}
:is(#aktifproje,#apKart) .bagli .apbagdeg{border:none;background:none;color:var(--apink2);cursor:pointer;font-size:12px;padding:0 3px;opacity:0;flex:0 0 auto;line-height:1}
:is(#aktifproje,#apKart) .bagli:hover .apbagdeg{opacity:.85}
@media(hover:none){:is(#aktifproje,#apKart) .bagli .apbagdeg{opacity:.7}}
:is(#aktifproje,#apKart) .bagli .apbagdeg:hover{color:var(--apmavi);opacity:1}
#apKolPop .apkmod{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg)}
#apKolPop .apkmod b{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3)}
#apKolPop .apkmod label{margin:0;font-weight:500}
#apKolPop .apkmod small{color:var(--ink3);font-weight:400}
#apKolPop .apkayna{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px dashed var(--line2);border-radius:var(--r-sm)}
#apKolPop .apkayna[hidden],#apKolPop #apKolSerbest[hidden]{display:none}
#apKart .apgsil,#apKart .apgsilik{color:var(--st-no)}
#apKart .apgsilik{font-size:11px;text-decoration:none;opacity:.8;margin-left:4px}
#apKart .apgisl{color:var(--ink3);font-size:11px;margin-right:4px}
:is(#aktifproje,#apKart) .apsec{color:var(--apmuted);font-style:normal;text-decoration-style:dashed;cursor:pointer}
:is(#aktifproje,#apKart) .aptel{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--aplink)}
:is(#aktifproje,#apKart) .aptel .bay{width:16px;height:11px;background:#e30a17;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:7px}
:is(#aktifproje,#apKart) .songun{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--apink2)}
:is(#aktifproje,#apKart) .dropchip{background:var(--apcizgi2);border-radius:12px;padding:2px 10px;font-size:12px;white-space:nowrap;color:var(--apink)}
:is(#aktifproje,#apKart) .aped{width:100%;height:34px;border:none;background:transparent;font:400 12.5px var(--f-ui);color:var(--apink);text-align:inherit;padding:0}
:is(#aktifproje,#apKart) .aped:focus{outline:2px solid var(--apmavi);border-radius:3px;background:var(--apbeyaz)}
:is(#aktifproje,#apKart) .aplinkli{position:relative;padding-right:22px}
:is(#aktifproje,#apKart) .aplink{position:absolute;right:5px;top:50%;transform:translateY(-50%)}
:is(#aktifproje,#apKart) .apdos{border:none;background:none;cursor:pointer;font-size:13px;color:var(--apink2)}
:is(#aktifproje,#apKart) .apdos:hover{color:var(--apmavi)}
:is(#aktifproje,#apKart) .apuzun{cursor:pointer}
#aktifproje .ekleSat td{border-right-color:transparent}
#aktifproje .ekleSat button{border:none;background:none;color:var(--apink2);font:400 13px var(--f-ui);cursor:pointer;height:34px;padding:0 8px;border-radius:4px;text-align:left;width:100%}
#aktifproje .ekleSat button:hover{background:var(--aphover)}
#aktifproje .ekleSat input.apogeyeniinp{width:100%;height:30px;margin:2px 0;padding:0 8px;border:1px solid var(--apmavi,#C4452C);border-radius:4px;background:var(--apbeyaz,#fff);color:var(--apink);font:400 13px var(--f-ui);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--apmavi,#C4452C) 18%,transparent)}
#aktifproje .ozet td{height:32px;border-right-color:transparent;border-bottom:none}
#aktifproje .dag{display:flex;height:22px;border-radius:4px;overflow:hidden;margin:0 4px;min-width:60px}
#aktifproje .dag i{display:block;height:100%}
#aktifproje .topx{font:500 12px var(--f-ui);text-align:right;display:block;padding:0 4px;font-variant-numeric:tabular-nums}
#aktifproje .topx small{display:block;font-size:9px;color:var(--apink2);line-height:1}
#aktifproje .apgor{display:inline-flex;border:1px solid var(--apcizgi);border-radius:8px;overflow:hidden;margin-right:4px}
#aktifproje .apgor .arb{border-radius:0;padding:6px 10px}
#aktifproje .apgor .arb[hidden],#apGorYetki[hidden]{display:none}
/* İstatistik görünümü (18 Eyl 2026) */
#aktifproje .apist{padding:8px 4px 24px}
/* RAPOR görünümü (23 Eyl 2026) */
#aktifproje .aprapor-tab th{cursor:pointer;user-select:none;text-align:left!important}
#aktifproje .aprapor-tab th.akt{color:var(--apink)}
#aktifproje .aprapor-tab td{text-align:left!important;max-width:320px;overflow:hidden;text-overflow:ellipsis}
#aktifproje .aprapor-tab td.aproge{cursor:pointer}
#aktifproje .aprapor-tab th.aprsec,#aktifproje .aprapor-tab td.aprsec{width:30px;text-align:center!important;padding:4px}
#aktifproje .aprapor-tab tr.aprsecili td{background:var(--apsoft)}
#aktifproje .aprapor-tab td.hc,#aktifproje .aprapor-tab td.durx{padding:0;overflow:visible}
#aktifproje .aprapor-tab td .aped{width:100%;min-width:0;border:0;background:transparent;padding:6px 8px;font:inherit;color:inherit}
#aktifproje .aprapor-tab td.aprproje{color:var(--apmuted);max-width:260px}
#aktifproje .aprapor-tab td.aproge b{font-weight:600}
#aktifproje .aprapor-tab .aprars{font-style:normal;font-size:10px;border:1px solid var(--apcizgi);border-radius:99px;padding:0 6px;margin-left:4px;color:var(--apmuted)}
#aktifproje .aprdaha{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--apcizgi);font-size:12px;color:var(--apmuted)}
#ttPop .aprkol{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow:auto}
#ttPop .aprkol label{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:13px;cursor:pointer}
#ttPop .aprkol label:hover{background:var(--bg)}
#aktifproje .apist-not{font-size:12px;color:var(--apmuted);margin:0 0 8px;padding:6px 10px;background:var(--apsoft);border:1px solid var(--apsoftline);border-radius:8px}
#aktifproje .apist-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
#aktifproje .apist-kpi{background:var(--apbeyaz);border:1px solid var(--apcizgi);border-radius:10px;padding:12px 14px}
#aktifproje .apist-kpi b{display:block;font-size:24px;font-weight:700;color:var(--apink);font-variant-numeric:tabular-nums;line-height:1.1}
#aktifproje .apist-kpi span{display:block;margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--apmuted)}
#aktifproje .apist-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,.9fr);gap:14px}
@media(max-width:1300px){#aktifproje .apist-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
#aktifproje .apist-panel{background:var(--apbeyaz);border:1px solid var(--apcizgi);border-radius:10px;padding:12px 14px;min-width:0}
#aktifproje .apist-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
#aktifproje .apist-bas h3{margin:0;font-size:14px;color:var(--apink)}
#aktifproje .apist-bas small{color:var(--apmuted);font-size:12px}
#aktifproje .apist-bas label{font-size:12px;color:var(--apmuted);display:inline-flex;align-items:center;gap:6px}
#aktifproje .apist-bas select{font-size:12px;padding:3px 6px;border:1px solid var(--apcizgi);border-radius:6px;background:var(--apbeyaz);color:var(--apink)}
#aktifproje table.apist-tab{width:100%;min-width:0;border-collapse:collapse;font-size:13px}
#aktifproje table.apist-tab th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--apmuted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--apcizgi);text-align:center!important;white-space:nowrap;background:transparent;position:static}
#aktifproje table.apist-tab td{padding:7px 8px;border-bottom:1px solid var(--apcizgi2);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center!important;background:transparent}
#aktifproje table.apist-tab th:first-child,#aktifproje table.apist-tab td:first-child{text-align:left!important}
#aktifproje table.apist-tab td.kisi{display:flex;align-items:center;gap:8px;white-space:normal}
#aktifproje table.apist-tab td.kisi span{overflow:hidden;text-overflow:ellipsis}
#aktifproje table.apist-tab td .bar{margin:0 6px 0 0}
#aktifproje table.apist-tab tr:hover td{background:var(--aphover)}
#aktifproje .apist .bar{display:inline-block;width:70px;height:6px;border-radius:99px;background:var(--apcizgi2);vertical-align:middle;overflow:hidden;margin-right:6px}
#aktifproje .apist .bar i{display:block;height:100%;background:#037f4c}
#aktifproje .apist-dag{display:grid;grid-template-columns:10px minmax(0,1fr) 80px 40px 40px;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--apcizgi2);font-size:12.5px}
#aktifproje .apist-dag>i{width:10px;height:10px;border-radius:99px;display:inline-block}
#aktifproje .apist-dag .ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--apink)}
#aktifproje .apist-dag .bar{width:80px;margin:0}
#aktifproje .apist-dag b{text-align:right;color:var(--apink)}
#aktifproje .apist-dag small{color:var(--apmuted);text-align:right}
@media(max-width:900px){#aktifproje .apist-grid{grid-template-columns:1fr}}
/* ── ÇALIŞMA ALANI SEÇİCİ (16 Eyl 2026) ── */
.sb-alan{position:relative;margin:4px 10px 6px}
.sb-alan[hidden]{display:none}
.sb-alan .sbalanbtn{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;width:100%;text-align:left;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:pointer;font-family:var(--f-ui);color:var(--ink)}
.sb-alan .sbalanbtn:hover,.sb-alan.acik .sbalanbtn{border-color:var(--line2);background:var(--card)}
.sb-alan .sbalanet{grid-column:1;font:600 9.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.sb-alan .sbalanad{grid-column:1;font:700 13px var(--f-ui);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-alan .sbalanok{grid-column:2;grid-row:1/3;font-size:11px;color:var(--ink3);transition:transform .15s}
.sb-alan.acik .sbalanok{transform:rotate(180deg)}
.sb-alan .sbalanmenu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:4px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.sb-alan .sbalanmenu[hidden]{display:none}
.sb-alan .sbalanb{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:none;border-radius:7px;padding:8px 10px;font:600 12.5px var(--f-ui);color:var(--ink2);cursor:pointer;text-align:left}
.sb-alan .sbalanb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-alan .sbalanb i{font-style:normal;color:var(--accent);font-size:12px}
.sb-alan .sbalanb.akt{color:var(--accent);background:var(--accent-soft)}
.sb-alan .sbalanb:hover:not(.akt){background:var(--bg);color:var(--ink)}
aside.sb .tab.alan-gizli{display:none!important}
body.alan-ik .sb-acik{display:none!important}
/* İK görünüm geçişi (19 Eyl 2026): .gmkartlar{display:grid} ve .crmseg{display:flex} HTML hidden'ı eziyordu */
#ikalan #pkKartlar[hidden],#ikalan #pkKart[hidden],#ikalan #pkTabloKart[hidden],#ikalan #pkGovde[hidden]{display:none!important}
#ikalan .gmizgara td.gmhtop span{display:block;font-size:11.5px} #ikalan .gmizgara td.gmhtop i{display:block;font-style:normal;font-size:10px;color:var(--ink3);font-weight:500}
#ikalan .gmizgara tfoot td:first-child span{display:block;font-size:10.5px;color:var(--ink3);font-weight:500}
/* İK Maaşlar ızgarası: sıralanabilir + genişletilebilir başlık (19 Eyl 2026) — tutamak .gmtablo kuralının eşi */
/* İK: e-posta zarf · profil fotoğrafı · çekmece başlık eylemleri · maaş ödemeleri kartı (19 Eyl 2026) */
#ikalan .pkmail,#pkCek .pkmail{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0}
#ikalan .pkmail svg,#pkCek .pkmail svg{flex:0 0 auto;color:var(--accent)} #ikalan .pkmail span,#pkCek .pkmail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ikalan .pkmail:hover span,#pkCek .pkmail:hover span{text-decoration:underline}
.pkfoto{background-size:cover;background-position:center;color:transparent!important}
#pkCek .pkcust{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-right:52px}
#pkCek .pkcavatar{position:relative;cursor:pointer;flex:0 0 auto}
#pkCek .pkcav{display:inline-flex;width:56px;height:56px;border-radius:16px;align-items:center;justify-content:center;color:#fff;font:700 18px var(--f-ui)}
#pkCek .pkcavkalem{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink2)}
#pkCek .pkcavatar:hover .pkcavkalem{color:var(--accent);border-color:var(--accent)}
#pkCek .pkcbaslik{min-width:0} #pkCek .pkcbaslik h3{padding-right:0}
#pkCek .pkfotosil{border:0;background:none;color:var(--ink3);font:500 11px var(--f-ui);text-decoration:underline;cursor:pointer;padding:0 4px}
#pkCek .pkcaksiyon{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} #pkCek .pkcaksiyon .btn{white-space:nowrap}
@media(max-width:768px){#pkCek .pkcust{grid-template-columns:auto 1fr;padding-right:44px} #pkCek .pkcaksiyon{grid-column:1/-1;justify-content:flex-start}}
#pkCek .pkmaaskart{grid-column:1/-1;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px 8px;margin-top:4px}
#pkCek .pkmaasbas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#pkCek .pkmaasbas>b{font-size:12.5px} #pkCek .pkmaasbas>span{font-size:11px;color:var(--ink3)}
#pkCek .pkmaasoz{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap} #pkCek .pkmaasbas .btn{white-space:nowrap}
#pkCek .pkmaasoz span{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15} #pkCek .pkmaasoz i{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)} #pkCek .pkmaasoz b{font:600 12.5px var(--f-mono)}
#pkCek .pkmaasgraf{display:flex;gap:4px;align-items:stretch;height:96px}
#pkCek .pkmaasay{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;border-radius:8px;padding:2px 1px}
#pkCek .pkmaasay:hover{background:var(--card)}
#pkCek .pkmaasay em{font:600 9.5px var(--f-mono);color:var(--ink2);font-style:normal;white-space:nowrap;min-height:11px}
#pkCek .pkmaasay.bos em{color:var(--ink3)}
#pkCek .pkmaasbar{flex:1 1 auto;width:100%;display:flex;align-items:flex-end;justify-content:center}
#pkCek .pkmaasbar i{display:block;width:70%;max-width:26px;border-radius:5px 5px 2px 2px;background:var(--teal,#2B7A78)}
#pkCek .pkmaasay.bos .pkmaasbar i{height:6px!important;background:var(--line2);border-radius:3px}
#pkCek .pkmaasay.yok .pkmaasbar i{height:6px!important;background:repeating-linear-gradient(135deg,transparent 0 3px,var(--line2) 3px 4px)}
#pkCek .pkmaasay span{font:500 9.5px var(--f-ui);color:var(--ink3);text-align:center;line-height:1.1}
/* İK telefon (bayrak + 0 5XX …) ve banka simgesi (19 Eyl 2026) */
#ikalan .pktel,#pkCek .pktel{white-space:nowrap}
#pkCek .pkbanka,#ikalan .pkbanka,#muhasebe .pkbanka,#muhAbFormPop .pkbanka{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;min-width:0}
#pkCek .pkbanka>span,#ikalan .pkbanka>span,#muhasebe .pkbanka>span,#muhAbFormPop .pkbanka>span{overflow:hidden;text-overflow:ellipsis}
#pkCek .pkbankalogo,#ikalan .pkbankalogo,#muhasebe .pkbankalogo,#muhAbFormPop .pkbankalogo{display:inline-flex;align-items:center;justify-content:flex-start;width:88px;height:26px;padding:3px 6px;border-radius:7px;background:#fff;border:1px solid var(--line);flex:0 0 auto;box-sizing:border-box}
#pkCek .pkbankalogo img,#ikalan .pkbankalogo img,#muhasebe .pkbankalogo img,#muhAbFormPop .pkbankalogo img{max-width:100%;width:auto;display:block}
#pkCek .pkbanka i,#ikalan .pkbanka i,#muhasebe .pkbanka i,#muhAbFormPop .pkbanka i{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:7px;background:var(--line2);color:var(--ink2);font:800 11px var(--f-ui);font-style:normal;flex:0 0 auto}
/* İK ANA SAYFA / ÖZET görünümü (19 Eyl 2026) */
#ikalan .pkanagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;align-items:start}
#ikalan .pkanakart .gmbolum{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px}
#ikalan .pkanakart .gmbolum b{font-size:13.5px}
#ikalan .pkanakisi{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);cursor:pointer}
#ikalan .pkanakisi:first-child,#ikalan .pkanaalt+.pkanakisi{border-top:0}
#ikalan .pkanakisi:hover b{color:var(--accent)}
#ikalan .pkanaav{width:30px;height:30px;border-radius:9px;color:#fff;font:700 11px var(--f-ui);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
#ikalan .pkanakb{flex:1 1 auto;min-width:0}
#ikalan .pkanakb b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ikalan .pkanakb>span{display:block;font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ikalan .pkanakb .pkanayil{color:var(--accent)}
#ikalan .pkanasag{text-align:right;flex:0 0 auto}
#ikalan .pkanasag b{display:block;font:600 12px var(--f-mono);color:var(--ink2);white-space:nowrap}
#ikalan .pkanasag b.bugun{color:var(--accent)}
#ikalan .pkanasag span{display:block;font-size:10.5px;color:var(--ink3)}
#ikalan .pkanaalt{font:700 10.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:10px 0 2px}
#ikalan .pkanabos{font-size:12.5px;color:var(--ink3);padding:6px 0}
#ikalan .pkanamaas{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#ikalan .pkanamaas>div b{display:block;font-family:var(--f-display);font-size:20px} #ikalan .pkanamaas>div span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
#ikalan .pkanamaas .btn{margin-left:auto}
#ikalan .pkanacipler{display:flex;flex-wrap:wrap;gap:5px}
#ikalan .pkanatur{display:inline-block;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;vertical-align:middle}
@media(max-width:768px){#ikalan .pkanagrid{grid-template-columns:1fr}}
/* bildirim penceresi e-posta tercihi (37, migration 219) */
#bilPop .bileposta{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink2);cursor:pointer}
#bilPop .bileposta input{width:auto;accent-color:var(--accent)}
/* ═══ DUYURULAR (72_duyuru, 20 Eyl 2026): üst bar + pop-up + anket ═══ */
#duyuruBar{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.dybar{display:flex;align-items:center;gap:12px;background:var(--dy);color:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.dybaric{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;flex-wrap:wrap;font-size:13.5px;line-height:1.4}
.dybaric b{font-family:var(--f-display);font-weight:700;font-size:14px}
.dybarlink{color:#fff!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.dykapat{flex:0 0 auto}   /* görünüm: ortak .kapatbtn.ters (K-40, renkli duyuru bandı) */
.dyperde{z-index:150}
.dykart{position:relative;max-width:560px;padding:0;overflow:hidden;background:var(--card)}
.dykart.gorselli{max-width:620px}
.dypopkapat{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.45);z-index:2}
.dypopgorsel img{display:block;width:100%;max-height:360px;object-fit:cover}
.dypopgovde{padding:18px 20px 16px;text-align:center}
.dypopgovde h3{font-family:var(--f-display);font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px;padding:0 36px}
.dypopmetin{font-size:14px;line-height:1.55;color:var(--ink2);margin:0 0 12px}
.dypopalt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.dyanket{margin:6px 0 4px}
.dyanketsoru{font-weight:700;font-size:14px;margin:0 0 8px;display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}
.dyanketnot{font-size:11.5px;color:var(--ink3);font-weight:500}
.dysecenekler{display:grid;grid-template-columns:1fr;gap:8px}
.dysecenekler.gorselli{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.dysecenek{position:relative;display:flex;flex-direction:column;gap:6px;border:2px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:var(--bg);transition:border-color .12s}
.dysecenekler:not(.gorselli) .dysecenek{flex-direction:row;align-items:center}
.dysecenekler:not(.gorselli) .dysecmetin{text-align:left}
.dysecenekler.gorselli .dysecenek{flex-direction:column!important;align-items:stretch!important;padding:8px 8px 10px}
.dysecenekler.gorselli .dysecmetin{text-align:center;padding:0 24px}
.dysecenek:hover{border-color:var(--line2)}
.dysecenek input{position:absolute;opacity:0;pointer-events:none}
.dysecenek:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.dysecgorsel{display:block;width:100%;aspect-ratio:1/1;border-radius:8px;background-size:cover;background-position:center;background-color:var(--card)}
.dysecmetin{font-size:13.5px;font-weight:600;flex:1 1 auto;min-width:0}
.dysectik{width:22px;height:22px;border-radius:99px;border:2px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex:0 0 auto;background:var(--card)}
.dysecenekler.gorselli .dysectik{position:absolute;top:8px;right:8px}
.dysecenek:has(input:checked) .dysectik{background:var(--accent);border-color:var(--accent);color:#fff}
/* yönetim kartı */
.dyyonust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.dyyonliste{display:flex;flex-direction:column;gap:8px}
.dyyonsat{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg);flex-wrap:wrap}
.dyyonsat.pasif{opacity:.6}
.dytip{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--f-ui);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--dy);border-radius:99px;padding:4px 10px;white-space:nowrap}
.dytip.popup{background:var(--ink);color:var(--card)}
.dyyonbilgi{flex:1 1 220px;min-width:0}
.dyyonbilgi b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dyyonbilgi span{font-size:11.5px;color:var(--ink3)}
.dyyonisl{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dyyonisl .btn{padding:5px 10px;font-size:12px;min-height:30px}
.dyemoji{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}
/* .dyemoji: tek "Emoji" düğmesi → ortak #emojiPop (K-42) */
.dyrenkkap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dyrenkkap input[type=color]{width:40px;height:30px;padding:0;border:1px solid var(--line2);border-radius:7px;background:var(--card);cursor:pointer}
.dypalet{display:flex;gap:4px}
.dypalet button{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0}
.dygorselsatir{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dygorselsatir > span{font-size:12px;color:var(--ink3)}
.dycoklu{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;color:var(--ink2)!important;cursor:pointer}
.dycoklu input{width:auto!important;accent-color:var(--accent)}
.dysecliste{display:flex;flex-direction:column;gap:6px}
.dysecsat{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dysecno{width:22px;height:22px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font:700 11px var(--f-mono);display:inline-flex;align-items:center;justify-content:center;color:var(--ink3);flex:0 0 auto}
.dysecmetin-in{flex:1 1 160px;min-width:0}
.dysecsat .btn{padding:5px 10px;font-size:12px;min-height:30px}
.dysonozet{font-size:13px;margin:0 0 10px}
.dysonozet b{font-size:18px;font-family:var(--f-display)}
.dysonsec{margin:0 0 12px}
.dysonbas{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:0 0 4px}
.dysonbas span{color:var(--ink3);font-family:var(--f-mono)}
.dysonbar{height:8px;background:var(--bg);border-radius:99px;overflow:hidden;margin:0 0 6px}
.dysonbar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.dysonkim{display:flex;flex-wrap:wrap;gap:4px}
@media(max-width:768px){
  #duyuruBar{margin:0 0 10px}
  .dybar{padding:10px 12px;align-items:flex-start}
  .dybaric{font-size:13px}
  .dykart{max-width:none;width:100%}
  .dypopgovde{padding:16px 16px 14px}
  .dypopalt .btn{flex:1 1 auto}
  .dysecenekler.gorselli{grid-template-columns:1fr 1fr}
  .dyyonsat{flex-direction:column;align-items:stretch}
}
/* İK Özet panosu — SERBEST ızgara: 12 sütun × 36px satır, kart başlıktan sürüklenir, köşeden boyutlanır (71_ik_ozet, 20 Eyl 2026) */
#ikalan .pkanagrid.ikogrid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:36px;grid-auto-flow:row;gap:12px;align-items:stretch}
#ikalan .ikow{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#ikalan .ikow .ikobas{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;user-select:none;min-width:0}
#ikalan .ikow .ikobas b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ikalan .ikow .ikobas .gmsayac{white-space:nowrap;flex:0 1 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis}
#ikalan .ikow.ikoduz .ikobas{cursor:grab}
#ikalan .ikow.ikoduz .ikobas:active{cursor:grabbing}
#ikalan .ikotut{color:var(--ink3);letter-spacing:-2px;font-size:13px;padding:0 2px}
#ikalan .ikokartarac{margin-left:auto;display:inline-flex;gap:3px;opacity:0;transition:opacity .12s}
#ikalan .ikow:hover .ikokartarac{opacity:1}
#ikalan .ikokartarac .otik{width:22px;height:22px}
#ikalan .ikomob{display:none}
#ikalan .ikosil:hover{color:var(--no);border-color:var(--no)}
#ikalan .ikoicerik{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}
#ikalan .ikoboyut{position:absolute;right:2px;bottom:2px;width:18px;height:18px;cursor:nwse-resize;touch-action:none;z-index:2;
  background:linear-gradient(135deg,transparent 45%,var(--line2) 45%,var(--line2) 55%,transparent 55%,transparent 70%,var(--line2) 70%,var(--line2) 80%,transparent 80%);border-radius:0 0 10px 0;opacity:.7}
#ikalan .ikow:hover .ikoboyut,#ikalan .ikow.ikoboyutlaniyor .ikoboyut{opacity:1;background-image:linear-gradient(135deg,transparent 45%,var(--accent) 45%,var(--accent) 55%,transparent 55%,transparent 70%,var(--accent) 70%,var(--accent) 80%,transparent 80%)}
#ikalan .ikow.ikoboyutlaniyor{outline:2px solid var(--accent);outline-offset:1px}
#ikalan .ikow.ikohedef{outline:2px dashed var(--accent);outline-offset:2px}
#ikalan .ikow.ikotasiniyor{opacity:.4}
#ikalan .ikobar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
#ikalan .ikobarbtn{display:flex;gap:6px;flex-wrap:wrap}
#ikalan .ikokpigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;flex:1 1 auto;align-content:start}
#ikalan .ikokpi{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
#ikalan .ikokpi b{font-family:var(--f-display);font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ikalan .ikokpi span{font-size:11px;color:var(--ink3);font-weight:600}
#ikalan .ikograf{position:relative;flex:1 1 auto;min-height:120px;width:100%}
#ikalan .ikograf canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
#ikoEklePop .ikogrup{margin-bottom:10px}
#ikoEklePop .ikosec{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:9px;padding:8px 11px;margin:0 0 5px;font:500 13px var(--f-ui);color:var(--ink);cursor:pointer}
#ikoEklePop .ikosec:hover{border-color:var(--accent)}
#ikoEklePop .ikosec i{font-style:normal;font-size:11px;color:var(--accent);font-weight:600;white-space:nowrap}
#ikoEklePop .ikosec.var{opacity:.5;cursor:default}
#ikoEklePop .ikosec.var i{color:var(--ink3)}
@media(max-width:768px){
  #ikalan .pkanagrid.ikogrid{grid-template-columns:1fr;grid-auto-rows:36px}
  #ikalan .ikow{grid-column:auto!important}
  #ikalan .ikotut{display:none}
  #ikalan .ikomob{display:inline-flex}
  #ikalan .ikokartarac{opacity:1}
  #ikalan .ikoboyut{width:26px;height:26px}
  #ikalan .ikokpigrid{grid-template-columns:1fr 1fr}
}
/* KARİYER sekmesi + geniş personel kartı (19 Eyl 2026) */
@media(min-width:769px){.cekpanel#pkCek:not([hidden]){width:min(1120px,96vw);max-height:94vh}
  #pkCek .ftcgov .ftkal{grid-template-columns:150px 1fr 150px 1fr;column-gap:18px} #pkCek .ftcgov .ftkal>.pkmaastab{grid-column:1/-1}}   /* .ftcgov ile özgüllük: ortak #pkCek .ftkal kuralı (2 sütun) sonra geliyor */
#pkCek .pkkarkpi{flex-wrap:wrap} #pkCek .pkkarkpi>div{flex:1 1 140px} #pkCek .pkkarkpi>div b{font-size:18px} #pkCek .pkkarkpi>div span{display:block;line-height:1.35;text-transform:none;letter-spacing:0;font-size:11px}
#pkCek .pkkargraf{height:190px;border:1px solid var(--line);border-radius:10px;padding:8px 8px 4px;background:var(--bg)}
#pkCek .pkkargraf .gmbar span{font-size:9.5px;line-height:1.15;text-align:center}
#pkCek .pkkarform{flex-wrap:wrap} #pkCek .pkkarform select{min-width:120px}
#pkCek .pkkarfark{display:inline-block;margin-left:6px;font:600 11px var(--f-mono);padding:1px 6px;border-radius:99px;background:var(--st-ok-bg);color:var(--st-ok)}
#pkCek .pkkarfark.azal{background:var(--st-no-bg);color:var(--st-no)}
#pkCek .pkbelgead{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left}
#pkCek .pkbelgead:hover{text-decoration:underline}
#ikalan .gmkart table.pkizgara{min-width:1420px}   /* .gmkart table{min-width:0} kuralını yener; 16 sütun sığsın */
#ikalan .pkizgara th{position:relative;padding-right:10px}
#ikalan .pkizgara th[data-pkkol="guncel"]{width:96px} #ikalan .pkizgara th[data-pkkol="toplam"]{width:100px} #ikalan .pkizgara th[data-pkkol="ort"]{width:92px}
#ikalan .gmhbar #pkBuAyDoldur,#ikalan .gmhbar .btn.gmmini{white-space:nowrap}
#ikalan .pkizgara th .gmtut{position:absolute;top:0;right:-1px;width:8px;height:100%;cursor:col-resize;z-index:2}
#ikalan .pkizgara th .gmtut::after{content:"";position:absolute;top:25%;bottom:25%;right:3px;width:2px;background:var(--line2);border-radius:2px}
#ikalan .pkizgara th .gmtut:hover::after,#ikalan .pkizgara th .gmtut:active::after{background:var(--accent);width:3px}
#ikalan .pkizgara th:first-child{z-index:3}
#ikalan .pkizgara td.gmguncel{font-weight:500;color:var(--ink2)}
#ikalan .pkizgara td.gmguncel span{display:block;font-size:11.5px}
#ikalan .ikalanbos{text-align:center;padding:56px 24px;max-width:560px;margin:24px auto}
#ikalan .ikalanik{font-size:40px;margin-bottom:10px}
#ikalan .ikalanbos h3{margin:0 0 8px;font:600 18px var(--f-display);color:var(--ink)}
#ikalan .ikalanbos p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.5}
#mobilDigerListe .mdalan{background:var(--accent-soft)}
@media(max-width:900px){.sb-alan{margin:0 8px}}
@media(max-width:768px){.sb-alan{display:none}}
/* ── AP TAKVİM GÖRÜNÜMÜ (16 Eyl 2026) ── */
#aktifproje .aptkbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 12px;background:var(--apbeyaz);border:1px solid var(--apcizgi);border-radius:10px;margin-bottom:10px}
#aktifproje .aptkbar .arb{display:flex;align-items:center;gap:6px;border:none;background:none;border-radius:6px;padding:7px 10px;font-size:13px;color:var(--apink);cursor:pointer;white-space:nowrap;font-family:var(--f-ui)}
#aktifproje .aptkbar .arb:hover{background:var(--aphover)}
#aktifproje .aptkbar .arb.akt{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
#aktifproje .aptknav{display:flex;align-items:center;gap:4px}
#aktifproje .aptknav .arb[data-aptk="onceki"],#aktifproje .aptknav .arb[data-aptk="sonraki"]{font-size:18px;line-height:1;padding:4px 10px}
#aktifproje .aptknav h3{margin:0 0 0 10px;font:600 15px var(--f-display);color:var(--apink);text-transform:capitalize}
#aktifproje .aptkmod{display:inline-flex;border:1px solid var(--apcizgi);border-radius:8px;overflow:hidden}
#aktifproje .aptkmod .arb{border-radius:0;padding:6px 10px}
#aktifproje .aptksec input{font:500 12.5px var(--f-ui);padding:5px 8px;border:1px solid var(--apcizgi);border-radius:6px;background:var(--apbeyaz);color:var(--apink)}
#aktifproje .aptkopt{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:12.5px;color:var(--apmuted)}
#aktifproje .aptkopt select{font:500 12.5px var(--f-ui);padding:4px 6px;border:1px solid var(--apcizgi);border-radius:6px;background:var(--apbeyaz);color:var(--apink)}
#aktifproje .aptkozet{font-weight:600;color:var(--apink)}
#aktifproje .aptkgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--apcizgi);border:1px solid var(--apcizgi);border-radius:10px;overflow:hidden}
#aktifproje .aptkgb{background:var(--apsoft);color:var(--apmuted);font:600 11px var(--f-ui);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px}
#aktifproje .aptkg{background:var(--apbeyaz);min-height:118px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0}
#aktifproje .aptkgrid.hafta .aptkg{min-height:360px}
#aktifproje .aptkg.dis{background:color-mix(in srgb,var(--apbeyaz) 70%,var(--apsoft))}
#aktifproje .aptkg.dis .aptkgn span{color:var(--apmuted);opacity:.6}
#aktifproje .aptkgn{display:flex;align-items:center;gap:6px;font:600 12px var(--f-ui);color:var(--apink)}
#aktifproje .aptkgn em{font-style:normal;color:var(--apmuted);font-weight:500}
#aktifproje .aptkgn b{margin-left:auto;background:var(--apsoft);color:var(--apmuted);border-radius:99px;padding:0 7px;font-size:10.5px;font-weight:600}
#aktifproje .aptkg.bugun .aptkgn span{background:var(--accent,#C4452C);color:#fff;border-radius:99px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
#aktifproje .aptkl{display:flex;flex-direction:column;gap:3px;overflow:auto;max-height:260px}
#aktifproje .aptkgrid.hafta .aptkl{max-height:none}
#aktifproje .aptkc{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:none;border-left:3px solid var(--pr);background:color-mix(in srgb,var(--pr) 12%,var(--apbeyaz));color:var(--apink);border-radius:5px;padding:3px 6px;font:500 12px var(--f-ui);cursor:pointer;min-width:0}
#aktifproje .aptkc:hover{background:color-mix(in srgb,var(--pr) 24%,var(--apbeyaz))}
#aktifproje .aptkc i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
#aktifproje .aptkc b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktifproje .aptkc small{color:var(--apmuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-left:auto;max-width:45%}
#aktifproje .aptkajanda{display:flex;flex-direction:column;gap:10px}
#aktifproje .aptkgun{background:var(--apbeyaz);border:1px solid var(--apcizgi);border-radius:10px;padding:10px 12px}
#aktifproje .aptkgun.bugun{border-color:var(--accent,#C4452C)}
#aktifproje .aptkgunb{font:600 13px var(--f-ui);color:var(--apink);margin-bottom:8px;text-transform:capitalize}
#aktifproje .aptkgunb span{color:var(--apmuted);font-weight:500;margin-left:8px}
#aktifproje .aptkpg{margin-bottom:8px}
#aktifproje .aptkpgb{font:600 12px var(--f-ui);margin-bottom:4px}
#aktifproje .aptkgun .aptkl{max-height:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#aktifproje .aptkbos{padding:40px;text-align:center;color:var(--apmuted);background:var(--apbeyaz);border:1px dashed var(--apcizgi);border-radius:10px}
@media(max-width:768px){#aktifproje .aptkgrid{min-width:840px} #aktifproje #apGovde:has(.aptkgrid){overflow-x:auto} #aktifproje .aptkopt{margin-left:0}}
#aktifproje .apmgrup{margin:6px 0 18px}
#aktifproje .apmbas{display:flex;align-items:center;gap:10px;margin:0 0 10px}
#aktifproje .apmbas h2{margin:0;font-size:15px;font-weight:800}
#aktifproje .apmbas .adet{font-size:12px;color:var(--ink3)}
#aktifproje .apmbas{cursor:pointer;user-select:none;border-radius:8px;padding:4px 6px;margin-left:-6px}
#aktifproje .apmbas:hover{background:var(--aphover)}
#aktifproje .apmok{border:none;background:none;color:var(--apink2);font-size:13px;width:18px;cursor:pointer;padding:0;line-height:1}
#aktifproje .apmozet{font-size:12px;color:var(--apink2);margin-left:4px;padding:2px 8px;border:1px solid var(--apcizgi);border-radius:99px;background:var(--apbeyaz)}
#aktifproje .apmgrup.kapali{margin-bottom:8px}
#aktifproje .apkartlar[hidden]{display:none}
#aktifproje .apmsek{font-size:11px;background:var(--apsoft);color:var(--apink2);border-radius:99px;padding:2px 9px}
#aktifproje .apkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
#aktifproje .apkart{position:relative;background:var(--apbeyaz);border:1px solid var(--apcizgi);border-radius:10px;padding:12px 14px 12px 20px;overflow:hidden;display:flex;flex-direction:column;gap:8px}
#aktifproje .apkart .kbar{position:absolute;left:0;top:0;bottom:0;width:6px}
#aktifproje .apkust{display:flex;align-items:center;gap:6px}
#aktifproje .apkust h3{margin:0;flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktifproje .apkinf{display:flex;flex-wrap:wrap;gap:4px}
#aktifproje .apkinf span{font-size:11.5px;background:var(--apsoft);border-radius:99px;padding:2px 8px;color:var(--apink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#aktifproje .apkinf .fazla{background:transparent;color:var(--ink3)}
#aktifproje .apkinf .bos{background:transparent;color:var(--ink3);font-style:italic}
#aktifproje .apkdag b{display:block;font-size:10.5px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
#aktifproje .apkalt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-top:auto;padding-top:6px;border-top:1px solid var(--apcizgi)}
#aktifproje .apkalt span{display:inline-flex;align-items:center;gap:4px}
#aktifproje .apkac{margin-left:auto;border:0;background:none;color:var(--apmavi,#0073ea);font-weight:600;cursor:pointer;font-size:12px;padding:2px 0}
/* INFLUENCER RAPOR HAZIRLIK */
#infrapor .minitable th{white-space:nowrap;cursor:pointer;user-select:none}
#infrapor .minitable td{white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}
/* #infrapor td.irdurum span kuralı 23 Eyl 2026'da kaldırıldı — durum hücresi ortak .ttpil (tam hücre, köşe yok) */
/* bağlantı hücreleri: ↗ simgeleri kalktı, hücrenin tamamı tıklanır (01_cekirdek baglantiHucreleri) */
.hlink,.aplink,#infrapor .irlink a{display:none!important}
/* K-30 (27 Eyl 2026): bağlantı hücresi tıkla → düzenle (imleç metin); açma yüzen #ttAcBtn ↗ ile (01 baglantiHucreleri) */
td:has(> .hlinkw) input,td.aplinkli input,#infrapor td.irlink input{cursor:text}
/* boş tarih kutusu: gg.aa.yyyy yer tutucusu gizli (01_cekirdek .dolu sınıfını yönetir); odaklanınca görünür */
input[type="date"]:not(.dolu):not(:focus)::-webkit-datetime-edit{color:var(--ink3);opacity:.75}
input[type="date"]{cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}
input[type="date"]:hover::-webkit-calendar-picker-indicator{opacity:1}
#infrapor .gorseg{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:2px;background:var(--bg)}
#infrapor .gorseg button{border:0;background:transparent;padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;font-family:inherit}
#infrapor .gorseg button.akt{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
#irGrafik{display:flex;flex-direction:column;gap:12px}
#irGrafik[hidden]{display:none}
#irGrafik .irgayar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 14px}
#irGrafik .irgayar label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
#irGrafik .irgayar label[hidden]{display:none}
#irGrafik .irgayar select{height:34px;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500}
#irGrafik .irgbaslik{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
#irGrafik .irgbaslik b{font-family:var(--f-display);font-size:15px;font-weight:800}
#irGrafik .irgcanvas{position:relative;height:min(58vh,520px)}
#irGrafik .irgtablo{margin-top:12px;overflow:auto}
#irGrafik .irgtablo table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:0}
#irGrafik .irgtablo th{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
#irGrafik .irgtablo td{padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
#irGrafik .irgtablo td.sag,#irGrafik .irgtablo th.sag{text-align:right;font-variant-numeric:tabular-nums}
#irGrafik .irgtablo .renk{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
#infrapor .otfiltre .btn.akt{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.ircips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 10px}
.ircips[hidden]{display:none}
.ircip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:3px 6px 3px 10px;font-size:12px;font-weight:600}
.ircip b{font-weight:800}
.ircip button{border:0;background:rgba(0,0,0,.06);color:inherit;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:11px;display:grid;place-items:center}
.ircips .irtemizle{border:0;background:none;color:var(--ink3);font-size:12px;cursor:pointer;text-decoration:underline}
/* ── IR tablo (v293'te panel CSS'i yazılırken yanlışlıkla silinmişti, v298'de geri) ── */
#infrapor #irTablo{table-layout:fixed;width:max-content;min-width:100%}
#infrapor #irTablo th{position:relative;padding-right:22px;white-space:nowrap;cursor:grab}
#infrapor #irTablo th .irthad{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
#infrapor #irTablo th .thtut{right:-3px;z-index:3}
#infrapor #irTablo th.hedefkol{box-shadow:inset 3px 0 0 var(--accent)}
#infrapor #irTablo td{overflow:hidden;text-overflow:ellipsis}
#infrapor #irTablo th .irthf{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--ink3);cursor:pointer;font-size:11px;padding:2px 3px;border-radius:4px;opacity:.55;font-family:inherit}
#infrapor #irTablo th:hover .irthf,#infrapor #irTablo th .irthf.akt{opacity:1}
#infrapor #irTablo th .irthf.akt{color:var(--accent);background:var(--accent-soft)}
#infrapor td.irac{position:relative;padding-right:28px}
#infrapor td.irac .iracbtn{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:var(--accent-soft);color:var(--accent);width:22px;height:22px;border-radius:6px;cursor:pointer;display:grid;place-items:center;padding:0}
#infrapor td.irac .iracbtn svg{width:12px;height:12px}
#infrapor .irmsj{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:3px 9px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px;color:var(--ink2);font-family:inherit}
#infrapor .irmsj svg{width:13px;height:13px}
#infrapor .irmsj b{font-size:11px;color:var(--accent)}
#infrapor .irmsj:hover{border-color:var(--accent)}
#dcTablo{table-layout:fixed;width:max-content;min-width:100%}
#dcTablo th{position:relative;white-space:nowrap;cursor:grab}
#dcTablo th.hedefkol{box-shadow:inset 3px 0 0 var(--accent)}
#dcTablo td{overflow:hidden;text-overflow:ellipsis}
#aktifproje .apktam{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink2)}
#aktifproje .apktam .apktamsay b{font-size:14px;color:var(--ink)}
#aktifproje .apktam .apktamyz{font-size:11.5px}
#aktifproje .apktam .apktamyz i{font-style:normal;font-weight:600}
#apTip{position:fixed;z-index:400;background:#1B1A19;color:#fff;font-size:12px;font-weight:600;padding:5px 9px;border-radius:6px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.2);white-space:nowrap}
#apTip[hidden]{display:none}
.fpanel{position:fixed;z-index:130;top:0;right:0;bottom:0;width:min(400px,94vw);background:var(--card);border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(0,0,0,.12);padding:12px 14px;display:flex;flex-direction:column;gap:10px;animation:cekGir .18s ease-out}
.fpanel[hidden]{display:none}
.fpanel .irfust{display:flex;align-items:center;gap:8px}
.fpanel .irfust b{font-family:var(--f-display);font-size:16px;font-weight:800}
.fpanel .irfust .note{flex:1;font-size:11.5px}
.fpanel .irfust .btn{min-height:28px;padding:3px 10px;font-size:12px}
/* .fpanel .irfkapat → ortak .kapatbtn (K-40) */
.fpanel>input{height:32px;font-size:12.5px}
.fpanel .irfliste{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;overscroll-behavior:contain}
.fpanel .irfblok{border:1px solid var(--line);border-radius:10px;background:var(--card)}
.fpanel .irfblok.akt{border-color:var(--accent)}
.fpanel .irfbas{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:8px 10px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;text-align:left;min-width:0}
.fpanel .irfbas .ok{color:var(--ink3);font-size:11px;flex:0 0 auto}
.fpanel .irfbas .ad{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fpanel .irfbas .ozet{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:11.5px;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 8px}
.fpanel .irfbas .sil{flex:0 0 auto;color:var(--ink3);font-size:11px;padding:2px 4px;border-radius:4px}
.fpanel .irfbas .sil:hover{color:var(--accent);background:var(--accent-soft)}
.fpanel .irfgov{padding:0 10px 10px;display:flex;flex-direction:column;gap:7px}
.fpanel .irfmod,.fpanel .irfhazir{display:flex;flex-wrap:wrap;gap:4px}
.fpanel .irfmod button,.fpanel .irfhazir button{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:600;cursor:pointer;color:var(--ink2);font-family:inherit}
.fpanel .irfmod button.akt,.fpanel .irfhazir button.akt{background:var(--accent);color:#fff;border-color:transparent}
.fpanel .irfmetin,.fpanel .irfdegara input{height:30px;font-size:12.5px;width:100%}
.fpanel .irfdegara{display:flex;gap:4px;align-items:center}
.fpanel .irfdegara button{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:0 8px;height:30px;font-size:11px;cursor:pointer;flex:0 0 auto;font-family:inherit}
.fpanel .irfaralik{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--ink3)}
.fpanel .irfaralik input{flex:1;min-width:0;height:30px;font-size:12px}
.fpanel .irfliste2{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:4px;overscroll-behavior:contain}
.fpanel .irfliste2 label{display:flex;gap:8px;align-items:center;padding:4px 8px;font-size:12.5px;cursor:pointer;border-radius:6px;font-weight:500;text-transform:none}
.fpanel .irfliste2 label:hover{background:var(--bg)}
.fpanel .irfliste2 input{width:auto;accent-color:var(--accent);flex:0 0 auto}
.fpanel .irfliste2 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fpanel .irfliste2 small{margin-left:auto;color:var(--ink3)}
/* ── AP paketi (14 Eyl 2026, v300): başlık filtre düğmesi · görünüm/taşı popover'ları · @bahsetme · geçmiş · fatura köprüsü ── */
#aktifproje th .apthf{border:0;background:none;color:var(--apmuted);cursor:pointer;padding:0 2px;vertical-align:middle;line-height:1;margin-left:2px;opacity:.55}
#aktifproje th:hover .apthf,#aktifproje th .apthf.akt{opacity:1}
#aktifproje th .apthf.akt{color:var(--apmavi)}
#apFiltreBtn.akt,#apGorunumBtn.akt{background:var(--apsoft);color:var(--apmavi);border-color:var(--apsoftline)}
#aktifproje #apFiltreCips{margin:0 0 8px}
#apGorunumPop,#apTasiPop{position:fixed;background:var(--apbeyaz);color:var(--apink);border-radius:8px;box-shadow:0 5px 30px rgba(0,0,0,.3);padding:10px;z-index:95;width:280px;max-height:380px;overflow:auto;font-size:13px}
#apGorunumPop .apbas,#apTasiPop .apbas{display:block;margin-bottom:8px;font-weight:600}
#apGorunumPop .apgrow{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--apcizgi2)}
#apGorunumPop .apgrow>button:first-child{flex:1;text-align:left;border:0;background:none;font:500 13px var(--f-ui);color:var(--apink);padding:7px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apGorunumPop .apgrow>button:first-child:hover{color:var(--apmavi)}
#apGorunumPop .apgrow small{color:var(--apmuted);white-space:nowrap}
#apGorunumPop .apgrow .x{border:0;background:none;color:var(--apmuted);cursor:pointer}
#apGorunumPop .apgrow .x:hover{color:#e2445c}
#apGorunumPop .apgalt{display:flex;gap:6px;margin-top:8px}
#apGorunumPop .apgalt .btn{flex:1;min-height:30px;font-size:12px;padding:4px 8px}
#apTasiPop input{width:100%;border:1px solid var(--apcizgi);border-radius:6px;padding:7px 10px;font:400 13px var(--f-ui);margin-bottom:8px;background:var(--apbeyaz);color:var(--apink)}
#apTasiPop #apTasiListe{max-height:260px;overflow:auto}
#apTasiPop #apTasiListe button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;font:400 13px var(--f-ui);color:var(--apink);padding:6px 8px;border-radius:4px;cursor:pointer;text-align:left}
#apTasiPop #apTasiListe button:hover{background:var(--aphover)}
#apTasiPop #apTasiListe button i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
#apKart .apkonyaz{position:relative}
.apbahs{position:fixed;z-index:450;background:var(--apbeyaz);color:var(--apink);border-radius:8px;box-shadow:0 5px 30px rgba(0,0,0,.3);padding:6px;width:250px;max-height:240px;overflow:auto;font-size:13px}
.apbahs[hidden]{display:none}
.apbahs button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;font:400 13px var(--f-ui);color:var(--apink);padding:6px 8px;border-radius:4px;cursor:pointer;text-align:left}
.apbahs button:hover,.apbahs button:first-child{background:var(--apsoft)}
#apKart .apkfat{margin-top:12px;font-size:12.5px}
#apKart .apkfat>b{display:block;margin-bottom:4px}
#apKart .apkfrow{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--apcizgi2)}
#apKart .apkfrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#apKart .apkfrow small{border-radius:99px;padding:1px 8px;font-weight:600;background:#fff3d6;color:var(--st-warn)}
#apKart .apkfrow small.d-tamam{background:var(--st-ok-bg);color:var(--st-ok)}
#apKart .apkfrow small.d-iptal{background:var(--st-no-bg);color:var(--st-no)}
#apKart .apkfrow button{border:0;background:none;color:var(--apmavi);cursor:pointer;font:500 12px var(--f-ui)}
#apKart .apgecmis{display:flex;flex-direction:column;gap:10px;padding:4px 0}
#apKart .apgrow2{display:flex;gap:10px;align-items:flex-start}
#apKart .apgmet{flex:1;min-width:0}
#apKart .apgbas2{display:flex;gap:8px;align-items:baseline;margin-bottom:3px}
#apKart .apgbas2 small{color:var(--apmuted)}
    /* Monday'den taşınan geçmiş satırı (22 Eyl 2026) — kendi kayıtlarımızdan ayırt edilsin */
    /* Onaylı Teklifler → Tamamlanma sütunu (23 Eyl 2026): Aktif Projeler'deki ilerleme çubuğunun eşi */
    /* Bildirimden gelen yorum vurgusu (23 Eyl 2026) */
    #apKart .gunc.gvurgu, #apKart .gyanit.gvurgu{animation:gvurgu 2.2s ease-out}
    @keyframes gvurgu{0%{background:var(--st-warn-bg,#fff3d6);box-shadow:0 0 0 3px var(--st-warn-line,#f0c674)}70%{background:var(--st-warn-bg,#fff3d6)}100%{background:transparent;box-shadow:none}}
    /* CRM çekmecelerinde tıklanabilir bağlantı satırı (23 Eyl 2026) */
    .cekpanel .cekrow.cektik{cursor:pointer;border-radius:8px;padding-right:4px}
    .cekpanel .cekrow.cektik:hover{background:var(--bg))}
    .cekpanel .cekrow.cektik .cekok{margin-left:auto;color:var(--ink3);font-size:15px;line-height:1}
    #onayliteklif .otilerleme{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:96px;height:16px;border-radius:99px;background:var(--line);overflow:hidden;padding:0 8px}
    #onayliteklif .otilerleme i{position:absolute;left:0;top:0;bottom:0;background:var(--st-ok-bg,#d7f2e3);border-right:1px solid var(--st-ok-line,#9fd9bb)}
    #onayliteklif .otilerleme b{position:relative;font:600 11px var(--f-ui);color:var(--ink2)}
    #apKart .apgmdet{font-size:10px;letter-spacing:.02em;color:var(--ink3);border:1px solid var(--line);border-radius:999px;padding:0 6px;line-height:15px}
    #apKart .apgrow2.apgmd .apgmet{opacity:.92}
#apKart .apgfark{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12.5px;padding:2px 0}
#apKart .apgfark b{color:var(--apink2);font-weight:600;min-width:90px}
#apKart .apgfark s{color:var(--apmuted)}
#apKart .apgfark em{font-style:normal;font-weight:600;color:var(--apink)}
#apKart .apgeki{font-size:12.5px;color:var(--st-ok);font-weight:600}
#aktifproje .ekleSat td.adx{white-space:nowrap}
#aktifproje .ekleSat td.adx button{width:auto}
#aktifproje .ekleSat [data-aptopluekle]{margin-left:6px;opacity:.7}
#aktifproje .ekleSat [data-aptopluekle]:hover{opacity:1}
/* ── hatırlatıcı (35_hatirlatici) ── */
.hello .hatbell{margin-left:8px;border:1px solid var(--line);background:var(--card);border-radius:99px;width:32px;height:32px;display:inline-grid;place-items:center;cursor:pointer;position:relative;color:var(--ink2);flex:0 0 auto}
.hello .hatbell[hidden]{display:none}
.hello .hatbell i{position:absolute;top:-5px;right:-6px;font-style:normal;font-size:10px;font-weight:800;background:var(--ink2);color:#fff;border-radius:99px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--card)}
.hello .hatbell i.gec{background:var(--accent)}
/* 🔔 bildirim zili (37_bildirim, 15 Eyl 2026) */
.hello .bilbell.dolu{color:var(--accent);border-color:var(--accent)}
#bilPop{position:fixed;z-index:190;width:380px;max-width:calc(100vw - 16px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:10px;display:flex;flex-direction:column;gap:7px}
#bilPop[hidden]{display:none}
#bilPop .bilbas{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:800}
#bilPop .bilbas .lnk{background:none;border:0;padding:0;font:inherit;font-size:11.5px;font-weight:600;color:var(--color-link);cursor:pointer}
#bilPop .billiste{max-height:min(420px,70vh);overflow:auto;display:flex;flex-direction:column;gap:4px}
#bilPop .bilrow{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;cursor:pointer}
#bilPop .bilrow:hover{background:var(--bg)}
/* bildirim sekmeleri (21 Eyl 2026): Okunmamış · Okunmuş · Tümü */
#bilPop .bilsek{display:flex;gap:4px;margin:2px 0 6px}
#bilPop .bilsek button{flex:1 1 0;border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:8px;padding:5px 6px;font:600 12px var(--f-ui);cursor:pointer}
#bilPop .bilsek button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#bilPop .bilrow.okundu{opacity:.72} #bilPop .bilrow.okundu .bilm b{font-weight:500}
#bilPop .bilokdamga{color:var(--st-ok2,#1D7A44);font-size:12px;flex:0 0 auto;padding:0 4px}
#bilPop .biltur{flex:0 0 24px;height:24px;border-radius:99px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--accent-soft);color:var(--accent)}
#bilPop .biltur.bahsetme{background:var(--st-info-bg);color:var(--st-info)}
#bilPop .biltur.yanit{background:var(--st-ok-bg);color:#2F9E63}
#bilPop .biltur.sistem{background:var(--st-no-bg);color:var(--st-no)}
#bilPop .bilm{flex:1;min-width:0}
#bilPop .bilm b{display:block;font-weight:600;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#bilPop .bilm small{color:var(--ink3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bilPop .bilrow button{border:0;background:var(--bg);width:24px;height:24px;border-radius:6px;cursor:pointer;flex:0 0 auto}
#bilPop .bilbos{font-size:12px;color:var(--ink3);padding:8px}
#hatPop{position:fixed;z-index:190;width:340px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:10px;display:flex;flex-direction:column;gap:7px}
#hatPop[hidden]{display:none}
#hatPop .hatbas{font-size:13px;font-weight:800}
#hatPop input{height:32px;font-size:12.5px;width:100%}
#hatPop .hatalt{display:flex;gap:6px;justify-content:flex-end}
#hatPop .hatalt .btn{min-height:30px;font-size:12px;padding:4px 12px}
#hatPop .hatliste{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:4px}
#hatPop .hatliste.hatmini{max-height:150px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
#hatPop .hatrow{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:12.5px}
#hatPop .hatrow.gec{border-color:var(--accent);background:var(--accent-soft)}
#hatPop .hatrow .hatm{flex:1;min-width:0}
#hatPop .hatrow .hatm b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hatPop .hatrow .hatm small{color:var(--ink3)}
#hatPop .hatrow .hatm u{cursor:pointer;color:var(--accent)}
#hatPop .hatrow button{border:0;background:var(--bg);width:24px;height:24px;border-radius:6px;cursor:pointer;flex:0 0 auto}
#hatPop .hatbos{font-size:12px;color:var(--ink3);padding:8px}
td .hatbtn{position:absolute;right:2px;top:50%;transform:translateY(-50%);border:0;background:var(--accent-soft);color:var(--accent);width:20px;height:20px;border-radius:5px;cursor:pointer;font-size:11px;line-height:1;padding:0;opacity:0;transition:opacity .12s;z-index:2}
td:hover .hatbtn{opacity:1}
/* ── sütun adı / kişi görünümü popover'ı (kolonEtkilesimKur çift tık) ── */
#kolAyarPop{position:fixed;z-index:190;width:280px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:10px;display:flex;flex-direction:column;gap:7px}
#kolAyarPop[hidden]{display:none}
#kolAyarPop label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
#kolAyarPop input,#kolAyarPop select{height:32px;font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:500;width:100%}
#kolAyarPop .hatalt{display:flex;gap:6px;justify-content:flex-end}
#kolAyarPop .hatalt .btn{min-height:30px;font-size:12px;padding:4px 12px}
/* ── ÇEKMECELER ARTIK ORTA POP-UP (kullanıcı, 14 Eyl 2026: "sağdan sayfa açmasın, pop-up açsın — tüm sistemde") ── */
.cekpanel:not([hidden]){top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(780px,94vw);max-height:90vh;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:0 0 0 100vmax rgba(27,26,25,.42),0 24px 60px rgba(0,0,0,.28);animation:popGir .16s ease-out}
@keyframes popGir{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
#apKart:not([hidden]){top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(1180px,96vw);max-height:94vh;height:min(94vh,900px);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28);animation:popGir .16s ease-out}
/* kişi hücresi görünümü: logo · ad · ikisi */
.kisiad{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.kisiiki{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.kisiiki .otav{flex:0 0 auto}
#infrapor .minitable td{overflow:visible}
#infrapor input.ired,#infrapor select.ired{min-height:28px;height:28px;padding:0 8px;font-size:12.5px;border:1px solid transparent;background:transparent;border-radius:6px;width:100%;min-width:90px;box-shadow:none}
#infrapor input.ired:hover,#infrapor select.ired:hover{border-color:var(--line)}
#infrapor input.ired:focus,#infrapor select.ired:focus{border-color:var(--accent);background:var(--card);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}
#infrapor input.ired.sag{text-align:right}
#infrapor input.ired[readonly]{color:var(--ink3);cursor:default}
#infrapor select.irdursec{color:#fff;font-weight:700;border-radius:99px;min-width:150px;padding:0 10px}
#infrapor td.irlink{position:relative}#infrapor td.irlink a{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-weight:700}
#infrapor td.irlink input{padding-right:22px}
:is(#aktifproje,#apKart) .apsecbox{width:14px;height:14px;accent-color:var(--apmavi);margin:0 6px 0 0;flex:0 0 auto;cursor:pointer;vertical-align:middle}
#aktifproje .apgbas .apgdag{margin-left:8px;display:inline-flex;align-items:center}
#aktifproje .apgbas .apgdag .dag{height:12px;margin:0}
#aktifproje .apgbas .apgdagek{margin-left:12px;gap:5px}
#aktifproje .apgbas .apgdagek b{font:600 11px var(--f-ui);color:var(--ink3);letter-spacing:.02em}
#apSecBar #apSecGirdi input,#apSecBar #apSecGirdi select{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:9px;font-size:12.5px;padding:6px 8px;min-width:160px;height:auto}
#apSecBar #apSecGirdi input::placeholder{color:rgba(255,255,255,.6)}
#apSecBar #apSecGirdi select option{color:var(--ink)}
#apSecBar #apSecGirdi:empty{display:none}
#aktifproje .apkgrup{display:flex;align-items:center;border:1px solid var(--apcizgi);border-radius:6px;height:54px;background:var(--apbeyaz);cursor:pointer;overflow:hidden}
#aktifproje .apkgrup .kbar{width:6px;height:54px;flex:0 0 auto}
#aktifproje .apkgrup .kbilgi{padding:0 14px;display:flex;align-items:center;gap:10px;flex:1;min-width:0}
#aktifproje .apkgrup h2{margin:0;font:500 15px var(--f-ui);color:var(--apink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktifproje .apkgrup .adet{color:var(--apink2);font-size:12px;flex:0 0 auto}
#aktifproje .apkgrup .kozet{display:flex;gap:22px;padding-right:16px;flex:0 0 auto}
#aktifproje .apkgrup .kel{text-align:center}
#aktifproje .apkgrup .kel b{display:block;font:400 11px var(--f-ui);color:var(--apink2);margin-bottom:3px;white-space:nowrap}
/* ── body düzeyi popover'lar (açık sabit) ── */
#apDmenu,#apKmenu,#apBagPop,#apDosyaPop,#apHatPop,#apMenu{position:fixed;background:var(--apbeyaz);color:var(--apink);border-radius:8px;box-shadow:0 5px 30px rgba(0,0,0,.3);padding:10px;z-index:95;width:240px;max-height:340px;overflow:auto;font-size:13px}
#apDmenu .dg{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:260px;overflow:auto}
#apDmenu .dg button{border:none;border-radius:4px;color:#fff;font:400 12px var(--f-ui);padding:8px 5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apDmenu .dalt{border-top:1px solid var(--apcizgi2);margin-top:8px;padding-top:6px;display:flex;justify-content:center;gap:12px}
#apDmenu .dalt button{border:none;background:none;color:var(--apink2);font:400 12px var(--f-ui);cursor:pointer}
#apDmenu .dalt button:hover{color:var(--apmavi)}
#apKmenu button,#apBagPop #apBagListe button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;font:400 13px var(--f-ui);color:var(--apink);padding:6px 8px;border-radius:4px;cursor:pointer;text-align:left}
#apKmenu button:hover,#apBagPop #apBagListe button:hover{background:var(--aphover)}
#apKmenu button.akt{background:var(--apsoft)}
#apBagPop input{width:100%;border:1px solid var(--apcizgi);border-radius:6px;padding:7px 10px;font:400 13px var(--f-ui);margin-bottom:8px;background:var(--apbeyaz);color:var(--apink)}
#apBagPop #apBagListe{max-height:240px;overflow:auto}
#apDosyaPop .apdrow{display:flex;align-items:center;gap:6px;padding:5px 4px;border-bottom:1px solid var(--apcizgi2)}
#apDosyaPop .apdrow span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apDosyaPop .apdrow small{color:var(--apink2)}
#apDosyaPop .apdrow button{border:none;background:none;cursor:pointer;color:var(--apink2)}
#apDosyaPop .apdrow button:hover{color:var(--apmavi)}
#apDosyaPop .apdekle{width:100%;border:none;background:none;color:var(--apmavi);font:500 13px var(--f-ui);cursor:pointer;padding:8px 4px;text-align:left}
.apdbos{color:var(--apmuted);padding:10px 4px;text-align:center;font-size:12.5px}
#apHatPop{width:300px}
#apHatPop .apbas{display:block;margin-bottom:8px;font-weight:600}
#apHatPop .aphrow{display:flex;align-items:center;gap:6px;padding:6px 4px;border-bottom:1px solid var(--apcizgi2)}
#apHatPop .aphrow>div{flex:1;min-width:0}
#apHatPop .aphrow b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apHatPop .aphrow small{color:var(--apink2)}
#apHatPop .aphrow.gec small{color:#e2445c;font-weight:600}
#apHatPop .aphrow button{border:none;background:none;cursor:pointer;color:var(--apink2)}
#apHatPop .aphrow button:hover{color:var(--apmavi)}
#apHatPop .aphyeni{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#apHatPop .aphyeni input{border:1px solid var(--apcizgi);border-radius:6px;padding:7px 9px;font:400 12.5px var(--f-ui);background:var(--apbeyaz);color:var(--apink)}
#apMenu button{display:block;width:100%;border:none;background:none;font:400 13px var(--f-ui);color:var(--apink);padding:7px 8px;border-radius:4px;cursor:pointer;text-align:left}
#apMenu button:hover{background:var(--aphover)}
#apMenu .apmayrac{border:0;border-top:1px solid var(--apcizgi);margin:6px 0}
#apMenu button.tehlike{color:#e2445c}
#apMenu .aprenkler{display:flex;flex-wrap:wrap;gap:6px;padding:8px}
#apMenu .aprenkler i{width:20px;height:20px;border-radius:5px;cursor:pointer;border:2px solid transparent}
#apMenu .aprenkler i.akt{border-color:var(--apink)}
/* Tamamlananlar → proje pop-up (3 Eki 2026): öğe kartı (85) ve menüler (95/165) üstünde açılır */
.aptampop{position:fixed;inset:0;z-index:79;background:rgba(41,47,76,.35);display:flex;align-items:center;justify-content:center;padding:3vh 2vw}
.aptpkutu{background:var(--apbeyaz);color:var(--apink);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:min(1500px,100%);max-height:94vh;display:flex;flex-direction:column;overflow:hidden}
.aptpbas{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.aptpbas h3{margin:0;font:600 17px var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.aptpbas small{color:var(--apmuted);white-space:nowrap}
.aptprenk{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.aptpgov{overflow:auto;padding:8px 12px 14px;min-height:0}
.aptpgov .apgrup{margin:0}
@media (max-width:768px){.aptampop{padding:0}.aptpkutu{max-height:100dvh;height:100dvh;border-radius:0}}
/* öğe kartı (sağ çekmece) */
#apPerde{position:fixed;inset:0;background:rgba(41,47,76,.3);z-index:80}
#apKart{position:fixed;top:0;right:0;bottom:0;width:min(560px,95vw);background:var(--apbeyaz);color:var(--apink);box-shadow:-8px 0 40px rgba(0,0,0,.2);z-index:85;display:flex;flex-direction:column}
#apKart[hidden],#apPerde[hidden]{display:none}   /* display:flex hidden'ı ezmesin (dryperde dersi) */
#apKart .kust{padding:16px 22px 0;position:relative}
#apKart h3{margin:0;font:600 18px var(--f-ui);padding-right:40px;color:var(--apink)}
#apKart .kgr{font-size:12.5px;margin-top:2px}
#apKart .kpt{position:absolute;top:12px;right:14px}   /* görünüm: ortak .kapatbtn (K-40) */
#apKart .ksek{display:flex;gap:2px;border-bottom:1px solid var(--apcizgi2);padding:8px 22px 0}
#apKart .ksek button{border:none;background:none;font:500 13px var(--f-ui);color:var(--apink2);padding:8px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
#apKart .ksek button.akt{color:var(--apink);border-bottom-color:var(--apmavi)}
#apKart .kgov{flex:1;overflow:auto;padding:16px 22px;display:flex;flex-direction:column}
/* Bilgiler sekmesi — DÜZENLENEBİLİR hücreler (19 Eyl 2026): tablo hücreleriyle aynı markup/CSS (:is(#aktifproje,#apKart)), tek sütun */
#apKart .apkbilgi{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;min-width:0}
#apKart .apkbilgi th{width:176px;text-align:left;font-weight:400;color:var(--apink2);padding:4px 8px 4px 0;vertical-align:middle;border-bottom:1px solid var(--apcizgi2);white-space:normal}
#apKart .apkbilgi th .apzor{color:#e2445c;font-weight:700;font-style:normal}
#apKart .apkbilgi td{width:auto!important;min-width:0!important;max-width:none!important;height:38px;border-bottom:1px solid var(--apcizgi2);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--apink)}
#apKart .apkbilgi td,#apKart .apkbilgi td.hc,#apKart .apkbilgi td.hc.sag,#apKart .apkbilgi th{text-align:left!important}   /* main table :where(th,td){center!important} kuralını ezer */
#apKart .apkbilgi td.hc{padding:0 6px}
#apKart .apkbilgi .aped,#apKart .apkbilgi input{text-align:left!important;padding:0 6px;border-radius:6px} #apKart .apkbilgi .aped:hover{background:var(--aphover)}
#apKart .apkbilgi .durx button{max-width:260px;border-radius:6px;height:32px;text-align:left;padding:0 12px}
#apKart .apkbilgi .bagli{justify-content:flex-start;padding:0 6px} #apKart .apkbilgi .apkisi{padding:0 6px}
#apKart .apkbilgi td:hover{background:var(--aphover)}
@media(max-width:768px){
  #apKart .apkbilgi tr{display:block;padding:8px 0;border-bottom:1px solid var(--apcizgi2)}
  #apKart .apkbilgi th{display:block;width:auto;border:0;padding:0 6px 2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
  #apKart .apkbilgi td{display:block;width:100%!important;border:0;height:auto;min-height:44px;white-space:normal}
  #apKart .apkbilgi .aped,#apKart .apkbilgi input[type=date],#apKart .apkbilgi input[type=time]{min-height:44px;font-size:16px}
  #apKart .apkbilgi .durx button{height:44px;max-width:none;font-size:14px}
  #apKart .apkbilgi td:hover{background:transparent}
}
#apKart .kal{display:grid;grid-template-columns:180px 1fr;font-size:13px}
#apKart .kal>div{padding:8px 6px;border-bottom:1px solid var(--apcizgi2);min-width:0;overflow-wrap:anywhere}
#apKart .kal .ke{color:var(--apink2)}
#apKart .kd2{display:inline-block;color:#fff;border-radius:4px;padding:3px 12px;font:400 12px var(--f-ui)}
#apKart .apkartalt{display:flex;gap:8px;margin-top:14px}
#apKart .apkartalt .tehlike{color:#e2445c;border-color:#e2445c}
#apKart .apmesajlar{flex:1;overflow:auto;margin-bottom:10px;min-height:120px}
#apKart .gunc{border:1px solid var(--apcizgi2);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:13px}
#apKart .gunc .gk{display:flex;gap:8px;align-items:center;margin-bottom:5px}
#apKart .gunc .gk b{font-weight:600}
#apKart .gunc .gk span{color:var(--apink2);font-size:11.5px}
#apKart .apmsjsil{margin-left:auto;border:none;background:none;color:var(--apmuted);cursor:pointer}
#apKart .apmsjsil:hover{color:#e2445c}
#apKart .gyaz{width:100%;border:1px solid var(--apcizgi);border-radius:8px;padding:9px 12px;font:400 13px var(--f-ui);margin-bottom:8px;color:var(--apink);background:var(--apbeyaz);resize:vertical}
/* konuşma pop-up'ı (14 Eyl 2026): balonlar, kendi mesajı sağda, ekler, yazma çubuğu */
#apKart .apmesajlar{background:var(--apsoft);border:1px solid var(--apcizgi2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
#apKart .gunc{background:var(--apbeyaz);margin:0;max-width:86%;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.05)}
#apKart .gunc.kendi{align-self:flex-end;background:var(--apsoft);border-color:var(--apsoftline)}
#apKart .gunc .gmetin{white-space:pre-wrap;word-break:break-word;line-height:1.45}

#apKart .apmsjek{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#apKart .apek{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:99px;padding:3px 6px 3px 10px;font-size:12px;max-width:100%}
#apKart .apek .apekad{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#apKart .apek small{color:var(--apink2)}
#apKart .apek button{border:0;background:var(--apsoft);border-radius:99px;width:22px;height:22px;cursor:pointer;font-size:11px;padding:0}
#apKart .apek button:hover{background:var(--apsoftline)}
#apKart .apek.yukluyor{background:linear-gradient(90deg,var(--apsoft) var(--pct,0%),var(--apbeyaz) var(--pct,0%));border-color:var(--aplink)}
#apKart .apek.yukluyor small{color:var(--aplink);font-weight:600;min-width:34px;text-align:right}
#apKart .apkonyaz{margin-top:10px;border:1px solid var(--apcizgi);border-radius:12px;padding:10px;background:var(--apbeyaz)}
#apKart .apkonyaz .gyaz{border:0;padding:4px 2px;margin:0;min-height:56px}
#apKart .apkonyaz .gyaz:focus{outline:none}
#apKart .apkonyaz:focus-within{border-color:var(--focus-ring)}   /* K-39 */
#apKart .apekler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
#apKart .apekler[hidden]{display:none}
#apKart .apkonbar{display:flex;align-items:center;gap:6px;border-top:1px solid var(--apsoftline);padding-top:8px;margin-top:4px}
#apKart .apkonik{border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:99px;padding:5px 10px;font:500 12px var(--f-ui);color:var(--apink);cursor:pointer}
#apKart .apkonik:hover{border-color:var(--apmavi);color:var(--apmavi)}
#apKart .apkonnot{margin-left:auto;font-size:11px;color:var(--apmuted)}
#apKart .apkonbar .btn.primary{min-height:34px;padding:6px 16px;background:var(--apmavi);border-color:transparent}
#apKart .apmsjsil{margin-left:auto}
/* güncelleme → yanıtlar (migration 134): ana mesaj tam genişlik, yanıtlar altında girintili */
#apKart .gunc{max-width:100%;align-self:stretch}
#apKart .gunc.kendi{align-self:stretch}
/* ── AP KONUŞMA 16 Eyl 2026: zengin editör · beğeni · görenler · sabit · belgeler sekmesi ── */
#apKart .apzarac{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:0 0 6px;border-bottom:1px solid var(--apcizgi2);margin-bottom:6px}
#apKart .apzarac button{border:1px solid transparent;background:transparent;border-radius:6px;min-width:26px;height:26px;padding:0 7px;font:600 12px var(--f-ui);color:var(--apink2);cursor:pointer}
#apKart .apzarac button:hover{background:var(--aphover);color:var(--apink);border-color:var(--apcizgi2)}
#apKart .apzayir{width:1px;height:16px;background:var(--apcizgi);margin:0 4px}
#apKart .apzrenkler{display:inline-flex;gap:3px;align-items:center;margin:0 4px}
#apKart .apzrenkler button{width:16px;height:16px;min-width:0;padding:0;border-radius:50%;border:2px solid var(--apbeyaz);box-shadow:0 0 0 1px var(--apcizgi)}
#apKart .apzrenkler button:last-child{width:auto;border-radius:6px;box-shadow:none;background:transparent;font-size:11px}
#apKart .apzengin{min-height:56px;max-height:220px;overflow:auto;outline:none;font:400 13px var(--f-ui);color:var(--apink);line-height:1.5;padding:4px 2px;white-space:pre-wrap;word-break:break-word}
#apKart .apzengin:empty::before{content:attr(data-placeholder);color:var(--apmuted);pointer-events:none}
#apKart .apzengin ul,#apKart .gzengin ul{padding-left:20px;margin:4px 0;list-style:disc}
#apKart .apzengin ol,#apKart .gzengin ol{padding-left:20px;margin:4px 0;list-style:decimal}
#apKart .gzengin{white-space:normal}
#apKart .gzengin p{margin:0 0 4px}
#apKart .gunc .gk .gzaman{font-variant-numeric:tabular-nums;font-size:11px}
#apKart .gunc .gk .gsabit{font-size:10.5px;color:var(--apmavi);background:color-mix(in srgb,var(--apmavi) 10%,transparent);border-radius:99px;padding:1px 7px;font-weight:600}
#apKart .gunc .gk .gkarac{margin-left:auto;display:inline-flex;gap:2px}
#apKart .gmini{border:0;background:transparent;color:var(--apmuted);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:6px;opacity:.55}
#apKart .gunc:hover .gmini{opacity:1}
#apKart .gmini:hover{background:var(--aphover);color:var(--apink)}
#apKart .gunc.gsabitli{border-color:color-mix(in srgb,var(--apmavi) 40%,var(--apcizgi2));background:color-mix(in srgb,var(--apmavi) 4%,var(--apbeyaz))}
#apKart .gsabitbas{font:700 10.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--apmavi);padding:2px 4px 6px}
#apKart .gsabitayir{height:1px;background:var(--apcizgi2);margin:8px 0 12px}
#apKart .galt{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
#apKart .gbegen{border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:99px;padding:2px 10px;font:500 12px var(--f-ui);color:var(--apink2);cursor:pointer;display:inline-flex;gap:4px;align-items:center}
#apKart .gbegen:hover{border-color:var(--apmavi);color:var(--apmavi)}
#apKart .gbegen.sec{background:color-mix(in srgb,var(--apmavi) 12%,var(--apbeyaz));border-color:var(--apmavi);color:var(--apmavi)}
#apKart .ggoren{display:inline-flex;align-items:center;gap:2px;margin-left:auto}
#apKart .ggoren.bos{font-size:11px;color:var(--apmuted)}
#apKart .ggoren small{font-size:10.5px;color:var(--apmuted);margin-left:6px}
#apKart .ggpul{position:relative;display:inline-flex}
#apKart .ggpul .otav{width:20px;height:20px;font-size:9px;border:2px solid var(--apbeyaz);margin:0 0 0 -6px}
#apKart .ggpul:first-child .otav{margin-left:0}
#apKart .ggcihaz{position:absolute;right:-4px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:var(--apbeyaz);border:1px solid var(--apcizgi);display:inline-flex;align-items:center;justify-content:center;color:var(--apink2)}
#apKart .ggcihaz svg{width:8px;height:8px}
#apKart .ggcihaz.m{color:#7C3AED} #apKart .ggcihaz.w{color:#1D4ED8}
#apKart .ggplus{font-size:10px;color:var(--apink2);margin-left:4px}
#apKart .apmsjref{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;border:1px dashed var(--apcizgi);border-radius:99px;font-size:11.5px;color:var(--apink2);cursor:pointer}
#apKart .apmsjref:hover{border-color:var(--apmavi);color:var(--apmavi)}
#apKart .apmsjref svg{width:12px;height:12px}
/* #apEmojiPop → ortak #emojiPop (K-42) */
#apKart .apbelgeler{padding:4px 0}
#apKart table.apbelgetab{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
#apKart table.apbelgetab th,#apKart table.apbelgetab td{white-space:normal;padding:7px 8px;font-size:12.5px;border-bottom:1px solid var(--apcizgi2);text-align:left!important;vertical-align:middle}
#apKart table.apbelgetab th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--apink2);font-weight:700}
#apKart table.apbelgetab th:first-child{width:38%}
#apKart table.apbelgetab .n{text-align:right!important;white-space:nowrap}
#apKart .apbelgead{display:flex;align-items:center;gap:8px;min-width:0}
#apKart .apbelgead b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#apKart .apbelgeuz{flex:0 0 auto;font:800 9px var(--f-ui);letter-spacing:.04em;background:var(--apsoft);color:var(--apmavi);border-radius:5px;padding:3px 5px}
#apKart .apbelgeis{white-space:nowrap;text-align:right!important}
#apKart .apbelgeis button{border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:6px;width:28px;height:26px;cursor:pointer;margin-left:3px}
#apKart .apbelgeis button:hover{border-color:var(--apmavi)}
#apKart .apgmsj .apgeki{color:var(--apink2)} #apKart .apgoz{color:var(--apink);font-style:italic}
#aktifproje .apaynaik{color:var(--apmavi);font-size:11px;margin-left:3px;cursor:help}
#aktifproje .apaynametin{color:var(--apink2);font-size:12px}
.belgeonizyorum{flex:none;border-top:1px solid rgba(255,255,255,.12);background:rgba(20,19,18,.98);padding:8px 16px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;max-height:36vh}
.belgeonizyorum .byliste{overflow:auto;display:flex;flex-direction:column;gap:6px;min-height:0}
.belgeonizyorum .byrow{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#fff}
.belgeonizyorum .byrow b{font-weight:600;margin-right:6px}
.belgeonizyorum .byrow small{color:rgba(255,255,255,.5);font-size:10.5px;font-variant-numeric:tabular-nums}
.belgeonizyorum .bymetin{color:rgba(255,255,255,.88);line-height:1.45;white-space:pre-wrap}
.belgeonizyorum .bymetin a{color:var(--color-link-koyu)}
.belgeonizyorum .bybos{font-size:12px;color:rgba(255,255,255,.5)}
.belgeonizyorum .byyaz{display:flex;gap:8px;align-items:flex-end}
.belgeonizyorum textarea{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;padding:8px 12px;font:400 13px var(--f-ui);resize:none;min-height:38px}
.belgeonizyorum textarea::placeholder{color:rgba(255,255,255,.4)}
.belgeonizyorum .btn.primary{min-height:38px;padding:6px 16px}
html[data-tema=koyu] #emojiPop button:hover{background:var(--line)}
#apKart .gyanitlar{margin-top:8px;padding-left:14px;border-left:2px solid var(--apsoftline);display:flex;flex-direction:column;gap:6px}
#apKart .gyanit{background:var(--apsoft);border:1px solid var(--apcizgi2);border-radius:8px;padding:7px 10px;font-size:12.5px}
#apKart .gyanit.kendi{background:var(--apsoft);border-color:var(--apsoftline)}
#apKart .gyanit .gk{margin-bottom:3px}
#apKart .gyanitla{border:0;background:none;color:var(--color-link);font:500 12px var(--f-ui);cursor:pointer;padding:2px 0;margin-top:6px}
#apKart .gyanitkutu{display:flex;gap:6px;margin-top:6px;align-items:flex-end}
#apKart .gyanitkutu textarea{flex:1;border:1px solid var(--apcizgi);border-radius:8px;padding:6px 10px;font:400 12.5px var(--f-ui);resize:vertical;min-height:38px}
#apKart .gyanitkutu .btn{min-height:32px;padding:4px 12px;font-size:12px}
/* 💬/⏰ ayrı sütun (kullanıcı: "yorum düğmesini öğe başlığından ayır") */
#aktifproje .apmt th.apmsjth,#aktifproje .apmt td.apmsjcol{width:58px;min-width:58px;max-width:58px;text-align:center;padding:0 4px;white-space:nowrap}
#aktifproje td.apmsjcol .kon{border:none;background:none;color:var(--apmuted);font-size:13px;cursor:pointer;padding:1px 3px;position:relative}
#aktifproje td.apmsjcol .kon:hover{color:var(--apmavi)}
#aktifproje td.apmsjcol .kon.hatvar{color:#fdab3d}
#aktifproje .apgbas .apgyz{margin-left:8px;font-size:12px;font-weight:600;white-space:nowrap}
#aktifproje .apgbas .apgyz i{font-style:normal}
#apKart .gyaz:focus{outline:2px solid var(--apmavi)}
/* kolon ayar penceresi (drykart içinde) */
#apKolPop .apkform{display:flex;flex-direction:column;gap:9px}
#apKolPop .apkform label{font-size:12.5px;display:flex;flex-direction:column;gap:4px}
#apKolPop .apkyatay{flex-direction:row!important;align-items:center;gap:8px!important}
#apKolPop .apkyatay input{width:auto}
#apKolPop .apksec{display:flex;gap:14px}
#apKolPop .apksec>div{flex:1;min-width:0}
#apKolPop .apksec b{display:block;font-size:12px;margin-bottom:4px}
#apKolPop .apklist{max-height:130px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px}
#apKolPop .apklist label{flex-direction:row;align-items:center;gap:7px;padding:2px 2px;font-size:12.5px;cursor:pointer}
#apKolPop .apklist input{width:auto;accent-color:var(--accent)}
#apKolPop .apkural{display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:6px;padding:5px 8px;margin-top:4px}
#apKolPop .apkural small{flex:1}
#apKolPop .apkural button{border:none;background:none;cursor:pointer;color:var(--ink3)}
/* ═══ 17 Eyl 2026 — MONDAY KOLON PARİTESİ: yeni tip hücreleri ═══ */
#apKolPop .apkyatay2{display:flex;gap:10px}
#apKolPop .apkyatay2>label{flex:1;min-width:0}
#apKolPop #apKolTipAyar:empty{display:none}
#apKolPop #apKolTipAyar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px dashed var(--line2);border-radius:var(--r-sm);margin-top:6px}
#apKolPop #apKolTipAyar textarea{font-family:var(--f-mono);font-size:12px}
#apKolPop #apKolCop:empty{display:none}
#apKolPop #apKolCop{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg)}
.appuan i{cursor:pointer;font-size:15px;color:#d0d4e4;user-select:none}
.appuan i.dolu{color:#fdab3d}
.apoybtn{border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:99px;padding:2px 10px;cursor:pointer;font-size:12px}
.apoybtn.ben{background:var(--apsoft);border-color:var(--apsoftline)}
.apod input{width:16px;height:16px;accent-color:#00c875;cursor:pointer}
.aprenk input{width:34px;height:24px;border:1px solid var(--apcizgi);border-radius:6px;padding:0;background:none;cursor:pointer}
.apsurebtn{border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:6px;padding:1px 7px;cursor:pointer;font-size:11px}
.apsurebtn.akt{background:#00c875;border-color:#00c875;color:#fff}
.apsuret{font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px}
.apsuret.akt{color:#037f4c;font-weight:600}
.apilerleme{display:inline-block;position:relative;width:92%;height:16px;background:var(--line);border-radius:99px;overflow:hidden;vertical-align:middle}
.apilerleme i{position:absolute;left:0;top:0;bottom:0;background:#00c875}
.apilerleme b{position:relative;font-size:10.5px;line-height:16px;display:block;text-align:center;color:var(--apink)}
.apformul{font-variant-numeric:tabular-nums}
.apformul.hata{color:#df2f4a;font-weight:600}
.apmono{font-family:var(--f-mono);font-size:12px}
.apthinfo{color:#9aa0b0;cursor:help;margin-left:3px;font-size:11px}
.aptzsaat{color:var(--apink2);font-size:11.5px;margin-left:6px;font-variant-numeric:tabular-nums}
#aktifproje tr.apdaha td{padding:6px 10px;background:var(--apsoft)}
#aktifproje .apdahabtn{border:1px dashed var(--apsoftline);background:var(--apbeyaz);color:var(--apink2);font:500 12px var(--f-ui);border-radius:6px;padding:5px 12px;cursor:pointer}
/* kaydediliyor göstergesi (19 Eyl 2026): hücre köşesinde 4px nokta — spinner/modal YOK */
#aktifproje table.apmt td.apyaziliyor{position:relative}
#aktifproje table.apmt td.apyaziliyor::after{content:"";position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:99px;background:var(--accent);animation:apYazNabiz 1s infinite ease-in-out}
#aktifproje table.apmt td.apyazhata::after{content:"";position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:99px;background:#df2f4a;animation:none}
@keyframes apYazNabiz{0%,100%{opacity:.35}50%{opacity:1}}
:is(#aktifproje,#apKart) input.aptgec{color:#df2f4a!important;font-weight:600}
:is(#aktifproje,#apKart) input.aptbugun{color:#b26a00!important;font-weight:600}
/* geciken ödeme rozeti (19 Eyl 2026): renk tek başına bilgi taşımaz — "12 gün" / "bugün" metni */
:is(#aktifproje,#apKart) td.aptarihroz{white-space:nowrap;overflow:hidden}
:is(#aktifproje,#apKart) td.aptarihroz .aptarihic{display:flex;align-items:center;gap:4px;min-width:0}
:is(#aktifproje,#apKart) td.aptarihroz input{flex:1 1 auto;min-width:0;width:auto;max-width:112px}
:is(#aktifproje,#apKart) td.aptarihroz .apgecroz{flex:0 0 auto;margin-left:0}
    /* Ödeme Tarihi otomatik hesaplanıyorsa hücre salt okunur (22 Eyl 2026, migration 240) */
    :is(#aktifproje,#apKart) .apotomatik{display:inline-flex;align-items:center;min-height:26px;padding:0 6px;color:var(--ink);background:transparent;border:1px dashed var(--line);border-radius:6px;font:inherit;cursor:default}
    :is(#aktifproje,#apKart) .apotomatik.aptgec{color:var(--st-no);border-color:var(--st-no-line)}
    :is(#aktifproje,#apKart) .apgecroz{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:99px;font:600 10.5px var(--f-ui);vertical-align:middle;white-space:nowrap}
:is(#aktifproje,#apKart) .apgecroz.gecikti{background:var(--st-no-bg);color:var(--st-no);border:1px solid var(--st-no-line)}
:is(#aktifproje,#apKart) .apgecroz.bugun{background:var(--st-warn-bg);color:var(--st-warn);border:1px solid var(--st-warn-line)}
:is(#aktifproje,#apKart) input.aptbit{color:#037f4c!important;text-decoration:line-through}
#apDepPop{position:fixed;z-index:170;width:280px;max-height:340px;display:flex;flex-direction:column;gap:6px;background:var(--apbeyaz,#fff);border:1px solid var(--apcizgi,#d0d4e4);border-radius:10px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
#apDepPop[hidden]{display:none!important}
#apDepPop .apbas{font-size:12.5px}
#apDepPop .apdepara{border:1px solid var(--apcizgi,#d0d4e4);border-radius:6px;padding:5px 8px;font-size:12.5px}
#apDepPop .apdepliste{overflow:auto;display:flex;flex-direction:column;gap:2px}
#apDepPop .apdepliste label{display:flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer;padding:2px}
#apDepPop .apdepliste input{accent-color:var(--apmavi,#C4452C)}
/* ═══ 17 Eyl 2026 — MONDAY TARZI SÜTUN BAŞLIĞI + Name içi konuşma balonu ═══ */
#aktifproje .apmt thead th .apthmn{opacity:0;border:none;background:none;cursor:pointer;color:var(--apink2);font:600 14px/1 var(--f-ui);padding:0 4px;vertical-align:middle;border-radius:4px}
#aktifproje .apmt thead th:hover .apthmn{opacity:1}
#aktifproje .apmt thead th .apthmn:hover{color:var(--apink);background:var(--aphover)}
#aktifproje .apmt thead th .apthpil{position:absolute;top:1px;left:50%;transform:translateX(-50%);border:1px solid var(--apcizgi);background:var(--apbeyaz);border-radius:99px;font-size:9px;line-height:1;padding:1px 7px;color:var(--apink2);cursor:pointer;opacity:0;z-index:2}
#aktifproje .apmt thead th:hover .apthpil{opacity:1}
#aktifproje .apmt thead th .apthpil.akt{opacity:1;color:var(--apmavi);border-color:var(--apsoftline);background:var(--apsoft)}
#aktifproje .apmt thead th.adx .apthpil{left:auto;right:48px;transform:none}
/* ⋯ sütun menüsü ile ⚙ sütun yetkisi (41 ttsyb) üst üste binmesin (17 Eyl 2026):
   ⋯ sağ kenara sabit, ⚙ onun soluna kayar */
#aktifproje .apmt thead th .apthmn{position:absolute;right:5px;top:50%;transform:translateY(-50%);z-index:5}
@media (hover:none){ #aktifproje .apmt thead th .apthmn{opacity:.7} }
/* #apKolMenu → ortak #ttKolMenu (K-43, 41 ttKolMenuOzelAc) */
#aktifproje td.adx .apkonu{position:relative;padding:2px 3px}
#aktifproje td.adx .apkonu svg{display:block}
#aktifproje td.adx .apkonu.dolu,#aktifproje td.adx .apkonu:hover{color:var(--apmavi)}
#aktifproje td.adx .apkroz{position:absolute;right:-3px;bottom:-2px;background:#323338;color:#fff;border-radius:99px;font:600 8.5px/13px var(--f-ui);min-width:13px;height:13px;text-align:center;padding:0 2px;border:1.5px solid var(--apbeyaz,#fff);font-style:normal}
#aktifproje td.adx .apkonh{display:none}
#aktifproje td.adx:hover .apkonh{display:inline-block}
#aktifproje td.adx .apkonh.hatvar{display:inline-block;color:#fdab3d}
@media(max-width:768px){
  #aktifproje .apmt th.adx,#aktifproje .apmt td.adx{min-width:190px;width:190px;max-width:190px}
  #apKart{width:100%}   /* 100vw YASAK — Windows kaydırma çubuğu taşırır */
}



/* ═══ INFLUENCER SORULARI — MOBİL KATMAN (66_infsoru_mobil.js, 19 Eyl 2026) — masaüstü kuralları dokunulmadı ═══ */
#isMobil[hidden]{display:none!important}
@media(max-width:768px){
  body.ismaktif{overflow-x:hidden}
  #infsoru.ismobil .otust2,#infsoru.ismobil #isKpi,#infsoru.ismobil .otfiltre,#infsoru.ismobil #kfCips_infsoru,#infsoru.ismobil > .card,#infsoru.ismobil #isKartlar{display:none!important}
  /* kabuk başlığı kaydırınca küçülür */
  body.ismaktif.kaydi .sb{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px} body.ismaktif.kaydi .sb .mark img{height:12px} body.ismaktif.kaydi .sb .who .av,body.ismaktif.kaydi .sb .sb-ara{transform:scale(.9)}
  /* sabit arama çubuğu */
  .ismbas{gap:8px;padding:6px 12px}
  .ismara{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--card);padding:0 10px}
  .ismara input{flex:1 1 auto;min-width:0;border:0;background:transparent;font-size:16px!important;min-height:42px;padding:0;color:var(--ink)} .ismara input:focus{outline:0} .ismara:focus-within{border-color:var(--focus-ring)}
  .ismarai{color:var(--ink3);display:grid;place-items:center;flex:none} .ismarax{flex:none;width:36px;height:36px;border:0;background:var(--bg);border-radius:9px;color:var(--ink2);font-size:14px;cursor:pointer}
  .ismfiltre,.mbas .btn.ismfiltre{flex:none;min-height:44px!important;padding:0 14px;font-size:13.5px}
  /* KPI çipleri: yatay şerit */
  .ismkpis{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .ismkpis::-webkit-scrollbar{display:none}
  .ismkpi{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);font:500 13px var(--f-ui);color:var(--ink2);scroll-snap-align:start;cursor:pointer;white-space:nowrap}
  .ismkpi b{font:700 15px var(--f-ui);color:var(--ink);font-variant-numeric:tabular-nums} .ismkpi.vurgu{border-color:var(--st-no-line);background:var(--st-no-bg)} .ismkpi.vurgu b{color:var(--accent)} .ismkpi.uyari b{color:var(--st-warn)}
  .ismiskelet .ismkpi{width:110px;background:var(--bg);opacity:.55}
  /* sekme barı: alt çizgili, yatay kaydırma */
  .ismtabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .ismtabs::-webkit-scrollbar{display:none}
  .ismtab{flex:0 0 auto;min-height:44px;padding:0 12px;border:0;background:none;font:600 14px var(--f-ui);color:var(--ink2);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
  .ismtab.on{color:var(--accent);border-bottom-color:var(--accent)}
  /* aktif filtre çipleri + sayaç */
  .ismcips{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 0 8px} .ismciplist{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
  .ismcip{min-height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:999px;background:var(--card);font:500 12.5px var(--f-ui);color:var(--ink);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ismcip.kf{border-color:var(--accent);color:var(--accent)}
  .ismsay{flex:none;font-size:12px;color:var(--ink3);white-space:nowrap;margin-left:auto}
  /* kart */
  #isMobilKartlar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .ismkart{padding:14px 16px;margin-bottom:8px;border-left:3px solid var(--line2);max-width:100%;min-width:0;box-sizing:border-box;border-radius:12px}
  .ismkart.d-calisiyor{border-left-color:var(--st-warn)} .ismkart.d-bekliyor{border-left-color:var(--st-info)} .ismkart.d-takildi{border-left-color:var(--st-no)} .ismkart.d-planlandi,.ismkart.d-tamam{border-left-color:var(--st-ok)} .ismkart.d-olumsuz{border-left-color:#6B2FA3}
  .ismk1{display:flex;align-items:center;gap:8px;min-width:0} .ismbaslik{flex:1 1 auto;min-width:0;font:600 15px/1.3 var(--f-ui);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ismroz{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid;white-space:nowrap;max-width:44%;overflow:hidden;text-overflow:ellipsis}
  .ismsoru{margin-top:6px;font-size:15px;line-height:1.4;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
  .ismlinkler{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
  .ismlink{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font:600 12.5px var(--f-ui);color:var(--color-link)!important;text-decoration:none!important}
  .isminf{display:inline-flex;gap:8px;font-size:12.5px;font-weight:600} .isminf .k{color:var(--st-ok)} .isminf .r{color:var(--st-no)} .isminf .b{color:var(--st-warn)}
  .ismk3{display:flex;align-items:center;gap:8px;margin-top:10px;min-width:0} .ismk3 .mkav{width:26px;height:26px;border-radius:50%;font-size:10px;margin:0}
  .ismsoran{flex:1 1 auto;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ismcevap{flex:none;font-size:12.5px;color:var(--ink2);display:inline-flex;align-items:center;gap:4px} .ismcevap.yok{color:var(--st-warn)}
  .ismzaman{flex:none;font-size:13px;color:var(--ink3);white-space:nowrap}
  .ismcekme{text-align:center;font-size:12.5px;color:var(--ink3);padding:6px 0} .ismcekme[hidden]{display:none}
  /* FAB — alt nav'ın üstünde */
  #infsoru .ismfab{display:grid;place-items:center;position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(64px + 22px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:99px;border:0;background:var(--accent);color:#fff;font-size:28px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:121;cursor:pointer}
  body:has(#isCek:not([hidden])) #infsoru .ismfab,body:has(#mobilSheet:not([hidden])) #infsoru .ismfab{display:none}
  body.ismaktif #etkBtn{bottom:calc(64px + 90px + env(safe-area-inset-bottom));transform:scale(.86);opacity:.9}   /* etkinlik düğmesi FAB'ın üstüne dizilir, karta binmez */
  /* filtre sayfası girdileri */
  .ismfgov{display:flex;flex-direction:column;gap:10px;padding-bottom:10px} .ismfalan{display:flex;flex-direction:column;gap:4px;font:600 12px var(--f-ui);color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
  .ismfalan select{min-height:44px;font-size:16px;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:0 10px;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:500} .ismfgelismis{min-height:44px;justify-content:space-between}
}
@media(min-width:769px){ #isMobil,#infsoru .ismfab{display:none!important} }

/* Excel sütun seçici (Müşteriler/Kişiler, 19 Eyl 2026) */
#ciktiEkPop .cekliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 12px;max-height:300px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:10px}
#ciktiEkPop .cekliste label{display:flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer;min-width:0}
#ciktiEkPop .cekliste label[hidden]{display:none}
#crmExcelPop .cexarac{display:flex;gap:6px;margin-bottom:8px} #crmExcelPop .cexarac .btn{min-height:32px;padding:0 10px;font-size:12px}
#crmExcelPop .cexliste{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;max-height:50vh;overflow:auto;padding:4px 2px}
#crmExcelPop .cexliste label{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13px;cursor:pointer;border-radius:8px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink)} #crmExcelPop .cexliste label:hover{background:var(--bg)}
#crmExcelPop .cexliste input{width:auto;margin:0;accent-color:var(--accent)}
@media(max-width:768px){ #crmExcelPop .cexliste{grid-template-columns:1fr} #crmExcelPop .cexliste label{min-height:44px} #crmExcelPop .cexarac .btn{min-height:40px;flex:1} }

/* ═══ ORTAK MOBİL LİSTE MOTORU (67_mobil_sayfa.js, 20 Eyl 2026): Fatura Talep · Production Talep · Production Takvim · DanlaCast ·
   Influencer Proforma — masaüstü parçaları yalnız ≤768'de ve yalnız `.msmobil` sınıfıyla gizlenir ═══ */
@media(max-width:768px){
  body.msaktif{overflow-x:hidden}
  section.msmobil > .otust2,section.msmobil > .otkpi,section.msmobil > .otfiltre,section.msmobil > .kfcips,#faturatalep.msmobil > .card,#listetalep.msmobil > .card,#listetalep.msmobil > .kkartlar,#listetalep.msmobil > .lthizli,#produksiyontalep.msmobil > .card,#danlacast.msmobil > .card,#infproforma.msmobil > .card.full{display:none!important}
  #produksiyon.msmobil #prdListeKap,#produksiyon.msmobil:not(.msharici) #prdTakvimKap{display:none!important}
  #produksiyon.msmobil.msharici #prdTakvimKap{display:block!important}
  body:has(.cekpanel:not([hidden])) .mbasyer,body:has(.ivperde.on) .mbasyer{visibility:hidden}   /* çekmece/profil açıkken sabit başlık üstüne binmesin (.dryperde bazıları inline display:none ile gizli → :has ile güvenilmez) */
  .ismbas .mbasbtn{width:44px;height:44px;flex:none}
  .ismlink.duz{color:var(--ink2)!important;background:var(--bg)} .ismlink.duz.no{color:var(--st-no)!important;border-color:var(--st-no-line);background:var(--st-no-bg)} .ismlink.duz.ok{color:var(--st-ok)!important;border-color:var(--st-ok-line);background:var(--st-ok-bg)}
  .ismroz.mkr{font-size:11.5px;font-weight:600;padding:3px 9px}
  section.msmobil .msfab{display:grid;place-items:center;position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(64px + 22px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:99px;border:0;background:var(--accent);color:#fff;font-size:28px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:121;cursor:pointer}
  body:has(.cekpanel:not([hidden])) section.msmobil .msfab,body:has(#mobilSheet:not([hidden])) section.msmobil .msfab,body:has(.ivperde.on) section.msmobil .msfab{display:none}
  body.msaktif #etkBtn{bottom:calc(64px + 90px + env(safe-area-inset-bottom));transform:scale(.86);opacity:.9}
  body.msaktif.kaydi .sb{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px} body.msaktif.kaydi .sb .mark img{height:12px}
}
@media(min-width:769px){ .ism,section .msfab{display:none!important} }
/* 29 Eyl 2026 (tasarım denetimi 3.1): ortak motora yeni kaydolan liste sayfaları — masaüstü tablo kartı ≤768'de gizlenir */
@media(max-width:768px){
  #menajerlik.msmobil > .card,#musteriaday.msmobil > .card,#adayarastirma.msmobil > .card,#isteklif.msmobil > .card,#isimdegisiklik.msmobil > .card,#gifting.msmobil > .card,#tedarikci.msmobil > .card,#genelrapor.msmobil > .card,#genelrapor.msmobil > #grGrafikKap,#yorumdeger.msmobil:not(.msharici) > .card{display:none!important}
  #isealim.msmobil:not(.msharici) #iaIcerik,#isealim.msmobil.msharici #isealimMobil{display:none!important}
  /* bileşik sayfalarda yalnız tablo parçası karta döner (MOBIL.liste): kart sağındaki tutar + Puantaj gün alt sayfası */
  .ytkzkg,.pjmhak,.atvmdeger{margin-left:auto;font-size:13.5px;color:var(--ink);white-space:nowrap}
  .pjmgunler{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:4px 0 10px}
  .pjmgun{min-height:44px;border:1px solid var(--line2);border-radius:10px;background:var(--card);font:600 14px var(--f-ui);color:var(--ink);cursor:pointer}
  .pjmgun.hs{background:var(--bg);color:var(--ink3)}
  .pjmgun.bugun{box-shadow:inset 0 0 0 2px var(--accent)}
  .pjmgun.var{background:var(--accent-soft);border-color:var(--accent);color:var(--brick-deep)}
  .pjmgun:disabled{opacity:.55;cursor:not-allowed}
}
/* ═══ INFLUENCER KAYITLARI MOBİL (69_influencer_mobil.js, 20 Eyl 2026) — masaüstü kuralları dokunulmadı ═══ */
@media(max-width:768px){
  #influencer.msmobil > .takipcison,#influencer.msmobil > .adminwrap{display:none!important}   /* son kontrol notu KPI altında; yönetim kartları (tablo/ekle/Excel/gruplar) mobilde yok */
  .ismnot{font-size:11.5px;color:var(--ink3);margin:-2px 0 6px;padding:0 2px}
  .ismk1 .mkav{width:40px;height:40px;border-radius:50%;font-size:13.5px;margin:0;flex:none}
  .imstar{color:#F5A623}
  /* Düzenle alt sayfası */
  .imdgov{gap:12px} .imdgov .imdalan input{min-height:44px;font-size:16px;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:0 10px;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:500;width:100%;box-sizing:border-box}
  .imdplat{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg)} .imdplatbas{font:700 12.5px var(--f-ui);color:var(--ink);margin-bottom:6px}
  .imdplat2{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;min-width:0} .imdplat2 .imdalan{min-width:0}
  .imdonay{display:flex;gap:16px;flex-wrap:wrap} .msgov.imdgov .imdonay label{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;font-size:14px;color:var(--ink)} .msgov.imdgov .imdonay input{display:inline-block;width:20px;height:20px;min-height:0;margin:0;accent-color:var(--accent)}
  .imdgrup > span{font:600 12px var(--f-ui);color:var(--ink3);text-transform:uppercase;letter-spacing:.04em} .imdgrupcips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
  .msgov.imdgov .imdcip{position:relative;display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0 12px;border:1px solid var(--line2);border-radius:999px;font-size:13px;background:var(--card);color:var(--ink);cursor:pointer}
  .msgov.imdgov .imdcip.on{background:var(--ink);color:#fff;border-color:var(--ink)} .msgov.imdgov .imdcip input{position:absolute;opacity:0;width:0;height:0;min-height:0;margin:0}
  /* Profil ekranı: tam ekran, küçük yuvarlak fotoğraf + ad yan yana, ✕ sabit sağ üst, platform kutuları tam genişlik */
  .ivperde{padding:0;align-items:stretch;z-index:150}
  .ivpencere{border-radius:0!important;max-width:none;min-height:100%;animation:none;box-shadow:none}
  .ivp-ust{grid-template-columns:96px 1fr;gap:4px 14px;padding:calc(12px + env(safe-area-inset-top)) 14px 14px;align-items:start}
  .ivp-foto{grid-row:1/3} .ivp-foto .ivfoto{width:96px;height:96px;min-height:0;aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center} .ivp-foto .ivfoto b{font-size:30px}
  .ivp-fyukle{position:static;display:block;margin-top:8px;width:96px;padding:6px 0;text-align:center;font-size:10.5px;box-shadow:none;border:1px solid rgba(0,0,0,.12)}
  .ivp-bilgi{display:contents} .ivp-bilgi h2{grid-column:2;font-size:20px;padding-right:44px;min-height:40px;align-content:center} .ivp-rozetler{grid-column:2;margin:2px 0 0}
  .ivp-platgrid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px} .ivp-eylem{grid-column:1/-1;margin-top:12px}
  .ivp-kapat{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:3}
  .ivb1,.ivb2{min-height:40px;padding:8px 14px;font-size:13px}
  .ivp-alt{padding:12px 14px calc(28px + env(safe-area-inset-bottom));gap:12px} .ivp-kutu{padding:13px 14px}
  /* küçük profil düğmeleri (Fotoğrafı Değiştir 26px, platform kutusu "profili aç ↗" 16px, ✎ 20px): görünüş aynı, dokunma alanı ≥40px */
  .ivp-fyukle,.ivpkut a,.ivperde .ivduz{position:relative}
  .ivp-fyukle::before{content:"";position:absolute;inset:-7px 0}
  .ivpkut a::before{content:"";position:absolute;inset:-12px -4px}
  .ivperde .ivduz::before{content:"";position:absolute;inset:-10px -9px}
}

/* ═══ ANA SAYFA — MOBİL SADELEŞTİRME (68_anasayfa_mobil.js, 20 Eyl 2026) — yalnız #anasayfa.asmobil, masaüstü kuralları dokunulmadı ═══ */
@media(max-width:768px){
  #anasayfa.asmobil .otust2{padding:10px 14px;margin-bottom:8px} #anasayfa.asmobil .otust2 h2{font-size:16px} #anasayfa.asmobil .otalt{font-size:11.5px}
  #anasayfa.asmobil .otkpi{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  #anasayfa.asmobil .otkpi > div{padding:9px 12px;gap:1px;min-height:0} #anasayfa.asmobil .otkpi b{font-size:19px} #anasayfa.asmobil .otkpi > div > span{font-size:9.5px;letter-spacing:.05em;line-height:1.25} #anasayfa.asmobil .otkpi i{font-size:10px;margin-top:1px}
  #anasayfa.asmobil .ashizlim{margin-bottom:10px} #anasayfa.asmobil .ashgrid{gap:6px} #anasayfa.asmobil .ashbtn{min-height:56px;padding:6px 4px;gap:4px;font-size:11.5px} #anasayfa.asmobil .ashbtn svg{width:18px;height:18px}
  #anasayfa.asmobil #asCip{display:none!important}   /* yönetici sağlık çipleri: Yönetim sayfasında */
  #anasayfa.asmobil .asyer{gap:10px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}   /* etkinlik düğmesi son satıra binmesin */
  #anasayfa.asmobil .asbaslik{padding:10px 14px;gap:8px;flex-wrap:wrap} #anasayfa.asmobil .asbaslik h2{font-size:14px} #anasayfa.asmobil .asnot{display:none}
  #anasayfa.asmobil .asbaslik .asmhb{margin-left:auto;min-height:40px;padding:0 12px;font-size:12px;width:auto;flex:0 0 auto}
  /* kart kaldır ✕ (24px) ve görev satırı düğmeleri (25px): görünüş aynı, dokunma alanı ≥40px */
  #anasayfa.asmobil .asbaslik .askgizle,#anasayfa.asmobil .gorrow .isl button{position:relative}
  #anasayfa.asmobil .asbaslik .askgizle::before,#anasayfa.asmobil .gorrow .isl button::before{content:"";position:absolute;inset:-8px}
  /* Güncel Haberler: yazma kutusu kapalı başlar; ilk 2 haber */
  #anasayfa.asmobil .hbkart:not(.hbyazacik) .hbyaz{display:none} #anasayfa.asmobil .hbyaz{padding:10px 14px} #anasayfa.asmobil .hbyaz textarea{min-height:44px;font-size:16px}
  #anasayfa.asmobil .asmhbdaha{width:100%;min-height:40px;justify-content:center;border-radius:0;border:0;border-top:1px solid var(--line);background:var(--bg);font-size:12.5px;color:var(--ink2)}
  /* Yapılacaklar formu: 2 satır (metin tam genişlik · tarih + Ata + Ekle) */
  #anasayfa.asmobil .gorseg{width:100%;margin-left:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none} #anasayfa.asmobil .gorseg b{min-height:36px;display:inline-flex;align-items:center;white-space:nowrap}
  #anasayfa.asmobil .gorekle{margin:10px 14px;gap:8px} #anasayfa.asmobil .gorekle #gorYeni{flex:1 1 100%;min-height:44px;font-size:16px;padding:0 4px}
  #anasayfa.asmobil .gorekle input[type=date]{flex:1 1 auto;min-width:0;min-height:44px;font-size:16px} #anasayfa.asmobil .gorekle .btn{min-height:44px;padding:0 14px;font-size:13px}
  #anasayfa.asmobil #gorListe{max-height:none;margin:0;padding:0}   /* -6px kenar payı kartta yatay kaydırma çubuğu açıyordu; iç kaydırma yerine sayfa akar */
  #anasayfa.asmobil .asgorev{padding:10px 14px} #anasayfa.asmobil .asakis>div{padding:9px 14px} #anasayfa.asmobil .asbos{padding:18px 14px;font-size:13.5px}
}
/* ═══ YAZ — mutasyon kuyruğu rozeti + paneli (65_yaz.js, 19 Eyl 2026) ═══ */
.yazrozet{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:119;border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:999px;padding:7px 12px;font:600 12px var(--f-ui);box-shadow:0 6px 18px rgba(0,0,0,.14);cursor:pointer}
.yazrozet[hidden]{display:none} .yazrozet.hata{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)} .yazrozet.cevrimdisi{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
@media(max-width:768px){ .yazrozet{bottom:calc(84px + env(safe-area-inset-bottom))} }
#yazPanel{z-index:130} #yazPanel .yazkart{max-width:560px} .yazuyari{background:var(--st-warn-bg);color:var(--st-warn);border:1px solid var(--st-warn-line);border-radius:10px;padding:8px 12px;font-size:12.5px;margin-bottom:10px}
.yazliste{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto} .yazsat{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.yazsat.hata{border-color:var(--st-no-line);background:var(--st-no-bg)} .yazsat .yazd{font-size:16px;flex:none;width:20px;text-align:center} .yazsat .yazic{flex:1 1 auto;min-width:0;display:flex;flex-direction:column} .yazsat .yazic b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .yazsat .yazic small{font-size:11.5px;color:var(--ink3);overflow-wrap:anywhere} .yazsat .btn{min-height:32px;padding:0 10px;font-size:12px}
/* bekleyen (henüz sunucu onaylamamış) satır: ince işaret — spinner değil */
#aktifproje tr.apyazbekle td.adx{position:relative} #aktifproje tr.apyazbekle td.adx::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.75}
#aktifproje tr.apyazhatali td.adx::before{background:var(--st-no)}
.yazbekliyor{opacity:.72} .yazbekliyor::after{content:"";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7} .yazhata{outline:1px dashed var(--st-no);outline-offset:-1px}
/* ═══ AKTİF PROJELER — MOBİL KATMAN (19 Eyl 2026, 23_aktifproje.js apMobil*) — ≤768px: sabit başlık + özet şeridi +
   proje/öğe kartları + proje alt sayfası + FAB; masaüstü kuralları dokunulmadı (yalnız ölü [hidden] düğme düzeltmesi) ═══ */
#aktifproje .apbar .arb[hidden]{display:none}   /* #apFiltreBtn hidden ama .arb{display:flex} eziyordu → iki "Filtre ▾" görünüyordu */
.apmfab{display:none}
@media(max-width:768px){
  #aktifproje .apust,#aktifproje .apbar,#aktifproje #apFiltreCips{display:none!important}
  #aktifproje .kfcips{margin:4px 0 8px}
  /* özet şeridi — yatay snap */
  .apmozet{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 0 8px;margin:4px 0 2px;scrollbar-width:none}
  .apmozet::-webkit-scrollbar{display:none}
  .apmoz{flex:0 0 auto;min-width:112px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}
  .apmoz b{font:700 19px/1.1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
  .apmoz span{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
  .apmoz.ok b{color:var(--st-ok)} .apmoz.info b{color:var(--st-info)}
  .apmoz.no{border-color:var(--st-no-line);background:var(--st-no-bg)} .apmoz.no b{color:var(--st-no)}
  .apmoz[role=button]{cursor:pointer;min-height:44px}
  /* rozetler: filtre sayısı / konuşma */
  .apmroz{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;font:700 10.5px var(--f-ui);margin-left:6px;vertical-align:middle}
  .btn.primary .apmroz{background:#fff;color:var(--accent)}
  .mbasbtn{position:relative} .mbasbtn .apmroz{position:absolute;top:-6px;right:-6px;margin:0}
  /* proje kartı */
  .apmrenk{flex:none;width:6px;height:34px;border-radius:99px;margin-top:-2px}
  .apmmsj{position:relative;color:var(--ink3);font-size:18px} .apmmsj.dolu{color:var(--accent)}
  .mkr.apmdurum{color:#fff;border-color:transparent;font-weight:700}
  #apMobilKartlar .mkmet,#apMobilOgeler .mkmet{white-space:normal}
  /* proje alt sayfası — tam ekran: kabuk üst çubuğu (.sb z80) üstünde, #apKart (z85) ve alt nav (z120) altında; açıkken
     mobil sabit başlık (.mbas z110) gizlenir (#apKart açıkken de — çekmece tam ekran) */
  body.apmprojeacik #apMobilBas,body:has(#apKart:not([hidden])) #apMobilBas{visibility:hidden}
  .apmproje{position:fixed;inset:0;z-index:82;background:var(--bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
  .apmproje[hidden]{display:none}
  .apmpbas{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:60px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex:none}
  .apmpbas .mbasbtn{width:44px;height:44px;font-size:20px}
  .apmpad{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
  .apmpad b{font:600 15px/1.25 var(--f-ui);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .apmpad span{font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .apmpgov{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:10px 16px calc(96px + env(safe-area-inset-bottom))}
  .apmpekle{width:100%;min-height:44px;justify-content:center;margin-bottom:10px}
  /* FAB — ＋ Yeni Proje (alt nav'ın üstünde, safe-area'lı) */
  #aktifproje .apmfab{display:grid;place-items:center;position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:99px;border:0;background:var(--accent);color:#fff;font-size:28px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:121;cursor:pointer}
  body.apmprojeacik #aktifproje .apmfab,#aktifproje[style*="display: none"] .apmfab{display:none}
  /* öğe çekmecesi alt düğmeleri sarsın (btn:446/554 taşıyordu) */
  #apKart .apkartalt{flex-wrap:wrap;gap:8px} #apKart .apkartalt .btn{min-height:44px;flex:1 1 44%;justify-content:center}
  /* tam ekran öğe çekmecesi: başlık + ✕ çentik/durum çubuğunun altına (viewport-fit=cover, ana ekran uygulaması); ✕ (29×24) ve ✎ (24×22)
     görünüşü aynı, dokunma alanı ≥44/40px (25 Eyl 2026) */
  #apKart .kust{padding-top:calc(16px + env(safe-area-inset-top))}
  #apKart .kpt{top:calc(12px + env(safe-area-inset-top))} #apKart .kust .apkad{top:calc(16px + env(safe-area-inset-top))}
  #apKart .kpt::before{content:"";position:absolute;inset:-10px -8px}
  #apKart .kust .apkad::before{content:"";position:absolute;inset:-9px -8px}
  #apKart .kgov:has(.apkartalt)::after{content:"";display:block;height:calc(84px + env(safe-area-inset-bottom))}   /* Bilgiler sekmesi alt nav'ın altında kalmasın */
  body.mobilsayfa #apKart .kgov > .apkonyaz.ycz{padding-bottom:calc(78px + env(safe-area-inset-bottom))}   /* Konuşma yazma çubuğu (Gönder) alt nav'ın (67px) üstünde; klavye açıkken 6543 kuralı ezer */
  /* proje ⋯ menüsü: tablo grubu maddeleri mobilde anlamsız; dokunma hedefleri 44px */
  #apMenu [data-apm="grup"],#apMenu [data-apm="tumac"],#apMenu [data-apm="tumkapat"],#apMenu .apmayrac{display:none}
  #apMenu button,#apDmenu button,#apKmenu button{min-height:44px} #apMenu .aprenkler i{width:34px;height:34px}
  /* kural filtresi #kfPop mobilde alt sayfa */
  #kfPop{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%;max-height:88dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  #kfPop .kfin{min-height:44px;font-size:16px} #kfPop .kfalt .btn,#kfPop .kfgor .btn{min-height:40px}
  #aktifproje input:not([type=checkbox]):not([type=radio]),#aktifproje select{font-size:16px}
}


/* ==== RAY YOĞUNLUK AYARI (12 Eyl 2026, kullanıcı: "%100'de az veri görünüyor, çok yakın") ====
   Yalnız ölçek: dolgu/boşluk/punto kısıldı, hiçbir kural/işlev değişmedi. Taban 13px okunur kalır.
   Cascade'in EN SONUNDA — aynı seçicilerle önceki değerleri ezer. */
body{font-size:13px}
#app.acik{grid-template-columns:52px 212px 1fr}
#sbRay{padding:10px 0 10px;gap:4px}
#sbRay .raylogo{width:30px;height:30px;margin-bottom:8px}
#sbRay .rayb{width:32px;height:32px}
#sbRay .rayb svg{width:15px;height:15px}
.sb{padding:10px 10px 10px;gap:10px}
.sb .mark img{height:14px}
.sb-search{height:32px;font-size:12px;padding:0 10px}
.sb-grp{font-size:11.5px;padding:8px 8px 3px}
.tab{padding:5px 9px;font-size:12.5px;gap:8px;border-radius:7px}
.tab .ic{width:14px;height:14px}
.who{padding-top:8px;gap:8px}
.who .av{width:28px;height:28px;font-size:10.5px}
.who b{font-size:12.5px}
main{padding:12px 16px 110px}
.hello{padding:6px 12px;margin-bottom:10px;gap:10px}
.hello .av{width:26px;height:26px;font-size:10.5px}
.hello h1{font-size:13.5px}
.hello .today{font-size:11px;padding:4px 9px}
.otust2{padding:9px 14px;margin:0 0 10px;gap:12px}
.otust2 h2{font-size:15px}
.otalt{font-size:12px;margin-top:1px}
.otkpi{gap:8px;margin-bottom:10px}
.otkpi > div{padding:9px 12px;gap:2px;border-radius:10px}
.otkpi b{font-size:19px}
.otkpi > div > span{font-size:10.5px;letter-spacing:.06em}
#yonetim .otkpi,#linktakip .otkpi{gap:8px;margin-bottom:10px}
#yonetim .otkpi > div,#linktakip .otkpi > div{padding:9px 12px;gap:2px;border-radius:10px}
#yonetim .otkpi b,#linktakip .otkpi b{font-size:19px}
#yonetim .otkpi .yondip,#linktakip .otkpi .kpidip{margin-top:2px;font-size:11.5px}
.card{padding:12px 14px;border-radius:10px}
.card h2{font-size:14px;margin-bottom:9px}
#yonetim .card,#linktakip .card{padding:12px 14px;border-radius:10px}
#yonetim .card h2,#linktakip .card h2{font-size:14px;margin-bottom:9px}
/* Yönetim/Link Takip başlık şeridi diğer 37 sayfadan büyük kalıyordu (h2 17 px, düğme 33 px/13 px) */
@media(min-width:769px){
  #yonetim .otust2,#linktakip .otust2{padding:9px 14px;margin-bottom:10px}
  #yonetim .otust2 h2,#linktakip .otust2 h2{font-size:15px}
  #yonetim .btn,#linktakip .btn{font-size:12.5px}
}
.adminwrap,.yonicerik,.yonpnl.acik{gap:10px}
.btn{min-height:32px;padding:6px 11px;font-size:12.5px}
.otfiltre{gap:6px;margin-bottom:10px}
.otfiltre input,.otfiltre select{padding:6px 9px;font-size:12px}
select{height:32px;font-size:12.5px}
.search input{height:32px;font-size:13px}
.aramakutu input{height:32px;padding-top:0;padding-bottom:0}   /* başlık şeritlerinde 35 px arama kutusu 32 px düğmelerle hizasızdı */
.multibtn{height:32px;font-size:12.5px}   /* Katalog/Arşiv şeridinde select+arama 32 px iken çoklu seçim 36 px kalıyordu */
.talentbar{gap:6px;margin-bottom:8px}
#linktakip .talentbar select,#linktakip .talentbar input{padding:6px 9px;font-size:12px}
.minitable{font-size:12.5px}
.minitable th{padding:6px 8px;font-size:10.5px}
.minitable td{padding:6px 8px}
#yonetim .minitable th,#linktakip .minitable th{padding:7px 8px;font-size:10.5px}
#yonetim .minitable td,#linktakip .minitable td{padding:7px 8px;font-size:12.5px}
#musteriler .minitable thead th,#kisiler .minitable thead th{padding:7px 10px}
#musteriler .minitable td,#kisiler .minitable td{padding:6px 10px}
#yonetim .yonyan{margin-bottom:10px;padding:0 6px}
#yonetim .yonsek{padding:9px 10px 8px;font-size:13px}
.note{font-size:11.5px;margin-top:8px}
.lrow{padding:9px 0}
.mgx{width:24px;height:24px;font-size:10px}
.cekbas .mgx{width:40px;height:40px;font-size:15px}
.hedit{padding:3px 5px}
#musteriler .minitable td,#kisiler .minitable td{padding:4px 10px}
.crmseg.hsviews{margin:0 0 8px}
.crmseg.hsviews b{padding:5px 12px;font-size:11.5px}
#talentTable td{padding:5px 8px}
.tadav{width:24px;height:24px}
.minitable select.hedit,.minitable select{height:26px;padding:0 6px;font-size:12px}
.minitable input:not([type=checkbox]){padding:3px 6px;font-size:12px}
.dpil{padding:2px 9px;font-size:10.5px}
.bagbtn{padding:3px 5px}
/* Influencer tablosu — özel bilgi hücreleri yerinde düzenlenir (12 Eyl 2026) */
#talentTable td.ozed{cursor:text}
#talentTable td.ozed:hover{background:var(--accent-soft)}
#talentTable td.ozed .ozedin{width:100%;min-width:120px;padding:3px 6px;border:1px solid var(--accent);border-radius:6px;font:inherit;font-size:12px;background:var(--card);color:var(--ink);outline:none}

/* yoğunluk bloğu .otfiltre input dolgusunu 9px'e çekince büyüteç placeholder'ın üstüne biniyordu */
.otfiltre .aramakutu input,.talentbar .aramakutu input{padding-left:31px}

/* ==== RAY FORM TABANI — PENCERE FORMLARI (14 Eyl 2026, kullanıcı: "tasarımımıza uygun olmayan
   alanları dilimize uygun hale getir" — #infIsPop ekran görüntüsü: tarayıcı varsayılanı input +
   satır içi etiket). Sınıfsız `<label>Metin<input></label>` ve çıplak `<input>` her pencerede
   BURADAN taban stil alır. Hepsi `:where()` ile SIFIR özgüllükte yazıldı → .fld/.params/.icrform/
   .mkform/#srEklePop gibi kendi kuralı olan formlar AYNEN kalır, yalnız tarayıcı varsayılanı ezilir.
   Onay kutusu/radyo/dosya/renk girdileri ve .hedit hücre girdileri kapsam DIŞI. ==== */
:where(.drykart) label:has(> :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea)){
  display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
:where(.drykart) :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]):not(.hedit):not(.ozedin),select,textarea){
  width:100%;box-sizing:border-box;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--card);color:var(--ink);font-family:var(--f-ui);font-size:13px;font-weight:500;line-height:1.4;
  text-transform:none;letter-spacing:0}
:where(.drykart) :where(select){padding-right:28px}
:where(.drykart) :where(textarea){min-height:72px;resize:vertical}
:where(.drykart) :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
:where(.drykart) :where(input)::placeholder{color:var(--ink3);font-weight:400}
:where(.drykart) :where(input[type=date],input[type=time],input[type=datetime-local]){font-variant-numeric:tabular-nums;padding-top:7px;padding-bottom:7px}   /* Chrome tarih iç alanı 20 px → 8 px dolguyla 38 px; yanındaki select/metin 36 px */
:where(.drykart) :where(input[readonly]){background:var(--bg);color:var(--ink2)}
:where(.drykart) h3{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:-.01em}
/* onay kutusu / radyo etiketleri: yan yana, sarmasın (.fld input{width:100%} kutuyu şişirip
   "Tutar (KDV hariç)"yi üç satıra kırıyordu — srEklePop'ta görüldü) */
.drykart label:has(> input[type=checkbox]),.drykart label:has(> input[type=radio]){
  display:inline-flex;flex-direction:row;align-items:center;gap:7px;white-space:nowrap;margin:0;
  font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}
.drykart input[type=checkbox],.drykart input[type=radio]{width:15px;height:15px;min-height:0;margin:0;padding:0;flex:0 0 auto;accent-color:var(--accent)}
/* girdisi JS'le sonradan konan etiket (Toplu düzenle "Yeni değer") aynı üst-etiket dilinde kalsın */
:where(.drykart) label:has(> #infTopluDeger){font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
:where(#infTopluDeger) :where(input,select,textarea){text-transform:none;letter-spacing:0}
html[data-tema=koyu] :where(.drykart) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){color-scheme:dark}

/* ==== FATURA TALEPLERİ (14 Eyl 2026, migration 118) — Ray dili, OT sayfa kalıbı ==== */
#ftAtaPop{position:fixed;z-index:80;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:240px}
#ftAtaPop[hidden]{display:none}
#ftAtaPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:2px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}
#ftAtaListe{max-height:240px;overflow:auto}
#ftAtaListe .r{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}
#ftAtaListe .r:hover{background:var(--bg)}
#ftAtaListe .r input{width:auto;margin:0;cursor:pointer}
#ftTablo{table-layout:fixed;width:max-content;min-width:100%}
#ftTablo th{position:relative;white-space:nowrap}
#ftTablo td{vertical-align:middle}
#ftTablo tr.ftrow{cursor:pointer}
#ftTablo tr.ftrow:hover td{background:var(--bg)}
#ftTablo tr.ftsec td{background:var(--accent-soft)}
#ftTablo .ftb{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ftTablo .ftm{display:block;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ftTablo .ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ftdur{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.ftdur i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.ftdur.devam{background:var(--st-warn-bg);color:var(--st-warn);border-color:var(--st-warn-line)}
.ftdur.tamam{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
.ftdur.iptal{background:var(--st-no-bg);color:var(--st-no);border-color:var(--st-no-line)}
html[data-tema=koyu] .ftdur.devam{background:rgba(253,171,61,.16);color:#FDAB3D;border-color:transparent}
html[data-tema=koyu] .ftdur.tamam{background:rgba(0,200,117,.16);color:#00C875;border-color:transparent}
html[data-tema=koyu] .ftdur.iptal{background:rgba(223,47,74,.16);color:#F0687A;border-color:transparent}
select.ftdursec{height:28px;padding:0 8px;font-size:12px;border-radius:99px;font-weight:600}
.ftmsj{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.ftmsj b{font-weight:600;color:var(--ink2)}
#ftCek{width:min(560px,96vw);display:flex;flex-direction:column;padding:0}
#ftCek[hidden]{display:none}
#ftCek .ftcust{padding:18px 22px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
#ftCek .ftcust h3{margin:0 0 4px;font-family:var(--f-display);font-size:17px;font-weight:800;line-height:1.2;padding-right:32px}
#ftCek .ftcmeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ink3)}
#ftCek .ftcsek{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid var(--line);flex:0 0 auto}
#ftCek .ftcsek button{border:0;background:none;padding:10px 12px;font:600 12.5px var(--f-ui);color:var(--ink3);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
#ftCek .ftcsek button.akt{color:var(--ink);border-bottom-color:var(--accent)}
#ftCek .ftcgov{flex:1 1 auto;overflow:auto;padding:14px 22px 22px}
#ftCek .ftkal{display:grid;grid-template-columns:130px 1fr;gap:8px 12px;font-size:13px}
#ftCek .ftkal .ke{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
#ftCek .ftkal .kv{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#ftCek .ftkaltab{width:100%;border-collapse:collapse;min-width:0}#ftCek .ftkaltab td{padding:3px 6px 3px 0;border-bottom:1px solid var(--line);white-space:normal;font-size:12.5px;vertical-align:top}#ftCek .ftkaltab tr.top td{border-bottom:0;font-weight:700}
#ftCek .ftkal .kv.mono{font-family:var(--f-mono);font-size:12px}
#ftCek .ftdz{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--ink2)}
#ftCek .ftdz:hover{border-color:var(--line2);color:var(--ink)}
#ftCek .ftmesajlar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#ftCek .ftm1{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;background:var(--card)}
#ftCek .ftm1.ben{background:var(--accent-soft);border-color:transparent}
#ftCek .ftm1 .gk{display:flex;gap:8px;align-items:center;margin-bottom:5px}
#ftCek .ftm1 .gk b{font-weight:600}
#ftCek .ftm1 .gk span{color:var(--ink3);font-size:11.5px}
#ftCek .ftm1 .gk .sil{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px}
#ftCek .ftm1 .gm{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#ftCek .ftek{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#ftCek .ftek button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:5px 9px;font:500 12px var(--f-ui);color:var(--ink);cursor:pointer;max-width:100%}
#ftCek .ftek button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
#ftCek .ftek button small{color:var(--ink3);font-size:10.5px}
#ftCek .ftek button.pdf::before{content:"PDF";font:700 9px var(--f-mono);background:var(--accent);color:#fff;border-radius:4px;padding:2px 4px}
#ftCek .ftyaz{border-top:1px solid var(--line);padding-top:10px}
#ftCek .ftyaz textarea{width:100%;min-height:64px;resize:vertical;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui)}
#ftCek .ftyaz textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#ftCek .ftyazalt{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}
#ftCek .ftbekle{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;min-width:0}
#ftCek .ftbekle:empty{display:none}
#ftCek .ftbekle span{font-size:11.5px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 9px;display:inline-flex;gap:6px;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap}
#ftCek .ftbekle span button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:0}
#ftCek .ftcalt{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
/* FT belgeler: Ön İzleme · Resmi Fatura alanları (18 Eyl 2026) + ek çipinde kategori rozeti */
#ftCek .ftbelgeler{display:flex;flex-direction:column;gap:10px;margin-top:6px}
#ftCek .ftbalan{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card)}
#ftCek .ftbalanbas{display:flex;align-items:center;justify-content:space-between;gap:8px}
#ftCek .ftbalanbas b{font-size:12.5px;font-weight:700}
#ftCek .ftbalan .ftek{margin-top:8px}
#ftCek .ftbbos{font-size:12px;color:var(--ink3);margin-top:6px}
#ftCek .ftekkat{font:700 9px var(--f-mono);border-radius:4px;padding:2px 5px;font-style:normal;letter-spacing:.03em;white-space:nowrap}
#ftCek .ftekkat.onizleme{background:var(--st-info-bg);color:var(--st-info);border:1px solid var(--st-info-line)}
#ftCek .ftekkat.resmi{background:var(--st-ok-bg);color:var(--st-ok);border:1px solid var(--st-ok-line)}
@media(max-width:768px){#ftCek{width:100%}}
/* ==== PRODUCTION TALEP (17 Eyl 2026, migration 175) — LT kalıbı; tablo/çekmece kuralları #ltTablo/#ltCek ile ortak (seçici çiftleme) ==== */
#ptTablo{table-layout:fixed;width:max-content;min-width:100%}
#ptTablo th{position:relative;white-space:nowrap}
#ptTablo td{vertical-align:middle}
#ptTablo tr.ltrow{cursor:pointer}
#ptTablo tr.ltrow:hover td{background:var(--bg)}
#ptTablo tr.ltsec td{background:var(--accent-soft)}
#ptTablo tr.ltarsiv td{opacity:.62}
#ptTablo .ltb{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ptTablo .ltm{display:block;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ptTablo .ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ptTablo td.ptsec,#ptTablo td.ptata,#ptTablo td.ptmetin{cursor:pointer}
#ptTablo .ltbos{color:var(--ink3);font-size:12px}
#ptTablo .ltgec{color:var(--st-no);font-weight:600}
#ptTablo .pbos{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%;border:1px dashed var(--line2);color:var(--ink3);text-align:center;font-size:14px}
#ptTablo input.lted{width:100%;box-sizing:border-box;height:28px;border:1px solid transparent;background:transparent;border-radius:6px;padding:0 6px;font:inherit;color:inherit}
#ptTablo input.lted:hover{border-color:var(--line)}#ptTablo input.lted:focus{border-color:var(--accent);background:var(--card);outline:0}
#ptArsivBtn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
#produksiyontalep .otkpi{grid-template-columns:repeat(5,1fr)}
.ptdosyabtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:3px 8px;font:500 12px var(--f-ui);color:var(--ink2);cursor:pointer;max-width:100%}
.ptdosyabtn:hover{border-color:var(--accent);color:var(--ink)}
.ptdosyapop{position:fixed;z-index:130;width:340px;max-width:calc(100vw - 16px);background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:10px 12px;font-size:12.5px}
.ptdosyapop[hidden]{display:none!important}
.ptdosyapop .baslik{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:6px;padding-right:22px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ptdosyapop .ptdkapat{position:absolute;right:0;top:-2px;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:13px}
.ptdliste{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow:auto}
.ptd1{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:var(--bg)}
.ptd1 .ptdad{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.ptd1 small{color:var(--ink3);white-space:nowrap}
.ptd1 .otik{flex:0 0 auto}
.ptdbilgi{margin-bottom:6px}
.ptdyuk{margin-top:8px}.ptdbar{height:6px;border-radius:4px;background:var(--line);overflow:hidden}.ptdbar i{display:block;height:100%;background:var(--accent);transition:width .2s}.ptdyuk small{color:var(--ink3)}
.ptdalt{display:flex;justify-content:flex-end;margin-top:8px}
#ptFormAta .otavk,#ltFormKisi .otavk{display:inline-flex}
#ltKartlar .ltmarka{display:inline-block;margin-top:3px;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer} #ltKartlar .ltmarka:hover{color:var(--color-link)}
/* ==== BÜTÇE / LİSTE TALEP (16 Eyl 2026, migration 153) — FT kalıbı; çekmece kuralları #ftCek'in #ltCek kopyası ==== */
/* (tablo CSS'i 24 Eyl 2026'da kart görünümüyle kalktı; .lted/.ltgec kuralları çekmecede ltozet/ftkal içinde) */
#ltCek .ltgec{color:var(--st-no);font-weight:600}
.ltarsivroz{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--line2);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle}
#ltArsivBtn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
/* ═══ TEDARİKÇİ LİSTESİ (1 Eki 2026, migration 333 — 86_tedarikci.js). Çekmece/tablo iskeleti #maCek/#maTablo listelerinde ortak;
   burada yalnız sayfaya özgü parçalar: yıldız puanı · çekmece bölüm başlıkları · belge satırları · uyarı rengi ═══ */
#tedarikci .otkpi>div.red b{color:var(--st-no)}
.tdyildiz{display:inline-flex;gap:1px;align-items:center;white-space:nowrap}
.tdyildiz i,.tdyildiz button{font-style:normal;font-size:15px;line-height:1;color:var(--line2);background:none;border:0;padding:2px 1px;cursor:default}
.tdyildiz button{cursor:pointer}
.tdyildiz .on{color:var(--st-warn)}
.tdyildiz.tik:hover button{color:var(--st-warn)} .tdyildiz.tik button:hover ~ button{color:var(--line2)}
.tdyildizk{color:var(--st-warn);letter-spacing:1px;white-space:nowrap} .tdyildizk i{font-style:normal;color:var(--line2)}
.tduyari{color:var(--st-no);font-weight:600}
#tdCek .tdbolum,#mjCek .tdbolum,#yvCek .tdbolum,#grCek .tdbolum{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--line)}
#tdCek .tdbolum:first-child,#mjCek .tdbolum:first-child,#yvCek .tdbolum:first-child,#grCek .tdbolum:first-child{margin-top:0}
#tdCek .ftkal .kv .ttmet,#mjCek .ftkal .kv .ttmet,#yvCek .ftkal .kv .ttmet,#grCek .ftkal .kv .ttmet{display:inline-flex;max-width:100%} #tdCek .tdcpil .ttpil,#mjCek .tdcpil .ttpil,#yvCek .tdcpil .ttpil,#grCek .tdcpil .ttpil{display:inline-flex;min-height:24px;padding:0 10px;border-radius:6px}
#tdCek .tdtarihc,#mjCek .tdtarihc,#tdCek .tdbgec,#mjCek .tdbgec,#yvCek .tdtarihc,#grCek .tdtarihc{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:12.5px}
#tdCek .tdkatcek{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
#tdCek .tddegust{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
#tdCek .tdpuansec{display:inline-flex}
#tdCek .tdpuansec button{border:0;background:none;font-size:20px;line-height:1;padding:2px;color:var(--line2);cursor:pointer}
#tdCek .tdpuansec button.on{color:var(--st-warn)}
#tdCek #tdMesajProje{flex:1 1 180px;min-width:0;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 10px;font:inherit;font-size:13px;box-sizing:border-box}
#tdCek .tdmsjust{display:flex;align-items:center;gap:8px;margin:2px 0 4px;font-size:12.5px}
#tdCek .tdproje{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 7px;color:var(--ink2);font-size:11.5px}
#tdCek .tdbelgeler{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
#tdCek .tdbelge{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;grid-template-areas:"tur ad gec sil" "tur meta gec sil";align-items:center;gap:2px 10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card)}
#tdCek .tdbelge.gecti{border-color:var(--st-no-line)}
#tdCek .tdbtur{grid-area:tur} #tdCek .tdbtur .ttpil{display:flex;min-height:26px;border-radius:6px;padding:0 8px;justify-content:center}
#tdCek .tdbad{grid-area:ad;display:inline-flex;align-items:center;gap:6px;min-width:0;border:0;background:none;padding:0;font:600 13px var(--f-ui);color:var(--color-link);cursor:pointer;text-align:left}
#tdCek .tdbad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tdCek .tdbmeta{grid-area:meta;font-size:11.5px;color:var(--ink3);min-width:0}
#tdCek .tdbgec{grid-area:gec} #tdCek .tdbelge .otik{grid-area:sil}
#tdCek .tdbelgeyukle{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
#tdCek .tdbelgeyukle label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--ink3)}
#tdCek .tdbelgeyukle select,#tdCek .tdbelgeyukle input{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:500 13px var(--f-ui)}
#tdCek .note,#yvCek .note{font-size:11.5px;color:var(--ink3);margin-top:6px}
#tdTablo .tdtarih{text-align:center}
/* ═══ YORUM & DEĞERLENDİRME (1 Eki 2026, migration 334 — 87_yorumdeger.js). Çekmece iskeleti #tdCek listelerinde ortak; burada yalnız sayfaya özgü. ═══ */
#yorumdeger .otfiltre [hidden],#yorumdeger .card[hidden]{display:none!important}
#yorumdeger .otkpi>div.red b{color:var(--st-no)}
#yorumdeger .yvsay{font-size:12px;color:var(--ink3);margin-left:auto;white-space:nowrap}
#yorumdeger .yvkf{display:contents}
#yorumdeger .yvcip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 10px;border-radius:99px;background:var(--accent-soft);color:var(--ink);font-size:12.5px;white-space:nowrap}
#yorumdeger .yvcip button{border:0;background:none;color:var(--ink2);cursor:pointer;font-size:12px;padding:2px 4px}
.yvbar{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0}
.yvbarc{flex:1 1 auto;min-width:40px;height:6px;border-radius:99px;background:var(--line);overflow:hidden}
.yvbarc i{display:block;height:100%;background:var(--st-ok);border-radius:99px}
.yvbar b{font-size:12px;font-weight:700;white-space:nowrap;color:var(--ink)}
.yvtutar{font-variant-numeric:tabular-nums;white-space:nowrap}
.yvtutar.eksi{color:var(--st-no)} .yvtutar.uyari{color:var(--st-warn);font-weight:700}
.yvgec{color:var(--st-no)} input.yvgec{border-color:var(--st-no-line)}
.yvinf{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--color-link);cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yvkampac{border:0;background:none;padding:0;font:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#yvTablo td.yvata,#yvTablo td.yvmus{cursor:pointer}
.yvgors{display:inline-flex;align-items:center;gap:4px;justify-content:center}
.yvgors .ftdz{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-size:12px;cursor:pointer;color:var(--ink2)}
.yvonay{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer}
.yvonay input{width:auto;height:auto;margin:0}
.yvgpop{display:flex;flex-direction:column;gap:6px;min-width:260px;max-width:360px;padding:4px}
.yvgpbas{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.yvgp1{display:flex;align-items:center;gap:8px;min-width:0}
.yvgp1 .tdbad{flex:1 1 auto;display:inline-flex;align-items:center;gap:6px;min-width:0;border:0;background:none;padding:0;font:600 13px var(--f-ui);color:var(--color-link);cursor:pointer;text-align:left}
.yvgp1 .tdbad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yvgp1 small{color:var(--ink3);font-size:11px;white-space:nowrap}
#yvCek.cekpanel{width:min(1120px,96vw)}
#yvCek .yvcekozet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px;font-size:12px}
#yvCek .yvcekozet>.yvbar{width:220px;flex:0 0 220px}
#yvCek .yvcekozet>span:not(.yvbar){display:flex;flex-direction:column;line-height:1.2}
#yvCek .yvcekozet small{color:var(--ink3);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
#yvCek .yvcekozet b{font-size:14px}
#yvCek .yvcekust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#yvCek .yvsayac{display:inline-flex;align-items:center;gap:4px;font-size:12px}
#yvCek .yvsayac .ttpil{display:inline-flex;min-height:22px;padding:0 8px;border-radius:6px;font-size:11.5px}
#yvCek .yvcektablo{overflow:auto;border:1px solid var(--line);border-radius:10px;max-height:calc(100vh - 330px)}
#yvCek .yvyonerge{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);font-size:12.5px;white-space:pre-wrap;line-height:1.5}
#yvCek .yvyonerge b{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
#yvCek .yvyontext{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:8px 10px;font:inherit;font-size:13px;resize:vertical}
@media (max-width:768px){
  #yvCek .yvcekozet>.yvbar{width:100%;flex-basis:100%}
  #yvCek .yvcektablo{max-height:none}
}
#tdTablo td.tdkat{cursor:pointer}
#tdTablo .tdiglink{margin-left:2px}
@media (max-width:768px){
  #tdCek .tdbelge{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tur sil" "ad ad" "meta meta" "gec gec"}
  #tdCek .tdbtur .ttpil{justify-content:flex-start;display:inline-flex}
  #tdCek .tdpuansec button{font-size:26px;padding:6px}
}
#ltCek,#maCek,#adCek,#pkCek,#thCek,#ptCek,#tdCek,#mjCek,#yvCek{width:min(620px,96vw);display:flex;flex-direction:column;padding:0}
#ltCek[hidden],#maCek[hidden],#adCek[hidden],#pkCek[hidden],#thCek[hidden],#ptCek[hidden],#tdCek[hidden],#mjCek[hidden],#yvCek[hidden]{display:none}
#ltCek .ftcust,#maCek .ftcust,#adCek .ftcust,#pkCek .ftcust,#thCek .ftcust,#ptCek .ftcust,#tdCek .ftcust,#mjCek .ftcust,#yvCek .ftcust{padding:18px 22px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
#ltCek .ftcust h3,#maCek .ftcust h3,#adCek .ftcust h3,#pkCek .ftcust h3,#thCek .ftcust h3,#ptCek .ftcust h3,#tdCek .ftcust h3,#mjCek .ftcust h3,#yvCek .ftcust h3{margin:0 0 4px;font-family:var(--f-display);font-size:17px;font-weight:800;line-height:1.2;padding-right:32px}
#ltCek .ftcmeta,#maCek .ftcmeta,#adCek .ftcmeta,#pkCek .ftcmeta,#thCek .ftcmeta,#ptCek .ftcmeta,#tdCek .ftcmeta,#mjCek .ftcmeta,#yvCek .ftcmeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ink3)}
#ltCek .ftcsek,#maCek .ftcsek,#adCek .ftcsek,#pkCek .ftcsek,#thCek .ftcsek,#ptCek .ftcsek,#tdCek .ftcsek,#mjCek .ftcsek,#yvCek .ftcsek{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid var(--line);flex:0 0 auto}
#ltCek .ftcsek button,#maCek .ftcsek button,#adCek .ftcsek button,#pkCek .ftcsek button,#thCek .ftcsek button,#ptCek .ftcsek button,#tdCek .ftcsek button,#mjCek .ftcsek button,#yvCek .ftcsek button{border:0;background:none;padding:10px 12px;font:600 12.5px var(--f-ui);color:var(--ink3);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
#ltCek .ftcsek button.akt,#maCek .ftcsek button.akt,#adCek .ftcsek button.akt,#pkCek .ftcsek button.akt,#thCek .ftcsek button.akt,#ptCek .ftcsek button.akt,#tdCek .ftcsek button.akt,#mjCek .ftcsek button.akt,#yvCek .ftcsek button.akt{color:var(--ink);border-bottom-color:var(--accent)}
#ltCek .ftcgov,#maCek .ftcgov,#adCek .ftcgov,#pkCek .ftcgov,#thCek .ftcgov,#ptCek .ftcgov,#tdCek .ftcgov,#mjCek .ftcgov,#yvCek .ftcgov{flex:1 1 auto;overflow:auto;padding:14px 22px 22px}
#ltCek .ftkal,#maCek .ftkal,#adCek .ftkal,#pkCek .ftkal,#thCek .ftkal,#ptCek .ftkal,#tdCek .ftkal,#mjCek .ftkal,#yvCek .ftkal{display:grid;grid-template-columns:150px 1fr;gap:8px 12px;font-size:13px}
#ltCek .ftkal .ke,#maCek .ftkal .ke,#adCek .ftkal .ke,#pkCek .ftkal .ke,#thCek .ftkal .ke,#ptCek .ftkal .ke,#tdCek .ftkal .ke,#mjCek .ftkal .ke,#yvCek .ftkal .ke{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
#ltCek .ftkal .kv,#maCek .ftkal .kv,#adCek .ftkal .kv,#pkCek .ftkal .kv,#thCek .ftkal .kv,#ptCek .ftkal .kv,#tdCek .ftkal .kv,#mjCek .ftkal .kv,#yvCek .ftkal .kv{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#ltCek .ftkal .kv.mono,#maCek .ftkal .kv.mono,#adCek .ftkal .kv.mono,#pkCek .ftkal .kv.mono,#thCek .ftkal .kv.mono,#ptCek .ftkal .kv.mono,#tdCek .ftkal .kv.mono,#mjCek .ftkal .kv.mono,#yvCek .ftkal .kv.mono{font-family:var(--f-mono);font-size:12px}
#ltCek .ftdz,#maCek .ftdz,#adCek .ftdz,#pkCek .ftdz,#thCek .ftdz,#ptCek .ftdz,#tdCek .ftdz,#mjCek .ftdz,#yvCek .ftdz{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--ink2)}
#ltCek .ftdz:hover,#maCek .ftdz:hover,#adCek .ftdz:hover,#pkCek .ftdz:hover,#thCek .ftdz:hover,#ptCek .ftdz:hover,#tdCek .ftdz:hover,#mjCek .ftdz:hover,#yvCek .ftdz:hover{border-color:var(--line2);color:var(--ink)}
#ltCek .ftmesajlar,#maCek .ftmesajlar,#adCek .ftmesajlar,#pkCek .ftmesajlar,#thCek .ftmesajlar,#ptCek .ftmesajlar,#tdCek .ftmesajlar,#mjCek .ftmesajlar,#yvCek .ftmesajlar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#ltCek .ftm1,#maCek .ftm1,#adCek .ftm1,#pkCek .ftm1,#thCek .ftm1,#ptCek .ftm1,#tdCek .ftm1,#mjCek .ftm1,#yvCek .ftm1{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;background:var(--card)}
#ltCek .ftm1.ben,#maCek .ftm1.ben,#adCek .ftm1.ben,#pkCek .ftm1.ben,#thCek .ftm1.ben,#ptCek .ftm1.ben,#tdCek .ftm1.ben,#mjCek .ftm1.ben,#yvCek .ftm1.ben{background:var(--accent-soft);border-color:transparent}
#ltCek .ftm1 .gk,#maCek .ftm1 .gk,#adCek .ftm1 .gk,#pkCek .ftm1 .gk,#thCek .ftm1 .gk,#ptCek .ftm1 .gk,#tdCek .ftm1 .gk,#mjCek .ftm1 .gk,#yvCek .ftm1 .gk{display:flex;gap:8px;align-items:center;margin-bottom:5px}
#ltCek .ftm1 .gk b,#maCek .ftm1 .gk b,#adCek .ftm1 .gk b,#pkCek .ftm1 .gk b,#thCek .ftm1 .gk b,#ptCek .ftm1 .gk b,#tdCek .ftm1 .gk b,#mjCek .ftm1 .gk b,#yvCek .ftm1 .gk b{font-weight:600}
#ltCek .ftm1 .gk span,#maCek .ftm1 .gk span,#adCek .ftm1 .gk span,#pkCek .ftm1 .gk span,#thCek .ftm1 .gk span,#ptCek .ftm1 .gk span,#tdCek .ftm1 .gk span,#mjCek .ftm1 .gk span,#yvCek .ftm1 .gk span{color:var(--ink3);font-size:11.5px}
#ltCek .ftm1 .gk .sil,#maCek .ftm1 .gk .sil,#adCek .ftm1 .gk .sil,#pkCek .ftm1 .gk .sil,#thCek .ftm1 .gk .sil,#ptCek .ftm1 .gk .sil,#tdCek .ftm1 .gk .sil,#mjCek .ftm1 .gk .sil,#yvCek .ftm1 .gk .sil{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px}
#ltCek .ftm1 .gm,#maCek .ftm1 .gm,#adCek .ftm1 .gm,#pkCek .ftm1 .gm,#thCek .ftm1 .gm,#ptCek .ftm1 .gm,#tdCek .ftm1 .gm,#mjCek .ftm1 .gm,#yvCek .ftm1 .gm{white-space:pre-wrap;word-break:break-word;line-height:1.5}

#ltCek .ftm1 .gm .isment,#maCek .ftm1 .gm .isment,#adCek .ftm1 .gm .isment,#pkCek .ftm1 .gm .isment,#thCek .ftm1 .gm .isment,#ptCek .ftm1 .gm .isment,#tdCek .ftm1 .gm .isment,#mjCek .ftm1 .gm .isment,#yvCek .ftm1 .gm .isment{color:var(--accent)}
#ltCek .ltyanitlar,#maCek .ltyanitlar,#adCek .ltyanitlar,#pkCek .ltyanitlar,#thCek .ltyanitlar,#ptCek .ltyanitlar,#btCek .ltyanitlar,#tdCek .ltyanitlar,#mjCek .ltyanitlar,#yvCek .ltyanitlar{margin:8px 0 0 18px;padding-left:12px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:6px}
#ltCek .ltyanitlar .ftm1,#maCek .ltyanitlar .ftm1,#adCek .ltyanitlar .ftm1,#pkCek .ltyanitlar .ftm1,#thCek .ltyanitlar .ftm1,#ptCek .ltyanitlar .ftm1,#btCek .ltyanitlar .ftm1,#tdCek .ltyanitlar .ftm1,#mjCek .ltyanitlar .ftm1,#yvCek .ltyanitlar .ftm1{padding:8px 10px;font-size:12.5px}
#ltCek .ltyanitla,#maCek .ltyanitla,#adCek .ltyanitla,#pkCek .ltyanitla,#thCek .ltyanitla,#ptCek .ltyanitla,#btCek .ltyanitla,#tdCek .ltyanitla,#mjCek .ltyanitla,#yvCek .ltyanitla{border:0;background:none;color:var(--ink3);font:600 11.5px var(--f-ui);cursor:pointer;padding:4px 0 0}
#ltCek .ltyanitla:hover,#maCek .ltyanitla:hover,#adCek .ltyanitla:hover,#pkCek .ltyanitla:hover,#thCek .ltyanitla:hover,#ptCek .ltyanitla:hover,#btCek .ltyanitla:hover,#tdCek .ltyanitla:hover,#mjCek .ltyanitla:hover,#yvCek .ltyanitla:hover{color:var(--accent)}
#ltCek .ltyanitkutu,#maCek .ltyanitkutu,#adCek .ltyanitkutu,#pkCek .ltyanitkutu,#thCek .ltyanitkutu,#ptCek .ltyanitkutu,#btCek .ltyanitkutu,#tdCek .ltyanitkutu,#mjCek .ltyanitkutu,#yvCek .ltyanitkutu{margin-top:6px;display:flex;flex-direction:column;gap:6px}
#ltCek .ltyanitkutu textarea,#maCek .ltyanitkutu textarea,#adCek .ltyanitkutu textarea,#pkCek .ltyanitkutu textarea,#thCek .ltyanitkutu textarea,#ptCek .ltyanitkutu textarea,#btCek .ltyanitkutu textarea,#tdCek .ltyanitkutu textarea,#mjCek .ltyanitkutu textarea,#yvCek .ltyanitkutu textarea{width:100%;min-height:52px;resize:vertical;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 12.5px/1.45 var(--f-ui)}
#ltCek .ltyanitkutu div,#maCek .ltyanitkutu div,#adCek .ltyanitkutu div,#pkCek .ltyanitkutu div,#thCek .ltyanitkutu div,#ptCek .ltyanitkutu div,#btCek .ltyanitkutu div,#tdCek .ltyanitkutu div,#mjCek .ltyanitkutu div,#yvCek .ltyanitkutu div{display:flex;gap:6px;justify-content:flex-end}
#ltCek .ltyanitkutu .btn,#maCek .ltyanitkutu .btn,#adCek .ltyanitkutu .btn,#pkCek .ltyanitkutu .btn,#thCek .ltyanitkutu .btn,#ptCek .ltyanitkutu .btn,#btCek .ltyanitkutu .btn,#tdCek .ltyanitkutu .btn,#mjCek .ltyanitkutu .btn,#yvCek .ltyanitkutu .btn{min-height:0;height:28px;padding:0 10px}
/* Beğeni · sabitleme · görüldü (22 Eyl 2026, AP konuşma kalıbının Bütçe Toplama/Bütçe-Liste Talep sürümü — ortak tema token'larıyla) */
#ltCek .ltalt,#btCek .ltalt{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
#ltCek .ltbegen,#btCek .ltbegen{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:2px 10px;font:500 12px var(--f-ui);color:var(--ink3);cursor:pointer;display:inline-flex;gap:4px;align-items:center}
#ltCek .ltbegen:hover,#btCek .ltbegen:hover{border-color:var(--accent);color:var(--accent)}
#ltCek .ltbegen.sec,#btCek .ltbegen.sec{background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:var(--accent);color:var(--accent)}
#ltCek .ltgoren,#btCek .ltgoren{display:inline-flex;align-items:center;gap:2px;margin-left:auto}
#ltCek .ltgoren.bos,#btCek .ltgoren.bos{font-size:11px;color:var(--ink3)}
#ltCek .ltgoren small,#btCek .ltgoren small{font-size:10.5px;color:var(--ink3);margin-left:6px}
#ltCek .ltgpul,#btCek .ltgpul{position:relative;display:inline-flex}
#ltCek .ltgpul .otav,#btCek .ltgpul .otav{width:20px;height:20px;font-size:9px;border:2px solid var(--card);margin:0 0 0 -6px}
#ltCek .ltgpul:first-child .otav,#btCek .ltgpul:first-child .otav{margin-left:0}
#ltCek .ltgcihaz,#btCek .ltgcihaz{position:absolute;right:-4px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink3)}
#ltCek .ltgcihaz svg,#btCek .ltgcihaz svg{width:8px;height:8px}
#ltCek .ltgcihaz.m,#btCek .ltgcihaz.m{color:#7C3AED} #ltCek .ltgcihaz.w,#btCek .ltgcihaz.w{color:#1D4ED8}
#ltCek .ltgplus,#btCek .ltgplus{font-size:10px;color:var(--ink3);margin-left:4px}
#ltCek .ftm1 .gk .ltsabit,#btCek .ftm1 .gk .ltsabit{font-size:10.5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:99px;padding:1px 7px;font-weight:600}
#ltCek .ftm1 .gk .ltkarac,#btCek .ftm1 .gk .ltkarac{margin-left:auto;display:inline-flex;gap:2px}
#ltCek .ltmini,#btCek .ltmini{border:0;background:transparent;color:var(--ink3);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:6px;opacity:.55}
#ltCek .ftm1:hover .ltmini,#btCek .ftm1:hover .ltmini{opacity:1}
#ltCek .ltmini:hover,#btCek .ltmini:hover{background:var(--line);color:var(--ink)}
#ltCek .ftm1.ltsabitli,#btCek .ftm1.ltsabitli{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--card))}
#ltCek .ltsabitbas,#btCek .ltsabitbas{font:700 10.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:2px 4px 6px}
#ltCek .ltsabitayir,#btCek .ltsabitayir{height:1px;background:var(--line);margin:8px 0 12px}
#ltCek .ftek,#maCek .ftek,#adCek .ftek,#pkCek .ftek,#thCek .ftek,#ptCek .ftek,#tdCek .ftek,#mjCek .ftek,#yvCek .ftek{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#ltCek .ftek button,#maCek .ftek button,#adCek .ftek button,#pkCek .ftek button,#thCek .ftek button,#ptCek .ftek button,#tdCek .ftek button,#mjCek .ftek button,#yvCek .ftek button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:5px 9px;font:500 12px var(--f-ui);color:var(--ink);cursor:pointer;max-width:100%}
#ltCek .ftek button span,#maCek .ftek button span,#adCek .ftek button span,#pkCek .ftek button span,#thCek .ftek button span,#ptCek .ftek button span,#tdCek .ftek button span,#mjCek .ftek button span,#yvCek .ftek button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
#ltCek .ftek button small,#maCek .ftek button small,#adCek .ftek button small,#pkCek .ftek button small,#thCek .ftek button small,#ptCek .ftek button small,#tdCek .ftek button small,#mjCek .ftek button small,#yvCek .ftek button small{color:var(--ink3);font-size:10.5px}
#ltCek .ftek button.pdf::before,#maCek .ftek button.pdf::before,#adCek .ftek button.pdf::before,#pkCek .ftek button.pdf::before,#thCek .ftek button.pdf::before,#ptCek .ftek button.pdf::before,#tdCek .ftek button.pdf::before,#mjCek .ftek button.pdf::before,#yvCek .ftek button.pdf::before{content:"PDF";font:700 9px var(--f-mono);background:var(--accent);color:#fff;border-radius:4px;padding:2px 4px}
#ltCek .ftyaz,#maCek .ftyaz,#adCek .ftyaz,#pkCek .ftyaz,#thCek .ftyaz,#ptCek .ftyaz,#tdCek .ftyaz,#mjCek .ftyaz,#yvCek .ftyaz{border-top:1px solid var(--line);padding-top:10px}
#ltCek .ftyaz textarea,#maCek .ftyaz textarea,#adCek .ftyaz textarea,#pkCek .ftyaz textarea,#thCek .ftyaz textarea,#ptCek .ftyaz textarea,#tdCek .ftyaz textarea,#mjCek .ftyaz textarea,#yvCek .ftyaz textarea{width:100%;min-height:64px;resize:vertical;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui)}
#ltCek .ftyaz textarea:focus,#maCek .ftyaz textarea:focus,#adCek .ftyaz textarea:focus,#pkCek .ftyaz textarea:focus,#thCek .ftyaz textarea:focus,#ptCek .ftyaz textarea:focus,#tdCek .ftyaz textarea:focus,#mjCek .ftyaz textarea:focus,#yvCek .ftyaz textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#ltCek .ftyazalt,#maCek .ftyazalt,#adCek .ftyazalt,#pkCek .ftyazalt,#thCek .ftyazalt,#ptCek .ftyazalt,#tdCek .ftyazalt,#mjCek .ftyazalt,#yvCek .ftyazalt{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}
#ltCek .ftbekle,#maCek .ftbekle,#adCek .ftbekle,#pkCek .ftbekle,#thCek .ftbekle,#ptCek .ftbekle,#tdCek .ftbekle,#mjCek .ftbekle,#yvCek .ftbekle{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;min-width:0}
#ltCek .ftbekle:empty,#maCek .ftbekle:empty,#adCek .ftbekle:empty,#pkCek .ftbekle:empty,#thCek .ftbekle:empty,#ptCek .ftbekle:empty,#tdCek .ftbekle:empty,#mjCek .ftbekle:empty,#yvCek .ftbekle:empty{display:none}
#ltCek .ftbekle span,#maCek .ftbekle span,#adCek .ftbekle span,#pkCek .ftbekle span,#thCek .ftbekle span,#ptCek .ftbekle span,#tdCek .ftbekle span,#mjCek .ftbekle span,#yvCek .ftbekle span{font-size:11.5px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 9px;display:inline-flex;gap:6px;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap}
#ltCek .ftbekle span button,#maCek .ftbekle span button,#adCek .ftbekle span button,#pkCek .ftbekle span button,#thCek .ftbekle span button,#ptCek .ftbekle span button,#tdCek .ftbekle span button,#mjCek .ftbekle span button,#yvCek .ftbekle span button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:0}
/* ── PRODUCTION TALEP KONUŞMA — zengin editör (güncelleme + yanıt): B/I/U · renk · liste · tik · bağlantı; yanıtta dosya eki (17 Eyl 2026) ── */
#ptCek .ptzarac{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:0 0 6px;margin-bottom:6px;border-bottom:1px solid var(--line)}
#ptCek .ptzarac button{border:1px solid transparent;background:transparent;border-radius:6px;min-width:26px;height:26px;padding:0 7px;font:600 12px var(--f-ui);color:var(--ink2);cursor:pointer;flex:0 0 auto;width:auto}
#ptCek .ptzarac button:hover{background:var(--bg);color:var(--ink);border-color:var(--line2)}
#ptCek .ptzayir{width:1px;height:16px;background:var(--line);margin:0 4px}
#ptCek .ptzrenkler{display:inline-flex;gap:3px;align-items:center;margin:0 4px}
#ptCek .ptzrenkler button{width:16px;height:16px;min-width:0;padding:0;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line2)}
#ptCek .ptzrenkler button:last-child{width:auto;border-radius:6px;box-shadow:none;background:transparent;font-size:11px;padding:0 5px}
#ptCek .ptzengin{width:100%;min-height:64px;max-height:240px;overflow:auto;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui);outline:none;white-space:pre-wrap;word-break:break-word}
#ptCek .ptzengin:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#ptCek .ptzengin:empty::before{content:attr(data-placeholder);color:var(--ink3);pointer-events:none}
#ptCek .ptzengin ul,#ptCek .ftm1 .gm.gzengin ul{padding-left:20px;margin:4px 0;list-style:disc}
#ptCek .ptzengin ol,#ptCek .ftm1 .gm.gzengin ol{padding-left:20px;margin:4px 0;list-style:decimal}

#ptCek .ftm1 .gm.gzengin{white-space:normal}
#ptCek .ftm1 .gm.gzengin p,#ptCek .ftm1 .gm.gzengin div{margin:0 0 3px}
#ptCek .ptyanitkutu{margin-top:6px;display:flex;flex-direction:column;gap:6px}
#ptCek .ptyanitkutu .ptzengin{min-height:52px;font-size:12.5px}
#ptCek .ptyanitkutu .ftbekle{flex:0 0 auto}
#ptCek .ptyanitalt{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
#ptCek .ptyanitalt .btn{min-height:0;height:28px;padding:0 10px}
html[data-tema=koyu] #ptCek .ptzrenkler button[data-ptzrenk="#1B1A19"]{box-shadow:0 0 0 1px var(--ink3)}
#ltCek .ftcalt,#maCek .ftcalt,#adCek .ftcalt,#pkCek .ftcalt,#thCek .ftcalt,#ptCek .ftcalt,#tdCek .ftcalt,#mjCek .ftcalt,#yvCek .ftcalt{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#ltCek .ltgun,#maCek .ltgun,#adCek .ltgun,#pkCek .ltgun,#thCek .ltgun,#ptCek .ltgun,#tdCek .ltgun,#mjCek .ltgun,#yvCek .ltgun{display:flex;flex-direction:column;gap:0}
#ltCek .ltgun .g1,#maCek .ltgun .g1,#adCek .ltgun .g1,#pkCek .ltgun .g1,#thCek .ltgun .g1,#ptCek .ltgun .g1,#tdCek .ltgun .g1,#mjCek .ltgun .g1,#yvCek .ltgun .g1{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
#ltCek .ltgun .g1 .gav,#maCek .ltgun .g1 .gav,#adCek .ltgun .g1 .gav,#pkCek .ltgun .g1 .gav,#thCek .ltgun .g1 .gav,#ptCek .ltgun .g1 .gav,#tdCek .ltgun .g1 .gav,#mjCek .ltgun .g1 .gav,#yvCek .ltgun .g1 .gav{width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font:700 10px var(--f-ui);color:var(--ink2)}
#ltCek .ltgun .g1 .gav.mon,#maCek .ltgun .g1 .gav.mon,#adCek .ltgun .g1 .gav.mon,#pkCek .ltgun .g1 .gav.mon,#thCek .ltgun .g1 .gav.mon,#ptCek .ltgun .g1 .gav.mon,#tdCek .ltgun .g1 .gav.mon,#mjCek .ltgun .g1 .gav.mon,#yvCek .ltgun .g1 .gav.mon{border-style:dashed}
#ltCek .ltgun .g1 .gbas,#maCek .ltgun .g1 .gbas,#adCek .ltgun .g1 .gbas,#pkCek .ltgun .g1 .gbas,#thCek .ltgun .g1 .gbas,#ptCek .ltgun .g1 .gbas,#tdCek .ltgun .g1 .gbas,#mjCek .ltgun .g1 .gbas,#yvCek .ltgun .g1 .gbas{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}
#ltCek .ltgun .g1 .gbas b,#maCek .ltgun .g1 .gbas b,#adCek .ltgun .g1 .gbas b,#pkCek .ltgun .g1 .gbas b,#thCek .ltgun .g1 .gbas b,#ptCek .ltgun .g1 .gbas b,#tdCek .ltgun .g1 .gbas b,#mjCek .ltgun .g1 .gbas b,#yvCek .ltgun .g1 .gbas b{font-weight:600}
#ltCek .ltgun .g1 .gbas span,#maCek .ltgun .g1 .gbas span,#adCek .ltgun .g1 .gbas span,#pkCek .ltgun .g1 .gbas span,#thCek .ltgun .g1 .gbas span,#ptCek .ltgun .g1 .gbas span,#tdCek .ltgun .g1 .gbas span,#mjCek .ltgun .g1 .gbas span,#yvCek .ltgun .g1 .gbas span{color:var(--ink3);font-size:11.5px}
#ltCek .ltgun .g1 .gmet,#maCek .ltgun .g1 .gmet,#adCek .ltgun .g1 .gmet,#pkCek .ltgun .g1 .gmet,#thCek .ltgun .g1 .gmet,#ptCek .ltgun .g1 .gmet,#tdCek .ltgun .g1 .gmet,#mjCek .ltgun .g1 .gmet,#yvCek .ltgun .g1 .gmet{color:var(--ink2);margin-top:2px;line-height:1.45;word-break:break-word}
#ltCek .ltgun .g1 .gmet .ttpil,#maCek .ltgun .g1 .gmet .ttpil,#adCek .ltgun .g1 .gmet .ttpil,#pkCek .ltgun .g1 .gmet .ttpil,#thCek .ltgun .g1 .gmet .ttpil,#ptCek .ltgun .g1 .gmet .ttpil,#tdCek .ltgun .g1 .gmet .ttpil,#mjCek .ltgun .g1 .gmet .ttpil,#yvCek .ltgun .g1 .gmet .ttpil{margin:0 2px;vertical-align:middle}
#ltCek .ltgun .g1 .gmet .lteski,#maCek .ltgun .g1 .gmet .lteski,#adCek .ltgun .g1 .gmet .lteski,#pkCek .ltgun .g1 .gmet .lteski,#thCek .ltgun .g1 .gmet .lteski,#ptCek .ltgun .g1 .gmet .lteski,#tdCek .ltgun .g1 .gmet .lteski,#mjCek .ltgun .g1 .gmet .lteski,#yvCek .ltgun .g1 .gmet .lteski{color:var(--ink3);text-decoration:line-through}
#ltCek .gmon,#maCek .gmon,#adCek .gmon,#pkCek .gmon,#thCek .gmon,#ptCek .gmon,#tdCek .gmon,#mjCek .gmon,#yvCek .gmon{display:inline-flex;align-items:center;font:700 9px var(--f-mono);letter-spacing:.05em;border:1px dashed var(--line2);color:var(--ink3);border-radius:4px;padding:1px 4px;margin-left:4px}
#ltFormPop textarea{width:100%;box-sizing:border-box;resize:vertical;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui)}
#ltFormPop .otpopbtn .btn{flex:0 0 auto}
@media(max-width:768px){#ltCek{width:100%}}
/* ==== YENİ MÜŞTERİ ADAYLARI (16 Eyl 2026, migration 154) — LT kalıbı; tablo + çekmece kuralları LT'nin eşleniği ==== */
/* İK personel modülü (17 Eyl 2026) — çekmece bölüm başlıkları + izin özeti + maaş geçmişi */
#pkCek .pkbolum{margin:14px 0 8px;font:800 11px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:4px}
#pkCek .pkbolum:first-child{margin-top:0}
.ytbosnot{padding:18px 6px;font-size:12.5px;color:var(--ink3)}
/* LİSTE TALEP konuşma üstü özet şeridi (23 Eyl 2026) */
.ltozet{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;margin:0 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg))}
.ltozet1{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink3)}
.ltozet1 .ftdz{font-size:12.5px;color:var(--ink);max-width:420px;white-space:normal;text-align:left}
.ltozet1 .lted{height:26px;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:0 6px;background:var(--card);color:var(--ink)}
.ltozet1 i.ltbos{font-style:normal;color:var(--ink3)}
.ltozetneden{flex:1 1 100%}
/* ENVANTER (23 Eyl 2026) */
.pkenvbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.pkenvbar .btn{white-space:nowrap}
.pkenvtab td{vertical-align:middle}
.pkenvchips{display:flex;gap:6px;flex-wrap:wrap}
.pkenvchips b{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font:600 12px var(--f-ui);color:var(--ink2);cursor:pointer;background:var(--card)}
.pkenvchips b.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.pkenvchips b s{width:8px;height:8px;border-radius:50%;background:var(--kr,#676879);text-decoration:none;display:inline-block}
.pkenvchips b i{font-style:normal;font:600 10.5px var(--f-mono);color:var(--ink3)}
.pkenvtab td,.pkenvtab th{white-space:nowrap}
.pkenvtab td.pkenvbilgi{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2);font-size:12px}
.pkenvgrp{border:1px solid var(--line);border-left:3px solid var(--kr,#676879);border-radius:10px;margin-top:12px;overflow:hidden}
.pkenvgrp:first-of-type{margin-top:0}
.pkenvgrpbas{display:flex;align-items:center;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--kr,#676879) 7%,var(--card));border-bottom:1px solid var(--line)}
.pkenvgrpbas s{width:9px;height:9px;border-radius:50%;background:var(--kr,#676879);display:inline-block;text-decoration:none}
.pkenvgrpbas b{font:700 13.5px var(--f-ui);color:var(--ink)}
.pkenvgrpbas i{font-style:normal;font:600 11px var(--f-mono);color:var(--ink3)}
.pkenvgrpbas span{font:500 12px var(--f-ui);color:var(--ink3)}
.pkenvgrp .pkenvtab{margin:0}
.pkenvtab td.pkenvurun{min-width:180px;max-width:280px}
.pkenvtab td.pkenvurun b{display:block;overflow:hidden;text-overflow:ellipsis}
.pkenvtab .pkenvnot{font-size:11px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pkenvtab .pkenvis{text-align:right;white-space:nowrap}
.pkenvtab .pkenvis .btn{margin-right:4px}
.pkenvkisi{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;color:var(--ink);font:600 12.5px var(--f-ui)}
.pkenvkisi .pkav{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 10px var(--f-ui);background-size:cover;background-position:center;flex:0 0 auto}
.pkenvtab td small{display:block;color:var(--ink3);font-size:11px;margin-top:2px}
.pkenvonceki{display:block;border:0;background:none;padding:0;margin-top:3px;cursor:pointer;color:var(--color-link);font:500 11px var(--f-ui);text-align:left}
.pkenvonceki:hover{text-decoration:underline}
.pkenvcip{display:inline-block;padding:2px 8px;margin:0 4px 3px 0;border:1px solid var(--line);border-radius:999px;background:var(--card);font:500 12px var(--f-ui);color:var(--ink)}
.pkenvbos{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--st-ok-bg);color:var(--st-ok);font:600 11.5px var(--f-ui)}
.pkenvalan{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.pkenvalan input{flex:1 1 auto;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:500 12.5px var(--f-ui);background:var(--card);color:var(--ink)}
.pkenvalan select{height:32px;border:1px solid var(--line);border-radius:8px;padding:0 6px;font:500 12.5px var(--f-ui);background:var(--card);color:var(--ink)}
.pkzimsat{display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:12.5px}
.pkzimsat span{color:var(--ink2);font-size:12px}.pkzimsat i{color:#0d8a4f;font-style:normal;font-weight:600}.pkzimsat small{color:var(--ink3)}
.ftcsay{font-style:normal;font:600 10px var(--f-mono);background:var(--accent);color:#fff;border-radius:999px;padding:1px 6px;margin-left:2px}
/* ANA SAYFA ÖDEME GRAFİĞİ (23 Eyl 2026) */
.asodeme{display:flex;flex-direction:column;gap:10px;min-height:0}
.asodemekpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.asodemekpi div{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.asodemekpi b{display:block;font:700 17px var(--f-ui);color:var(--ink)}.asodemekpi span{display:block;font-size:11px;color:var(--ink3)}.asodemekpi i{display:block;font-style:normal;font-size:11px;color:var(--ink2);margin-top:2px}
.asodemekpi div.gec b{color:#c92f34}
.asodemegraf{display:flex;align-items:stretch;gap:6px;height:170px;padding-top:6px;flex:1 1 auto}
.asodemegraf .bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
.asodemegraf .bar em{font-style:normal;font:600 10px var(--f-mono);color:var(--ink2);white-space:nowrap;min-height:12px}
.asodemegraf .bar .ic{flex:1 1 auto;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.asodemegraf .bar .ic i{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:68%;max-width:40px;border-radius:5px 5px 2px 2px;display:flex;flex-direction:column-reverse;overflow:hidden;background:var(--line)}
.asodemegraf .bar .ic i s{display:block;text-decoration:none;width:100%}
.asodemegraf .bar .ic i s.od{background:var(--teal,#2B7A78)}.asodemegraf .bar .ic i s.bk{background:var(--accent)}.asodemegraf .bar .ic i s.gc{background:#c92f34}
.asodemegraf .bar span{font-size:11px;color:var(--ink3)}.asodemegraf .bar.bu span{color:var(--accent);font-weight:700}
.asodemelej{margin-left:auto;font-size:11px;color:var(--ink3);display:inline-flex;gap:4px;align-items:center}
.asodemelej i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:6px}.asodemelej i.od{background:var(--teal,#2B7A78)}.asodemelej i.bk{background:var(--accent)}.asodemelej i.gc{background:#c92f34}
.pkizinozet{display:flex;gap:10px;margin-bottom:8px}
.pkizinozet>div{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-align:center}
.pkizinozet>div b{display:block;font-family:var(--f-display);font-size:20px}
.pkizinozet>div span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.pkizinozet>div.eksi b{color:var(--st-no)}
.pkizinform{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.pkizinform input,.pkizinform select{height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:500 12.5px var(--f-ui);background:var(--card);color:var(--ink)}
.pkizintab td{font-size:12.5px}
.pkmaastab{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.pkmaasay{display:inline-flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 8px;min-width:74px}
.pkmaasay i{font-style:normal;font-size:10px;color:var(--ink3)}
.pkmaasay b{font-size:12px;font-family:var(--f-mono)}
#maTablo,#adTablo,#pkTablo,#thTablo,#tdTablo,#yvTablo,#yvYTablo,#yvKTablo,#yvCekYTablo{table-layout:fixed;width:max-content;min-width:100%}
#maTablo th,#adTablo th,#pkTablo th,#thTablo th,#tdTablo th,#yvTablo th,#yvYTablo th,#yvKTablo th,#yvCekYTablo th{position:relative;white-space:nowrap}
#maTablo td,#adTablo td,#pkTablo td,#thTablo td,#tdTablo td,#yvTablo td,#yvYTablo td,#yvKTablo td,#yvCekYTablo td{vertical-align:middle}
#maTablo tr.ltrow,#adTablo tr.ltrow,#pkTablo tr.ltrow,#thTablo tr.ltrow,#tdTablo tr.ltrow,#yvTablo tr.ltrow,#yvYTablo tr.ltrow,#yvKTablo tr.ltrow,#yvCekYTablo tr.ltrow{cursor:pointer}
#maTablo tr.ltrow:hover td,#adTablo tr.ltrow:hover td,#pkTablo tr.ltrow:hover td,#thTablo tr.ltrow:hover td,#tdTablo tr.ltrow:hover td,#yvTablo tr.ltrow:hover td,#yvYTablo tr.ltrow:hover td,#yvKTablo tr.ltrow:hover td,#yvCekYTablo tr.ltrow:hover td{background:var(--bg)}
#maTablo tr.ltsec td,#adTablo tr.ltsec td,#pkTablo tr.ltsec td,#thTablo tr.ltsec td,#tdTablo tr.ltsec td,#yvTablo tr.ltsec td,#yvYTablo tr.ltsec td,#yvKTablo tr.ltsec td,#yvCekYTablo tr.ltsec td{background:var(--accent-soft)}
#maTablo tr.ltarsiv td,#adTablo tr.ltarsiv td,#pkTablo tr.ltarsiv td,#thTablo tr.ltarsiv td,#tdTablo tr.ltarsiv td,#yvTablo tr.ltarsiv td,#yvYTablo tr.ltarsiv td,#yvKTablo tr.ltarsiv td,#yvCekYTablo tr.ltarsiv td{opacity:.62}
#maTablo .ltb,#adTablo .ltb,#pkTablo .ltb,#thTablo .ltb,#tdTablo .ltb,#yvTablo .ltb,#yvYTablo .ltb,#yvKTablo .ltb,#yvCekYTablo .ltb{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#maTablo .ltm,#adTablo .ltm,#pkTablo .ltm,#thTablo .ltm,#tdTablo .ltm,#yvTablo .ltm,#yvYTablo .ltm,#yvKTablo .ltm,#yvCekYTablo .ltm{display:block;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#maTablo td.ltdurum,#maTablo td.ltsec2,#maTablo td.maekleyen,#adTablo td.ltdurum,#pkTablo td.ltdurum,#adTablo td.ltsec2,#pkTablo td.ltsec2,#adTablo td.maekleyen,#pkTablo td.maekleyen,#thTablo td.ltdurum,#thTablo td.ltsec2,#thTablo td.maekleyen,#tdTablo td.ltdurum,#tdTablo td.ltsec2,#tdTablo td.maekleyen,#yvTablo td.ltdurum,#yvYTablo td.ltdurum,#yvKTablo td.ltdurum,#yvCekYTablo td.ltdurum,#yvTablo td.ltsec2,#yvYTablo td.ltsec2,#yvKTablo td.ltsec2,#yvCekYTablo td.ltsec2,#yvTablo td.maekleyen,#yvYTablo td.maekleyen,#yvKTablo td.maekleyen,#yvCekYTablo td.maekleyen{cursor:pointer}
#maTablo .ltbos,#adTablo .ltbos,#pkTablo .ltbos,#thTablo .ltbos,#tdTablo .ltbos,#yvTablo .ltbos,#yvYTablo .ltbos,#yvKTablo .ltbos,#yvCekYTablo .ltbos{color:var(--ink3);font-size:12px}
#maTablo input.maed,#adTablo input.maed,#pkTablo input.maed,#thTablo input.maed,#tdTablo input.maed,#yvTablo input.maed,#yvYTablo input.maed,#yvKTablo input.maed,#yvCekYTablo input.maed{width:100%;box-sizing:border-box;height:28px;border:1px solid transparent;background:transparent;border-radius:6px;padding:0 6px;font:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis}
#maTablo input.maed:hover,#adTablo input.maed:hover,#pkTablo input.maed:hover,#thTablo input.maed:hover,#tdTablo input.maed:hover,#yvTablo input.maed:hover,#yvYTablo input.maed:hover,#yvKTablo input.maed:hover,#yvCekYTablo input.maed:hover{border-color:var(--line)}#maTablo input.maed:focus,#tdTablo input.maed:focus,#yvTablo input.maed:focus,#yvYTablo input.maed:focus,#yvKTablo input.maed:focus,#yvCekYTablo input.maed:focus{border-color:var(--accent);background:var(--card);outline:0}
#maTablo input.malink,#adTablo input.malink,#pkTablo input.malink,#thTablo input.malink,#tdTablo input.malink,#yvTablo input.malink,#yvYTablo input.malink,#yvKTablo input.malink,#yvCekYTablo input.malink{color:var(--accent)}
.maekl{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.maekad{font-size:12px;color:var(--ink2)}
#maCek .malinka,#tdCek .malinka{color:var(--accent);text-decoration:underline;word-break:break-all}
@media(max-width:768px){#maCek,#adCek,#pkCek,#thCek{width:100%}}
/* LT/MA/ADA/TH tablolarında .ell hücre metni blok olmalı — yoksa fixed düzende uzun not sağa taşar (canlıda görüldü, 16 Eyl) */
#ltTablo .ell,#maTablo .ell,#adTablo .ell,#pkTablo .ell,#thTablo .ell,#tdTablo .ell{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Telefon Hatları: sözleşme yaklaşma rozetleri (16 Eyl 2026) */
.throz{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.throz.yakin{background:var(--st-warn-bg);color:var(--st-warn);border:1px solid var(--st-warn-line)}
.throz.gec{background:var(--st-no-bg);color:var(--st-no);border:1px solid var(--st-no-line)}
#thTablo input.thpara{text-align:right}
/* ==== PUANTAJ (İK, 16 Eyl 2026, migration 159) — gün ızgarası + hakediş ==== */
#puantaj .pjdonem{display:flex;align-items:center;gap:6px}
#puantaj .pjdonem b{font-family:var(--f-display);font-size:14.5px;min-width:110px;text-align:center;white-space:nowrap}
#puantaj .pjdonem .btn{min-height:0;height:30px;padding:0 10px}
#pjTablo{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12.5px}
#pjTablo th{position:sticky;top:0;background:var(--card);z-index:2;font:700 10px var(--f-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line);padding:8px 4px;text-align:center;white-space:nowrap}
#pjTablo td{border-bottom:1px solid var(--line);padding:5px 4px;text-align:center;white-space:nowrap;vertical-align:middle}
#pjTablo .pjad{position:sticky;left:0;background:var(--card);z-index:1;text-align:left;min-width:150px;max-width:190px;padding-left:14px;border-right:1px solid var(--line)}
#pjTablo th.pjad{z-index:3}
#pjTablo .pjad .ltb{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis}
#pjTablo tr.pjpasif td{opacity:.55}
#pjTablo td.pjg{width:26px;min-width:26px;cursor:pointer;color:var(--accent);font-size:11px;user-select:none}
#pjTablo td.pjg:hover{background:var(--accent-soft)}
#pjTablo .pjg.hs{background:color-mix(in srgb, var(--bg) 70%, var(--card))}
#pjTablo td.pjg.hs:hover{background:var(--accent-soft)}
#pjTablo .pjg.bugun{box-shadow:inset 0 0 0 1.5px var(--accent)}
#pjTablo td.pjg.var{background:color-mix(in srgb, var(--accent) 14%, var(--card));font-weight:700}
#pjTablo td.pjg.kilit{cursor:not-allowed;color:var(--ink3)}
#pjTablo .pjtop,#pjTablo .pjucret,#pjTablo .pjhak,#pjTablo .pjdur{border-left:1px solid var(--line);padding:5px 10px}
#pjTablo .pjhak b{font-variant-numeric:tabular-nums}
#pjTablo .pjodtar{display:block;font-size:10.5px;color:var(--ink3)}
#pjTablo .pjyol{border:1px solid transparent;background:none;border-radius:7px;padding:3px 8px;font:600 12px var(--f-ui);color:var(--ink2);cursor:pointer;font-variant-numeric:tabular-nums}
#pjTablo .pjyol:hover{border-color:var(--line);background:var(--bg)}
#pjTablo .pjyol.ozel{color:var(--accent)}
#pjTablo .pjyol i{display:block;font-style:normal;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
#pjTablo .pjpil{border:1px solid var(--line2);border-radius:99px;padding:3px 11px;font:700 11.5px var(--f-ui);cursor:pointer;white-space:nowrap}
#pjTablo .pjpil.bk{background:var(--st-warn-bg);color:var(--st-warn);border-color:var(--st-warn-line)}
#pjTablo .pjpil.od{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
#pjTablo .pjisl{padding-right:10px}
@media(max-width:768px){#puantaj .otfiltre{row-gap:8px} #pjTablo .pjad{min-width:120px}}
/* ==== TEKLİF FORMU (İK, 16 Eyl 2026, migration 158) — belge + durum rozetleri + onay sayfası ==== */
.itroz{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;white-space:nowrap}
.itroz.ts{background:var(--bg);color:var(--ink3);border:1px solid var(--line2)}
.itroz.gn{background:var(--st-info-bg);color:var(--st-info);border:1px solid var(--st-info-line)}
.itroz.gr{background:var(--st-warn-bg);color:var(--st-warn);border:1px solid var(--st-warn-line)}
.itroz.on{background:var(--st-ok-bg);color:var(--st-ok);border:1px solid var(--st-ok-line)}
.itroz.ip{background:var(--st-no-bg);color:var(--st-no);border:1px solid var(--st-no-line)}
.itonay{color:var(--st-ok2);font-weight:600;font-size:12.5px}
#itTablo .ell{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Belge — HER TEMADA AYDINLIK (belge yüzeyi kuralı) */
.itbelge{background:#fff;color:#1B1A19;border:1px solid var(--line);border-radius:12px;padding:34px 38px;font:400 14px/1.6 var(--f-ui)}
.itbelge .itblogo{height:26px;display:block;margin:0 auto 26px;filter:none}
.itbelge h1{font:800 24px var(--f-display);text-align:center;margin:0 0 20px;color:#1B1A19}
.itbelge p{margin:10px 0;color:#1B1A19}
.itbelge hr{border:0;border-top:1px solid #D6D1CB;margin:18px 0}
.ittablo{width:100%;border-collapse:collapse;margin:14px 0;table-layout:fixed;min-width:0}
.ittablo th{width:120px;text-align:left;font-weight:700;vertical-align:top}
.ittablo th,.ittablo td{border:1px solid #D6D1CB;padding:10px 12px;white-space:normal;color:#1B1A19;background:#fff}
.ittablo ul{margin:0;padding-left:18px}
.ittablo li{margin:3px 0}
.itkunye{margin-top:12px;background:var(--st-ok-bg);border:1px solid var(--st-ok-line);color:var(--st-ok);border-radius:10px;padding:10px 13px;font-size:12.5px;line-height:1.5;word-break:break-all}
/* Halka açık onay sayfası (#itSayfa) — soSayfa dili */
#itSayfa{display:none;min-height:100dvh;background:var(--bg,#F5F4F2);padding:30px 16px 60px}
#itSayfa .sokabuk{max-width:640px;margin:0 auto}
#itSayfa .sologo{height:26px;display:block;margin:0 auto 24px}
#itSayfa .sokart{background:#fff;color:#1B1A19;border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:24px 26px;margin-bottom:14px}
#itSayfa .sokart h2,#itSayfa .sokart h3{color:#1B1A19}
#itSayfa .sohos{font-size:15px;color:#5E5A56}
#itSayfa .sohos b{color:#1B1A19}
#itSayfa .soalt{margin:6px 0 0;color:#5E5A56;font-size:13.5px;line-height:1.55}
#itSayfa .ittablo th,#itSayfa .ittablo td{font-size:13.5px}
#itSayfa .itsgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 14px}
#itSayfa .itsgrid label{display:flex;flex-direction:column;gap:5px;font:700 11px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:#918B85}
#itSayfa .itsgrid input{height:40px;border:1px solid #D6D1CB;border-radius:10px;padding:0 12px;font:500 14px var(--f-ui);color:#1B1A19;background:#fff}
#itSayfa .itsgrid input:focus{outline:2px solid var(--accent,#C4452C);outline-offset:-1px}
#itSayfa .itsbtn{width:100%;height:48px;border:0;border-radius:12px;background:var(--accent,#C4452C);color:#fff;font:700 15px var(--f-ui);cursor:pointer}
#itSayfa .itsbtn:disabled{opacity:.6;cursor:default}
#itSayfa .sotesekkur.kabul{border-color:var(--st-ok-line);background:var(--st-ok-bg)}
#itSayfa .sotesekkur.kabul h2{color:var(--st-ok)}
@media(max-width:560px){#itSayfa .itsgrid{grid-template-columns:1fr}.itbelge{padding:22px 18px}}
/* ==== GRAFİK DOSYALARIMIZ (16 Eyl 2026, migration 155) — klasör + dosya kartları, simge/liste görünümü ==== */
#grafikdosya .gdyol{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font-size:13.5px;color:var(--ink2)}
#grafikdosya .gdyol b{font-family:var(--f-display);font-weight:700;color:var(--ink)}
#grafikdosya .gdgeri{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:4px 10px;font:600 12px var(--f-ui);color:var(--ink2);cursor:pointer}
#grafikdosya .gdgeri:hover{border-color:var(--line2);color:var(--ink)}
#grafikdosya .gdayrac{color:var(--ink3)}
.gdgorseg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.gdgorseg button{border:0;background:var(--card);padding:6px 11px;font:600 12px var(--f-ui);color:var(--ink3);cursor:pointer}
.gdgorseg button.on{background:var(--accent-soft);color:var(--accent)}
.gdgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.gdgrid.dosyalar{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.gdgrid.liste{grid-template-columns:1fr;gap:6px}
.gdk{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);cursor:pointer;min-width:0}
.gdk:hover{border-color:var(--line2);background:var(--bg)}
.gdk .gdkik{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gdr) 14%,var(--card));color:var(--gdr)}
.gdk .gdkbilgi{flex:1 1 auto;min-width:0}
.gdk .gdkbilgi b{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdk .gdkbilgi span{display:block;font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdk .gdkisl{display:none;gap:4px;flex:0 0 auto}
.gdk:hover .gdkisl{display:flex}
@media(hover:none){.gdk .gdkisl{display:flex}}
.gdd{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-width:0}
.gdd:hover{border-color:var(--line2)}
.gdd .gddon{height:120px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.gdd .gddyer{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.gdd .gddyer i{font:700 12px var(--f-mono);letter-spacing:.06em;color:var(--ink3);border:1px solid var(--line2);border-radius:7px;padding:5px 9px;font-style:normal;background:var(--card)}
.gdd .gddyer.dolu{padding:0}
.gdd .gddyer img{width:100%;height:100%;object-fit:cover;display:block}
.gdd .gddbilgi{padding:9px 11px 4px;min-width:0}
.gdd .gddbilgi b{display:block;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdd .gddbilgi span{display:block;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gdd .gddisl{display:flex;gap:2px;padding:2px 8px 8px;justify-content:flex-end}
.gdgrid.liste .gdd{flex-direction:row;align-items:center;gap:10px;padding:7px 10px}
.gdgrid.liste .gdd .gddon{flex:0 0 auto;width:52px;height:44px;border-radius:9px}
.gdgrid.liste .gdd .gddyer i{padding:2px 6px;font-size:10px}
.gdgrid.liste .gdd .gddbilgi{flex:1 1 auto;padding:0}
.gdgrid.liste .gdd .gddisl{padding:0}
#grafikdosya.gdsuruk .card{outline:2px dashed var(--accent);outline-offset:-2px}
@media(max-width:768px){.gdgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gdgrid.liste{grid-template-columns:1fr}}
/* ==== MUHASEBE (20 Eyl 2026, migration 213) — vergi tahakkuk/ödeme + aylık özet + şirket evrakları ==== */
#muhasebe .otust2[hidden]{display:none!important}
#muhasebe #muhVergiGor[hidden],#muhasebe #muhOzetGor[hidden],#muhasebe #muhEvrakGor[hidden],#muhasebe #muhHesapGor[hidden],#muhasebe #muhTedGor[hidden],#muhasebe #muhAfGor[hidden]{display:none!important}
#muhasebe .muhafinf{white-space:nowrap}
#muhasebe .muhafinf img,#muhasebe .muhafinf .muhafav{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink3);font-size:11px;font-weight:600}
#muhasebe .muhafinf .muhtkat{display:inline;margin-left:6px}
#muhasebe .muhafprofil{border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left}
#muhasebe .muhafprofil:hover{color:var(--color-link);text-decoration:underline}
#muhasebe .muhafesle{color:var(--color-link);margin-right:4px;vertical-align:-1px}
#muhAfSutunPop .muhafsliste{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
#muhAfSutunPop .muhafsrow{display:grid;grid-template-columns:1fr 190px auto auto auto;gap:6px;align-items:center}
#muhAfSutunPop .muhafsrow input{width:100%;box-sizing:border-box}
#muhAfSutunPop .muhafstur{font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#muhAfSutunPop .muhafsyeni{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
#muhAfSutunPop .muhafsbas{font-size:12px;font-weight:600;color:var(--ink2);margin:14px 0 6px;padding-top:12px;border-top:1px solid var(--line)}
#muhAfSutunPop .muhafsbas:first-child{margin-top:0;padding-top:0;border-top:0}
#muhAfSutunPop .muhafsara{width:100%;box-sizing:border-box;margin-bottom:6px}
#muhAfSutunPop .muhafinfliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px 10px;max-height:240px;overflow:auto;padding:2px}
#muhAfSutunPop .muhafinfliste label{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 2px;cursor:pointer;min-width:0}
#muhAfSutunPop .muhafinfliste label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#muhAfSutunPop .muhafinfliste .muhafgrp{grid-column:1/-1;font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
#muhAfSutunPop .muhafsyeni label{display:flex;flex-direction:column;gap:4px;font-size:12px}
@media(max-width:560px){ #muhAfSutunPop .muhafsrow{grid-template-columns:1fr auto auto auto} #muhAfSutunPop .muhafstur{grid-column:1/-1;order:5} #muhAfSutunPop .muhafsyeni{grid-template-columns:1fr} }
#muhasebe .muhtkat{font-size:11px;color:var(--ink3);margin-top:2px}
#muhTedFormPop .muhtozeller{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}
#muhTedFormPop .muhtozel{display:grid;grid-template-columns:200px 1fr auto;gap:6px;align-items:center}
#muhTedFormPop .muhtozel input{width:100%;box-sizing:border-box}
@media(max-width:560px){ #muhTedFormPop .muhtozel{grid-template-columns:1fr auto} #muhTedFormPop .muhtozel input[data-muhtozeldeger]{grid-column:1/-1} }
#muhasebe .otkpi.muhkpi{grid-template-columns:repeat(5,1fr)}
#muhasebe .otkpi.muhevkpi{grid-template-columns:repeat(3,1fr)}
/* Abonelikler (4 Eki 2026, migration 350) */
#muhAfSutunPop [data-muhafduz] > [data-muhafyalniz] > .muhafsbas:first-child{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
#muhasebe .muhabad{border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left}
#muhasebe .muhabad:hover{color:var(--color-link);text-decoration:underline}
#muhasebe td.muhabgec{color:var(--no);font-weight:600}
#muhasebe td.muhabyakin{color:var(--st-warn);font-weight:600}
#muhAbFormPop .muhafsbas{font-size:12px;font-weight:600;color:var(--ink2);margin:16px 0 6px;padding-top:12px;border-top:1px solid var(--line)}
#muhAbFormPop .muhabodtab{margin-bottom:8px}
#muhAbFormPop .muhabodtab td,#muhAbFormPop .muhabodtab th{padding:6px 8px}
#muhAbFormPop .muhabodyeni{display:grid;grid-template-columns:140px 120px 90px 1fr auto;gap:8px;align-items:end}
#muhAbFormPop .muhabodyeni label{display:flex;flex-direction:column;gap:4px;font-size:12px}
#muhAbFormPop .muhabodyeni input,#muhAbFormPop .muhabodyeni select{width:100%;box-sizing:border-box}
#muhAbFormPop .muhabodyeni .muhabodileri{grid-column:1/-1;flex-direction:row;align-items:center;gap:6px;color:var(--ink2)}
#muhAbFormPop .muhabodyeni .muhabodileri input{width:auto}
#muhAbFormPop .muhabbanka{display:flex;flex-direction:column;gap:6px}
#muhAbFormPop .muhabblbl{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
#muhAbFormPop .muhabbsatir{display:flex;gap:6px;align-items:center}
#muhAbFormPop .muhabbgoster{flex:1;min-width:0;display:flex;align-items:center;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2, transparent);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
#muhAbFormPop .muhabbgoster:hover:not(:disabled){border-color:var(--line2)}
#muhAbFormPop .muhabbgoster:disabled{cursor:default}
#muhAbFormPop .muhabbpanel{border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px}
#muhAbFormPop .muhabbpanel input{width:100%;box-sizing:border-box}
#muhAbFormPop .muhabbliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;max-height:260px;overflow:auto}
#muhAbFormPop .muhabbtile{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer;text-align:left;min-width:0}
#muhAbFormPop .muhabbtile:hover{border-color:var(--line2)}
#muhAbFormPop .muhabbtile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
#muhAbFormPop .muhabbtile>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#muhAbFormPop .muhabbtile .pkbankalogo{width:96px;height:30px;justify-content:center}
#muhAbFormPop .muhabbtile.muhabbserbest{grid-column:1/-1;justify-content:flex-start}
#muhAbFormPop .muhabbtile i{display:inline-flex;align-items:center;justify-content:center;width:72px;height:26px;border-radius:7px;background:var(--line2);color:var(--ink2);font:800 11px var(--f-ui);font-style:normal;flex:0 0 auto}
@media(max-width:560px){ #muhAbFormPop .muhabodyeni{grid-template-columns:1fr 1fr} #muhAbFormPop .muhabodyeni .muhabodnot,#muhAbFormPop .muhabodyeni button{grid-column:1/-1} }
#muhasebe .otkpi > div.muhuyari{border-color:var(--st-no-line);background:var(--st-no-bg)}
#muhasebe .otkpi > div.muhuyari b{color:var(--no)}
#muhasebe .muhtablokart{padding:0;overflow:hidden}
#muhasebe .muhtablokart .apdbos{padding:26px;text-align:center;color:var(--ink3);font-size:13px}
.muhtablo{width:100%}
.muhtablo th[data-muhsir]{cursor:pointer;user-select:none}
.muhtablo th[data-muhsir]:hover{color:var(--ink)}
.muhtablo th.siralu::after{content:" ↑";color:var(--accent)}
.muhtablo th.sirald::after{content:" ↓";color:var(--accent)}
.muhtablo td.sag,.muhtablo th.sag{text-align:right}
.muhtablo .muhtutar{font-family:var(--f-mono);font-weight:600;font-variant-numeric:tabular-nums}
.muhtablo .muhtar{font-family:var(--f-mono);font-size:12px;color:var(--ink2)}
.muhtablo .muhdonem{font-weight:600;white-space:nowrap}
.muhtablo .muhack{max-width:260px;color:var(--ink2)}
.muhtablo .muhbos{color:var(--ink3)}
.muhtablo tbody tr[data-muhsatir]{cursor:pointer}
.muhtablo tbody tr[data-muhsatir]:hover td{background:var(--bg)}
.muhtablo tr.muhgrup td{background:var(--bg);border-bottom:1px solid var(--line);padding:7px 9px;font-size:11.5px}
.muhtablo tr.muhgrup b{font-family:var(--f-display);font-size:12.5px;letter-spacing:-.01em}
.muhtablo tr.muhgrup span{color:var(--ink3);margin-left:6px}
.muhtablo tr.muhgrup .muhgtop{font-family:var(--f-mono);font-weight:700;font-variant-numeric:tabular-nums}
.muhtablo .muhisl{white-space:nowrap;width:1%;text-align:right;padding-left:4px}
.muhbelgesay{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line2);background:var(--card);
  border-radius:8px;padding:3px 8px;font:600 11.5px var(--f-ui);color:var(--ink2);cursor:pointer}
.muhbelgesay:hover{border-color:var(--accent);color:var(--accent)}
.muhpil{display:inline-flex;align-items:center;gap:5px;font:600 11.5px var(--f-ui);color:var(--ink);
  background:color-mix(in srgb,var(--mr) 15%,var(--card));border:1px solid color-mix(in srgb,var(--mr) 40%,var(--card));
  border-radius:99px;padding:2px 9px;white-space:nowrap}
.muhpil::before{content:"";width:7px;height:7px;border-radius:99px;background:var(--mr);flex:0 0 auto}
.muhdurum{display:inline-block;font:600 11px var(--f-ui);border-radius:99px;padding:2px 9px;white-space:nowrap}
.muhdurum.ok{color:var(--st-ok);background:var(--st-ok-bg);border:1px solid var(--st-ok-line)}
.muhdurum.no{color:var(--st-no);background:var(--st-no-bg);border:1px solid var(--st-no-line)}
.muhdurum.bek{color:var(--st-warn);background:var(--st-warn-bg);border:1px solid var(--st-warn-line)}
/* — şirket seçici (sekme satırı) + tıklanabilir KPI — */
.muhsegsatir{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.muhsegsatir .crmseg.hsviews{margin:0}
.muhsirketkap{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:3px 10px 3px 12px;max-width:100%;--mr:var(--ink3)}
.muhsirketnokta{width:9px;height:9px;border-radius:99px;background:var(--mr);flex:0 0 auto}
.muhsirketsec{border:0;background:transparent;font:600 12.5px var(--f-ui);color:var(--ink);padding:5px 0;max-width:260px;cursor:pointer}
.muhsirketsec.on{color:var(--accent)}
.muhsirketsec:focus{outline:none} .muhsirketsec:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}   /* çerçevesiz seçicide klavye odağı hiç görünmüyordu */
#muhasebe .otkpi > div.muhkpik{cursor:pointer;transition:border-color .12s,box-shadow .12s}
#muhasebe .otkpi > div.muhkpik:hover{border-color:var(--line2)}
#muhasebe .otkpi > div.muhkpiakt{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
#muhasebe .otkpi > div.muhkpiakt > span::after{content:" · süzülü";text-transform:none;letter-spacing:0;color:var(--accent)}
.muhpil.muhpilbos{color:var(--ink3);border-style:dashed;--mr:var(--ink3)}
.muhpil.muhpilbos::before{opacity:.5}
.muhevsirket{display:block;margin-top:1px}
.muhtursatir.muhtik{cursor:pointer;border-radius:8px}
.muhtursatir.muhtik:hover{background:var(--bg)}
/* — aylık özet matrisi — */
#muhasebe .muhozetkart{padding:0;overflow:hidden;margin-bottom:12px}
#muhasebe .muhozetkap{overflow:auto}
.muhozet{min-width:640px}
.muhozet td,.muhozet th{font-variant-numeric:tabular-nums}
.muhozet .muhoay{font-weight:600;white-space:nowrap;position:sticky;left:0;background:var(--card);z-index:1}
.muhozet thead th{background:var(--bg)}
.muhozet tbody tr:hover td{background:var(--bg)}
.muhozet tbody tr:hover td.muhoay{background:var(--bg)}
.muhozet tr.muhbosay td{color:var(--ink3)}
.muhozet .muhotop{position:relative;font-weight:700}
.muhozet .muhbar{position:absolute;left:0;right:auto;bottom:2px;height:3px;width:var(--w);background:var(--accent);
  border-radius:99px;opacity:.5}
.muhozet tfoot td{border-top:2px solid var(--line);border-bottom:none;background:var(--bg)}
.muhozet .muhbos{color:var(--ink3)}
#muhasebe .muhturozet{padding:14px 16px}
.muhbolum{font-family:var(--f-display);font-size:13px;font-weight:700;margin:2px 0 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.muhsayac{font-family:var(--f-ui);font-size:11px;font-weight:600;color:var(--ink3);text-transform:none;letter-spacing:0}
.muhmini{padding:4px 10px!important;font-size:11.5px!important;flex:0 0 auto!important;width:auto!important;margin-left:auto}
.muhtursatir{display:grid;grid-template-columns:minmax(120px,190px) 1fr auto 52px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.muhtursatir:last-child{border-bottom:none}
.muhtursatir > b{font-family:var(--f-mono);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:right}
.muhtyuzde{font-size:11.5px;color:var(--ink3);text-align:right;font-variant-numeric:tabular-nums}
.muhtcubuk{height:8px;background:var(--bg);border-radius:99px;overflow:hidden;min-width:0}
.muhtcubuk i{display:block;height:100%;width:var(--w);background:var(--mr);border-radius:99px}
/* — şirket evrakları — */
#muhasebe .muhkatcip{margin:0 0 10px}
#muhasebe .muhkatcip b i{font-style:normal;color:var(--ink3);font-weight:600;margin-left:3px}
#muhasebe .muhkatcip b.on i{color:#fff;opacity:.8}
.muhevgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.muhev{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;
  background:var(--card);cursor:pointer;min-width:0}
.muhev:hover{border-color:var(--line2);background:var(--bg)}
.muhevuz{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;
  background:var(--accent-soft);color:var(--accent);font:700 10px var(--f-mono);letter-spacing:.04em}
.muhevbilgi{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.muhevbilgi b{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muhevkat{font:600 10.5px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.muhevalt{font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muhevnot{font-size:11.5px;color:var(--ink2);white-space:normal}
.muhev .muhdurum{align-self:flex-start;margin-top:2px}
.muhevisl{display:flex;flex-direction:column;gap:3px;flex:0 0 auto}
/* — belge listesi (vergi formu) — */
.muhbelgeler{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.muhbelge{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:var(--bg)}
.muhbelge.bekliyor{border-style:dashed;opacity:.85}
.muhbelgeuz{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:30px;border-radius:7px;
  background:var(--card);border:1px solid var(--line2);font:700 9.5px var(--f-mono);color:var(--ink3)}
.muhbelgead{flex:1 1 auto;min-width:0}
.muhbelgead b{display:block;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muhbelgead span{display:block;font-size:11px;color:var(--ink3)}
.muhdosyasec{display:flex;align-items:center;gap:10px;min-width:0}
.muhdosyasec .muhmini{margin-left:0}
.muhdosyasec > span{font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* — hesap bilgileri: şifre alanı (form) + tablo hücresi — */
.muhsifrekap{display:flex;align-items:center;gap:6px}
.muhsifrekap input{flex:1 1 auto;min-width:0}
.muhsifrekap .otik{flex:0 0 auto}
.muhhucre{display:flex;align-items:center;gap:5px;min-width:0}
.muhhucre span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px var(--f-mono)}
.muhhucre .otik{flex:0 0 auto;width:22px;height:22px}
.muhhucre .otik svg{width:12px;height:12px}
.muhhbos{color:var(--ink3);font-style:italic}
/* — vergi türleri penceresi — */
.muhturliste{display:flex;flex-direction:column}
.muhtursira{display:grid;grid-template-columns:34px 1fr auto auto 28px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.muhtursira:last-child{border-bottom:none}
.muhturrenk{width:34px;height:28px;padding:0;border:1px solid var(--line2);border-radius:7px;background:var(--card);cursor:pointer}
.muhturad{width:100%;min-width:0;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);
  font:500 13px var(--f-ui);color:var(--ink)}
.muhturad:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--card)}
.muhtursay{font-size:11px;color:var(--ink3);white-space:nowrap}
.muhturaktif{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink2);white-space:nowrap;cursor:pointer}
.muhtursira .otik[disabled]{opacity:.35;cursor:not-allowed}
@media(max-width:1240px){#muhasebe .otkpi.muhkpi{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  /* 5 düğmeli şeritte mobil `.otust2>div>.btn{flex:1 1 auto}` yayılması başlığı 220px'e şişiriyordu (tablo-ui dersi):
     bu sayfada içerik genişliği (K-26 gerekçeli istisna), dokunma hedefi 44px KALSIN */
  #muhasebe .otust2{padding:11px 13px;gap:9px}
  #muhasebe .otust2 > div:last-child{display:flex;gap:6px;flex-wrap:wrap;width:100%}
  #muhasebe .otust2 .btn{flex:0 0 auto!important;width:auto!important;min-width:0;padding:10px 13px;font-size:13px}
  #muhasebe .otkpi.muhkpi{grid-template-columns:1fr 1fr}
  #muhasebe .otkpi.muhevkpi{grid-template-columns:1fr 1fr}
  .muhsegsatir{flex-direction:column;align-items:stretch}
  .muhsirketkap{width:100%}
  .muhsirketsec{flex:1 1 auto;max-width:none;min-height:38px;font-size:14px}
  .muhevgrid{grid-template-columns:1fr}
  /* kart içi işlem sütunu dikey yığılınca kart 4 düğme boyu uzuyordu → yatay sıra, 44px dokunma hedefi */
  .muhev{flex-wrap:wrap}
  .muhevisl{flex-direction:row;width:100%;justify-content:flex-end;gap:6px;margin-top:2px}
  .muhevisl .otik{width:44px;height:38px}
  .muhbelge .otik{width:40px;height:36px}
  .muhtursira{grid-template-columns:34px 1fr 28px;row-gap:4px}
  .muhtursay,.muhturaktif{grid-column:2/3}
  .muhtursatir{grid-template-columns:1fr auto;row-gap:4px}
  .muhtcubuk{grid-column:1/-1}
}
/* DANLACAST çekmecesi = FT çekmecesinin kopyası */
#dcCek{width:min(560px,96vw);display:flex;flex-direction:column;padding:0}
#dcCek[hidden]{display:none}
#dcCek .ftcust{padding:18px 22px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
#dcCek .ftcust h3{margin:0 0 4px;font-family:var(--f-display);font-size:17px;font-weight:800;line-height:1.2;padding-right:32px}
#dcCek .ftcmeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ink3)}
#dcCek .ftcsek{display:flex;gap:2px;padding:0 22px;border-bottom:1px solid var(--line);flex:0 0 auto}
#dcCek .ftcsek button{border:0;background:none;padding:10px 12px;font:600 12.5px var(--f-ui);color:var(--ink3);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
#dcCek .ftcsek button.akt{color:var(--ink);border-bottom-color:var(--accent)}
#dcCek .ftcgov{flex:1 1 auto;overflow:auto;padding:14px 22px 22px}
#dcCek .ftkal{display:grid;grid-template-columns:130px 1fr;gap:8px 12px;font-size:13px}
#dcCek .ftkal .ke{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
#dcCek .ftkal .kv{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#dcCek .ftkaltab{width:100%;border-collapse:collapse;min-width:0}#dcCek .ftkaltab td{padding:3px 6px 3px 0;border-bottom:1px solid var(--line);white-space:normal;font-size:12.5px;vertical-align:top}#dcCek .ftkaltab tr.top td{border-bottom:0;font-weight:700}
#dcCek .ftkal .kv.mono{font-family:var(--f-mono);font-size:12px}
#dcCek .ftdz{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--ink2)}
#dcCek .ftdz:hover{border-color:var(--line2);color:var(--ink)}
#dcCek .ftmesajlar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#dcCek .ftm1{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;background:var(--card)}
#dcCek .ftm1.ben{background:var(--accent-soft);border-color:transparent}
#dcCek .ftm1 .gk{display:flex;gap:8px;align-items:center;margin-bottom:5px}
#dcCek .ftm1 .gk b{font-weight:600}
#dcCek .ftm1 .gk span{color:var(--ink3);font-size:11.5px}
#dcCek .ftm1 .gk .sil{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px}
#dcCek .ftm1 .gm{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#dcCek .ftek{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#dcCek .ftek button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:5px 9px;font:500 12px var(--f-ui);color:var(--ink);cursor:pointer;max-width:100%}
#dcCek .ftek button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
#dcCek .ftek button small{color:var(--ink3);font-size:10.5px}
#dcCek .ftek button.pdf::before{content:"PDF";font:700 9px var(--f-mono);background:var(--accent);color:#fff;border-radius:4px;padding:2px 4px}
#dcCek .ftyaz{border-top:1px solid var(--line);padding-top:10px}
#dcCek .ftyaz textarea{width:100%;min-height:64px;resize:vertical;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui)}
#dcCek .ftyaz textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#dcCek .ftyazalt{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}
#dcCek .ftbekle{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;min-width:0}
#dcCek .ftbekle:empty{display:none}
#dcCek .ftbekle span{font-size:11.5px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 9px;display:inline-flex;gap:6px;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap}
#dcCek .ftbekle span button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:0}
#dcCek .ftcalt{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:768px){#dcCek{width:100%}}
#danlacast .dcdur{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap;color:#fff}
#danlacast select.dcdursec{height:28px;padding:0 8px;font-size:12px;border-radius:99px;font-weight:700;border:0;color:#fff;cursor:pointer}
#dcCek .dcdur{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px;color:#fff}
#dcCek select.dcdursec{height:28px;padding:0 8px;font-size:12px;border-radius:99px;font-weight:700;border:0;color:#fff;cursor:pointer}
#danlacast .minitable td.dcnot{max-width:260px;white-space:normal;font-size:12px;color:var(--ink2)}
#danlacast .minitable td.dcad b{font-weight:700}
/* SÖZLÜK */
#sozluk .szgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:14px}
#sozluk .szkart{padding:14px 16px;position:relative}
#sozluk .szkart .szust{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}
#sozluk .szkart .szkis{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.08em;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 7px}
#sozluk .szkart h3{margin:0;font-family:var(--f-display);font-size:16px;font-weight:800;line-height:1.2}
#sozluk .szkart .szkar{font-size:12.5px;color:var(--ink2);font-weight:600;margin-bottom:6px}
#sozluk .szkart .szac{font-size:13px;line-height:1.5;color:var(--ink);white-space:pre-wrap}
#sozluk .szkart .szisl{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .12s}
#sozluk .szkart:hover .szisl,#sozluk .szkart:focus-within .szisl{opacity:1}
@media(hover:none){#sozluk .szkart .szisl{opacity:1}}
#sozluk .szkart .szisl button{border:1px solid var(--line);background:var(--card);border-radius:7px;width:26px;height:26px;display:grid;place-items:center;cursor:pointer;color:var(--ink3)}
#sozluk .szkart .szisl button:hover{color:var(--ink);border-color:var(--line2)}
/* MENAJERLİK AJANSLARI (15 Eyl 2026): tek renk hücreler (Müşteriler kalıbı) + Monday renkli koşul seçici */
#menajerlik .minitable input.mjed{background:transparent;border-color:transparent;width:100%;min-width:0;font:inherit;color:var(--ink);padding:3px 6px;border-radius:6px;border:1px solid transparent}
#menajerlik .minitable td.mjad input.mjed{font-weight:700}
#menajerlik .minitable tbody tr:hover .mjed{border-color:var(--line)}
#menajerlik .minitable .mjed:focus{background:var(--card);border-color:var(--accent);outline:none}
#menajerlik .minitable td.mjlink{position:relative}
/* 1 Eki 2026: çekmece (Bilgiler · Etkinlik günlüğü) + kart görünümü — ortak .kkart / td çekmece sınıfları; burada yalnız eksikler */
#menajerlik .minitable tbody tr[data-mjrow]{cursor:pointer} #menajerlik .minitable tbody tr.mjsec>td{background:var(--accent-soft)}
#mjKartlar .kkalan .kkdeger .ttmet{max-width:100%}
#mjKartlar .mjnotk{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;cursor:pointer;color:var(--ink2);font-size:11.5px;line-height:1.4}
#mjCek .mjnotc{white-space:pre-wrap;word-break:break-word;cursor:pointer;border:1px solid transparent;border-radius:6px;padding:2px 4px;margin-left:-4px;line-height:1.45}
#mjCek .mjnotc:hover{border-color:var(--line)} #mjCek .mjnotc.bos{color:var(--ink3)}
#menajerlik .minitable td.mjlink input.mjed{color:var(--aplink,#1D4ED8);padding-right:22px;text-overflow:ellipsis}
#menajerlik .mjmail{position:absolute;right:8px;top:50%;transform:translateY(-50%);text-decoration:none;font-size:13px;opacity:.6}
#menajerlik .mjmail:hover{opacity:1}
#menajerlik td.mjnot{max-width:220px;white-space:normal;font-size:12px;color:var(--ink2);cursor:pointer}
#menajerlik td.mjnot .mjbos{color:var(--ink3);font-style:italic}
#menajerlik select.mjkosul{height:28px;padding:0 8px;font-size:12px;border-radius:99px;font-weight:700;border:0;cursor:pointer;max-width:100%}

#sozluk .otust2 .aramakutu{width:260px}
#sozluk .szharf{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin:18px 0 6px;grid-column:1/-1}
/* GÜNCEL HABERLER (ana sayfa) */
.asyer .askart.hbkart{grid-column:1/-1}
.hbyaz{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:flex-start}
.hbyaz textarea{flex:1 1 auto;min-width:0;min-height:44px;max-height:200px;resize:vertical;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);font:13px var(--f-ui);background:var(--bg)}
.hbyaz textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent;background:var(--card)}
.hbyaz .btn{align-self:flex-end}
.hbliste{display:flex;flex-direction:column}
.hb1{padding:12px 16px;border-bottom:1px solid var(--line)}
.hb1:last-child{border-bottom:0}
.hb1 .gk{display:flex;gap:8px;align-items:center;margin-bottom:5px}
.hb1 .gk b{font-weight:600;font-size:13px}
.hb1 .gk span{color:var(--ink3);font-size:11.5px}
.hb1 .gk .hbisl{margin-left:auto;display:flex;gap:2px}
.hb1 .gk .hbisl button{border:0;background:none;color:var(--ink3);cursor:pointer;padding:2px 5px;border-radius:6px}
.hb1 .gk .hbisl button:hover{background:var(--bg);color:var(--ink)}
.hb1 .gm{white-space:pre-wrap;word-break:break-word;line-height:1.55;font-size:13.5px;padding-left:34px}

.hb1 .hbalt{display:flex;gap:12px;align-items:center;padding:6px 0 0 34px;font-size:12px;color:var(--ink3)}
.hb1 .hbalt button{border:0;background:none;color:var(--ink3);cursor:pointer;padding:2px 0;font:600 12px var(--f-ui)}
.hb1 .hbalt button:hover{color:var(--accent)}
.hb1 .hbyorumlar{margin:8px 0 0 34px;border-left:2px solid var(--line);padding-left:12px;display:flex;flex-direction:column;gap:8px}
.hb1 .hby1 .gk{margin-bottom:2px}.hb1 .hby1 .gk .otav{width:22px;height:22px;font-size:10px}
.hb1 .hby1 .gm{padding-left:30px;font-size:13px}
.hb1 .hbyyaz{display:flex;gap:8px;align-items:flex-start;margin-top:4px}
.hb1 .hbyyaz input{flex:1 1 auto;min-width:0;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);font:13px var(--f-ui);background:var(--bg)}
.hb1 .hbyyaz input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent;background:var(--card)}
.hb1 .hbyyaz .btn{min-height:34px}
.hbbos{padding:18px 16px;color:var(--ink3);font-size:13px}
.hbdaha{padding:10px 16px;text-align:center}


/* ==== PRODUCTION TAKVİMİ (14 Eyl 2026, migration 120) — aylık takvim + liste, Ray dili ==== */
#prdAtaPop{position:fixed;z-index:160;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:240px}
#prdAtaPop[hidden]{display:none}
#prdAtaPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:2px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}
#prdAtaListe{max-height:240px;overflow:auto}
#prdAtaListe .r{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}
#prdAtaListe .r:hover{background:var(--bg)}
#prdAtaListe .r input{width:auto;margin:0;cursor:pointer}
.prdekip{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prdekip i{width:10px;height:10px;border-radius:3px;background:var(--c);flex:0 0 auto}
.prddur,.prdmah{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.prddur i,.prdmah i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.prddur.planlandi{background:var(--st-warn-bg);color:var(--st-warn);border-color:var(--st-warn-line)}
.prddur.tamam,.prdmah.evet{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
.prddur.iptal,.prdmah.hayir{background:var(--st-no-bg);color:var(--st-no);border-color:var(--st-no-line)}
.prddur.ertelendi{background:var(--st-info-bg);color:var(--st-info);border-color:var(--st-info-line)}
.prdmah.bos{background:var(--bg);color:var(--ink3);border-color:var(--line)}
html[data-tema=koyu] .prddur.planlandi{background:rgba(253,171,61,.16);color:#FDAB3D;border-color:transparent}
html[data-tema=koyu] .prddur.tamam,html[data-tema=koyu] .prdmah.evet{background:rgba(0,200,117,.16);color:#00C875;border-color:transparent}
html[data-tema=koyu] .prddur.iptal,html[data-tema=koyu] .prdmah.hayir{background:rgba(223,47,74,.16);color:#F0687A;border-color:transparent}
html[data-tema=koyu] .prddur.ertelendi{background:rgba(0,126,181,.18);color:#5FB3E6;border-color:transparent}
select.prddursec{height:28px;padding:0 8px;font-size:12px;border-radius:99px;font-weight:600;width:auto}
/* takvim */
.prdtkbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.prdtkbar h3{margin:0;font-family:var(--f-display);font-size:16px;font-weight:800;text-transform:capitalize;min-width:150px}
.prdtkbar .nav{display:inline-flex;gap:4px}
.prdtkbar .nav button{width:30px;height:30px;border:1px solid var(--line);background:var(--card);border-radius:8px;cursor:pointer;color:var(--ink2);font-size:15px;line-height:1}
.prdtkbar .nav button:hover{border-color:var(--line2);color:var(--ink)}
.prdtkbar .btn{min-height:0}
.prdtkbar .oz{font-size:12px;color:var(--ink3);margin-left:auto}
.prdtkbar .not{font-size:11.5px;color:var(--ink3)}
.prdhafta{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}
.prdhafta span{padding:7px 8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.prdgrid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(112px,auto);background:var(--line);gap:1px}
.prdgun{background:var(--card);padding:6px 6px 8px;display:flex;flex-direction:column;gap:3px;min-width:0;cursor:pointer}
.prdgun:hover{background:var(--bg)}
.prdgun.hsonu{background:color-mix(in srgb,var(--card) 92%,var(--bg))}
.prdgun.disari{opacity:.42}
.prdgun>b{font-size:12px;font-weight:600;color:var(--ink2);display:flex;align-items:center;gap:4px;margin-bottom:2px}
.prdgun>b small{font-size:10px;color:var(--ink3);font-weight:600;text-transform:uppercase}
.prdgun.bugun>b{color:var(--accent)}
.prdgun.bugun>b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.prdev{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 14%,var(--card));border-radius:6px;padding:3px 6px;font:500 11.5px/1.25 var(--f-ui);color:var(--ink);text-align:left;cursor:pointer;min-width:0;width:100%}
.prdev:hover{background:color-mix(in srgb,var(--c) 26%,var(--card))}
.prdev i{display:none}
.prdev .s{font-family:var(--f-mono);font-size:10.5px;color:var(--ink2)}
.prdev .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.prdev .e{grid-column:1/-1;font-size:10px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prdev.iptal{opacity:.5;text-decoration:line-through}
.prdev.ertelendi{border-left-style:dashed;opacity:.8}
.prdev.tamam .t::after{content:" ✓";color:var(--st-ok);font-weight:700}
/* liste */
#prdTablo{table-layout:fixed;width:max-content;min-width:100%}
#prdTablo th{position:relative;white-space:nowrap}
#prdTablo td{vertical-align:middle}
#prdTablo tr.prdrow{cursor:pointer}
#prdTablo tr.prdrow:hover td{background:var(--bg)}
#prdTablo tr.prdsec td{background:var(--accent-soft)}
#prdTablo tr.iptal .prdb{text-decoration:line-through;color:var(--ink3)}
#prdTablo .prdb{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#prdTablo .prdm{display:block;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-mono)}
#prdTablo .ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#prdTablo .mono{font-family:var(--f-mono);font-size:12px}
#prdTablo .prdtal{color:var(--accent);cursor:pointer}
.prdilg{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0}
.prdilgad{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* çekmece */
#prdCek{width:min(520px,96vw);display:flex;flex-direction:column;padding:0}
#prdCek[hidden]{display:none}
#prdCek .prdcust{padding:18px 22px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}
#prdCek .prdcekip{margin-bottom:6px}
#prdCek .prdcust h3{margin:0 0 8px;font-family:var(--f-display);font-size:17px;font-weight:800;line-height:1.25;padding-right:32px}
#prdCek .prdcmeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink3)}
#prdCek .prdczaman{margin-top:8px;color:var(--ink2)}
#prdCek .prdczaman b{font-weight:600;color:var(--ink)}
#prdCek .prdcgov{flex:1 1 auto;overflow:auto;padding:14px 22px 22px}
#prdCek .prdkal{display:grid;grid-template-columns:118px 1fr;gap:9px 12px;font-size:13px}
#prdCek .prdkal .ke{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
#prdCek .prdkal .kv{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#prdCek .mono{font-family:var(--f-mono);font-size:12px}
#prdCek .prddz{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--ink2);max-width:100%;text-align:left}
#prdCek .prddz:hover{border-color:var(--line2);color:var(--ink)}
#prdCek .prdcalt{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
#prdCek .btn.tehlike{color:var(--st-no);border-color:var(--st-no-line)}
#produksiyon .otkpi{grid-template-columns:repeat(5,1fr)}
@media(max-width:768px){#prdCek{width:100%} .prdgrid{grid-auto-rows:minmax(72px,auto)} .prdev .s,.prdev .e{display:none} #produksiyon .otkpi{grid-template-columns:1fr 1fr!important}}

/* ==== INFLUENCER SORULARI (14 Eyl 2026, migration 121) — FT kalıbı, soru/cevap ==== */
#brAtaPop{position:fixed;z-index:160;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:240px}
#brAtaPop[hidden]{display:none}
#brAtaPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:2px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}
#brAtaListe{max-height:240px;overflow:auto}
#brAtaListe .r{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}
#brAtaListe .r:hover{background:var(--bg)}
#brAtaListe .r input{width:auto;margin:0;cursor:pointer}
#ktAtaPop,#ktGorunumPop{position:fixed;z-index:160;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:240px}
#ktAtaPop[hidden],#ktGorunumPop[hidden]{display:none}
#ktGorunumPop{width:320px;max-height:420px;overflow:auto}
#ktGorunumPop .ktgrow{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line)}
#ktGorunumPop .ktgrow>button:first-child{flex:1;text-align:left;border:0;background:none;font:500 13px var(--f-ui);color:var(--ink);padding:7px 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ktGorunumPop .ktgrow>button:first-child:hover{color:var(--accent)}
#ktGorunumPop .ktgrow small{color:var(--ink3);white-space:nowrap}
#ktGorunumPop .ktgrow .x{border:0;background:none;color:var(--ink3);cursor:pointer}
#ktGorunumPop .ktgbos{padding:10px 8px;color:var(--ink3);font-size:12px}
#ktGorunumPop .ktgalt{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#ktGorunumPop .ktgalt .btn{flex:1 1 calc(50% - 3px);min-width:0;font-size:12px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ktGorunumPop .ktgalt .btn.primary{flex-basis:100%}
#ktAtaPop .baslik,#ktGorunumPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:2px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}
#ktAtaListe{max-height:240px;overflow:auto}
#ktAtaListe .r{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}
#ktAtaListe .r:hover{background:var(--bg)}
#ktAtaListe .r input{width:auto;margin:0;cursor:pointer}
/* ==== KAMPANYA TASLAK (15 Eyl 2026, migration 138) — Brief kart dili + tablo editörü; token'lı (iki tema) ==== */
#kampanyataslak .ktkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
#kampanyataslak .ktkart{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:9px;min-width:0;position:relative}
#kampanyataslak .ktkart:hover > .toplukutu,#kampanyataslak .topluvar .toplukutu{opacity:1} #kampanyataslak .ktkart > .toplukutu + .ktkb{padding-left:28px}
#kampanyataslak .ktkart.topluon{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
#kampanyataslak .ktkart:hover{border-color:var(--line2);box-shadow:0 6px 18px rgba(20,22,28,.06)}
#kampanyataslak .ktkb{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#kampanyataslak .ktkb b{font-size:14.5px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
#kampanyataslak .ktkopya{color:var(--ink3);flex:0 0 auto}
#kampanyataslak .ktkm{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2)}
#kampanyataslak .ktkm span{padding:1px 8px;border-radius:99px;background:var(--bg)}
#kampanyataslak .ktkav{display:flex;align-items:center;gap:0;min-height:26px}
#kampanyataslak .ktkav .ktav{margin-right:-6px;border:2px solid var(--card)}
#kampanyataslak .ktkav .ktbos{font-size:12px;margin-left:4px}
#kampanyataslak .ktka{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;border-top:1px solid var(--line)}
#kampanyataslak .ktkz{font-size:11.5px;color:var(--ink3)}
#kampanyataslak .otust2[hidden],#kampanyataslak .ktarac[hidden]{display:none}
#kampanyataslak .brbaslik,#niveaproforma .brbaslik{font:600 18px/1.2 var(--f-display);border:1px solid transparent;background:transparent;padding:4px 8px;border-radius:8px;min-width:280px;width:min(560px,100%);height:auto;box-shadow:none;color:var(--ink)}
#kampanyataslak .brbaslik:hover,#niveaproforma .brbaslik:hover{border-color:var(--line)}
#kampanyataslak .brbaslik:focus,#niveaproforma .brbaslik:focus{border-color:var(--accent);outline:0;background:var(--card)}
#kampanyataslak .ktsatsec{width:14px;height:14px;margin:0 2px 0 0;accent-color:var(--accent);cursor:pointer;flex:0 0 auto;vertical-align:middle}
#kampanyataslak .kttablo th.ktinf .ktsatsec{margin-right:8px}
#kampanyataslak .kttablo tr.ktsecili td{background:var(--accent-soft)!important}
#kampanyataslak .kttablo tfoot td{position:sticky;bottom:0;z-index:1;background:var(--bg);border-top:2px solid var(--line2);font-weight:700;font-size:12.5px;color:var(--ink);white-space:nowrap!important}
#kampanyataslak .kttablo tfoot td.ktinf{z-index:3}
#kampanyataslak .kttablo tfoot small{font-weight:500;color:var(--ink3)}
#kampanyataslak .kttablo tfoot .ktdipbos{color:var(--ink3);font-weight:400}
#kampanyataslak .ktsecbilgi{font-size:12px;color:var(--ink2);display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:99px;background:var(--accent-soft)}
#kampanyataslak .ktsecbilgi[hidden]{display:none}
#kampanyataslak .ktseclink{border:0;background:none;color:var(--color-link);font:600 12px var(--f-ui);cursor:pointer;padding:0;text-decoration:underline}
#kampanyataslak .ktseclink.tehlike{color:var(--st-no)}
#kampanyataslak .kttablo td.kt-para{position:relative}
#kampanyataslak .kttablo td.kt-para::before{content:"₺";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:11.5px;color:var(--ink3);pointer-events:none}
#kampanyataslak .kttablo td.kt-para input{padding-left:22px}   /* .otust2 display:flex hidden'ı eziyordu — liste başlığı editörde de görünüyordu */
.ktav{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font:700 11px var(--f-ui);color:#fff;background:var(--accent) center/cover no-repeat}
.ktav.ktavn{background:var(--line2);color:var(--ink2);font-size:10px}
#kampanyataslak .ktarac{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#kampanyataslak .ktnot{font-size:12px;color:var(--ink3);display:inline-flex;align-items:center;gap:4px}
#kampanyataslak .ktnot i{display:inline-flex;color:var(--accent)}
#kampanyataslak .kttablokap{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:auto;padding:2px}
#kampanyataslak .kttablo{min-width:100%;width:max-content;border-collapse:separate;border-spacing:0}
#kampanyataslak .kttablo th{position:relative;white-space:nowrap;min-width:120px;cursor:default;user-select:none}
#kampanyataslak .kttablo th[draggable]{cursor:grab}
#kampanyataslak .kttablo th .kttut{color:var(--ink3);opacity:.45;margin-right:4px;font-size:11px;cursor:grab}
#kampanyataslak .kttablo th .ktkolad{cursor:text;border-bottom:1px dashed transparent}
#kampanyataslak .kttablo th .ktkolad:hover{border-bottom-color:var(--ink3)}
#kampanyataslak .kttablo th .ktaynaik{display:inline-flex;margin-left:4px;color:var(--accent);vertical-align:middle}
#kampanyataslak .kttablo th .ktz{font-style:normal;color:var(--st-no);margin-left:4px;font-weight:800}
#kampanyataslak .ktx{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:6px;opacity:.5;transition:opacity .12s}   /* 3. tur: ✕ hep görünür (kullanıcı "çıkartamıyoruz" — hover'da beliren düğme fark edilmiyordu) */
#kampanyataslak .kttablo th:hover .ktx,#kampanyataslak .kttablo tr:hover .ktsatsil,#kampanyataslak .ktx:hover{opacity:1}
#kampanyataslak .ktx:hover{color:var(--st-no);background:var(--st-no-bg)}
#kampanyataslak .kttablo th.ktinf,#kampanyataslak .kttablo td.ktinf{position:sticky;left:0;z-index:2;background:var(--card);min-width:220px;text-align:left!important;box-shadow:4px 0 6px -4px rgba(0,0,0,.12)}
#kampanyataslak .kttablo td.ktinf .ktinfic{display:flex;align-items:center;gap:8px;white-space:nowrap}
#kampanyataslak .ktsira{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);min-width:16px;text-align:right}
#kampanyataslak .ktinfad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}
#kampanyataslak .ktprofil{border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left}
#kampanyataslak .ktprofil:hover{color:var(--accent)}
#kampanyataslak .kttablo td{vertical-align:middle;white-space:normal!important;min-width:120px}
#kampanyataslak .kttablo td.ktayna{color:var(--ink2);font-size:12.5px;text-align:center}
#kampanyataslak .kttablo td.ktser input:not([type=checkbox]),#kampanyataslak .kttablo td.ktser textarea{width:100%;min-width:110px;border:1px solid transparent;background:transparent;padding:4px 6px;border-radius:6px;font:inherit;font-size:12.5px;color:var(--ink);box-shadow:none;height:auto;resize:none}
#kampanyataslak .kttablo td.ktser .ktozsec{cursor:pointer;min-height:28px;display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:2px 4px;border-radius:6px} #kampanyataslak .kttablo td.ktser .ktozsec .gchip{margin:0} #kampanyataslak .kttablo td.ktser .ktozsec:hover{background:var(--bg)}
#kampanyataslak .kttablo td.ktser input:hover,#kampanyataslak .kttablo td.ktser textarea:hover{border-color:var(--line)}
#kampanyataslak .kttablo td.ktser input:focus,#kampanyataslak .kttablo td.ktser textarea:focus{border-color:var(--accent);background:var(--card);outline:0}
#kampanyataslak .kttablo td.ktser input.ktsag{text-align:right}
#kampanyataslak .kttablo td.kt-uzun{min-width:220px}
#kampanyataslak .ktonay{display:flex;justify-content:center}
#kampanyataslak .ktonay input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
#kampanyataslak .ktbos{color:var(--ink3)}
#kampanyataslak .ktbosrow{text-align:center!important;color:var(--ink3);padding:22px!important}
#kampanyataslak .ktbosrow .btn{margin-left:8px;display:inline-flex}
#kampanyataslak .ktlink{color:var(--st-info);text-decoration:none;font-size:12.5px}
#kampanyataslak .ktlink:hover{text-decoration:underline}
#kampanyataslak .ktcip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--bg);color:var(--ink2);margin:1px 2px}
#kampanyataslak th.ktsuruk{opacity:.4}
#kampanyataslak th.kthedefsol{box-shadow:inset 3px 0 0 var(--accent)}
#kampanyataslak th.kthedefsag{box-shadow:inset -3px 0 0 var(--accent)}
/* 2. tur (15 Eyl): sıralama · filtre düğmesi · genişletme · hover vurgusu */
#kampanyataslak{--ktvurgu:color-mix(in srgb,var(--accent) 7%,var(--card));--ktvurgu2:color-mix(in srgb,var(--accent) 16%,var(--card))}
#kampanyataslak .kttablo th[data-ktkolbas]{cursor:pointer}
#kampanyataslak .kttablo th.ktsirali .ktkolad{color:var(--accent)}
#kampanyataslak .ktsirok{font-size:9px;color:var(--accent);margin-left:3px;vertical-align:middle}
#kampanyataslak .kttablo th .ktthf{border:0;background:none;color:var(--ink3);cursor:pointer;padding:0 2px;vertical-align:middle;line-height:1;margin-left:2px;opacity:0;display:inline-flex}
#kampanyataslak .kttablo th:hover .ktthf,#kampanyataslak .kttablo th .ktthf.akt{opacity:1}
#kampanyataslak .kttablo th .ktthf.akt{color:var(--accent)}
#kampanyataslak .kttablo th .thtut{right:-1px;z-index:3}
#kampanyataslak .kttablo th .ktx{margin-right:6px}
#kampanyataslak .kttablo tbody tr:hover td{background:var(--ktvurgu)!important}
#kampanyataslak #ktFiltreBtn.akt,#kampanyataslak #ktGorunumBtn.akt{border-color:var(--accent);color:var(--accent)}
.ktyenivars{display:flex;flex-wrap:wrap;gap:4px}
.ktyenivars .ktcip{display:inline-block;font-size:12px;padding:3px 10px;border-radius:99px;background:var(--bg);color:var(--ink2);border:1px solid var(--line)}
.ktexoran{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ktexgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.ktexgrid label{margin:0}
.ktinffiltre{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ktinffiltre select,.ktinffiltre input{height:30px;font-size:12px;padding:0 8px;flex:1 1 130px;min-width:0;width:auto}
.ktinffiltre .btn{height:30px;padding:0 10px;font-size:12px;min-height:0}
#ktInfPop .ktinfrow .ktinfad,#infSeciciPop .ktinfrow .ktinfad{display:flex;flex-direction:column;gap:1px}
#ktInfPop .ktinfkat,#infSeciciPop .ktinfkat{font-size:10.5px;color:var(--ink3);font-weight:500}
.ktkolliste{border:1px solid var(--line);border-radius:10px;padding:4px;max-height:220px;overflow:auto}
.ktkolrow{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;font-size:13px}
.ktkolrow:hover{background:var(--bg)}
.ktkolrow .ktkolrad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ktkolrow .ktkolrad small{color:var(--ink3);margin-left:6px}
.ktkolrow .ktx{opacity:.7;font-size:10px}
.ktkolrow .ktx[disabled]{opacity:.2;cursor:default}
.ktkolrow[draggable]{cursor:grab}
.ktkolrow .kttut{color:var(--ink3);opacity:.5;font-size:11px;margin-right:2px}
.ktkolrow.ktsuruk{opacity:.4}
.ktkolrow.kthedefust{box-shadow:inset 0 2px 0 var(--accent)}
.ktkolrow.kthedefalt{box-shadow:inset 0 -2px 0 var(--accent)}
#kampanyataslak .ktkart.ktarsiv{opacity:.7}
#kampanyataslak .ktarsivroz{font-size:10px;padding:1px 7px;border-radius:99px;background:var(--st-warn-bg);color:var(--st-warn);font-weight:700;flex:0 0 auto;margin-left:6px}
#kampanyataslak #ktArsivBtn.akt{border-color:var(--accent);color:var(--accent)}
#kampanyataslak .ktarsivli .brbaslik{text-decoration:line-through;color:var(--ink3)}
#kampanyataslak .kttablo td.ktonaytd{min-width:170px}
#kampanyataslak .ktonayh{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;color:var(--ink3)}
#kampanyataslak .ktonayroz{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--st-warn-bg);color:var(--st-warn)}
#kampanyataslak .ktonayroz.kabul{background:var(--st-ok-bg);color:var(--st-ok)}
#kampanyataslak .ktonayroz.red{background:var(--st-no-bg);color:var(--st-no)}
#kampanyataslak .ktonaynot{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}
#kampanyataslak .ktonaylink{opacity:.6}
#kampanyataslak .ktonayh .ktonaylink:hover{color:var(--accent);background:var(--accent-soft)}
#ktGorunumPop .ktgrow.aktif>button:first-child{color:var(--accent);font-weight:700}
.ktexoran label{margin:0}
#ktExcelPop .ktexsira{max-height:300px} #ktExcelPop .ktexsira .ktexsec{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;font-size:13px} #ktExcelPop .ktexsira .ktexsec input{margin:0}
#ktExcelPop .ktexdurumkol{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;max-width:320px} #ktExcelPop #ktExcelDurumBolum[hidden],#ktExcelPop #ktExcelDurumDeger[hidden]{display:none}
#ktExcelPop .ktkolsec{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 8px;border-radius:8px;cursor:pointer;white-space:normal}
.ktkart2{display:flex;flex-direction:column;max-height:86vh}
.ktkart2 .drygovde{flex:1 1 auto;min-height:0;overflow:auto}
.ktinfliste{margin-top:8px;max-height:52vh;border:1px solid var(--line);border-radius:10px;padding:4px}
#infSeciciPop .ktbosrow{padding:18px;text-align:center;color:var(--ink3);font-size:13px}
/* hızlı influencer ekleme (56_infsecici, 21 Eyl 2026) — seçici + Kampanya Taslak penceresi */
.infsyeni{margin:8px 0 2px;padding:10px 12px;border:1px dashed var(--line2,var(--line));border-radius:12px;background:var(--bg)}
.infsyenibas{font-size:12.5px;color:var(--ink2);margin-bottom:8px}
.infsyenif{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.infsyenif input{flex:1 1 180px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-size:13px;padding:7px 9px;box-sizing:border-box}
.infsyenif .btn{white-space:nowrap}
@media(max-width:768px){.infsyenif .btn{flex:1 1 100%}}
#infSeciciPop button.infstek{border:0;background:transparent;font:inherit;color:var(--ink);text-align:left}
#infSeciciPop button.infstek:hover{background:var(--bg)}
#infSeciciPop button.infstek.on{background:var(--accent-soft)}
/* ── ORTAK MÜŞTERİ SEÇİCİ (57_mussecici, 17 Eyl 2026) ── */
#musSeciciPop .mussrow{display:flex;width:100%;align-items:center;gap:9px;padding:6px 8px;border:0;background:transparent;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;color:var(--ink);text-align:left;white-space:normal}
#musSeciciPop .mussrow:hover,#musSeciciPop .mussrow.vurgu{background:var(--bg)}
#musSeciciPop .mussrow.secili{background:var(--accent-soft)}
#musSeciciPop .mussrow .ktinfad{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
#musSeciciPop .mussrow .ktinfmeta{font-size:11px;color:var(--ink3);white-space:nowrap}
#musSeciciPop .mussyeni .ktinfad{color:var(--accent);font-weight:600}
#musSeciciPop .mussyeni .ktinfkat,#musSeciciPop .mussrow .ktinfkat{font-size:10.5px;color:var(--ink3);font-weight:500}
#musSeciciPop .mussbos .ktinfad{color:var(--ink2)}
#musSeciciPop .ktbosrow{padding:18px;text-align:center;color:var(--ink3);font-size:13px}
input.musalan,input.infalan{cursor:pointer;caret-color:transparent;background-image:linear-gradient(45deg,transparent 50%,var(--ink3) 50%),linear-gradient(135deg,var(--ink3) 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:26px!important}
#ktInfPop .ktinfrow,#infSeciciPop .ktinfrow{display:flex;width:100%;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;white-space:normal}   /* id özgüllüğü: RAY form tabanının label:has(checkbox) inline-flex kuralını ezer */
.ktinfrow:hover{background:var(--bg)}
.ktinfrow.on{background:var(--accent-soft)}
.ktinfrow input{width:auto;margin:0;accent-color:var(--accent);cursor:pointer}
.ktinfrow .ktinfad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.ktinfrow .ktinfmeta{font-size:11.5px;color:var(--ink3);white-space:nowrap}
.ktkolbas{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.ktkolayna{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
#ktKolPop .ktkolsec{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 8px;border-radius:8px;cursor:pointer;white-space:normal}
.ktkolsec:hover{background:var(--bg)}
.ktkolsec.var{opacity:.55;cursor:default}
.ktkolsec input{width:auto;margin:0;accent-color:var(--accent)}
.ktkolsec small{color:var(--ink3);margin-left:auto}
.ktkolyeni{display:flex;gap:8px}
.ktkolyeni select{flex:0 0 150px}
.ktkolyeni input{flex:1;min-width:0}
/* Kullanıcılar → Toplu ekle penceresi */
.kultoplusatir{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0}
.kultoplusatir label{display:flex;align-items:center;gap:8px;font-size:12.5px;white-space:nowrap}
.kultoplusatir select{min-width:200px}
.kultoplutab{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:6px}
.kultoplutab th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.kultoplutab td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal;overflow-wrap:anywhere;text-align:left!important}
.kultoplutab td.k{font-family:var(--f-mono);font-size:12px}
.kultoplutab tr.hata td{background:var(--st-no-bg)}
.kultoplutab .ok{color:var(--st-ok);font-weight:700}
.kultoplutab .no{color:var(--st-no);font-weight:700}
.kultoplutab .bekle{color:var(--ink3)}
#isAtaPop,#btAtaPop{position:fixed;z-index:160;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:240px}
#isAtaPop[hidden],#btAtaPop[hidden]{display:none}
#isAtaPop .baslik,#btAtaPop .baslik{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;padding:2px 9px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}
#isAtaListe,#btAtaListe{max-height:240px;overflow:auto}
#isAtaListe .r,#btAtaListe .r{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}
#isAtaListe .r:hover,#btAtaListe .r:hover{background:var(--bg)}
#isAtaListe .r input,#btAtaListe .r input{width:auto;margin:0;cursor:pointer}
#isTablo{table-layout:fixed;width:max-content;min-width:100%}
#isTablo th{position:relative;white-space:nowrap}
#isTablo td{vertical-align:middle}
#isTablo tr.ftrow{cursor:pointer}
#isTablo tr.ftrow:hover td{background:var(--bg)}
#isTablo tr.ftsec td{background:var(--accent-soft)}
#isTablo .ftb{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#isTablo .ftm{display:block;font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#isTablo .ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#isTablo .iscevapsiz,#butcetoplama .iscevapsiz{color:var(--st-warn)}
.isdur{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.isdur i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.isdur.calisiyor{background:var(--st-warn-bg);color:var(--st-warn);border-color:var(--st-warn-line)}
.isdur.taslak{background:var(--bg);color:var(--ink3);border-color:var(--line2,var(--line));border-style:dashed}
.isdur.bekliyor{background:var(--st-info-bg);color:var(--st-info);border-color:var(--st-info-line)}
.isdur.takildi{background:var(--st-no-bg);color:var(--st-no);border-color:var(--st-no-line)}
.isdur.planlandi{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
.isdur.tamam{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
.isdur.olumsuz{background:#F1E8FA;color:#6B2FA3;border-color:#DCC8F0}
html[data-tema=koyu] .isdur.calisiyor{background:rgba(253,171,61,.16);color:#FDAB3D;border-color:transparent}
html[data-tema=koyu] .isdur.bekliyor{background:rgba(0,126,181,.18);color:#5FB3E6;border-color:transparent}
html[data-tema=koyu] .isdur.takildi{background:rgba(223,47,74,.16);color:#F0687A;border-color:transparent}
html[data-tema=koyu] .isdur.planlandi,html[data-tema=koyu] .isdur.tamam{background:rgba(0,200,117,.16);color:#00C875;border-color:transparent}
html[data-tema=koyu] .isdur.olumsuz{background:rgba(157,80,221,.18);color:#C08CF0;border-color:transparent}
#isCek,#btCek{width:min(860px,96vw);display:flex;flex-direction:column;padding:0}
#isCek[hidden],#btCek[hidden]{display:none}
#isCek .ftcust,#btCek .ftcust{padding:18px 22px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
#isCek .ftcust h3,#btCek .ftcust h3{margin:0 0 6px;font-family:var(--f-display);font-size:17px;font-weight:800;line-height:1.25;padding-right:32px}
#isCek .ftcmeta,#btCek .ftcmeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ink3)}
#isCek .ftdz,#btCek .ftdz{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--ink2)}
#isCek .ftdz:hover,#btCek .ftdz:hover{border-color:var(--line2);color:var(--ink)}
#isCek .ftcgov,#btCek .ftcgov{flex:1 1 auto;overflow:auto;padding:14px 22px 22px}
#isCek .issoru,#btCek .issoru{border:1px solid var(--line2);border-left:3px solid var(--accent);border-radius:12px;padding:12px 14px;font-size:13.5px;background:var(--card)}
#isCek .gk,#btCek .gk{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
#isCek .gk b,#btCek .gk b{font-weight:600}
#isCek .gk span,#btCek .gk span{color:var(--ink3);font-size:11.5px}
#isCek .gk .isdis,#btCek .gk .isdis{font-size:11px;background:var(--bg);border-radius:99px;padding:1px 8px}
#isCek .gk .sil,#btCek .gk .sil{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px}
#isCek .gm,#btCek .gm{white-space:pre-wrap;word-break:break-word;line-height:1.55}

#isCek .isment,#btCek .isment{font-weight:600;color:var(--ink2)}
#isCek .iscevbas,#dcCek .iscevbas,#btCek .iscevbas{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin:16px 0 8px}
#isCek .iscevbas span,#dcCek .iscevbas span,#btCek .iscevbas span{font-weight:600;color:var(--ink3)}
#isCek .ftmesajlar,#btCek .ftmesajlar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#isCek .ftm1,#btCek .ftm1{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;background:var(--card)}
#isCek .ftm1.ben,#btCek .ftm1.ben{background:var(--accent-soft);border-color:transparent}
#isCek .isdisav,#dcCek .isdisav,#ltCek .isdisav,#maCek .isdisav,#adCek .isdisav,#pkCek .isdisav,#thCek .isdisav,#btCek .isdisav,#tdCek .isdisav{background:var(--bg);color:var(--ink3);border:1px dashed var(--line2)}
#isCek .ftek,#btCek .ftek{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#isCek .ftek button,#btCek .ftek button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:5px 9px;font:500 12px var(--f-ui);color:var(--ink);cursor:pointer;max-width:100%}
#isCek .ftek button span,#btCek .ftek button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
#isCek .ftek button small,#btCek .ftek button small{color:var(--ink3);font-size:10.5px}
#isCek .ftek button.pdf::before,#btCek .ftek button.pdf::before{content:"PDF";font:700 9px var(--f-mono);background:var(--accent);color:#fff;border-radius:4px;padding:2px 4px}
#isCek .ftyaz,#btCek .ftyaz{border-top:1px solid var(--line);padding-top:10px}
#isCek .ftyaz textarea,#btCek .ftyaz textarea{width:100%;min-height:64px;resize:vertical;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui)}
#isCek .ftyaz textarea:focus,#btCek .ftyaz textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#isCek .ftyazalt,#btCek .ftyazalt{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;flex-wrap:wrap}
#isCek .ftbekle,#btCek .ftbekle{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;min-width:0}
#isCek .ftbekle:empty,#btCek .ftbekle:empty{display:none}
#isCek .ftbekle span,#btCek .ftbekle span{font-size:11.5px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 9px;display:inline-flex;gap:6px;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap}
#isCek .ftbekle span button,#btCek .ftbekle span button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:0}
#infsoru .otkpi,#butcetoplama .otkpi{grid-template-columns:repeat(5,1fr)}
@media(max-width:768px){#isCek,#btCek{width:100%} #infsoru .otkpi,#butcetoplama .otkpi{grid-template-columns:1fr 1fr!important}}
/* — influencer onay listesi (14 Eyl 2026, migration 124): tablo özeti · çekmece check list · form çipleri — */
.isinfoz{display:inline-flex;gap:6px;font:600 11.5px var(--f-ui);white-space:nowrap}
.isinfoz i{font-style:normal;border-radius:99px;padding:1px 7px;border:1px solid transparent}
.isinfoz i.k{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
.isinfoz i.r{background:var(--st-no-bg);color:var(--st-no);border-color:var(--st-no-line)}
.isinfoz i.b{background:var(--bg);color:var(--ink3);border-color:var(--line)}
#isCek .iscevbas .isk,#btCek .iscevbas .isk{font-style:normal;color:var(--st-ok);font-weight:700}
#isCek .iscevbas .isr,#btCek .iscevbas .isr{font-style:normal;color:var(--st-no);font-weight:700}
#isCek .isinfl,#btCek .isinfl{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
#isCek .isinfr,#btCek .isinfr{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card)}
#isCek .isinfr.kabul,#btCek .isinfr.kabul{border-color:var(--st-ok-line);background:color-mix(in srgb,var(--st-ok-bg) 55%,var(--card))}
#isCek .isinfr.red,#btCek .isinfr.red{border-color:var(--st-no-line);background:color-mix(in srgb,var(--st-no-bg) 55%,var(--card))}
#isCek .isinfik,#btCek .isinfik{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:0 0 auto;background:var(--bg);color:var(--ink3);border:1px solid var(--line)}
#isCek .isinfr.kabul .isinfik,#btCek .isinfr.kabul .isinfik{background:#1D7A44;color:#fff;border-color:#1D7A44}
#isCek .isinfr.red .isinfik,#btCek .isinfr.red .isinfik{background:#B3232F;color:#fff;border-color:#B3232F}
#isCek .isinfad,#btCek .isinfad{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}

#isCek .isinfad .isinfdet,#btCek .isinfad .isinfdet{color:var(--ink2);font-size:12px;white-space:pre-wrap}
#isCek .isinfad .isinfnot,#btCek .isinfad .isinfnot{color:var(--ink);font-size:12.5px;font-style:italic}
#isCek .isinfad .isinfz,#btCek .isinfad .isinfz{color:var(--ink3);font-size:11px}
#isCek .isinfisl,#btCek .isinfisl{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#isCek .isinfsec,#btCek .isinfsec{font:600 11.5px var(--f-ui);border-radius:99px;padding:3px 8px;border:1px solid var(--line);background:var(--card);color:var(--ink2);height:auto;min-height:0;width:auto}
#isCek .isinfsec.kabul,#btCek .isinfsec.kabul{color:var(--st-ok);border-color:var(--st-ok-line);background:var(--st-ok-bg)}
/* Influencer listesi TABLO (15 Eyl 2026): sıralanabilir başlık + cevap grupları */
#isCek .isinftabkap,#btCek .isinftabkap{overflow-x:auto;margin-bottom:6px}
#isCek .isinftab,#btCek .isinftab{min-width:0!important;width:100%;table-layout:auto}
#isCek .isinftab th,#btCek .isinftab th{cursor:pointer;user-select:none;white-space:nowrap;font-size:10px;padding:5px 8px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);background:var(--card);border-bottom:1px solid var(--line)}
#isCek .isinftab th.aktif,#btCek .isinftab th.aktif{color:var(--accent)}
#btCek .isinftab th.btith{background:color-mix(in srgb,var(--accent) 7%,var(--card))}
#btCek .isinftab th.btith::before{content:"iç · ";opacity:.6}
#btCek .isinftab td.btich{background:color-mix(in srgb,var(--accent) 4%,transparent)}
/* 28 Eyl 2026: sütun genişletme + tam metin (Influencer Soru kalıbı) — tablo Σgenişlik (JS), hücreler sarar */
#btCek #btInfTablo{table-layout:fixed}
#btCek .isinftab th{position:relative}
#btCek .isinftab th .thtut{position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;z-index:3;background:none}
#btCek .isinftab th .thtut::after{content:"";position:absolute;top:5px;bottom:5px;right:3px;width:2px;border-radius:2px;background:var(--line2)}
#btCek .isinftab th .thtut:hover::after,#btCek .isinftab th .thtut:active::after{background:var(--accent);width:3px;top:2px;bottom:2px}
#btCek .isinftab th .thtut:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
#btCek .isinftab th{overflow:hidden;text-overflow:ellipsis}
#btCek #btInfTablo td{vertical-align:top;overflow-wrap:break-word}
#btCek #btInfTablo td.isinfnot,#btCek #btInfTablo td.btich{overflow-wrap:anywhere}
#btCek #btInfTablo td.isinfad .btilet,#btCek #btInfTablo td.isinfad .bttelmini{display:flex;flex-wrap:nowrap;width:100%;min-width:0}
#btCek #btInfTablo td.isinfad .btilet i,#btCek #btInfTablo td.isinfad .bttelmini i{flex:0 0 auto;white-space:nowrap}
#btCek #btInfTablo td.isinfad .btilet a,#btCek #btInfTablo td.isinfad .btilet b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#btCek #btInfTablo td.isinfnot{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;font-size:12.5px;line-height:1.45;color:var(--ink)}
#btCek #btInfTablo td.isinfnot .btnot1,#btCek #btInfTablo td.isinfnot em{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap}
#btCek #btInfTablo td.btich .ttmet{display:flex;align-items:flex-start}
#btCek #btInfTablo td.btich .ttmet .ttmetm{white-space:pre-wrap;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
/* 28 Eyl 2026: satır boyu sınırı — not 6 satır (+ Tamamını göster), ad hücresi GERÇEK tablo hücresi (td'ye flex verilince satır yüksekliğine uymuyordu, kopuk alt çizgi) */
#btCek #btInfTablo td.isinfnot .btnotk{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
#btCek #btInfTablo td.isinfnot .btnotk.acik{display:block;-webkit-line-clamp:unset;overflow:visible}
#btCek #btInfTablo td.isinfnot .btnotac{display:none;margin-top:4px;padding:0;border:0;background:none;color:var(--color-link);font:600 11.5px var(--f-ui);cursor:pointer}
#btCek #btInfTablo td.isinfnot.tasar .btnotac{display:inline-block}
#isCek .isinftab td.isinfad,#btCek .isinftab td.isinfad{display:table-cell}
#isCek .isinftab td.isinfad>b,#btCek .isinftab td.isinfad>b{display:block}
#isCek .isinftab td.isinfad>.btopscip,#btCek .isinftab td.isinfad>.btopscip{display:flex;width:max-content}
#btCek #btInfTablo td.isinfad{max-width:none}
#btCek .btsutsil{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:10px;padding:0 0 0 4px}
#btCek .btsutsil:hover{color:var(--st-no)}
#btCek .bttakip{display:flex;flex-direction:column;gap:1px;white-space:nowrap;font-size:11.5px}
#btCek .bttakip svg{width:12px;height:12px;vertical-align:-2px}
#btCek #btInfTablo tr.btdgrp td{border-left:4px solid var(--dg)}   /* durum sütununa göre grup başlığı (29 Eyl 2026) */
#btCek .bttakip a.btplatlink{display:inline-flex;vertical-align:-2px;border-radius:3px;cursor:pointer}
#btCek .bttakip a.btplatlink:hover{outline:2px solid color-mix(in srgb,var(--color-link) 35%,transparent);outline-offset:1px}
/* 29 Eyl 2026 (kullanıcı: "hücreler arasında çizgiler daha belirgin olsun"): influencer tablosunda dikey + yatay ayraç koyu çizgi */
#btCek #btInfTablo th,#btCek #btInfTablo td{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2)}
#btCek #btInfTablo th:last-child,#btCek #btInfTablo td:last-child{border-right:0}
/* Gönderim etiketi hücreyi boyar (Cevap sütunu gibi): çip(ler) tam hücre, birden çoksa alt alta paylaşır */
#btCek #btInfTablo td.isinfetk:has(.ttcip){padding:0!important;height:1px}
#btCek #btInfTablo td.isinfetk .btpketk:has(.ttcip){height:100%;min-height:34px;margin:0;padding:0;border-radius:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:1px}
#btCek #btInfTablo td.isinfetk .btpketk .ttcip{flex:1 1 0;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:0;margin:0;font-size:11.5px;font-weight:600;padding:4px 8px;max-width:none;white-space:normal}
#isCek .isinftab td,#btCek .isinftab td{padding:5px 8px;font-size:12px;vertical-align:middle;white-space:normal;border-bottom:1px solid var(--line);line-height:1.35}
/* 24 Eyl 2026 (kullanıcı: "tablo görünümde daha ufak, daha temiz"): satır dolgusu yok — cevap sol kenar çizgisiyle; işlem simgeleri üzerine gelince */
#btCek .isinftabkap{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
#btCek .isinftab{border-collapse:collapse}
#btCek .isinftab tr.isinfr td:first-child{box-shadow:inset 3px 0 0 var(--line2)}
#btCek .isinftab tr.isinfr.kabul td:first-child{box-shadow:inset 3px 0 0 var(--st-ok2,var(--st-ok))}
#btCek .isinftab tr.isinfr.red td:first-child{box-shadow:inset 3px 0 0 var(--st-no)}
#btCek .isinftab tr.isinfr:hover td{background:color-mix(in srgb,var(--accent) 5%,var(--card))}
#btCek .isinftab td.isinfc .ttpil{min-height:26px;font-size:11.5px;padding:2px 8px}
#btCek .isinftab td.isinfad b{font-size:12.5px}
#btCek .isinftab td.isinfad .bttelmini,#btCek .isinftab td.isinfad .btiletler{font-size:11px;gap:2px 8px}
#btCek .isinftab td.isinfnot{max-width:160px;white-space:normal;font-size:11.5px;color:var(--ink2)}
#btCek .isinftab td.isinfad{max-width:210px} #btCek .isinftab td.isinfad .btilet a{max-width:150px}
#btCek .isinftab td.isinfz{font-size:10.5px} #btCek .isinftab td.isinfisl{padding-left:2px;padding-right:4px}
#btCek .isinftab td.isinfnot .btnot1{color:var(--ink);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#btCek .isinftab td.isinfnot em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#btCek .isinftab td.isinfz small{display:block;color:var(--ink3);font-size:10.5px}
#btCek .isinftab td.isinfisl .otik,#btCek .isinftab td.isinfisl .btwa{opacity:.45;width:24px;height:24px} #btCek .isinftab tr:hover td.isinfisl .otik,#btCek .isinftab tr:hover td.isinfisl .btwa{opacity:1}
#btCek .isinftab td.btbutce b{font-family:var(--f-mono);font-size:12.5px}
#btCek .isinftab td.btsirket .ttpil.btsir{font-size:11px;padding:1px 7px}
#btCek .isinftab .btkdok{font-size:11px}
#isCek .isinftab td.isinfad,#isCek .isinftab td.isinfdet,#isCek .isinftab td.isinfnot,#btCek .isinftab td.isinfad,#btCek .isinftab td.isinfdet,#btCek .isinftab td.isinfnot{text-align:left!important}
#isCek .isinftab td.isinfc,#btCek .isinftab td.isinfc{white-space:nowrap}
#isCek .isinftab td.isinfc .isinfik,#btCek .isinftab td.isinfc .isinfik{vertical-align:middle;margin-right:4px}
#isCek .isinftab td.isinfdet,#isCek .isinftab td.isinfnot,#btCek .isinftab td.isinfdet,#btCek .isinftab td.isinfnot{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink2)}
#isCek .isinftab td.isinfnot em,#btCek .isinftab td.isinfnot em{color:var(--ink);font-style:italic}
#isCek .isinftab td.isinfz,#btCek .isinftab td.isinfz{font-size:11px;color:var(--ink3);white-space:nowrap}
#isCek .isinftab td.isinfisl,#btCek .isinftab td.isinfisl{white-space:nowrap}
#isCek .isinftab tr.isinfr,#btCek .isinftab tr.isinfr{border:0;border-radius:0;padding:0;display:table-row}
#isCek .isinftab tr.isinfr.kabul td{background:color-mix(in srgb,var(--st-ok-bg) 55%,var(--card))}
#isCek .isinftab tr.isinfr.red td{background:color-mix(in srgb,var(--st-no-bg) 55%,var(--card))}
#isCek .isinftab tr.isinfgrp td,#btCek .isinftab tr.isinfgrp td{background:var(--bg);text-align:left!important;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);padding:4px 8px}
#isCek .isinftab tr.isinfgrp td span,#btCek .isinftab tr.isinfgrp td span{font-family:var(--f-mono);color:var(--ink3);margin-left:4px}
#isCek .isinftab tr.isinfgrp.kabul td b,#btCek .isinftab tr.isinfgrp.kabul td b{color:var(--st-ok)}
#isCek .isinftab tr.isinfgrp.red td b,#btCek .isinftab tr.isinfgrp.red td b{color:var(--st-no)}
/* ── IS ÇEKMECESİ GENİŞ + SÜTUNLAR BOYUTLANIR (18 Eyl 2026, kullanıcı: "pop-up daha geniş olsun, notlar/özel detaylar
   okunmuyor, sütun genişlemiyor, boyutlandırabilelim"). YALNIZ #isCek — #btCek (Bütçe Toplama) eski düzeninde kalır. */
@media(min-width:769px){.cekpanel#isCek:not([hidden]),.cekpanel#btCek:not([hidden]){width:min(1680px,96vw);max-height:94vh}}
/* 29 Eyl 2026 (kullanıcı: "Bütçe Toplama'da projeyi açınca pop-up tam ekran olsun"): masaüstünde #btCek tüm pencere — kenar boşluğu/yuvarlak köşe yok */
@media(min-width:769px){.cekpanel#btCek:not([hidden]){top:0;left:0;right:0;bottom:0;transform:none;width:auto;height:auto;max-height:none;border-radius:0;border:0;animation:btTamGir .16s ease-out}}
@keyframes btTamGir{from{opacity:0}to{opacity:1}}   /* v441: Bütçe Toplama çekmecesi de geniş (kullanıcı: "daha geniş, daha okunaklı") */   /* mobil tam ekran sheet kuralı (≤768) ezilmez; v437: 1240→1680 */
#isCek .isinftabkap{overflow-x:auto;overflow-y:visible;padding-bottom:2px}
#isCek .isinftab{width:auto;table-layout:fixed}   /* JS Σgenişlik yazar; sütunlar sürüklenince oynamaz */
#isCek .isinftab thead th{position:relative;padding-right:14px;cursor:pointer;user-select:none;text-align:left!important;overflow:hidden;text-overflow:ellipsis}
#isCek .isinftab th .thtut{position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;z-index:3;opacity:1;background:none}
#isCek .isinftab th .thtut::after{content:"";position:absolute;top:5px;bottom:5px;right:3px;width:2px;border-radius:2px;background:var(--line2)}   /* v437: tutamak HEP görünür — "sütun genişlemiyor" sanılmasın */
#isCek .isinftab th .thtut:hover::after,#isCek .isinftab th .thtut:active::after{background:var(--accent);width:3px;top:2px;bottom:2px}
#isCek .isinftab th .thtut:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
#isCek .isinftab th:hover .thtut::after{background:var(--accent-soft);width:3px}
#isCek .isinfsutunip{font-size:11px;color:var(--ink3);margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:400;text-transform:none;letter-spacing:0}
#isCek .isinfsutunip .ftdz{font-size:11px}
#isCek .isinftab th.hedefkol{box-shadow:inset 3px 0 0 var(--accent)}
#isCek .isinftab td{vertical-align:top;line-height:1.45}
#isCek .isinftab td.isinfdet,#isCek .isinftab td.isinfnot{max-width:none;overflow:visible;text-overflow:clip;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;color:var(--ink);padding:8px 10px}
#isCek .isinftab td.isinfdet.dolu{background:color-mix(in srgb,var(--accent-soft) 45%,transparent);border-left:2px solid var(--accent)}
#isCek .isinftab td.isinfc .isinfsec{max-width:calc(100% - 26px)}
#isCek .isinftab td.isinfnot em{display:block;padding:7px 10px;background:var(--bg);border-radius:8px;color:var(--ink);font-style:normal;border:1px dashed var(--line2);font-size:13px;line-height:1.5}
#isCek .isinftab td.isinfz{white-space:normal}
#isCek .isinftab td.isinfad b{font-size:13px}
#isCek .isinftab td.isinfilg{overflow:hidden}
.isinfgrupsec{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink3);margin-left:auto}
.isinfgrupsec select{height:26px;font-size:11.5px;padding:0 6px}
#isCek .iscevbas #isInfLinkHepsi,#btCek .iscevbas #btInfLinkHepsi{margin-left:0}
#isCek .isinfsec.red,#btCek .isinfsec.red{color:var(--st-no);border-color:var(--st-no-line);background:var(--st-no-bg)}
#isCek .isinfekle,#btCek .isinfekle{display:flex;gap:6px;margin-top:4px}
#isCek .isinfekle input,#btCek .isinfekle input{flex:1 1 auto;min-width:0;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px var(--f-ui)}
#isCek .isinfekle .btn,#btCek .isinfekle .btn{min-height:0;height:34px}
.isinfcips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;min-height:24px}
.isinfcip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--ink);border:1px solid transparent;border-radius:99px;padding:3px 6px 3px 10px;font-size:12.5px;font-weight:600}
.isinfcip.dis{background:var(--bg);border-color:var(--line2);border-style:dashed;color:var(--ink2)}
.isinfcip button{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px;padding:0 2px;line-height:1}
.isinfcip button:hover{color:var(--accent)}
/* — herkese açık iş onayı sayfası /soru-onay/<token> — */
/* ═══ PROFİL ANKETİ sayfası (24 Eyl 2026, Alternatif A — adım adım). Belge yüzeyi: her temada AÇIK; renkler yerel tokenlı. ═══ */
#paSayfa{--pa-ink:#1B1A19;--pa-ink2:#5E5A56;--pa-ink3:#918B85;--pa-line:#D9D4CE;--pa-bg:#FBFAF8;--pa-soft:#F3F1EE;--pa-vurgu:#C4452C;--pa-ok:#1F9D67;--pa-okbg:#E4F6EE;
  background:var(--pa-bg);color:var(--pa-ink);min-height:100vh;min-height:100dvh;font-family:var(--f-ui);-webkit-font-smoothing:antialiased;color-scheme:light}
#paSayfa .pakolon{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column}
#paSayfa .palogo{height:22px;display:block}
#paSayfa .pabas{padding:calc(16px + env(safe-area-inset-top)) 22px 0}
#paSayfa .pabas .sat{display:flex;align-items:center;justify-content:space-between}
#paSayfa .pabas .say{font-size:12px;color:var(--pa-ink3);font-weight:500}
#paSayfa .pailerle{display:flex;gap:4px;margin-top:16px}
#paSayfa .pailerle i{flex:1;height:4px;border-radius:4px;background:#E7E4E0;transition:background .3s}
#paSayfa .pailerle i.on{background:var(--pa-ink)}
#paSayfa .paadm{padding:24px 22px 130px;flex:1;animation:paGir .3s cubic-bezier(.2,.8,.2,1)}
@keyframes paGir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#paSayfa .paadm .etk{font-size:12px;color:var(--pa-vurgu);font-weight:600;margin-bottom:6px}
#paSayfa .paadm h1{font-size:27px;line-height:1.15;margin:0 0 6px;letter-spacing:-.025em;font-weight:700}
#paSayfa .paadm .alt{color:var(--pa-ink2);margin:0 0 24px;line-height:1.5;font-size:14px}
#paSayfa .paalan{margin-bottom:22px}
#paSayfa .pasoru{font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}
#paSayfa .paipucu{font-size:12.5px;color:var(--pa-ink3);margin:-6px 0 10px;line-height:1.45}
#paSayfa .painp{width:100%;height:50px;border:1px solid var(--pa-line);border-radius:12px;background:#fff;padding:0 14px;outline:none;font:inherit;font-size:16px;color:var(--pa-ink);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
#paSayfa .painp:focus{border-color:var(--pa-ink);box-shadow:0 0 0 4px rgba(27,26,25,.06)}
#paSayfa select.painp{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23918B85' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px}
#paSayfa select.painp:disabled{background-color:var(--pa-soft);color:var(--pa-ink3)}
#paSayfa .paonek{display:flex;align-items:center;border:1px solid var(--pa-line);border-radius:12px;background:#fff;height:50px;padding-left:12px;transition:border-color .15s,box-shadow .15s}
#paSayfa .paonek:focus-within{border-color:var(--pa-ink);box-shadow:0 0 0 4px rgba(27,26,25,.06)}
#paSayfa .paonek .pl{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;margin-right:8px;color:#fff;font-size:10.5px;font-weight:700}
#paSayfa .paonek .at{color:var(--pa-ink3);font-weight:500}
#paSayfa .paonek input{border:0;outline:0;background:transparent;height:100%;flex:1;padding:0 12px 0 2px;min-width:0;font:inherit;font-size:16px;color:var(--pa-ink)}
#paSayfa .pl-ig{background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF)} #paSayfa .pl-tt{background:#111} #paSayfa .pl-yt{background:#FF0033}
#paSayfa .payan{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#paSayfa .payan label{display:grid;gap:6px;font-size:12.5px;color:var(--pa-ink2)}
#paSayfa .patl{position:relative;display:block}
#paSayfa .patl input{padding-right:36px}
#paSayfa .patl::after{content:"₺";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--pa-ink3);font-weight:600}
#paSayfa .pasec{display:grid;gap:8px}
#paSayfa .pasec.s2{grid-template-columns:1fr 1fr} #paSayfa .pasec.s3{grid-template-columns:1fr 1fr 1fr}
#paSayfa .pasec button{min-height:50px;border:1px solid var(--pa-line);background:#fff;border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;font-weight:500;color:var(--pa-ink);cursor:pointer;transition:all .15s;line-height:1.25}
#paSayfa .pasec button.on{border-color:var(--pa-ink);background:var(--pa-ink);color:#fff}
#paSayfa .pacip{display:flex;flex-wrap:wrap;gap:8px}
#paSayfa .pacip button{border:1px solid var(--pa-line);background:#fff;border-radius:99px;padding:9px 14px;font:inherit;font-size:14px;font-weight:500;color:var(--pa-ink);cursor:pointer;transition:all .15s;display:inline-flex;gap:6px;align-items:center}
#paSayfa .pacip button.on{background:var(--pa-ink);border-color:var(--pa-ink);color:#fff}
#paSayfa .pacip button.on::before{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2 6.5l2.6 2.5L10 3.5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center}
#paSayfa .pagrup{margin-bottom:14px}
#paSayfa .pagrup h5,#paSayfa .paaltk h5{margin:0 0 8px;font-size:12px;color:var(--pa-ink3);font-weight:500}
#paSayfa .paaltk{margin:10px 0 4px;padding:12px;border-radius:12px;background:var(--pa-soft)}
#paSayfa .paaltk h5{color:var(--pa-ink2);font-weight:600}
#paSayfa .paaltk .pacip button{padding:7px 12px;font-size:13px}
#paSayfa .paguven{display:flex;gap:10px;align-items:flex-start;background:var(--pa-soft);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--pa-ink2);line-height:1.5}
#paSayfa .paguven svg{flex:none;margin-top:1px}
#paSayfa .paaltbar{position:sticky;bottom:0;margin-top:auto;padding:14px 22px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--pa-bg) 72%,rgba(251,250,248,0));display:flex;gap:10px}
#paSayfa .pabtn{flex:1;height:52px;border-radius:14px;border:0;background:var(--pa-ink);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
#paSayfa .pabtn:disabled{opacity:.4}
#paSayfa .pabtn2{height:52px;padding:0 20px;border-radius:14px;border:1px solid var(--pa-line);background:#fff;font:inherit;font-weight:500;font-size:15px;color:var(--pa-ink);cursor:pointer}
#paSayfa .pahos{padding:calc(24px + env(safe-area-inset-top)) 24px 130px;flex:1}
#paSayfa .pakapak{height:220px;border-radius:24px;background:radial-gradient(120% 90% at 0% 0%,#E9876F 0,#C4452C 45%,#5B1C10 100%);position:relative;overflow:hidden;margin:22px 0 26px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
#paSayfa .pakapak::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
#paSayfa .pakapak::before{content:"";position:absolute;right:30px;bottom:-110px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
#paSayfa .pakapak b{font-size:13px;font-weight:500;opacity:.85}
#paSayfa .pakapak h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em;font-weight:700}
#paSayfa .pahos p{color:var(--pa-ink2);line-height:1.55;margin:0 0 18px}
#paSayfa .pahos ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
#paSayfa .pahos li{display:flex;gap:10px;align-items:center;font-size:13.5px}
#paSayfa .pahos li span{width:28px;height:28px;border-radius:9px;background:#F0EDE9;display:grid;place-items:center;flex:none}
#paSayfa .pabitti{padding:80px 28px;text-align:center;flex:1}
#paSayfa .pabitti .tik{width:76px;height:76px;border-radius:50%;background:var(--pa-okbg);display:grid;place-items:center;margin:0 auto 22px;animation:paPop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes paPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
#paSayfa .pabitti h1{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}
#paSayfa .pabitti p{color:var(--pa-ink2);line-height:1.55;margin:0}
.ozylist{display:flex;flex-direction:column;gap:6px}
.ozysatir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.ozysatir b{font-size:13px;color:var(--ink)} .ozysatir small{display:block;font-size:11.5px;color:var(--ink3);margin-top:2px}
.ozykim{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center} .ozykim .ozyvars{font-size:11.5px;color:var(--ink3);font-style:italic}
.ozykim .ozycip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font-size:11.5px;color:var(--ink2)}
#paSayfa .patelnot{font-size:12.5px;color:var(--pa-ink3,#918B85);margin:6px 2px 0}#paSayfa .patelnot.hata{color:var(--st-no,#B3232F)}#paSayfa .patelnot.tam{color:#1f8a4c}
#paSayfa .pahata{color:var(--st-no,#B3232F);font-size:13px;margin:0 22px 8px;text-align:center}
@media (prefers-reduced-motion: reduce){#paSayfa .paadm,#paSayfa .pabitti .tik{animation:none}}
#soSayfa{background:var(--bg,#F5F4F2);min-height:100vh;min-height:100dvh;padding:28px 16px 60px;font-family:var(--f-ui);color:var(--ink)}
#soSayfa .sokabuk{max-width:620px;margin:0 auto}
#soSayfa .soops{display:inline-block;margin:-4px 0 12px;padding:5px 12px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:13px}   /* Bütçe Toplama opsiyonu (migration 266) */
#soSayfa .sologo{height:26px;display:block;margin:0 auto 24px}
#soSayfa .sokart{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:24px 26px;margin-bottom:14px}
#soSayfa .sohos{font-size:15px;color:var(--ink2)}
#soSayfa .sohos b{color:var(--ink)}
#ftFormPop .ftkalemler{display:flex;flex-direction:column;gap:6px;margin-top:4px}
#ftFormPop .ftkalem{display:grid;grid-template-columns:1fr 170px 30px;gap:6px;align-items:center}
#ftFormPop .ftkalem input{width:100%;min-width:0}
#ftFormPop .ftkalem .tutar{text-align:right;font-variant-numeric:tabular-nums}
#ftFormPop .ftkalem .sil{border:1px solid var(--line);background:var(--card);border-radius:8px;height:30px;cursor:pointer;color:var(--ink3);font-family:inherit}
#ftFormPop .ftkalem .sil:hover{color:var(--no);border-color:var(--no)}
#ftFormPop .ftkalemalt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
#ftFormPop .ftkalemtoplam{font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
@media(max-width:560px){#ftFormPop .ftkalem{grid-template-columns:1fr 120px 30px}}
/* İki soru tipi (18 Eyl 2026): tip segmenti + davetiye çipleri (form + çekmece) + public sayfa davetiye önizlemesi */
#isFormPop .istipseg{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--bg);margin-top:4px}
#isFormPop .istipseg button{border:0;background:transparent;border-radius:99px;padding:6px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;min-height:0}
#isFormPop .istipseg button.on{background:var(--card);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.isdvliste{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.isdvliste:empty{display:none}
.isdvcip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:5px 8px 5px 5px;font-size:12.5px}
.isdvcip img{width:34px;height:34px;object-fit:cover;border-radius:6px;background:var(--line)}
.isdvcip .isdvik{width:34px;height:34px;border-radius:6px;background:var(--st-no-bg);color:var(--st-no);display:grid;place-items:center;font-size:10px;font-weight:800}
.isdvcip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isdvcip button{border:0;background:transparent;color:var(--ink3);cursor:pointer;padding:0 2px;font-size:14px;line-height:1}
.isdvcip button:hover{color:var(--st-no)}
.isdvcip.yeni{border-style:dashed}
.isdvpil{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--st-info);background:var(--st-info-bg);border:1px solid var(--st-info-line);border-radius:99px;padding:1px 7px;margin-right:6px;vertical-align:1px}
#isCek .isdvgal{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#isCek .isdvgal button{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:0;cursor:pointer;overflow:hidden;width:120px;text-align:left;font:inherit}
#isCek .isdvgal img{display:block;width:120px;height:90px;object-fit:cover;background:var(--line)}
#isCek .isdvgal .isdvik{width:120px;height:90px;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--st-no);background:var(--st-no-bg)}
#isCek .isdvgal em{display:block;font-style:normal;font-size:11px;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
/* Davet sorusu — Yer → Google Haritalar (30 Eyl 2026; isHaritaHtml tek üretici: form · çekmece · influencer sayfası) */
.isharita{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.isharita iframe{display:block;width:100%;height:220px;border:0;background:var(--line)}
.isharita.so iframe{height:280px}
.isharita.form iframe{height:170px}
.isharitaalt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px}
.isharitaalt>span{flex:1 1 180px;min-width:0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2);overflow-wrap:anywhere}
.isharitaalt .btn{flex:0 0 auto;width:auto;min-height:36px;display:inline-flex;align-items:center;text-decoration:none;font-size:13px}
@media(max-width:560px){.isharitaalt .btn{flex:1 1 0;justify-content:center}}
#soSayfa .sodavetiye{margin-top:16px;display:flex;flex-direction:column;gap:12px}
#soSayfa .sodavetiye>b{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
#soSayfa .sodavetiye figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
#soSayfa .sodavetiye img{display:block;width:100%;height:auto}
#soSayfa .sodavetiye .sopdf{display:flex;flex-direction:column;gap:6px;padding:8px;min-height:80px}
#soSayfa .sodavetiye .sopdf canvas{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#soSayfa .sodavetiye figcaption{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink3);padding:6px 10px;border-top:1px solid var(--line)}
#soSayfa .sodavetiye figcaption a{white-space:nowrap}
#isFormPop .isalanlar,#btFormPop .isalanlar{display:flex;flex-direction:column;gap:6px;margin-top:4px}
#isFormPop .isalan,#btFormPop .isalan{display:grid;grid-template-columns:130px 1fr;gap:8px;align-items:start}
#isFormPop .isalan>span,#btFormPop .isalan>span{font-size:12.5px;font-weight:600;color:var(--ink2);padding-top:9px}
#isFormPop .isalan input,#isFormPop .isalan textarea,#btFormPop .isalan input,#btFormPop .isalan textarea{width:100%;min-width:0}
@media(max-width:560px){#isFormPop .isalan,#btFormPop .isalan{grid-template-columns:1fr} #isFormPop .isalan>span,#btFormPop .isalan>span{padding-top:0}}
:is(#isFormPop,#btFormPop) .islinkler{display:flex;flex-direction:column;gap:6px;min-width:0}
:is(#isFormPop,#btFormPop) .islinkek{display:flex;gap:6px;align-items:center}
:is(#isFormPop,#btFormPop) .islinkek input{flex:1}
:is(#isFormPop,#btFormPop) .islinkek .btn.mini,#isFormPop #isUrunLinkEkle,#btFormPop #btUrunLinkEkle{align-self:flex-start;padding:4px 10px;font-size:12px}
/* BRİEF TASLAĞI */
#brief .brkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
#brief .brkart{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0;transition:border-color .12s,box-shadow .12s}
#brief .brkart:hover{border-color:var(--line2);box-shadow:0 6px 18px rgba(20,22,28,.06)}
#brief .brkb{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#brief .brkb b{font-size:14.5px;line-height:1.3;min-width:0;overflow-wrap:anywhere;flex:1 1 auto}
#brief .brdurum{flex:0 0 auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--bg);border:1px solid var(--line);color:var(--ink2);white-space:nowrap}
#brief .brdurum[data-d="Onaylandı"],#brief .brdurum[data-d="Tamamlandı"]{background:var(--st-ok-bg);border-color:var(--st-ok-bg);color:var(--st-ok)}
#brief .brdurum[data-d="Revize"]{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
#brief .brdurum[data-d="Markaya gönderildi"]{background:var(--accent-soft);border-color:#F1CFC6;color:var(--accent)}
#brief .brkm{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2)}
#brief .brkm span{padding:1px 8px;border-radius:99px;background:var(--bg)}
#brief .brkt{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
#brief .brkt span{display:inline-flex;align-items:center;gap:4px}
#brief .brka{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;border-top:1px solid var(--line)}
#brief .brkz{font-size:11.5px;color:var(--ink3)}
/* 17 Eyl 2026: .otust2{display:flex} HTML hidden'ı eziyordu → listede editör şeridi (‹ Brief'ler · Paylaş · PDF ·
   Kopyala · Sil) de görünüyor, düğmeler boşa duruyordu (Kampanya Taslak'taki v317 tuzağının aynısı). */
#brief .otust2[hidden]{display:none!important}
@media(min-width:769px){#brUst>div:last-child{flex-wrap:nowrap}}#brUst .aramakutu{flex:0 0 auto;width:240px}   /* nowrap yalnız masaüstü: telefonda 240px arama + 3 düğme 375px'i taşırıyordu (K-26 taraması) */
#brief .brust{align-items:flex-start}
#brief .brust>div:first-child{flex:1 1 320px}
#brief .brbaslik{font:600 18px/1.2 var(--f-display);border:1px solid transparent;background:transparent;padding:4px 8px;border-radius:8px;min-width:280px;width:min(560px,100%)}
#brief .brbaslik:hover{border-color:var(--line)}
#brief .brbaslik:focus{border-color:var(--accent);outline:0;background:var(--card)}
#brief .brpay{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2)}
#brief .brbelge{max-width:960px;display:flex;flex-direction:column;gap:18px}
#brief .brsayfa{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 26px 22px;box-shadow:0 1px 0 rgba(20,22,28,.03)}
#brief .brsbas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:6px;border-bottom:2px solid var(--ink)}
#brief .brsno{font:600 15px/1.2 var(--f-display);color:var(--ink)}
#brief .brsno span{color:var(--ink3);font-weight:500}
#brief .brsdurum{font-size:12px}
#brief .breksik{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;background:var(--st-no-bg);color:#B3261E;font-size:11.5px;font-weight:600}
#brief .brtam{color:var(--st-ok);font-size:11.5px;font-weight:600}
#brief .brsbtn{margin-left:auto;display:flex;gap:6px}
#brief .brsbtn .btn{height:30px;min-height:0;padding:0 10px;width:auto;font-size:12.5px;display:inline-flex;align-items:center;gap:5px}
#brief .brz{color:var(--accent);font-style:normal;font-weight:700}
#brief .brkutu .brbos{border-color:var(--st-no-line);background:color-mix(in srgb,var(--st-no-bg) 50%,var(--card))}
#brief .brbolumekle{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px dashed var(--line2);border-radius:14px;color:var(--ink3);font-size:12.5px}
#brief .brsay{background:var(--ink)!important;color:var(--card);font-weight:600}
#brief .bralan{display:grid;grid-template-columns:170px 1fr;gap:10px 16px;align-items:start;padding:10px 6px;border-radius:10px;border-top:1px solid var(--line)}
#brief .bralan:first-child{border-top:0}
#brief .bralan.brsuruk{opacity:.45}
#brief .bralan.brhedefust{box-shadow:inset 0 3px 0 var(--accent)}
#brief .bralan.brhedefalt{box-shadow:inset 0 -3px 0 var(--accent)}
#brief .bretiket{display:flex;align-items:center;gap:6px;padding-top:9px;min-width:0}
#brief .brtut{cursor:grab;color:var(--ink3);font-size:13px;letter-spacing:-2px;user-select:none;flex:0 0 auto}
#brief .brad{font-weight:700;font-size:13px;color:var(--ink2);overflow-wrap:anywhere}
#brief .brad[data-bretiket]{cursor:text;border-bottom:1px dashed transparent}
#brief .brad[data-bretiket]:hover{border-bottom-color:var(--line2)}
#brief .brx{margin-left:auto;border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px;opacity:0;padding:2px 4px;border-radius:6px;font-family:inherit}
#brief .bralan:hover .brx{opacity:1}
#brief .brx:hover{color:var(--no);background:var(--bg)}
#brief .brkutu input,#brief .brkutu textarea{width:100%;min-width:0;font-size:13.5px;line-height:22px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-family:var(--f-ui)}
#brief .brkutu textarea{resize:vertical;min-height:38px}
#brief .brmetin{position:relative}#brief .brmetin input{padding-right:34px}
#brief .brlink{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--accent);text-decoration:none;font-weight:700}
#brief .brlink:hover{background:var(--accent-soft)}#brief .brlink[hidden]{display:none}
#brief .brmetin.brurl input{color:var(--color-link)!important;text-decoration:underline;text-decoration-color:rgba(29,78,216,.45);text-underline-offset:3px}#brief .brmetin.brurl .brlink{color:var(--color-link)}#brief .brmetin.brurl .brlink:hover{background:rgba(29,78,216,.1)}
html[data-tema=koyu] #brief .brmetin.brurl input,html[data-tema=koyu] #brief .brmetin.brurl .brlink{color:var(--color-link)!important}
#brief .brzengin{border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}
#brief .brzengin:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#brief .brarac{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap}
#brief .brarac button{border:0;background:transparent;width:26px;height:24px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--ink2);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;padding:0}
#brief .brarac button:hover{background:var(--card);color:var(--ink)}
#brief .brrenkler{display:inline-flex;align-items:center;gap:3px;margin:0 6px;padding:0 6px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
#brief .brrenkler [data-brrenk]{width:16px;height:16px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line2)}
#brief .brrenkler [data-brrenk=""]{width:auto;padding:0 5px;border-radius:6px;box-shadow:none;font-size:11px}
#brief .brduz{padding:8px 10px;font-size:13.5px;line-height:22px;outline:0;resize:vertical;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#brief .brduz.brbos{background:color-mix(in srgb,var(--st-no-bg) 50%,var(--card))}
#brief .brduz:empty::before{content:"Metni yazın — seçip B / renk verin";color:var(--ink3)}

#brief .brtek{display:flex;align-items:center;gap:8px}#brief .brtek>input,#brief .brtek>.brmetin{flex:1 1 auto;min-width:0}
#brief .brmini{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;opacity:.55;transition:opacity .12s}
#brief .bralan:hover .brmini,#brief .bralan:focus-within .brmini{opacity:1}
#brief .brmini button{border:1px solid transparent;background:transparent;width:24px;height:22px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--ink2);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;padding:0}
#brief .brmini button:hover{background:var(--bg)}#brief .brmini button.on{border-color:var(--ink);background:var(--bg);color:var(--ink)}
#brief .brmini .brrenkler{margin:0 0 0 2px;padding:0 0 0 6px;border-right:0}
#brief .brmini .brrenkler [data-renk]:not([data-renk=""]){width:14px;height:14px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line2)}
#brief .brmini .brrenkler [data-renk]:not([data-renk=""]).on{box-shadow:0 0 0 2px var(--ink)}
#brief .brmini .brrenkler [data-renk=""]{width:auto;padding:0 4px;font-size:11px}
@media(max-width:640px){#brief .brtek{flex-wrap:wrap}}
#brief .brkutu input:focus,#brief .brkutu textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px var(--accent-soft)}
#brief .brekle{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line2);flex-wrap:wrap}
#brief .brekle select{width:auto}#brief .brekle input{flex:1 1 200px;min-width:0}#brief .brekle .btn{min-height:0;height:36px;padding:0 12px}
@media(max-width:640px){#brief .bralan{grid-template-columns:1fr;gap:4px}#brief .bretiket{padding-top:0}#brief .brx{opacity:1}#brief .brsayfa{padding:14px}#brief .brbaslik{min-width:0}#brief .brsbtn{margin-left:0;width:100%}}
#infsoru .iskap,#butcetoplama .iskap{padding:1px 7px;border:1px solid var(--line);border-radius:99px;font-size:11px;color:var(--ink2)}
#infsoru .iskapgec,#butcetoplama .iskapgec{color:var(--no,#c0392b);font-weight:600}
/* Bütçe Toplama (17 Eyl 2026): bütçe hücreleri — tabloda toplam, çekmecede kişi başına; ₺ mono */
#butcetoplama .btpara,#btCek .btpara{font-family:var(--f-mono);font-weight:700;color:var(--st-ok);white-space:nowrap}
#btCek .isinftab td.btbutce{white-space:nowrap;font-size:12.5px;color:var(--ink)}
#btCek .isinftab td.btsirket{white-space:nowrap;font-size:12px;color:var(--ink)}
#btCek .isinftab td.btsirket .ttpil.btsir{background:var(--accent-soft);color:var(--accent);border:1px solid transparent}
#btCek .isinftab td.btsirket .btnet{display:block;margin-top:2px;font-size:11px;color:var(--ink3)}
#btCek .isinftab td.btsirket .btnet b{font-family:var(--f-mono);color:var(--st-ok)}
#btCek .isinftab td.btbutce .otik{margin-left:4px;vertical-align:middle}
/* Bütçe Toplama PANO görünümü (17 Eyl 2026 v5): kabul eden kartları — tık = seç (yeşil), tekrar tık = kaldır; altta yapışkan toplam şeridi */
#btCek .btgorseg{margin-left:2px}
#btCek .btgorseg b{padding:3px 10px;font-size:11.5px}
#btCek .btpano{display:flex;flex-direction:column;gap:14px;margin:4px 0 10px}
#btCek .btpgrpbas{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--ink2);margin:0 0 8px}
#btCek .btpgrpbas b{font-weight:700;color:var(--ink)}
#btCek .btpgrpbas span{font-family:var(--f-mono);font-size:11px;color:var(--ink3)}
#btCek .btpgrpbas i{font-style:normal;font-size:11px;color:var(--ink3);margin-left:auto}
#btCek .btpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}   /* v441: 210→300 (geniş çekmecede 4-5 kart, kalem adları sığar) */
#btCek .btpk{position:relative;display:flex;flex-direction:column;gap:9px;padding:14px 14px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
#btCek .btpk.secilebilir{cursor:pointer;user-select:none}
#btCek .btpk.secilebilir:hover{border-color:var(--line2);box-shadow:0 2px 10px rgba(27,26,25,.06);transform:translateY(-1px)}
#btCek .btpk.secilebilir:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#btCek .btpk.secili{border-color:var(--st-ok2);background:var(--st-ok-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--st-ok2) 18%,transparent)}
#btCek .btpk.pasif{opacity:.62;background:var(--bg)}
#btCek .btpk.red{border-style:dashed}
/* v11: ✓ işareti kalktı — seçim birimi ÜCRET HÜCRESİ (tek bütçe) ya da KALEM SATIRI; seçili hücre yeşil */
#btCek .btsecbirim{cursor:pointer;border-radius:8px;transition:background .12s,color .12s,box-shadow .12s}
#btCek .btkdok span.btsecbirim{padding:3px 6px;margin:0 -6px}
#btCek .btkdok span.btsecbirim:hover{background:var(--bg)}
#btCek .btpkbutce b.btsecbirim{display:inline-block;padding:2px 8px;margin-left:-8px}
#btCek .btpkbutce b.btsecbirim:hover{background:var(--bg)}
#btCek .btsecbirim.btsecili,#btCek .btsecbirim.btsecili:hover{background:var(--st-ok2);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--st-ok2) 30%,transparent)}
#btCek .btkdok span.btsecili i,#btCek .btkdok span.btsecili b{color:#fff}
#btCek .btpkbutce b.btsecili{color:#fff}
#btCek .btsecbirim:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#btCek .btsecoz{color:var(--st-ok)!important;font-weight:600}
#btCek .btsecoz:empty{display:none}
#btCek .btpk.secilebilir{cursor:default}
#btCek .btpkust{display:flex;align-items:center;gap:9px;padding-right:26px;min-width:0}
#btCek .btpkav{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background-size:cover;background-position:center;color:#fff;font:700 14px var(--f-display);display:flex;align-items:center;justify-content:center}
#btCek .btpkad{min-width:0;display:flex;flex-direction:column;gap:2px}
#btCek .btpkad b{font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#btCek .btpkad b a:hover{text-decoration:underline}
#btCek .btpkdur{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#btCek .btpkdur.kabul{color:var(--st-ok)}
#btCek .btpkdur.red{color:var(--st-no)}
/* Gönderim etiketleri + iletişim satırları (24 Eyl 2026) */
#btCek .btpketk{display:flex;flex-wrap:wrap;gap:4px;min-height:22px;align-items:center}
#btCek .btpketk.tik{cursor:pointer;border-radius:8px;padding:2px 4px;margin:-2px -4px}
#btCek .btpketk.tik:hover{background:var(--bg)}
#btCek .btpketk .ttcip{font-size:11px;padding:2px 8px}
#btCek .btetkbos{font-size:11.5px;color:var(--ink3);border:1px dashed var(--line2);border-radius:99px;padding:1px 8px}
#btCek .isinftab td.isinfetk{min-width:150px}
#btCek .btetkozet{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
#btCek .btetkf{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:99px;padding:3px 10px;font:600 12px var(--f-ui);cursor:pointer}
#btCek .btetkf i{width:9px;height:9px;border-radius:99px;display:inline-block}
#btCek .btetkf b{font-family:var(--f-mono);font-weight:600;color:var(--ink3)}
#btCek .btetkf.on{background:var(--ink);color:var(--bg);border-color:var(--ink)} #btCek .btetkf.on b{color:inherit;opacity:.8}
#btCek .bttelmini,#btCek .btiletler{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--ink2);align-items:center}
#btCek .bttelmini i,#btCek .btilet i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-right:4px}
#btCek .btilet{display:inline-flex;align-items:center;min-width:0;max-width:100%}
#btCek .btilet a{color:var(--color-link);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px} #btCek .btilet a:hover{text-decoration:underline}
#btCek .btilet b{font-weight:600;color:var(--ink)}
#btCek .isinftab td.isinfad .btiletler{margin-top:2px}
#btCek .btpkbutce{display:flex;flex-direction:column;gap:1px}
#btCek .btpkbutce b{font:800 24px/1.1 var(--f-mono);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
#btCek .btpk.secili .btpkbutce b:not(.btsecbirim){color:var(--st-ok)}
#btCek .btpkbutce small{font-size:11px;color:var(--ink3)}
#btCek .btpkyok{font-size:12px;color:var(--ink3);font-style:italic}
#btCek .btpkalt{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--ink3)}
#btCek .btpkalt .ttpil.btsir{background:var(--accent-soft);color:var(--accent);border:1px solid transparent}
#btCek .btpknet b{font-family:var(--f-mono);color:var(--st-ok)}
#btCek .btpknot{font-size:12.5px;color:var(--ink2);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#btCek .btpkdetay{font-size:12px;color:var(--ink3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-top:6px;border-top:1px dashed var(--line)}
#btCek .btpkisl{display:flex;gap:4px;justify-content:flex-end;margin-top:auto;opacity:0;transition:opacity .15s}
#btCek .btpk:hover .btpkisl,#btCek .btpk:focus-within .btpkisl{opacity:1}
@media(hover:none){#btCek .btpkisl{opacity:1}}
#btCek .bttoplam{position:sticky;bottom:-1px;z-index:3;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 -4px 14px rgba(27,26,25,.05)}
#btCek .bttoplam.dolu{border-color:var(--st-ok2);background:var(--st-ok-bg)}
#btCek .bttsay{display:flex;align-items:baseline;gap:5px}
#btCek .bttsay b{font:800 20px/1 var(--f-mono);color:var(--ink)}
#btCek .bttoplam.dolu .bttsay b{color:var(--st-ok)}
#btCek .bttsay span{font-size:11.5px;color:var(--ink3)}
#btCek .bttkalem{display:flex;flex-direction:column;gap:1px}
#btCek .bttkalem span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
#btCek .bttkalem span i{font-style:normal;text-transform:none;letter-spacing:0}
#btCek .bttkalem b.btpara{font-size:15px}
#btCek .bttbtn{margin-left:auto;display:flex;gap:6px}
#btCek .bttbtn .btn{min-height:0;padding:7px 12px}
#btCek .isinfekle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btexkapsam{display:flex;flex-direction:column;gap:6px}
.btexkapsam label{display:flex!important;align-items:flex-start;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--card)}
.btexkapsam label:has(input:checked){border-color:var(--st-ok2);background:var(--st-ok-bg)}
.btexkapsam label:has(input:disabled){opacity:.5;cursor:not-allowed}
.btexkapsam input{margin-top:3px;accent-color:var(--st-ok2)}
.btexkapsam span{display:flex;flex-direction:column;gap:1px;white-space:normal!important}
.btexkapsam b{font-size:13px;color:var(--ink)}
.btexkapsam small{font-size:11.5px;color:var(--ink3)}
#soSayfa .sobutce input{display:block;width:100%;box-sizing:border-box;margin-top:6px;height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:10px;font:600 16px var(--f-ui);color:var(--ink);background:var(--card)}
#soSayfa .sobutce input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
/* v4 (17 Eyl 2026): şirket türü seçici + ödeme dökümü — yalnız Kabul'de görünen blok */
#soSayfa #soKabulEk[hidden]{display:none!important}
/* v5 — kalem başına bütçe (public sayfa + teşekkür kartı) */
#soSayfa .sokalemler{display:flex;flex-direction:column;gap:8px}
.btist,.ttmet[data-btist] .ttmetm{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--bg);border:1px solid var(--line2);color:var(--ink2);font-size:11.5px;font-weight:600;font-style:normal}
#soSayfa .sokalem{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:center;gap:10px;margin:0}
#soSayfa .sokalem .soistemez{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink3);white-space:nowrap;cursor:pointer;margin:0}
#soSayfa .sokalem .soistemez input{width:15px;height:15px;margin:0;accent-color:var(--accent)}
#soSayfa .sokalem.soist > span{color:var(--ink3);text-decoration:line-through}
#soSayfa .sokalem.soist .soistemez{color:var(--ink)}
#soSayfa .sokalem>span{font:600 14px var(--f-ui);color:var(--ink);overflow-wrap:anywhere}
#soSayfa .sokalem input{margin-top:0}
#soSayfa .sokalemhesap{grid-column:1/-1;margin:-2px 0 4px;padding:8px 12px;border:1px dashed var(--line2);border-radius:10px;background:var(--card);font-size:12px}
#soSayfa .sokalemhesap:empty{display:none}
#soSayfa .sokalemhesap table{width:100%;border-collapse:collapse}
#soSayfa table{min-width:0}   /* genel table{min-width:720px} bu sayfada hesap tablolarını kartın dışına taşırıyordu (29 Eyl 2026) */
#soSayfa .sokalemhesap th{font-weight:500;color:var(--ink2);text-align:left;padding:2px 0;font-size:12px;white-space:normal}
#soSayfa .sokalemhesap td{text-align:right;font:600 12px var(--f-mono);color:var(--ink);padding:2px 0}
#soSayfa .sokalemhesap tr.vurgu th,#soSayfa .sokalemhesap tr.vurgu td{font-weight:800;color:var(--st-ok);font-size:13px;padding-top:4px}
#soSayfa .sokalemhesap .ipucu{color:var(--ink3)}
#soSayfa .sokalemtop{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px dashed var(--line2);margin-top:2px;font:600 13px var(--f-ui);color:var(--ink2)}
#soSayfa .sokalemtop b{font:800 18px var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}
#soSayfa .sokdok{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
#soSayfa .sokdok span{display:flex;justify-content:space-between;gap:12px;font:500 13px var(--f-ui);color:var(--ink2)}
#soSayfa .sokdok span b{font:700 13px var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:480px){#soSayfa .sokalem{grid-template-columns:1fr auto}#soSayfa .sokalem > span{grid-column:1/-1}}
/* Bütçe Toplama formu: kalem listesi · tablo/pano kalem dökümü */
#btFormPop .btkalemler{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#btFormPop #btKalemler{display:flex;flex-direction:column;gap:6px;width:100%}
#btFormPop .btkalem{display:flex;gap:6px;align-items:center;width:100%}
#btFormPop .btozel{display:grid;grid-template-columns:200px 1fr auto;gap:6px;align-items:start;width:100%;margin-bottom:4px} #btFormPop .btozel textarea{min-height:44px;resize:vertical} #btFormPop .isalan textarea{width:100%;box-sizing:border-box}
@media(max-width:560px){ #btFormPop .btozel{grid-template-columns:1fr auto} #btFormPop .btozel textarea{grid-column:1/-1} }
#btFormPop .btkalem input{flex:1 1 auto;min-width:0}
#btFormPop .btkalem .otik{flex:0 0 auto}
/* Bütçe Toplama OPSİYONLAR (24 Eyl 2026, migration 266) */
#btFormPop .btopsbolum #btOpsiyonlar{display:grid;gap:10px}
#btFormPop .btops{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;background:var(--bg);display:grid;gap:8px}
#btFormPop .btopsust{display:flex;gap:6px;align-items:center}
#btFormPop .btopsust input{flex:1 1 auto;min-width:0;font-weight:600}
#btFormPop .btops label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--ink2)}
#btFormPop .btops label small{font-weight:500;color:var(--ink3)}
#btFormPop .btops textarea{width:100%;box-sizing:border-box;resize:vertical}
#btFormPop .btformops{flex:0 0 auto;align-self:flex-start;width:auto;max-width:200px;height:28px;padding:0 8px;font-size:12px;border-radius:99px;border:1px solid color-mix(in srgb,var(--plum,#6B3F73) 40%,transparent);background:color-mix(in srgb,var(--plum,#6B3F73) 10%,var(--card));color:var(--plum,#6B3F73);font-weight:600}
.btopscip{display:inline-flex;align-items:center;margin:3px 0 0;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--plum,#6B3F73) 13%,transparent);color:var(--plum,#6B3F73);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.btopscip.yok{background:var(--st-warn-bg);color:var(--st-warn)}
.btopscip.tik{cursor:pointer} .btopscip.tik:hover{filter:brightness(.92)}
.btpkad .btopscip{display:flex;width:max-content}
#btCek .btkdok{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}
/* v441: kalem adı SARILIR (eskiden nowrap → "7 Gün Reklamlama (Reel bütçesini dahil etmeden…" kesiliyordu), tutar sağda sabit */
#btCek .btkdok span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:500 12.5px/1.35 var(--f-ui);color:var(--ink2);white-space:normal;padding:3px 0}
#btCek .btkdok span i{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;font-style:normal}
#btCek .btkdok span b{flex:0 0 auto;white-space:nowrap;font:700 13px var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}
#btCek td .btkdok span{justify-content:center;gap:6px}
/* 23 Eyl 2026 (kullanıcı): kalem toplamları yan yana değil ALT ALTA — sol etiket, sağ tutar */
#btCek .btkozet{display:flex;flex-direction:column;gap:3px;margin:-4px 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg));font:500 12.5px var(--f-ui);color:var(--ink2);max-width:640px}
#btCek .btkozetbas{font:800 10.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
#btCek .btkoz1{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:2px 0;border-bottom:1px dashed var(--line)}
#btCek .btkoz1:last-child{border-bottom:0}
#btCek .btkoz1 b{font:700 12.5px var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}
#btCek .btkoz1 i{font-style:normal;color:var(--ink3);font-size:11px;min-width:56px;text-align:right}
#soSayfa .sosirket select{display:block;width:100%;box-sizing:border-box;margin-top:6px;height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;font:600 15px var(--f-ui);color:var(--ink);background:var(--card)}
#soSayfa .sosirket select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#soSayfa .sohesap{margin:6px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
#soSayfa .sohesapbas{font:700 13px var(--f-ui);color:var(--ink);margin-bottom:8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#soSayfa .sohesapbas small{font-weight:500;color:var(--ink3)}
#soSayfa .sohesap table{width:100%;border-collapse:collapse;min-width:0}
#soSayfa .sohesap th,#soSayfa .sohesap td{padding:5px 0;border-bottom:1px solid var(--line);font-size:13px;white-space:normal;text-align:left}
#soSayfa .sohesap th{font-weight:500;color:var(--ink2)}
#soSayfa .sohesap td{text-align:right;font-family:var(--f-mono);font-weight:600;color:var(--ink)}
#soSayfa .sohesap tr.vurgu th,#soSayfa .sohesap tr.vurgu td{font-weight:800;color:var(--st-ok);border-bottom:0;padding-top:8px;font-size:14px}
#soSayfa .sohesapnot{margin-top:8px;font-size:11.5px;color:var(--ink3);line-height:1.45}
#soSayfa .soalt{margin:6px 0 0;color:var(--ink3);font-size:13.5px;line-height:1.55}
#soSayfa .sokucuk{font-size:11.5px;text-align:center;margin-top:12px}
#soSayfa h2{font-family:var(--f-display);font-size:22px;font-weight:800;margin:16px 0 10px;letter-spacing:-.01em;text-wrap:balance}
#soSayfa h3{font-family:var(--f-display);font-size:15px;font-weight:800;margin:0 0 12px}
#soSayfa .sodetay{white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:14px;border-left:3px solid var(--accent);padding:2px 0 2px 14px}

#soSayfa .soozel{margin-top:14px;background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.55}
#soSayfa .soozel b{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
#soSayfa .soozel div{white-space:pre-wrap}
#soSayfa .somevcut{border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px;background:var(--bg);border:1px solid var(--line)}
#soSayfa .somevcut.kabul{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
#soSayfa .somevcut.red{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
#soSayfa .somevcut.kapali{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
#soSayfa .sosec{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
#soSayfa .sosec button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:14px;border:2px solid var(--line2);background:var(--card);font:700 15px var(--f-ui);color:var(--ink);cursor:pointer;transition:transform .08s,border-color .15s,background .15s}
#soSayfa .sosec button span{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:var(--bg);color:var(--ink3)}
#soSayfa .sosec button:active{transform:scale(.98)}
#soSayfa .sosec button:disabled{opacity:.5;cursor:not-allowed}
#soSayfa .sosec button.kabul.on{border-color:var(--st-ok);background:var(--st-ok-bg);color:var(--st-ok)}
#soSayfa .sosec button.kabul.on span{background:#1D7A44;color:#fff}
#soSayfa .sosec button.red.on{border-color:var(--st-no);background:var(--st-no-bg);color:var(--st-no)}
#soSayfa .sosec button.red.on span{background:#B3232F;color:#fff}
#soSayfa .sonot{display:block;font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:14px}
#soSayfa .sonot small{font-weight:400;color:var(--ink3)}
#soSayfa .sonot textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 14px/1.5 var(--f-ui);resize:vertical}
#soSayfa .sonot textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
#soSayfa .sogonder{width:100%;min-height:48px;font-size:15px;font-weight:700}
#soSayfa .sotesekkur{text-align:center}
#soSayfa .sotesekkur .soik{width:56px;height:56px;border-radius:50%;margin:4px auto 12px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;background:#1D7A44;color:#fff}
#soSayfa .sotesekkur.red .soik{background:#B3232F}
#soSayfa .sotesekkur h2{margin-top:0}
#soSayfa .sotesekkur .btn{margin-top:16px;width:auto;display:inline-flex}
@media(max-width:560px){#soSayfa{padding:18px 12px 40px} #soSayfa .sokart{padding:18px 16px} #soSayfa .sosec{grid-template-columns:1fr}}

/* ==== INFLUENCER ÖN GÖRÜŞME FORMU (14 Eyl 2026, migration 123) — herkese açık form + iç sayfa ==== */
:is(#ogSayfa,#gfSayfa){background:var(--bg,#F5F4F2);min-height:100vh;min-height:100dvh;padding:28px 16px 60px;font-family:var(--f-ui)}
:is(#ogSayfa,#gfSayfa) .ogkabuk{max-width:720px;margin:0 auto}
:is(#ogSayfa,#gfSayfa) .oglogo{height:26px;display:block;margin:0 auto 22px}
:is(#ogSayfa,#gfSayfa) .ogbas{text-align:center;margin-bottom:22px}
:is(#ogSayfa,#gfSayfa) .ogbas h1{font-family:var(--f-display);font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em}
:is(#ogSayfa,#gfSayfa) .ogbas p{margin:0;color:var(--ink3);font-size:13.5px;line-height:1.55}
:is(#ogSayfa,#gfSayfa) .ogkart{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:22px 24px;margin-bottom:14px}
:is(#ogSayfa,#gfSayfa) .ogkart h3{margin:0 0 4px;font-size:15px;font-family:var(--f-display);font-weight:800}
:is(#ogSayfa,#gfSayfa) .ogkart .ogalt{font-size:12px;color:var(--ink3);margin:0 0 14px;line-height:1.5}
:is(#ogSayfa,#gfSayfa) .ogsoru{margin-bottom:16px}
:is(#ogSayfa,#gfSayfa) .ogsoru:last-child{margin-bottom:0}
:is(#ogSayfa,#gfSayfa) .ogsoru>label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:7px}
:is(#ogSayfa,#gfSayfa) .ogsoru>label small{font-weight:500;color:var(--ink3);font-size:11.5px}
:is(#ogSayfa,#gfSayfa) .ogsoru .zorunlu{color:var(--accent)}
:is(#ogSayfa,#gfSayfa) input[type=text],:is(#ogSayfa,#gfSayfa) input[type=tel],:is(#ogSayfa,#gfSayfa) input[inputmode=numeric],:is(#ogSayfa,#gfSayfa) textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line2);border-radius:var(--r-sm,8px);font:500 15px var(--f-ui);background:var(--card);color:var(--ink);resize:vertical}
:is(#ogSayfa,#gfSayfa) input:focus,:is(#ogSayfa,#gfSayfa) textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
:is(#ogSayfa,#gfSayfa) .ogcipler{display:flex;flex-wrap:wrap;gap:8px}
:is(#ogSayfa,#gfSayfa) .ogcip{position:relative;cursor:pointer}
:is(#ogSayfa,#gfSayfa) .ogcip input{position:absolute;opacity:0;width:0;height:0}
:is(#ogSayfa,#gfSayfa) .ogcip span{display:inline-block;border:1px solid var(--line2);border-radius:99px;padding:8px 14px;font-size:13.5px;font-weight:500;color:var(--ink2);background:var(--card);transition:.12s;line-height:1.3}
:is(#ogSayfa,#gfSayfa) .ogcip input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
:is(#ogSayfa,#gfSayfa) .ogcip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
:is(#ogSayfa,#gfSayfa) .ogfiyatgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(#ogSayfa,#gfSayfa) .ogfiyatgrid label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}
:is(#ogSayfa,#gfSayfa) .ogfiyatgrid label small{font-weight:500;color:var(--ink3)}
:is(#ogSayfa,#gfSayfa) .ogiki{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(#ogSayfa,#gfSayfa) .ogdosyalar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
:is(#ogSayfa,#gfSayfa) .ogdosyalar span{font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px 10px;display:inline-flex;gap:6px;align-items:center}
:is(#ogSayfa,#gfSayfa) .ogdosyalar span small{color:var(--ink3)}
:is(#ogSayfa,#gfSayfa) .ogdosyalar button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:0}
:is(#ogSayfa,#gfSayfa) .ogdosyabtn{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--line2);background:var(--bg);border-radius:var(--r-sm);padding:12px 16px;font:600 13.5px var(--f-ui);color:var(--ink2);cursor:pointer;width:100%;justify-content:center}
:is(#ogSayfa,#gfSayfa) .ogdosyabtn:hover{border-color:var(--accent);color:var(--accent)}
:is(#ogSayfa,#gfSayfa) .oghata{color:var(--st-no);font-size:13px;min-height:18px;margin:8px 0}
:is(#ogSayfa,#gfSayfa) .oggonder{width:100%;justify-content:center;height:50px;font-size:15px;border-radius:12px}
:is(#ogSayfa,#gfSayfa) .ognot{font-size:11.5px;color:var(--ink3);text-align:center;margin-top:14px;line-height:1.6}
:is(#ogSayfa,#gfSayfa) .ogtesekkur{text-align:center;padding:40px 24px}
:is(#ogSayfa,#gfSayfa) .ogtesekkur .ok{width:56px;height:56px;border-radius:50%;background:var(--st-ok-bg);color:var(--st-ok);display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:14px}
:is(#ogSayfa,#gfSayfa) .ogtesekkur h2{font-family:var(--f-display);font-size:22px;margin:0 0 8px}
:is(#ogSayfa,#gfSayfa) .ogtesekkur p{color:var(--ink2);font-size:14px;line-height:1.6;margin:0}
#ogWeb,#gfWeb{position:absolute;left:-9999px;opacity:0;height:0}
/* 288 · Influencer Tanıma Formu — numaralı kartlar, profil fotoğrafı, hesap satırları */
:is(#ogSayfa,#gfSayfa) .ogkart{position:relative}
:is(#ogSayfa,#gfSayfa) .ogkno{position:absolute;top:20px;right:22px;width:26px;height:26px;border-radius:50%;background:var(--accent-soft,var(--bg));color:var(--accent);font:800 12px/26px var(--f-ui);text-align:center}
:is(#ogSayfa,#gfSayfa) .ogfotosatir{display:flex;gap:16px;align-items:flex-end;margin:14px 0 16px}
:is(#ogSayfa,#gfSayfa) .ogfoto{flex:0 0 auto;width:84px;height:84px;border-radius:50%;border:1.5px dashed var(--line2);background:var(--bg);color:var(--ink3);cursor:pointer;padding:0;overflow:hidden;display:grid;place-items:center;font-size:22px;line-height:1}
:is(#ogSayfa,#gfSayfa) .ogfoto small{display:block;font-size:10.5px;font-weight:600;margin-top:4px}
:is(#ogSayfa,#gfSayfa) .ogfoto.dolu{border-style:solid;border-color:var(--accent)}
:is(#ogSayfa,#gfSayfa) .ogfoto img{width:84px;height:84px;object-fit:cover;display:block}
:is(#ogSayfa,#gfSayfa) .ogfoto:hover{border-color:var(--accent);color:var(--accent)}
:is(#ogSayfa,#gfSayfa) .oghesap{display:grid;grid-template-columns:38px 1fr 150px;gap:12px;align-items:end;margin-bottom:12px}
:is(#ogSayfa,#gfSayfa) .oghesap .ogsoru{margin:0}
:is(#ogSayfa,#gfSayfa) .oghik{width:38px;height:44px;border-radius:10px;display:grid;place-items:center;font:800 12px var(--f-ui);color:#fff;background:var(--ink)}
:is(#ogSayfa,#gfSayfa) .oghik.ig{background:var(--plum,var(--accent))} :is(#ogSayfa,#gfSayfa) .oghik.yt{background:var(--brick,var(--st-no))}
:is(#ogSayfa,#gfSayfa) .ogdik{display:inline-flex}
:is(#ogSayfa,#gfSayfa) select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line2);border-radius:var(--r-sm,8px);font:500 15px var(--f-ui);background:var(--card);color:var(--ink)}
:is(#ogSayfa,#gfSayfa) select:disabled{opacity:.55}
:is(#ogSayfa,#gfSayfa) select{height:auto;min-height:46px;line-height:1.3}   /* genel select{height:32px} kuralı 11px dolguyla yazıyı kesiyordu (30 Eyl 2026) */
:is(#ogSayfa,#gfSayfa) .ogtelnot{font-size:11.5px;color:var(--ink3);margin-top:5px;line-height:1.4}
:is(#ogSayfa,#gfSayfa) .ogtelnot.hata{color:var(--st-no);font-weight:600}
:is(#ogSayfa,#gfSayfa) .ogyuzde{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(#ogSayfa,#gfSayfa) .ogyuzde>div{position:relative}
:is(#ogSayfa,#gfSayfa) .ogyuzde span{display:block;font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:5px}
:is(#ogSayfa,#gfSayfa) .ogyuzde i{position:absolute;right:12px;bottom:12px;font-style:normal;font-weight:700;color:var(--ink3);pointer-events:none}
:is(#ogSayfa,#gfSayfa) .ogyuzde input{padding-right:30px!important}
:is(#ogSayfa,#gfSayfa) input[type=email],:is(#ogSayfa,#gfSayfa) input[inputmode=decimal]{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line2);border-radius:var(--r-sm,8px);font:500 15px var(--f-ui);background:var(--card);color:var(--ink)}
@media(max-width:560px){:is(#ogSayfa,#gfSayfa) .oghesap{grid-template-columns:38px 1fr;} :is(#ogSayfa,#gfSayfa) .oghesap>.ogsoru:last-child{grid-column:2} :is(#ogSayfa,#gfSayfa) .ogkno{top:16px;right:14px}}
@media(max-width:560px){:is(#ogSayfa,#gfSayfa){padding:18px 12px 40px} :is(#ogSayfa,#gfSayfa) .ogkart{padding:18px 16px} :is(#ogSayfa,#gfSayfa) .ogfiyatgrid,:is(#ogSayfa,#gfSayfa) .ogiki{grid-template-columns:1fr} :is(#ogSayfa,#gfSayfa) .ogbas h1{font-size:22px}}
/* iç sayfa */
#ogCek .mono{font-family:var(--f-mono);font-size:12px}
.ogkats{display:flex;flex-wrap:wrap;gap:4px}
.ogkats i{font-style:normal;font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:1px 8px;white-space:nowrap;color:var(--ink2)}
.ogdur{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.ogdur i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.ogdur.yeni{background:var(--st-info-bg);color:var(--st-info);border-color:var(--st-info-line)}
.ogdur.gorusuldu{background:var(--st-warn-bg);color:var(--st-warn);border-color:var(--st-warn-line)}
.ogdur.kabul{background:var(--st-ok-bg);color:var(--st-ok);border-color:var(--st-ok-line)}
.ogdur.red{background:var(--st-no-bg);color:var(--st-no);border-color:var(--st-no-line)}
html[data-tema=koyu] .ogdur.yeni{background:rgba(0,126,181,.18);color:#5FB3E6;border-color:transparent}
html[data-tema=koyu] .ogdur.gorusuldu{background:rgba(253,171,61,.16);color:#FDAB3D;border-color:transparent}
html[data-tema=koyu] .ogdur.kabul{background:rgba(0,200,117,.16);color:#00C875;border-color:transparent}
html[data-tema=koyu] .ogdur.red{background:rgba(223,47,74,.16);color:#F0687A;border-color:transparent}
#ogCek{width:min(720px,96vw);display:flex;flex-direction:column;padding:0}
/* 288 · profil görünümü (Influencer Tanıma Formu) */
#ogCek .ogp{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
#ogCek .ogpkapak{position:relative;flex:0 0 auto;padding:26px 24px 18px;background:linear-gradient(135deg,var(--accent-soft,var(--bg)) 0%,var(--card) 70%);border-bottom:1px solid var(--line)}
#ogCek .ogpkim{display:flex;gap:18px;align-items:center;padding-right:34px}
#ogCek .ogpfoto{flex:0 0 auto;width:92px;height:92px;border-radius:50%;background:var(--card);border:3px solid var(--card);box-shadow:0 4px 18px rgba(0,0,0,.12);overflow:hidden;display:grid;place-items:center}
#ogCek .ogpfoto span{font:800 30px var(--f-display);color:var(--accent)}
#ogCek .ogpfoto button{border:0;padding:0;background:none;cursor:zoom-in;width:100%;height:100%}
#ogCek .ogpfoto img{width:100%;height:100%;object-fit:cover;display:block}
#ogCek .ogpad{min-width:0}
#ogCek .ogpad h3{margin:0;font:800 22px/1.2 var(--f-display);letter-spacing:-.01em}
#ogCek .ogpmeta{font-size:12.5px;color:var(--ink3);margin-top:4px}
#ogCek .ogpiletisim{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:10px;font-size:12.5px}
#ogCek .ogpiletisim a{color:var(--color-link);text-decoration:none}
#ogCek .ogpgov{flex:1 1 auto;overflow:auto;padding:18px 24px 24px}
#ogCek .ogphesaplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:6px}
#ogCek .ogphesap{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;color:var(--ink);transition:.12s;min-width:0}
#ogCek .ogphesap:hover{border-color:var(--accent);transform:translateY(-1px)}
#ogCek .ogphik{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 11.5px var(--f-ui);color:#fff;background:var(--ink)}
#ogCek .ogphesap.ig .ogphik{background:var(--plum,var(--accent))} #ogCek .ogphesap.yt .ogphik{background:var(--brick,var(--st-no))} #ogCek .ogphesap.dg .ogphik{background:var(--teal,var(--ink2))}
#ogCek .ogphad{display:flex;flex-direction:column;min-width:0;flex:1}
#ogCek .ogphad b{font:700 15px var(--f-mono)}
#ogCek .ogphad small{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ogCek .ogpok{color:var(--ink3);font-size:13px}
#ogCek .ogpbol{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
#ogCek .ogpbol h4{display:flex;align-items:center;gap:7px;margin:0 0 12px;font:800 11.5px var(--f-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
#ogCek .ogpbol h4 svg{color:var(--accent)}
#ogCek .ogpkutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
#ogCek .ogpkutu{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}
#ogCek .ogpkutu span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
#ogCek .ogpkutu b{display:block;font:700 18px var(--f-mono);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ogCek .ogpkutu small{display:block;font-size:11px;color:var(--ink3);margin-top:1px}
#ogCek .ogpcins{margin-top:12px}
#ogCek .ogpbar{height:8px;border-radius:99px;background:var(--st-info-bg,var(--line));overflow:hidden}
#ogCek .ogpbar i{display:block;height:100%;background:var(--plum,var(--accent));border-radius:99px}
#ogCek .ogpbar.tr i{background:var(--teal,var(--st-ok))}
#ogCek .ogpcinsalt{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink2);margin-top:5px;font-weight:600}
#ogCek .ogpgaleri{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:14px}
#ogCek .ogpgaleri button{aspect-ratio:9/16;max-height:190px;width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0;background:var(--bg);cursor:zoom-in;display:grid;place-items:center;color:var(--ink3)}
#ogCek .ogpgaleri img{width:100%;height:100%;object-fit:cover;display:block}
#ogCek .ogpaylik{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;border-radius:12px;background:var(--st-ok-bg);border:1px solid var(--st-ok-line,var(--line));margin-bottom:10px}
#ogCek .ogpaylik span{font-size:12.5px;font-weight:600;color:var(--ink2)}
#ogCek .ogpaylik b{font:800 22px var(--f-mono);color:var(--st-ok)}
#ogCek .ogpfiyat{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#ogCek .ogpfiyat div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 6px;text-align:center;min-width:0}
#ogCek .ogpfiyat span{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ogCek .ogpfiyat b{display:block;font:700 12.5px var(--f-mono);margin-top:4px}
#ogCek .ogpdip{display:block;font-size:11px;color:var(--ink3);margin-top:6px}
#ogCek .ogpcip{display:flex;flex-wrap:wrap;gap:5px}
#ogCek .ogpcip i{font-style:normal;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--st-info-bg);color:var(--st-info)}
#ogCek .ogpcip i.ok{background:var(--st-ok-bg);color:var(--st-ok)} #ogCek .ogpcip i.no{background:var(--st-no-bg);color:var(--st-no)}
#ogCek .ogpalinti{margin:12px 0 4px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--ink)}
#ogCek .ogpsat{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;font-size:13px;border-bottom:1px dashed var(--line)}
#ogCek .ogpsat:last-child{border-bottom:0}
#ogCek .ogpsat>span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
#ogCek .ogpsat>div{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#ogCek .ogpbos{color:var(--ink3)} #ogCek .ogpyok{margin:0;font-size:12.5px;color:var(--ink3)}
#ogCek .ogpbelgeler{display:grid;gap:6px}
#ogCek .ogpbelgeler button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left;color:var(--ink);font:500 13px var(--f-ui)}
#ogCek .ogpbelgeler button:hover{border-color:var(--accent)}
#ogCek .ogpbtur{flex:0 0 auto;min-width:38px;padding:4px 0;border-radius:6px;background:var(--st-no-bg);color:var(--st-no);font:800 10px var(--f-ui);text-align:center}
#ogCek .ogpbad{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ogCek .ogpbelgeler small{color:var(--ink3)}
#ogCek .ogpic textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:500 13px/1.5 var(--f-ui);resize:vertical}
#ogCek .ogpgov .prdcalt{margin-top:20px}
/* 25 Eyl 2026 · kart görünümü (tablo kaldırıldı) */
#ongorusme .ogkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;align-items:start}
#ongorusme .ogkbos{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,16px)}
#ongorusme #ogSira{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:500 12.5px var(--f-ui)}
#ongorusme .ogkrt{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:border-color .12s,box-shadow .12s,transform .12s;min-width:0}
#ongorusme .ogkrt:hover{border-color:var(--line2);box-shadow:var(--shadow,0 6px 20px rgba(0,0,0,.07));transform:translateY(-1px)}
#ongorusme .ogkrt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#ongorusme .ogkrt.sec{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
#ongorusme .ogkust{display:flex;align-items:center;gap:11px;min-width:0}
#ongorusme .ogkav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft,var(--bg));color:var(--accent);font:800 15px var(--f-display)}
#ongorusme .ogkad{flex:1;min-width:0;display:flex;flex-direction:column}
#ongorusme .ogkad b{font:800 15px/1.25 var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ongorusme .ogkad small{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
#ongorusme .ogkdurum{flex:0 0 auto;max-width:120px}
#ongorusme .ogkhsp{display:flex;flex-wrap:wrap;gap:6px}
#ongorusme .ogkhsp span{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border:1px solid var(--line);border-radius:99px;font:700 12px var(--f-mono);color:var(--ink)}
#ongorusme .ogkhsp i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 9px var(--f-ui);color:#fff;background:var(--ink)}
#ongorusme .ogkhsp .ig i{background:var(--plum,var(--accent))} #ongorusme .ogkhsp .yt i{background:var(--brick,var(--st-no))}
#ongorusme .ogkmini{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px}
#ongorusme .ogkmini div{background:var(--bg);border-radius:10px;padding:7px 8px;min-width:0}
#ongorusme .ogkmini b{display:block;font:700 13px var(--f-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ongorusme .ogkmini span{display:block;font-size:10px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin-top:1px}
#ongorusme .ogkkat{display:flex;flex-wrap:wrap;gap:5px}
#ongorusme .ogkkat i{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--st-info-bg);color:var(--st-info)}
#ongorusme .ogkalt{display:flex;align-items:flex-end;gap:16px;padding-top:12px;border-top:1px solid var(--line);margin-top:auto}
#ongorusme .ogkalt div{display:flex;flex-direction:column;min-width:0}
#ongorusme .ogkalt span{font-size:10.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
#ongorusme .ogkalt b{font:700 14px var(--f-mono);margin-top:2px;white-space:nowrap}
#ongorusme .ogkalt div:first-child b{color:var(--st-ok)}
#ongorusme .ogkalt em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--ink3);display:inline-flex;align-items:center;gap:3px}
@media(max-width:768px){#ongorusme .ogkartlar{grid-template-columns:1fr} #ongorusme .otfiltre{flex-wrap:wrap}}
@media(max-width:768px){#ogCek .ogpkutular{grid-template-columns:1fr 1fr} #ogCek .ogpfiyat{grid-template-columns:repeat(3,1fr)} #ogCek .ogpsat{grid-template-columns:1fr;gap:3px} #ogCek .ogpkapak{padding:calc(20px + env(safe-area-inset-top)) 16px 16px} #ogCek .ogpgov{padding:14px 16px 24px} #ogCek .ogpfoto{width:72px;height:72px}}
#ogCek[hidden]{display:none}
#ogCek .ftcust{padding:18px 22px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}
#ogCek .ftcust h3{margin:0 0 8px;font-family:var(--f-display);font-size:18px;font-weight:800;line-height:1.25;padding-right:32px}
#ogCek .ftcmeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink3)}
#ogCek .oglink{color:var(--accent);text-decoration:none;font-weight:600}
#ogCek .ftcgov{flex:1 1 auto;overflow:auto;padding:14px 22px 22px}
#ogCek .ogfiyat{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#ogCek .ogfiyat div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center;min-width:0}
#ogCek .ogfiyat span{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ogCek .ogfiyat b{display:block;font-family:var(--f-mono);font-size:12.5px;margin-top:3px}
#ogCek .prdkal{display:grid;grid-template-columns:130px 1fr;gap:9px 12px;font-size:13px}
#ogCek .prdkal .ke{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
#ogCek .prdkal .kv{white-space:pre-wrap;word-break:break-word;line-height:1.5}
#ogCek .prdkal textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 13px/1.45 var(--f-ui);resize:vertical}
#ogCek .prddz{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--ink2)}
#ogCek .ftek{display:flex;flex-wrap:wrap;gap:6px}
#ogCek .ftek button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--card);border-radius:8px;padding:5px 9px;font:500 12px var(--f-ui);color:var(--ink);cursor:pointer;max-width:100%}
#ogCek .ftek button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
#ogCek .ftek button small{color:var(--ink3);font-size:10.5px}
#ogCek .ftek button.pdf::before{content:"PDF";font:700 9px var(--f-mono);background:var(--accent);color:#fff;border-radius:4px;padding:2px 4px}
#ogCek .prdcalt{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
#ogCek .btn.tehlike{color:var(--st-no);border-color:var(--st-no-line)}
#ongorusme .otkpi{grid-template-columns:repeat(5,1fr)}
@media(max-width:768px){#ogCek{width:100%} #ogCek .ogfiyat{grid-template-columns:repeat(3,1fr)} #ongorusme .otkpi{grid-template-columns:1fr 1fr!important}}

/* ==== SOL MENÜ DÜZENİ — klasörler + düzenleme modu (14 Eyl 2026, migration 119, 24_kabuk_ray.js) ==== */
.sb-klasor{display:flex;flex-direction:column;gap:1px}
.sb-kicerik{display:flex;flex-direction:column;gap:1px}
.sb-klasor.kapali .sb-kicerik{display:none}
.sb-grp{cursor:pointer;border-radius:8px;gap:6px}
.sb-grp:hover{background:var(--bg)}
.sb-grp .sb-grpad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-grp::after{transition:transform .15s}
.sb-klasor.kapali .sb-grp::after{transform:rotate(-45deg)}
.sb-klasor.kapali.aktifvar .sb-grp{color:var(--accent)}   /* kapalı klasörde aktif sayfa varsa da kiremit kalır; nokta işareti yeter */
.sb-klasor.kapali.aktifvar .sb-grp::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.sb-grpdz{display:none;gap:2px;margin-left:auto}
.sb-grpdz button{border:0;background:var(--card);color:var(--ink3);width:20px;height:20px;border-radius:6px;cursor:pointer;font-size:11px;line-height:1;padding:0}
.sb-grpdz button:hover{color:var(--ink);background:var(--line)}
.tabs.duzen .sb-grpdz{display:inline-flex}
.tabs.duzen .sb-grp::after{display:none}
.tabs.duzen .tab{cursor:grab;border-color:var(--line2);border-style:dashed}
.tabs.duzen .sb-klasor{cursor:grab;border:1px dashed var(--line2);border-radius:10px;padding:2px 4px 4px;margin:2px 0}
.tabs.duzen .sb-klasor .sb-kicerik{min-height:22px}
.tabs.duzen .sb-klasor .sb-kicerik:empty::after{content:"buraya sürükleyin";font-size:11px;color:var(--ink3);padding:4px 10px;display:block}
.suruklenen{opacity:.4}
.sb-duzbar{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.sb-menuduz{width:100%;border:1px dashed var(--line2);background:transparent;color:var(--ink3);font:500 11.5px var(--f-ui);border-radius:8px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:center}
.sb-menuduz:hover{color:var(--ink);border-color:var(--ink3)}
.sb-duzip{font-size:11px;color:var(--ink3);line-height:1.4;padding:2px 4px 6px}
.sb-duzbtn{display:flex;flex-wrap:wrap;gap:4px}
.sb-duzbtn button{border:1px solid var(--line2);background:var(--card);color:var(--ink2);font:600 11px var(--f-ui);border-radius:99px;padding:4px 9px;cursor:pointer}
.sb-duzbtn button:hover{color:var(--ink);border-color:var(--ink3)}
.sb-duzbtn button.on{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:900px){.sb-klasor,.sb-kicerik{display:contents} .sb-klasor.kapali .sb-kicerik{display:contents} .sb-duzbar{display:none!important}}

/* ==== COU SİPARİŞLER GÖRÜNÜMÜ (15 Eyl 2026) ==== */
#cou .cougor{display:flex;gap:6px;margin:0 0 10px}
#cou .cougizli{display:none!important}
#cou .cousipbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
#cou .cousipbar #couSipAra{flex:1;min-width:220px;max-width:360px;height:34px}
#cou .cousipk{display:inline-flex;align-items:center;gap:6px}
#cou .cousipk i{width:9px;height:9px;border-radius:50%;display:inline-block}
#cou .cousipk small{color:var(--ink3);font-weight:500;margin-left:2px}
#cou .cousipk.aktif small{color:inherit;opacity:.8}
#cou .cousipozet{padding:2px 2px 8px;font-size:12.5px}
#cou .cousipozet i{font-style:normal;color:var(--accent)}
#couSipTabloKap{overflow:auto}
#couSipTablo{table-layout:fixed;min-width:100%;border-collapse:separate;border-spacing:0}
#couSipTablo th{position:relative;white-space:nowrap;cursor:pointer;user-select:none}
#couSipTablo td.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#couSipTablo td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cousipkay{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:2px 9px 2px 7px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--k) 14%,transparent);color:var(--ink)}
.cousipkay::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--k)}
.cousipod{font-size:11.5px;font-weight:600;color:var(--ink2)}
.cousipod.paid{color:var(--st-ok)}.cousipod.refunded,.cousipod.voided,.cousipod.partially_refunded{color:#c4452c}.cousipod.pending{color:#b07818}
/* ==== SÜTUN İÇERİĞİ ORTALI + SATIR İÇİ BAŞLIK DÜZENLEME (15 Eyl 2026, kullanıcı) ====
   Tüm tablolarda hücre içeriği ORTALI; yalnız ilk sütun (öğe adı — seçim kutusu / renk şeridi varsa ondan sonraki
   ad hücresi) sola yaslı kalır. Belge yüzeyleri (.otbelge/.pfbelge/#printSheet) ve katalog matrisi dokunulmaz. */
main :where(table:not(.otbelge table):not(.pfbelge table):not(.matrix)) :where(th,td){text-align:center!important}
main :where(table:not(.otbelge table):not(.pfbelge table):not(.matrix)) :where(th,td) :where(input:not([type=checkbox]),select){text-align:center!important}
main table :is(th,td):first-child,
main table :is(th,td):first-child :is(input,select),
main table :is(th,td).seckol + :is(th,td),
main table :is(th,td).seckol + :is(th,td) :is(input,select),
main table :is(th,td).renkbar + :is(th,td),
main table :is(th,td).renkbar + :is(th,td) :is(input,select),
#aktifproje .apmt .adx, #aktifproje .apmt .adx :is(input,select),
#irTablo :is(th,td):first-child, #irTablo :is(th,td):first-child input{text-align:left!important}
main table :is(th,td).seckol,main table :is(th,td).renkbar{text-align:center!important}
main table :is(th,td):not(:first-child) :is(.bagli,.kisiiki,.apkisi,.pavt,.otavk){justify-content:center}
main table td:not(:first-child) .aptel,main table td:not(:first-child) .dropchip{display:inline-flex}
#aktifproje .apmt td.hc:not(.adx){text-align:center!important}
.kolad-ed{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;gap:4px;align-items:center;padding:2px 4px;background:var(--card);box-shadow:0 2px 10px rgba(0,0,0,.14)}
.kolad-ed input{flex:1;min-width:40px;height:26px!important;font:600 12px var(--f-ui)!important;padding:2px 6px!important;border:1px solid var(--accent)!important;border-radius:6px;text-transform:none;letter-spacing:0;text-align:left!important;color:var(--ink);background:var(--card)}
.kolad-ed select{height:26px!important;font:600 11px var(--f-ui)!important;padding:0 4px!important;border:1px solid var(--line2)!important;border-radius:6px;text-transform:none;background:var(--card);color:var(--ink)}

/* ==== KOYU TEMA — TÜM YAPI (15 Eyl 2026, kullanıcı: "tüm sistemde opsiyonel dark tema; her kullanıcı
   üst bardaki simgeden seçsin, son seçim kişiye kalsın") ====
   Tercih profiles.tema'da (migration 137). Aşağıdaki kurallar daha önce "her temada açık" bırakılan
   yüzeyleri (Aktif Projeler Monday paleti · Mülk Takip · Influencer profil penceresi · YouTube panosu ·
   durum/rozet tint'leri) koyu tokenlara bağlar. Belge/baskı yüzeyleri (.otbelge/.pfbelge/#printSheet/
   .otonizleme) ve /imza sayfası YİNE kâğıt beyazı. Yeni sayfa yazarken literal renk yerine token kullan;
   literal tint şartsa buraya html[data-tema=koyu] karşılığını ekle. */
html[data-tema="koyu"]{color-scheme:dark}
/* — Aktif Projeler / Influencer Rapor Hazırlık (Monday paleti scoped token'ları) — */
html[data-tema="koyu"] :is(#aktifproje,#apKart,#apDmenu,#apKmenu,#apBagPop,#apHatPop,#apDosyaPop,#apMenu,#apKolPop,#apGorunumPop,#apTasiPop,.apbahs,#apSecBar,#apDepPop){
  --apbeyaz:#201B16;--apink:#EFE9E2;--apink2:#B5AAA0;--apmuted:#7C7168;--apcizgi:#3C342C;--apcizgi2:#2E2721;
  --aphover:#2A231D;--apsoft:#2C2521;--apsoftline:#4A3E34;--aplink:var(--color-link)}
html[data-tema="koyu"] #aktifproje .apmt th.hedefkol{background:#2C2521}
html[data-tema="koyu"] #apKart .apkfrow small{background:rgba(221,161,60,.18);color:#E8BD76}
html[data-tema="koyu"] #apKart .apkfrow small.d-tamam{background:rgba(95,191,138,.16);color:#5FBF8A}
html[data-tema="koyu"] #apKart .apkfrow small.d-iptal{background:rgba(224,106,85,.16);color:#F08A78}
html[data-tema="koyu"] #apKart .apgeki{color:#5FBF8A}
html[data-tema="koyu"] #apPerde{background:rgba(0,0,0,.55)}
html[data-tema="koyu"] #apFiltreBtn.akt,html[data-tema="koyu"] #apGorunumBtn.akt{background:var(--accent-soft);border-color:var(--line2)}
html[data-tema="koyu"] #aktifproje .apmt th.adx,html[data-tema="koyu"] #aktifproje .apmt td.adx{box-shadow:4px 0 6px -4px rgba(0,0,0,.6)}
html[data-tema="koyu"] #infrapor .gorseg button.akt{box-shadow:0 1px 3px rgba(0,0,0,.5)}
/* — Influencer profil penceresi (Apple dili, koyu sürüm) — */
html[data-tema="koyu"] #infProfilPop{--iv-ink:#F0EFEC;--iv-gri:#B9B7B3;--iv-gri2:#8A8884;--iv-mavi:#3F9BFF}
html[data-tema="koyu"] .ivpencere{background:#1C1A18;box-shadow:0 40px 100px rgba(0,0,0,.7)}
html[data-tema="koyu"] .ivp-ust,html[data-tema="koyu"] .ivp-kutu{background:#262320}
html[data-tema="koyu"] .ivpkut{background:#1C1A18}
html[data-tema="koyu"] #ivpOzel .ivozed input{background:#1C1A18;border-color:rgba(255,255,255,.14)}
html[data-tema="koyu"] #ivpOzel .ivozed .vz,html[data-tema="koyu"] .ivsev.sabit,html[data-tema="koyu"] .ivp-rozetler span,html[data-tema="koyu"] .ivb2{background:rgba(255,255,255,.08)}
html[data-tema="koyu"] #ivpOzel .ivozed .vz:hover{background:rgba(255,255,255,.14)}
html[data-tema="koyu"] .ivp-rozetler span.t2{background:rgba(63,155,255,.16)}
html[data-tema="koyu"] .ivp-rozetler .ekle,html[data-tema="koyu"] .ivic.bos{border-color:rgba(255,255,255,.2)}
html[data-tema="koyu"] .ivp-fyukle{background:rgba(32,27,22,.9)}
html[data-tema="koyu"] .ivic{background:#2A2622}
html[data-tema="koyu"] .ivic .ivic-link{background:linear-gradient(160deg,#2A2622,#1C1A18);color:var(--iv-gri)}
html[data-tema="koyu"] .ivic .ivic-link small{color:var(--iv-gri2)}
html[data-tema="koyu"] .ivic .ivic-link .ivic-ig{background:#1C1A18}
html[data-tema="koyu"] .ivp-satirlar div{border-bottom-color:rgba(255,255,255,.07)}
/* — rozet / tint'ler (açık pastel zeminler koyuda saydam tona) — */
html[data-tema="koyu"] .fgsat .fgop.ins{background:rgba(95,191,138,.16);color:#5FBF8A}
html[data-tema="koyu"] .fgsat .fgop.upd{background:rgba(120,140,255,.18);color:#9DB2FF}
html[data-tema="koyu"] .fgsat .fgop.del{background:rgba(224,106,85,.16);color:#F08A78}
html[data-tema="koyu"] .gchip.er{background:rgba(78,204,198,.14);color:#7FD3CE}
html[data-tema="koyu"] #bilPop .biltur.bahsetme{background:rgba(63,155,255,.16);color:#8FB4FF}
html[data-tema="koyu"] #bilPop .biltur.yanit{background:rgba(95,191,138,.16);color:#5FBF8A}
html[data-tema="koyu"] .tagrole.a{background:var(--accent);color:#fff}
/* — Ters (koyu zeminli) yüzeyler: açıkta var(--ink) zemin + beyaz yazı; koyuda --ink açık renge döndüğü için
     bildirim/sepet çubuğu/toplu seçim çubuğu yazısı okunmuyordu (25 Eyl 2026). Koyu, bir kademe yükseltilmiş zemin. — */
html[data-tema="koyu"] .toast,
html[data-tema="koyu"] .bottombar,
html[data-tema="koyu"] .secbar{background:var(--line2);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.55)}
html[data-tema="koyu"] .bottombar .go{color:#1B1A19}
/* — YouTube panosu ek — */
html[data-tema="koyu"] #ytKarsPop .krenk{background:var(--line2)}
html[data-tema="koyu"] #youtube .ytkpi.ytgelirk b{color:#5FBF8A}

/* ==== SAYFA DAVETLERİ (17 Eyl 2026, migration 161, 52_davet.js) — Monday board-permissions modeli ==== */
.davetbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 10px}
.davetbar:empty{display:none}
.davetroz{display:inline-flex;align-items:center;gap:5px;align-self:center;font-size:11px;font-weight:600;color:var(--ink2);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:5px 11px;white-space:nowrap}
.davetkart{width:min(560px,94vw);max-height:86vh;display:flex;flex-direction:column}
.davetkart .davetgov{flex:1;min-height:0;overflow:auto;padding:4px 2px}
#davetAra{width:100%}
.davetoneri{border:1px solid var(--line);border-radius:12px;margin-top:6px;overflow:hidden;background:var(--card)}
.davetoneri button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.davetoneri button:last-child{border-bottom:0}
.davetoneri button:hover{background:var(--bg)}
.daveteklet{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--accent);white-space:nowrap}
.davetbolum{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink3);margin:16px 0 4px}
.davetrow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}
.davetrow:last-child{border-bottom:0}
.davetav{flex:0 0 auto;display:flex}
.davetgav{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800}
.davetkim{flex:1;min-width:0}
.davetkim b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.davetkim i{font-style:normal;font-size:11px;color:var(--ink3)}
.davetrolbtn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
.davetrolbtn:hover{border-color:var(--line2)}
.davetrolbtn .drok{color:var(--ink3);font-weight:400}
.davetbos{padding:14px 4px;font-size:12.5px;color:var(--ink3)}
.davetozet{padding:8px 10px;margin-bottom:6px;font-size:12px;color:var(--ink2);background:var(--bg);border:1px solid var(--line);border-radius:8px}
.davetrow.davetyon{background:var(--accent-soft);border-radius:8px;padding:8px;border-bottom:0;margin-bottom:4px}
.davetrow.davetyon .davetkim i{color:var(--ink2)}
.davetnot{margin-top:12px;padding:9px 12px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-size:11.5px;line-height:1.5;color:var(--ink2)}
#davetRolPop{position:fixed;z-index:230;width:min(340px,92vw);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(27,26,25,.18);padding:6px;max-height:70vh;overflow:auto}
#davetRolPop .drl{display:block;width:100%;padding:9px 11px;background:none;border:0;border-radius:9px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
#davetRolPop .drl:hover{background:var(--bg)}
#davetRolPop .drl b{display:block;font-size:12.5px;font-weight:700}
#davetRolPop .drl i{display:block;font-style:normal;font-size:11.5px;line-height:1.45;color:var(--ink3);margin-top:2px}
#davetRolPop .drkaldir{border-top:1px solid var(--line);border-radius:0 0 9px 9px;margin-top:4px}
#davetRolPop .drkaldir b{color:var(--no,#B3232F)}
/* Görüntüleyici ekran kilidi: rolü yalnız 'goruntuleyici' olan sayfada düzenleme yüzeyi kapanır (v1 — ekran+istemci) */
section.davetkilit .otust2 .btn.primary{display:none!important}
section.davetkilit table :is(input,select,textarea){pointer-events:none;opacity:.6}
section.davetkilit table button:not(.davetbtn){pointer-events:none;opacity:.6}

/* ==== NİVEA TEKLİF PROFORMA (18 Eyl 2026, migration 190) — 59_niveaproforma.js ====
   Liste + editör (teklif bilgileri · kadro tablosu · özet) + belge (.npbelge: ekran önizleme ve
   baskı TEK stil kaynağı; A4 YATAY). Migration 192: bütçe belge geneli TEK alan; kadro tablosu
   yalnız kimlik (5 sütun, table-layout:auto — link sütunu metin kadar genişler, taşmaz).
   ⚠️ .otust2{display:flex} hidden'ı ezer → guard. */
#niveaproforma .otust2[hidden]{display:none}
#niveaproforma .npform{padding:14px 16px;margin-bottom:12px}
#niveaproforma .npbolum{font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
#niveaproforma .npgrid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
#niveaproforma .npgrid4 label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);min-width:0}
#niveaproforma .npgrid4 input,#niveaproforma .npgrid4 select{width:100%;min-width:0;height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:500 13px var(--f-ui);text-transform:none;letter-spacing:0}
#niveaproforma .npgrid4 input:focus,#niveaproforma .npgrid4 select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#niveaproforma textarea{padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:500 13px var(--f-ui);resize:vertical}
#niveaproforma .npkadrobas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}
#niveaproforma .npkadrobas b{font-size:13.5px}
#niveaproforma table.nptablo{min-width:0}
#niveaproforma table.nptablo th{position:static;white-space:normal;line-height:1.3;padding:8px 8px}
#niveaproforma table.nptablo td{padding:6px 8px;white-space:normal;vertical-align:middle}
#niveaproforma table.npkadro{min-width:900px}
#niveaproforma table.npkadro.npkalem{min-width:1500px}
#niveaproforma table.npkadro tfoot td{border-top:2px solid var(--line2);background:var(--bg);font-variant-numeric:tabular-nums;white-space:nowrap}
#niveaproforma #npModSeg b{font-size:11.5px}
.nptopluozet{margin-top:8px;font-size:12.5px;color:var(--ink2)}
.nptopluozet .nptok{padding:1px 8px;border-radius:99px;background:var(--bg);border:1px solid var(--line)}
.nptopluozet .nptok.ok{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
.nptopluozet .nptok.no{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
.nptopluliste{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.nptopluliste span{font-size:11.5px;padding:2px 8px;border-radius:99px;background:var(--st-ok-bg);color:var(--st-ok);border:1px solid var(--st-ok-line)}
.nptopluliste.no span{background:var(--st-no-bg);color:var(--st-no);border-color:var(--st-no-line)}
#niveaproforma table.npkadro td input{width:100%;min-width:0;height:32px;padding:5px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);font:500 12.5px var(--f-ui);font-variant-numeric:tabular-nums}
#niveaproforma table.npkadro tr:hover td input{border-color:var(--line);background:var(--card)}
#niveaproforma table.npkadro td input:focus{outline:none;border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px var(--accent-soft)}
#niveaproforma table.npkadro td input.npbirim{font-weight:700;color:var(--accent)}
#niveaproforma table.npkadro td.nphesap{font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in srgb,var(--accent) 5%,transparent)}
#niveaproforma .npnum{font-variant-numeric:tabular-nums;white-space:nowrap}
#niveaproforma table.npkadro tr.npsecili td{background:var(--accent-soft)}   /* satır seçimi — seçili satırda kapsam yazınca hepsine yazılır (v5) */
#niveaproforma table.npkadro tr.npsecili td input{background:transparent}
#niveaproforma .npad{background:none;border:0;padding:0;font:600 12.5px var(--f-ui);color:var(--accent);cursor:pointer;text-align:left}
#niveaproforma .npad:hover{text-decoration:underline}
#niveaproforma .npkod{font-family:var(--f-mono);font-size:10.5px;color:var(--ink3);margin-left:6px}
#niveaproforma .npdur{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid var(--line);color:var(--ink2)}
#niveaproforma .npdur-gonderildi{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
#niveaproforma .npdur-kabul{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
#niveaproforma .npdur-iptal{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
#niveaproforma .npozet{padding:14px 16px;margin-bottom:12px}
#niveaproforma .npozetgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#niveaproforma .npozetgrid > div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--bg);min-width:0}
#niveaproforma .npozetgrid span{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
#niveaproforma .npozetgrid b{font-family:var(--f-display);font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#niveaproforma .npozetgrid .npgenel{background:var(--accent);border-color:var(--accent)}
#niveaproforma .npozetgrid .npgenel span,#niveaproforma .npozetgrid .npgenel b{color:#fff}
#niveaproforma .btn.mini{min-width:auto;padding:4px 9px;font-size:12px;min-height:0;line-height:1.3}
#niveaproforma #npDurumSec{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:600 12.5px var(--f-ui)}
@media (max-width:1100px){ #niveaproforma .npgrid4{grid-template-columns:repeat(2,minmax(0,1fr))} #niveaproforma .npozetgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* BELGE — kâğıt: HER TEMADA beyaz (otbelge kuralı). A4 yatay 297mm. Global table/thead sızıntıları geri alınır. */
.npbelge{background:#fff;color:#000;padding:11mm 12mm;font-family:'Inter',system-ui,sans-serif;font-size:9.4px;line-height:1.45}
.npbelge.nponiz{width:297mm;max-width:100%;margin:0 auto;box-shadow:0 2px 18px rgba(0,0,0,.14);border:1px solid var(--line)}
.npbelge .npbust{display:flex;justify-content:space-between;align-items:flex-start;gap:12mm}
.npbelge .npbust img{height:30px;width:auto;aspect-ratio:689/120;display:block}
.npbelge .npbbaslik{text-align:right}
.npbelge h1{margin:0;font-size:20px;font-weight:800;letter-spacing:.02em}
.npbelge .npbalt{font-size:10px;color:#333;margin-top:2px}
.npbelge .npbbolum{margin:7mm 0 2.4mm;font-size:9.6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:.9px solid #000;padding-bottom:1.4mm}
.npbelge .npbilgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm 6mm}
.npbelge .npkv{display:flex;flex-direction:column;gap:1px;min-width:0}
.npbelge .npkv span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#444}
.npbelge .npkv b{font-size:10px;overflow-wrap:anywhere}
.npbelge .npbnot{margin-top:3mm;font-size:8.6px;font-style:italic;color:#333}
.npbelge .npbtaraf{display:grid;grid-template-columns:1fr 1fr;gap:10mm}
.npbelge .npbtaraf .npbbolum{margin-top:6mm}
.npbelge .npbkunye{font-size:9px;line-height:1.55;overflow-wrap:anywhere}
.npbelge .npbkunye b{display:block;font-size:9.6px;margin-bottom:1mm}
.npbelge table.npbtab{width:100%;border-collapse:collapse;min-width:0;margin:0;table-layout:auto}
.npbelge table.npbtab th,.npbelge table.npbtab td{border:.6px solid #000;padding:4px 5px;font-size:8.2px;color:#000;white-space:normal;vertical-align:middle;overflow-wrap:anywhere;background:transparent;position:static;text-align:left}
.npbelge table.npbtab thead th{font-family:'Inter',system-ui,sans-serif;font-weight:700;text-transform:none;letter-spacing:normal;font-size:8px;background:#efefef;line-height:1.25}
.npbelge table.npbtab th.c,.npbelge table.npbtab td.c{text-align:center}
.npbelge table.npbtab th.r,.npbelge table.npbtab td.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.npbelge table.npbtab th.cp,.npbelge table.npbtab td.cp{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}   /* bütçe/fee/toplam sütunları ORTALI (v5) */
.npbelge table.npbtab th.nw,.npbelge table.npbtab td.nw{white-space:nowrap}
.npbelge table.npbtab td.lnk{font-size:7.8px;color:#1D4ED8}
.npbelge table.npbtab td.lnk.uzun{white-space:normal;overflow-wrap:anywhere;width:20%;min-width:38mm}
.npbelge table.npbtab td.bir{vertical-align:middle;background:#fafafa}
.npbelge table.npbtab td.top{font-weight:700}
.npbelge table.npbtab tfoot td{font-weight:700;background:#efefef}
.npbelge table.npbtab thead th:nth-child(1){width:6mm}.npbelge table.npbtab th:nth-child(3),.npbelge table.npbtab tbody td:nth-child(3){min-width:30mm}   /* 3. sütun = İçerik/Kapsam (v5: link/takipçi çıktıda yok) */
.npbelge table.npbtab tbody tr{break-inside:avoid}
.npbelge .npbozet{width:46%;margin-left:auto;break-inside:avoid}
.npbelge .npbozet .r{display:flex;justify-content:space-between;align-items:baseline;gap:8mm;padding:2mm 0;border-bottom:.6px solid #000;font-size:9.6px}
.npbelge .npbozet .r b{font-variant-numeric:tabular-nums;white-space:nowrap}
.npbelge .npbozet .r.genel{font-size:11px;font-weight:800;border-bottom:1.2px solid #000;border-top:1.2px solid #000;margin-top:1mm;padding:2.6mm 0}
#npOnizPop .drykart{max-width:min(1240px,96vw);width:100%}
#npOnizPop .otpopkagit{max-height:76vh}
/* Tek sayfa tasarımı: içerik sarmalayıcı (.npbic) sığmazsa JS transform:scale ile küçültür; 40+ kişide kadro iki yan yana tablo + ayrı fiyat/TOPLAM tablosu; npy1/2/3 yoğunluk kademeleri */
.npbelge .npbic{transform-origin:top left}
.npbelge .npbsay{font-weight:600;letter-spacing:0;text-transform:none;color:#444}
.npbelge .npbyarim{display:grid;grid-template-columns:1fr 1fr;gap:3mm;align-items:start}
.npbelge .npbyarim table.npbtab td.lnk.uzun{width:auto;min-width:22mm}
.npbelge .npbyarim table.npbtab th:nth-child(3),.npbelge .npbyarim table.npbtab tbody td:nth-child(3){min-width:16mm}
.npbelge table.npbtab.npfiyat{margin-top:3mm;table-layout:auto}
.npbelge table.npbtab.npfiyat th:nth-child(3),.npbelge table.npbtab.npfiyat tbody td:nth-child(3){min-width:0}
.npbelge table.npbtab.npfiyat thead th:nth-child(1){width:auto}
.npbelge .npy1 table.npbtab th,.npbelge .npy1 table.npbtab td{padding:2.5px 4px;font-size:7.6px}
.npbelge .npy1 .npbbolum{margin:4.5mm 0 2mm}
.npbelge .npy2 table.npbtab th,.npbelge .npy2 table.npbtab td{padding:1.5px 3px;font-size:6.9px;line-height:1.25}
.npbelge .npy2 table.npbtab td.lnk{font-size:6.4px}
.npbelge .npy2 .npbbolum{margin:3.5mm 0 1.6mm;font-size:8.4px;padding-bottom:1mm}
.npbelge .npy2 .npbtaraf{gap:6mm}.npbelge .npy2 .npbtaraf .npbbolum{margin-top:3.5mm}.npbelge .npy2 .npbkunye{font-size:8px;line-height:1.4}
.npbelge .npy2 .npbnot{margin-top:2mm}.npbelge .npy2 .npbozet .r{padding:1.2mm 0;font-size:8.6px}.npbelge .npy2 .npbozet .r.genel{font-size:10px;padding:1.8mm 0}
.npbelge .npy3 table.npbtab th,.npbelge .npy3 table.npbtab td{padding:1px 2.5px;font-size:6.3px;line-height:1.2}
.npbelge .npy3 table.npbtab td.lnk{font-size:5.9px}
.npbelge .npy3 .npbbolum{margin:3mm 0 1.4mm;font-size:8px;padding-bottom:.8mm}
.npbelge .npy3 .npbust img{height:22px}.npbelge .npy3 h1{font-size:16px}.npbelge .npy3 .npbalt{font-size:9px}
.npbelge .npy3 .npbilgi{gap:2mm 4mm}.npbelge .npy3 .npkv b{font-size:9px}.npbelge .npy3 .npbnot{margin-top:1.6mm;font-size:8px}
.npbelge .npy3 .npbtaraf{gap:6mm}.npbelge .npy3 .npbtaraf .npbbolum{margin-top:3mm}.npbelge .npy3 .npbkunye{font-size:7.8px;line-height:1.35}
.npbelge .npy3 .npbozet{width:40%}.npbelge .npy3 .npbozet .r{padding:1mm 0;font-size:8px}.npbelge .npy3 .npbozet .r.genel{font-size:9.4px;padding:1.6mm 0}

/* ==== MOBİL KABUK — iPHONE (13 Eyl 2026, kullanıcı: "iPhone'da premium, taşmasız, düğme mantığı doğru") ====
   ⚠️ RAY YOĞUNLUK bloğu (yukarıda) ≤900px kurallarını EZİYORDU: #app 52/212/1fr kalıyor, main 212px'e
   sıkışıyor, .btn 32px'e iniyordu (canlıda telefonda görüldü). Bu blok cascade'in EN SONUNDA olduğu
   için mobili geri kazandırır. YALNIZ CSS + .hello içine sayfa başlığı (#mBaslik, 24_kabuk_ray doldurur).
   Yeni yoğunluk/masaüstü kuralı yazarken BU BLOĞUN ÜSTÜNE ekle; mobil kuralı buraya ekle. */
@media(max-width:768px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:14px}
  #app.acik{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;align-content:start}   /* stretch: kısa sayfada üst bar şişiyordu */
  #sbRay,.sb-grp{display:none!important}
  /* --- ÜST BAR: marka + arama + tema + avatar --- */
  .sb{position:sticky;top:0;z-index:80;height:auto;flex-direction:row;align-items:center;gap:8px;
    padding:calc(8px + env(safe-area-inset-top)) 12px 8px 14px;overflow:visible;border-right:0;
    border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);
    backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px)}
  body.kaydi .sb{box-shadow:0 8px 24px rgba(27,26,25,.08)}
  .sb-top{padding:0;flex:1 1 auto;min-width:0}
  .sb .mark{padding:6px 0!important}
  .sb .mark img{height:15px}
  .sb .tabs,.sb-acik,.sb-label,.brands{display:none!important}
  /* arama: yalnız ikon, yuvarlak düğme */
  .sb-search{display:flex!important;height:38px;width:38px;padding:0;border-radius:50%;justify-content:center;
    gap:0;background:var(--bg);border:1px solid var(--line);flex:none}
  .sb-search span{display:none}
  .sb-search svg{opacity:.9;width:17px;height:17px}
  .who{margin:0;padding:0;border:0;gap:6px;flex:none}
  .who .wt,#cikis{display:none!important}
  .who .av{width:36px;height:36px;font-size:12px;border:1px solid var(--line)}
  .hello #temaBtn{width:32px;height:32px;margin:0}
  /* --- İÇERİK --- */
  main{padding:10px 14px calc(92px + env(safe-area-inset-bottom))!important;border-radius:0}
  .hello{background:none;border:0;padding:8px 2px 6px;margin-bottom:10px;gap:10px;align-items:flex-end;flex-wrap:nowrap}
  .hello .av,#helloText{display:none!important}
  .hello .mbaslik{display:block;font-family:var(--f-display);font-size:24px;font-weight:700;
    letter-spacing:-.02em;color:var(--ink);line-height:1.15;min-width:0;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
  .hello .today{margin-left:auto;font-size:11px;padding:5px 9px;flex:none}
  .otust2{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;border-radius:12px}
  .otust2 h2{font-size:16px}
  .otust2>div{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .otust2>div>.btn,.otust2>.btn{flex:1 1 auto;justify-content:center}
  .otust2 .btn{white-space:normal}
  .otkpi,.otkpi.kpi6,#onayliteklif .otkpi,#yonetim .otkpi,#linktakip .otkpi,#cou .otkpi,#metagoogle .otkpi,#musteriler .otkpi,#kisiler .otkpi{grid-template-columns:1fr 1fr!important;gap:8px}
  .otust2 h2{display:none}   /* sayfa başlığı zaten üstte (#mBaslik) — alt satır (.otalt) kalır */
  #anasayfa .otust2 h2{display:block;font-size:17px}   /* selamlama sayfa adı değil, kalsın */
  .gorseg{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .gorseg b{flex:none;white-space:nowrap}
  .asbaslik{flex-wrap:wrap;gap:8px}
  .crmseg.hsviews,.crmseg{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .crmseg.hsviews b,.crmseg b{flex:none;white-space:nowrap;padding:7px 13px;font-size:12.5px}
  .lrow .btn,.lrow .rm{min-height:36px}
  .ipfmini{flex-wrap:wrap}
  .ipfmini .btn{min-height:40px;font-size:13px;flex:1 1 auto}
  #mcards .addbtn,#mcards .mrow button{min-width:40px;min-height:40px;font-size:18px}
  #mcards .mrow{padding:8px 0}
  .otkpi > div{padding:11px 12px;border-radius:12px}
  .otkpi b{font-size:20px}
  .otfiltre,.talentbar{gap:8px}
  .otfiltre>*,.talentbar>*{flex:1 1 calc(50% - 4px);min-width:0}
  .otfiltre .aramakutu,.talentbar .aramakutu{flex:1 1 100%}
  .card{padding:14px;border-radius:14px}
  .card h2{font-size:14.5px}
  /* dokunma hedefleri — yoğunluk bloğunu ez */
  .btn{min-height:44px;padding:10px 14px;font-size:14px;border-radius:10px}
  .btn.primary{font-weight:600}
  select,.otfiltre select,.talentbar select{height:44px;font-size:16px;border-radius:10px}
  input:not([type=checkbox]):not([type=radio]),textarea,.otfiltre input,.talentbar input,.search input{font-size:16px;min-height:44px;border-radius:10px}
  .minitable input:not([type=checkbox]),.minitable select,.minitable select.hedit{min-height:34px;height:34px;font-size:14px}
  .hedit{padding:5px 7px}
  .dpil{padding:5px 11px;font-size:12px;min-height:30px}
  .minitable td{padding:9px 10px;font-size:13.5px}
  .minitable th{padding:9px 10px}
  /* geniş tablolar kendi kabında kayar */
  .card,.ytpanel,.minitablewrap,#talentTabloKap,#musTabloKap,#kisTabloKap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main>section{min-width:0;max-width:100%;overflow-x:hidden}
  .lk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}
  .note{font-size:12px}
  .bottombar{left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));border-radius:14px;margin:0 10px}
  /* --- ALT NAVİGASYON — iOS sekme çubuğu --- */
  #mobilNav{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;
    background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);
    border-top:1px solid var(--line);padding:6px 6px calc(8px + env(safe-area-inset-bottom));gap:2px}
  #mobilNav[hidden]{display:none}
  #mobilNav .tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;min-height:52px;width:auto;padding:5px 2px 3px;margin:0;border:0;border-radius:12px;
    background:none;color:var(--ink3);font-family:var(--f-ui);font-size:10.5px;font-weight:600;
    letter-spacing:.01em;white-space:nowrap;position:relative;cursor:pointer;box-shadow:none;
    transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}
  #mobilNav .tab svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.75;
    stroke-linecap:round;stroke-linejoin:round;display:block;padding:2px 8px;box-sizing:content-box;border-radius:99px;transition:background .15s}
  #mobilNav .tab:active{transform:scale(.96)}
  #mobilNav .tab.active{color:var(--accent);background:none}
  #mobilNav .tab.active svg{background:var(--accent-soft)}
  /* uzun sayfa adı ("Reklam Performansı", "Maliyet Hesaplama") barı ekrandan taşırıyordu (25 Eyl 2026, 375px'te "Diğer" 389px'e itildi):
     sekme daralabilir, ad iki satıra kırılır; tek kelime sığmazsa kelime içinden kırılır */
  #mobilNav .tab{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
  /* DOKUNMA ALANI (25 Eyl 2026): görünüşü küçük kalması gereken simge düğmeleri (başlık zili/tema 32px, sabit başlık ⋯/Ara 40×36,
     kart içi link çipleri 32px, tablo başlığı ⋯ 16px) görsel boyutu değişmeden ≥40px dokunma alanı alır — şeffaf ::before taşması */
  .hello .hatbell,.mbasbtn,.mbas .btn,.ismlink{position:relative}
  .hello .hatbell::before,.mbasbtn::before,.mbas .btn::before,.ismlink::before{content:"";position:absolute;inset:-4px}
  main table[data-tt]>thead>tr>th .ttsyb::before{content:"";position:absolute;inset:-12px}
  /* sayfa içi görünüm/sekme anahtarları ve ay düğmeleri telefonda 27–37px kalıyordu → ≥40px; çoklu seçim düğmesi
     (Katalog "Tüm kategoriler") yanındaki 44px select'lerle aynı hizaya */
  .multibtn{height:44px}
  #yonetim .yonsek{min-height:44px}
  #youtube .ytsek,.couchip,.gdgorseg button,#infrapor .gorseg button{min-height:40px}
  #puantaj .pjdonem .btn{height:40px;min-width:40px}
  .srwbas .kaldir{min-width:40px;min-height:40px}
  .gselchip,.sevchip{min-height:40px}
  .lrow .btn,.lrow .rm{min-height:40px;min-width:40px}
  #muhasebe #muhYenileBtn{min-width:44px}
  .btn.gmmini{min-height:40px}
  /* küçük simge düğmeleri: görünüş aynı, şeffaf dokunma alanı ≥40px (Puantaj ⚙, Influencer Rapor sütun süzgeci, İK kart ↑↓✕,
     Yönetim "Tümünü aç/kapat", kaldır ✕) */
  #pjVarsBtn,.kgarac .lnk,#ikalan .ikokartarac .otik,.rm{position:relative}
  #pjVarsBtn::before{content:"";position:absolute;inset:-10px -14px}
  #infrapor #irTablo th .irthf::before{content:"";position:absolute;inset:-11px}
  .kgarac .lnk::before{content:"";position:absolute;inset:-12px -4px}
  #ikalan .ikokartarac .otik::before{content:"";position:absolute;inset:-6px}
  .rm::before{content:"";position:absolute;inset:-6px -10px}
  #mobilNav .tab .mrz{position:absolute;top:2px;right:calc(50% - 22px);min-width:16px;height:16px;
    border-radius:99px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;
    display:grid;place-items:center;padding:0 4px;line-height:1;border:2px solid #fff}
  #mobilNav .tab .mrz[hidden]{display:none}
  /* --- "Diğer" sayfası: ızgara karolar --- */
  #mobilDiger .kagit{background:var(--bg);border-radius:20px 20px 0 0;padding:10px 14px calc(16px + env(safe-area-inset-bottom));max-height:78dvh}
  #mobilDiger .tutac{margin:2px auto 14px}
  #mobilDigerListe{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #mobilDigerListe::before{content:"Tüm sayfalar";grid-column:1/-1;font-family:var(--f-ui);font-size:11px;
    letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink3);padding:0 2px 2px}
  #mobilDiger .mdrow{flex-direction:column;align-items:flex-start;gap:10px;padding:13px 13px 12px;margin:0;
    border-radius:14px;min-height:78px;font-size:13.5px;box-shadow:0 1px 2px rgba(27,26,25,.04)}
  #mobilDiger .mdrow:active{background:var(--accent-soft);border-color:#F1CFC6}
  #mobilDiger .mdrow.aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
  #mobilDiger .mdrow svg{width:22px;height:22px;stroke:var(--accent)}
  #mobilDiger .mdrow .ok2{display:none}
  #mobilDiger .mdrow .mrz{margin-left:0;position:absolute;top:10px;right:10px}
  #mobilDiger .mdrow{position:relative}
  #mobilDiger .mdrow[data-mcikis]{grid-column:1/-1;flex-direction:row;align-items:center;min-height:50px;
    justify-content:center;gap:8px;color:var(--accent);background:var(--card);margin-top:4px}
  #mobilDiger .mdrow[data-mcikis] svg{stroke:var(--accent);width:18px;height:18px}
  /* --- pencereler / popover'lar telefona sığsın --- */
  /* pencereler alt sayfa (sheet) olur; alt navigasyonun ÜSTÜNDE (z 120) ve kendi kaydırmasıyla */
  .dryperde{align-items:flex-end;padding:0;z-index:140}
  #sorPop.dryperde{z-index:160!important;align-items:center;padding:16px}
  #sorPop .drykart{border-radius:18px;padding-bottom:18px;max-height:80dvh}
  .drykart{width:100%!important;max-width:100%!important;border-radius:18px 18px 0 0;max-height:92dvh;
    padding:16px 14px calc(14px + env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch}
  .drykart::before{content:"";display:block;width:38px;height:4px;border-radius:99px;background:var(--line2);margin:-4px auto 12px}
  .otpopkart{width:100%!important}
  .otpopbas{padding:10px 0 12px;flex-wrap:nowrap}
  .otpopbas .btn{flex:none;min-width:44px}
  .otpopbtn{width:100%}
  .otpopbtn .btn{flex:1 1 auto;min-width:0}
  .otpopbas .otpopbtn{width:auto;flex:none}
  .otpopbas .otpopbtn .btn{flex:none;padding:10px 12px}
  .otpopbas h2,.otpopbas b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .otformalt{flex-wrap:wrap;gap:8px}
  .otformalt .otpopbtn{flex:1 1 100%}
  #otKalemTablo{display:block;overflow-x:auto}
  #otKalemTablo textarea{min-width:160px}
  .cekpanel{width:100%;border-left:0;z-index:150;padding:calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}
  .cekpanel:not([hidden]),#apKart:not([hidden]){top:0;left:0;right:0;bottom:0;transform:none;width:100%;max-height:none;height:auto;border-radius:0;animation:none;box-shadow:none}   /* mobilde tam ekran sheet kalır */
  .cekkapat{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:2}
  #sorPop .drykart::before{display:none}
  .cekakis code,.cekakis .kod,.lk b{white-space:nowrap}
  .ivpencere,.ivkart{width:100%!important;max-width:100%!important;border-radius:18px 18px 0 0}
  .otformalt{flex-wrap:wrap}
  .otformalt .btn{flex:1 1 auto}
  .secbar{left:10px;right:10px;transform:none;width:auto;bottom:calc(76px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center}
  #etkBtn{bottom:calc(80px + env(safe-area-inset-bottom))}
  /* YouTube / Kazanç */
  #youtube .ytbar{gap:10px;padding:12px}
  #youtube .ytgrp{flex:1 1 calc(50% - 5px);min-width:0}
  #youtube .ytbar select,#youtube .ytbar input{width:100%;height:40px;font-size:15px}
  #youtube .ytkpis{grid-template-columns:1fr 1fr!important}
  #youtube .kzgrafust{flex-direction:column;align-items:flex-start}
  #youtube .kzgrafsec{width:100%}
  #youtube .kzgrafsec label{flex:1}
  #youtube .kzgrafsec select{flex:1;height:36px}
  #youtube .ytapp{padding:0}
  #youtube .ytgrp:has(input[type=date]){flex:1 1 100%}
  #youtube .ytgrp:has(input[type=date])>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  #youtube .ytgrp:has(input[type=date]) input[type=date]{flex:1 1 38%;width:auto;min-width:0}
  #youtube .ytgrp:has(input[type=date]) .btn{flex:1 1 100%!important;min-height:40px!important}
  #youtube .ytchips button{min-height:36px;padding:0 12px}
  #youtube .ytsekbar{display:flex;gap:6px}
  #youtube .ytsek{flex:1 1 0;min-width:0;padding:9px 6px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:768px){
  html[data-tema=koyu] .sb,html[data-tema=koyu] #mobilNav{background:color-mix(in srgb,var(--card) 90%,transparent)}
  html[data-tema=koyu] .sb-search,html[data-tema=koyu] #temaBtn{background:var(--bg);border-color:var(--line)}
  html[data-tema=koyu] #mobilNav .tab .mrz{border-color:var(--card)}
  html[data-tema=koyu] .sb .mark img{filter:none}
}
@media(max-width:768px) and (display-mode:standalone){
  .sb{padding-top:calc(10px + env(safe-area-inset-top))}
}
/* ==== K-44 DOKUNMA HEDEFİ ≥ 44px (29 Eyl 2026, SİSTEM GENELİ) ====
   Mobil (≤768) ve dokunmatikte küçük ikon/mini düğmeler GÖRSEL olarak aynı kalır; görünmez ::after isabet alanı 44×44'e
   tamamlanır (masaüstü yoğunluğu değişmez). position :where ile (özgüllük 0) — sayfanın absolute/fixed konumu ezilmez.
   Yeni küçük düğme sınıfı = bu listeye ekle; sayfaya ayrı "şeffaf dokunma alanı" kopyası YAZMA. Tablo içi girdiler gerçek 44px. */
@media (max-width:768px),(hover:none) and (pointer:coarse){
  :where(.otik:not(.notlu),.ftdz,.yekbekle button,.yzarac button,.btn.gmmini,.btn.gmkkayril,#temaBtn,.pakalt span button,.ftkalemsil,.btkalemsil,.rm,.ircip button){position:relative}
  :where(.otik:not(.notlu),.ftdz,.yekbekle button,.yzarac button,.btn.gmmini,.btn.gmkkayril,#temaBtn,.pakalt span button,.ftkalemsil,.btkalemsil,.rm,.ircip button)::after{
    content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);background:transparent}
  .yekbekle{gap:10px}
  .minitable input:not([type=checkbox]),.minitable select,.minitable select.hedit{min-height:44px}
}
/* ==== MÜLK TAKİP — MOBİL (18 Eyl 2026, v7.4, kullanıcı: "mobil kullanım çok önemli") ====
   Kabuk bloğunun ALTINDA: .crmseg{display:flex}/.card gibi genel mobil kuralları ve #mktakip/#gmCek id kurallarını ezer.
   Mülkler + Tahsilat mobilde KART düzeniyle çizilir (16_mktakip gmMobil()); buradaki kurallar o düzenin ve
   ortak parçaların (KPI şeridi, süzgeç ızgarası, çekmece, formlar) dokunmatik ölçüleridir. */
@media(max-width:768px){
  /* KPI: 6 kart yatay kaydırmalı şerit (2 kart + peek) — 3 satır yerine tek satır */
  :is(#mktakip,#ikalan) .otkpi.gmkpi{display:flex!important;grid-template-columns:none!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:8px;padding-bottom:2px;scrollbar-width:none;margin-bottom:10px}
  :is(#mktakip,#ikalan) .otkpi.gmkpi::-webkit-scrollbar{display:none}
  :is(#mktakip,#ikalan) .otkpi.gmkpi>div{flex:0 0 46%;scroll-snap-align:start;padding:10px 12px;min-width:0}
  :is(#mktakip,#ikalan) .otkpi.gmkpi>div b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(#mktakip,#ikalan) .otkpi.gmkpi>div>i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  /* süzgeçler: görünüm sekmesi tam satır, Kimde | Durum yan yana, arama (+ Kart/Tablo) */
  :is(#mktakip,#ikalan) .gmfiltre{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
  :is(#mktakip,#ikalan) .gmfiltre>*{min-width:0;width:auto;flex:none}
  :is(#mktakip,#ikalan) .gmfiltre .crmseg{display:flex;overflow:hidden;padding:3px}
  :is(#mktakip,#ikalan) .gmfiltre .crmseg[hidden]{display:none!important}   /* kabuk .crmseg{display:flex} hidden'ı eziyordu: Kart/Tablo ve Durum her görünümde çıkıyordu */
  :is(#mktakip,#ikalan) .gmfiltre .crmseg b{flex:1 1 0;text-align:center;padding:9px 4px;font-size:12.5px;min-height:38px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(#mktakip,#ikalan) .gmfiltre #gmGor{grid-column:1/-1}
  :is(#mktakip,#ikalan) .gmfiltre #gmGor b{font-size:13px}
  :is(#mktakip,#ikalan) .gmfiltre #gmAra{grid-column:1/-1;min-width:0}
  :is(#mktakip,#ikalan) .gmfiltre:has(#gmKart:not([hidden])) #gmAra{grid-column:1}
  :is(#mktakip,#ikalan) .gmfiltre:has(#gmKart:not([hidden])) #gmKart{grid-column:2}
  :is(#mktakip,#ikalan) .gmfiltre:has(#gmDurum[hidden]) #gmKimde{grid-column:1/-1}
  /* İK süzgeç ızgarası (19 Eyl 2026): görünüm tam satır · durum|şirket · şema|arama · Kart/Tablo + sayaç */
  #ikalan .gmfiltre #pkGor{grid-column:1/-1}
  #ikalan .gmfiltre #pkAra{grid-column:1/-1;min-width:0}
  #ikalan .gmfiltre:has(#pkKart:not([hidden])) #pkAra{grid-column:1}
  #ikalan .gmfiltre:has(#pkKart:not([hidden])) #pkKart{grid-column:2}
  #ikalan .gmfiltre #pkSay{grid-column:1/-1;text-align:center}
  #ikalan .gmizgara{min-width:1100px}
  :is(#mktakip,#ikalan) .gmsozuyari{padding:9px 11px;gap:6px 8px}
  :is(#mktakip,#ikalan) .gmsozuyari .gmsozkisi{min-height:34px;display:inline-flex;align-items:center;padding:4px 11px;font-size:12px}
  /* İstatistik */
  /* İstatistik panosu: tek sütun, sayaçlar üst şeritte, özel yükseklik/düzenleme yok */
  :is(#mktakip,#ikalan) .gmpanobar{display:none}
  :is(#mktakip,#ikalan) .gmpano{grid-template-columns:1fr;gap:10px}
  :is(#mktakip,#ikalan) .gmpano .gmpw{grid-column:auto!important}
  :is(#mktakip,#ikalan) .gmpano .gmliste.gmpboy,:is(#mktakip,#ikalan) .gmpano .gmpgov.gmpboy{height:auto!important}
  :is(#mktakip,#ikalan) .gmpano .gmgraf.gmpboy{height:170px!important}
  :is(#mktakip,#ikalan) .gmkbas{flex-wrap:wrap;gap:8px}
  :is(#mktakip,#ikalan) .gmkbas>b{white-space:nowrap}
  :is(#mktakip,#ikalan) .gmkbas-sag{gap:8px}
  :is(#mktakip,#ikalan) .gmkbas select{min-height:36px;font-size:13px;padding:6px 10px}
  :is(#mktakip,#ikalan) .gmkart{overflow:hidden;overflow-x:auto}
  :is(#mktakip,#ikalan) .gmyil td,:is(#mktakip,#ikalan) .gmyil th{padding:8px 6px;font-size:12px;white-space:nowrap}
  :is(#mktakip,#ikalan) .gmoran{width:40px}
  :is(#mktakip,#ikalan,#pkCek) .gmgraf{height:170px;gap:4px}
  :is(#mktakip,#ikalan,#pkCek) .gmbar em{font-size:9px}
  :is(#mktakip,#ikalan,#pkCek) .gmbar span{font-size:9.5px}
  .gmliste{max-height:none}
  .gmlsatir{padding:10px 4px;min-height:52px}
  .gmlsag b,.gmlsag span{white-space:nowrap}
  .gmlsag .btn.gmmini{min-height:36px;padding:6px 12px;font-size:12.5px}
  /* Kiracı + mülk kartları: tek sütun, dokunmatik ölçüler */
  :is(#mktakip,#ikalan) .gmkartlar{grid-template-columns:1fr;gap:10px}
  :is(#mktakip,#ikalan) .gmkk{padding:13px 14px}
  :is(#mktakip,#ikalan) .gmkk .gmkkad b{font-size:15px}
  :is(#mktakip,#ikalan) .gmkk.gmkkmin .gmkkkira b{font-size:19px}
  :is(#mktakip,#ikalan) .gmkksatir>i{text-align:right;min-width:0}
  :is(#mktakip,#ikalan) .gmkksatir>i .gmkalan{align-items:flex-end}
  :is(#mktakip,#ikalan) .gmmk .gmkkust{align-items:flex-start}
  :is(#mktakip,#ikalan) .gmmk .gmkkad span{white-space:normal;line-height:1.3}
  :is(#mktakip,#ikalan) .gmmk .gmkim{flex:none;margin-top:2px}
  :is(#mktakip,#ikalan) .gmmk .gmmkdask{display:block;font-style:normal;font-size:11px;margin-top:2px}
  :is(#mktakip,#ikalan) .gmmkbos{padding:4px 0}
  :is(#mktakip,#ikalan) .gmmkbos .btn.gmmini{min-height:36px;padding:6px 12px;font-size:12.5px}
  #mktakip .btn.gmkkayril{opacity:.9;min-height:32px;padding:4px 11px;font-size:12px}
  #mktakip .btn.gmmini{min-height:36px;padding:6px 12px;font-size:12.5px}
  /* Kiracılar tablosu (Tablo modu): kap yatay kayar, ilk sütun sabit; sütun tutamağı dokunmatikte yok */
  :is(#mktakip,#ikalan) .gmtablo th:first-child,:is(#mktakip,#ikalan) .gmtablo td:first-child{position:sticky;left:0;z-index:1;background:var(--card);box-shadow:4px 0 8px -6px rgba(27,26,25,.25)}
  :is(#mktakip,#ikalan) .gmtablo tbody tr:hover td:first-child{background:var(--bg)}
  :is(#mktakip,#ikalan) .gmtablo th .gmtut,#ikalan .pkizgara th .gmtut{display:none}
  :is(#mktakip,#ikalan) .gmtablo th,:is(#mktakip,#ikalan) .gmtablo td{padding:9px 8px;font-size:13px}
  /* Tahsilat — mobil kart düzeni (gmTahsilatHtml gmMobil() dalı) */
  :is(#mktakip,#ikalan) .gmtbar{padding:10px 12px}
  :is(#mktakip,#ikalan) .gmtbar .gmhbar{padding:0 0 8px;border-bottom:0}
  :is(#mktakip,#ikalan) .gmtbar .gmhbar .btn.gmmini{min-width:44px;min-height:40px;font-size:16px}
  :is(#mktakip,#ikalan) .gmtbar .gmhbar>b{font-size:18px;min-width:56px}
  :is(#mktakip,#ikalan) .gmtozet{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
  :is(#mktakip,#ikalan) .gmtozet>div{background:var(--bg);border-radius:10px;padding:8px 10px;min-width:0}
  :is(#mktakip,#ikalan) .gmtozet span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(#mktakip,#ikalan) .gmtozet b{display:block;font-family:var(--f-display);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(#mktakip,#ikalan) .gmtozet b i{font-style:normal;font-size:12px;color:var(--ink3);font-weight:500}
  :is(#mktakip,#ikalan) .gmtalt{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  :is(#mktakip,#ikalan) .gmtalt .btn.gmmini{white-space:nowrap}
  :is(#mktakip,#ikalan) .gmtalt .gmlej{flex:1 1 auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}
  :is(#mktakip,#ikalan) .gmtmobil{display:flex;flex-direction:column;gap:10px}
  :is(#mktakip,#ikalan) .gmtk{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 12px 10px}
  :is(#mktakip,#ikalan) .gmtk.pasif{opacity:.72}
  :is(#mktakip,#ikalan) .gmtkust{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;margin-bottom:8px}
  :is(#mktakip,#ikalan) .gmtkust .gmkkad b{font-size:14.5px}
  :is(#mktakip,#ikalan) .gmtktop{font-family:var(--f-display);font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
  :is(#mktakip,#ikalan) .gmtkay{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
  :is(#mktakip,#ikalan) .gmhc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:5px 3px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink2);font-family:var(--f-ui);cursor:pointer;min-width:0;width:100%;-webkit-tap-highlight-color:transparent}
  :is(#mktakip,#ikalan) .gmhc i{font-style:normal;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);font-weight:600;line-height:1}
  :is(#mktakip,#ikalan) .gmhc b{font:600 11.5px var(--f-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.1}
  :is(#mktakip,#ikalan) .gmhc b i{display:inline;font-size:9.5px;letter-spacing:0;text-transform:none;font-weight:500}
  :is(#mktakip,#ikalan) .gmhc.bu{border-color:var(--accent)}
  :is(#mktakip,#ikalan) .gmhc.bu i{color:var(--accent)}
  :is(#mktakip,#ikalan) .gmhc.ok{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
  :is(#mktakip,#ikalan) .gmhc.kismi{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
  :is(#mktakip,#ikalan) .gmhc.eksik{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
  :is(#mktakip,#ikalan) .gmhc.gec{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
  :is(#mktakip,#ikalan) .gmhc.bek{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
  :is(#mktakip,#ikalan) .gmhc.bek b{font-size:10px;font-family:var(--f-ui);font-weight:600}
  :is(#mktakip,#ikalan) .gmhc.bos b{color:var(--ink3)}
  :is(#mktakip,#ikalan) .gmhc.gelecek{opacity:.6;border-style:dashed}
  :is(#mktakip,#ikalan) .gmhc.yok{cursor:default;background:repeating-linear-gradient(135deg,transparent 0 6px,var(--line) 6px 7px);border-color:transparent;opacity:.6}
  :is(#mktakip,#ikalan) .gmhc:active{transform:scale(.97)}
  /* Çekmece: tam ekran sheet (id kuralı #gmCek{width:min(640px,94vw)} kabuğu eziyordu) */
  #gmCek{width:100%;padding:calc(12px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}
  #gmCek .gmcgov{margin:0 -14px;padding:0 14px 4px}
  #gmCek .gmcust{padding-right:48px;align-items:flex-start}
  #gmCek .gmcust b{font-size:18px;overflow-wrap:anywhere}
  #gmCek .gmkvgrid{grid-template-columns:1fr 1fr;gap:8px}
  #gmCek .gmkv{padding:8px 34px 8px 10px;min-height:52px;justify-content:center}
  #gmCek .gmkv>b{padding-right:0;font-size:13.5px}
  #gmCek .gmed{width:36px;height:36px;right:2px;top:50%;transform:translateY(-50%);opacity:.7;display:grid;place-items:center;padding:0}
  #gmCek .gmed svg{width:15px;height:15px}
  #gmCek .gmbolum{flex-wrap:wrap;margin:16px 0 8px}
  #gmCek .gmbolum .gmsayac{white-space:normal;flex:1 1 100%;margin-left:0}
  #gmCek .gmbolum .btn.gmmini{margin-left:auto;min-height:36px}
  #gmCek .gmodkap{overflow-x:hidden}
  #gmCek .gmodtab td,#gmCek .gmodtab th{padding:10px 6px;font-size:12.5px}
  #gmCek .gmodtab td:nth-child(4),#gmCek .gmodtab th:nth-child(4){display:none}   /* ödeme tarihi dar ekranda düşer (chip title/çekmece satırı yeter) */
  #gmCek .gmodtab .gmtip{font-size:10.5px;padding:2px 7px}
  #gmCek .gmodsatir td{min-height:44px}
  #gmCek .gmcalt2{flex-direction:column;align-items:stretch}
  #gmCek .gmcalt2 .btn{width:100%;flex:1 1 auto}
  #gmCek .gmbelge{min-height:52px}
  #gmCek .gmbelge .gmed{position:static;transform:none;width:36px;height:36px}
  /* Formlar (v7.5 mobil sheet): tutamak + sabit başlık (✕) + kayan gövde + SABİT düğme şeridi (Vazgeç 1 : Kaydet 2, 50px) */
  .gmform{max-height:94dvh;padding:0;overflow:hidden;border-radius:20px 20px 0 0}
  .gmform::before{margin:8px auto 0}
  .gmform .otpopbas{padding:8px 16px 12px;gap:10px}
  .gmform .otpopbas b{font-size:18px}
  .gmfkapat{width:44px;height:44px}
  .gmform .gmfgov{padding:14px 16px 4px}
  .gmform .icrform{grid-template-columns:1fr 1fr;gap:12px 10px;margin-bottom:10px}
  .gmform .icrform label{font-size:11px;gap:6px}
  .gmform .gmfb{display:block;grid-column:1/-1;margin-top:8px;padding-bottom:5px;border-bottom:1px solid var(--line);font:700 11px var(--f-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
  .gmform .gmfb:first-child{margin-top:0}
  #gmKiraciPop .icrform label:has(#gmKirAd),#gmKiraciPop .icrform label:has(#gmKirEposta),#gmKiraciPop .icrform label:has(#gmKirTel),#gmKiraciPop .icrform label:has(#gmKirTc),
  #gmMulkPop .icrform label:has(#gmMulkDaskK){grid-column:1/-1}
  .gmform .icrform input,.gmform .icrform select,.gmform .icrform textarea{min-height:48px;font-size:16px;border-radius:12px;padding:10px 13px}
  .gmform .icrform textarea{min-height:76px}
  #gmKiraciPop .gmibankutu b{height:48px;font-size:14px;padding:0 12px;border-radius:12px 0 0 12px}
  #gmKiraciPop .gmibankutu input{border-radius:0 12px 12px 0}
  #gmKiraciPop .icrform label:has(#gmKirDepozito),.gmform .icrform label.gmcheck{grid-column:1/-1}
  .gmcheck{min-height:48px;padding:0 13px!important;align-self:stretch;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:14px!important;white-space:normal!important}
  .gmcheck input{width:22px!important;height:22px;min-height:0!important}
  .gmform .gmfnot{font-size:11.5px;color:var(--ink3);margin:0 0 6px}
  .gmform .otformalt{padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px rgba(27,19,16,.06)}
  .gmform .otformalt .otpopbtn{display:grid;grid-template-columns:1fr 2fr;gap:10px;width:100%}
  .gmform .otformalt .btn{min-height:50px;font-size:15.5px;font-weight:700;border-radius:13px;width:100%}
}
@media(max-width:480px){
  .hello .today{display:none}   /* dar telefonda tarih çipi sayfa adını "Mül…" diye kırpıyordu */
}

/* ═══ MOBİL SAĞLAMLIK 3 (19 Eyl 2026) — girdi 16px (iOS odak zoom'u yok) + pencere/çekmece düğmeleri ≥40px, ✎ kalemleri ≥32px ═══ */
@media(max-width:768px){
  main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),main select,main textarea,
  .dryperde input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.dryperde select,.dryperde textarea,
  .cekpanel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.cekpanel select,.cekpanel textarea,
  #apKart input:not([type=checkbox]):not([type=radio]),#apKart select,#apKart textarea,
  #ttPop input,#ttPop select,#kfPop input,#kfPop select,#infSeciciPop input,#infSeciciPop select,#musSeciciPop input,#sorPop input,#sorPop textarea{font-size:16px!important}
  .dryperde .drykart .btn:not(.gmmini):not(.otik),.dryperde .otformkart .btn:not(.gmmini):not(.otik),.cekpanel .btn:not(.gmmini):not(.otik),#infSeciciPop .btn,#musSeciciPop .btn{min-height:40px!important}   /* !important: bazı düğmelerde inline min-height:0;height:30px var (ftKalemEkle) */
  .cekpanel .ftdz,.dryperde .ftdz,.cekpanel .otik,.dryperde .otik,.dryperde .ftkalemsil,.dryperde .btkalemsil{min-width:32px;min-height:32px!important}
  /* 25 Eyl 2026: yoğun formlarda görünüş 32px kalır, şeffaf dokunma alanı 40px */
  .cekpanel .ftdz,.dryperde .ftdz,.cekpanel .otik,.dryperde .otik{position:relative}
  .cekpanel .ftdz::before,.dryperde .ftdz::before,.cekpanel .otik::before,.dryperde .otik::before{content:"";position:absolute;inset:-4px}
  .dryperde .drykart .btn.gmmini,.cekpanel .btn.gmmini{min-height:34px}
}
/* ═══ MOBİL DÜZEN + ANA SAYFA HIZLI İŞLEM IZGARASI + LINK TAKİP KARTLARI (19 Eyl 2026, migration 206) ═══ */
/* --- ana sayfa: mobil hızlı işlem bloğu (KPI'ların ALTINDA); masaüstünde #asHizli düğmeleri kalır --- */
.ashizlim{margin:0 0 12px}
.ashizlim[hidden]{display:none!important}
.ashbas{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:0 0 8px 2px}
.ashgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ashbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:8px 6px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:none;color:var(--ink);font-family:var(--f-ui);
  font-size:11.5px;font-weight:600;line-height:1.15;cursor:pointer;min-width:0;-webkit-tap-highlight-color:transparent;transition:background .12s}
.ashbtn:active{background:var(--bg)}
.ashbtn svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ashbtn span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
@media(min-width:769px){ #asHizliMobil{display:none!important} }
@media(max-width:768px){
  #asHizli{display:none!important}
  #anasayfa .otust2{padding:12px 14px}
  /* 5 sekme + Diğer (6 düğme) sığsın */
  #mobilNav:has(> .tab:nth-child(6)) .tab{font-size:10px;gap:2px}
  #mobilNav:has(> .tab:nth-child(6)) .tab svg{width:22px;height:22px}
}
/* --- Yönetim → Mobil Düzen editörü --- */
.mdduzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.mdsol{min-width:0;display:flex;flex-direction:column;gap:14px}
.mdblok{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card)}
.mdbbas{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.mdbbas b{font-size:13.5px}
.mdbbas span{font-size:11.5px;color:var(--ink3)}
.mdbbas select{font-size:12px;padding:2px 6px;margin-left:4px}
.mdliste{display:flex;flex-direction:column;gap:6px;min-height:52px;border-radius:10px;padding:4px;transition:background .12s}
.mdliste.mdhedef{background:var(--accent-soft)}
.mdhavuz{max-height:360px;overflow:auto;overscroll-behavior:contain}
.mdsat{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:44px;user-select:none}
.mdsat b{font-size:13px;font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdsat>svg{width:18px;height:18px;stroke:var(--ink2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mdsat.mdsurukle{opacity:.35;border-style:dashed}
.mdsat.mdtavan{opacity:.5}
.mdsat.mdgizli b{text-decoration:line-through;color:var(--ink3)}
.mdsat.mdhayalet{position:fixed;z-index:400;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.18);background:var(--card);opacity:.95}
.mdtut{cursor:grab;touch-action:none;color:var(--ink3);font-size:15px;letter-spacing:-2px;padding:6px 4px;flex:none;line-height:1;user-select:none}
.mdtut:active{cursor:grabbing}
.mdroz{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:2px 7px;flex:none;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdroz.islem{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}
.mdsag{display:flex;gap:6px;align-items:center;flex:none}
.mdmini{font-family:var(--f-ui);font-size:11.5px;font-weight:600;padding:5px 9px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer;min-height:30px}
.mdmini:disabled,.mdmini.var{opacity:.45;cursor:default}
.mdmini.teh{color:var(--st-no);border-color:var(--st-no-line)}
.mdsw{position:relative;display:inline-block;width:36px;height:20px;flex:none;cursor:pointer}
.mdsw input{opacity:0;width:0;height:0;position:absolute}
.mdsw span{position:absolute;inset:0;background:var(--line2);border-radius:99px;transition:background .15s}
.mdsw span::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.mdsw input:checked+span{background:var(--st-ok2)}
.mdsw input:checked+span::after{transform:translateX(16px)}
.mdbos{font-size:12px;color:var(--ink3);padding:12px;text-align:center;border:1px dashed var(--line2);border-radius:10px}
.mdalt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.mdkirli{font-size:12px;color:var(--st-warn);font-weight:700;margin-right:auto}
.mdkirli[hidden]{display:none}
.mdzaman{font-size:11.5px;color:var(--ink3)}
/* telefon önizlemesi */
.mdsag2{position:sticky;top:12px}
.mdtel{width:270px;margin:0 auto;border:8px solid #1b1a19;border-radius:34px;background:var(--bg);overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;height:560px}
.mdtelust{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;background:var(--card);border-bottom:1px solid var(--line)}
.mdtelust b{font-size:13px;letter-spacing:.02em}
.mdtelust i{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--line)}
.mdtelgov{flex:1;min-height:0;overflow:auto;padding:10px 10px 14px}
.mdtelgov .ashgrid{gap:6px}
.mdtelgov .ashbtn{min-height:58px;font-size:10px;padding:6px 4px;gap:4px;pointer-events:none}
.mdtelgov .ashbtn svg{width:17px;height:17px}
.mdtelgov .ashbas{font-size:9.5px;margin:0 0 6px}
.mdpselam{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin-bottom:8px}
.mdpselam b{display:block;font-size:13px}
.mdpselam span{font-size:9.5px;color:var(--ink3)}
.mdpkpi{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.mdpkpi>div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 9px}
.mdpkpi b{display:block;font-size:16px;font-family:var(--f-display)}
.mdpkpi span{font-size:9.5px;color:var(--ink3)}
.mdpbos{font-size:11px;color:var(--ink3);text-align:center;padding:16px 0}
.mdtelnav{display:flex;border-top:1px solid var(--line2);background:var(--card);padding:6px 3px 10px}
.mdpnav{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:600;color:var(--ink3);min-width:0}
.mdpnav.akt{color:var(--accent)}
.mdpnav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mdpnav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){ .mdduzen{grid-template-columns:1fr} .mdsag2{position:static} }
/* --- MOBİL ORTAK BİLEŞENLER (61_mobil.js): kart · alt sayfa · filtre sheet · sabit başlık — yalnız ≤768 --- */
.mkartlar[hidden],.mbasyer[hidden],.mperde[hidden],.msheet[hidden]{display:none!important}
.mbasyer{display:none}
.mfbas{display:none}
.mkgrup{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:10px 4px 4px}
.mkgrup span{font-weight:600;letter-spacing:0;text-transform:none}
.mkart{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 12px 11px;margin-bottom:8px;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;text-align:left}
.mkart:active{background:var(--bg)}
.mkart.secili{border-color:var(--accent);background:var(--accent-soft)}
.mkbas{display:flex;align-items:flex-start;gap:9px}
.mkad{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mkmenu{flex:none;width:44px;height:44px;margin:-12px -12px -8px 0;border:0;background:none;color:var(--ink2);font-size:20px;line-height:1;border-radius:10px;cursor:pointer;font-weight:700}
.mkmenu:active{background:var(--bg)}
.mksec{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);margin-top:2px;background:var(--card)}
.mksec.on{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--card)}
.mkav{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;background-size:cover;background-position:center;margin-top:-2px}
.mkalt{font-size:12px;color:var(--ink2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkroz{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.mkr{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:var(--bg);border:1px solid var(--line);color:var(--ink2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkr.ok{background:var(--st-ok-bg);border-color:var(--st-ok-line);color:var(--st-ok)}
.mkr.no{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
.mkr.warn{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)}
.mkr.info{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)}
.mkr.mono{font-family:var(--f-mono)}
.mkmet{font-size:12px;color:var(--ink3);margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkmet b{color:var(--ink);font-weight:700}

.mksag{flex:none;text-align:right;font-size:13px;font-weight:700;font-family:var(--f-display);white-space:nowrap}
.mkdaha{width:100%;justify-content:center;min-height:44px;margin-top:4px}
.mkdaha span{color:var(--ink3);font-weight:500;margin-left:4px}
@media(max-width:768px){
  .mbasyer{display:block;height:48px;position:relative}
  .mbas{position:absolute;left:0;right:0;top:0;z-index:110;display:flex;align-items:center;gap:8px;padding:6px 12px;min-height:48px;
    background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .mbas.sabit{position:fixed}
  .mbas .btn{min-height:36px!important;padding:6px 12px;font-size:12.5px;white-space:nowrap}
  .mbassay{flex:1 1 auto;min-width:0;text-align:center;font-size:12px;color:var(--ink2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mbasbtn{flex:none;width:40px;height:36px;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--ink);display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer}
  .mbasbtn.akt{border-color:var(--accent);color:var(--accent)}
  .mbasara{display:flex;gap:8px;flex:1 1 auto;min-width:0}
  .mbasara input{flex:1 1 auto;min-width:0;min-height:40px;font-size:16px!important;border:1px solid var(--line2);border-radius:10px;padding:0 12px;background:var(--card)}
  /* filtre barı: normalde gizli, .mfacik ile alt sayfa (girdi id'leri/dinleyicileri aynı kalır) */
  .mfbar{display:none!important}
  .mfbar.mfacik{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:152;
    background:var(--bg);border-radius:20px 20px 0 0;padding:10px 14px calc(16px + env(safe-area-inset-bottom));max-height:86dvh;overflow:auto;overscroll-behavior:contain;
    box-shadow:0 -12px 40px rgba(0,0,0,.25);animation:mdGel .22s ease;margin:0}
  .mfbar.mfacik>*{width:100%;max-width:100%;flex:none;margin:0}
  .mfbar.mfacik select,.mfbar.mfacik input:not([type=checkbox]):not([type=radio]){min-height:44px;width:100%}
  .mfbar.mfacik .btn{min-height:44px;justify-content:center}
  .mfbar.mfacik .crmseg,.mfbar.mfacik .gorseg{flex-wrap:wrap;overflow:visible}
  .mfbar.mfacik .mfbas{display:flex;align-items:center;justify-content:space-between;font-size:15px;padding:2px 0 4px;position:sticky;top:0;background:var(--bg);z-index:1}
  .mfbar.mfacik .mfbas .btn{min-height:36px!important}
  .mperde{position:fixed;inset:0;z-index:151;background:rgba(20,22,28,.45)}
  /* alt sayfa */
  .msheet{position:fixed;inset:0;z-index:150;background:rgba(20,22,28,.45);display:flex;align-items:flex-end}
  .mskagit{background:var(--bg);width:100%;border-radius:20px 20px 0 0;padding:8px 14px calc(16px + env(safe-area-inset-bottom));animation:mdGel .22s ease;max-height:86dvh;overflow:auto;overscroll-behavior:contain}
  .mskagit .tutac{width:38px;height:4px;border-radius:99px;background:var(--line2);margin:2px auto 12px}
  .msbas{padding:0 2px 10px}
  .msbas b{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
  .msbas span{display:block;font-size:12px;color:var(--ink3);margin-top:2px;overflow-wrap:anywhere}
  .msbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:50px;padding:0 14px;margin-bottom:6px;
    background:var(--card);border:1px solid var(--line);border-radius:12px;font-family:var(--f-ui);font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
  .msbtn svg{width:18px;height:18px;flex:none;stroke:var(--ink2)}
  .msbtn.teh{color:var(--st-no);border-color:var(--st-no-line);background:var(--st-no-bg)}
  .msbtn.teh svg{stroke:var(--st-no)}
  .msbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
  .msbtn.primary svg{stroke:#fff}
  .msbtn.vaz{justify-content:center;color:var(--ink2);background:none;border-style:dashed;margin-top:4px}
  .msgov{padding:0 2px 8px}
  .msgov .fld,.msgov label{display:block;margin-bottom:8px}
  /* hızlı seçenek ızgarası (tarih aralığı vb.) */
  .msgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
  .msgrid .btn{min-height:44px;justify-content:center}
  /* toast alt çubuğun üstünde */
  .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  .secbar{bottom:calc(72px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px}
  /* section giriş animasyonunun transform'u fixed başlığı/sheet'i section'a hapsediyordu (yaşandı) */
  body.mobilsayfa main>section{animation:none!important}
  .card:has(>.mkartlar:not([hidden])){padding:10px 10px 12px;overflow:hidden}
  .card:has(>.mkartlar:not([hidden]))>.note{display:none}
}
html[data-tema=koyu] .mdsw span::after{background:var(--ink)}
.canliserit{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--st-warn);color:#fff;font-size:12px;font-weight:700;text-align:center;padding:5px 12px;animation:mdGel .2s ease}
html[data-tema=koyu] .canliserit{color:var(--ink)}
/* --- FORMLAR MOBİL (19 Eyl 2026): tek kolon · 44px/16px girdiler · sabit Kaydet/İptal şeridi (safe-area) · kalem kartları --- */
@media(max-width:768px){
  .dryperde .params,.dryperde .row3,.dryperde .ucluayar,.dryperde .ftkal,.dryperde .icrform,.dryperde .mkform,.dryperde .gmfgov .icrform,
  .dryperde [style*="grid-template-columns"],.cekpanel .ftkal,.cekpanel [style*="grid-template-columns"],#pkCek .ftcgov .ftkal{grid-template-columns:1fr!important}
  .dryperde .fld,.dryperde .params>div,.dryperde .row3>*{min-width:0;width:100%}
  .dryperde input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),.dryperde select,.dryperde textarea,
  .cekpanel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),.cekpanel select{min-height:44px;width:100%;box-sizing:border-box}
  .dryperde textarea{min-height:80px}
  /* 25 Eyl 2026 — pencere başlığındaki ✕ (otpopbas) `.otpopbtn .btn{min-width:0}` yüzünden 37px'e iniyordu (≈40 pencere) */
  .otpopbas .otpopbtn .btn{min-width:44px}
  /* telefonda pencere içinde yatay taşmalar: İçerik raporu düğme grubu (434px), İsim değişikliği alt şeridi (4 düğme),
     AP sütun türü açıklaması (nowrap small) */
  .icrgbtn{flex:1 1 100%;min-width:0} .icrgbtn .btn{flex:1 1 auto}
  .idpalt{flex-wrap:wrap} .idpalt>span{display:none} .idpalt .btn{flex:1 1 auto}
  #apKolPop .apkyatay{flex-wrap:wrap} #apKolPop .apkyatay small{white-space:normal}
  #isFormPop .istipseg button{min-height:40px}
  .belgeonizbtn button{height:44px;min-width:44px}
  .dryperde .muhsifrekap .otik{min-width:40px}
  .dryperde label{font-size:12px}
  /* Kaydet/İptal şeridi kartın altında sabit; klavye açılınca sheet yüksekliği küçülür, şerit içerik kaydırıcısının altında kalır */
  .dryperde .otformalt,.dryperde .kdalt,.dryperde .icralt,.dryperde .btalt,.dryperde .drykart>.btnrow:last-child{position:sticky;bottom:0;z-index:2;background:var(--bg);
    display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0 calc(6px + env(safe-area-inset-bottom));margin-top:8px;border-top:1px solid var(--line)}
  .dryperde .otformalt>*,.dryperde .kdalt>*,.dryperde .icralt>*,.dryperde .btalt>*{width:100%;min-height:46px;justify-content:center;margin:0}
  .dryperde .otformalt>span,.dryperde .kdalt>span{display:none}
  .dryperde .otformalt .btn.primary,.dryperde .kdalt .btn.primary{grid-column:2}
  .dryperde .otformalt .btn:not(.primary):nth-last-child(n+3),.dryperde .kdalt .btn:not(.primary):nth-last-child(n+3){grid-column:1/-1}
  /* uzun form bölüm başlıkları */
  .dryperde .gmfb,.dryperde .pkbolum,.dryperde h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin:14px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line)}
  /* kalem kartları (OT formu) + özet kartı */
  #otKalemTablo[hidden]{display:none!important}
  .otkalemkart .mkart{padding:10px 12px}
  .otkalemkart .mkart.mkeksik{border-style:dashed}
  .ottoplam{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;z-index:1}
  .msgov label{display:block;font-size:12px;font-weight:600;color:var(--ink2)}
  .msgov input,.msgov textarea,.msgov select{display:block;width:100%;box-sizing:border-box;min-height:44px;font-size:16px!important;margin-top:4px;border:1px solid var(--line2);border-radius:10px;padding:8px 12px;background:var(--card);font-family:var(--f-ui)}
}
/* --- rapor/pano sayfaları mobil (COU · Meta&Google · Reklam Performansı · Satış Raporları · YouTube) --- */
@media(max-width:768px){
  /* KPI kompakt: 2 sütun, 11px uppercase etiket, 20-22px değer */
  .otkpi{grid-template-columns:1fr 1fr!important;gap:8px}
  .otkpi>div{padding:10px 11px}
  .otkpi>div b{font-size:21px;font-weight:600;line-height:1.1}
  .otkpi>div span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:700}
  .otkpi>div .kpidip,.otkpi>div i{font-size:10px}
  /* grafikler kabın genişliğinde, 220px */
  .cougraf,.ytchart,.gagraf,.rpgraf{height:220px!important;min-width:0;max-width:100%}
  .cougraf canvas,.ytchart canvas,.mggrid canvas{max-width:100%!important;width:100%!important}
  .mggrid,.rpgrid{grid-template-columns:1fr!important}
  .coupanel{padding:10px;min-width:0;overflow:hidden}
  .coupanel h3{font-size:13px}
  /* dönem çipleri alt sayfada ızgara */
  .mfbar.mfacik .couchips{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}
  .mfbar.mfacik .couchip{min-height:44px;justify-content:center;font-size:13px}
  .mfbar.mfacik .couozel{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .mfbar.mfacik .couozel input[type=date]{flex:1 1 40%;min-width:120px}
  .mfbar.mfacik .couozel .btn,.mfbar.mfacik .couozel .couchip{flex:1 1 100%}
  /* üst bardaki düğme grupları ⋯ menüye taşındı */
  #cou .otust2>div:last-child,#metagoogle .otust2>div:last-child{display:none!important}
  /* Satış Raporları: widget tam genişlik */
  .srgrid{grid-template-columns:1fr!important;gap:10px}
  .srw{grid-column:1/-1!important}
  .srw .srwgov svg{max-width:100%}
  /* COU sipariş görünümü çipleri kaydırmalı */
  #couSipKaynak{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #couSipKaynak .couchip{flex:none}
  .cousipbar{flex-direction:column;align-items:stretch}
  #cou .cousipbar #couSipAra{max-width:100%;width:100%}
  /* Ürünler: kayıtlı kalemler kart listesi kutu sınırsız */
  #cardKalemler>div:has(#itemTable){max-height:none;border:0;overflow:visible}
  #cardKalemler .bar{margin:0}
  .pkgormobil{margin:0 0 10px}
  .pkgormobil .crmseg{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pkgormobil .crmseg b{flex:none;white-space:nowrap}
  /* çekmece sekme çubukları yatay kaydırılır (İK Bilgiler·Kariyer·İzinler·Özlük·Günlük vb.) */
  .ftcsek{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 12px!important}
  .ftcsek::-webkit-scrollbar{display:none}
  .ftcsek>button{flex:none!important;white-space:nowrap;min-height:44px}
  /* çapalı popover'lar (sayfa/yetki/grup/durum) ekrana sığsın */
  #sfPop,#ytPop,#kgPop,#grpPop,#durumPop,#ttPop,#kolAyarPop{left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:70dvh;overflow:auto}
  /* Müşteriler/Kişiler kart kabı dolgusu (kart padding:0) */
  #musteriler .mkartlar,#kisiler .mkartlar{padding:10px}
}

/* ═══ BÜTÇE TOPLAMA — influencer şahsi telefonu + WhatsApp (19 Eyl 2026) ═══ */
#btFormPop .btforminf{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);margin-bottom:6px}
#btFormPop .btforminf .isinfcip{align-self:flex-start}
.bttelsat{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.bttelsat .btn{height:32px;padding:0 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}
.bttelsat .btn[disabled]{opacity:.5;cursor:not-allowed}
.bttelsat .btwa{background:#25D366;border-color:#25D366;color:#fff}
.bttelsat .btwa:hover{background:#1ebe5a;text-decoration:none}
.bttelsat .bttelnot{flex:1 1 100%;font-size:11.5px;color:var(--ink3)}
.bttelmini{margin-top:3px;font-size:12px;font-weight:400}
.otik.btwa{color:#25D366;display:inline-flex;align-items:center;justify-content:center;padding:0;text-decoration:none}
.otik.btwa svg{width:15px;height:15px} .otik.btwa[disabled]{opacity:.35;cursor:not-allowed}
@media(max-width:768px){ .bttelsat .btn{height:40px;flex:1 1 auto;justify-content:center} }
/* ═══ AKIŞ HAZIRLAMA (19 Eyl 2026, 64_akis.js) — liste · TipTap editör · panel · halka açık sayfa ═══ */
#akis .otust2[hidden],#akis .akeditorkap[hidden],#akis #akListe[hidden]{display:none!important}
#akis .akeditorust{align-items:center;gap:12px}
#akis .akbaslikalan{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
#akis .akbaslik{flex:1 1 auto;min-width:0;font:600 18px/1.2 var(--f-display);border:1px solid transparent;background:transparent;padding:4px 8px;border-radius:8px;color:var(--ink)}
#akis .akbaslik:hover{border-color:var(--line)} #akis .akbaslik:focus{border-color:var(--accent);outline:0;background:var(--card)}
#akis .akbag{border:1px dashed var(--line2);background:var(--bg);border-radius:99px;padding:4px 10px;font:500 11.5px var(--f-ui);color:var(--ink2);cursor:pointer;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
#akis .akeditordug{display:flex;align-items:center;gap:6px;flex:0 0 auto;flex-wrap:wrap}
#akis .akeditordug .btn{height:32px;padding:0 10px}
#akis .akeditordug .btn.akt{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
#akis .akmobilsadece{display:none}
#akis .akuyeler{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink3)}
.akdurum{font-size:11.5px;color:var(--ink3);white-space:nowrap} .akdurum.ok{color:var(--st-ok)} .akdurum.bekle{color:var(--st-warn)} .akdurum.hata{color:var(--st-no)}
#akis .akeditorkap{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
#akis .akeditorkap.panelli{grid-template-columns:minmax(0,1fr) 340px}
#akis .akeditorkart{padding:0;overflow:visible}
.akserit{padding:9px 14px;font-size:13px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.akserit.sari{background:var(--st-warn-bg);color:var(--st-warn);border-bottom:1px solid var(--st-warn-line)}
.akserit.gri{background:var(--bg);color:var(--ink3);border-bottom:1px solid var(--line)}
.akserit.yesil{background:var(--st-ok-bg);color:var(--st-ok);border-bottom:1px solid var(--st-ok-line)}
.akserit .btn{height:28px;padding:0 10px;font-size:12px;margin-left:auto}
.akarac{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:4;border-radius:12px 12px 0 0}
.akarac button{border:1px solid transparent;background:none;height:30px;min-width:30px;padding:0 8px;border-radius:6px;font:500 12.5px var(--f-ui);color:var(--ink2);cursor:pointer;white-space:nowrap}
.akarac button:hover{background:var(--bg);color:var(--ink)} .akarac button.akt{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}
.akarac .akayir{width:1px;height:20px;background:var(--line);margin:0 4px}
.akarac .akrenkgrp{display:inline-flex;align-items:center;gap:3px;padding:0 4px}
.akarac .akrenkgrp button{width:18px;min-width:18px;height:18px;padding:0;border-radius:99px;border:1px solid rgba(0,0,0,.15)}
.akarac .akrenkgrp button:last-child{width:auto;min-width:22px;font-size:11px;background:none;border:0}
/* 23 Eyl 2026 (kullanıcı: "Word mantığı"): editör beyaz sayfa — gri zemin üstünde ortalı A4 genişliğinde kâğıt, gölge; koyu temada da açık kâğıt */
.akeditorkap .akkagit{background:var(--bg);padding:18px 12px 40px}
.akeditor{padding:64px 72px 96px;min-height:1000px;font-size:14.5px;line-height:1.65;color:#1b1a19;background:#fff;max-width:816px;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.08);border-radius:4px;box-sizing:border-box;font-family:var(--f-ui)}
@media(max-width:900px){ .akeditor{padding:28px 22px 60px;min-height:520px} }
/* .akeditor koyu tema: K-38 ortak BELGE YÜZEYİ kuralında */
/* Briefler ve Akışlar — brief kartında bağlı akış satırları (gruplu, kompakt) + brief editöründe bağlı akış çipleri */
#brief .brkakislar{display:flex;flex-direction:column;gap:3px;border-top:1px dashed var(--line);padding-top:8px}
#brief .brkakis{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:12.5px;color:#2f6fd8;background:color-mix(in srgb,#579bfc 8%,transparent)}
#brief .brkakis:hover{background:color-mix(in srgb,#579bfc 16%,transparent)} #brief .brkakis svg{flex:0 0 auto}
#brief .brkakisad{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
#brief .brkakisz{flex:0 0 auto;font-size:11px;color:var(--ink3)}
#brief .brbagliak{display:inline-flex;gap:6px;flex-wrap:wrap;margin-right:10px;vertical-align:middle}
#brief .brakcip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:99px;border:1px solid color-mix(in srgb,#579bfc 40%,transparent);background:color-mix(in srgb,#579bfc 10%,transparent);color:#2f6fd8;font:600 12px var(--f-ui);cursor:pointer}
#brief .brakcip.yeni{border-style:dashed;background:transparent}
/* Akış kâğıdı = Brief PDF tasarımı: kiremit üst bant · logo · belge adı sağda · AKIŞ etiketi · ince çizgi · alt bilgi socialand · DM Sans */
html.akfont .akeditor,html.akfont .akkagitbas,html.akfont .akkagitalt{font-family:"DMSansAk",var(--f-ui)}
.akeditorkap .akkagit{position:relative}
.akkagitbas{max-width:816px;margin:0 auto;background:#fff;border-top:9px solid #C4452C;border-radius:4px 4px 0 0;padding:26px 72px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.08);box-sizing:border-box}
.akkagitbas img{height:22px;width:auto}
.akkagitsag{text-align:right;min-width:0} .akkagitsag b{display:block;font:700 13px/1.3 "DMSansAk",var(--f-ui);color:#1B1A19;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .akkagitsag i{display:block;font:700 9.5px/1.4 "DMSansAk",var(--f-ui);letter-spacing:.14em;color:#C4452C;font-style:normal;margin-top:2px}
.akeditorkap .akkagit .akeditor{border-radius:0;box-shadow:0 12px 32px rgba(0,0,0,.08);border-top:1px solid #E7E4E0;padding-top:34px;min-height:820px}
.akkagitalt{max-width:816px;margin:0 auto;background:#fff;border-radius:0 0 4px 4px;padding:10px 72px 22px;text-align:right;font:400 10px/1.4 "DMSansAk",var(--f-ui);color:#918B85;border-top:1px solid #E7E4E0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.08);box-sizing:border-box}
.akeditor th{background:#F5F4F2;color:#C4452C;text-transform:uppercase;font:700 10.5px/1.4 "DMSansAk",var(--f-ui);letter-spacing:.06em;width:150px;vertical-align:middle}
.akeditor td{background:#fff} .akeditor table{border:0} .akeditor td,.akeditor th{border-color:#E7E4E0}
.akeditor h1{font:700 26px/1.25 "DMSansAk",var(--f-ui);color:#1B1A19} .akeditor h2{font:700 17px/1.3 "DMSansAk",var(--f-ui);color:#1B1A19;padding-bottom:6px;border-bottom:2px solid #1B1A19;margin:22px 0 10px} .akeditor h3{font:700 14px/1.35 "DMSansAk",var(--f-ui);color:#C4452C;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){ .akkagitbas,.akkagitalt{padding-left:22px;padding-right:22px} }
/* Briefler ve Akışlar: kart tip simgesi (brief: belge, akış: akış oku) + Yeni Akış düğmesi ayrımı */
.brtipik{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;flex:0 0 auto;margin-right:8px}
.brtipik.brief{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)} .brtipik.akis{background:color-mix(in srgb,#579bfc 18%,transparent);color:#2f6fd8}
.brkart.brkakis{border-left:3px solid #579bfc} .btn.brakisbtn{background:#2f6fd8;border-color:#2f6fd8}
.btn#brYeniBtn svg,.btn#brYeniAkisBtn svg{margin-right:2px;vertical-align:-2px}
/* 25 Eyl 2026: emoji → IK() ikonları metinle aynı hizada (YouTube sekmeleri, İş Teklif türü, AP konuşma/tarih, mobil kart çipleri) */
#youtube .ytsek svg,#isFormPop .istipseg button svg,.apgikon svg,.apmmsj svg,.mbasbtn[data-apgmsj] svg,.mkmet svg,.apgeki svg,.bybos svg,.ttdsec svg,.ismlink svg,[data-apks] svg,#akArac svg,#akpArac svg,.ltgec svg,[title="Son tarih"] svg,[title="En yakın paylaşım tarihi"] svg,#rpSezon svg{vertical-align:-2px;flex-shrink:0}
/* eşzamanlı düzenleme: başkasının değişikliği (kişi rengi) · imleç + ad etiketi · seçim vurgusu */
.akeditor .akdeg{border-bottom:2px solid var(--akr,#579bfc);background:color-mix(in srgb,var(--akr,#579bfc) 12%,transparent);border-radius:2px}
.akeditor .akimlec{position:relative;display:inline-block;width:0;height:1.15em;vertical-align:text-bottom;pointer-events:none}
.akeditor .akimlec i{position:absolute;left:-1px;top:0;width:2px;height:100%;background:var(--akr,#579bfc)}
.akeditor .akimlec b{position:absolute;left:-1px;top:-1.35em;font:600 10px/1.4 var(--f-ui);color:#fff;background:var(--akr,#579bfc);padding:1px 5px;border-radius:4px 4px 4px 0;white-space:nowrap;opacity:.95}
.akeditor .akimlecsec{background:color-mix(in srgb,var(--akr,#579bfc) 22%,transparent)}
.akdegtog{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--f-ui);color:var(--ink2);margin-left:auto;margin-right:8px;cursor:pointer}
.akdegsat{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--line);border-left:3px solid var(--akr,var(--line2))}
.akdegsat .otav{width:28px;height:28px;border-radius:99px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 12px var(--f-ui);flex:0 0 auto}
.akdegic{min-width:0;flex:1 1 auto;font-size:13px} .akdegic b{font-weight:600} .akdegic i{font-style:normal;color:var(--ink3);font-size:11.5px;margin-left:6px}
.akdegek{color:var(--st-ok);margin-top:3px;word-break:break-word} .akdegsil{color:var(--st-no);text-decoration:line-through;margin-top:3px;word-break:break-word;opacity:.85}
.akeditor .ProseMirror{outline:0;min-height:380px}   /* K-39 istisna: kâğıt editörü — imleç zaten görünür, tüm sayfaya halka çizilmez */
.akeditor .ProseMirror p.is-editor-empty:first-child::before{content:attr(data-placeholder);color:var(--ink3);float:left;height:0;pointer-events:none}
.akeditor h1{font:700 26px/1.25 var(--f-display);margin:8px 0 10px} .akeditor h2{font:700 20px/1.3 var(--f-display);margin:18px 0 8px} .akeditor h3{font:600 16px/1.35 var(--f-display);margin:14px 0 6px}
.akeditor p{margin:0 0 8px} .akeditor ul,.akeditor ol{padding-left:22px;margin:0 0 8px}
.akeditor ul[data-type=taskList]{list-style:none;padding-left:2px} .akeditor ul[data-type=taskList] li{display:flex;gap:8px;align-items:flex-start} .akeditor ul[data-type=taskList] li>label{flex:0 0 auto;margin-top:3px} .akeditor ul[data-type=taskList] li>div{flex:1 1 auto;min-width:0} .akeditor ul[data-type=taskList] li[data-checked=true]>div{color:var(--ink3);text-decoration:line-through}
.akeditor blockquote{border-left:3px solid var(--accent);margin:8px 0;padding:4px 12px;color:var(--ink2);background:var(--bg);border-radius:0 8px 8px 0}
.akeditor hr{border:0;border-top:1px solid var(--line2);margin:14px 0}
.akeditor a{color:var(--color-link)} .akeditor mark{border-radius:3px;padding:0 2px}
.akeditor img{max-width:100%;height:auto;border-radius:8px;display:block;margin:8px 0} .akeditor img.ProseMirror-selectednode{outline:3px solid var(--accent)}
.akeditor table{border-collapse:collapse;width:100%;min-width:0;margin:10px 0;table-layout:fixed} .akeditor td,.akeditor th{border:1px solid var(--line2);padding:6px 8px;vertical-align:top;white-space:normal;position:relative;min-width:60px;text-align:left!important}
.akeditor th{background:#f4f1ec;font-weight:700;color:#7a3b2e;width:160px} .akeditor .selectedCell::after{content:"";position:absolute;inset:0;background:var(--accent-soft);opacity:.5;pointer-events:none}
.akeditor .akyorumisaret{background:#FFF59D;border-bottom:2px solid #F0C419;cursor:pointer}
.akeditor pre{background:var(--bg);border-radius:8px;padding:10px 12px;font-family:var(--f-mono);font-size:12.5px;overflow:auto}
.akeditor code{font-family:var(--f-mono);font-size:.92em;background:var(--bg);padding:1px 4px;border-radius:4px}
.aksurumon{padding:8px 14px;min-height:200px}
#akis .akpanel{padding:0;position:sticky;top:12px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}
#akis .akpanel[hidden]{display:none}
.akpbas{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)} .akpbas .btn{height:28px;padding:0 8px}
.akpgov{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 12px;overscroll-behavior:contain}
.akpbolum{font:700 10.5px var(--f-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin:8px 0 6px}
.aksurum{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px 6px;border-radius:8px;cursor:pointer;text-align:left}
.aksurum:hover{background:var(--bg)} .aksurumic{display:flex;flex-direction:column;min-width:0;line-height:1.25} .aksurumic b{font-size:13px;font-weight:600} .aksurumic i{font-style:normal;font-size:11.5px;color:var(--ink3)}
.akroz{display:inline-block;padding:2px 8px;border-radius:99px;font:600 11px var(--f-ui);border:1px solid var(--line);color:var(--ink2);background:var(--bg);white-space:nowrap}
.akroz.info{background:var(--st-info-bg);border-color:var(--st-info-line);color:var(--st-info)} .akroz.warn{background:var(--st-warn-bg);border-color:var(--st-warn-line);color:var(--st-warn)} .akroz.no{background:var(--st-no-bg);border-color:var(--st-no-line);color:var(--st-no)}
.aksablonlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.aksablon{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);min-height:70px}
.aksablon:hover{border-color:var(--accent);background:var(--accent-soft)} .aksablon b{font-size:14px} .aksablon span{font-size:11.5px;color:var(--ink3)} .aksablon.bos{border-style:dashed}
#mobilSheet .aksablonlar{grid-template-columns:1fr;margin-bottom:8px}
.akpaylasyeni{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px} .akpaylasyeni select,.akpaylasyeni input{height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--card);color:var(--ink);font:500 12.5px var(--f-ui);flex:1 1 120px;min-width:0} .akpaylasyeni .btn{height:34px}
.akpay{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px} .akpay.olu{opacity:.6}
.akpaylink{display:flex;gap:6px;align-items:center} .akpaylink input{flex:1;min-width:0;font:12px var(--f-mono);height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.akpaymeta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px} .akpaymeta select{height:28px;border:1px solid var(--line);border-radius:6px;font:500 12px var(--f-ui);background:var(--card);color:var(--ink)} .akpaymeta .btn{height:28px;padding:0 8px;font-size:12px;margin-left:auto}
.akerisim{display:flex;flex-direction:column;gap:6px;margin-top:6px} .akerisimsat{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px} .akerisimsat>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500} .akerisimsat select{height:28px;border:1px solid var(--line);border-radius:6px;font:500 12px var(--f-ui);background:var(--card);color:var(--ink)}
.aksecili{font-size:12px;color:var(--ink3);border-left:2px solid #F0C419;padding-left:8px;margin:4px 0;cursor:pointer;overflow-wrap:anywhere} .ftm1.akcoz{opacity:.6}
/* halka açık sayfa */
#akisSayfa{background:var(--bg,#F5F4F2);min-height:100dvh;padding:18px 12px 60px;font-family:var(--f-ui);color:var(--ink)}
#akisSayfa .akpkabuk{max-width:960px;margin:0 auto} .akpust0{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink3);margin-bottom:12px;padding:0 4px}
.akpkart{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.akpust{display:flex;flex-direction:column;gap:4px;padding:16px 22px 8px} .akpbaslik{font:600 20px/1.2 var(--f-display);border:1px solid transparent;background:transparent;padding:4px 6px;border-radius:8px;color:var(--ink);width:100%} .akpbaslik:not([readonly]):focus{border-color:var(--accent);outline:0}
.akpmeta{font-size:12px;color:var(--ink3);display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 6px}
#akisSayfa .akmini{height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:11px!important;flex:0 0 auto!important;width:auto!important}
#akisSayfa .akeditor{padding:14px 22px 30px;min-height:300px} #akisSayfa .akarac{border-radius:0}
.akpalt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 22px;border-top:1px solid var(--line)}
.akpyorum{padding:14px 22px 18px;border-top:1px solid var(--line);background:var(--bg)}
@media(max-width:768px){
  #akis .akeditorkap.panelli{grid-template-columns:1fr} #akis .akpanel{position:fixed;inset:auto 0 0 0;max-height:70dvh;z-index:150;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.2)}
  #akis .akeditorust{flex-direction:column;align-items:stretch} #akis .akeditordug{flex-wrap:nowrap} #akis .akeditordug .btn{height:40px;flex:1 1 auto}
  #akis .akeditordug [data-akpanel="yorum"],#akis .akeditordug [data-akpanel="surum"],#akis #akPdfBtn,#akis #akDocxBtn{display:none}
  #akis .akeditordug .akmobilsadece{display:inline-flex}
  #akis .akbaslik{font-size:17px} #akis .akbag{max-width:100%}
  .akarac{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding:6px 8px;scrollbar-width:none} .akarac::-webkit-scrollbar{display:none} .akarac button{height:40px;min-width:40px;font-size:13px;flex:0 0 auto}
  .akeditor{padding:14px 14px 40px;font-size:16px}
  html.klavye .akarac{position:fixed;left:0;right:0;top:calc(var(--vvh,100dvh) - 46px);z-index:160;border-top:1px solid var(--line);border-bottom:0;border-radius:0;box-shadow:0 -6px 20px rgba(0,0,0,.12)}
  html.klavye #akisSayfa .akarac{top:calc(var(--vvh,100dvh) - 46px)}
  #akListeUst input#akAra{width:100%}
  .akpkart .akpust{padding:12px 14px 6px} #akisSayfa .akeditor{padding:12px 14px 30px} .akpalt,.akpyorum{padding-left:14px;padding-right:14px}
}
/* ═══ YORUM BİLEŞENİ — CommentComposer (63_yorum.js, 19 Eyl 2026): tüm konuşma alanları tek düzen ═══ */
.ycz .ycrow{display:flex;align-items:flex-end;gap:8px}
/* ═══ Zengin yorum editörü — ORTAK (22 Eyl 2026, 63_yorum YORUM.zenginKur; AP apzarac/apzengin kalıbı) ═══ */
.yzkap{flex:1 1 auto;min-width:0;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding:6px 8px 4px}
.yzkap:focus-within{border-color:var(--accent)}
.yzarac{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:0 0 5px;border-bottom:1px solid var(--line);margin-bottom:4px}
.yzarac button{border:1px solid transparent;background:transparent;border-radius:6px;min-width:24px;height:24px;padding:0 6px;font:600 12px var(--f-ui);color:var(--ink2);cursor:pointer;line-height:1}
.yzarac button:hover{background:var(--bg);color:var(--ink);border-color:var(--line2)}
.yzarac .yzrenkler{display:inline-flex;gap:3px;align-items:center;margin:0 2px} .yzarac .yzrenkler button[data-yzrenk]:not([data-yzrenk=""]){width:16px;min-width:16px;height:16px;border-radius:99px;padding:0;border:1px solid rgba(0,0,0,.15)}
.yzarac .yzayir{width:1px;height:16px;background:var(--line);margin:0 4px}
.yzed{min-height:44px;max-height:220px;overflow:auto;outline:none;font:400 14px var(--f-ui);color:var(--ink);line-height:1.5;padding:4px 2px;white-space:pre-wrap;word-break:break-word}
.yzed:empty::before{content:attr(data-placeholder);color:var(--ink3);pointer-events:none}
.yzed ul,.gzengin ul{padding-left:20px;margin:4px 0;list-style:disc} .yzed ol,.gzengin ol{padding-left:20px;margin:4px 0;list-style:decimal}
.yzed a,.gzengin a{color:var(--color-link,var(--accent));text-decoration:underline}
.gm.gzengin{white-space:normal}
.yzbahs{position:fixed}
/* K-17 (24 Eyl 2026): yanıt kutusunda dosya — 📎 düğmesi solda, bekleyen çipler düğme satırının üstünde */
.ltyanitkutu .yekbtn,.gyanitkutu .yekbtn{height:28px;padding:0 10px;font-size:12px;min-height:0;margin-right:auto;display:inline-flex;align-items:center;gap:4px}
.gyanitkutu .yekbtn{margin-right:0;order:5}
.yekbekle{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;flex:1 1 100%} .yekbekle[hidden]{display:none}
.yekbekle span{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:99px;padding:2px 8px;background:var(--card);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yekbekle small{color:var(--ink3)} .yekbekle button{border:0;background:none;cursor:pointer;color:var(--ink3);font-size:11px;padding:0 0 0 2px}
/* K-42 ORTAK EMOJİ SEÇİCİ (63 emojiSecAc) — AP · zengin editör · Duyuru formu aynı pencere */
#emojiPop{position:fixed;z-index:450;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(20,22,28,.16);padding:8px;width:min(296px,calc(100vw - 16px));max-height:min(320px,60vh);overflow:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
#emojiPop[hidden]{display:none} #emojiPop button{border:0;background:none;font-size:20px;height:32px;border-radius:8px;cursor:pointer;padding:0} #emojiPop button:hover{background:var(--bg)}
@media (max-width:768px),(hover:none){ #emojiPop button{height:44px} }
.hbyyaz .yzkap{margin-bottom:6px}
@media(max-width:768px){ .yzarac{gap:1px} .yzarac button{min-width:28px;height:28px} .yzed{font-size:16px} .ycz .ycrow .yzkap{padding:5px 8px 3px} }
/* ═══ Yorum düzenleme + geçmiş (22 Eyl 2026, migration 232 — 63_yorum YORUM.duzBtn/rozet) ═══ */
.gk .ydz{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:6px;margin-left:auto;line-height:1}
.gk .ydz ~ .sil{margin-left:2px}
.gk .ydz:hover{color:var(--accent);background:var(--bg)}
#apKart .gk .ydz{margin-left:0;opacity:.55} #apKart .gunc:hover .gk .ydz{opacity:1}
.gk .ydzroz{font-style:normal;font-size:10.5px;color:var(--ink3);border:1px dashed var(--line2);border-radius:99px;padding:0 6px;margin-left:4px;cursor:pointer;white-space:nowrap}
.gk .ydzroz:hover{color:var(--ink);border-color:var(--ink3)}
.ydzkutu{margin:6px 0 4px}
.ydzkutu .ycin{width:100%;box-sizing:border-box;border:1px solid var(--accent);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;line-height:1.4;color:var(--ink);background:var(--card);resize:none;outline:0;min-height:38px}
.ydzkutu .yzkap{border-color:var(--accent)} .ydzkutu .yzkap .ycin{border:0;min-height:38px;padding:4px 2px}
.ydzkutu .ydzalt{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}
.ydzkutu .ydzalt .btn{min-height:30px;padding:4px 12px;font-size:12.5px}
.ydzkutu .ydznot{font-size:11px;color:var(--ink3);margin-left:auto}
#ttPop.ydzpop{width:400px}
#ttPop .ydzsur{padding:8px;border-radius:8px;border:1px solid var(--line)} #ttPop .ydzsur.simdi{background:var(--accent-soft);border-color:transparent}
#ttPop .ydzsb{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink3);margin-bottom:4px} #ttPop .ydzsb b{color:var(--ink)}
#ttPop .ydzsm{font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:160px;overflow:auto}
@media(max-width:768px){ .ydzkutu .ydznot{display:none} .gk .ydz.ycgizli{display:none} }
.ycz .ycrow textarea{flex:1 1 auto;min-width:0;min-height:40px!important;max-height:none;resize:none!important;line-height:1.45;font-size:14px;overflow-y:hidden;overflow-wrap:anywhere;word-break:break-word}
.ycz .ycrow .ycgonder{flex:0 0 auto;min-width:44px;min-height:40px;height:40px;white-space:nowrap}
.ycz .ftyazalt{margin-top:6px}
.ycz .ftyazalt:empty{display:none}
.ftmesajlar .ftm1 .gm,.ftmesajlar .ftm1 .gm *{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.ftmesajlar .ftm1 .gm a{word-break:break-all}
/* yorum satırı: avatar (32px) solda, ad+tarih ve metin sağda — 63_yorum satirDuzenle .otav'ı .gk'nin dışına alır */
.ftmesajlar .ftm1.ycm,.ltyanitlar .ftm1.ycm{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:start}
.ftm1.ycm > .otav,.ftm1.ycm > .otavk{grid-column:1;grid-row:1 / span 9;width:32px;height:32px;font-size:12px;margin:0}
.ftm1.ycm > .otavk .otav{width:32px;height:32px;margin:0}
.ftm1.ycm > *:not(.otav):not(.otavk){grid-column:2;min-width:0}
.ftm1.ycm .gk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px!important;min-height:18px}
.ftm1.ycm .gk b{font-size:13px;font-weight:600}
.ftm1.ycm .gk span{font-size:11px;color:var(--ink3)}
.ftm1.ycm .ycmenu{margin-left:auto;border:0;background:none;color:var(--ink3);font-size:18px;line-height:1;width:32px;height:32px;border-radius:99px;cursor:pointer;display:none;align-items:center;justify-content:center}
.ycgizli{display:none!important}
@media(max-width:768px){
  .ftm1.ycm .ycmenu{display:inline-flex}
  .ycz .ycrow textarea,.ycz textarea,.ycz [contenteditable=true]{font-size:16px!important;min-height:44px!important}
  .ycz .ycrow .ycgonder{min-width:44px;min-height:44px;height:44px;padding:0 14px}
  /* yazma alanı kaydırılan gövdenin altına yapışık; alt sekme çubuğu + safe-area üstünde */
  .ftcgov > .ftyaz.ycz,#apKart .kgov > .apkonyaz.ycz,.ycgov > .ftyaz.ycz{position:sticky;bottom:0;z-index:3;background:var(--card);margin:8px -22px -22px;padding:8px 22px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .ftcgov:has(> .ftyaz.ycz){padding-bottom:0!important}
  html.klavye #mobilNav,html.klavye .mfbar,html.klavye #lnkMobilBas{display:none!important}
  html.klavye main{padding-bottom:0!important}
  html.klavye .cekpanel:not([hidden]),html.klavye #apKart:not([hidden]),html.klavye .mkart.msheet{height:var(--vvh,100dvh)!important;max-height:var(--vvh,100dvh)!important;bottom:auto!important}
  html.klavye .ftcgov > .ftyaz.ycz,html.klavye #apKart .kgov > .apkonyaz.ycz{padding-bottom:10px}
  html.klavye .ycz .ftyazalt{display:none!important}   /* klavye açıkken ek düğmeleri gizli — yazma alanı klavye üstünde tek satır */
  /* 25 Eyl 2026: yukarıdaki `html.klavye .mfbar` AÇIK filtre sayfasını da gizliyordu → sayfadaki arama kutusuna (otAra/musQ/kisQ/lnkAra/pkAra)
     dokununca klavye açılır, sayfa kaybolur, odak düşer, klavye kapanır (döngü). Açık olan kalır, görünür alana (--vvh) sığar. */
  html.klavye .mfbar.mfacik{display:flex!important;top:0;bottom:auto;max-height:var(--vvh,100dvh);border-radius:0;padding-top:calc(10px + env(safe-area-inset-top))}
  /* alt sayfalar (MOBIL.sheet) ve form pencereleri klavye açıkken görünür alan kadar: alt kenar klavyenin arkasında kalmasın */
  html.klavye .msheet,html.klavye .dryperde:not(#sorPop){bottom:auto;height:var(--vvh,100dvh)}
  html.klavye .mskagit,html.klavye .dryperde:not(#sorPop) .drykart{max-height:var(--vvh,100dvh)}
}

/* ═══ INFLUENCER KİTLE sekmesi (26 Eyl 2026, 80_infkitle) — Apple dili, iv tokenları ═══ */
#infProfilPop{--kit-k:#D6457A;--kit-e:#0071E3;--kit-tr:#1F9D7A;--kit-iz:rgba(0,0,0,.07);--kit-zemin:#F5F5F7}
html[data-tema="koyu"] #infProfilPop{--kit-k:#F07AA6;--kit-e:#5AA9FF;--kit-tr:#4CC9A4;--kit-iz:rgba(255,255,255,.1);--kit-zemin:#1C1A18}
#ivpKitle .kitbas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px}
#ivpKitle .kitseg{display:inline-flex;gap:2px;background:var(--kit-zemin);border-radius:99px;padding:3px}
#ivpKitle .kitseg button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;border-radius:99px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:500;color:var(--iv-gri);cursor:pointer;white-space:nowrap}
#ivpKitle .kitseg button.on{background:#fff;color:var(--iv-ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
html[data-tema="koyu"] #ivpKitle .kitseg button.on{background:#2E2A26}
#ivpKitle .kitseg button.bos:not(.on){opacity:.6}
#ivpKitle .kitseg small{font-size:10px;color:var(--iv-gri2);font-weight:500}
#ivpKitle .kitseg .ivplat,#ivpKitle .kitseg i[class^="p-"],#ivpKitle .kitseg svg{width:16px;height:16px}
#ivpKitle .kitmeta{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--iv-gri2)}
#ivpKitle .kitkaynak{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--kit-zemin);color:var(--iv-gri)}
#ivpKitle .kitmeta .ivb2{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:12px}
#ivpKitle .kitozet{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}
#ivpKitle .kitkart{display:flex;align-items:center;gap:14px;background:var(--kit-zemin);border-radius:14px;padding:14px 16px;min-width:0}
#ivpKitle .kitkart.soluk strong{color:var(--iv-gri2)}
#ivpKitle .kitkyazi{display:flex;flex-direction:column;min-width:0;flex:1}
#ivpKitle .kitkyazi>span{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--iv-gri2)}
#ivpKitle .kitkyazi strong{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--iv-ink);font-variant-numeric:tabular-nums;line-height:1.15;margin-top:3px}
#ivpKitle .kitkyazi small{font-size:11.5px;color:var(--iv-gri2);margin-top:1px}
#ivpKitle .kithalkakap{position:relative;width:72px;height:72px;flex:0 0 auto}
#ivpKitle .kithalkakap b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--iv-ink);font-variant-numeric:tabular-nums}
#ivpKitle .kithalka{width:72px;height:72px;display:block}
#ivpKitle .kithalka circle{fill:none;stroke-width:9}
#ivpKitle .kithalka .iz{stroke:var(--kit-iz)} #ivpKitle .kithalka .dol{stroke:var(--kit-tr);stroke-linecap:round}
#ivpKitle .kitcinsiki{display:flex;gap:18px;margin-top:4px}
#ivpKitle .kitcinsiki div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:6px}
#ivpKitle .kitcinsiki strong{font-size:20px;margin:0}
#ivpKitle .kitcinsiki small{grid-column:2;margin:0}
#ivpKitle .kitcinsiki i{width:8px;height:8px;border-radius:50%;align-self:center}
#ivpKitle i.k{background:var(--kit-k)} #ivpKitle i.e{background:var(--kit-e)}
#ivpKitle .kitcinsbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--kit-iz);margin-top:10px;gap:2px}
#ivpKitle .kitcinsbar i{display:block;height:100%}
#ivpKitle .kitcinsbar i.k{border-radius:99px 0 0 99px} #ivpKitle .kitcinsbar i.e{border-radius:0 99px 99px 0}
#ivpKitle .kityas{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:190px;padding-top:4px}
#ivpKitle .kitsut{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;min-width:0}
#ivpKitle .kitsut b{font-size:11.5px;font-weight:600;color:var(--iv-gri);font-variant-numeric:tabular-nums;white-space:nowrap;min-height:15px}
#ivpKitle .kitsutiz{flex:1;width:100%;max-width:38px;display:flex;align-items:flex-end;background:var(--kit-iz);border-radius:8px;overflow:hidden}
#ivpKitle .kitsutiz i{display:block;width:100%;background:color-mix(in srgb,var(--iv-mavi) 45%,transparent);border-radius:8px 8px 0 0}
#ivpKitle .kitsut.tepe .kitsutiz i{background:var(--iv-mavi)} #ivpKitle .kitsut.tepe b{color:var(--iv-ink);font-weight:700}
#ivpKitle .kitsut span{font-size:11px;color:var(--iv-gri2);font-variant-numeric:tabular-nums;white-space:nowrap}
#ivpKitle .kitkel{display:flex;flex-direction:column;gap:7px}
#ivpKitle .kitkelbas,#ivpKitle .kitkelsat{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:8px}
#ivpKitle .kitkelbas{font-size:11px;font-weight:600;color:var(--iv-gri)}
#ivpKitle .kitkelbas span{display:inline-flex;align-items:center;gap:6px} #ivpKitle .kitkelbas span:first-child{justify-content:flex-end}
#ivpKitle .kitkelbas i{width:8px;height:8px;border-radius:50%}
#ivpKitle .kitkelsat>span{text-align:center;font-size:11px;color:var(--iv-gri2);font-variant-numeric:tabular-nums}
#ivpKitle .kitkelsat .sol,#ivpKitle .kitkelsat .sag{display:flex;align-items:center;gap:6px;height:18px;min-width:0}
#ivpKitle .kitkelsat .sol{justify-content:flex-end}
#ivpKitle .kitkelsat i{display:block;height:14px;border-radius:4px;min-width:0}
#ivpKitle .kitkelsat .sol i{border-radius:4px 2px 2px 4px} #ivpKitle .kitkelsat .sag i{border-radius:2px 4px 4px 2px}
#ivpKitle .kitkelsat em{font-style:normal;font-size:11px;font-weight:600;color:var(--iv-gri);font-variant-numeric:tabular-nums;white-space:nowrap}
#ivpKitle .kitbos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 20px}
#ivpKitle .kitbos b{font-size:14px;color:var(--iv-ink)} #ivpKitle .kitbos span{font-size:12px;color:var(--iv-gri2);max-width:420px;line-height:1.5}
#ivpKitle .kitbos>i,#ivpKitle .kitbos>svg{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800;font-size:12px}
#ivpKitle .kitform h4 small{margin-left:6px}
#ivpKitle .kitformust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
#ivpKitle .kitformust span{display:block;font-size:11px;font-weight:600;color:var(--iv-gri);margin-bottom:5px}
#ivpKitle .kitinp{position:relative;display:block}
#ivpKitle .kitinp input{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:8px 26px 8px 10px;font:inherit;font-size:13.5px;background:#fff;color:var(--iv-ink);font-variant-numeric:tabular-nums}
html[data-tema="koyu"] #ivpKitle .kitinp input{background:#1C1A18;border-color:rgba(255,255,255,.14)}
#ivpKitle .kitinp input:focus{outline:2px solid var(--iv-mavi);outline-offset:-1px;border-color:transparent}
#ivpKitle .kitinp input:disabled{background:var(--kit-zemin);color:var(--iv-gri2)}
#ivpKitle .kitinp i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;color:var(--iv-gri2);pointer-events:none}
#ivpKitle .kitformtab{width:100%;border-collapse:collapse;font-size:12.5px}
#ivpKitle .kitformtab th,#ivpKitle .kitformtab td{border:0;background:none;font-family:inherit}
#ivpKitle .kitformtab th:not(:first-child){text-align:left}
#ivpKitle .kitformtab .kitinp input{text-align:left;padding-top:6px;padding-bottom:6px}
#ivpKitle .kitformtab th{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--iv-gri2);text-align:left;padding:0 6px 6px}
#ivpKitle .kitformtab td{padding:3px 6px;color:var(--iv-ink)} #ivpKitle .kitformtab td:first-child{font-weight:600;width:70px;font-variant-numeric:tabular-nums}
#ivpKitle .kitformtab tfoot td{padding-top:8px;font-weight:700;border-top:1px solid var(--kit-iz);font-variant-numeric:tabular-nums} #ivpKitle .kitformtab tfoot td.asim{color:#D93025}
#ivpKitle .kitnot{font-size:11.5px;color:var(--iv-gri2);line-height:1.55;margin:12px 0 0}
#ivpKitle .kithata{color:#D93025;font-size:12px;min-height:16px;margin-top:8px;font-weight:600}
#ivpKitle .kitformalt{display:flex;gap:8px;align-items:center;margin-top:6px}
#ivpKitle .kitformalt .ivb1,#ivpKitle .kitformalt .ivb2{padding:8px 16px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px}
#ivpKitle .kitformalt .tehlike{color:#D93025}
@media(max-width:768px){#ivpKitle .kitozet{grid-template-columns:1fr} #ivpKitle .kitmeta{margin-left:0;width:100%;justify-content:space-between} #ivpKitle .kitseg{overflow-x:auto;max-width:100%} #ivpKitle .kitformust{grid-template-columns:1fr 1fr 1fr;gap:6px} #ivpKitle .kityas{height:160px;gap:4px}}

/* ═══ AKTİVİTELER (26 Eyl 2026, 81_aktivite) ═══ */
#aktivite .otust2[hidden]{display:none!important}
#aktivite .atvust{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap;align-items:center}
#aktivite .atvayler{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);padding:2px}
#aktivite .atvayler .btn{border:0;background:none;min-width:30px}
#aktivite .atvayad{border:0;background:none;font:700 13px var(--f-ui);color:var(--ink);padding:0 10px;min-width:118px;cursor:pointer;text-transform:capitalize}
.atvmini{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:12px!important}
#aktivite .atvkpiserit{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:14px 0}
#aktivite .atvkpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:14px 16px;border-top:3px solid var(--atvr,var(--accent));min-width:0}
#aktivite .atvkpi span{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
#aktivite .atvkpi b{display:block;font:800 24px var(--f-mono);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktivite .atvkpi small{display:block;font-size:12px;color:var(--ink3);margin:2px 0 8px}
#aktivite .atvbar{position:relative;height:7px;border-radius:99px;background:var(--bg);overflow:visible}
#aktivite .atvbar i{display:block;height:100%;border-radius:99px;background:var(--atvr,var(--accent))}
#aktivite .atvbar u{position:absolute;top:-3px;width:2px;height:13px;background:var(--ink2);border-radius:2px;transform:translateX(-1px);opacity:.55}
.atvd{font-style:normal;font-weight:700}
.atvd.tam,.atvd.onde{color:var(--st-ok)} .atvd.sinir{color:var(--st-warn)} .atvd.geri{color:var(--st-no)} .atvd.bekle{color:var(--ink3)}
#aktivite .atvkartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
#aktivite .atvbos{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,16px);color:var(--ink3);text-align:center}
#aktivite .atvkart{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:16px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:border-color .12s,box-shadow .12s;min-width:0}
#aktivite .atvkart:hover{border-color:var(--line2);box-shadow:var(--shadow,0 6px 20px rgba(0,0,0,.07))}
#aktivite .atvkart.sec{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
#aktivite .atvkart:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#aktivite .atvkust{display:flex;align-items:center;gap:11px;min-width:0}
#aktivite .atvav{width:40px!important;height:40px!important;font-size:15px!important;flex:0 0 auto}
#aktivite .atvkad{flex:1;min-width:0;display:flex;flex-direction:column}
#aktivite .atvkad b{font:800 15px var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktivite .atvkad small{font-size:11.5px;color:var(--ink3);margin-top:2px}
#aktivite .atvhalkakap{position:relative;width:52px;height:52px;flex:0 0 auto}
#aktivite .atvhalkakap b{position:absolute;inset:0;display:grid;place-items:center;font:800 12px var(--f-mono)}
#aktivite .atvhalka{width:52px;height:52px;display:block}
#aktivite .atvhalka circle{fill:none;stroke-width:6}
#aktivite .atvhalka .iz{stroke:var(--bg)} #aktivite .atvhalka .dol{stroke-linecap:round;stroke:var(--ink3)}
#aktivite .atvd-tam .dol,#aktivite .atvd-onde .dol{stroke:var(--st-ok)} #aktivite .atvd-sinir .dol{stroke:var(--st-warn)} #aktivite .atvd-geri .dol{stroke:var(--st-no)}
#aktivite .atvksatirlar{display:flex;flex-direction:column;gap:11px}
#aktivite .atvksb{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;font-size:12.5px}
#aktivite .atvksb span{font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aktivite .atvksb b{font:700 13px var(--f-mono);white-space:nowrap} #aktivite .atvksb small{font-weight:500;color:var(--ink3)}
#aktivite .atvksat .atvbar i.geri{opacity:.75}
#aktivite .atvkyok{font-size:12.5px;color:var(--ink3)}
#aktivite .atvkalt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px}
#aktivite .atvliste-bas{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
#aktivite .atvliste-bas h3{margin:0 8px 0 0;font:800 14px var(--f-display)}
#aktivite .atvliste-bas select{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:500 12.5px var(--f-ui)}
#aktivite .atvliste-bas #atvSay{margin-left:auto;font-size:12px;color:var(--ink3)}
#aktivite #atvTablo tr.atvduz{cursor:pointer} #aktivite #atvTablo tr.atvduz:hover td{background:var(--bg)}
.atvkisi{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.atvtur{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}
.atvtur::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--atvr,var(--accent));flex:0 0 auto}
#aktivite .atvbas{display:block;font-weight:600} #aktivite .atvnot{display:block;color:var(--ink3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}
.atvpkart{width:min(560px,96vw)} .atvhkart{width:min(860px,96vw)} .atvkpikart{width:min(620px,96vw)}
.atvpbas{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px} .atvpbas .ivp-kapat{position:static;flex:0 0 auto}
.atvform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.atvform label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--ink2)} .atvform label.tam{grid-column:1/-1}
.atvform input,.atvform select,.atvform textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--line2);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:500 14px var(--f-ui)}
.atvform select:disabled{opacity:.7}
.atvhata{color:var(--st-no);font-size:12.5px;font-weight:600;min-height:18px;margin:8px 0 2px}
.atvpalt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.atvhtablo th small{display:block;font-size:10px;font-weight:500;color:var(--ink3);text-transform:none;letter-spacing:0}
.atvhtablo td{vertical-align:middle}
.atvhinp{width:110px;padding:7px 9px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:500 13px var(--f-mono);text-align:right}
.atvkaynak{font-style:normal;font-weight:700;color:var(--st-info)}
#aktivite #atvTablo tr.atvot td{background:color-mix(in srgb,var(--st-info) 5%,var(--card))}
.atvkpisat{grid-template-columns:12px 1fr 110px 150px 90px 30px auto!important}
/* Aktiviteler · Rapor (migration 293) */
#aktivite .atvrfiltre{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 0}
#aktivite .atvrfiltre select,#aktivite .atvliste-bas input{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-sm,8px);background:var(--card);color:var(--ink);font:500 12.5px var(--f-ui)}
#aktivite .atvliste-bas input{width:200px;max-width:100%}
#aktivite .atvraralik{margin-left:auto;font-size:12px;color:var(--ink3)}
#aktivite .atvrnot{font-size:11.5px;color:var(--ink3)} #aktivite #atvRMusSay{margin-left:auto;font-size:12px;color:var(--ink3)}
#aktivite .atvkpi .atvrfark{display:inline-block;margin-left:4px}
#aktivite .atvrkap{overflow:auto;max-height:70vh}
#aktivite .atvrtablo th,#aktivite .atvrtablo td{white-space:nowrap}
#aktivite .atvrtablo th:first-child,#aktivite .atvrtablo td:first-child{position:sticky;left:0;z-index:2;background:var(--card);text-align:left;min-width:180px;max-width:260px;overflow:hidden;text-overflow:ellipsis}
#aktivite .atvrtablo thead th{position:sticky;top:0;z-index:3;background:var(--card)} #aktivite .atvrtablo thead th:first-child{z-index:4}
#aktivite .atvrtablo th.atvrd{text-transform:capitalize;min-width:54px;text-align:center}
#aktivite .atvrtablo td.atvrh{text-align:center;font:700 13px var(--f-mono);min-width:54px;background:color-mix(in srgb,var(--accent) calc(var(--o,0) * 32%),var(--card))}
#aktivite .atvrtablo td.atvrh small{display:block;font:500 10.5px var(--f-ui);color:var(--ink3)}
#aktivite .atvrtablo td.atvrh.bos{color:var(--line2);font-weight:400}
#aktivite .atvrtablo td.atvrs{text-align:right;font:700 13px var(--f-mono)} #aktivite .atvrtablo td.atvrs small{font:500 11px var(--f-ui);color:var(--ink3)}
#aktivite .atvrtablo tfoot td{font-weight:700;border-top:2px solid var(--line)}
#aktivite .atvrtablo .atvrpul{display:inline-flex;gap:2px}
.atvkpiliste{display:flex;flex-direction:column;gap:8px}
.atvkpisat{display:grid;grid-template-columns:12px 1fr 120px 100px 30px auto;gap:8px;align-items:center}
.atvkpisat.arsiv{opacity:.55}
.atvkpisat input,.atvkpisat select{padding:7px 9px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:500 13px var(--f-ui);min-width:0}
.atvrenkpul{width:12px;height:12px;border-radius:50%}
.atvyetki{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .atvyetki h3{margin:0 0 4px;font-size:13.5px}
@media(max-width:768px){#aktivite .atvkartlar{grid-template-columns:1fr} #aktivite .atvust{width:100%} #aktivite .atvayler{flex:1;justify-content:space-between}
  .atvform{grid-template-columns:1fr} .atvkpisat{grid-template-columns:12px 1fr 90px;row-gap:6px} .atvkpisat select[data-atvkrenk],.atvkpisat .otik{grid-column:auto}
  #aktivite .atvkpiserit{grid-template-columns:1fr 1fr} #aktivite .atvkpi b{font-size:19px}}
/* ══ İK ŞİRKET ŞEMASI (29 Eyl 2026, 84_orgsema) — v2 tuval: transform ile pan/zoom, CSS ağaç (ul/li + ::before/::after çizgiler) ══ */
.osbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:10px}
.osbar select{max-width:220px} .osbar #osSeviye{max-width:120px}
.osbar #osAra{width:170px;min-width:120px}
.osbar .otik[disabled]{opacity:.35;cursor:default}
.osayrac{width:1px;height:22px;background:var(--line);margin:0 2px}
.osrozet{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;text-align:center;margin-left:3px}
.osalan{display:flex;padding:0;overflow:hidden;position:relative;height:calc(100vh - 250px);min-height:460px}
body.ostam #osAlan{position:fixed;inset:0;z-index:55;height:auto;border-radius:0;margin:0}
.ossahne{position:relative;flex:1 1 auto;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;
  background-color:var(--bg);background-image:radial-gradient(circle,var(--line2) 1px,transparent 1.2px);background-size:22px 22px}
.ossahne.ospanning{cursor:grabbing}
.ossahne.osdrop-kok{box-shadow:inset 0 0 0 3px var(--accent)}
.osbos{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;text-align:center;margin:auto}
.ossahne>.osbos{position:absolute;inset:0;justify-content:center}
.osbos span{color:var(--ink2);font-size:13px;max-width:460px}
.osagac{position:absolute;left:0;top:0;transform-origin:0 0;padding:20px 24px 40px;width:max-content;will-change:transform}
.osagac.osanim{transition:transform .3s ease}
.osagac ul{display:flex;justify-content:center;margin:0;padding:24px 0 0;list-style:none;position:relative}
.osagac li{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 8px 0;list-style:none}
.osagac li::before,.osagac li::after{content:"";position:absolute;top:0;right:50%;width:50%;height:24px;border-top:2px solid var(--line2)}
.osagac li::after{right:auto;left:50%;border-left:2px solid var(--line2)}
.osagac li:only-child::before,.osagac li:only-child::after{display:none}
.osagac li:only-child{padding-top:0}
.osagac li:first-child::before,.osagac li:last-child::after{border:0 none}
.osagac li:last-child::before{border-right:2px solid var(--line2);border-radius:0 10px 0 0}
.osagac li:first-child::after{border-radius:10px 0 0 0}
.osagac ul ul::before{content:"";position:absolute;top:0;left:50%;height:24px;border-left:2px solid var(--line2)}
.osagac ul.oskok{padding-top:0;gap:36px}
.osagac ul.oskok>li{padding-top:0} .osagac ul.oskok>li::before,.osagac ul.oskok>li::after{display:none}
/* kompakt: yaprak ekip alt alta — çizgi kartların arkasından geçer */
.osagac ul.osdikey{flex-direction:column;align-items:center;gap:12px}
.osagac ul.osdikey::before{height:calc(100% - 30px)!important;z-index:0}
.osagac ul.osdikey>li{padding:0} .osagac ul.osdikey>li::before,.osagac ul.osdikey>li::after{display:none}
.osdug{position:relative;z-index:1;width:184px;box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--or);border-radius:12px;padding:14px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;cursor:pointer;transition:box-shadow .15s,border-color .15s,opacity .15s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.osduz .osdug{cursor:grab}
.osdug:hover{box-shadow:0 6px 18px rgba(0,0,0,.10)}
.osdug b{font-size:13px;line-height:1.25;color:var(--ink)}
.osdug .osunvan{font-size:12px;color:var(--ink2);line-height:1.3}
.osdug small{font-size:11px;color:var(--ink3)}
.osav{width:54px;height:54px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;margin-bottom:5px;flex:none;pointer-events:none;box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--or)}
.osdug.oskutu{background:color-mix(in srgb,var(--or) 12%,var(--card));border-color:color-mix(in srgb,var(--or) 35%,var(--line))}
.osdug.oskutu .osav{width:34px;height:34px;box-shadow:none}
.osdug.ospasif{opacity:.6} .osayrildi{font-style:normal;font-size:10.5px;color:var(--st-no);background:var(--st-no-bg);border-radius:6px;padding:1px 6px}
.osdug.osbul{outline:3px solid var(--accent);outline-offset:2px}
.osdug.ossoluk{opacity:.35}
.osdug.osparla{animation:osParla 1.2s ease}
@keyframes osParla{0%,100%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 35%,transparent)}}
.osdug.osdrop-cocuk{outline:2px dashed var(--accent);outline-offset:4px;background:var(--accent-soft)}
.osdug.osdrop-once{box-shadow:-6px 0 0 -1px var(--accent)} .osdug.osdrop-sonra{box-shadow:6px 0 0 -1px var(--accent)}
.osdug.osdrop-cocuk::after{content:"Altına bağla";position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font:600 11px var(--f-ui);padding:2px 8px;border-radius:8px;white-space:nowrap}
.osdug.osdrop-once::after,.osdug.osdrop-sonra::after{content:"Yanına";position:absolute;top:50%;transform:translateY(-50%);background:var(--accent);color:#fff;font:600 11px var(--f-ui);padding:2px 8px;border-radius:8px;white-space:nowrap}
.osdug.osdrop-once::after{right:calc(100% + 10px)} .osdug.osdrop-sonra::after{left:calc(100% + 10px)}
.osdug.ossurukle{opacity:.3}
.oshayalet{position:fixed!important;left:0;top:0;z-index:300;pointer-events:none;opacity:.92;box-shadow:0 14px 34px rgba(0,0,0,.25)!important;cursor:grabbing;background:var(--card)}
body.osdragging,body.osdragging *{cursor:grabbing!important}
.osdugis{position:absolute;top:4px;right:4px;display:none;gap:2px;background:var(--card);border-radius:8px}
.osdug:hover .osdugis{display:flex}
body.osdragging .osdugis{display:none!important}
.oskapa{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);z-index:2;border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:10px;font:600 10.5px var(--f-ui);padding:1px 8px;cursor:pointer;white-space:nowrap}
.oskapa:hover{border-color:var(--accent);color:var(--accent)}
/* yüzen denetimler */
.osyuzen{position:absolute;left:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 4px 14px rgba(0,0,0,.08);cursor:default}
.osyuzen button{border:0;background:none;color:var(--ink);font:600 13px var(--f-ui);padding:5px 8px;border-radius:7px;cursor:pointer;min-width:28px}
.osyuzen button:hover{background:var(--bg)}
.osyuzen input[type=range]{width:96px;accent-color:var(--accent)}
.osyuzen span{font-size:11.5px;color:var(--ink3);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.osharita{position:absolute;right:12px;bottom:12px;z-index:3;width:190px;height:120px;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.osharitaic{position:absolute;inset:6px}
.osharitaic i{position:absolute;border-radius:2px;opacity:.8}
.osharitagoz{position:absolute;margin:6px;border:2px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none}
.osipucu{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;z-index:2;font-size:11px;color:var(--ink3);background:color-mix(in srgb,var(--card) 85%,transparent);padding:3px 10px;border-radius:8px;pointer-events:none;white-space:nowrap;max-width:calc(100% - 520px);overflow:hidden;text-overflow:ellipsis}
.osyol{position:absolute;left:12px;top:12px;z-index:3;display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px 8px;box-shadow:0 4px 14px rgba(0,0,0,.08);cursor:default;max-width:calc(100% - 24px)}
.osyol button{border:0;background:none;color:var(--color-link);font:500 12.5px var(--f-ui);cursor:pointer;padding:3px 4px;display:inline-flex;align-items:center;gap:4px}
.osyol button:last-child{color:var(--ink);font-weight:700;cursor:default}
.osyol span{color:var(--ink3)}
/* yan panel: şemada olmayanlar */
.ospanel{order:2;flex:0 0 250px;border-left:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;min-height:0}
.ospanel[hidden]{display:none}
.ospanelbas{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}
.ospanelbas b{font-size:13px} .ospanelbas i{font-style:normal;font-size:11px;color:var(--ink3);flex:1}
.ospanel input{margin:0 10px 8px;width:auto}
.ospanelliste{flex:1;overflow:auto;padding:0 6px 6px;touch-action:pan-y}
.ospkisi{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;cursor:grab;user-select:none;-webkit-user-select:none;border:1px solid transparent}
.ospkisi[hidden]{display:none}
.ospkisi .pkav{width:32px;height:32px;min-width:32px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:#fff;background-size:cover;background-position:center}
.ospkisi:hover{background:var(--bg);border-color:var(--line)}
.ospkisi div{display:flex;flex-direction:column;min-width:0} .ospkisi b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ospkisi span{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ospkisi.oshayalet{width:230px!important;border-color:var(--accent)}
.ospanelalt{padding:8px 10px;border-top:1px solid var(--line);font-size:11.5px}
/* bağlam menüsü */
.osmenu{position:fixed;z-index:210;min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.osmenu[hidden]{display:none}
.osmenubas{font:700 12px var(--f-ui);color:var(--ink3);padding:6px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.osmenu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;color:var(--ink);font:500 13px var(--f-ui);padding:7px 10px;border-radius:8px;cursor:pointer;text-align:left}
.osmenu button:hover{background:var(--bg)}
.osmenu button.ostehlike{color:var(--st-no)}
.osmenu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.osmenu button small{margin-left:auto;padding-left:12px;font-size:11px;color:var(--ink3);font-weight:400}
.osdug.osacik{border-style:dashed;border-width:1.5px;border-top:4px solid var(--or);background:color-mix(in srgb,var(--or) 6%,var(--card))}
.osacikrozet{font-style:normal;font-size:10.5px;font-weight:600;color:var(--or);border:1px dashed var(--or);border-radius:6px;padding:1px 6px;margin-top:2px}
.oskidem{font-size:10.5px;color:var(--ink3);background:var(--bg);border-radius:6px;padding:1px 6px;margin-top:2px}
.osist{width:min(420px,calc(100vw - 32px));padding:6px 8px 10px}
.osistbas{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px} .osistbas b{font-size:14px}
.osistgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.osistk{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.osistk b{font-size:20px;line-height:1.1;color:var(--ink)} .osistk span{font-size:12px;color:var(--ink2);font-weight:600} .osistk i{font-style:normal;font-size:10.5px;color:var(--ink3);margin-top:2px}
.osistbol{font:700 12px var(--f-ui);color:var(--ink2);margin:8px 0 6px}
.osistcubuk{display:grid;grid-template-columns:140px 1fr 28px;gap:8px;align-items:center;margin:4px 0;font-size:12px}
.osistcubuk span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)} .osistcubuk div{height:8px;background:var(--bg);border-radius:4px;overflow:hidden} .osistcubuk i{display:block;height:100%;border-radius:4px} .osistcubuk b{text-align:right}
@media(max-width:768px){.osistgrid{grid-template-columns:repeat(2,1fr)}}
.osrenkler{display:flex;gap:6px;flex-wrap:wrap}
.osrenk{width:26px;height:26px;border-radius:50%;border:2px solid var(--line2);cursor:pointer;background:var(--card);color:var(--ink3);font:700 11px var(--f-ui);padding:0}
.osrenk.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--card) inset}
@media(hover:none){.osdugis{display:flex} .osdug{padding-top:30px}}
@media(max-width:1100px){.osipucu{display:none}}
@media(max-width:768px){.osbar{gap:6px} .osbar select{max-width:100%;flex:1 1 100%} .osbar #osAra{flex:1 1 100%;width:auto} #osYazdir,.osayrac{display:none}
  .osalan{height:72vh;min-height:380px} .osharita{display:none} .osdug{width:156px}
  .ospanel{position:absolute;right:0;top:0;bottom:0;z-index:4;width:78%;max-width:280px;box-shadow:-8px 0 24px rgba(0,0,0,.15)}
  .osyuzen input[type=range]{display:none}}
@media print{.osdugis,.oskapa{display:none!important}}
/* ═══ KAMPANYA TASLAK — MOBİL (30 Eyl 2026, kullanıcı: "mobil uyumlu hale getir") ═══
   Editör başlığı: ‹ + ad tek satır · paylaşım özeti + Paylaş + ⋯ (bağlantı/kopya/Excel/onay/bütçe/arşiv/sil alt sayfada, 39 ktMobilMenu).
   Araç çubuğu tek satır yatay kaydırma · sabit Influencer sütunu 150px (sıra no ve satır ✕ gizli; çıkarma seçim çubuğundan) ·
   seçim bilgisi alt navın üstünde yüzen çubuk · hücre girdileri 16px (iOS yakınlaştırma yok). */
#ktDahaBtn{display:none}
@media(max-width:768px){
  #kampanyataslak #ktUst > div:last-child{flex-wrap:wrap}
  #kampanyataslak #ktUst .aramakutu{width:100%!important;flex:1 1 100%}
  #kampanyataslak #ktAra{width:100%!important;height:44px}
  #kampanyataslak .ktkartlar{grid-template-columns:1fr;gap:10px}
  #kampanyataslak #ktEditorUst{gap:8px;padding:10px 12px}
  #kampanyataslak #ktEditorUst > div:first-child > div:first-child{gap:6px!important}
  #kampanyataslak #ktGeriBtn{font-size:0;width:44px;min-width:44px;height:44px;padding:0;justify-content:center;flex:0 0 auto}
  #kampanyataslak #ktGeriBtn::before{content:"‹";font-size:24px;line-height:1}
  #kampanyataslak .brbaslik{min-width:0;flex:1 1 auto;width:auto;font-size:17px;padding:6px 8px}
  #kampanyataslak #ktEditorMeta{font-size:12px;line-height:1.35;margin-top:2px}
  #kampanyataslak #ktEditorUst > div:last-child{flex-wrap:nowrap;align-items:center;gap:8px}
  #kampanyataslak #ktEditorUst > div:last-child > .btn{flex:0 0 auto}
  #kampanyataslak #ktLinkBtn,#kampanyataslak #ktKopyaBtn,#kampanyataslak #ktArsivleBtn,#kampanyataslak #ktSilBtn{display:none!important}
  #kampanyataslak #ktDahaBtn{display:inline-flex;width:44px;min-width:44px;padding:0;justify-content:center;align-items:center}
  #kampanyataslak #ktPaylasOzet{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px}
  #kampanyataslak #ktPaylasOzet > span:last-child{overflow:hidden;text-overflow:ellipsis}
  #kampanyataslak .ktarac:not([hidden]){flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -12px 10px;padding:2px 12px}
  #kampanyataslak .ktarac::-webkit-scrollbar{display:none}
  #kampanyataslak .ktarac > .btn{flex:0 0 auto;white-space:nowrap;min-height:44px}
  #kampanyataslak #ktExcelBtn,#kampanyataslak #ktAnketBtn,#kampanyataslak #ktButceBtn,#kampanyataslak .ktnot{display:none!important}
  #kampanyataslak .ktsecbilgi:not([hidden]){position:fixed;left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:115;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:10px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line2);box-shadow:0 10px 30px rgba(20,22,28,.22);font-size:13px}
  #kampanyataslak .ktsecacik{display:none}
  #kampanyataslak .ktseclink{font-size:13.5px;min-height:36px}
  #kampanyataslak .kttablokap{border-radius:10px}
  #kampanyataslak .kttablo th.ktinf,#kampanyataslak .kttablo td.ktinf{width:150px!important;min-width:150px!important;max-width:150px!important;padding-left:8px;padding-right:6px}
  #kampanyataslak .kttablo td.ktinf .ktinfic{gap:6px}
  #kampanyataslak .kttablo .ktsira,#kampanyataslak .kttablo .ktsatsil{display:none}
  #kampanyataslak .kttablo .ktav{width:24px;height:24px}
  #kampanyataslak .kttablo .ktinfad .ktprofil{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
  #kampanyataslak .ktsatsec{width:20px;height:20px}
  #kampanyataslak .kttablo th .kttut{display:none}
  #kampanyataslak .kttablo th .ktthf{opacity:.6}
  #kampanyataslak .kttablo th,#kampanyataslak .kttablo td{min-width:112px}
  #kampanyataslak .kttablo td.ktser input:not([type=checkbox]),#kampanyataslak .kttablo td.ktser textarea{font-size:16px;min-width:100px}
  #kampanyataslak .kttablo tfoot td.ktinf{white-space:normal!important;line-height:1.2}
  #ktGorunumPop,#ktAtaPop{left:8px!important;right:8px!important;width:auto!important;max-height:70dvh}
}

/* 30 Eyl 2026: İK içine gömülü Puantaj / Teklif Formu — sayfa başlığı İK'nın sekme şeridinde; bölüm kendi araç düğmelerini tutar */
#ikalan > section.pkgomulu{margin-top:12px}
#ikalan > section.pkgomulu > .otust2 h2{display:none}

/* ═══ GİFTİNG FORMU — form ayarları (30 Eyl 2026, migration 326) ═══ */
#gfSayfa input[type=date],#gfSayfa input[type=url]{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line2);border-radius:var(--r-sm,8px);font:500 15px var(--f-ui);background:var(--card);color:var(--ink)}
#gfSayfa .ogkart[hidden]{display:none!important}
.gfayarkart{width:min(760px,100%)}
.gfayarnot{margin:0 0 12px;font-size:12.5px;color:var(--ink3);line-height:1.5}
.gfayarh{margin:14px 0 8px;font-size:13px;font-weight:700}
.gfayarh small{font-weight:500;color:var(--ink3);margin-left:6px}
.gfsabitler{border:1px solid var(--line);border-radius:var(--r-sm,8px);overflow:hidden}
.gfsabit{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1.2fr) 150px;gap:10px;align-items:center;padding:7px 10px;font-size:12.5px;border-top:1px solid var(--line)}
.gfsabit:first-child{border-top:0}
.gfno{width:22px;height:22px;border-radius:50%;background:var(--bg);color:var(--ink3);display:inline-grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}
.gftur{color:var(--ink3)}
.gfzor{font-size:11px;color:var(--ink3);text-align:right}
.gfzor.z{color:var(--accent);font-weight:600}
.gfsoru{border:1px solid var(--line);border-radius:var(--r-sm,8px);padding:10px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px;background:var(--card)}
.gfsoru.pasif{opacity:.6}
.gfsoru-ust{display:flex;gap:8px;align-items:center}
.gfsoru-ust input{flex:1 1 auto;min-width:0}
.gfsoru-ust select{flex:0 0 150px}
.gfsoru input,.gfsoru select,.gfsoru textarea{box-sizing:border-box}
.gfsoru textarea{width:100%;resize:vertical}
.gfsira{display:inline-flex;gap:2px;flex:0 0 auto}
.gfsoru-alt{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12.5px}
.gfsoru-alt label{display:inline-flex;gap:6px;align-items:center;margin:0}
.gfcevap{margin-left:auto;font-size:11.5px;color:var(--ink3)}
.gfbos{padding:14px;border:1px dashed var(--line2);border-radius:var(--r-sm,8px);color:var(--ink3);font-size:12.5px;margin-bottom:8px;text-align:center}
#gfSoruEkle[hidden],#gfAyarKaydet[hidden]{display:none!important}
#gfSayfa .ogiki.gfilce{margin:14px 0 16px}
.gfsoru > .gfetiket{font-size:11.5px;font-weight:600;color:var(--ink3);margin:0 0 -4px}
/* mobil detay sayfası (kart dokununca) */
.gfdetay{display:flex;flex-direction:column;margin:0 0 10px;max-height:44vh;overflow:auto}
.gfdetay > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:9px 2px;border-top:1px solid var(--line);font-size:14px;line-height:1.4}
.gfdetay > div:first-child{border-top:0}
.gfdetay span{color:var(--ink3);font-size:12.5px}
.gfdetay b{font-weight:500;overflow-wrap:anywhere}
@media(max-width:768px){
  .gfsoru-ust{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px}
  .gfsoru-ust input{grid-column:2 / 4}
  .gfsoru-ust select{grid-column:1 / 3;flex:none;width:100%}
  .gfsoru-ust .gfsira{grid-column:3}
  .gfsabit{grid-template-columns:26px minmax(0,1fr) auto;row-gap:2px}
  .gfsabit .gftur{grid-column:2;grid-row:2}
  .gfsabit .gfzor{grid-column:3;grid-row:1}
}

/* ═══ GİFTİNG PROJELERİ (1 Eki 2026, migration 327) ═══ */
.gfprojebar{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}
.gfpcip{flex:0 0 auto;border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:99px;padding:6px 12px;font:600 12.5px var(--f-ui);cursor:pointer;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.gfpcip small{font-weight:600;color:var(--ink3);font-size:11px}
.gfpcip:hover{border-color:var(--ink3)}
.gfpcip.on{background:var(--ink);border-color:var(--ink);color:var(--card)}
.gfpcip.on small{color:inherit;opacity:.75}
.gfpcip.kapali:not(.on){opacity:.6;text-decoration:line-through;text-decoration-color:var(--ink3)}
.gfpcip.yeni{border-style:dashed;color:var(--accent);background:transparent}
.gfpbilgi{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md,12px);padding:10px 12px;margin-bottom:10px}
.gfpbilgi[hidden]{display:none!important}
.gfpb-ad{display:flex;flex-direction:column;min-width:0;flex:0 1 auto}
.gfpb-ad b{font-size:14px}
.gfpb-ad span{font-size:12px;color:var(--ink3)}
.gfpb-durum{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}
.gfpb-durum.acik{background:var(--st-ok-bg);color:var(--st-ok)}
.gfpb-durum.kapali{background:var(--st-no-bg);color:var(--st-no)}
.gfpb-link{flex:1 1 220px;min-width:0;font-size:12.5px;color:var(--color-link);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm,8px);padding:7px 10px}
.gfpb-dug{display:flex;gap:6px;flex-wrap:wrap}
.gfpform{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:6px}
.gfpform label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);margin:0}   /* ortak .drykart form etiketiyle aynı */
.gfpform label small,.gfpform .gfpdurum,.gfpform .gfplink,.gfpform label > small{font-weight:500;text-transform:none;letter-spacing:0}
.gfpform label small{color:var(--ink3);font-size:11px}
.gfpform .gfp2{grid-column:1 / -1}
.gfpform input,.gfpform textarea{box-sizing:border-box;width:100%}
.gfpdurum{display:flex;gap:8px;align-items:center;min-height:34px;font-weight:500;color:var(--ink)}
.gfplink{display:flex;align-items:center;border:1px solid var(--line2);border-radius:var(--r-sm,8px);overflow:hidden;background:var(--bg)}
.gfplink > span{padding:0 4px 0 10px;font-weight:500;color:var(--ink3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.gfplink input{border:0!important;border-radius:0!important;flex:1 1 auto;min-width:0;background:var(--card)}
.gfpsil{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;color:var(--ink3);margin:4px 0 2px}
.gfmnot{font-size:12px;color:var(--ink3)}
.gfmlink{color:var(--color-link);word-break:break-all}
@media(max-width:768px){
  #gifting.msmobil > .gfprojebar,#gifting.msmobil > .gfpbilgi{display:none!important}
  .gfpform{grid-template-columns:1fr}
  .gfplink > span{max-width:45%}
}
#gfSayfa .ogtesekkur.kapali .ok{background:var(--bg);color:var(--ink3)}
/* 328 zorunluluk kutusu (sabit sorular) · 329 arşiv */
.gfsabit label.gfzor{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;font-weight:600;color:var(--ink3);margin:0;cursor:pointer;text-transform:none;letter-spacing:0}
.gfsabit label.gfzor.z{color:var(--accent)}
.gfsabit label.gfzor small{font-weight:500;color:var(--ink3);font-size:10.5px}
.gfsabit{grid-template-columns:26px minmax(0,1fr) minmax(0,1.2fr) 210px}
.gfpb-durum.arsiv{background:var(--bg);color:var(--ink3);border:1px solid var(--line)}
.gfpcip.arsiv{margin-left:auto;background:transparent}
.gfpcip.geri{background:transparent}
.gfparsivbas{font:700 11px var(--f-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);padding:0 4px}
.gfparsivbos{font-size:12px;color:var(--ink3)}
@media(max-width:768px){ .gfsabit{grid-template-columns:26px minmax(0,1fr) auto} }

/* ══ GENEL RAPOR (1 Eki 2026, 88_genelrapor) — Monday grup başlığı + sütun fonksiyonları + grafik ızgarası ══ */
#genelrapor #grTabloKap[hidden],#genelrapor #grGrafikKap[hidden],#genelrapor #grRaporKap[hidden],#genelrapor [data-grgor][hidden]{display:none!important}
#grTablo td.grsag .grsayi,#grTablo td.grsag .grfn{font-variant-numeric:tabular-nums}
#grTablo .grhesap{color:var(--ink2)} #grTablo .grhesap.eksi{color:var(--st-no)}
#grTablo tr.grbas > td{padding:0;background:var(--bg);border-bottom:1px solid var(--line)}
#grTablo .grbasic{display:flex;align-items:center;gap:10px;padding:12px 12px 8px;border-left:4px solid var(--grrenk);position:sticky;left:0;width:max-content}
#grTablo .grbasic b{font-size:15px;color:var(--grrenk)}
#grTablo .grbassay{font-size:12px;color:var(--ink3)} #grTablo .grbastop{font-size:12px;font-weight:600;color:var(--ink2)}
#grTablo .grkat{border:0;background:none;color:var(--grrenk);font-size:14px;width:24px;height:24px;cursor:pointer;border-radius:6px}
#grTablo .grkat:hover{background:var(--line)}
#grTablo tr.grtop > td{background:var(--bg);border-top:2px solid var(--line);font-size:12.5px;padding:8px 10px}
#grTablo tr.grtop .grfn{font-weight:700;color:var(--ink)} #grTablo tr.grtop .grfnk{font-weight:500;color:var(--ink2);font-size:12px}
#grTablo tr.grtop .grfnet{font-size:12px;color:var(--ink3);font-weight:600}
#grTablo .grdag{display:flex;height:18px;border-radius:4px;overflow:hidden;min-width:80px;cursor:help}
#grTablo .grdag i{display:block;min-width:3px}
#grTablo tr.grdaha > td{padding:0;background:var(--card)}
#grTablo .grdahaic{display:flex;align-items:center;gap:8px;padding:8px 12px;position:sticky;left:0;width:max-content;font-size:12px;color:var(--ink3)}
#grTablo tbody.grgrup + tbody.grgrup tr.grbas > td{border-top:14px solid var(--bg)}
.grgrafikler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grgrafikler .grgk{padding:14px 16px;min-width:0}
.grgrafikler .grgkgenis{grid-column:1/-1}
.grgkbas{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.grgkbas b{font-size:14px} .grgkbas span{font-size:12px;color:var(--ink3)}
.grgkcan{position:relative;height:280px} .grgkcan.uzun{height:400px}
@media (max-width:900px){ .grgrafikler{grid-template-columns:minmax(0,1fr)} }
/* Genel Rapor · Rapor görünümü (kapanış raporu) */
#genelrapor.grraporgor .otfiltre,#genelrapor.grraporgor .kfcips,#genelrapor.grraporgor .otkpi,#genelrapor.grraporgor .ustkpi,#genelrapor.grraporgor #grExcelBtn,#genelrapor.grraporgor #grYeniBtn{display:none!important}
.grrapor{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.grrapor .grrsol{padding:14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:12px;max-height:calc(100vh - 140px);min-width:0}
.grrbol{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);display:flex;justify-content:space-between;gap:8px;margin-top:4px}
.grrbol span{font-weight:500;letter-spacing:0;text-transform:none}
.grrdonem{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grrdonem label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2);min-width:0}
.grrdonem select,#grRAra{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:13px;min-width:0;width:100%;box-sizing:border-box}
.grrarac{display:flex;gap:6px}
.grrliste{overflow:auto;flex:1 1 auto;min-height:120px;border:1px solid var(--line);border-radius:10px}
.grrkisi{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer}
.grrkisi:last-child{border-bottom:0}
.grrkisi:hover{background:var(--bg)}
.grrkisi.akt{background:var(--st-info-bg);box-shadow:inset 3px 0 0 var(--accent)}
.grrkisi input{grid-row:span 2;width:16px;height:16px;margin:0}
.grrad{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grrmeta{font-size:11.5px;color:var(--ink3)}
.grralt{display:flex}
.grralt .btn{flex:1 1 auto}
.grrapor .grrsag{padding:14px;min-width:0}
.grronbas{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.grronbas b{font-size:14px} .grronbas span{font-size:12px;color:var(--ink3)}
.grroniz{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--bg);border-radius:10px;padding:12px;min-height:420px}
.grroniz canvas{background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.14);border-radius:2px;max-width:100%;height:auto!important}
.grronbos{display:flex;flex-direction:column;align-items:center;gap:6px;margin:auto;text-align:center;color:var(--ink3);font-size:13px;max-width:340px}
.grronbos b{color:var(--ink2)}
@media (max-width:900px){ .grrapor{grid-template-columns:minmax(0,1fr)} .grrapor .grrsol{position:static;max-height:none} .grrliste{max-height:320px} }
#genelrapor.msmobil > #grRaporKap{display:none!important}
.grrcipler{display:flex;flex-wrap:wrap;gap:6px}
.grrcip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink2);font:inherit;font-size:12px;cursor:pointer}
.grrcip i{width:8px;height:8px;border-radius:50%;background:var(--cip,var(--ink3))}
.grrcip small{color:var(--ink3);font-size:11px}
.grrcip.on{border-color:var(--ink);color:var(--ink);font-weight:600;background:var(--bg)}
/* Genel Rapor'a aktar penceresi (88) */
#grAktarPop .grakart{max-width:min(940px, calc(100vw - 32px))!important;width:min(940px, calc(100vw - 32px))}
#grAktarPop .drygovde{max-height:calc(100vh - 220px);overflow:auto}
#grAktarPop table.grategle{width:100%;min-width:0;table-layout:fixed}
#grAktarPop table.grategle th,#grAktarPop table.grategle td{white-space:normal;text-align:left!important;padding:6px 8px;vertical-align:middle}
#grAktarPop table.grategle th:nth-child(1){width:150px} #grAktarPop table.grategle th:nth-child(2){width:230px} #grAktarPop table.grategle th:nth-child(3){width:200px}
#grAktarPop table.grategle select,#grAktarPop table.grategle input{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:12.5px;box-sizing:border-box;min-width:0}
#grAktarPop .graornek{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis}
#grAktarPop .grabos{color:var(--ink3)}
#grAktarPop .grayeni b{font-size:10px;color:var(--st-warn);background:var(--st-warn-bg);border-radius:4px;padding:1px 4px;margin-left:2px}
#grAktarPop .graayar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:12px;font-size:12.5px;color:var(--ink2)}
#grAktarPop .graayar label{display:inline-flex;align-items:center;gap:6px}
#grAktarPop .graayar .graekle{flex-basis:100%}
#grAktarPop .graozet{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
#grAktarPop .grauyari{color:var(--st-warn)}
#grAktarPop .graes{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
#grAktarPop .graesbas{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
#grAktarPop .graesbas .ftdz{margin-left:6px}
#grAktarPop .graeskap{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--card)}
#grAktarPop .graeskap table{width:100%;min-width:0;table-layout:fixed}
#grAktarPop .graeskap th,#grAktarPop .graeskap td{white-space:normal;text-align:left!important;padding:6px 8px;font-size:12px;vertical-align:top}
#grAktarPop .graesalt{color:var(--ink3);font-size:11.5px;margin-top:2px}
#grAktarPop .grakaldir{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:12px;margin-left:6px;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .12s}
#grAktarPop tr:hover .grakaldir,#grAktarPop .grakaldir:focus-visible{opacity:1}
#grAktarPop .grakaldir:hover{color:var(--ink);background:var(--line)}
#grAktarPop .graekle2{margin-top:8px}
#grAktarPop .graekle2 select{height:32px;border:1px dashed var(--line2,var(--line));border-radius:8px;background:var(--card);color:var(--ink2);padding:0 10px;font:inherit;font-size:12.5px;max-width:100%}
/* Genel Rapor · sütun ayarları (2 Eki 2026) */
#grAyarPop .grykart{max-width:min(760px, calc(100vw - 32px))!important;width:min(760px, calc(100vw - 32px))}
#grAyarPop .drygovde{max-height:calc(100vh - 220px);overflow:auto}
#grAyarPop table.gryt{width:100%;min-width:0;table-layout:fixed}
#grAyarPop table.gryt th,#grAyarPop table.gryt td{white-space:normal;text-align:left!important;padding:5px 8px;vertical-align:middle}
#grAyarPop table.gryt input:not([type=checkbox]),#grAyarPop .gryyeni input,#grAyarPop .gryyeni select{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:12.5px;box-sizing:border-box;min-width:0}
#grAyarPop table.gryt td input[data-grysec]{margin-top:4px}
#grAyarPop .grysira{white-space:nowrap} #grAyarPop .grysira .otik{width:24px;height:24px}
#grAyarPop .grytur{font-size:12px;color:var(--ink2)} #grAyarPop .grytur.sabit{color:var(--ink3)}
#grAyarPop .gryyeni{display:grid;grid-template-columns:auto minmax(0,1fr) 150px minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:12px;padding:10px;border:1px dashed var(--line);border-radius:10px}
#grAyarPop .gryyeni input[hidden]{display:none}
#genelrapor #grAyarBtn[hidden]{display:none!important}
#genelrapor #grAyarBtn{padding:0 10px}
/* Rapor · sıralama + hakediş listesi (2 Eki 2026) */
.grrara{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:6px}
.grrara select{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 6px;font:inherit;font-size:12.5px;min-width:0}
.grronbas{justify-content:space-between}
#grROniz[hidden],#grRHak[hidden]{display:none!important}
.grrhakarac{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:12.5px;color:var(--ink2)}
.grrhakarac span:last-child{display:flex;gap:6px;flex-wrap:wrap}
.grrhakkap{overflow:auto;max-height:calc(100vh - 250px);border:1px solid var(--line);border-radius:10px}
.grrhakkap table.grrhak{width:100%;min-width:0;table-layout:fixed}
.grrhakkap table.grrhak th,.grrhakkap table.grrhak td{padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grrhakkap table.grrhak th:nth-child(n+4),.grrhakkap table.grrhak td:nth-child(n+4){text-align:right!important;font-variant-numeric:tabular-nums}
.grrhakkap table.grrhak th:nth-child(3),.grrhakkap table.grrhak td:nth-child(3){text-align:left!important}
.grrhakkap table.grrhak thead th{position:sticky;top:0;background:var(--card);z-index:1}
.grrhakkap table.grrhak tr.sec td{background:var(--st-info-bg)}
.grrhakkap table.grrhak tfoot td{position:sticky;bottom:0;background:var(--bg);font-weight:700;border-top:2px solid var(--line)}
#muhAfTablo th.srt{cursor:pointer;user-select:none;white-space:nowrap} #muhAfTablo th.srt:hover{color:var(--accent)}   /* 2 Eki 2026 Alınacak faturalar sıralama */
/* Kullanıcı kaldırma · devir penceresi (2 Eki 2026) */
#kulDevirPop .kdvkart{max-width:min(620px, calc(100vw - 32px))!important;width:min(620px, calc(100vw - 32px))}
#kulDevirPop .drygovde{display:flex;flex-direction:column;gap:12px}
#kulDevirPop .kdvsat{display:flex;flex-direction:column;gap:6px;font-size:13px}
#kulDevirPop select{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 10px;font:inherit;font-size:13px}
#kulDevirPop .kdvsec[hidden]{display:none!important}
#kulDevirPop .kdvsec{display:flex;flex-direction:column;gap:8px}
#kulDevirPop .kdvbas{font-weight:700;font-size:13px}
#kulDevirPop .kdvrad{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
#kulDevirPop .kdvrad:has(input:checked){border-color:var(--accent);background:var(--bg)}
#kulDevirPop .kdvrad span{display:flex;flex-direction:column;gap:2px;font-size:13px} #kulDevirPop .kdvrad small{color:var(--ink3);font-size:12px}
#kulDevirPop .kdvcb{display:flex;gap:8px;align-items:center;font-size:13px}
#kulDevirPop .kdvozet{padding:10px 12px;border-radius:10px;background:var(--bg);font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;gap:3px}
#kulDevirPop .kdvozet:empty{display:none} #kulDevirPop .kdvsoluk{color:var(--ink3)} #kulDevirPop .grauyari{color:var(--st-warn)}
#muhAfSutunPop .muhafsirala{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:6px}
#muhAfSutunPop .muhafsirala select{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:13px;min-width:0}
#muhAfSutunPop [data-muhafduz][hidden]{display:none!important}
/* DUYURU pencereleri GENİŞ + TEK EKRAN (2 Eki 2026, kullanıcı: "pop-up daha geniş olsun, verileri tek ekranda görelim, anketlerde vs") */
.dykart{max-width:min(880px, calc(100vw - 32px));width:min(880px, calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column}
.dykart.gorselli{max-width:min(960px, calc(100vw - 32px));width:min(960px, calc(100vw - 32px))}
.dykart .dypopgovde{overflow:auto;min-height:0}
.dykart .dypopgorsel{flex:0 0 auto}
.dykart .dypopgorsel img{max-height:28vh}
.dykart .dysecenekler.gorselli{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dykart .dysecenekler.gorselli .dysecgorsel{aspect-ratio:auto;height:min(22vh,200px)}
.dykart .dysecenekler:not(.gorselli){grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
#dyFormPop .dyformkart{max-width:min(1000px, calc(100vw - 32px))!important;width:min(1000px, calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column}
#dyFormPop .dyformkart .drygovde{overflow:auto;min-height:0}
#dyFormPop .dyformkart .icrform{grid-template-columns:repeat(2,minmax(0,1fr))}
#dyFormPop .dysecliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:6px 12px}
#dySonucPop .dysonuckart{max-width:min(1100px, calc(100vw - 32px))!important;width:min(1100px, calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column}
#dySonucPop .dysonuckart .drygovde{overflow:auto;min-height:0}
#dySonucPop .dysonizgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px 16px;margin-top:8px}
#dySonucPop .dysonizgara .dysonsec{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
@media (max-width:768px){ #dyFormPop .dyformkart .icrform{grid-template-columns:minmax(0,1fr)} #dyFormPop .dysecliste{grid-template-columns:minmax(0,1fr)} }
/* Genel Rapor · tek/çoklu öğe ekleme (2 Eki 2026) */
#grTablo tr.grhizli > td{padding:0;background:var(--card)}
#grTablo .grhizliic{display:flex;gap:8px;align-items:center;padding:6px 10px;position:sticky;left:0;width:min(760px, 90vw)}
#grTablo .grhizliic input{flex:1 1 auto;min-width:0;height:32px;border:1px dashed var(--line2,var(--line));border-radius:8px;background:transparent;color:var(--ink);padding:0 10px;font:inherit;font-size:13px;text-align:left!important}
#grTablo .grhizliic input:focus{border-style:solid;border-color:var(--accent);background:var(--card)}
#grCokluPop .grckart{max-width:calc(100vw - 32px)!important;width:min(1500px, calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column}
#grCokluPop .drygovde{overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:0}
#grCokluPop .grcust{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
#grCokluPop .grcust label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
#grCokluPop .grcust .note{flex:1 1 260px}
#grCokluPop select,#grCokluPop input{height:32px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);padding:0 6px;font:inherit;font-size:12.5px;width:100%;box-sizing:border-box;min-width:0}
#grCokluPop .grcust select{width:auto;min-width:150px}
#grCokluPop .grckap{overflow:auto;min-height:0;border:1px solid var(--line);border-radius:10px}
#grCokluPop table.grctab{table-layout:fixed;width:max-content;min-width:100%}
#grCokluPop table.grctab th{position:sticky;top:0;background:var(--card);z-index:1;font-size:11.5px;text-align:left!important}
#grCokluPop table.grctab td{padding:3px 4px}
#grCokluPop .grcno{color:var(--ink3);font-size:12px;text-align:center}
#grCokluPop .grcalt{display:flex;gap:8px;align-items:center}
#grTablo .grhizlibtn{border:0;background:none;color:var(--ink3);font:inherit;font-size:13px;padding:6px 8px;border-radius:6px;cursor:pointer}
#grTablo .grhizlibtn:hover{background:var(--bg);color:var(--ink)}
#grTablo .grhizliic input{border-style:solid;border-color:var(--accent);background:var(--card)}
/* Genel Rapor · Trendyol Affiliate (2 Eki 2026) */
#genelrapor #grAffKap[hidden]{display:none!important}
#genelrapor.graffgor .otfiltre,#genelrapor.graffgor .kfcips,#genelrapor.graffgor .otkpi,#genelrapor.graffgor .ustkpi,#genelrapor.graffgor #grExcelBtn,#genelrapor.graffgor #grYeniBtn{display:none!important}
.graffkart{padding:16px;display:flex;flex-direction:column;gap:12px}
.graffust{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.graffust label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
.graffust select,.graffust input{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 10px;font:inherit;font-size:13px}
.graffust .graffbas{flex:1 1 320px} .graffust .graffbas input{width:100%;box-sizing:border-box}
.graffdug{margin-left:auto}
.graffnot{margin:0}
.graffkap{overflow:auto;border:1px solid var(--line);border-radius:10px}
table.grafftab{width:100%;min-width:900px;table-layout:fixed}
table.grafftab th,table.grafftab td{padding:6px 10px;white-space:nowrap}
table.grafftab th:first-child,table.grafftab td.graffad{text-align:left!important;font-weight:600;width:200px}
table.grafftab td.sag,table.grafftab tfoot td{text-align:right!important;font-variant-numeric:tabular-nums}
table.grafftab td.eksi{color:var(--st-no)}
table.grafftab .graffinp{width:100%;height:30px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:13px;text-align:right;box-sizing:border-box;font-variant-numeric:tabular-nums}
table.grafftab .graffinp:focus{border-color:var(--accent);outline:0}
table.grafftab tfoot td{font-weight:700;background:var(--bg);border-top:2px solid var(--line)}
table.grafftab tfoot td:first-child{text-align:left!important}
.graffok{color:var(--st-ok);font-size:12px;font-weight:600;display:inline-flex;gap:4px;align-items:center}
.graffbek{color:var(--st-warn);font-size:12px}
.graffekle{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.graffekle select{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:0 8px;font:inherit;font-size:13px;min-width:220px}
.graffekle .note{flex:1 1 320px}
table.grafftab th.graffsec,table.grafftab td.graffsec{width:36px;text-align:center!important;padding:0}
table.grafftab tr.sec td{background:var(--st-info-bg)}
#grAffOzetPop .graffozetkart{max-width:min(980px, calc(100vw - 32px))!important;width:min(980px, calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column}
#grAffOzetPop .drygovde{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:10px}
#grAffOzetPop .graffozbilgi{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:13px;color:var(--ink2);padding:10px 12px;background:var(--bg);border-radius:10px}
#grAffOzetPop .graffozkap{overflow:auto;border:1px solid var(--line);border-radius:10px}
#grAffOzetPop table{width:100%;min-width:0;table-layout:auto}
#grAffOzetPop th,#grAffOzetPop td{padding:6px 10px;text-align:left!important;white-space:normal;font-size:12.5px}
#grAffOzetPop td.sag{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#grAffOzetPop tfoot td{font-weight:700;background:var(--bg)}
#grAffOzetPop .graffok{color:var(--st-ok);font-weight:600} #grAffOzetPop .grauyari{color:var(--st-warn)}
table.grafftab th.graffsrt{cursor:pointer;user-select:none} table.grafftab th.graffsrt:hover{color:var(--accent)}
/* K-48 risturn anlaşmalı şirket — SİSTEM GENELİ kalın + kırmızı (01 musRistSinif / musAdHtml) */
.musrist,.musrist .ttmetm,input.musrist,button.musrist{font-weight:700!important;color:var(--st-no)!important}
@media print{.musrist,.musrist .ttmetm,input.musrist,button.musrist{font-weight:inherit!important;color:inherit!important}}

/* Çoklu influencer ekle (2 Eki 2026) — sütunlu tablo */
#infCokluPop .infckart{width:min(1400px, calc(100vw - 32px));max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px);display:flex;flex-direction:column}
#infCokluPop .drygovde{overflow:auto;min-height:0}
.infckap{overflow:auto;border:1px solid var(--line);border-radius:8px}
.infctab{width:100%;table-layout:fixed;border-collapse:collapse}
.infctab th{font-size:11.5px;text-align:left;position:sticky;top:0;background:var(--bg2, var(--bg));z-index:1}
.infctab td{font-size:12.5px;vertical-align:middle;padding:3px 4px}
.infctab td input{width:100%;min-width:0;padding:6px 8px;border:1px solid var(--line2);border-radius:6px;font-family:inherit;font-size:12.5px;background:var(--bg)}
.infctab td.infcno{color:var(--ink3);text-align:center}
.infctab td.infcdurum{white-space:normal;line-height:1.3}
.infctab tr.infcred td input{border-color:color-mix(in srgb, var(--st-no) 45%, var(--line2))}
.infcnot{font-size:11.5px;color:var(--ink2)}
.infcalt{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.infcozet{font-size:12.5px;color:var(--ink2)}
.infcuyari{color:var(--st-no)}
.infcroz{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11.5px;font-weight:600;white-space:nowrap}
.infcroz.yeni{background:var(--st-ok-bg);color:var(--st-ok)}
.infcroz.var{background:color-mix(in srgb, var(--st-no) 16%, transparent);color:var(--st-no)}

/* "Tabloda aç" ile gelinen proje grubu kısa süre vurgulanır (2 Eki 2026) */
#aktifproje .apgrup.apgvurgu{outline:2px solid var(--color-link);outline-offset:2px;border-radius:8px;transition:outline-color .6s}
/* YouTube › Ücretlendirme (3 Eki 2026) */
#youtube table.ytucret td{vertical-align:middle}
#youtube .ytucgir{width:100%;box-sizing:border-box;border:1px solid transparent;background:transparent;border-radius:8px;padding:5px 7px;font:inherit;color:var(--ink);text-align:right}
#youtube .ytucgir.sol{text-align:left}
#youtube .ytucgir:hover:not(:disabled){border-color:var(--line)}
#youtube .ytucgir:focus{border-color:var(--accent);background:var(--card);outline:none}
#youtube table.ytucret .ytrecd{display:block;text-align:right;padding-right:8px}
#youtube .ytucrozet{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--soft,rgba(127,127,127,.12));color:var(--ink2)}
#youtube .ytucrozet.bagli{color:#1F9D67}
#youtube .ytucsil{min-height:28px;min-width:0;padding:4px 6px}

/* Doğum günü kutlaması (5 Eki 2026, 72_duyuru dgKutla) — gece perdesi + havai fişek; tasarım sabit renkli (her temada aynı) */
#dgPerde{position:fixed;inset:0;z-index:2147482600;background:radial-gradient(ellipse at 50% 120%,#1d2450 0%,#0b0e22 60%,#05060f 100%);display:flex;align-items:center;justify-content:center;animation:dgSol .5s ease;transition:opacity .3s}
#dgPerde.kapan{opacity:0}
#dgPerde canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#dgPerde .dgic{position:relative;text-align:center;color:#fff;padding:24px 16px}
#dgPerde h1{font-size:clamp(32px,6vw,64px);margin:0 0 8px;letter-spacing:-.5px;background:linear-gradient(90deg,#ffd76a,#ff7ab6,#8ec5ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:dgParla 3s ease-in-out infinite}
#dgPerde p{font-size:18px;opacity:.85;margin:0 0 26px}
#dgPerde button{background:#fff;color:#0b0e22;border:0;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:600;cursor:pointer}
@keyframes dgSol{from{opacity:0}to{opacity:1}}
@keyframes dgParla{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@media (prefers-reduced-motion:reduce){#dgPerde,#dgPerde h1{animation:none}}

/* Aktif Projeler «Süpersin» — Paylaşıldı seçilince hücreden yükselen yıldız/kalpler + yazı (23 apSuperKutla; tasarım B, 5 Eki 2026) */
.apsuper{position:fixed;z-index:2147482400;width:0;height:0;pointer-events:none}
.apsuper s{position:absolute;left:-9px;top:-9px;width:18px;height:18px;opacity:0;animation:apSuperYuksel var(--t,1.3s) ease-out var(--g,0s) forwards}
.apsuper s svg{display:block}
.apsuper b{position:absolute;left:0;bottom:var(--yuk,22px);transform:translateX(-50%);white-space:nowrap;font-size:15px;font-weight:800;color:#00a35e;text-shadow:0 1px 0 #fff,0 0 8px #fff,0 0 2px #fff;animation:apSuperYazi 1.8s ease forwards}
@keyframes apSuperYuksel{0%{opacity:0;transform:translate(0,0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),-90px) scale(1.1) rotate(var(--r))}}
@keyframes apSuperYazi{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%,0)}80%{opacity:1;transform:translate(-50%,-14px)}100%{opacity:0;transform:translate(-50%,-22px)}}
@media (prefers-reduced-motion:reduce){.apsuper b{animation:apSuperSabit 1.8s linear forwards}@keyframes apSuperSabit{0%,85%{opacity:1}100%{opacity:0}}}