/* takvim-grid.css — PAYLASILAN takvim izgarasi (ay/hafta/gun/yil + gantt).
   FAZ 1 · S7 (sartname md. 4.1.3 + 4.7.9). Talep'e AIT DEGIL: kabuk seviyesinde yasar,
   Talep ilk tuketicisidir; FAZ 7'nin Takvim modulu ayni izgarayi tuketecek.

   KAYIT BIR ARALIKTIR, AN DEGIL: cubuk sol ucu atama, sag ucu termin (bkz. TakvimOgeResult).
   Renk = kategori (tk-c0..c3) · ikon = tip · nokta = oncelik. Bar deseni Envanter'in
   Zimmet gantt'indan devralindi (clipL/clipR/openr = ayni kavramlar).

   KAYNAK: Tasarim_Taslaklari/TalepClaudeDesignTaslak/Takvim.html — token adlari
   platform360.css'e cevrildi, onizleme iskelesi (.tk-desk/.tk-panel) ve modal/toast
   shim'i cikarildi (host P360.modal/P360.toast saglar).

   PORT SIRASINDA DUZELTILEN TASARIM DEFEKTI:
   · Yil gorunumu gun kareleri DOYGUN dolgu kullaniyordu (solid --green/--red). Bir yil
     boyu doymus kare duvari, tasarim sisteminin "belediye personeli icin gozu yormasin"
     ilkesine aykiri. Ton (--cbg) + renkli metin (--c) ile sakinlestirildi.
*/
/* ============================================================
   TAKVİM — Operasyon › Takvim  ·  prefix tk-  ·  DS tokens only
   ============================================================ */
.tk-root{font-variant-numeric:tabular-nums;display:flex;flex-direction:column;height:100%}
.tk-views{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.tk-view{flex:1;min-height:0;display:none;flex-direction:column;opacity:0;transition:opacity .15s ease}
.tk-view.is-active{display:flex;opacity:1}
.tk-scroll::-webkit-scrollbar{width:8px;height:8px}
.tk-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}
.tk-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* category token carriers */
.tk-c0{--c:var(--green);--cbg:var(--green-bg)}
.tk-c1{--c:var(--red);--cbg:var(--red-bg)}
.tk-c2{--c:var(--purple);--cbg:var(--purple-bg)}
.tk-c3{--c:var(--mac-blue);--cbg:var(--mac-blue-soft)}
.tk-p-acil{--pc:var(--red)}.tk-p-yuksek{--pc:var(--yellow)}.tk-p-orta{--pc:var(--mac-blue)}.tk-p-dusuk{--pc:var(--muted)}

/* ===== BLOCK 1 — control bar (glass) ===== */
.tk-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--glass-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.tk-zone-c{flex:1;display:flex;align-items:center;justify-content:center;gap:10px}
.tk-navgrp{display:inline-flex;align-items:center;gap:2px}
.tk-navbtn{appearance:none;border:1px solid var(--border);background:var(--surface);width:32px;height:32px;border-radius:var(--koselik-md);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:var(--hiz-hizli)}
.tk-navbtn:hover{background:var(--hover-bg)}
.tk-today{appearance:none;border:1px solid var(--border);background:var(--surface);height:32px;padding:0 14px;border-radius:var(--koselik-md);font:600 12.5px/1 var(--font);color:var(--text);cursor:pointer;transition:var(--hiz-hizli)}
.tk-today:hover{background:var(--hover-bg)}
.tk-title{font:600 17px/1.2 var(--font);color:var(--text);letter-spacing:-.2px;margin-left:8px;min-width:150px;text-align:center}

