/* R80: İnsan Kaynakları modülü (public/js/ik.js). Renkler yalnız tema değişkenleriyle (açık / koyu); 860 piksel altı telefon düzeni. */
.ik-k{--ik-r:var(--accent)}
.ik-sayfa,.ik-ana{display:flex;flex-direction:column;gap:14px;max-width:1280px}
.ik-izgara{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
.ik-sol,.ik-sag{display:flex;flex-direction:column;gap:14px;min-width:0}
.ik-kart{padding:16px 18px;border-radius:var(--radius-lg)}
.ik-kart h3{font-size:15px}
.ik-kh{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.ik-kh h3{flex:1;min-width:0;margin:0}
.ik-kh a{white-space:nowrap}
.ik-bos-k{color:var(--ink-3);font-size:13px;padding:10px 0 4px}
.ik-bos{padding:56px 20px}
.ik-bos b{display:block;font-size:15px;color:var(--ink-2);margin-bottom:4px}
.ik-bos-i{font-size:34px;margin-bottom:8px;opacity:.6}
.ik-ust{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ik-ust .spacer{flex:1}
.ik-ara{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);flex:1 1 260px;min-width:0;max-width:440px}
.ik-ara:focus,.ik-sec:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.ik-sec{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);max-width:100%}
.ik-buyuk{padding:11px 18px;font-size:14.5px;border-radius:11px;justify-content:center}
.ik-msj{font-size:13px;padding:9px 12px;border-radius:10px;margin:8px 0;line-height:1.45}
.ik-msj.hata{background:var(--crit-soft);color:var(--critical)}
.ik-msj.uyari{background:var(--warn-soft);color:var(--warn-ink)}
.ik-msj.bilgi{background:var(--accent-soft);color:var(--accent-ink)}
.ik-uyari-y{color:var(--warn-ink);font-weight:600}
.ik-cb{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.4;cursor:pointer;padding:4px 0}
.ik-cb input{accent-color:var(--accent);width:16px;height:16px;margin:1px 0 0;flex:none}
.chip.ik-d-iptal{text-decoration:line-through;color:var(--ink-3)}
.ik-k a.btn{text-decoration:none}

/* ---- karşılama ---- */
.ik-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  background:radial-gradient(120% 140% at 0% 0%,var(--accent-soft) 0%,transparent 58%),var(--surface)}
.ik-hero-t{flex:1;min-width:220px}
.ik-hero-s{color:var(--ink-2);font-size:14px}
.ik-hero h2{font-size:26px;line-height:1.15;margin:2px 0 4px}
.ik-hero-tarih{margin-top:6px;font-size:12.5px;color:var(--ink-3)}
.ik-hero-a{display:flex;gap:10px;flex-wrap:wrap}

/* ---- bakiye kartı ---- */
.ik-bk-ust{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.ik-bk-buyuk{display:flex;align-items:baseline;gap:8px;flex:1;min-width:150px}
.ik-bk-v{font-family:var(--font-head);font-size:46px;font-weight:600;line-height:1;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.ik-bk-v.eksi{color:var(--critical)}
.ik-bk-l{color:var(--ink-2);font-size:14px}
.ik-bk-ozet{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ink-2)}
.ik-bk-ozet div{display:flex;align-items:center;gap:6px}
.ik-bk-ozet b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:10px}
.ik-bk-n{width:9px;height:9px;border-radius:3px;display:inline-block;flex:none}
.ik-bk-n.kul,.ik-bk-cubuk .kul{background:var(--accent)}
.ik-bk-n.pl,.ik-bk-cubuk .pl{background:color-mix(in srgb,var(--accent) 45%,var(--surface))}
.ik-bk-n.bek,.ik-bk-cubuk .bek{background:var(--warn)}
.ik-bk-cubuk{display:flex;height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-bottom:10px}
.ik-bk-cubuk i{display:block;height:100%}
.ik-bk-satir{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3)}
.ik-bk-satir b{color:var(--ink-2)}
.ik-not-k{margin-top:10px;font-size:12.5px;color:var(--ink-2);background:var(--surface-2);border-radius:10px;padding:8px 11px}
.ik-not-k.uyari{background:var(--warn-soft);color:var(--warn-ink)}

