/* P09 — 2026-10-25 — Klasik düz başlık + yalnız hover/focus ikonları + zarif Excel grid.
   Mevcut KST olay motoruna müdahale etmez. Beş alternatif için TEK görsel standart.
   Her görünümün içerik/KPI/detay/yükseklik özellikleri korunur. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central,
html[data-ks-table-variant] body .ks-table-render {
 --ks-cg-line:#dce4ea;
 --ks-cg-line-soft:#e7edf1;
 --ks-cg-outline:#cfdbe3;
 --ks-cg-header:#f3f6f8;
 --ks-cg-header-hover:#eaf2f6;
 --ks-cg-text:#243441;
 --ks-cg-quiet:#617786;
 --ks-cg-hover:#f2f8fa;
}
/* A continuous, edge-aligned grid — not separated cards or a pill table. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table],
html[data-ks-table-variant] body .ks-table-render table[data-kst-table]{
 border-collapse:separate!important;
 border-spacing:0!important;
 border:1px solid var(--ks-cg-outline)!important;
 border-radius:0!important;
 background:#fff!important;
 overflow:visible!important;
 box-shadow:0 2px 10px rgba(24,48,65,.035)!important;
}
/* Rectangular, restrained headers. Strong selector intentionally wins against old
   220px KST pill headers and alternate-variant style defaults. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>thead>tr>th.kst-head[data-kst-global-header="1"]:not([hidden]){
 min-width:138px!important;
 width:auto!important;
 height:50px!important;
 min-height:50px!important;
 max-height:none!important;
 padding:0!important;
 vertical-align:middle!important;
 background:var(--ks-cg-header)!important;
 color:var(--ks-cg-text)!important;
 border:0!important;
 border-bottom:1px solid var(--ks-cg-outline)!important;
 border-right:1px solid var(--ks-cg-line)!important;
 border-radius:0!important;
 box-shadow:none!important;
 filter:none!important;
 text-shadow:none!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>thead>tr>th.kst-head[data-kst-global-header="1"]:not([hidden]):hover,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>thead>tr>th.kst-head[data-kst-global-header="1"]:not([hidden]):focus-within{
 background:var(--ks-cg-header-hover)!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>thead>tr>th:not([hidden]):not(:has(~ th:not([hidden]))){
 border-right:0!important;
}
/* The old .kst-pill-head is retained as a DOM event container, but looks like
   a clean flat header and never reserves the circular icon slots. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>thead>tr>th.kst-head[data-kst-global-header="1"]>.kst-pill-head{
 position:relative!important;
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 box-sizing:border-box!important;
 width:100%!important;
 height:49px!important;
 min-height:49px!important;
 max-height:49px!important;
 grid-template-columns:none!important;
 gap:0!important;
 padding:0 14px!important;
 margin:0!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 color:var(--ks-cg-text)!important;
}
/* Title is aligned naturally at left like a spreadsheet column label. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-title{
 display:block!important;
 flex:1 1 auto!important;
 min-width:0!important;
 width:auto!important;
 margin:0!important;
 padding:0!important;
 text-align:left!important;
 color:var(--ks-cg-text)!important;
 background:transparent!important;
 font-family:Inter,system-ui,sans-serif!important;
 font-size:12px!important;
 font-weight:750!important;
 letter-spacing:.01em!important;
 line-height:1.25!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 transition:padding-right .16s ease!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] th.kst-head:hover .kst-pill-title,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] th.kst-head:focus-within .kst-pill-title{
 padding-right:72px!important;
}
/* The exact KST eye/sort buttons remain in the DOM with original listeners.
   Opacity (NOT visibility:hidden/display:none) preserves keyboard tab focus. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-eye,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-sort{
 appearance:none!important;
 position:absolute!important;
 display:flex!important;
 flex:0 0 28px!important;
 align-items:center!important;
 justify-content:center!important;
 top:50%!important;
 width:28px!important;height:28px!important;
 min-width:28px!important;min-height:28px!important;
 max-width:28px!important;max-height:28px!important;
 padding:3px!important;
 margin:0!important;
 border:1px solid transparent!important;
 border-radius:5px!important;
 background:transparent!important;
 box-shadow:none!important;
 color:var(--ks-cg-quiet)!important;
 opacity:0!important;
 pointer-events:none!important;
 transform:translateY(-50%)!important;
 transition:opacity .16s ease,background-color .16s ease,border-color .16s ease!important;
 cursor:pointer!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-eye{
 right:43px!important;
 background:transparent!important;
 color:var(--ks-cg-quiet)!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-sort{
 right:10px!important;
 background:transparent!important;
 color:var(--ks-cg-quiet)!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-eye>.kst-pill-icon,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-sort>.kst-pill-icon{
 width:17px!important;height:17px!important;flex-basis:17px!important;
 background-color:currentColor!important;
 color:var(--ks-cg-quiet)!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] th.kst-head:hover .kst-pill-head>.kst-pill-eye,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] th.kst-head:hover .kst-pill-head>.kst-pill-sort,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] th.kst-head:focus-within .kst-pill-head>.kst-pill-eye,
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] th.kst-head:focus-within .kst-pill-head>.kst-pill-sort{
 opacity:1!important;
 pointer-events:auto!important;
 transform:translateY(-50%)!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>button:hover{
 background:#deecf4!important;
 border-color:#cadce7!important;
 color:#23587a!important;
 transform:translateY(-50%)!important;
 box-shadow:none!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>button:focus-visible{
 background:#e1f0f8!important;
 outline:2px solid #5c9dc3!important;
 outline-offset:1px!important;
 transform:translateY(-50%)!important;
}
/* Delicate, continuous vertical AND horizontal borders for every visible value cell. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tbody>tr>td:not([hidden]),
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tfoot>tr>td:not([hidden]){
 border-top:0!important;
 border-left:0!important;
 border-right:1px solid var(--ks-cg-line)!important;
 border-bottom:1px solid var(--ks-cg-line-soft)!important;
 border-radius:0!important;
 box-shadow:none!important;
 background-clip:padding-box!important;
 vertical-align:middle!important;
}
/* Old wide/airy variant used disconnected cards. Restore a true table grid. */
html[data-ks-table-variant="2"] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tbody>tr>td:not([hidden]){
 border-top:0!important;
 border-left:0!important;
 border-right:1px solid var(--ks-cg-line)!important;
 border-bottom:1px solid var(--ks-cg-line-soft)!important;
 border-radius:0!important;
 box-shadow:none!important;
}
/* First, last, and hidden columns remain aligned after user visibility changes. */
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tbody>tr>td:first-child:not([hidden]),
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tfoot>tr>td:first-child:not([hidden]){
 border-left:0!important;
 border-radius:0!important;
 box-shadow:none!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tbody>tr>td:not([hidden]):not(:has(~ td:not([hidden]))),
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tfoot>tr>td:not([hidden]):not(:has(~ td:not([hidden]))){
 border-right:0!important;
 border-radius:0!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tbody>tr:last-child>td:not([hidden]),
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tfoot>tr:last-child>td:not([hidden]){
 border-bottom:0!important;
}
html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table]>tbody>tr:hover>td:not([hidden]){
 background-color:var(--ks-cg-hover)!important;
}
/* Server-side semantic renderer follows identical spreadsheet grid. */
html[data-ks-table-variant] body .ks-table-render table[data-kst-table] th,
html[data-ks-table-variant] body .ks-table-render table[data-kst-table] td{
 border-radius:0!important;
 border-left:0!important;
 border-top:0!important;
 border-right:1px solid var(--ks-cg-line)!important;
 border-bottom:1px solid var(--ks-cg-line-soft)!important;
 box-shadow:none!important;
}
html[data-ks-table-variant] body .ks-table-render table[data-kst-table] thead th{
 background:var(--ks-cg-header)!important;
 color:var(--ks-cg-text)!important;
 text-align:left!important;
}
/* Touch screens cannot hover; expose controls so they remain usable. */
@media(hover:none),(pointer:coarse){
 html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-eye,
 html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-sort{
  opacity:1!important;
  pointer-events:auto!important;
 }
 html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-title{
  padding-right:72px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>button,
 html[data-ks-table-variant] body .kst-table-host.kst-p09-pill-central table[data-kst-table] .kst-pill-head>.kst-pill-title{
  transition:none!important;
 }
}