/* ===== BLOCK 2 — filter / legend strip ===== */
.tk-filterbar{display:flex;align-items:center;gap:14px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}
.tk-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-chip{appearance:none;border:1px solid var(--border);background:var(--surface);height:30px;padding:0 12px;border-radius:var(--koselik-lg);display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--font);color:var(--text);cursor:pointer;transition:var(--hiz-hizli);white-space:nowrap}
.tk-chip:hover{background:var(--hover-bg)}
.tk-chip .cdot{width:8px;height:8px;border-radius:50%;background:var(--c)}
.tk-chip .ccount{color:var(--muted);font-weight:600}
.tk-chip.is-on{border-color:var(--c);background:var(--cbg);color:var(--text)}
.tk-chip.is-on .ccount{color:var(--text)}
/* birim multiselect */
.tk-birim{position:relative;display:none;align-items:center;gap:8px}
.tk-birim.show{display:flex}
.tk-birim-btn{appearance:none;border:1px dashed var(--border-strong);background:var(--surface);height:30px;padding:0 12px;border-radius:var(--koselik-lg);display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--font);color:var(--text);cursor:pointer;transition:var(--hiz-hizli)}
.tk-birim-btn:hover{background:var(--hover-bg)}
.tk-birim-btn i{font-size:11px}
.tk-birim-pop{position:absolute;top:36px;left:0;z-index:40;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--golge-modal);padding:6px;display:none}
.tk-birim-pop.open{display:block}
.tk-birim-opt{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font:400 13px/1.3 var(--font);color:var(--text)}
.tk-birim-opt:hover{background:var(--hover-bg)}
.tk-birim-opt .bx{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:transparent;font-size:10px;flex-shrink:0}
.tk-birim-opt.on .bx{background:var(--mac-blue);border-color:var(--mac-blue);color:#fff}
.tk-uchips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tk-uchip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 6px 0 10px;background:var(--mac-blue-soft);color:var(--mac-blue);border-radius:var(--koselik-lg);font:500 11.5px/1 var(--font)}
.tk-uchip .x{appearance:none;border:0;background:transparent;color:var(--mac-blue);cursor:pointer;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.tk-uchip .x:hover{background:var(--mac-blue-soft)}
.tk-legend{margin-left:auto;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.tk-legend .li{display:inline-flex;align-items:center;gap:5px;font:400 11.5px/1 var(--font);color:var(--muted)}
.tk-legend .li i{font-size:12px;color:var(--text)}
.tk-legend .sep{width:1px;height:16px;background:var(--border)}
.tk-legend .pdot{width:7px;height:7px;border-radius:50%;background:var(--pc)}
.tk-legend .glyph{display:inline-flex;align-items:center;gap:3px}
.tk-legend .mini{width:20px;height:9px;border-radius:3px;background:var(--cbg);border-left:3px solid var(--c);position:relative}
.tk-legend .mini.open{border-left:0;border:1px dashed var(--border-strong)}

/* ===== empty state ===== */
.tk-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:60px}
.tk-empty i{font-size:52px;opacity:.4}
.tk-empty .t{font:500 14px/1.4 var(--font)}

/* ===== span bar (shared: AY / HAFTA / GANTT) ===== */
.tk-bar2{position:absolute;box-sizing:border-box;display:flex;align-items:center;gap:5px;padding:0 6px;background:var(--cbg);border-left:3px solid var(--c);border-radius:5px;cursor:pointer;overflow:hidden;transition:var(--hiz-hizli);text-align:left;appearance:none;font-family:var(--font)}
.tk-bar2:hover{filter:brightness(.96);z-index:9}
.tk-bar2.hasdl{border-right:3px solid var(--c)}
.tk-bar2.clipL{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}
.tk-bar2.clipR{border-top-right-radius:0;border-bottom-right-radius:0}
.tk-bar2.openr{border-right:1px dashed var(--c)}
.tk-bar2 .pd{width:6px;height:6px;border-radius:50%;background:var(--pc);flex-shrink:0}
.tk-bar2 .ti{font-size:10px;color:var(--c);flex-shrink:0}
.tk-bar2 .bl{font:600 11px/1.3 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.tk-bar2 .dl{font:700 10.5px/1 var(--font);color:var(--c);flex-shrink:0;margin-left:2px}
.tk-bar2 .ce{font-size:11px;color:var(--c);flex-shrink:0}
.tk-bar2 .or{color:var(--c);flex-shrink:0;font-size:11px;display:inline-flex}

/* ===== SCREEN A — AY ===== */
.tk-ay{flex:1;display:flex;flex-direction:column;min-height:0}
.tk-ay-wd{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border)}
.tk-ay-wd .wd{padding:8px 10px;font:600 10.5px/1 var(--font);text-transform:uppercase;letter-spacing:0.4px;color:var(--muted);text-align:right}
.tk-ay-wd .wd.we{color:var(--mac-blue)}
.tk-ay-rows{flex:1;display:flex;flex-direction:column;min-height:0}
.tk-ay-row{flex:1;position:relative;min-height:104px}
.tk-ay-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr)}
.tk-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}
.tk-cell:nth-child(7n){border-right:0}
.tk-cell.we{background:var(--gray-surface)}
.tk-cell.adj{background:var(--gray-surface)}
.tk-cell.today{background:var(--mac-blue-soft)}
.tk-cell.holiday{background:var(--red-bg)}
.tk-cell .dn{position:absolute;top:4px;right:6px;font:600 12.5px/1 var(--font);color:var(--text)}
.tk-cell.adj .dn{color:var(--muted);opacity:.55}
.tk-cell.today .dn{width:22px;height:22px;border-radius:50%;background:var(--mac-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;top:3px;right:5px}
.tk-cell .hol{position:absolute;top:5px;left:6px;right:26px;font:600 9.5px/1.1 var(--font);color:var(--red-dark);display:inline-flex;align-items:center;gap:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tk-cell .hol i{font-size:9px}
.tk-ay-lanes{position:absolute;left:0;right:0;top:26px;bottom:2px;pointer-events:none}
.tk-ay-lanes .tk-bar2{pointer-events:auto;height:19px}
.tk-more{position:absolute;pointer-events:auto;appearance:none;border:0;background:transparent;font:600 10px/1.3 var(--font);color:var(--muted);cursor:pointer;padding:1px 6px;border-radius:4px}
.tk-more:hover{background:var(--hover-bg);color:var(--text)}

/* ===== SCREEN B — HAFTA ===== */
.tk-hf{flex:1;display:flex;flex-direction:column;min-height:0}
.tk-hf-head{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border)}
.tk-hf-head .dh{padding:8px 10px;border-right:1px solid var(--border);text-align:center}
.tk-hf-head .dh:last-child{border-right:0}
.tk-hf-head .dh.today{background:var(--mac-blue-soft)}
.tk-hf-head .dh.we{background:var(--gray-surface)}
.tk-hf-head .wd{font:600 10.5px/1 var(--font);text-transform:uppercase;letter-spacing:0.4px;color:var(--muted)}
.tk-hf-head .dh.we .wd{color:var(--mac-blue)}
.tk-hf-head .dn{font:600 18px/1.1 var(--font);color:var(--text);margin-top:3px}
.tk-hf-head .dh.today .dn{color:var(--mac-blue)}
.tk-hf-head .cnt{font:400 11px/1 var(--font);color:var(--muted);margin-top:2px}
.tk-hf-body{flex:1;min-height:0;overflow:auto;position:relative}
.tk-hf-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);pointer-events:none}
.tk-hf-cols .col{border-right:1px solid var(--border)}
.tk-hf-cols .col:last-child{border-right:0}
.tk-hf-cols .col.today{background:var(--mac-blue-soft)}
.tk-hf-cols .col.we{background:var(--gray-surface)}
.tk-hf-lanes{position:relative;padding:8px 0}
.tk-hf-lanes .tk-bar2{height:32px}
.tk-hf-now{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--red);z-index:8;pointer-events:none}
.tk-hf-now .nd{position:absolute;top:-4px;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--red)}
.tk-hf-now .nl{position:absolute;top:-2px;left:6px;font:700 9.5px/1 var(--font);color:var(--red);background:var(--surface);padding:1px 3px;border-radius:3px}

