/* Isler: yeni Mac kabugu (ust cubuk, Isler ekrani, detay paneli). Tasarim: _tasarim/2026-10-17/tasarim-v1.md, maket/mac*.html.
   Butun kurallar html.isl-on altinda: yeni kabuk devreye girmediyse (eski sunucu, ?ui=eski) bu dosya hicbir seyi degistirmez.
   Siniflar is- onekli; eski style.css siniflariyla carpismaz. Yazi yalniz --fs-*, kose yalniz --r-*. */

html.isl-on {
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-24: 24px;
  --r-4: 4px; --r-6: 6px; --r-10: 10px; --r-pill: 999px;
  --line-2: #d4d4cf; --deco: #9a9a94;
  --hover: rgb(28 28 26 / .035); --sel: rgb(28 28 26 / .06);
  --dot-past: #a8a8a1;
  --st-amber: #B7790F; --st-amber-t: #8A5A00; --st-amber-bg: rgb(183 121 15 / .12); --st-amber-tint: rgb(183 121 15 / .045);
  --amber-fill: #E9B44C; --on-amber: #2B1D00;
  --st-red: #C9443A; --st-red-t: #B3261E; --st-red-bg: rgb(201 68 58 / .10);
  --st-green: #1F9D55; --st-green-t: #166534; --st-green-bg: rgb(31 157 85 / .11);
  --st-blue: #2F6FE4; --st-blue-t: #1F5FD1; --st-blue-bg: rgb(47 111 228 / .10);
  --st-violet: #7C5CD6; --st-violet-t: #6B46C1; --st-violet-bg: rgb(124 92 214 / .10);
  --st-gray: #6B6B66; --st-gray-t: #5f5f5a;
  --st-quiet: #5A6F8C; --st-quiet-t: #46607F;
  --chip-neutral: var(--panel-2);
  --pri-bg: #1c1c1a; --pri-fg: #ffffff;
}
@media (prefers-color-scheme: dark) {
  html.isl-on {
    --line-2: #36363b; --deco: #6c6c6a;
    --hover: rgb(255 255 255 / .025); --sel: rgb(255 255 255 / .05);
    --dot-past: #5a5a60;
    --st-amber: #E2A632; --st-amber-t: #E2A632; --st-amber-bg: rgb(226 166 50 / .16); --st-amber-tint: rgb(226 166 50 / .045);
    --amber-fill: #E2A632; --on-amber: #1F1503;
    --st-red: #EF6A5E; --st-red-t: #EF6A5E; --st-red-bg: rgb(239 106 94 / .14);
    --st-green: #3CCF7C; --st-green-t: #3CCF7C; --st-green-bg: rgb(60 207 124 / .12);
    --st-blue: #5B8FF0; --st-blue-t: #6E9CF2; --st-blue-bg: rgb(91 143 240 / .14);
    --st-violet: #A78BFA; --st-violet-t: #A78BFA; --st-violet-bg: rgb(167 139 250 / .14);
    --st-gray: #8A8A8E; --st-gray-t: #a3a3a0;
    --st-quiet: #8FA6C8; --st-quiet-t: #8FA6C8;
    --pri-bg: #ececea; --pri-fg: #111112;
  }
}
/* Yeni kabugun kendi yuzeyleri: ortak tokenlarin maketteki (kontrasti olculmus) degerleri. Eski gorunumler eski degerlerle kalir. */
html.isl-on .is-root { --line: #e4e4e0; --muted: #5f5f5a; --faint: #696964; color: var(--text); font: var(--fs-13)/1.45 "Geist", ui-sans-serif, system-ui, sans-serif; }
@media (prefers-color-scheme: dark) {
  html.isl-on .is-root { --line: #26262a; --muted: #a3a3a0; --faint: #8E8E8A; }
}

/* Devreye girmeden once kisa bekleme: eski arayuz bir an gorunup kaybolmasin (en cok 2,5 sn, sonra kendiliginden acilir). */
html.isl-wait .app { visibility: hidden; }

/* ---------- yerlesim */
html.isl-on .app { height: calc(100dvh - 44px); }
html.isl-on[data-isv="isler"] .app { visibility: hidden; pointer-events: none; }
html.isl-on .app > .main > .bar { display: none; }
html.isl-on[data-isv="hesaplar"] .app > .main > .bar { display: flex; }
html.isl-on[data-isv="hesaplar"] .app,
html.isl-on[data-isv="atolye"] .app { grid-template-columns: minmax(0, 1fr); }
html.isl-on[data-isv="atolye"] .app { grid-template-columns: 188px minmax(0, 1fr); }
html.isl-on[data-isv="hesaplar"] .app > .side,
html.isl-on[data-isv="atolye"] .app > .side { display: none; }
html.isl-on:not([data-isv="oturumlar"]) .app > .main > .tabs { display: none; }
html.isl-on .tabs .tab.pin { display: none; }
html.isl-on .tabs:not(:has(.tab:not(.pin))) { display: none; }
html.isl-on .bar #btn-back, html.isl-on .bar #btn-fwd, html.isl-on .bar .bell { display: none; }
html.isl-on .is-atl { display: none; }
html.isl-on .app > .side .brand-name { display: none; }
html.isl-on .app > .side .brand::before { content: attr(data-isl); font-weight: 600; font-size: var(--fs-13); color: var(--muted); }
html.isl-on[data-isv="atolye"] .is-atl { display: flex; }
html.isl-on .is-view { display: none; }
html.isl-on[data-isv="isler"] .is-view { display: grid; }
/* Atolye > Zamanlanmis: Gorevler sayfasinin yalniz zamanlanmis bolumu */
html.isl-on #tasks.is-only-sched .q-wrap > :not([data-is-sched]) { display: none; }

/* ---------- ortak parcalar */
:where(html.isl-on .is-root) kbd { font: var(--fs-12)/1.25 "Geist Mono", monospace; color: var(--deco); padding: 0 4px; border-radius: var(--r-4); border: 1px solid var(--line-2); background: transparent; }
:where(html.isl-on .is-root) button { font: inherit; color: inherit; cursor: pointer; }
:where(html.isl-on .is-root) a { color: inherit; text-decoration: none; cursor: pointer; }
html.isl-on .is-root .ph { line-height: 1; }
.is-sp { flex: 1; }
.is-mono { font-family: "Geist Mono", ui-monospace, monospace; }
.is-muted { color: var(--muted); }
.is-faint { color: var(--faint); }
.is-btn { height: 28px; padding: 0 10px; border-radius: var(--r-6); border: 1px solid var(--line-2); background: var(--panel); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-weight: 500; font-size: var(--fs-13); white-space: nowrap; color: var(--text); }
.is-btn .ph { font-size: var(--fs-14); }
.is-btn:hover { background: var(--panel-2); }
.is-btn:disabled { opacity: .5; cursor: default; }
/* Cikisa gonderilmis is: Go live yerine "Sirada k/n" ya da "Kendisi cikacak" */
.is-btn.wq { background: var(--st-blue-bg); color: var(--st-blue-t); border-color: transparent; }
.is-btn.wq .ph { color: var(--st-blue); }
.is-btn.pri { background: var(--pri-bg); color: var(--pri-fg); border-color: transparent; }
.is-btn.pri:hover { background: var(--pri-bg); filter: brightness(1.12); }
.is-btn.pri kbd { color: inherit; border-color: color-mix(in srgb, currentColor 45%, transparent); }
.is-btn.am { background: var(--amber-fill); color: var(--on-amber); border-color: transparent; font-weight: 600; }
.is-btn.am:hover { background: var(--amber-fill); filter: brightness(1.05); }
.is-btn.ghost { background: transparent; border-color: transparent; color: var(--muted); }
.is-btn.ghost:hover { background: var(--panel-2); color: var(--text); }
.is-btn:focus-visible, .is-opt:focus-visible, .is-ib:focus-visible { outline: 2px solid var(--text); outline-offset: 1px; }
.is-btn .ls { display: none; }
.is-tag { font-size: var(--fs-12); font-weight: 600; color: var(--st-amber-t); background: var(--st-amber-bg); padding: 0 5px; border-radius: var(--r-4); line-height: 18px; }
.is-btn.pri .is-tag { background: color-mix(in srgb, var(--pri-fg) 16%, transparent); color: inherit; }
.is-chip { height: 20px; padding: 0 7px; border-radius: var(--r-4); background: var(--chip-neutral); color: var(--muted); font-size: var(--fs-12); display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; border: 0; }
.is-chip .ph { font-size: var(--fs-12); }
button.is-chip:hover { color: var(--text); }
/* Ekip isi: kucuk notr cip (ana ekranda "ekip" kavrami yalniz bu) */
.is-chip.is-tm { max-width: 170px; min-width: 0; }
.is-chip.is-tm .tx { overflow: hidden; text-overflow: ellipsis; }
.is-ev { height: 20px; padding: 0 7px; border-radius: var(--r-4); background: var(--st-green-bg); color: var(--st-green-t); font-size: var(--fs-12); display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font-weight: 500; }
.is-ev .ph { font-size: var(--fs-12); }
.is-ev.nt { background: var(--chip-neutral); color: var(--text); }
.is-ev.open { background: transparent; color: var(--st-red-t); box-shadow: inset 0 0 0 1px var(--st-red); }
/* Proje kisa adi. Satir yuksekligi 1 olunca Turkce İ'nin noktasi ve Ş, Ç cengeli kesiliyordu: en az 1,4. */
.is-pj { font: var(--fs-12)/1.4 "Geist Mono", monospace; letter-spacing: .02em; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-pj .p4 { display: none; }
.is-schip { height: 22px; padding: 0 8px; border-radius: var(--r-4); display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-12); font-weight: 500; color: var(--ct); background: color-mix(in srgb, var(--c) 14%, transparent); }
.is-schip .ph { font-size: var(--fs-13); }
.is-schip .is-pulse { width: 7px; height: 7px; }
.is-sw { font-weight: 500; color: var(--ct); margin-right: 8px; }
.is-qtx { color: var(--st-quiet-t); display: inline-flex; align-items: center; gap: 5px; }
.is-qtx .ph { font-size: var(--fs-14); }
.is-fl { color: var(--muted); display: inline-flex; align-items: center; gap: 5px; margin-right: 8px; }
.is-fl .ph { font-size: var(--fs-14); }

/* durum ikonu */
.is-st { width: 20px; height: 20px; display: grid; place-items: center; font-size: var(--fs-16); color: var(--c); flex: none; }
.is-st.bd i { width: 20px; height: 20px; border-radius: var(--r-pill); background: var(--st-amber-bg); color: var(--st-amber-t); display: grid; place-items: center; font-size: var(--fs-13); }
.is-pulse { width: 8px; height: 8px; border-radius: var(--r-pill); background: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent); animation: is-nb 1.6s ease-in-out infinite; display: inline-block; }
.is-ring { width: 9px; height: 9px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 2px var(--c); display: inline-block; }
@keyframes is-nb { 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--c) 8%, transparent); } }
.is-spin { animation: is-sp 1.2s linear infinite; }
@keyframes is-sp { to { transform: rotate(360deg); } }