/* ---- satırlar ---- */
.ik-satir{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:10px;cursor:pointer;min-width:0}
.ik-satir+.ik-satir{border-top:1px solid var(--line-2)}
.ik-satir:hover{background:var(--surface-2)}
.ik-satir.pasif{cursor:default}
.ik-satir.pasif:hover{background:transparent}
.ik-satir-t{flex:1;min-width:0}
.ik-satir-t b{display:block;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ik-satir-t small{display:block;color:var(--ink-3);font-size:12px;line-height:1.4}
.ik-nokta{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ik-r,var(--accent));flex:none;vertical-align:1px}
.ik-nokta.w{background:var(--ink-3)}
.ik-onay{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0}
.ik-onay+.ik-onay{border-top:1px solid var(--line-2)}
.ik-onay .ik-satir{flex:1 1 260px}
.ik-onay-a{display:flex;gap:6px;margin-left:auto}
.ik-onaykart{border-color:color-mix(in srgb,var(--warn) 55%,var(--line));background:linear-gradient(180deg,var(--warn-soft),transparent 70%),var(--surface)}

/* ---- kişiler, avatar ---- */
.ik-av{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex:none;font-size:12px;font-weight:600;letter-spacing:.02em;
  color:#fff;background:var(--ik-av,var(--accent))}
.ik-av.orta{width:44px;height:44px;font-size:14px}
.ik-av.buyuk{width:54px;height:54px;font-size:17px}
.ik-av1{--ik-av:var(--s1)}.ik-av2{--ik-av:var(--s2)}.ik-av3{--ik-av:var(--s3)}.ik-av4{--ik-av:var(--s4)}.ik-av5{--ik-av:var(--s5)}.ik-av6{--ik-av:var(--s6)}.ik-av7{--ik-av:var(--s7)}.ik-av8{--ik-av:var(--s8)}
.ik-kisiler{display:flex;flex-direction:column;gap:2px}
.ik-kisi{display:flex;align-items:center;gap:10px;padding:6px 0;min-width:0}
.ik-kisi>div{min-width:0}
.ik-kisi b{display:block;font-size:13.5px}
.ik-kisi small{display:block;color:var(--ink-3);font-size:12px;line-height:1.4}
.ik-kisi.kucuk .ik-av{width:26px;height:26px;font-size:10px}

/* ---- tatiller, duyurular ---- */
.ik-tatil{display:flex;align-items:center;gap:12px;padding:8px 0}
.ik-tatil+.ik-tatil{border-top:1px solid var(--line-2)}
.ik-tatil>div:nth-child(2){flex:1;min-width:0}
.ik-tatil b{display:block;font-size:13.5px}
.ik-tatil small{display:block;color:var(--ink-3);font-size:12px}
.ik-tarih-k{width:46px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;line-height:1}
.ik-tarih-k b{font-family:var(--font-head);font-size:19px}
.ik-tarih-k small{font-size:11px;color:inherit;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.ik-kalan{font-size:12px;color:var(--ink-3);white-space:nowrap}
.ik-duyuru{display:block;text-decoration:none;color:inherit;padding:9px 10px;border-radius:10px;border-left:3px solid transparent}
.ik-duyuru+.ik-duyuru{margin-top:2px}
.ik-duyuru:hover{background:var(--surface-2)}
.ik-duyuru.yeni{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}
.ik-duyuru b{display:block;font-size:13.5px}
.ik-duyuru small{display:block;color:var(--ink-2);font-size:12.5px;margin:2px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ik-duyuru .muted{font-size:11.5px}

/* ---- hızlı faaliyet ---- */
.ik-hizli-f{display:flex;gap:8px;flex-wrap:wrap}
.ik-hizli-f input,.ik-hizli-f select{font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);min-height:40px}
.ik-hizli-f input{flex:1 1 220px;min-width:0}
.ik-hizli-f input:focus,.ik-hizli-f select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.ik-fa-l{margin-top:10px;display:flex;flex-direction:column}
.ik-fa-s{display:flex;gap:10px;align-items:baseline;padding:6px 0;font-size:13.5px}
.ik-fa-s+.ik-fa-s{border-top:1px solid var(--line-2)}
.ik-fa-z{flex:none;min-width:86px;font-size:12px;color:var(--accent-ink);font-variant-numeric:tabular-nums;font-weight:600}
.ik-fa-top{margin-top:8px;font-size:12.5px;color:var(--ink-3);text-align:right}

/* ---- izinlerim ---- */
.ik-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 10px;font-size:13px}
.ik-dl dt{color:var(--ink-3)}
.ik-dl dd{margin:0}
.ik-duz{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;padding:8px 0;font-size:13px;align-items:baseline}
.ik-duz+.ik-duz{border-top:1px solid var(--line-2)}
.ik-duz small{grid-column:1 / -1;color:var(--ink-3);font-size:12px}
.ik-duz span{color:var(--ink-2)}
.ik-duz.iptal b,.ik-duz.iptal span{text-decoration:line-through;color:var(--ink-3)}
.ik-duz button{grid-row:1;grid-column:3}

/* ---- talep formu ---- */
.ik-adim{display:flex;align-items:center;gap:9px;margin:0 0 12px}
.ik-adim span{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-family:var(--font);flex:none}
.ik-adim small{font-weight:400}
.ik-turler{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.ik-tur{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;align-content:start;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface);transition:border-color .12s,background .12s}
.ik-tur:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ik-tur.on{border-color:var(--accent);background:var(--accent-soft)}
.ik-tur input{position:absolute;opacity:0;pointer-events:none}
.ik-tur:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.ik-tur b{font-size:13.5px}
.ik-tur small{grid-column:1 / -1;color:var(--ink-3);font-size:11.5px;line-height:1.35}
.ik-etiket{grid-column:1 / -1;justify-self:start;font-size:10.5px;font-weight:600;color:var(--accent-ink);background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface));border-radius:999px;padding:1px 8px;margin-top:3px}
.ik-etiket.gri{color:var(--ink-2);background:var(--surface-2)}
.ik-yarim{display:flex;flex-direction:column;gap:4px;margin:-2px 0 6px}
.ik-yarim-s{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ik-yarim-s .seg button{padding:6px 12px}
.ik-hizli-t{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.ik-onayli{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:4px}
.ik-ekler{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.ik-ekler a.chip{text-decoration:none}
.ik-ozetkart{position:sticky;top:14px}
.ik-ozetkart h3{margin-bottom:8px}
.ik-ozet-bos{color:var(--ink-3);font-size:13px;padding:14px;background:var(--surface-2);border-radius:12px;text-align:center}
.ik-ozet-gun{display:flex;align-items:baseline;gap:8px}
.ik-ozet-gun .v{font-family:var(--font-head);font-size:44px;font-weight:600;color:var(--accent-ink);line-height:1;font-variant-numeric:tabular-nums}
.ik-ozet-gun .l{color:var(--ink-2)}
.ik-ozet-a{margin:6px 0 8px;font-size:13.5px}
.ik-ozet-tatil,.ik-ozet-donus{font-size:13px;margin:6px 0}
.ik-ozet-bk{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);font-size:13px;display:flex;flex-direction:column;gap:2px}
.ik-ozet-bk.yok{background:var(--warn-soft);color:var(--warn-ink)}
.ik-ozet-ekip{margin:10px 0;padding-top:8px;border-top:1px solid var(--line-2)}
.ik-akis{font-size:12.5px;color:var(--ink-2);margin:10px 0}
.ik-gonder{width:100%;justify-content:center;padding:12px;font-size:15px;border-radius:11px}

/* ---- talep ayrıntısı ---- */
.ik-ayr-ust{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.ik-ayr-ust h2{font-size:19px}
.ik-ayr-ust .spacer{flex:1}
.ik-ayr-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 16px}
.ik-ayr-g>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ik-ayr-g b{font-size:14px}
.ik-ayr .l,.ik-notu .l{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.ik-notu{margin-top:14px;padding:10px 12px;background:var(--surface-2);border-radius:10px;font-size:13.5px;white-space:pre-wrap;display:flex;flex-direction:column;gap:3px}
.ik-wolvox{margin-top:10px}
.ik-adimlar{list-style:none;margin:0;padding:0}
.ik-adimlar li{position:relative;display:flex;gap:11px;padding:0 0 14px}
.ik-adimlar li:not(:last-child)::before{content:'';position:absolute;left:10px;top:22px;bottom:2px;width:2px;background:var(--line)}
.ik-adimlar li.tamam:not(:last-child)::before{background:var(--good)}
.ik-ad-n{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--surface);flex:none;position:relative;z-index:1}
.ik-adimlar li.tamam .ik-ad-n{background:var(--good);border-color:var(--good)}
.ik-adimlar li.tamam .ik-ad-n::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}
.ik-adimlar li.simdi .ik-ad-n{border-color:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}
.ik-adimlar li.red .ik-ad-n{background:var(--critical);border-color:var(--critical)}
.ik-adimlar li.red .ik-ad-n::after{content:'✕';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.ik-adimlar li.iptal .ik-ad-n{background:var(--ink-3);border-color:var(--ink-3)}
.ik-adimlar li.pasif{color:var(--ink-3)}
.ik-adimlar b{display:block;font-size:13.5px}
.ik-adimlar small{display:block;color:var(--ink-3);font-size:12px}
.ik-olay{padding:7px 0;font-size:13px}
.ik-olay+.ik-olay{border-top:1px solid var(--line-2)}
.ik-olay small{display:block;color:var(--ink-3);font-size:12px}

/* ---- kim izinde (ay ızgarası) ---- */
.ik-ay{display:flex;align-items:center;gap:8px}
.ik-ay b{font-family:var(--font-head);font-size:16px;min-width:120px;text-align:center}
.ik-takvim-k{padding:12px}
.ik-takvim-s{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
table.ik-takvim{border-collapse:separate;border-spacing:0;font-size:11.5px;width:100%;min-width:max-content}
.ik-takvim th,.ik-takvim td{padding:0;text-align:center;border-bottom:1px solid var(--line-2)}
.ik-takvim thead th{font-weight:600;color:var(--ink-2);padding:4px 0 5px;min-width:26px;width:26px;position:relative;line-height:1.15;font-variant-numeric:tabular-nums}
.ik-takvim thead th span{display:block;font-size:10px;font-weight:500;color:var(--ink-3)}
.ik-takvim .ht{background:var(--surface-2)}
.ik-takvim thead th.ht{color:var(--ink-3)}
.ik-takvim thead th.bg{color:var(--accent-contrast);background:var(--accent);border-radius:7px 7px 0 0}
.ik-takvim thead th.bg span{color:inherit}
.ik-takvim thead th.cak{box-shadow:inset 0 -3px 0 var(--warn)}
.ik-tatil-n{position:absolute;top:2px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--s2)}
.ik-takvim td{height:30px}
.ik-takvim td.bg{background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}
.ik-takvim td.iz{position:relative}
.ik-takvim td.iz>a,.ik-takvim td.iz>i{position:absolute;inset:5px 1px;border-radius:5px;background:var(--ik-r,var(--accent));display:block}
.ik-takvim td.iz.bek>a,.ik-takvim td.iz.bek>i{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ik-r,var(--accent)) 70%,transparent) 0 4px,transparent 4px 8px);box-shadow:inset 0 0 0 1.5px var(--ik-r,var(--accent))}
.ik-takvim td.iz.yarim>a,.ik-takvim td.iz.yarim>i{inset:10px 1px}
.ik-tk-ad{position:sticky;left:0;z-index:2;background:var(--surface);text-align:left!important;padding:4px 10px 4px 2px!important;white-space:nowrap;font-weight:500;min-width:170px;max-width:220px}
.ik-takvim thead .ik-tk-ad{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;z-index:3}
.ik-takvim tbody .ik-tk-ad{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line-2);height:31px;box-sizing:border-box}
.ik-takvim tbody .ik-tk-ad span{overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.ik-takvim tbody .ik-av{width:22px;height:22px;font-size:9px}
.ik-lejant{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--ink-3)}
.ik-lejant span{display:inline-flex;align-items:center;gap:6px}
.ik-lejant i{width:16px;height:12px;border-radius:4px;display:inline-block}
.ik-lejant i.iz{background:var(--accent)}
.ik-lejant i.iz.bek{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,transparent) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1.5px var(--accent)}
.ik-lejant i.iz.yarim{height:6px}
.ik-lejant i.ht{background:var(--surface-2);border:1px solid var(--line)}
.ik-lejant i.cak{background:transparent;box-shadow:inset 0 -3px 0 var(--warn)}
.ik-ekip-liste .ik-kisi{border-top:1px solid var(--line-2)}
.ik-ekip-liste .ik-kisi:first-of-type{border-top:0}