/* ===== SCREEN C — GÜN ===== */
.tk-gun{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px}
.tk-gun-left{min-width:0;overflow:auto;border-right:1px solid var(--border);padding:18px 20px}
.tk-grp-h{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font:600 11px/1 var(--font);text-transform:uppercase;letter-spacing:0.5px;color:var(--muted)}
.tk-grp-h.second{margin-top:22px}
.tk-grp-h .n{background:var(--gray-surface);border-radius:var(--koselik-pill);padding:2px 8px;font-weight:600;color:var(--text)}
.tk-grp-h.due .n{background:var(--red-bg);color:var(--red-dark)}
.tk-dlist{display:flex;flex-direction:column;gap:8px}
.tk-drow{display:grid;grid-template-columns:4px auto 1fr auto;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--koselik-xl);box-shadow:var(--card-shadow);padding:11px 14px 11px 0;overflow:hidden;cursor:pointer;transition:var(--hiz-hizli);text-align:left;appearance:none;width:100%;font-family:var(--font)}
.tk-drow:hover{border-color:var(--border-strong)}
.tk-drow .edge{width:4px;align-self:stretch;background:var(--c)}
.tk-drow .lead{display:flex;align-items:center;gap:8px;padding-left:12px}
.tk-drow .pd{width:7px;height:7px;border-radius:50%;background:var(--pc)}
.tk-drow .ti{font-size:13px;color:var(--c)}
.tk-drow .mid{min-width:0}
.tk-drow .tt{font:600 13.5px/1.3 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-drow .meta{font:400 11.5px/1.3 var(--font);color:var(--muted);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}
.tk-drow .meta .u{display:inline-flex;align-items:center;gap:4px}
.tk-drow .right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-right:2px;white-space:nowrap}
.tk-drow .dl{font:600 12px/1 var(--font);color:var(--text)}
.tk-drow .rem{font:600 11px/1 var(--font)}
.tk-drow .rem.ok{color:var(--muted)}
.tk-drow .rem.over{color:var(--red-dark)}
.tk-drow .rem.open{color:var(--mac-blue)}
.tk-gun-panel{background:var(--gray-surface);padding:16px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.tk-gcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--koselik-xl);box-shadow:var(--card-shadow);padding:14px 16px}
.tk-gcard .gct{font:600 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:0.5px;color:var(--muted);margin:0 0 12px}
.tk-krlm{display:flex;flex-direction:column;gap:8px}
.tk-krlm-row{display:flex;align-items:center;gap:10px}
.tk-krlm-row .cdot{width:9px;height:9px;border-radius:50%;background:var(--c);flex-shrink:0}
.tk-krlm-row .lbl{font:400 12.5px/1.3 var(--font);color:var(--text);flex:1}
.tk-krlm-row .val{font:600 14px/1 var(--font);color:var(--text)}
.tk-pend{display:flex;flex-direction:column;gap:8px}
.tk-pend-row{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;background:var(--purple-bg);border-radius:8px}
.tk-pend-row .pi{width:24px;height:24px;border-radius:6px;background:var(--surface);color:var(--purple-dark);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.tk-pend-row .pt{font:500 12.5px/1.35 var(--font);color:var(--text)}
.tk-pend-row .pm{font:400 11px/1.3 var(--font);color:var(--muted);margin-top:2px}
.tk-pend-link{appearance:none;border:0;background:transparent;color:var(--mac-blue);font:600 12px/1.3 var(--font);cursor:pointer;padding:6px 4px 0;display:inline-flex;align-items:center;gap:5px}
.tk-pend-link:hover{text-decoration:underline}
.tk-hoursinfo{display:flex;align-items:flex-start;gap:8px;font:400 12px/1.5 var(--font);color:var(--muted)}
.tk-hoursinfo i{font-size:14px;flex-shrink:0;padding-top:1px}

/* ===== SCREEN D — YIL ===== */
.tk-yil{flex:1;min-height:0;overflow:auto;padding:18px 24px}
.tk-yil-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tk-mini{background:var(--surface);border:1px solid var(--border);border-radius:var(--koselik-xl);box-shadow:var(--card-shadow);padding:12px 12px 14px}
.tk-mini-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.tk-mini-head .mn{font:600 13px/1 var(--font);color:var(--text)}
.tk-mini-head .mc{font:500 10.5px/1 var(--font);color:var(--muted)}
.tk-mini-head .mc.over{color:var(--red-dark);font-weight:600}
.tk-mini-wd{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:3px}
.tk-mini-wd span{text-align:center;font:600 8.5px/1 var(--font);color:var(--muted)}
.tk-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.tk-md{aspect-ratio:1;border-radius:5px;background:var(--gray-surface);display:flex;align-items:center;justify-content:center;font:500 9.5px/1 var(--font);color:var(--muted);cursor:pointer;transition:var(--hiz-hizli)}
.tk-md.blank{background:transparent;cursor:default}
.tk-md.has{background:var(--cbg);color:var(--c);font-weight:700}
.tk-md.has:hover{filter:brightness(.92)}
.tk-md.today{box-shadow:0 0 0 2px var(--mac-blue)}
.tk-md.holiday{background:var(--red-bg);color:var(--red-dark);font-weight:700}

/* ===== GANTT (Birimim / Tüm) ===== */
.tk-gantt{flex:1;min-height:0;overflow:auto;position:relative}
.tk-gt{display:grid}
.tk-gt-head{display:grid;position:sticky;top:0;z-index:7;background:var(--surface)}
.tk-gt-corner{position:sticky;left:0;z-index:9;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 12px;font:600 10.5px/1.2 var(--font);text-transform:uppercase;letter-spacing:0.4px;color:var(--muted);display:flex;align-items:center}
.tk-gt-ticks{position:relative;border-bottom:1px solid var(--border)}
.tk-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border);padding:6px 0 0 5px;font:500 10px/1.2 var(--font);color:var(--muted);white-space:nowrap}
.tk-tick.we{background:var(--gray-surface)}
.tk-tick.today{background:var(--mac-blue-soft)}
.tk-tick.today .tn{color:var(--mac-blue);font-weight:700}
.tk-tick .tw{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.3px}
.tk-gt-grp{grid-column:1 / -1;position:sticky;left:0;display:flex;align-items:center;gap:9px;padding:8px 12px;background:var(--gray-surface);border-bottom:1px solid var(--border);cursor:pointer;z-index:6}
.tk-gt-grp .chev{font-size:10px;color:var(--muted);transition:transform .15s ease;width:12px}
.tk-gt-grp.collapsed .chev{transform:rotate(-90deg)}
.tk-gt-grp .av{width:24px;height:24px;border-radius:50%;background:var(--mac-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:600 10px/1 var(--font);flex-shrink:0}
.tk-gt-grp .gn{font:600 13px/1.2 var(--font);color:var(--text)}
.tk-gt-grp .gc{font:500 11px/1 var(--font);color:var(--muted)}
.tk-gt-grp .grow{flex:1}
.tk-gt-grp .over{font:600 11px/1 var(--font);color:var(--red-dark)}
.tk-gt-row{display:contents}
.tk-gt-lbl{position:sticky;left:0;z-index:5;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 12px 8px 34px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.tk-gt-lbl .t{font:500 12.5px/1.3 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-gt-lbl .s{font:400 10.5px/1.2 var(--font);color:var(--muted);margin-top:2px}
.tk-gt-track{position:relative;border-bottom:1px solid var(--border)}
.tk-gt-track .tk-bar2{top:8px;height:26px}
/* density summary row */
.tk-gt-sum{position:sticky;left:0;z-index:5;grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 34px;background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer}
.tk-gt-sum:hover{background:var(--hover-bg)}
.tk-gt-sum .sc{font:600 12px/1 var(--font);color:var(--text);white-space:nowrap}
.tk-dist{flex:1;max-width:360px;height:10px;border-radius:var(--koselik-pill);overflow:hidden;display:flex;background:var(--gray-surface)}
.tk-dist span{height:100%}
.tk-dist .s0{background:var(--green)}.tk-dist .s1{background:var(--red)}.tk-dist .s2{background:var(--purple)}.tk-dist .s3{background:var(--mac-blue)}
.tk-gt-sum .so{font:600 11px/1 var(--font);color:var(--red-dark);white-space:nowrap}
.tk-gt-sum .exp{font:500 11.5px/1 var(--font);color:var(--mac-blue);white-space:nowrap;margin-left:auto}


/* ===== segment (kapsam + gorunum) =====
   Tasarim kendi DS'inin global `.seg`ini kullaniyordu; Admin'de boyle bir global YOK.
   `.tk-root` altina kapsayarak ekliyoruz — global isim alani kirlenmesin (konvansiyon:
   ekrana ozel her sey prefiksli/kapsamli). Dil EkSureRed'in `es-seg`i ile ayni. */
.tk-root .seg { display: inline-flex; gap: 2px; padding: 3px; background: var(--gray-surface); border-radius: 9px; flex-shrink: 0; }
.tk-root .seg button { appearance: none; border: 0; background: transparent; padding: 6px 13px; border-radius: 7px; font-family: var(--font); font-size: 12.5px; font-weight: 600; color: var(--muted); cursor: pointer; white-space: nowrap; transition: var(--hiz-hizli); }
.tk-root .seg button:hover { color: var(--text); }
.tk-root .seg button.active { background: var(--surface); color: var(--mac-blue); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10); }