/* asama noktalari: gecen notr, simdiki durum renginde */
.is-dots { display: inline-flex; align-items: center; gap: 6px; }
.is-dots .is-d { width: 9px; height: 9px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1.5px var(--line-2); flex: none; }
.is-dots .is-d.p { background: var(--dot-past); box-shadow: none; }
.is-dots .is-d.n { background: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent); }
.is-dots .is-d.w { box-shadow: inset 0 0 0 2px var(--st-amber); }
.is-dots .is-d.q { box-shadow: inset 0 0 0 2px var(--c); }
.is-dots .is-d.h { background: var(--st-red); box-shadow: none; }
.is-dots .is-dj { display: inline-flex; gap: 2px; align-items: center; }
.is-dots .is-dj i { width: 5px; height: 5px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--line-2); }
.is-dots .is-dj i.p { background: var(--dot-past); box-shadow: none; }
.is-dots .is-dj i.n { background: var(--c); box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .is-pulse, .is-spin { animation: none; } }

/* ---------- ust cubuk */
.is-top { height: 44px; display: flex; align-items: center; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--line); background: var(--bg); position: relative; z-index: 6; }
.is-logo { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: var(--fs-13); margin-right: 4px; white-space: nowrap; background: transparent; border: 0; padding: 0; }
.is-logo img { width: 18px; height: 18px; border-radius: var(--r-4); }
.is-views { display: flex; gap: 2px; }
.is-views button { height: 28px; padding: 0 10px; border-radius: var(--r-6); display: flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 500; border: 0; background: transparent; white-space: nowrap; }
.is-views button:hover { color: var(--text); }
.is-views button.on { background: var(--panel-2); color: var(--text); }
.is-views .vn { font-size: var(--fs-12); color: var(--st-amber-t); font-weight: 600; font-variant-numeric: tabular-nums; }
.is-views .vn:empty { display: none; }
.is-cnts { display: flex; gap: 6px; align-items: center; margin-left: 4px; flex: none; }
.is-cnt { height: 24px; padding: 0 9px; border-radius: var(--r-pill); display: flex; align-items: center; gap: 5px; font-size: var(--fs-12); color: var(--ct); background: color-mix(in srgb, var(--c) 13%, transparent); white-space: nowrap; border: 0; }
.is-cnt b { font-weight: 600; font-variant-numeric: tabular-nums; }
.is-cnt .ek { padding-left: 7px; margin-left: 2px; border-left: 1px solid color-mix(in srgb, var(--c) 35%, transparent); font-weight: 500; }
.is-cnt.qs { background: transparent; color: var(--muted); padding: 0 2px; }
.is-cnt.on { background: var(--ct); color: var(--bg); }
.is-cnt.on .ek { border-color: color-mix(in srgb, var(--bg) 45%, transparent); }
.is-cnt.qs.on { background: var(--st-gray-t); color: var(--bg); padding: 0 9px; }
.is-clear { height: 22px; padding: 0 6px; font-size: var(--fs-12); color: var(--muted); border: 0; background: transparent; border-radius: var(--r-4); }
.is-clear:hover { color: var(--text); background: var(--panel-2); }
.is-search { width: 240px; height: 30px; border-radius: var(--r-6); border: 1px solid var(--line); background: var(--panel); display: flex; align-items: center; gap: 8px; padding: 0 6px 0 10px; color: var(--faint); flex: 0 0 240px; min-width: 34px; overflow: hidden; }
.is-search .ph { font-size: var(--fs-14); flex: none; }
.is-search kbd { flex: none; }
.is-search span { flex: 1; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-search:hover { border-color: var(--line-2); }
.is-pill { height: 28px; padding: 0 10px; border-radius: var(--r-pill); border: 1px solid var(--line); display: flex; align-items: center; gap: 7px; font-size: var(--fs-12); color: var(--muted); white-space: nowrap; background: transparent; min-width: 0; flex: 0 1 auto; overflow: hidden; }
.is-pill .tx { overflow: hidden; text-overflow: ellipsis; }
.is-pill .tx.m, .is-pill .tx.s { display: none; }
#is-quota { flex: 0 0 auto; max-width: 340px; }
.is-pill.mach { flex: none; }
/* Bildirimler zili (eski cubuktaki #btn-bell'in yeni kabuktaki karsiligi); okunmamis sayisi kirmizi rozet. */
.is-pill.is-bell { flex: none; padding: 0 9px; color: var(--text); overflow: visible; position: relative; }
.is-pill.is-bell .ph { font-size: var(--fs-14); }
.is-pill.is-bell .n { min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--st-red); color: #fff; font-size: 10.5px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.is-pill.is-bell .n[hidden] { display: none; }
/* Ust cubuk sigmazsa (isler.js fitTop) sirayla: kota kisa tarih, kota yalniz yuzde, arama yalniz buyutec ve ⌘K, makine gizli. */
.is-top.q-mid .is-pill .tx.l { display: none; }
.is-top.q-mid .is-pill .tx.m { display: inline; }
.is-top.q-short .is-pill .tx.m { display: none; }
.is-top.q-short .is-pill .tx.s { display: inline; }
.is-top.s-icon .is-search { flex: none; width: auto; }
.is-top.s-icon .is-search span { display: none; }
.is-top.m-off .is-pill.mach { display: none; }
.is-pill .dot { width: 7px; height: 7px; border-radius: var(--r-pill); background: var(--c); flex: none; }
.is-pill:hover { border-color: var(--line-2); color: var(--text); }
.is-top .is-new.ghost kbd { margin-left: 2px; }

/* Atolye sol menu */
.is-atl { flex-direction: column; gap: 2px; padding: 14px 10px; border-right: 1px solid var(--line); background: var(--panel); min-height: 0; }
.is-atl h3 { margin: 2px 8px 10px; font-size: var(--fs-12); font-weight: 600; color: var(--faint); }
.is-atl button { height: 32px; padding: 0 10px; border-radius: var(--r-6); border: 0; background: transparent; display: flex; align-items: center; gap: 8px; color: var(--muted); font-weight: 500; text-align: left; }
.is-atl button .ph { font-size: var(--fs-16); }
.is-atl button:hover { background: var(--panel-2); color: var(--text); }
.is-atl button.on { background: var(--panel-2); color: var(--text); }
.is-atl button .n { margin-left: auto; font-size: var(--fs-12); color: var(--faint); font-variant-numeric: tabular-nums; }
.is-atl .is-atl-old { margin-top: auto; font-size: var(--fs-12); height: 28px; }

/* ---------- Isler ekrani */
.is-view { position: fixed; top: 44px; left: 0; right: 0; bottom: 0; z-index: 5; background: var(--bg); grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.is-view.wp { grid-template-columns: minmax(0, 1fr) 520px; }
.is-lc { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.is-composer { padding: 6px 24px; flex: none; }
.is-cbox { min-height: 40px; border: 1px solid var(--line-2); background: var(--panel); border-radius: var(--r-10); display: flex; align-items: flex-start; gap: 8px; padding: 5px 8px 5px 14px; }
.is-cbox:focus-within { border-color: color-mix(in srgb, var(--text) 40%, var(--line-2)); }
.is-cbox.att-drag { border-color: var(--st-blue); box-shadow: 0 0 0 3px var(--st-blue-bg); }
.is-cbox .lead { font-size: var(--fs-20); color: var(--faint); margin-top: 3px; }
.is-cbox textarea { flex: 1; min-width: 0; border: 0; outline: 0; resize: none; background: transparent; color: var(--text); font: var(--fs-14)/20px "Geist", ui-sans-serif, system-ui, sans-serif; padding: 5px 0 3px; height: 28px; max-height: 248px; overflow-y: auto; }
/* Cok satirli ya da uzun metin: cipler ve Gonder metnin altina iner (metin tam genislik, ~12 satira kadar buyur). */
.is-cbox.tall { flex-wrap: wrap; padding-bottom: 7px; }
.is-cbox.tall textarea { flex-basis: calc(100% - 36px); }
.is-cbox.tall .tools { flex: 1 0 100%; padding-left: 28px; }
.is-cbox .tools .is-sp { flex: 1; min-width: 0; }
.is-cbox:not(.tall) .tools .is-sp { display: none; }
.is-cc.hl { box-shadow: 0 0 0 2px var(--text); transition: box-shadow .2s; }
.is-cinfo { display: flex; align-items: baseline; gap: 12px; padding: 5px 2px 0 34px; font-size: var(--fs-12); color: var(--muted); min-height: 21px; }
.is-cinfo .ex { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
.is-cinfo .cnt { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; flex: none; }
.is-cinfo .cnt:empty { display: none; }
.is-cinfo .cnt.over { color: var(--st-red-t); white-space: normal; text-align: right; flex: 0 1 auto; font-weight: 500; }
.is-cbox textarea::placeholder { color: var(--faint); }
.is-cbox .tools { display: flex; align-items: center; gap: 8px; flex: none; }
.is-cc { height: 28px; padding: 0 9px; border-radius: var(--r-6); background: var(--panel-2); display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: var(--fs-12); white-space: nowrap; border: 0; max-width: 260px; }
.is-cc .ph { font-size: var(--fs-13); flex: none; }
.is-cc b { font-weight: 500; color: var(--text); overflow: hidden; text-overflow: ellipsis; }
button.is-cc:hover { color: var(--text); }
.is-ib { width: 30px; height: 30px; border-radius: var(--r-6); border: 0; background: transparent; display: grid; place-items: center; color: var(--muted); font-size: var(--fs-16); flex: none; }
.is-ib:hover { background: var(--panel-2); color: var(--text); }
.is-catt { display: flex; flex-wrap: wrap; gap: 6px; }
.is-catt:not(:empty) { padding: 6px 0 0 34px; }
.is-similar { display: flex; align-items: center; gap: 8px; padding: 8px 0 2px 34px; font-size: var(--fs-13); flex-wrap: wrap; }
.is-similar .ph { color: var(--st-amber); font-size: var(--fs-16); }
.is-list { flex: 1; min-height: 0; overflow-y: auto; border-top: 1px solid var(--line); outline: 0; position: relative; }
.is-empty { padding: 40px 24px; color: var(--muted); text-align: center; }
.is-empty b { color: var(--text); font-weight: 600; display: block; margin-bottom: 4px; font-size: var(--fs-14); }
.is-sec + .is-sec { border-top: 1px solid var(--line); }
.is-sh { display: flex; align-items: center; gap: 8px; height: 24px; padding: 0 24px; font-size: var(--fs-12); font-weight: 600; color: var(--muted); background: var(--bg); position: sticky; top: 0; z-index: 2; }
.is-sh .n { font-weight: 500; color: var(--faint); font-variant-numeric: tabular-nums; }
.is-sh .n.am { color: var(--st-amber-t); }
.is-sh .sub { font-weight: 400; color: var(--faint); }
.is-sh > .ph { font-size: var(--fs-12); color: var(--faint); }
.is-sh .r { font-weight: 400; color: var(--faint); display: flex; align-items: center; gap: 6px; white-space: nowrap; min-width: 0; }
.is-sh .r .ph { font-size: var(--fs-13); }
.is-sh .r .sl { overflow: hidden; text-overflow: ellipsis; }
.is-sh button.fold { border: 0; background: transparent; padding: 0; display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--muted); font-size: var(--fs-12); }
.is-sh button.lnk { border: 0; background: transparent; padding: 0; color: var(--faint); font-size: var(--fs-12); }
.is-sh button.lnk:hover { color: var(--text); }
.is-dd { height: 22px; padding: 0 8px; border-radius: var(--r-6); border: 1px solid var(--line); display: flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 500; background: transparent; font-size: var(--fs-12); white-space: nowrap; }
.is-dd .ph { font-size: var(--fs-12); }
.is-dd:hover { color: var(--text); border-color: var(--line-2); }
.is-seg { display: flex; border: 1px solid var(--line); border-radius: var(--r-6); overflow: hidden; }
.is-seg button { height: 20px; padding: 0 8px; display: flex; align-items: center; gap: 4px; font-size: var(--fs-12); color: var(--faint); border: 0; background: transparent; }
.is-seg button.on { background: var(--panel-2); color: var(--text); }
.is-pgh { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 24px 0 22px; font-size: var(--fs-12); color: var(--muted); border-left: 2px solid var(--pc, var(--line-2)); background: var(--bg); position: sticky; top: 0; z-index: 2; }
.is-pgh b { font: 600 var(--fs-12)/1.4 "Geist Mono", monospace; color: var(--text); letter-spacing: .02em; }
.is-pgh > span:not(.is-sp) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.is-pg + .is-pg { border-top: 1px solid var(--line); }

/* satir */
.is-item { position: relative; }
.is-item.in { animation: is-in .15s ease-out; }
.is-item.out { animation: is-out .15s ease-in forwards; pointer-events: none; }
@keyframes is-in { from { opacity: 0; } }
@keyframes is-out { to { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .is-item.in, .is-item.out { animation: none; } }
.is-row { display: grid; grid-template-columns: 20px 84px 250px minmax(160px, 1fr) auto 79px 96px 112px; column-gap: 12px; align-items: center; height: 40px; padding: 0 24px; border-top: 1px solid var(--line); position: relative; cursor: default; }
.is-row:hover { background: var(--hover); }
.is-row .nm { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-row .nm.b { font-weight: 600; }
/* Canliya cikmis is: yesil sol serit, hafif yesil zemin, basliktan once madalya. */
.is-row.live { box-shadow: inset 3px 0 0 var(--st-green); background-image: linear-gradient(90deg, var(--st-green-bg), transparent 70%); }
.is-row.live .nm { color: var(--text); }
.is-medal { display: inline-flex; align-items: center; gap: 4px; height: 20px; margin-right: 8px; padding: 0 7px 0 5px; border-radius: var(--r-pill); background: var(--st-green-bg); color: var(--st-green-t); border: 1px solid color-mix(in oklab, var(--st-green) 45%, transparent); font-size: 11.5px; font-weight: 600; vertical-align: 1px; }
.is-medal .ph { font-size: 13px; color: var(--st-green); }
.is-medal.warn { background: var(--st-amber-bg); color: var(--st-amber-t); border-color: color-mix(in oklab, var(--st-amber) 45%, transparent); }
.is-medal.warn .ph { color: var(--st-amber); }
.is-livebar { display: flex; gap: 10px; align-items: center; margin-top: 10px; padding: 10px 12px; border-radius: var(--r-6); background: var(--st-green-bg); border: 1px solid color-mix(in oklab, var(--st-green) 40%, transparent); font-size: var(--fs-13); }
.is-livebar > .ph { font-size: 22px; color: var(--st-green); flex: none; }
.is-livebar b { color: var(--st-green-t); margin-right: 6px; }
.is-livebar .tm { color: var(--muted); font-size: var(--fs-12); margin-left: 8px; }
.is-livebar.warn { background: var(--st-amber-bg); border-color: color-mix(in oklab, var(--st-amber) 45%, transparent); }
.is-livebar.warn > .ph { color: var(--st-amber); }
.is-livebar.warn b { color: var(--st-amber-t); }
.is-row .nt { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.is-row .nt .strong { color: var(--text); font-weight: 600; }
/* Ozet + siradaki adim: ozet once, adim soluk ve oklu; sigmazsa once adim kisalir. */
.is-row .nt { display: flex; align-items: baseline; gap: 12px; }
.is-row .nt > .n0 { min-width: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-row .nt > .nx { min-width: 0; flex: 0 3 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-12); color: var(--muted); }
.is-row .nt > .nx .ph { font-size: var(--fs-12); color: var(--faint); margin-right: 4px; vertical-align: -1px; }
/* Dar listede (panel acik ya da yarim ekran) adim yalniz detayda: kesik "→ ..." gorunmesin. */
.is-list[data-w="l"] .is-row .nt > .nx, .is-list[data-w="m"] .is-row .nt > .nx { display: none; }
/* Kim yapiyor cipi: ad ve hesap kisa adi */
.is-chip.is-who { max-width: 200px; min-width: 0; }
.is-chip.is-who .tx { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.is-chip.is-who .ac { color: var(--faint); flex: none; }
.is-chip.is-who .ac::before { content: "·"; margin: 0 4px 0 1px; }
.is-row .ch { display: flex; gap: 6px; align-items: center; justify-content: flex-end; color: var(--faint); font-size: var(--fs-14); }
.is-row .age { font-size: var(--fs-12); font-variant-numeric: tabular-nums; color: var(--muted); text-align: right; white-space: nowrap; }
.is-row .age.qa { color: var(--st-quiet-t); }
.is-row .act { display: flex; justify-content: flex-end; }
.is-row .act .is-btn { width: 112px; }
.is-row.dim .nm { color: var(--muted); font-weight: 400; }
.is-row.dim .is-st, .is-row.dim .is-dots { opacity: .75; }
.is-sec[data-sec="senden"] .is-row { background: var(--st-amber-tint); }
.is-sec[data-sec="senden"] .is-row:hover { background: color-mix(in srgb, var(--st-amber) 7%, transparent); }
.is-item.open > .is-row { background: color-mix(in srgb, var(--st-amber) 8%, transparent) !important; }
.is-row.sel { background: var(--sel) !important; }
.is-row.sel::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--text); }
.is-view.wp .is-row.sel .act { visibility: hidden; }
.is-list.kbd .is-row.kf { box-shadow: inset 2px 0 0 var(--muted); }
.is-row.flash { animation: is-flash 2s ease-out; }
@keyframes is-flash { 0%, 40% { background: color-mix(in srgb, var(--st-amber) 18%, transparent); } }
.is-row.ses { height: 30px; }
.is-row.ses .is-st { color: var(--st-amber); }
.is-row.ses .nm { color: var(--muted); font-weight: 400; }
.is-row.ses .nt { color: var(--text); }
.is-row.ses .act .is-btn { height: 24px; }
/* hazir satiri: 2 satir, kucuk resim sagda, iki dugme ust uste */
.is-row.hz { height: 64px; grid-template-rows: 26px 26px; row-gap: 4px; padding-top: 4px; padding-bottom: 4px; }
.is-row.hz .act .is-btn { height: 26px; }
.is-row.hz > .is-st { grid-column: 1; grid-row: 1; }
.is-row.hz > .is-pj { grid-column: 2; grid-row: 1; }
.is-row.hz > .nm { grid-column: 3; grid-row: 1; }
.is-row.hz > .nt { grid-column: 4; grid-row: 1; }
.is-row.hz > .ch { display: none; }
.is-row.hz > .is-thumb { grid-column: 5; grid-row: 1 / 3; }
.is-row:not(.hz) > .is-thumb { display: none; }
.is-row.hz .l2 { grid-column: 3 / 5; grid-row: 2; display: flex; gap: 6px; align-items: center; min-width: 0; overflow: hidden; }
.is-row.hz .is-thumb { width: 80px; height: 50px; }
.is-row.hz > .is-dots { grid-column: 6; grid-row: 1 / 3; }
.is-row.hz > .age { grid-column: 7; grid-row: 1 / 3; }
.is-row.hz > .act { grid-column: 8; grid-row: 1 / 3; flex-direction: column; gap: 4px; }
.is-row .l2 { display: none; }
.is-row.hz .l2 { display: flex; }
.is-thumb { border-radius: var(--r-6); overflow: hidden; position: relative; border: 1px solid var(--line-2); background: #0b0b20; display: block; padding: 0; flex: none; }
.is-thumb .td { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }
.is-thumb .tm { position: absolute; right: 3px; bottom: 3px; width: 17px; height: 36px; border-radius: var(--r-4); object-fit: cover; object-position: top; border: 1px solid rgb(255 255 255 / .55); box-shadow: 0 1px 4px rgb(0 0 0 / .45); }
.is-lnk { display: inline-flex; align-items: center; gap: 5px; font: var(--fs-12) "Geist Mono", monospace; color: var(--muted); white-space: nowrap; margin-left: 4px; border: 0; background: transparent; padding: 0; }
.is-lnk:hover { color: var(--text); }
.is-lnk .ph { font-size: var(--fs-13); }
.is-row .l2 .dur { font-size: var(--fs-12); color: var(--faint); white-space: nowrap; }

/* daralma kurali: liste genisligi */
.is-list[data-w="l"] .is-row, .is-list[data-w="m"] .is-row, .is-list[data-w="s"] .is-row { grid-template-columns: 20px 84px 200px minmax(100px, 1fr) auto 96px 112px; }
.is-list[data-w="l"] .is-row > .is-dots, .is-list[data-w="m"] .is-row > .is-dots, .is-list[data-w="s"] .is-row > .is-dots { display: none; }
.is-list[data-w="l"] .is-row.hz, .is-list[data-w="m"] .is-row.hz { height: 58px; grid-template-rows: 24px 24px; padding-top: 3px; padding-bottom: 3px; }
.is-list[data-w="l"] .is-row.hz .is-thumb { width: 64px; height: 40px; }
.is-list[data-w="l"] .is-row.hz .is-thumb .tm { width: 14px; height: 29px; }
.is-list[data-w="l"] .is-row.hz > .age, .is-list[data-w="m"] .is-row.hz > .age { grid-column: 6; }
.is-list[data-w="l"] .is-row.hz > .act, .is-list[data-w="m"] .is-row.hz > .act { grid-column: 7; }
.is-list[data-w="l"] .is-row.hz .l2 .is-lnk, .is-list[data-w="l"] .is-row.hz .l2 .dur,
.is-list[data-w="m"] .is-row.hz .l2 .is-lnk, .is-list[data-w="m"] .is-row.hz .l2 .dur { display: none; }
.is-list[data-w="m"] .is-row, .is-list[data-w="s"] .is-row { grid-template-columns: 20px 31px 160px minmax(100px, 1fr) auto 88px 96px; }
.is-list[data-w="m"] .is-pj .pf, .is-list[data-w="s"] .is-pj .pf { display: none; }
.is-list[data-w="m"] .is-pj .p4, .is-list[data-w="s"] .is-pj .p4 { display: inline; }
.is-list[data-w="m"] .is-row.hz .is-thumb, .is-list[data-w="s"] .is-row.hz .is-thumb { display: none; }
.is-list[data-w="m"] .is-row .act .is-btn, .is-list[data-w="s"] .is-row .act .is-btn { width: 96px; }
.is-list[data-w="m"] .is-btn .lf, .is-list[data-w="s"] .is-btn .lf { display: none; }
.is-list[data-w="m"] .is-btn .ls, .is-list[data-w="s"] .is-btn .ls { display: inline; }
.is-list[data-w="s"] .is-row:not(.hz):not(.ses) { height: 56px; grid-template-rows: 22px 22px; row-gap: 2px; padding-top: 5px; padding-bottom: 5px; }
.is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .nt { grid-column: 3 / 6; grid-row: 2; }
.is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .is-st, .is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .is-pj, .is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .nm { grid-row: 1; }
.is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .ch { grid-column: 5; grid-row: 1; }
.is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .age { grid-column: 6; grid-row: 1 / 3; }
.is-list[data-w="s"] .is-row:not(.hz):not(.ses) > .act { grid-column: 7; grid-row: 1 / 3; }
.is-list[data-w="s"] .is-row.hz > .nt { grid-column: 4 / 6; }

/* suzgec (ust cubuk sayaclari): satir duzeyinde, iki gruplamada da calisir */
.is-list[data-filter="senden"] .is-item:not([data-sec="senden"]),
.is-list[data-filter="hazir"] .is-item:not([data-sec="hazir"]),
.is-list[data-filter="engel"] .is-item:not([data-sec="engel"]),
.is-list[data-filter="calisiyor"] .is-item:not([data-sec="calisiyor"]),
.is-list[data-filter="calisiyor"] .is-item[data-phase="sirada"], .is-list[data-filter="calisiyor"] .is-item[data-phase="durdu"],
.is-list[data-filter="sirada"] .is-item:not([data-phase="sirada"]) { display: none; }
.is-item[data-pfilter-off] { display: none; }
/* Biten katli: yalniz geri al suresindeki Canlida isler gorunur */
.is-list.bin-folded .is-item[data-sec="biten"]:not([data-keep]) { display: none; }

/* Hazir: Kart gorunumu */
/* Kartlar ayni yukseklikte (en uzun karta gerilir), dugmeler altta hizali; ozet en cok iki satir. */
.is-list .is-sec.kart .is-items { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; padding: 12px 24px 14px; }
.is-list .is-sec.kart .is-item { width: 320px; display: flex; flex-direction: column; }
.is-list .is-sec.kart .is-row.hz { width: 320px; flex: 1; height: auto; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; grid-template-rows: auto auto auto auto 1fr; grid-template-areas: "th th th" "st nm ag" "nt nt nt" "l2 l2 l2" "ac ac ac"; row-gap: 8px; column-gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: var(--r-10); background: var(--panel); }
.is-list .is-sec.kart .is-row.hz > .is-thumb { grid-area: th; width: 298px; height: 186px; display: block; }
.is-list .is-sec.kart .is-row.hz > .is-thumb .tm { width: 48px; height: 104px; right: 6px; bottom: 6px; }
.is-list .is-sec.kart .is-row.hz > .is-st { grid-area: st; }
.is-list .is-sec.kart .is-row.hz > .nm { grid-area: nm; }
.is-list .is-sec.kart .is-row.hz > .age { grid-area: ag; }
.is-list .is-sec.kart .is-row.hz > .nt { grid-area: nt; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.45; min-height: calc(2 * 1.45em); }
.is-list .is-sec.kart .is-row.hz > .l2 { grid-area: l2; flex-wrap: wrap; display: flex; }
.is-list .is-sec.kart .is-row.hz > .l2 .is-lnk, .is-list .is-sec.kart .is-row.hz > .l2 .dur { display: inline-flex; }
/* Kartta tek ana dugme (Onizlemeyi ac, cerceveli); Canliya cikar yaninda ikincil (cercevesiz). */
.is-list .is-sec.kart .is-row.hz > .act { grid-area: ac; align-self: end; flex-direction: row; visibility: visible; }
.is-list .is-sec.kart .is-row.hz > .act .is-btn { flex: 1; width: auto; }
.is-list .is-sec.kart .is-row.hz > .act .is-btn + .is-btn { flex: none; background: transparent; border-color: transparent; color: var(--muted); }
.is-list .is-sec.kart .is-row.hz > .act .is-btn + .is-btn:hover { background: var(--panel-2); color: var(--text); }
.is-list .is-sec.kart .is-row.hz > .is-pj, .is-list .is-sec.kart .is-row.hz > .is-dots, .is-list .is-sec.kart .is-row.hz > .ch { display: none; }

/* soru karti: liste sutunlarina hizali */
.is-qc { position: relative; border-top: 1px solid color-mix(in srgb, var(--st-amber) 25%, var(--line)); background: color-mix(in srgb, var(--st-amber) 3%, var(--panel)); padding: 0 24px; outline: 0; }
.is-qc::before { content: ""; position: absolute; left: 33px; top: 0; bottom: 0; width: 2px; background: color-mix(in srgb, var(--st-amber) 55%, transparent); }
.is-q { display: grid; grid-template-columns: 20px 84px 250px minmax(0, 1fr); column-gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.is-list[data-w="l"] .is-q, .is-list[data-w="m"] .is-q, .is-list[data-w="s"] .is-q { grid-template-columns: 20px 84px 200px minmax(0, 1fr); }
.is-q .qn { grid-column: 2; font: var(--fs-12)/1 "Geist Mono", monospace; color: var(--faint); padding-top: 7px; }
.is-q.focus .qn { color: var(--st-amber-t); }
.is-q .qx { grid-column: 3; }
.is-q .qt { font-weight: 600; padding-top: 3px; }
.is-q .qw { font-size: var(--fs-12); color: var(--muted); margin-top: 2px; line-height: 1.35; }
.is-q .qo { grid-column: 4; min-width: 0; }
.is-opts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.is-opt { height: 28px; padding: 0 10px 0 8px; border-radius: var(--r-6); border: 1px solid var(--line-2); display: inline-flex; align-items: center; gap: 7px; background: var(--panel); white-space: nowrap; font-size: var(--fs-13); }
.is-opt:hover { border-color: color-mix(in srgb, var(--text) 45%, var(--line-2)); }
.is-opt .rd { width: 13px; height: 13px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1.5px var(--line-2); flex: none; }
.is-opt.on { border-color: var(--text); }
.is-opt.on .rd { box-shadow: inset 0 0 0 4px var(--text); }
.is-opt.oth { border-style: dashed; color: var(--muted); }
.is-opt kbd { display: none; }
.is-q.focus .is-opt kbd { display: inline; }
.is-oin { height: 28px; min-width: 200px; padding: 0 10px; border-radius: var(--r-6); border: 1px solid var(--text); background: var(--panel); color: var(--text); font: var(--fs-13) "Geist", sans-serif; outline: 0; }
.is-rem { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-12); color: var(--muted); margin-left: 6px; height: 28px; white-space: nowrap; cursor: pointer; border: 0; background: transparent; padding: 0; }
.is-cb { width: 14px; height: 14px; border-radius: var(--r-4); box-shadow: inset 0 0 0 1.5px var(--line-2); display: grid; place-items: center; font-size: var(--fs-12); color: var(--pri-fg); flex: none; }
.is-rem.on { color: var(--text); }
.is-rem.on .is-cb { background: var(--text); box-shadow: none; }
.is-rsn { font-size: var(--fs-12); color: var(--muted); margin-top: 4px; line-height: 16px; display: flex; align-items: center; gap: 5px; }
.is-rsn .ph { color: var(--st-amber); font-size: var(--fs-13); }
.is-qf { display: grid; grid-template-columns: 20px 84px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; padding: 8px 0 9px; }
.is-qf .bt { grid-column: 3; display: flex; align-items: center; gap: 8px; min-width: 0; }
.is-note { font-size: var(--fs-12); color: var(--muted); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.is-note .ph { font-size: var(--fs-14); color: var(--muted); flex: none; }
.is-note span { overflow: hidden; text-overflow: ellipsis; }
.is-qf .is-note { margin-left: 8px; }
.is-qf .folds { grid-column: 4; display: flex; gap: 2px; }
.is-fold { height: 24px; padding: 0 8px; border-radius: var(--r-6); display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-12); color: var(--muted); white-space: nowrap; border: 0; background: transparent; }
.is-fold:hover { background: var(--panel-2); color: var(--text); }
.is-fold .ph { font-size: var(--fs-12); color: var(--faint); transition: transform .12s; }
.is-fold.on .ph-caret-right { transform: rotate(90deg); }
.is-fold b { font-weight: 400; color: var(--faint); }
.is-qmore { padding: 0 0 10px 116px; font-size: var(--fs-12); color: var(--muted); line-height: 1.5; }
.is-list[data-w="l"] .is-qmore, .is-list[data-w="m"] .is-qmore { padding-left: 116px; }
.is-qmore .kchips { display: flex; flex-wrap: wrap; gap: 6px; }
.is-qbar { display: flex; align-items: center; gap: 8px; padding: 6px 0 6px 116px; font-size: var(--fs-12); color: var(--st-amber-t); border-bottom: 1px solid var(--line); }
.is-qdone { display: flex; align-items: center; gap: 8px; padding: 8px 24px 8px 140px; font-size: var(--fs-12); color: var(--muted); border-top: 1px solid var(--line); background: var(--panel); }
.is-qdone .ph { color: var(--st-green); font-size: var(--fs-14); }
.is-qerr { color: var(--st-red-t); font-size: var(--fs-12); }
/* karar karti */
.is-kc { position: relative; border-top: 1px solid color-mix(in srgb, var(--st-amber) 30%, var(--line)); background: color-mix(in srgb, var(--st-amber) 6%, var(--panel)); padding: 12px 24px 14px; display: grid; grid-template-columns: 20px 84px 250px minmax(0, 1fr); column-gap: 12px; outline: 0; }
.is-list[data-w="l"] .is-kc, .is-list[data-w="m"] .is-kc, .is-list[data-w="s"] .is-kc { grid-template-columns: 20px 84px 200px minmax(0, 1fr); }
.is-kc::before { content: ""; position: absolute; left: 32px; top: 0; bottom: 0; width: 3px; background: var(--st-amber); }
.is-kc .ki { grid-column: 2; font-size: var(--fs-20); color: var(--st-amber-t); padding-top: 1px; }
.is-kc .kl { grid-column: 3; }
.is-ktype { font-size: var(--fs-16); font-weight: 600; color: var(--st-amber-t); line-height: 1.3; }
.is-klock { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font-size: var(--fs-12); font-weight: 500; color: var(--st-red-t); }
.is-klock .ph { font-size: var(--fs-13); }
.is-ksub { font-size: var(--fs-12); color: var(--muted); margin-top: 4px; }
.is-kc .kr { grid-column: 4; min-width: 0; }
.is-kq { font-size: var(--fs-14); font-weight: 500; line-height: 1.4; }
.is-kfacts { font-size: var(--fs-12); color: var(--muted); margin-top: 4px; }
.is-kb { display: flex; align-items: center; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.is-kfoot { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: var(--fs-12); color: var(--muted); }
.is-kfoot .ph { font-size: var(--fs-14); }
.is-ksteps { margin: 8px 0 0; padding-left: 18px; font-size: var(--fs-13); line-height: 1.6; }
.is-kdraft { margin-top: 8px; padding: 8px 10px; border-radius: var(--r-6); background: var(--panel); border: 1px solid var(--line); white-space: pre-wrap; font-size: var(--fs-13); max-height: 180px; overflow-y: auto; }

/* durum satiri */
.is-foot { height: 32px; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 14px; padding: 0 24px; font-size: var(--fs-12); color: var(--faint); flex: none; }
.is-foot .ph { font-size: var(--fs-14); }
.is-foot button { display: flex; align-items: center; gap: 7px; color: var(--muted); border: 0; background: transparent; padding: 0; font-size: var(--fs-12); }
.is-foot button:hover { color: var(--text); }
.is-foot .ok { display: flex; align-items: center; gap: 6px; }
.is-foot .ok i { width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--faint); }
.is-foot .bad { display: flex; align-items: center; gap: 6px; color: var(--st-quiet-t); }

/* ---------- detay paneli */
.is-panel { border-left: 1px solid var(--line); background: var(--panel); display: flex; flex-direction: column; min-height: 0; min-width: 0; box-shadow: -12px 0 32px rgb(0 0 0 / .12); }
.is-pn-scroll { flex: 1; min-height: 0; overflow-y: auto; }
.is-pn-head { padding: 14px 20px 12px; border-bottom: 1px solid var(--line); }
.is-pn-r1 { display: flex; align-items: center; gap: 10px; }
.is-pn-r1 .is-ib { width: 28px; height: 28px; font-size: var(--fs-16); }
.is-pn-head h2 { margin: 8px 0 3px; font-size: var(--fs-16); font-weight: 600; letter-spacing: -.005em; line-height: 1.35; }
.is-pn-meta { font-size: var(--fs-12); color: var(--muted); display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; }
.is-pn-meta .ph { font-size: var(--fs-13); }
.is-pn-acts { display: flex; gap: 8px; margin-top: 12px; align-items: center; flex-wrap: wrap; }
.is-pn-acts:empty { display: none; }
.is-pn-acts .is-btn { height: 32px; padding: 0 12px; }
.is-pn-nx { margin-top: 8px; font-size: var(--fs-13); color: var(--text); display: flex; align-items: baseline; gap: 6px; }
.is-pn-nx .ph { color: var(--ct); font-size: var(--fs-13); }
.is-pn-note { font-size: var(--fs-12); color: var(--muted); margin-top: 8px; }
.is-pn-note:empty { display: none; }
.is-pn-note.bad { color: var(--st-red-t); }
.is-strip { display: flex; padding: 14px 20px 2px; }
.is-stp { width: 84px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; position: relative; font-size: var(--fs-12); }
.is-stp::after { content: ""; position: absolute; left: 12px; top: 4px; width: 70px; height: 2px; background: var(--line-2); }
.is-stp.p::after { background: var(--dot-past); }
.is-stp:last-child::after { display: none; }
.is-stp i { width: 10px; height: 10px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1.5px var(--line-2); margin-bottom: 5px; }
.is-stp.p i { background: var(--dot-past); box-shadow: none; }
.is-stp.n i { background: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent); }
.is-stp.q i { box-shadow: inset 0 0 0 2px var(--c); }
.is-stp.w i { box-shadow: inset 0 0 0 2px var(--st-amber); }
.is-stp.h i { background: var(--st-red); box-shadow: none; }
.is-stp span { color: var(--text); font-weight: 500; }
.is-stp.e span { color: var(--muted); font-weight: 400; }
.is-stp em { font-style: normal; font-size: var(--fs-12); font-variant-numeric: tabular-nums; color: var(--muted); min-height: 17px; }
.is-strip-meta { font-size: var(--fs-12); color: var(--muted); padding: 6px 20px 12px; }
.is-strip-meta .basis { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--muted); }
.is-strip-meta .basis .ph { font-size: var(--fs-13); }
.is-tabs { display: flex; gap: 18px; padding: 0 20px; border-bottom: 1px solid var(--line); }
.is-tabs button { height: 34px; display: flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 500; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: transparent; padding: 0; }
.is-tabs button b { font-weight: 400; color: var(--faint); }
.is-tabs button.on { color: var(--text); border-color: var(--text); }
.is-ps { padding: 14px 20px; border-bottom: 1px solid var(--line); }
.is-ps.nb { border-bottom: 0; padding-bottom: 0; }
.is-ps.cont { padding-top: 10px; }
.is-tlr { display: contents; }
.is-ps-h { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-weight: 600; font-size: var(--fs-13); }
.is-ps-h .r { font-weight: 400; font-size: var(--fs-12); color: var(--muted); display: flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 0; }
.is-ps-h button.r:hover { color: var(--text); }
.is-url { display: flex; align-items: center; gap: 6px; font: var(--fs-12) "Geist Mono", monospace; color: var(--muted); margin-bottom: 10px; border: 0; background: transparent; padding: 0; max-width: 100%; }
.is-url span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-url:hover { color: var(--text); }
.is-url .ph { font-size: var(--fs-13); flex: none; }
.is-rnd { display: flex; border: 1px solid var(--line); border-radius: var(--r-6); overflow: hidden; }
.is-rnd button { height: 22px; min-width: 26px; padding: 0 7px; display: grid; place-items: center; font-size: var(--fs-12); color: var(--muted); border: 0; background: transparent; }
.is-rnd button.on { background: var(--panel-2); color: var(--text); }
.is-shots { display: flex; gap: 12px; }
.is-shot { border-radius: var(--r-6); overflow: hidden; border: 1px solid var(--line-2); position: relative; background: #0b0b20; display: block; padding: 0; flex: none; }
.is-shot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.is-shot .lb { position: absolute; left: 6px; bottom: 6px; height: 20px; padding: 0 6px; border-radius: var(--r-4); background: rgb(0 0 0 / .7); color: #fff; font-size: var(--fs-12); display: flex; align-items: center; gap: 4px; }
.is-chk { display: flex; align-items: flex-start; gap: 7px; margin-top: 10px; font-size: var(--fs-12); color: var(--muted); }
.is-chk .ph { color: var(--st-green); font-size: var(--fs-14); margin-top: 1px; flex: none; }
.is-chk.bad .ph { color: var(--st-red); }
/* Juri ozeti: uyeler kim, kacinci bakis, su an ne oluyor, kac acik engel/not/duzeltilmis. */
.is-jsum { margin: -2px 0 10px; padding: 10px 12px; border-radius: var(--r-6); background: var(--panel-2); font-size: var(--fs-12); line-height: 1.5; color: var(--muted); }
.is-jsum .jst { margin-top: 4px; color: var(--text); font-weight: 500; }
.is-jsum .jst.bad { color: var(--st-red-t); }
.is-jsum .jst.ok { color: var(--st-green-t); }
/* Go live penceresinde juri hukmu */
.is-modal .fr.is-jv .ft { display: block; }
.is-modal .fr.is-jv b { font-weight: 600; }
.is-modal .fr.is-jv.bad b { color: var(--st-red-t); }
.is-modal .fr.is-jv.ok b { color: var(--st-green-t); }
.is-modal .fr.is-jv .why { margin-top: 2px; font-size: var(--fs-12); color: var(--muted); line-height: 1.5; }
.is-jsum .cn { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.is-jsum .cn .r { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; border: 0; background: transparent; color: var(--st-red-t); font-size: var(--fs-12); cursor: pointer; padding: 0; }
.is-tg.ok { background: var(--st-green-bg); color: var(--st-green-t); }
.is-fd.blk { padding: 6px 8px; margin-left: -8px; border-radius: var(--r-6); background: var(--st-red-bg); }
.is-fd.blk .t { color: var(--text); }
.is-fd.dn { opacity: .7; }
.is-jfold { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: var(--fs-12); cursor: pointer; }
.is-jfold:hover { color: var(--text); }
.is-fd .is-agl { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 5px; padding: 4px 8px; }
.is-jm-h .is-tg { margin-left: auto; }
.is-jm { display: grid; grid-template-columns: 18px 1fr; column-gap: 8px; padding: 8px 0; border-top: 1px solid var(--line); }
.is-jm:first-of-type { border-top: 0; padding-top: 0; }
.is-jm > .ph { font-size: var(--fs-16); color: var(--st-green); margin-top: 1px; }
.is-jm > .ph.bad { color: var(--st-red); }
.is-jm > .ph.wait { color: var(--faint); }
.is-jm-h { display: flex; align-items: center; gap: 8px; }
.is-jm-h b { font-weight: 600; }
.is-jm-h span { color: var(--muted); font-size: var(--fs-12); }
.is-fd { display: flex; gap: 10px; margin-top: 7px; align-items: center; }
.is-crop { width: 44px; height: 30px; border-radius: var(--r-4); border: 1px solid var(--line-2); flex: none; object-fit: cover; object-position: top; background: #0b0b20; }
.is-fd .t { font-size: var(--fs-12); color: var(--text); }
.is-fd .s { font-size: var(--fs-12); color: var(--muted); margin-top: 1px; }
.is-fd .s b { font-weight: 500; color: var(--st-green-t); }
.is-fd .s b.open { color: var(--st-red-t); }
.is-fd.none { color: var(--muted); font-size: var(--fs-12); }
.is-jf { display: flex; gap: 10px; margin-top: 8px; font-size: var(--fs-12); }
.is-jf button { color: var(--muted); display: flex; align-items: center; gap: 5px; border: 0; background: transparent; padding: 0; font-size: var(--fs-12); }
.is-jf button:hover { color: var(--text); }
.is-jsug { margin: 6px 0 0 18px; padding: 0; font-size: var(--fs-12); color: var(--muted); }
/* Acik engeller: kart basina ne oldugu, oneri, ajanin cevabi ve eylemler. */
.is-evb { cursor: pointer; gap: 2px; }
.is-evb:hover { filter: brightness(1.15); text-decoration: underline; text-underline-offset: 2px; }
.is-evb .ph { font-size: 11px; }
.is-blks .is-blk-in { font-size: var(--fs-12); color: var(--muted); line-height: 1.5; margin: -2px 0 10px; }
.is-blk { margin-top: 10px; padding: 10px 12px; border: 1px solid color-mix(in oklab, var(--st-red) 35%, var(--line)); border-left: 3px solid var(--st-red); border-radius: var(--r-6); background: var(--panel); }
.is-blk.ig { border-color: var(--line); border-left-color: var(--line-2); opacity: .7; }
.is-blk .h { display: flex; align-items: center; gap: 8px; font-size: var(--fs-12); color: var(--muted); }
.is-blk .h .who { font-weight: 600; color: var(--text); }
.is-blk .h .where { font: var(--fs-12) "Geist Mono", ui-monospace, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.is-blk .t { margin-top: 4px; font-size: var(--fs-13); line-height: 1.55; color: var(--text); overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.is-blk .fx { margin-top: 6px; font-size: var(--fs-12); line-height: 1.5; color: var(--muted); user-select: text; -webkit-user-select: text; }
.is-blk .fx b { color: var(--text); font-weight: 500; }
.is-blk code, .is-agl code { font: 0.92em "Geist Mono", ui-monospace, monospace; padding: 1px 4px; border-radius: 4px; background: var(--panel-2); }
.is-blk-ig { margin-top: 14px; font-size: var(--fs-12); color: var(--muted); }
.is-agl { margin-top: 8px; padding: 8px 10px; border-radius: var(--r-6); background: var(--panel-2); font-size: var(--fs-12); line-height: 1.5; color: var(--text); user-select: text; -webkit-user-select: text; }
.is-agl .h, .is-mnotes .is-agl { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.is-agl .ph { font-size: var(--fs-14); }
.is-agl .tm { color: var(--muted); }
.is-agl.ok .ph { color: var(--st-green); }
.is-agl.w .ph { color: var(--st-amber); }
.is-agl.bad { background: var(--st-red-bg); }
.is-agl.bad .ph { color: var(--st-red); }
.is-agl .w { margin-top: 3px; color: var(--text); }
.is-agl .agtodo { margin-top: 6px; }
.is-agl .agtodo .lb { font-weight: 600; margin-bottom: 2px; }
.is-agl .agtodo p { margin: 0 0 4px; }
.is-mnotes .is-agl { margin-top: 4px; padding: 4px 8px; }
.is-tg { display: inline-block; padding: 0 5px; border-radius: var(--r-4); font-size: 11px; font-weight: 600; line-height: 17px; background: var(--panel-2); color: var(--muted); vertical-align: 1px; }
.is-tg.bad { background: var(--st-red-bg); color: var(--st-red-t); }
.is-rep { color: var(--text); margin: 0 0 10px; font-size: var(--fs-13); line-height: 1.6; overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.is-rep p { margin: 0 0 8px; }
.is-rep .md-h { font-weight: 600; margin: 16px 0 6px; padding-top: 10px; border-top: 1px solid var(--line); }
.is-rep .md-h:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
/* Markdown parcalari (rapor, juri notlari, gonderilen metin): liste, satir ici kod, kod blogu + Kopyala, baglanti. */
.md-li { display: grid; grid-template-columns: 18px 1fr; column-gap: 6px; margin: 4px 0; padding-left: calc(var(--lv, 0) * 20px); }
.md-b { color: var(--muted); text-align: right; font-variant-numeric: tabular-nums; }
.is-rep code, .is-mnotes code { font: 0.92em "Geist Mono", ui-monospace, monospace; padding: 1px 5px; border-radius: 4px; background: var(--panel-2); border: 1px solid var(--line); overflow-wrap: anywhere; }
.md-code { position: relative; margin: 8px 0; border: 1px solid var(--line); border-radius: var(--r-6); background: var(--panel-2); }
.md-code pre { margin: 0; padding: 10px 12px; padding-right: 84px; font: var(--fs-12)/1.55 "Geist Mono", ui-monospace, monospace; color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow: auto; user-select: text; -webkit-user-select: text; }
.md-cp { position: absolute; top: 6px; right: 6px; height: 24px; padding: 0 8px; display: inline-flex; align-items: center; gap: 5px; border-radius: var(--r-6); border: 1px solid var(--line-2); background: var(--panel); color: var(--muted); font-size: var(--fs-12); cursor: pointer; }
.md-cp:hover { color: var(--text); }
.md-a { color: var(--st-blue-t); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.is-sent { margin-top: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-6); background: var(--panel-2); }
.is-sent .h { display: flex; align-items: center; gap: 8px; font-size: var(--fs-13); }
.is-sent .h .ph-check-circle { color: var(--st-green); font-size: var(--fs-16); }
.is-sent .h .tm { color: var(--muted); font-size: var(--fs-12); }
.is-sent .h .is-btn { height: 26px; font-size: var(--fs-12); }
.is-sent .w { margin: 4px 0 8px; font-size: var(--fs-12); color: var(--muted); line-height: 1.5; }
.is-sent .md-code { margin: 0; background: var(--panel); }
.is-cr { display: grid; grid-template-columns: 16px 1fr auto; column-gap: 8px; padding: 4px 0; font-size: var(--fs-12); align-items: center; }
.is-cr .ph { color: var(--st-green); font-size: var(--fs-14); }
.is-cr .ph.o { color: var(--faint); }
.is-cr .ph.x { color: var(--st-red); }
.is-cr .e { color: var(--muted); font-size: var(--fs-12); }
.is-tl { display: grid; grid-template-columns: 44px 1fr; column-gap: 10px; row-gap: 5px; font-size: var(--fs-12); }
.is-tl .tm { font-variant-numeric: tabular-nums; color: var(--muted); }
.is-tl .fx { color: var(--muted); display: flex; align-items: center; gap: 5px; border: 0; background: transparent; padding: 0; font-size: var(--fs-12); text-align: left; }
.is-tl .fx:hover { color: var(--text); }
.is-tl .fx .ph { transition: transform .12s; }
.is-tl .fx.on .ph { transform: rotate(90deg); }
.is-tl .sub { color: var(--muted); }
.is-kchips { display: flex; flex-wrap: wrap; gap: 6px; }
.is-kchips .is-chip { height: 24px; }
.is-brief { font-size: var(--fs-12); color: var(--muted); line-height: 1.5; white-space: pre-wrap; }
.is-fsec .is-ps-h { margin-bottom: 0; }
.is-fsec .is-brief { margin-top: 10px; max-height: 360px; overflow-y: auto; padding: 10px 12px; border-radius: var(--r-6); background: var(--panel-2); overflow-wrap: anywhere; }
.is-fsec .is-own { color: var(--text); }
.is-fh { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 0; font: inherit; font-weight: 600; color: var(--text); cursor: pointer; }
.is-fh .ph { color: var(--muted); }
.is-own-n { margin-top: 6px; font-size: var(--fs-12); color: var(--muted); display: flex; align-items: center; gap: 5px; }
.is-own-n .ph { color: var(--st-green); }
.is-now { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--r-6); background: var(--st-blue-bg); }
.is-now.k { background: var(--st-violet-bg); }
.is-now.g { background: var(--panel-2); }
.is-now .tx { flex: 1; font-weight: 500; min-width: 0; }
.is-now .tm { font-size: var(--fs-12); color: var(--muted); white-space: nowrap; }
.is-addn { border-left: 2px solid var(--line-2); padding: 2px 0 2px 10px; }
.is-addn + .is-addn { margin-top: 10px; }
.is-addn p { line-height: 1.45; margin: 0; white-space: pre-wrap; }
.is-rc { display: flex; gap: 12px; margin-top: 6px; font-size: var(--fs-12); color: var(--muted); }
.is-rc span { display: inline-flex; align-items: center; gap: 4px; }
.is-rc .ph { font-size: var(--fs-13); color: var(--st-green); }
.is-asm { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-12); color: var(--text); }
.is-asm + .is-asm { margin-top: 6px; }
.is-asm .is-fold { margin-left: auto; height: 20px; flex: none; }
.is-pn-q { border-bottom: 1px solid var(--line); }
.is-pn-q .is-qc, .is-pn-q .is-kc { border-top: 0; padding: 4px 20px 0 22px; display: block; }
.is-pn-q .is-qc::before, .is-pn-q .is-kc::before { left: 0; }
.is-pn-q .is-q { display: block; padding: 10px 0; }
.is-pn-q .is-q .qn { display: none; }
.is-pn-q .is-q .qo { margin-top: 8px; }
.is-pn-q .is-qf { display: block; padding: 10px 0 12px; }
.is-pn-q .is-qf .bt { flex-wrap: wrap; }
.is-pn-q .is-qf .is-note { margin: 8px 0 0; white-space: normal; display: flex; }
.is-pn-q .is-qf .folds { display: none; }
.is-pn-q .is-qbar, .is-pn-q .is-qmore { padding-left: 0; }
.is-pn-q .is-kc { padding-top: 12px; padding-bottom: 14px; }
.is-pn-q .is-kc .ki { display: none; }
.is-pn-q .is-kc .kr { margin-top: 8px; }
.is-flow-empty { color: var(--muted); font-size: var(--fs-12); }
.is-comp { border-top: 1px solid var(--line); padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; background: var(--panel); flex: none; }
.is-comp .r1 { display: flex; gap: 8px; align-items: flex-end; }
.is-comp textarea { flex: 1; min-height: 34px; height: 34px; max-height: 140px; border-radius: var(--r-6); border: 1px solid var(--line-2); padding: 7px 12px; color: var(--text); background: var(--bg); font: var(--fs-13)/18px "Geist", sans-serif; resize: none; outline: 0; }
.is-comp textarea:focus { border-color: color-mix(in srgb, var(--text) 40%, var(--line-2)); }
.is-comp textarea::placeholder { color: var(--faint); }
.is-comp .is-ib { width: 32px; height: 34px; }
.is-comp .is-btn { height: 34px; }
.is-comp .rcpt { font-size: var(--fs-12); color: var(--muted); display: flex; gap: 12px; padding-left: 2px; }
.is-comp .rcpt:empty { display: none; }
.is-comp .rcpt span { display: inline-flex; align-items: center; gap: 4px; }
.is-comp .rcpt .ph { color: var(--st-green); font-size: var(--fs-13); }
.is-comp .is-catt:not(:empty) { padding: 0; }

/* ---------- acilir menu, balon, onay penceresi */
.is-pop { position: fixed; z-index: 35; min-width: 220px; max-width: 360px; max-height: 60vh; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: var(--r-10); background: var(--panel); box-shadow: var(--shadow); }
.is-pop .h { padding: 6px 10px 4px; font-size: var(--fs-12); color: var(--faint); font-weight: 600; }
.is-pop .sep { height: 1px; background: var(--line); margin: 5px 4px; }
.is-pop button { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 30px; padding: 4px 10px; border: 0; border-radius: var(--r-6); background: transparent; text-align: left; font-size: var(--fs-13); color: var(--text); }
.is-pop button:hover, .is-pop button.kf { background: var(--panel-2); }
.is-pop button .ph { font-size: var(--fs-14); color: var(--muted); flex: none; }
.is-pop button .s { margin-left: auto; color: var(--faint); font-size: var(--fs-12); white-space: nowrap; padding-left: 10px; }
.is-pop button.on .ph-check { color: var(--text); }
.is-pop button .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-pop button:disabled { opacity: .5; cursor: default; }
.is-pop .is-acc { display: flex; align-items: center; gap: 8px; padding: 6px 10px; font-size: var(--fs-12); }
.is-pop .is-acc .dot { width: 7px; height: 7px; border-radius: var(--r-pill); background: var(--c); flex: none; }
.is-pop .is-acc b { font-weight: 500; color: var(--text); font-size: var(--fs-13); }
.is-pop .is-acc .s { margin-left: auto; color: var(--muted); white-space: nowrap; }
.is-pop.danger button.d { color: var(--st-red-t); }
.is-pop input { width: 100%; height: 30px; margin: 2px 0 4px; padding: 0 10px; border-radius: var(--r-6); border: 1px solid var(--line-2); background: var(--bg); color: var(--text); font: var(--fs-13) "Geist", sans-serif; outline: 0; }
.is-tip { position: fixed; z-index: 36; padding: 8px; border-radius: var(--r-10); background: var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); display: flex; gap: 8px; pointer-events: none; }
.is-tip img { display: block; border-radius: var(--r-4); object-fit: cover; object-position: top; background: #0b0b20; }
.is-mback { position: fixed; inset: 0; z-index: 38; background: rgb(10 10 10 / .38); display: grid; place-items: center; padding: 16px; animation: is-in .12s ease-out; }
.is-modal { width: min(640px, 100%); max-height: calc(100vh - 32px); display: flex; flex-direction: column; border-radius: var(--r-10); background: var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); padding: 20px 22px 18px; user-select: text; -webkit-user-select: text; }
.is-modal .is-mbody { overflow-y: auto; min-height: 0; flex: 1 1 auto; margin-right: -10px; padding-right: 10px; }
.is-modal .btns, .is-modal .err { flex: none; }
.is-modal .is-mnotes { margin: 10px 0 0; padding: 0 0 0 26px; display: flex; flex-direction: column; gap: 8px; font-size: var(--fs-13); line-height: 1.55; color: var(--text); }
.is-modal .is-mnotes li { padding-left: 2px; overflow-wrap: anywhere; }
.is-modal .is-mnotes li::marker { color: var(--muted); font-variant-numeric: tabular-nums; }
.is-mtools { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; user-select: none; -webkit-user-select: none; }
.is-mtools .is-btn { height: 26px; font-size: var(--fs-12); }
.is-modal h2 { margin: 0; font-size: var(--fs-16); font-weight: 600; }
.is-modal .who { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: var(--fs-13); color: var(--muted); }
.is-modal .is-mmain { margin-top: 14px; font-size: var(--fs-14); line-height: 1.5; }
.is-modal .warn { display: flex; gap: 8px; align-items: flex-start; margin-top: 8px; font-size: var(--fs-13); color: var(--muted); line-height: 1.45; }
.is-modal .warn .ph { margin-top: 2px; font-size: var(--fs-14); flex: none; }
.is-modal .warn.bad { color: var(--st-red-t); }
.is-modal .facts { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.is-modal .fr { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-13); }
.is-modal .fr > .ph { font-size: var(--fs-16); color: var(--muted); margin-top: 1px; flex: none; }
.is-modal .fr > .ph.ok { color: var(--st-green); }
.is-modal .fr > .ph.bad { color: var(--st-red); }
.is-modal .fr .ft { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-width: 0; }
.is-modal .fr .is-mmono { font: var(--fs-12) "Geist Mono", monospace; color: var(--muted); flex-basis: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-modal .fr .sub2 { flex-basis: 100%; font-size: var(--fs-12); color: var(--muted); }
.is-modal .btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.is-modal .btns .is-btn { height: 34px; padding: 0 14px; }
.is-modal .btns .is-btn:focus-visible, .is-modal .btns .is-btn.df:focus { outline: 2px solid var(--text); outline-offset: 2px; }
.is-modal .steps2 { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-13); color: var(--muted); }
.is-modal .steps2 span { display: flex; align-items: center; gap: 8px; }
.is-modal .err { margin-top: 10px; font-size: var(--fs-13); color: var(--st-red-t); }
.is-modal .err .warn { margin-top: 0; }
/* Ana dal alinirken bekleme kutusu (hata degil) ve "hazir olunca kendisi ciksin" onayi. */
.is-modal .is-wait { margin-top: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-6); background: var(--st-blue-bg); color: var(--text); }
.is-modal .is-wait.on { background: var(--st-green-bg); }
.is-modal .is-wait .h { display: flex; gap: 8px; align-items: flex-start; font-size: var(--fs-13); font-weight: 500; line-height: 1.45; }
.is-modal .is-wait .h .ph { margin-top: 2px; font-size: var(--fs-16); color: var(--st-blue); flex: none; }
.is-modal .is-wait.on .h .ph { color: var(--st-green); }
.is-modal .is-wait .w { margin: 4px 0 0 24px; font-size: var(--fs-12); color: var(--muted); line-height: 1.5; }
.is-modal .is-wait .is-mtools { margin-left: 24px; }
.is-modal .is-wait .is-btn.pri { height: 28px; }
.is-modal .err:empty { display: none; }

/* ---------- eski gorunumler yeni kabukta (Atolye, Hesaplar) */
/* Takip: sayac haplari ust cubuktaki "senden" ile karisiyordu (farkli seyleri sayiyorlar); yeni kabukta gizli. */
html.isl-on #track .tk-strip, html.isl-on #track .q-head > .muted { display: none; }
/* Yeni dilde mavi "calisiyor" demek; eski birincil dugmeler ve anahtarlar notr. Ekranda dolu birincil dugme en cok bir. */
html.isl-on .app .btn.primary { background: var(--panel); border-color: var(--line-2); color: var(--text); }
html.isl-on .app .btn.primary:hover { background: var(--panel-2); filter: none; }
html.isl-on .app .toggle input:checked + .track { background: var(--text); }
html.isl-on .app .toggle input:focus-visible + .track { box-shadow: 0 0 0 3px var(--line-2); }
/* Hizli is formu: "Pages adi (onizleme icin)" yer tutucusu kesilmesin. */
html.isl-on .app .qk-row .oto-in.sm { flex: 0 1 220px; }
/* Atolye > Ekipler (teams.js, yeni kabukta): kurulu ekipler ustte, her satirda belirgin "Is ver" (Isler'e gecer);
   hazir sablonlar ve bos ekip katli "Yeni ekip kur" bolumunun arkasinda. */
html.isl-on #teams .isl-thint { margin: -2px 0 12px; font-size: var(--fs-13); color: var(--muted); max-width: 760px; }
html.isl-on #teams .tr-acts .btn.isl-job { border: 1px solid var(--text); color: var(--text); font-weight: 600; background: var(--panel); }
html.isl-on #teams .tr-acts .btn.isl-job:hover { background: var(--panel-2); }
html.isl-on #teams .btn.isl-job .ph { font-weight: 700; }
html.isl-on #teams .isl-newfold { margin: 14px 0 0; width: 100%; }
html.isl-on #teams .isl-newbody { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; }
html.isl-on #teams .tp-jobhint { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; border-radius: 8px; background: var(--st-amber-bg); color: var(--text); font-size: var(--fs-13); }
html.isl-on #teams .tp-jobhint[hidden] { display: none; }
html.isl-on #teams .tp-jobhint .ph-lightbulb { color: var(--st-amber-t); font-size: var(--fs-16); }
html.isl-on #teams .tp-jobhint .btn { margin-left: auto; border-color: var(--text); font-weight: 600; }
html.isl-on #teams textarea.isl-tptext { width: 100%; min-height: 36px; resize: none; font: inherit; line-height: 20px; padding: 7px 10px; overflow-y: auto; display: block; }
html.isl-on #teams textarea.isl-tptext { border: 1px solid var(--line); border-radius: var(--r); background: var(--bg); color: var(--text); outline: 0; }
html.isl-on #teams textarea.isl-tptext:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
html.isl-on #teams textarea.isl-tptext::placeholder { color: var(--faint); }

/* Bolum ici proje gruplari (duruma gore). Kapali grubun satirlari gizli; baslik projeyi, sayiyi, durumu ve son biteni tasir. */
.is-item[data-gfold] { display: none; }
.is-gh[data-pfilter-off] { display: none; }
.is-gh { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 24px 0 22px; border-top: 1px solid var(--line); border-left: 2px solid transparent; font-size: var(--fs-13, 13px); color: var(--muted); }
.is-gh.open { border-left-color: var(--line-2); background: color-mix(in srgb, var(--text) 2%, transparent); }
.is-gh .gt0 { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.is-gh .gt0 .ph-caret-right, .is-gh .gt0 .ph-caret-down { width: 14px; color: var(--muted); }
.is-gh .gt0 .is-pj { min-width: 0; }
.is-gh .gt0 b { color: var(--text); font-weight: 600; white-space: nowrap; }
.is-gh .gt0 .n { font: var(--fs-12)/1 "Geist Mono", monospace; color: var(--muted); padding: 2px 6px; border: 1px solid var(--line); border-radius: 999px; }
.is-gh .gs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-gh .gth { width: 52px; height: 32px; object-fit: cover; object-position: top; border-radius: 4px; border: 1px solid var(--line); flex: none; cursor: zoom-in; }
.is-gh .gl { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--muted); }
.is-gh .age { flex: none; font-size: var(--fs-12); color: var(--muted); }
.is-gh .gt { display: inline-flex; align-items: center; gap: 6px; color: var(--st-blue-t, var(--muted)); white-space: nowrap; }
.is-gh .gt0:focus-visible { outline: 2px solid var(--focus, var(--st-blue)); outline-offset: 2px; border-radius: 4px; }
.is-item[data-gkey]:not([data-gfold]) > .is-row { border-left: 2px solid var(--line-2); }
.is-list .is-sec.kart .is-gh { flex: 1 0 100%; }
.is-list[data-w="m"] .is-gh .gl, .is-list[data-w="s"] .is-gh .gl, .is-list[data-w="s"] .is-gh .age, .is-list[data-w="s"] .is-gh .gth { display: none; }

/* Hub guncellemesi: ust cubukta dugme ve pencere */
.is-pill.upd { flex: none; color: var(--text); cursor: pointer; }
.is-pill.upd.on { border-color: color-mix(in srgb, var(--st-blue) 55%, var(--line)); color: var(--st-blue-t); background: color-mix(in srgb, var(--st-blue) 8%, transparent); }
.is-pill.upd.news { border-color: color-mix(in srgb, var(--st-green) 45%, var(--line)); color: var(--st-green-t); }
.is-modal .is-msec { margin: 14px 0 6px; font-size: var(--fs-12); font-weight: 600; color: var(--muted); text-transform: none; }
.is-modal .is-mold { margin-top: 12px; font-size: var(--fs-12); color: var(--muted); }
.is-modal .is-mold summary { cursor: pointer; }
.is-modal .is-mold ul { margin: 4px 0 6px 16px; padding: 0; }