/* ---- rehber ---- */
.ik-n{margin:-4px 0 8px}
.ik-rehber-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ik-rk{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0}
.ik-rk-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ik-rk-t>b{font-size:14.5px}
.ik-rk-t>span{font-size:13px;color:var(--ink-2)}
.ik-rk-i{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:12.5px;min-width:0}
.ik-rk-i a,.ik-rk-i span{color:var(--accent-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ik-rk-i span{color:var(--ink-2)}
.ik-rk-i a:hover{text-decoration:underline}
.ik-rk-e{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--ink-3)}
.ik-durum{align-self:flex-start;font-size:11.5px;border-radius:999px;padding:1px 8px;margin-top:3px;background:var(--surface-2);color:var(--ink-2)}
.ik-durum.r-izin{background:var(--warn-soft);color:var(--warn-ink)}
.ik-durum.r-musait{background:var(--good-soft);color:var(--good)}
.ik-durum.r-mesgul{background:var(--crit-soft);color:var(--critical)}
.ik-durum.r-disarida{background:var(--info-soft);color:var(--info)}
.ik-org{overflow-x:auto}
.ik-org ul{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.ik-org>ul{padding-left:0}
.ik-org li{position:relative;padding:4px 0}
.ik-org ul ul li::before{content:'';position:absolute;left:-14px;top:0;bottom:0;border-left:1.5px solid var(--line)}
.ik-org ul ul li:last-child::before{bottom:auto;height:24px}
.ik-org ul ul li::after{content:'';position:absolute;left:-14px;top:24px;width:12px;border-top:1.5px solid var(--line)}
.ik-org-k{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);max-width:100%}
.ik-org-k>div{min-width:0}
.ik-org-k b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ik-org-k small{display:block;font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ik-org-k .ik-av{width:28px;height:28px;font-size:10px}
.ik-org-k.soluk{opacity:.55}
.ik-org-tek{display:flex;flex-wrap:wrap;gap:8px}

/* ---- faaliyetler ---- */
.ik-fa-form .field{margin-bottom:10px}
.ik-fa-r1{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}
.ik-fa-r2{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.ik-fa-r2>.field{flex:0 1 auto}
.ik-fa-r2>.field:not(:first-child){min-width:200px}
.ik-fa-r2 .seg{align-self:flex-start}
.ik-fa-mod button{padding:7px 12px}
.ik-saat{display:flex;align-items:center;gap:6px}
.ik-saat input{min-width:0}
.ik-fa-ek summary{cursor:pointer;font-size:13px;color:var(--accent-ink);margin:2px 0 8px}
.ik-fa-a{display:flex;gap:8px}
.ik-hafta{display:flex;flex-direction:column}
.ik-hg{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--line-2)}
.ik-hg:first-child{border-top:0}
.ik-hg.bugun .ik-hg-b b{color:var(--accent-ink)}
.ik-hg-b{flex:none;width:140px;display:flex;flex-direction:column;font-size:13px}
.ik-hg-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ik-hg-b span{color:var(--ink-3);font-size:12px}
.ik-hg-b .ik-hg-t{color:var(--accent-ink);font-weight:600;margin-top:2px}
.ik-hg-bos{color:var(--ink-3);font-size:12.5px;padding-top:1px}
.ik-hg.bos{opacity:.75}
.ik-fa-k{display:flex;gap:10px;align-items:flex-start;padding:4px 0;min-width:0}
.ik-fa-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ik-fa-m b{font-size:13.5px;font-weight:500;overflow-wrap:anywhere}
.ik-fa-m small{color:var(--ink-2);font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.ik-fa-m a{overflow-wrap:anywhere}
.ik-fa-i{display:flex;gap:4px;flex:none;opacity:.55}
.ik-fa-k:hover .ik-fa-i,.ik-fa-i:focus-within{opacity:1}

/* ---- İK yönetimi ---- */
.ik-yon-sek{margin-bottom:0}
.ik-yon-sek a{text-decoration:none}
.ik-tablo a{color:var(--ink);text-decoration:none}
.ik-tablo a:hover{text-decoration:underline}
.ik-tablo td .sub{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ik-tablo tr[hidden]{display:none}
.ik-eksi{color:var(--critical)}
.ik-alt-b{font-size:13px;margin:14px 0 6px;color:var(--ink-2)}
.ik-cbler{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 14px;margin-bottom:10px}
.ik-ayar .card h3{margin-bottom:8px}
.ik-ayar{display:flex;flex-direction:column;gap:14px;max-width:880px}
.ik-ayar-a{display:flex;justify-content:flex-end}
.ik-kural{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 0;font-size:13px;color:var(--ink-2)}
.ik-kural input{width:70px;font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.ik-kural input[readonly]{background:var(--surface-2);color:var(--ink-3)}
.ik-sonsuz{min-width:70px;color:var(--ink)}
.ik-kural-a{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}
.ik-aylar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:180px;align-items:end;padding-top:6px}
.ik-ay-c{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}
.ik-ay-c i{display:block;width:72%;max-width:38px;min-height:2px;background:var(--accent);border-radius:6px 6px 2px 2px}
.ik-ay-v{font-size:11px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ik-ay-l{font-size:11px;color:var(--ink-3)}
.ik-oran{display:inline-block;width:60px;height:7px;border-radius:999px;background:var(--surface-3);vertical-align:middle;overflow:hidden;margin-right:6px}
.ik-oran i{display:block;height:100%;background:var(--accent)}

/* ---- telefon ---- */
@media (max-width:1000px){.ik-izgara{grid-template-columns:minmax(0,1fr)}.ik-ozetkart{position:static}}
@media (max-width:860px){
  .ik-sayfa,.ik-ana{gap:12px}
  .ik-kart{padding:14px}
  .ik-hero{padding:16px;gap:12px}
  .ik-hero h2{font-size:22px}
  .ik-hero-a{width:100%}
  .ik-hero-a .btn{flex:1}
  .ik-bk-v{font-size:40px}
  .ik-onay-a{width:100%}
  .ik-onay-a .btn{flex:1;justify-content:center;padding:8px}
  .ik-turler{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ik-tur small{display:none}
  .ik-tur.on small{display:block}
  .ik-fa-r1{grid-template-columns:minmax(0,1fr)}
  .ik-fa-r2>.field{flex:1 1 100%}
  .ik-hg{flex-direction:column;gap:4px}
  .ik-hg-b{width:auto;flex-direction:row;gap:8px;align-items:baseline}
  .ik-hizli-f input{flex-basis:100%}
  .ik-hizli-f select{flex:1}
  .ik-tk-ad{min-width:120px;max-width:140px}
  .ik-ara{flex-basis:100%;max-width:none}
  .ik-ust .seg{max-width:100%;overflow-x:auto}
  .ik-rehber-l{grid-template-columns:minmax(0,1fr)}
  .ik-aylar{height:140px;gap:3px}
  .ik-ay-v{font-size:9.5px}
  .ik-dl{grid-template-columns:minmax(0,1fr)}
  .ik-dl dt{margin-top:4px}
}
@media (max-width:420px){.ik-ay b{min-width:96px;font-size:15px}.ik-tur{padding:10px}.ik-tur b{font-size:13px}}
@media (max-width:340px){.ik-turler{grid-template-columns:minmax(0,1fr)}}