/* =============================================================================
   FEELS BİLEŞEN KURALLARI — portal + tüm servislerin TÜM bileşen CSS'i.
   Bölümler: ORTAK (birden çok yüzeyde birebir/%60+ ortak kurallar, her kural
   tanımlandığı yüzeylere :where([data-app=..]) ile kapsamlı) + yüzey bölümleri.
   :where() özgüllüğü değiştirmez; cascade sırası: ORTAK -> yüzey bölümü.
   HTML'lerde <style> yok; bu dosya + theme.css her yüzeyde yüklüdür.
   ============================================================================= */

/* ====================== ORTAK ====================== */
/* FEELS YÜKLEME (tools/yukleme.js) — tüm yüzeylerin TEK yükleme ekranı.
   DOM'u araç üretir (.fy); burada yalnız görsel dil: çubuklar (--fy-c rengi,
   yoksa --accent) + aşama metni (sonuna fydots ile canlı '...'). Varyantlar:
   .fy-tam = tam ekran (servisler) · .fy-gecirgen = tıklama geçirir (portal). */
.fy{position:absolute;inset:0;z-index:200;background:var(--bg);display:flex;align-items:center;justify-content:center}
.fy[hidden]{display:none}
.fy-tam{position:fixed}
.fy-gecirgen{pointer-events:none}
.fy-ic{display:flex;flex-direction:column;align-items:center;gap:14px}
.fy-bars{display:flex;gap:5px;height:34px;align-items:flex-end}
.fy-bars i{width:5px;height:100%;border-radius:3px;background:var(--fy-c,var(--accent));transform-origin:bottom;animation:fybar 1s ease-in-out infinite;
  /* GPU katmanına al → ağır senkron işlem ana iş parçacığını bloke etse bile
     çubuklar compositor'da hareket etmeye devam eder */
  will-change:transform,opacity}
.fy-bars i:nth-child(2){animation-delay:.11s}
.fy-bars i:nth-child(3){animation-delay:.22s}
.fy-bars i:nth-child(4){animation-delay:.33s}
.fy-bars i:nth-child(5){animation-delay:.44s}
.fy-txt{font-size:13px;font-weight:600;color:var(--ink2);letter-spacing:.2px}
.fy-txt[hidden]{display:none}
.fy-txt::after{content:'';animation:fydots 1.4s infinite}
@keyframes fybar{0%,100%{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@keyframes fydots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}
*{box-sizing:border-box;margin:0;padding:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) header, :where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side{display:none !important}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .mono{font-family:inherit}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) header h1{font-size:20px;font-weight:700;letter-spacing:-.5px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) header h1 b{color:var(--accent);margin:0 .14em}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .spacer{flex:1}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .theme-btn:hover{border-color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .reset-btn{background:none;border:1px solid var(--line);color:var(--ink2);padding:8px 14px;border-radius:9px;cursor:pointer;font-size:12px;font-family:inherit}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .reset-btn:hover{border-color:var(--acil);color:var(--acil)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:40px 24px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-card .big b{color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-hata{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acil);border-radius:10px;padding:14px 18px;text-align:left;font-size:13px;color:var(--ink);line-height:1.5}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-hata::before{content:"Dosya işlenemedi";display:block;font-size:11px;font-weight:700;color:var(--acil);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-bas:hover{color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum.kapali .sb-ok{transform:rotate(-90deg)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-ic{padding:14px 13px 16px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-chip:hover{border-color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-chip.cikarildi .ay-kutu{background:transparent;border-color:var(--ink3)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-chip.cikarildi .ay-kutu::after{content:""}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-not{font-size:11px;color:var(--ink2);line-height:1.5;margin:0 0 11px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik:hover .info-tip{opacity:1;visibility:visible}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg{display:flex;gap:4px;flex-wrap:wrap}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg button:hover{border-color:var(--ink3);color:var(--ink)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-uygula:hover{filter:brightness(1.08)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-uygula:disabled{opacity:.4;cursor:not-allowed}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste-ic{width:100%}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-detay{width:459px;flex-shrink:0;height:100%;overflow-y:auto;border-left:1px solid var(--line);background:var(--panel)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:5}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-kimlik{display:flex;align-items:center;gap:13px;min-width:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-avatar{width:42px;height:42px;border-radius:11px;flex-shrink:0;background:var(--accent);color:var(--accent-ink);font-family:inherit;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-alt{font-family:inherit;font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.8px;margin-top:1px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-gez{display:flex;align-items:center;gap:6px;flex-shrink:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-ok, :where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-kapat{background:var(--panel2);border:1px solid var(--line);color:var(--ink2);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .13s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-ok:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-ok:disabled{opacity:.3;cursor:not-allowed}
/* sentry ürün drawer'ı: ürün seçimi butonu — BOŞ KUTU; seçilince accent dolu +
   tik görünür (seçili değilken yalnız boş kutu, tik gizli) */
:where(html[data-app="sentry"],html[data-app="refeel"],html[data-app="lobby"],html[data-app="sachet"]) .ud-sec .ud-tik{opacity:0;transition:opacity .12s}
:where(html[data-app="sentry"],html[data-app="refeel"],html[data-app="lobby"],html[data-app="sachet"]) .db-ok.ud-sec.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:where(html[data-app="sentry"],html[data-app="refeel"],html[data-app="lobby"],html[data-app="sachet"]) .db-ok.ud-sec.on .ud-tik{opacity:1}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-kapat{margin-left:4px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-kapat:hover{border-color:var(--acil);color:var(--acil)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-govde{padding:20px 24px 28px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi .dgk .dgk-n{font-family:inherit;font-size:17px;font-weight:700;letter-spacing:-.5px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi .dgk .dgk-l{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);font-weight:700;margin-top:3px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-baslik{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink3);font-weight:700;margin:18px 0 11px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-baslik:first-child{margin-top:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) tr.satir-sec td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .satir-link{cursor:pointer}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-tablar{display:flex;gap:4px;margin-left:10px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-tablar button{background:var(--panel2);border:1px solid var(--line);color:var(--ink2);font-size:11px;font-weight:600;padding:4px 11px;border-radius:7px;cursor:pointer;transition:all .13s;font-family:inherit}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-tablar button:hover{border-color:var(--accent);color:var(--ink)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns{display:flex;gap:2px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button:hover{color:var(--ink)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-grafik-svg{width:100%;height:240px;display:block;overflow:visible}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tg-cizgi-k{fill:none;stroke:var(--kat-medikal);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tg-nokta-k{fill:var(--kat-medikal);stroke:var(--panel);stroke-width:1}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tg-x{fill:var(--ink3);font-size:11px;font-family:inherit;text-anchor:middle}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-bos{height:220px;display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:13px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-legend{display:flex;gap:18px;margin-bottom:8px;font-size:11px;color:var(--ink2)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-legend .tl-item{display:flex;align-items:center;gap:6px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-legend .tl-renk{width:14px;height:3px;border-radius:2px;display:inline-block}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-legend .tl-kisi{background:var(--kat-medikal)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) table{width:100%;border-collapse:collapse}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.num, :where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num{text-align:right}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.sorted{color:var(--ink)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) tr:hover td{background:var(--rowhover)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pers-ad{font-weight:700}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pa-lider{background:rgba(62,207,142,.15);color:var(--ok)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pa-sira{font-family:inherit;font-size:10px;font-weight:700;margin-left:7px;vertical-align:middle;letter-spacing:-.3px;display:inline-flex;align-items:center;gap:1px;cursor:help}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pa-sira.up{color:var(--ok)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pa-sira.down{color:var(--acil)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pa-sira .tri{font-size:8px;line-height:1}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .p-iyi{background:rgba(62,207,142,.15);color:var(--ok)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .p-orta{background:rgba(240,169,59,.18);color:var(--yolda)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .p-dusuk{background:rgba(255,93,74,.15);color:var(--acil)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .barlist{display:flex;flex-direction:column;gap:9px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .barrow{display:flex;align-items:center;gap:10px;font-size:12px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .saatlik-grafik{display:flex;align-items:flex-end;gap:4px;height:130px;padding-top:8px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sg-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sg-lbl{font-family:inherit;font-size:9px;color:var(--ink3)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hidden{display:none !important}
/* pano kopyalama yedeği için ekran dışı geçici textarea (execCommand('copy')) */
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pano-gizli{position:fixed;opacity:0}
/* CSS değişkeni rengini somut rgb'ye çözmek için kullanılan görünmez ölçüm span'i */
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .renk-coz{display:none}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .btn-exp{background:var(--panel2);color:var(--ink);border:1px solid var(--line);padding:7px 14px;border-radius:7px;cursor:pointer;font-size:12px;font-family:inherit}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .btn-exp:hover{border-color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi .dgk .dgk-cmp{position:absolute;top:9px;right:11px;max-width:58%;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:flex-end;gap:3px;text-align:right;line-height:1.25;color:var(--cmp-c,inherit)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi-buyuk{display:flex;align-items:stretch;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:18px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi-buyuk .dgkb-metrik{flex:1;position:relative;padding-right:4px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi-buyuk .dgkb-bol{width:1px;background:var(--line);margin:0 18px;align-self:stretch}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi-buyuk .dgkb-n{font-family:inherit;font-size:24px;font-weight:700;letter-spacing:-.5px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi-buyuk .dgkb-l{font-size:9.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);font-weight:700;margin-top:4px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi-buyuk .dgkb-cmp{position:absolute;top:0;right:0;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px;color:var(--cmp-c,var(--ink3))}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-ikili{display:flex;flex-direction:column;gap:11px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kart{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kart-bas{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kart-sat{font-size:12px;color:var(--ink2);margin-bottom:6px;line-height:1.5;display:flex;gap:7px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kart-sat:last-child{margin-bottom:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks{display:flex;flex-direction:column;gap:9px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-item{display:flex;gap:11px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:11px 14px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-item.p1{border-left-color:var(--acil)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-item.p2{border-left-color:var(--yolda)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-no{flex:0 0 22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:inherit}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-item.p1 .dg-aks-no{background:var(--acil);color:#fff}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-item.p2 .dg-aks-no{background:var(--yolda);color:#fff}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-b{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-n{font-size:11px;color:var(--ink3);margin-top:3px;line-height:1.45}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aks-bos{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:10px;padding:12px 14px;font-size:12px;color:var(--ink2);line-height:1.5}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-bar{display:flex;gap:2px;margin-bottom:14px;border-bottom:1px solid var(--line)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-tab{flex:1;font:inherit;font-size:12px;font-weight:700;color:var(--ink3);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:9px 4px;cursor:pointer;user-select:none;transition:.12s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-tab:hover{color:var(--ink2)}
/* REFEEL ürün çekmecesi sekme barını Sepetler/Bildirim çekmecesi (.sepet-sek/.notif-sek)
   formatıyla EŞLE (yalnız refeel; paylaşılan .dt-bar/.dt-tab diğer servisleri etkilemesin):
   sekme barı başlığa flush (govde üst boşluğu 0) + çizgi-sonrası boşluk 12px (sepet-govde ile aynı)
   + sekme padding 10px (font-size 12px/700 zaten ortak). */
:where(html[data-app="refeel"]) #urunDrawerGovde{padding-top:0}
:where(html[data-app="refeel"]) #urunDrawerGovde .dt-bar{margin-bottom:12px}
:where(html[data-app="refeel"]) #urunDrawerGovde .dt-tab{padding:10px 4px}
/* sentry ürün çekmecesi: başlık↔sekme arası fazla boşluk vardı (govde üst padding 20px)
   → refeel/aksiyon çekmecesi gibi sekme barı başlığa flush (üst boşluk 0). */
:where(html[data-app="sentry"]) #urunDrawerGovde{padding-top:0}
/* lobby kullanıcı çekmecesi: sekme barı refeel ile AYNI seviyede — başlığa flush
   (govde üst boşluğu 0) + çizgi-sonrası 12px + sekme padding 10px. */
:where(html[data-app="lobby"]) #kullaniciDrawerGovde{padding-top:0}
:where(html[data-app="lobby"]) #kullaniciDrawerGovde .dt-bar{margin-bottom:12px}
:where(html[data-app="lobby"]) #kullaniciDrawerGovde .dt-tab{padding:10px 4px}
/* BULGU başlığı ile üstündeki KPI kutuları (dg-kpi-buyuk) arası boşluğu azalt (36px → 12px) */
:where(html[data-app="sentry"]) .dt-p .dg-kpi-buyuk{margin-bottom:12px}
:where(html[data-app="sentry"]) .dt-p .dg-kpi-buyuk + .dg-baslik{margin-top:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-p{display:none}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-p .dg-baslik:first-child{margin-top:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-blok{border:1px solid var(--line);border-radius:12px;padding:14px 15px;margin-bottom:13px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-blok:last-child{margin-bottom:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-blok>.dg-baslik:first-child{margin-top:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-p .dg-kpi{margin-bottom:12px;gap:9px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-p .dg-kpi .dgk{padding:10px 12px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-p .dg-kpi .dgk .dgk-n{font-size:15px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-bos{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px 15px;font-size:12px;color:var(--ink3)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) header{padding:18px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tag{font-family:inherit;font-size:11px;color:var(--ink3);border:1px solid var(--line);padding:3px 9px;border-radius:20px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .theme-btn{background:var(--panel2);border:1px solid var(--line);color:var(--ink);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-bas{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel2);border:none;cursor:pointer;padding:11px 13px;font-family:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink);text-align:left}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-bas .sb-ok{margin-left:auto;font-size:10px;color:var(--ink3);transition:transform .15s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg button{flex:1;min-width:fit-content;background:var(--panel2);color:var(--ink2);border:1px solid var(--line);padding:7px 9px;border-radius:7px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .15s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .panel-bas{font-size:13px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .panel-bas .pb-et{font-family:inherit;font-size:10px;color:var(--ink3);border:1px solid var(--line);padding:2px 8px;border-radius:20px;margin-left:auto;font-weight:400}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink3);padding:9px 16px;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:7px;transition:color .15s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th .sort-ok{font-size:9px;margin-left:4px;color:var(--accent);display:inline-block;width:8px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .takvim-pop{position:fixed;z-index:200;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:0;display:flex;overflow:hidden}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-hizli{width:148px;flex-shrink:0;background:var(--panel2);border-right:1px solid var(--line);padding:12px 9px;display:flex;flex-direction:column;gap:3px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-hizli .tkh-bas{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700;padding:2px 8px 7px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-hizli button{background:none;border:1px solid transparent;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:12px;color:var(--ink2);text-align:left;cursor:pointer;transition:all .12s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-hizli button:hover{background:var(--panel);color:var(--ink)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-takvim{padding:14px 16px;width:268px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-ust .tku-ay{font-size:12px;font-weight:700}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-nav{background:var(--panel2);border:1px solid var(--line);border-radius:6px;width:26px;height:26px;cursor:pointer;color:var(--ink2);font-size:12px;display:flex;align-items:center;justify-content:center}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-nav:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-nav:disabled{opacity:.3;cursor:not-allowed}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun-bas{font-size:9px;text-transform:uppercase;color:var(--ink3);font-weight:700;text-align:center;padding:4px 0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun{aspect-ratio:1;border:none;background:none;cursor:pointer;font-family:inherit;font-size:11px;color:var(--ink);border-radius:6px;transition:background .1s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun:hover:not(:disabled){background:var(--panel2)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun:disabled{color:var(--ink3);opacity:.35;cursor:not-allowed}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun.disi{color:var(--ink3);opacity:.4}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun.arada{background:var(--rowhover);border-radius:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun.uc{background:var(--accent);color:var(--accent-ink);font-weight:700}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun.uc-bas{border-radius:6px 0 0 6px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-gun.uc-bit{border-radius:0 6px 6px 0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-alt{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-alt .tka-bilgi{flex:1;font-family:inherit;font-size:10px;color:var(--ink3)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-alt button{border:1px solid var(--line);border-radius:7px;padding:7px 13px;font-family:inherit;font-size:12px;cursor:pointer}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-iptal{background:none;color:var(--ink2)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-iptal:hover{border-color:var(--ink3)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-uygula{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik{display:flex;align-items:center;gap:9px;width:100%;cursor:pointer;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:inherit;color:var(--ink);text-align:left;transition:border-color .15s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik:hover{border-color:var(--accent)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik .dt-ikon{font-size:14px;flex-shrink:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik .dt-metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik .dt-ad{font-size:12px;font-weight:700;line-height:1.2;display:block}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik .dt-aralik{font-family:inherit;font-size:10px;color:var(--ink3);line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .donem-tetik .dt-ok{font-size:9px;color:var(--ink3);flex-shrink:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-card{max-width:560px;width:100%;display:flex;flex-direction:column;align-items:stretch}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-card .big{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:8px;text-align:center}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .import-card .sub{color:var(--ink2);font-size:14px;margin-bottom:32px;line-height:1.6;text-align:center}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-kat button{flex:0 0 calc(50% - 2px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kpi .dgk{position:relative;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) tr.satir-sec td{background:var(--rowhover)}
:where(html[data-app="sense"],html[data-app="perform"]) .import-hata.hidden{display:none}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side h3{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink3);margin:22px 0 11px;font-weight:700;display:flex;align-items:center;gap:6px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side h3:first-child{margin-top:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum.kapali .side-bolum-ic{display:none}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-ic h3{margin-top:16px}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-ic h3:first-child{margin-top:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik .info-tip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--line)}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side h3 .beta-tag{margin-left:0}
:where(html[data-app="sense"],html[data-app="perform"]) .bolum-bas .info-ik{margin-left:0}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);padding:10px;border-bottom:1px solid var(--line);font-weight:700;cursor:pointer;user-select:none;white-space:nowrap;transition:color .12s}
:where(html[data-app="sense"],html[data-app="refeel"],html[data-app="perform"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td{padding:10px;border-bottom:1px solid var(--line);font-size:13px}

/* ====================== SENSE ====================== */
/* ---- 2. geçiş: semantik-aynı kurallar (özellik sırası farklıydı, değerler birebir) ---- */
:where(html[data-app="sense"]) body{background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.5;transition:background .25s,color .25s;background-image:radial-gradient(circle at 15% 0%,var(--bg2) 0%,transparent 50%),radial-gradient(circle at 85% 100%,var(--bg2) 0%,transparent 50%);background-attachment:fixed;min-height:100vh}
:where(html[data-app="sense"]) .wrap{display:flex;height:calc(100vh - 60px);overflow:hidden}
:where(html[data-app="sense"]) .side{width:300px;flex-shrink:0;border-right:1px solid var(--line);padding:24px;background:var(--panel);height:100%;overflow-y:auto}
:where(html[data-app="sense"]) .info-ik{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--ink3);color:var(--ink3);font-size:9px;font-weight:700;cursor:help;letter-spacing:0;text-transform:none;flex-shrink:0}
:where(html[data-app="sense"]) .info-ik:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="sense"]) .info-ik .info-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:208px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--ink2);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .15s;z-index:60;pointer-events:none}
:where(html[data-app="sense"]) .seg button:disabled{opacity:.45;cursor:not-allowed}
:where(html[data-app="sense"]) .seg button:disabled:hover{border-color:var(--line);color:var(--ink2)}
/* ---------- TAKVİM / TARİH ARALIĞI ---------- */
/* popover */
/* ---------- MASTER-DETAIL LAYOUT ---------- */
:where(html[data-app="sense"]) .main{flex:1;min-width:0;display:flex;gap:0;padding:0;overflow:hidden}
:where(html[data-app="sense"]) .md-liste{padding:0 26px 24px}
:where(html[data-app="sense"]) .md-liste{flex:1;min-width:0;overflow-y:auto;height:100%}
:where(html[data-app="sense"]) .md-detay.hidden{display:none}
@media(max-width:1400px){
  :where(html[data-app="sense"]) .md-detay{width:374px}
}
/* detay içi metrik şeridi */
/* tabloda seçili satır */
:where(html[data-app="sense"]) .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;margin-bottom:22px}
:where(html[data-app="sense"]) .kpis-2{grid-template-columns:repeat(2,1fr)}
:where(html[data-app="sense"]) .kpis-2 .kpi{min-height:116px}
@media(max-width:900px){
  :where(html[data-app="sense"]) .kpis{grid-template-columns:repeat(2,1fr)}
  :where(html[data-app="sense"]) .kpis-2{grid-template-columns:1fr}
}
:where(html[data-app="sense"]) .kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;position:relative}
:where(html[data-app="sense"]) .kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#1abc9c;border-radius:12px 0 0 12px}
:where(html[data-app="sense"]) .kpi.pos::before{background:#2ecc71;box-shadow:0 0 12px rgba(46,204,113,.35)}
:where(html[data-app="sense"]) .kpi.neg::before{background:#e74c3c;box-shadow:0 0 12px rgba(231,76,60,.35)}
:where(html[data-app="sense"]) .kpi.k-ciro::before{background:var(--ok)}
:where(html[data-app="sense"]) .kpi.k-islem::before{background:var(--rutin)}
:where(html[data-app="sense"]) .kpi.k-sepet::before{background:var(--accent)}
:where(html[data-app="sense"]) .kpi.k-marj::before{background:var(--manuel)}
:where(html[data-app="sense"]) .kpi .n{font-size:25px;font-weight:700;font-family:inherit;letter-spacing:-1px;padding-left:8px}
:where(html[data-app="sense"]) .kpi .l{padding-left:8px}
:where(html[data-app="sense"]) .kpi .l{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
:where(html[data-app="sense"]) .kpi .s{padding-left:8px}
:where(html[data-app="sense"]) .kpi .s{font-size:11px;color:var(--ink2);margin-top:6px}
/* USD hedef sayısı: pozitif yeşil / negatif kırmızı */
:where(html[data-app="sense"]) .kpi .n.pos{color:#2ecc71}
:where(html[data-app="sense"]) .kpi .n.neg{color:#e74c3c}
[data-theme="light"]:where(html[data-app="sense"]) .kpi .n.pos, :where(html[data-app="sense"]) [data-theme="light"] .kpi .n.pos{color:#27ae60}
[data-theme="light"]:where(html[data-app="sense"]) .kpi .n.neg, :where(html[data-app="sense"]) [data-theme="light"] .kpi .n.neg{color:#c0392b}
/* sağ alt köşe trend sparkline'ı (eksen/değer yok, alan kaplamalı) */
:where(html[data-app="sense"]) .kpi-spark{position:absolute;right:14px;bottom:11px;width:46%;height:40px;pointer-events:none}
:where(html[data-app="sense"]) .kpi-spark canvas{display:block;width:100% !important;height:100% !important}
@media(max-width:900px){
  :where(html[data-app="sense"]) .kpi-spark{width:42%}
}
:where(html[data-app="sense"]) .kpi .kpi-yoy{position:absolute;top:10px;right:12px;font-family:inherit;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.3px;background:transparent;color:var(--ink2)}
/* dark tema: neon parlak */
:where(html[data-app="sense"]) .kpi.pos .kpi-yoy{color:#2ecc71;box-shadow:0 0 0 1px rgba(46,204,113,.35),0 0 12px rgba(46,204,113,.25);background:rgba(46,204,113,.08)}
:where(html[data-app="sense"]) .kpi.neg .kpi-yoy{color:#e74c3c;box-shadow:0 0 0 1px rgba(231,76,60,.40),0 0 12px rgba(231,76,60,.25);background:rgba(231,76,60,.08)}
/* light tema: pastel, glow yok */
[data-theme="light"]:where(html[data-app="sense"]) .kpi::before, :where(html[data-app="sense"]) [data-theme="light"] .kpi::before{background:#16a085}
[data-theme="light"]:where(html[data-app="sense"]) .kpi.pos::before, :where(html[data-app="sense"]) [data-theme="light"] .kpi.pos::before{background:#27ae60;box-shadow:none}
[data-theme="light"]:where(html[data-app="sense"]) .kpi.neg::before, :where(html[data-app="sense"]) [data-theme="light"] .kpi.neg::before{background:#c0392b;box-shadow:none}
[data-theme="light"]:where(html[data-app="sense"]) .kpi.pos .kpi-yoy, :where(html[data-app="sense"]) [data-theme="light"] .kpi.pos .kpi-yoy{color:#27ae60;background:rgba(39,174,96,.14);box-shadow:0 0 0 1px rgba(39,174,96,.30)}
[data-theme="light"]:where(html[data-app="sense"]) .kpi.neg .kpi-yoy, :where(html[data-app="sense"]) [data-theme="light"] .kpi.neg .kpi-yoy{color:#c0392b;background:rgba(192,57,43,.14);box-shadow:0 0 0 1px rgba(192,57,43,.35)}
/* === İLK SIRA KPI'ları (#ekpis) — refeel referans tasarımı (tüm servislerde aynı) ===
   Yalnız ilk sırayı kapsar; 2. sıra (forecast/USD = .kpis-2) kendi tasarımında kalır. */
:where(html[data-app="sense"]) #ekpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;margin-bottom:18px}
@media(max-width:1180px){
  :where(html[data-app="sense"]) #ekpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}
:where(html[data-app="sense"]) #ekpis .kpi{padding:13px 14px;overflow:hidden}
:where(html[data-app="sense"]) #ekpis .kpi::before{width:3px;border-radius:0;box-shadow:none !important}
:where(html[data-app="sense"]) #ekpis .kpi .n{font-size:21px;padding-left:0}
:where(html[data-app="sense"]) #ekpis .kpi .l{padding-left:0}
:where(html[data-app="sense"]) #ekpis .kpi .s{padding-left:0}
/* YoY rozeti refeel .pct gibi: sağ üstte düz, pill/glow yok (renk pos/neg korunur) */
:where(html[data-app="sense"]) #ekpis .kpi .kpi-yoy{top:11px;right:12px;font-size:12px;letter-spacing:-.3px;padding:0;border-radius:0;background:transparent !important;box-shadow:none !important}
/* rozetli kartta rakam rozetin altına girmesin (refeel .k-tutar .n mantığı) */
:where(html[data-app="sense"]) #ekpis .kpi:has(.kpi-yoy) .n{padding-right:52px}
:where(html[data-app="sense"]) .bolum-bas{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink3);font-weight:700;margin:8px 0 12px;display:flex;align-items:center;gap:7px}
:where(html[data-app="sense"]) .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px}
:where(html[data-app="sense"]) .trend-tablar button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:where(html[data-app="sense"]) .tablo-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
:where(html[data-app="sense"]) .tablo-tabs-btns button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
:where(html[data-app="sense"]) .tablo-tabs-btns button .c{font-family:inherit;font-size:11px;background:var(--panel2);padding:1px 7px;border-radius:10px;color:var(--ink2)}
:where(html[data-app="sense"]) .tablo-tabs-btns button.on .c{background:var(--accent);color:var(--accent-ink)}
:where(html[data-app="sense"]) .trend-legend .tl-ciro{background:var(--accent)}
/* tablo */
:where(html[data-app="sense"]) .tablo-tabs{display:flex;align-items:flex-end;border-bottom:1px solid var(--line);margin-bottom:14px;gap:2px}
:where(html[data-app="sense"]) .tablo-tabs button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink3);padding:9px 16px;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:7px;transition:color .15s}
:where(html[data-app="sense"]) .tablo-tabs button:hover{color:var(--ink)}
:where(html[data-app="sense"]) .tablo-tabs button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
:where(html[data-app="sense"]) th:hover{color:var(--ink)}
/* tahmin işareti: her satırda sabit yuva (genişlik değişmez), sadece tahmin satırında mavi nokta */
:where(html[data-app="sense"]) .ym-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:7px;vertical-align:middle;background:transparent}
:where(html[data-app="sense"]) .ym-dot.on{background:var(--accent)}
:where(html[data-app="sense"]) .pers-ad .pa-rozet, :where(html[data-app="sense"]) .ud-ad .pa-rozet{font-family:inherit;font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;margin-left:7px;vertical-align:middle}
:where(html[data-app="sense"]) .pa-potansiyel{background:rgba(255,210,63,.18);color:var(--accent)}
/* Ürün & Satış Analizi · Ürün kolonu: ad + DAİMA sağ sınıra hizalı kategori pill'i.
   Pill genişliği en uzun kategori etiketine göre JS'te ölçülüp --up-pill-w olarak
   tabloya yazılır → tüm pill'ler aynı hizada, ürün adı kalan alana göre ... kısalır. */
:where(html[data-app="sense"]) .up-urun{display:flex;align-items:center;gap:8px;min-width:0}
:where(html[data-app="sense"]) .up-urun .up-ad{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="sense"]) .up-urun .pa-rozet{flex:0 0 auto;margin-left:auto;width:var(--up-pill-w,auto);text-align:center;box-sizing:border-box;white-space:nowrap}
/* ürün grid genişletme: 10 → 20 → 50 */
:where(html[data-app="sense"]) .up-daha{display:block;width:100%;padding:11px;background:none;border:none;border-top:1px solid var(--line);color:var(--accent);font-weight:700;font-family:inherit;font-size:12px;cursor:pointer}
:where(html[data-app="sense"]) .up-daha:hover{background:var(--rowhover)}
/* kategori satışı pareto kutusu — toplam + yan yana kategori kartları */
:where(html[data-app="sense"]) .kp-kart-degisim .pos{color:#2ecc71;font-weight:700}
:where(html[data-app="sense"]) .kp-kart-degisim .neg{color:#e74c3c;font-weight:700}
/* kategori kartları — referans görsel: çerçevesiz açık kart, solda ince renk
   çizgisi, bol boşluk, altta ad+% satırı ve yuvarlatılmış kalın renk barı.
   Genişlikler en küçük kırılımın okunabilir tabanına oranlı (JS hesaplar);
   sığmazsa yatay kaydırma. Solda toplam ciro KPI kutusu. */
:where(html[data-app="sense"]) .kp-dis{display:flex;gap:18px;align-items:stretch}
:where(html[data-app="sense"]) .kp-kpi{flex:0 0 188px;display:flex;flex-direction:column;justify-content:center}
:where(html[data-app="sense"]) .kp-kpi .pos{color:#2ecc71;font-weight:700}
:where(html[data-app="sense"]) .kp-kpi .neg{color:#e74c3c;font-weight:700}
:where(html[data-app="sense"]) .kp-kartlar{display:flex;gap:18px;flex:1 1 auto;min-width:0}
:where(html[data-app="sense"]) .kp-kart{min-width:0;position:relative;padding:2px 0 0 14px;display:flex;flex-direction:column;min-height:172px;overflow:hidden}
:where(html[data-app="sense"]) .kp-kart-deger, :where(html[data-app="sense"]) .kp-kart-degisim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .kp-kart::before{content:'';position:absolute;left:0;top:2px;bottom:8px;width:2px;background:var(--kp-renk)}
:where(html[data-app="sense"]) .kp-kart-deger{font-size:19px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
:where(html[data-app="sense"]) .kp-kart-degisim{font-size:11.5px;color:var(--ink3);margin-top:4px}
:where(html[data-app="sense"]) .kp-kart-alt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0 9px;font-size:12.5px}
:where(html[data-app="sense"]) .kp-kart-ad{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .kp-dot{width:9px;height:9px;border-radius:50%;background:var(--kp-renk);flex:0 0 auto}
:where(html[data-app="sense"]) .kp-kart-pay{color:var(--ink3);font-weight:600;flex:0 0 auto;margin-left:8px}
:where(html[data-app="sense"]) .kp-bar{height:8px;border-radius:5px;background:var(--kp-renk)}
/* ciro payı düşen ürünler kutusu — ‹ › ile ürünler arasında geçiş */
:where(html[data-app="sense"]) .ud-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
:where(html[data-app="sense"]) .ud-nav button{width:24px;height:24px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink2);cursor:pointer;font-size:14px;line-height:1;font-family:inherit}
:where(html[data-app="sense"]) .ud-nav button:hover{color:var(--ink);border-color:var(--ink3)}
:where(html[data-app="sense"]) .ud-sayac{font-size:11px;color:var(--ink3);min-width:36px;text-align:center}
:where(html[data-app="sense"]) .ud-ust{display:flex;align-items:center;gap:10px;margin:4px 0}
:where(html[data-app="sense"]) .ud-ust .ud-ad{flex:1 1 auto;min-width:0;margin:0}
:where(html[data-app="sense"]) .ud-ad{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
:where(html[data-app="sense"]) .ud-rutin{font-size:11px;color:var(--ink3);margin-bottom:12px}
:where(html[data-app="sense"]) .ud-ai{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
:where(html[data-app="sense"]) .ud-ai-bas{font-family:inherit;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:#8e6cc8;font-weight:700;margin-bottom:7px}
/* AI bölümleri standart mini spark ikonu — içi dolu, tek renk (currentColor) */
:where(html[data-app="sense"]) .ai-spark{width:11px;height:11px;display:inline-block;vertical-align:-1.5px;margin-right:5px;fill:currentColor}
/* standart boyut: daima 2 neden × 2 satır (taşan metin … ile kırpılır, tamamı title'da) */
:where(html[data-app="sense"]) .ud-ai-n{font-size:11.5px;color:var(--ink2);line-height:1.65;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:where(html[data-app="sense"]) .ud-ai-n:last-child{margin-bottom:0}
:where(html[data-app="sense"]) .ud-ai-n b{color:var(--ink)}
:where(html[data-app="sense"]) .ud-bar{display:flex;gap:6px;height:13px;margin-bottom:14px}
:where(html[data-app="sense"]) .ud-seg{border-radius:7px;min-width:8%}
:where(html[data-app="sense"]) .ud-rowlar{display:flex;gap:14px;padding:8px 0;font-size:13px}
:where(html[data-app="sense"]) .ud-cell{flex:1 1 0;display:flex;align-items:center;gap:8px;min-width:0}
:where(html[data-app="sense"]) .ud-tik{width:5px;height:19px;border-radius:3px;flex:0 0 auto}
:where(html[data-app="sense"]) .ud-cell b{font-size:17px;letter-spacing:-.3px;color:var(--ink)}
:where(html[data-app="sense"]) .ud-mini{color:var(--ink3);font-size:11.5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .ud-delta{font-weight:700;font-size:12px}
:where(html[data-app="sense"]) .ud-delta.pos{color:#2ecc71}
:where(html[data-app="sense"]) .ud-delta.neg{color:#e74c3c}
:where(html[data-app="sense"]) .ud-bos{padding:28px 0;text-align:center;color:var(--ink3);font-size:12.5px}
/* ürün pareto eşik özetleri (%50/%80/%95 → kaç ürün) — başlık satırında sağa hizalı */
:where(html[data-app="sense"]) .pareto-ozet{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--ink2);font-weight:400}
:where(html[data-app="sense"]) .pareto-ozet b{color:var(--ink);font-size:12.5px}
/* pareto paneli: grid2 komşusuyla AYNI yükseklik — grafik kalan alanı doldurur,
   ABC satırı en altta (iki kutunun alt çizgisi hizalı) */
:where(html[data-app="sense"]) .pareto-panel{display:flex;flex-direction:column}
:where(html[data-app="sense"]) .pareto-grafik{flex:1 1 auto;min-height:180px;position:relative}
/* ABC lejantı + açıklama tek kompakt satırda (renk noktası + sınıf + sayılar; detay title'da) */
:where(html[data-app="sense"]) .pareto-abc{display:flex;gap:11px;align-items:center;justify-content:center;font-size:10.5px;color:var(--ink2);margin-top:8px;overflow:hidden}
:where(html[data-app="sense"]) .pareto-abc span{white-space:nowrap;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .pareto-abc b{color:var(--ink)}
:where(html[data-app="sense"]) .pareto-abc i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:-.5px}
:where(html[data-app="sense"]) .adet{font-family:inherit;font-weight:700;font-size:14px}
:where(html[data-app="sense"]) td.num .pay{display:inline-block;margin-left:7px;min-width:34px;text-align:right;font-family:inherit;font-size:11px;font-weight:700;color:var(--ink3)}
:where(html[data-app="sense"]) td.num .bos{color:var(--ink3);font-family:inherit}
:where(html[data-app="sense"]) .pill{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;font-family:inherit}
@media(max-width:1100px){
  :where(html[data-app="sense"]) .grid2{grid-template-columns:1fr}
}
/* eşit-yükseklik satırı: iki sütun birebir aynı boyda (sabit yükseklik + stretch) */
:where(html[data-app="sense"]) .eq-row{display:flex;gap:18px;align-items:stretch;margin-bottom:18px;height:460px}
:where(html[data-app="sense"]) .eq-row > *{flex:1 1 0;min-width:0;height:100%}
@media(max-width:1100px){
  :where(html[data-app="sense"]) .eq-row{flex-direction:column;height:auto}
  :where(html[data-app="sense"]) .eq-row > *{height:auto}
}
:where(html[data-app="sense"]) .barrow .br-lbl{flex:0 0 110px;color:var(--ink2)}
:where(html[data-app="sense"]) .barrow .br-track{flex:1;height:18px;background:var(--panel2);border-radius:5px;position:relative}
:where(html[data-app="sense"]) .barrow .br-fill{height:100%;border-radius:5px;transition:width .4s}
:where(html[data-app="sense"]) .barrow .br-yuzde{position:absolute;top:50%;transform:translateY(-50%);font-family:inherit;font-size:10px;font-weight:700;color:var(--ink2);white-space:nowrap;pointer-events:none}
:where(html[data-app="sense"]) .barrow .br-val{flex:0 0 80px;text-align:right;font-family:inherit;font-weight:700;font-size:12px}
:where(html[data-app="sense"]) .md-govde .saatlik-grafik{height:100px}
/* personel detay seçili kişi */
:where(html[data-app="sense"]) footer{padding:14px 32px;border-top:1px solid var(--line);font-size:11px;color:var(--ink3);display:flex;justify-content:space-between;gap:12px}
:where(html[data-app="sense"]) .sense-trend{height:300px;position:relative;padding:8px 4px}
:where(html[data-app="sense"]) .rec-grid-inner{max-height:560px;overflow-y:auto;padding:0 2px}
:where(html[data-app="sense"]) .rec-grid-row{display:flex;align-items:center;gap:8px;padding:7px 6px;border-bottom:1px solid var(--line);font-size:.82rem}
:where(html[data-app="sense"]) .rec-grid-row:last-child{border-bottom:none}
:where(html[data-app="sense"]) .rec-rank{min-width:24px;font-size:.72rem;color:var(--ink2);font-variant-numeric:tabular-nums;text-align:right}
:where(html[data-app="sense"]) .rec-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.81rem}
:where(html[data-app="sense"]) .rec-count{min-width:52px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.81rem}
:where(html[data-app="sense"]) .rec-pct{min-width:42px;text-align:right;font-size:.74rem;color:var(--ink2)}
:where(html[data-app="sense"]) .rec-grid-empty{display:flex;align-items:center;justify-content:center;min-height:140px;padding:24px;text-align:center;font-size:.82rem;color:var(--ink2);line-height:1.6}
:where(html[data-app="sense"]) .rec-ciro{min-width:70px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.8rem}
:where(html[data-app="sense"]) .rec-pct2{min-width:38px;text-align:right;font-size:.73rem;color:var(--ink2)}
:where(html[data-app="sense"]) .rec-grid-head .rec-count, :where(html[data-app="sense"]) .rec-grid-head .rec-ciro, :where(html[data-app="sense"]) .rec-grid-head .rec-pct2{font-size:.7rem;font-weight:600;color:var(--ink2);opacity:.75}
:where(html[data-app="sense"]) .rec-pareto-line{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.04em}
:where(html[data-app="sense"]) .rec-pareto-line::before, :where(html[data-app="sense"]) .rec-pareto-line::after{content:'';flex:1;height:1px;background:currentColor;opacity:.7}
:where(html[data-app="sense"]) .sense-mini{height:230px;position:relative}
/* ---- AI Analizi · interaktif dönem raporu ----
   Yerleşim diğer sayfalarla aynı: tam genişlik, kutu ölçüleri Yönetici (#ekpis) referansında. */
/* karne KPI şeridi — Yönetici Analizi (#ekpis) kutularıyla birebir ölçü */
:where(html[data-app="sense"]) .ai-rapor .kpis{gap:10px;margin-top:0;margin-bottom:18px}
:where(html[data-app="sense"]) .ai-rapor .kpi{padding:13px 14px;overflow:hidden}
:where(html[data-app="sense"]) .ai-rapor .kpi::before{width:3px;border-radius:0;box-shadow:none !important}
:where(html[data-app="sense"]) .ai-rapor .kpi .n{font-size:21px;padding-left:0}
:where(html[data-app="sense"]) .ai-rapor .kpi .l{padding-left:0}
:where(html[data-app="sense"]) .ai-rapor .kpi .s{padding-left:0}
:where(html[data-app="sense"]) .ai-rapor .kpi .kpi-yoy{top:11px;right:12px;font-size:12px;letter-spacing:-.3px;padding:0;border-radius:0;background:transparent !important;box-shadow:none !important}
:where(html[data-app="sense"]) .ai-rapor .kpi:has(.kpi-yoy) .n{padding-right:52px}
/* içindekiler — sticky chip nav (md-liste kaydırıcısına yapışır) */
:where(html[data-app="sense"]) .ai-nav{position:sticky;top:0;z-index:40;display:flex;gap:6px;flex-wrap:wrap;padding:12px 0 10px;margin-bottom:6px;background:transparent}
:where(html[data-app="sense"]) .ai-nav button{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink2);cursor:pointer;transition:all .12s}
:where(html[data-app="sense"]) .ai-nav button:hover{border-color:var(--accent);color:var(--ink)}
:where(html[data-app="sense"]) .ai-nav button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}
:where(html[data-app="sense"]) .ai-sek{scroll-margin-top:58px}
/* kapak: sol anlatı + sağ sağlık skoru — .panel ölçüsünde (18/20, radius 12) */
:where(html[data-app="sense"]) .ai-kapak{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px}
:where(html[data-app="sense"]) .ai-kapak-grid{display:flex;gap:20px;align-items:stretch}
:where(html[data-app="sense"]) .ai-kapak-sol{flex:1 1 auto;min-width:0}
:where(html[data-app="sense"]) .ai-kapak-sag{flex:0 0 300px;display:flex;gap:16px;align-items:center;border-left:1px dashed var(--line);padding-left:20px}
@media(max-width:980px){
  :where(html[data-app="sense"]) .ai-kapak-grid{flex-direction:column}
  :where(html[data-app="sense"]) .ai-kapak-sag{flex:1 1 auto;border-left:none;padding-left:0;border-top:1px dashed var(--line);padding-top:16px}
}
:where(html[data-app="sense"]) .ai-hukum{margin-top:12px;padding:9px 13px;border-left:3px solid var(--accent);background:var(--panel2);border-radius:0 9px 9px 0;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.6}
/* sağlık skoru göstergesi */
:where(html[data-app="sense"]) .ai-gauge{position:relative;width:96px;height:96px;flex:0 0 auto;cursor:help}
:where(html[data-app="sense"]) .ai-gauge svg{width:100%;height:100%}
:where(html[data-app="sense"]) .gz-bg{fill:none;stroke:var(--line);stroke-width:10}
:where(html[data-app="sense"]) .gz-fg{fill:none;stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}
:where(html[data-app="sense"]) .gz-ic{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
:where(html[data-app="sense"]) .gz-puan{font-size:22px;font-weight:800;letter-spacing:-1px;color:var(--ink);line-height:1}
:where(html[data-app="sense"]) .gz-not{font-size:11px;font-weight:800;letter-spacing:1.5px;margin-top:3px}
:where(html[data-app="sense"]) .ai-skor-bil{flex:1 1 auto;display:flex;flex-direction:column;gap:7px;min-width:0}
:where(html[data-app="sense"]) .sb-row{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--ink2);cursor:help}
:where(html[data-app="sense"]) .sb-ad{flex:0 0 64px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .sb-track{flex:1 1 auto;height:6px;background:var(--panel2);border-radius:4px;overflow:hidden}
:where(html[data-app="sense"]) .sb-track i{display:block;height:100%;border-radius:4px}
:where(html[data-app="sense"]) .sb-puan{flex:0 0 24px;text-align:right;font-weight:700;color:var(--ink)}
/* sürücü köprüsü yorum satırı */
:where(html[data-app="sense"]) .ai-kopru-yorum{margin-top:10px;font-size:12px;color:var(--ink2);line-height:1.65;border-top:1px dashed var(--line);padding-top:10px}
/* ısı haritası */
:where(html[data-app="sense"]) .ai-isi-bas{font-size:12.5px;font-weight:700;margin-bottom:10px}
:where(html[data-app="sense"]) .ai-isi-bas span{font-weight:400;color:var(--ink3);font-size:10.5px;margin-left:6px}
:where(html[data-app="sense"]) .ai-isi{display:grid;grid-template-columns:auto repeat(12,1fr);gap:3px;align-items:center}
:where(html[data-app="sense"]) .ai-isi-ay{font-size:9px;color:var(--ink3);text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
:where(html[data-app="sense"]) .ai-isi-yil{font-size:10px;color:var(--ink2);font-weight:700;padding-right:7px;text-align:right;font-variant-numeric:tabular-nums}
:where(html[data-app="sense"]) .ai-isi-h{display:block;height:22px;border-radius:4px;cursor:help}
:where(html[data-app="sense"]) .ai-isi-h.bos{background:var(--panel2);opacity:.45}
:where(html[data-app="sense"]) .ai-isi-h.son{outline:2px solid var(--accent);outline-offset:1px}
/* rekor / anomali çipleri */
:where(html[data-app="sense"]) .ai-chipler{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px dashed var(--line)}
:where(html[data-app="sense"]) .ai-chip{font-size:11px;font-weight:600;padding:5px 11px;border-radius:20px;border:1px solid var(--line);color:var(--ink2);background:var(--panel2)}
:where(html[data-app="sense"]) .ai-chip.pos{color:#2ecc71;border-color:rgba(46,204,113,.4);background:rgba(46,204,113,.08)}
:where(html[data-app="sense"]) .ai-chip.neg{color:#e74c3c;border-color:rgba(231,76,60,.4);background:rgba(231,76,60,.08)}
/* senaryo bandı + hedef simülatörü */
:where(html[data-app="sense"]) .sn-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:900px){
  :where(html[data-app="sense"]) .sn-kartlar{grid-template-columns:1fr}
}
:where(html[data-app="sense"]) .sn-gy{font-size:11.5px;color:var(--ink3);margin-top:11px}
:where(html[data-app="sense"]) .sn-gy b{color:var(--ink)}
:where(html[data-app="sense"]) .sn-sim{margin-top:14px;padding:14px 16px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
:where(html[data-app="sense"]) .sn-sim-bas{font-size:10px;font-weight:700;color:#8e6cc8;letter-spacing:1.2px;text-transform:uppercase;display:flex;gap:8px;align-items:center}
:where(html[data-app="sense"]) .sn-sim-bas span{font-weight:400;color:var(--ink3);letter-spacing:0;text-transform:none;font-size:10.5px}
:where(html[data-app="sense"]) .sn-sim input[type=range]{width:100%;margin:13px 0 11px;accent-color:var(--accent);cursor:pointer}
:where(html[data-app="sense"]) .sn-hedef{font-size:13px;color:var(--ink2)}
:where(html[data-app="sense"]) .sn-hedef b{font-size:17px;color:var(--ink);letter-spacing:-.3px}
:where(html[data-app="sense"]) .sn-k{font-size:11px;font-weight:700;margin-left:8px}
:where(html[data-app="sense"]) .sn-k.pos{color:#2ecc71}
:where(html[data-app="sense"]) .sn-k.neg{color:#e74c3c}
:where(html[data-app="sense"]) .sn-gerek{font-size:12px;color:var(--ink2);margin-top:7px;line-height:1.7}
:where(html[data-app="sense"]) .sn-gerek b{color:var(--ink)}
/* rapora sor — hazır sorulu rapor sohbeti (LLM havası: balonlar + spark + typing)
   Yerleşim Claude benzeri: ortalanmış kompakt blok, solda hazır sorular, sağda sohbet. */
:where(html[data-app="sense"]) .ai-rapor{padding-top:16px}   /* + bolum-bas 8px = header ile ilk başlık arası standart 24px */
:where(html[data-app="sense"]) #r-soru{max-width:968px;margin:0 auto}   /* yan boşluklar %25 azaltıldı (880→968) */
/* sohbet modu: rapor teklifine "Evet" denene dek sayfada yalnız Rapora Sor görünür,
   blok hem yatay hem dikey eksende ortalanır */
:where(html[data-app="sense"]) .ai-rapor.sohbet-modu .ai-sek:not(#r-soru){display:none}
:where(html[data-app="sense"]) .ai-rapor.sohbet-modu .ai-nav{display:none}
:where(html[data-app="sense"]) .ai-rapor.sohbet-modu{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 64px);padding-top:0}
:where(html[data-app="sense"]) .ai-rapor.sohbet-modu #r-soru{width:100%}
/* pasif yazım alanı: alıntı + bilgi tooltip'i (enter yerine) */
:where(html[data-app="sense"]) .ai-chat-yaz{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}
:where(html[data-app="sense"]) .ai-chat-yaz input{flex:1 1 auto;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:11.5px;color:var(--ink3);cursor:not-allowed}
:where(html[data-app="sense"]) .ai-chat-yaz input::placeholder{color:var(--ink3);font-style:italic;opacity:.85}
:where(html[data-app="sense"]) .ai-chat-yaz .info-ik{flex:0 0 auto;width:18px;height:18px;font-size:10px}
:where(html[data-app="sense"]) .ai-chat-yaz .info-ik .info-tip{left:auto;right:-4px;transform:none;width:228px}
:where(html[data-app="sense"]) .ai-chat-yaz .info-ik .info-tip::after{left:auto;right:9px;transform:none}
/* "AI Analiz Raporu oluşturuluyor" — büyük spark + süpürmeli bar (dosya yükleme havası) */
:where(html[data-app="sense"]) .ai-olusturma{max-width:968px;margin:6px auto 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}
:where(html[data-app="sense"]) .ai-olusturma>.ai-spark{width:56px;height:56px;color:#8e6cc8;animation:aiSparkNabiz 1.1s ease-in-out infinite}
:where(html[data-app="sense"]) .ao-metin{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
:where(html[data-app="sense"]) .ao-dots{display:inline-flex;gap:4px}
:where(html[data-app="sense"]) .ao-dots i{width:4px;height:4px;border-radius:50%;background:var(--ink2);animation:aiDusunNokta 1.2s infinite}
:where(html[data-app="sense"]) .ao-dots i:nth-of-type(2){animation-delay:.2s}
:where(html[data-app="sense"]) .ao-dots i:nth-of-type(3){animation-delay:.4s}
:where(html[data-app="sense"]) .ao-bar{width:min(360px,70%);height:5px;border-radius:3px;background:var(--panel2);overflow:hidden}
:where(html[data-app="sense"]) .ao-bar i{display:block;height:100%;width:38%;border-radius:3px;background:linear-gradient(90deg,#8e6cc8,#3498db);animation:aoSupur 1.25s ease-in-out infinite}
@keyframes aoSupur{0%{transform:translateX(-110%)}100%{transform:translateX(290%)}}
:where(html[data-app="sense"]) .ai-chat-wrap{display:grid;grid-template-columns:228px minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:18px}
/* başlık rozeti: Claude logosu + it.feels AI analiz */
:where(html[data-app="sense"]) .claude-rozet{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:none;color:var(--ink3)}
:where(html[data-app="sense"]) .claude-rozet .claude-logo{width:13px;height:13px;flex:0 0 auto}
@media(max-width:900px){
  :where(html[data-app="sense"]) .ai-chat-wrap{grid-template-columns:1fr}
}
/* sol: hazır sorular alanı */
:where(html[data-app="sense"]) .ai-chat-yan{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
:where(html[data-app="sense"]) .ai-chat-yan-bas{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#8e6cc8;padding:2px 2px 0}
:where(html[data-app="sense"]) .ai-chat-yan-bas .ai-spark{width:12px;height:12px;flex:0 0 auto}
/* sağ: sohbet paneli */
:where(html[data-app="sense"]) .ai-chat-panel{padding:0;overflow:hidden;margin-bottom:0;display:flex;flex-direction:column}
:where(html[data-app="sense"]) .ai-chat-log{height:420px;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
:where(html[data-app="sense"]) .ai-chat-msg{display:flex;gap:10px;align-items:flex-start}
:where(html[data-app="sense"]) .ai-chat-msg.user{justify-content:flex-end}
:where(html[data-app="sense"]) .ai-chat-avatar{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:rgba(142,108,200,.12);color:#8e6cc8;display:flex;align-items:center;justify-content:center;margin-top:2px}
:where(html[data-app="sense"]) .ai-chat-avatar .ai-spark{width:13px;height:13px}
:where(html[data-app="sense"]) .ai-chat-balon{max-width:78%;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:12px;border-top-left-radius:4px;padding:10px 13px;font-size:12.5px;line-height:1.7;color:var(--ink2)}
:where(html[data-app="sense"]) .ai-chat-balon.genis{width:78%}
:where(html[data-app="sense"]) .ai-chat-balon b{color:var(--ink)}
:where(html[data-app="sense"]) .ai-chat-msg.user .ai-chat-balon{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:12px;border-top-right-radius:4px}
:where(html[data-app="sense"]) .ai-chat-msg.user .ai-chat-balon b{color:inherit}
:where(html[data-app="sense"]) .ai-chat-grafik{height:170px;margin-top:10px}
/* düşünüyor: spark nabzı + üç nokta */
:where(html[data-app="sense"]) .ai-dusunuyor{display:inline-flex;align-items:center;gap:7px;color:#8e6cc8;padding:1px 0}
:where(html[data-app="sense"]) .ai-dusunuyor .ai-spark{width:14px;height:14px;animation:aiSparkNabiz 1s ease-in-out infinite}
:where(html[data-app="sense"]) .ai-dusunuyor i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:aiDusunNokta 1.2s infinite}
:where(html[data-app="sense"]) .ai-dusunuyor i:nth-of-type(2){animation-delay:.2s}
:where(html[data-app="sense"]) .ai-dusunuyor i:nth-of-type(3){animation-delay:.4s}
@keyframes aiSparkNabiz{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}
@keyframes aiDusunNokta{0%,60%,100%{opacity:.25}30%{opacity:1}}
/* balon içi Evet/Hayır seçenekleri (rapor teklifi) */
:where(html[data-app="sense"]) .ai-chat-secenek{display:flex;gap:8px;margin-top:10px}
:where(html[data-app="sense"]) .ai-chat-secenek button{font-family:inherit;font-size:11.5px;font-weight:700;padding:7px 18px;border-radius:10px;cursor:pointer;transition:all .12s;border:1px solid var(--line)}
:where(html[data-app="sense"]) .ai-chat-secenek .evet{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:where(html[data-app="sense"]) .ai-chat-secenek .evet:hover{filter:brightness(1.08)}
:where(html[data-app="sense"]) .ai-chat-secenek .hayir{background:var(--panel2);color:var(--ink2)}
:where(html[data-app="sense"]) .ai-chat-secenek .hayir:hover{border-color:var(--ink3);color:var(--ink)}
:where(html[data-app="sense"]) .ai-chat-secenek.secildi button{opacity:.45;pointer-events:none}
/* typing imleci */
:where(html[data-app="sense"]) .ai-imlec{display:inline-block;width:7px;height:13px;background:#8e6cc8;margin-left:2px;vertical-align:-2px;border-radius:1px;animation:aiImlecYanip .8s steps(1) infinite}
@keyframes aiImlecYanip{50%{opacity:0}}
/* hazır sorular: solda dikey liste (Claude önerilen istemleri gibi) */
:where(html[data-app="sense"]) .ai-chat-sorular{display:flex;flex-direction:column;gap:6px}
:where(html[data-app="sense"]) .ai-chat-soru{display:block;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.45;color:var(--ink2);cursor:pointer;transition:all .12s}
:where(html[data-app="sense"]) .ai-chat-soru:hover{border-color:#8e6cc8;color:var(--ink);background:rgba(142,108,200,.07)}
:where(html[data-app="sense"]) .ai-chat-soru.soruldu{opacity:.4;cursor:default}
:where(html[data-app="sense"]) .ai-kapak .ai-et{font-family:inherit;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);font-weight:700}
:where(html[data-app="sense"]) .ai-kapak h2{margin:6px 0 2px;font-size:20px;letter-spacing:-.5px}
:where(html[data-app="sense"]) .ai-kapak .ai-alt{font-size:12px;color:var(--ink3)}
:where(html[data-app="sense"]) .ai-ozet{font-size:13px;color:var(--ink2);line-height:1.75;margin-top:12px}
:where(html[data-app="sense"]) .ai-ozet b{color:var(--ink)}
:where(html[data-app="sense"]) .ai-anlatim{font-size:12.5px;color:var(--ink2);line-height:1.75}
:where(html[data-app="sense"]) .ai-anlatim p{margin:0 0 10px}
:where(html[data-app="sense"]) .ai-anlatim b{color:var(--ink)}
:where(html[data-app="sense"]) .ai-takip-not{font-size:11px;color:var(--ink3);margin-top:4px}
:where(html[data-app="sense"]) .ai-takip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
:where(html[data-app="sense"]) .ai-takip-item{position:relative;display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.55;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;overflow:hidden}
:where(html[data-app="sense"]) .ai-takip-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink3)}
:where(html[data-app="sense"]) .ai-takip-item.basarili::before{background:#2ecc71}
:where(html[data-app="sense"]) .ai-takip-item.basarisiz::before{background:#e74c3c}
:where(html[data-app="sense"]) .ai-takip-item .tik{flex:0 0 auto;font-size:14px;line-height:1.4}
:where(html[data-app="sense"]) .ai-takip-item .det{display:block;font-size:11px;color:var(--ink3);margin-top:2px}
:where(html[data-app="sense"]) .ai-grafik{height:200px;position:relative;margin-top:12px}
/* karne tablosu aylık/yıllık delta renkleri */
:where(html[data-app="sense"]) .ai-dlt.pos{color:#2ecc71;font-weight:700}
:where(html[data-app="sense"]) .ai-dlt.neg{color:#e74c3c;font-weight:700}
/* bölüm vurgu kartları — KPI kutusu (#ekpis) ölçüsünde (sol renk çizgisi + büyük değer) */
:where(html[data-app="sense"]) .ai-vurgular{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:900px){
  :where(html[data-app="sense"]) .ai-vurgular{grid-template-columns:1fr}
}
:where(html[data-app="sense"]) .ai-vk{position:relative;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;overflow:hidden}
:where(html[data-app="sense"]) .ai-vk::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink3)}
:where(html[data-app="sense"]) .ai-vk.pos::before{background:#2ecc71}
:where(html[data-app="sense"]) .ai-vk.neg::before{background:#e74c3c}
:where(html[data-app="sense"]) .ai-vk .vk-deger{font-size:21px;font-weight:700;letter-spacing:-1px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .ai-vk .vk-alt{font-size:11px;color:var(--ink3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sense"]) .ai-vk.pos .vk-alt{color:#2ecc71;font-weight:700}
:where(html[data-app="sense"]) .ai-vk.neg .vk-alt{color:#e74c3c;font-weight:700}
:where(html[data-app="sense"]) .ai-vk .vk-et{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);font-weight:700;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* bilgi → aksiyon → takip: yan yana renkli kartlar */
:where(html[data-app="sense"]) .ai-bat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
@media(max-width:900px){
  :where(html[data-app="sense"]) .ai-bat-grid{grid-template-columns:1fr}
}
:where(html[data-app="sense"]) .ai-bk{position:relative;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:12px;line-height:1.6;color:var(--ink2);overflow:hidden}
:where(html[data-app="sense"]) .ai-bk::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bk-renk)}
:where(html[data-app="sense"]) .ai-bk .bk-et{font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;margin-bottom:6px;color:var(--bk-renk)}
:where(html[data-app="sense"]) .ai-bk b{color:var(--ink)}
/* açılır detaylı anlatım */
:where(html[data-app="sense"]) .ai-detay{margin-top:12px}
:where(html[data-app="sense"]) .ai-detay summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--accent);list-style:none;display:inline-flex;align-items:center;gap:6px;user-select:none}
:where(html[data-app="sense"]) .ai-detay summary::-webkit-details-marker{display:none}
:where(html[data-app="sense"]) .ai-detay summary::before{content:'▸';font-size:9px;transition:transform .15s}
:where(html[data-app="sense"]) .ai-detay[open] summary::before{transform:rotate(90deg)}
:where(html[data-app="sense"]) .ai-detay .ai-anlatim{margin-top:10px}
:where(html[data-app="sense"]) .takvim-pop.hidden{display:none}
:where(html[data-app="sense"]) .tk-hizli button.on{background:var(--accent);color:var(--accent-ink);font-weight:700}
/* Forecast & USD KPI kutuları artık üstteki .kpi tasarımını kullanır */
/* legacy bağlantı uyarısı — tam ekran örtü */
:where(html[data-app="sense"]) .legacy-uyari{position:fixed;inset:0;z-index:90000;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}
:where(html[data-app="sense"]) .legacy-uyari.hidden{display:none}
:where(html[data-app="sense"]) .lu-card{max-width:460px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px 30px;box-shadow:0 8px 30px rgba(0,0,0,.18)}
:where(html[data-app="sense"]) .lu-ic{font-size:42px;line-height:1;margin-bottom:12px}
:where(html[data-app="sense"]) .lu-card h2{margin:0 0 10px;font-size:16px;color:var(--ink)}
:where(html[data-app="sense"]) .lu-card p{margin:0;color:var(--ink2);font-size:12.5px;line-height:1.65}
:where(html[data-app="sense"]) .lu-card p b{color:var(--ink)}
:where(html[data-app="sense"]) .lu-btn{margin-top:18px;padding:10px 20px;font-size:13px;font-weight:600;color:#fff;background:var(--accent,#2f6fed);border:none;border-radius:9px;cursor:pointer;transition:opacity .15s}
:where(html[data-app="sense"]) .lu-btn:hover{opacity:.9}
:where(html[data-app="sense"]) .lu-btn:disabled{opacity:.55;cursor:default}
:where(html[data-app="sense"]) .lu-btn.hidden{display:none}
:where(html[data-app="sense"]) .lu-ilerleme{margin-top:14px;font-size:12px;color:var(--ink2);min-height:16px}
:where(html[data-app="sense"]) .lu-ilerleme.hidden{display:none}
:where(html[data-app="sense"]) .lu-ilerleme.hata{color:var(--danger,#d65a5a)}

/* ====================== REFEEL (+SENTRY) ====================== */
/* Sentry v0.0.0.1 taslak yüzeyi refeel iskelet+grid kurallarını BİREBİR paylaşır
   (kullanıcı kararı: unified grid aynı tasarım/fonksiyon). Bu bölümdeki kurallar
   bu yüzden refeel,sentry çifti ile kapsamlı; sentry SAPMALARI aşağıdaki SENTRY
   bölümünde (cascade: sonra gelen kazanır). */
@keyframes ayarAc{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes turFade{from{opacity:0}to{opacity:1}}
/* ---- 2. geçiş: semantik-aynı kurallar (özellik sırası farklıydı, değerler birebir) ---- */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) body{background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.5;transition:background .25s,color .25s;background-image:radial-gradient(circle at 15% 0%,var(--bg2) 0%,transparent 50%),radial-gradient(circle at 85% 100%,var(--bg2) 0%,transparent 50%);background-attachment:fixed;min-height:100vh}
/* ---------- IMPORT EKRANI ---------- */
/* bekleme/hata ekranı uyarı kutusu */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .err-box{margin-top:16px;background:rgba(255,93,74,.1);border:1px solid var(--acil);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--acil);text-align:left}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .wrap{display:flex;height:calc(100vh - 60px);overflow:hidden}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side{width:300px;flex-shrink:0;border-right:1px solid var(--line);padding:24px;background:var(--panel);height:100%;overflow-y:auto}
/* bolum ICI katlanabilir alt baslik (ornek: Urun Gruplari) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum-bas{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;padding:4px 0;font-family:inherit;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink2);text-align:left}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum-bas:hover{color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum-bas .sb-ok{margin-left:auto;font-size:9px;color:var(--ink3);transition:transform .15s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum.kapali .sb-ok{transform:rotate(-90deg)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum.kapali .alt-bolum-ic{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum-ic{padding-top:9px}
/* statik alt baslik (toggle degil): Stok Seviyesi */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .alt-bolum-baslik{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink2);margin:18px 0 9px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .side-bolum-ic .alt-bolum-baslik:first-child{margin-top:0}
/* "Mevcut Stok  >  [sayi]" satiri */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye{display:flex;align-items:center;gap:8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye+.stok-seviye{margin-top:8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye .ss-ad{font-size:12px;color:var(--ink);font-weight:600;min-width:86px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye .ss-op{font-size:13px;color:var(--ink);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye .ss-input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-family:inherit;font-size:12px;color:var(--ink);text-align:left}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye .ss-input:focus{outline:none;border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .stok-seviye .ss-input::placeholder{font-size:.7475em}
/* GELISMIS FILTRELER > ozel urun ayristirma cipleri.
   tiklaninca uzeri cizilir = o urun grubu turdan cikar. */
/* STANDART ayristirma tasarimi: kompakt pill + tema renginde nokta,
   tiklayinca (haric) uzeri cizili + soluk (kritik/riskli etiket cipinden ilham) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-grup{display:grid;grid-template-columns:1fr;gap:6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-cip{display:flex;align-items:center;gap:6px;width:100%;cursor:pointer;font-size:11.5px;font-family:inherit;font-weight:600;text-align:left;border:1px solid var(--line);border-radius:20px;padding:6px 11px;background:var(--panel2);color:var(--ink);transition:all .13s;user-select:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-cip:hover{border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-cip .ac-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ok);transition:.13s}
/* haric tutulan (uzeri cizili) grup: soluk, nokta grilesir */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-cip.haric{opacity:.45;text-decoration:line-through;text-decoration-thickness:1.5px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-cip.haric .ac-dot{filter:grayscale(1);background:var(--ink3)}
/* "Tümünü Ayrıştır": grup çiplerinin üstünde, hepsini aynı anda ayrıştıran/geri alan toggle (checkbox göstergeli) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-tumu{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;font-size:11.5px;font-family:inherit;font-weight:700;text-align:left;border:1px dashed var(--line);border-radius:20px;padding:6px 11px;background:transparent;color:var(--ink2);transition:all .13s;user-select:none;margin-bottom:2px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-tumu:hover{border-color:var(--accent);color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-tumu .at-kutu{width:13px;height:13px;flex:none;border:1.5px solid var(--ink3);border-radius:4px;position:relative;transition:.13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-tumu.hepsi{border-style:solid;border-color:var(--accent);color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-tumu.hepsi .at-kutu{background:var(--accent);border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ayristir-tumu.hepsi .at-kutu::after{content:'';position:absolute;left:3.5px;top:.5px;width:4px;height:7px;border:solid var(--panel);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* --- BASLIK INFO IKONU + TOOLTIP --- */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik{vertical-align:middle}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--ink3);color:var(--ink3);font-size:9px;font-weight:700;cursor:help;letter-spacing:0;text-transform:none;flex-shrink:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik .info-tip{white-space:normal}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik .info-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:208px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--ink2);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .15s;z-index:60;pointer-events:none}
/* aşağı açılan varyant (sepet tablosu başlığı için — yukarı taşmasın) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik.asagi .info-tip{top:calc(100% + 8px);bottom:auto}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik.asagi .info-tip::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--line)}
/* sağ kenara hizalı varyant (sağdaki kolonlarda yatay taşmasın) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik.sagdan .info-tip{left:auto;right:-4px;transform:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .info-ik.sagdan .info-tip::after{left:auto;right:6px;transform:none}
/* başlık + "i" ikonu: dikey ortalı, aralarında küçük boşluk (Ort. Maliyet başlığı) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .th-info-in{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}
/* focus halkasi disari tasip 2x2 grid'i bozmasin: outline yerine
   ice dogru box-shadow - layout'u etkilemez ama focus gorunur kalir */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg button:focus{outline:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg button:focus-visible{box-shadow:inset 0 0 0 2px var(--rutin)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-kat button[data-v="tum"], :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-kat button[data-v="meds"]{flex:1 1 100%}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-grup button{min-width:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button .c{font-family:inherit;font-size:11px;background:var(--panel2);padding:1px 7px;border-radius:10px;color:var(--ink2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button.on .c{background:var(--accent);color:var(--accent-ink)}
/* TABLO ARAMA — "Tümü" sekmesi önünde arama ikonu; tıklayınca sekmeleri ÖRTEREK
   genişler ve TÜM sekmelerdeki ürünlerde arar (refeel + sentry ortak). */
/* yükseklik Sepetler butonuyla (32px) eş; iki durumda da AYNI border/padding
   (yalnız renk/bg değişir) → ikon açılınca yer değiştirmez; flex-end yerine
   margin ile sekme yazısı hizasına oturur. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara{display:flex;align-items:center;gap:2px;flex:0 0 auto;height:32px;box-sizing:border-box;border:1px solid transparent;border-radius:9px;padding:0 3px;margin-bottom:6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:transparent;border:0;color:var(--ink3);cursor:pointer;transition:color .13s;flex:0 0 auto;padding:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-btn:hover{color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-input{display:none;flex:1;min-width:0;height:100%;border:0;background:transparent;font-family:inherit;font-size:13px;color:var(--ink);outline:none;padding:0 0 0 6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-x{display:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:transparent;border:0;color:var(--ink3);cursor:pointer;font-size:13px;flex:0 0 auto}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-x:hover{color:var(--acil);background:var(--panel)}
/* arama kapsamı seçici (tüm sekmeler ↔ bu sekme); yalnız arama açıkken görünür */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-kapsam{display:none;align-items:center;height:24px;padding:0 9px;border-radius:6px;background:transparent;border:1px solid var(--line);color:var(--ink2);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap;flex:0 0 auto;transition:color .13s,border-color .13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-kapsam:hover{color:var(--accent);border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-ara-kapsam.aktif{color:var(--accent);border-color:var(--accent);background:var(--panel)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-tabs.ara-acik .tablo-ara-kapsam{display:inline-flex}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-tabs.ara-acik .tablo-ara{flex:1;border-color:var(--line);background:var(--panel2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-tabs.ara-acik .tablo-tabs-btns{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-tabs.ara-acik .tablo-ara-input{display:block}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-tabs.ara-acik .tablo-ara-x{display:inline-flex}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .tablo-tabs.ara-acik .tablo-ara-btn{color:var(--accent);background:transparent}
/* bildirimden açılan dinamik liste sekmesi: kapatma (×) butonu */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button.tab-bildirim .tb-ik{font-size:11px;line-height:1}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button.tab-bildirim .tab-kapat{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:13px;line-height:1;color:var(--ink3);margin-left:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs-btns button.tab-bildirim .tab-kapat:hover{background:var(--panel2);color:var(--acil)}
/* etiket filtre cipleri - secili tabdaki etiketleri ac/kapat
   (v0.5.1.6: kenar cubugu Filtreler bolumune en uste tasindi; İKİ KOLON grid) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-filtre{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:stretch}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip{display:flex;align-items:center;gap:5px;cursor:pointer;width:100%;font-size:11px;font-family:inherit;font-weight:600;border:1px solid var(--line);border-radius:20px;padding:3px 10px;background:var(--panel2);color:var(--ink2);transition:all .13s;user-select:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip:hover{border-color:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip .ec-nokta{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--ec-c)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip .ec-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip .ec-say{font-family:inherit;font-size:10px;color:var(--ink3);font-weight:400;margin-left:auto;padding-left:4px}
/* kapali (kullanicinin haric tuttugu) cip: ustu cizili, soluk */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip.kapali{opacity:.45;text-decoration:line-through;text-decoration-thickness:1.5px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip.kapali .ec-nokta{filter:grayscale(1)}
/* pasif (bu sekmede bulunmayan) cip: soluk, tiklanamaz, sayisi 0 */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip.pasif{opacity:.4;cursor:default;pointer-events:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .etiket-cip.pasif .ec-nokta{filter:grayscale(1)}
/* indir kutusu serit icinde sagda - tab cizgisinden hafif yukarida */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs .indir-box{margin-bottom:6px;flex:0 0 auto}
/* sag buton grubu (Sepetler + Indir) saga itilir:
   mini-KPI kaldirildigi icin onun margin-left:auto rolu buraya tasindi */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs .sepet-ac-btn{margin-left:auto}
/* toplu seçim barı görünürken: o zaten margin-left:auto ile grubu sağa iter,
   Sepetler butonu onun hemen yanına yapışır (kendi auto'su iptal). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs .toplu-bar:not(.hidden) ~ .sepet-ac-btn{margin-left:0}
/* marka/kademe filtresi - kenar cubugu Filtreler bolumu icinde */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #markaWrap h3, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #grupWrap h3{margin-top:16px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-grup{display:flex;gap:4px;flex-wrap:wrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-grup button{flex:0 0 calc(50% - 2px);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* devre disi seg (orn. lead kapaliyken) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .seg-grup.kapali{opacity:.4;pointer-events:none}
/* acma/kapama anahtari (switch) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sw{position:relative;display:inline-block;width:34px;height:18px;vertical-align:middle;margin-left:8px;cursor:pointer}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sw input{position:absolute;opacity:0;width:0;height:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sw .sw-ic{position:absolute;inset:0;background:var(--panel2);border:1px solid var(--line);border-radius:20px;transition:.15s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sw .sw-ic::after{content:'';position:absolute;width:12px;height:12px;left:2px;top:2px;background:var(--ink3);border-radius:50%;transition:.15s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sw input:checked + .sw-ic{background:var(--accent);border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sw input:checked + .sw-ic::after{transform:translateX(16px);background:var(--accent-ink)}
/* baslik satiri: baslik + info + beta solda, switch en saga dayali */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .bolum-h3{display:flex;align-items:center;gap:6px}
/* REFEEL RADAR — switch altı standart açıklama kutusu (radar ikonlu, max 3 satır) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .radar-aciklama{display:flex;gap:9px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:12px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .radar-aciklama .ra-ik{flex:0 0 auto;color:var(--radar);margin-top:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .radar-aciklama .ra-ik svg{width:16px;height:16px;display:block}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .radar-aciklama .ra-txt{font-size:11px;color:var(--ink2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .bolum-h3 .beta-tag{margin-left:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .bolum-h3 .sw{margin-left:auto}
/* trend: Tumu tam boy (kendi satiri), Negatif/Pozitif yari yari */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #s-trend.trend-seg button[data-v="tum"]{flex-basis:100%}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) input[type=range]{width:100%;accent-color:var(--accent);margin-top:4px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #s-marka{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);padding:8px 10px;border-radius:7px;font-size:13px;font-family:inherit;cursor:text}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #s-marka:focus{border-color:var(--accent);outline:none}
/* ---------- SEPET ÜRÜN GRIDI: ana sayfa grid'i (#tablo) ile BİREBİR aynı tasarım ----------
   v0.5.1.5: küçük tablo, ana grid th/td diline dönüştürüldü — uppercase 10px başlık,
   13px satır, 10px padding, satır hover, yuvarlatılmış panel kutu. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-bos{padding:24px 12px;text-align:center;color:var(--ink3);font-size:13px}
/* dar panelde taşmayı önlemek için sabit yerleşim: ürün kolonu kalan alanı alır,
   sayısal kolonlar sabit genişlik; ürün adı sığmazsa ellipsis (ana grid gibi). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl{width:100%;border-collapse:collapse;table-layout:fixed}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .k-adet{width:84px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .k-maliyet{width:120px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .k-sil{width:46px}
/* sentry aksiyon listesi: bulgu pill kolonu ("Barkod Hatası" en geniş etiket sığar) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .k-bulgu{width:106px;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);padding:10px;border-bottom:1px solid var(--line);font-weight:700;background:var(--panel);white-space:nowrap;position:static;cursor:default;box-shadow:none;z-index:auto}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl th:hover{color:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl td{padding:10px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl tbody tr:hover td{background:var(--rowhover)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl tbody tr:last-child td{border-bottom:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .num, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl th.num{text-align:right;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .urun{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .fz-tbl .mono{font-family:inherit;font-size:11px;color:var(--ink2)}
/* toolbar: Sepetler butonu + kalem rozeti */
/* İndir butonu (.btn-exp) ile birebir ayni kutu; rozet icin inline-flex+gap,
   serit align-items:flex-end oldugu icin margin-bottom:6px ile Indir ile ayni hizada */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-ac-btn{background:var(--panel2);color:var(--ink);border:1px solid var(--line);padding:7px 14px;border-radius:7px;cursor:pointer;font-size:12px;font-family:inherit;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;margin-left:8px;margin-bottom:6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-ac-btn:hover{border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-ac-btn .sepet-ikon{flex:none;color:inherit}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-badge{background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-badge.bos{background:var(--ink3)}
/* Filtreler butonu (Sepetler yanında) — sidebar Filtreler'in servise taşınmış tetiği */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .filtre-ac-btn{background:var(--panel2);color:var(--ink);border:1px solid var(--line);padding:7px 14px;border-radius:7px;cursor:pointer;font-size:12px;font-family:inherit;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;margin-bottom:6px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .filtre-ac-btn:hover{border-color:var(--accent)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .filtre-ac-btn.acik{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .filtre-ac-btn .filtre-ikon{flex:none;color:inherit}
/* Filtreler + Sepetler'i sağ üstte grupla (Filtreler auto ile sağa yaslar, Sepetler onu izler) */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs .filtre-ac-btn{margin-left:auto}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tablo-tabs .filtre-ac-btn ~ .sepet-ac-btn{margin-left:0}
/* SERVİS-İÇİ FİLTRE PANELİ — sekmeler ile grid arasında yatay filtre çubuğu */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-filtre-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:2px 0 14px}
/* filtre PILL — ikon + etiket + değer + ok; tıklanınca türüne özel dropdown açar */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:6px 11px;cursor:pointer;white-space:nowrap;max-width:100%;transition:border-color .15s,background .15s,color .15s}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill.acik{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill.secili{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill .rf-pill-ik{width:14px;height:14px;flex:none;color:var(--ink3)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill.secili .rf-pill-ik,:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill.acik .rf-pill-ik{color:var(--accent)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill .rf-pill-lbl{color:var(--ink3);font-weight:600}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill .rf-pill-lbl::after{content:":";margin:0 1px 0 -1px;color:var(--ink3)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill .rf-pill-val{font-weight:700;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill.secili .rf-pill-val{color:var(--accent)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill .rf-pill-ok{width:12px;height:12px;flex:none;color:var(--ink3)}
/* Tüm filtreleri temizle — pill'lerin yanında sade aksiyon butonu */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-temizle{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:11.5px;font-weight:600;color:var(--ink3);background:transparent;border:0;border-radius:16px;padding:6px 10px;cursor:pointer;transition:color .15s,background .15s}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-temizle:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-temizle svg{width:13px;height:13px;flex:none}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pill-alt[hidden]{display:none}
/* PILL DROPDOWN (fixed popover) — türüne özel içerik (takvim/slider/seçim) */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop{position:fixed;z-index:70;width:280px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.28);padding:14px 15px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-genis{width:288px;max-height:min(72vh,540px);overflow-y:auto;display:flex;flex-direction:column;gap:11px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-genis .rf-pop-bas{margin:0}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-genis .rf-pop-ayrac{margin:1px 0}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-genis .rf-pop-seg{margin-top:-4px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-bas{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--ink3);margin-bottom:8px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-not{font-size:11.5px;line-height:1.5;color:var(--ink2);margin:0 0 12px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;color:var(--ink)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-ayrac{height:1px;background:var(--line);margin:14px 0 12px}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .rf-pop-not-alt{margin:8px 0 0;font-size:11px}
/* Sepetler paneli başlığı: "Sepettekileri gizle" switch — navigasyon oklarının solunda, alanla uyumlu */
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-gizle-sw{display:inline-flex;align-items:center;gap:7px;cursor:pointer;margin-right:6px;padding-right:8px;border-right:1px solid var(--line)}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-gizle-sw .sg-lbl{font-size:11.5px;color:var(--ink2);white-space:nowrap}
:where(html[data-app="perform"],html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-gizle-sw .sw{margin-left:0}
/* tablo secim kolonu */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.sec-kol, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.sec-kol{width:52px;text-align:center;padding-left:10px;padding-right:0}
/* "x" (pasife al) + seçim kutusu yan yana — x önde */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sk-wrap{display:flex;align-items:center;gap:5px;justify-content:center}
/* v0.5.2.2: kare (x=y, checkbox ile aynı 15px), glyph iki eksende ortalı */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn{background:none;border:none;color:var(--ink3);cursor:pointer;font-size:16px;width:15px;height:15px;padding:0;line-height:1;border-radius:4px;transition:.12s;flex:none;display:inline-flex;align-items:center;justify-content:center}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn:hover{color:var(--acil)}
/* PASİFE ALINMIŞ satır: üzeri çizili + soluk; "x" vurgulu */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) tr.satir-pasif>td:not(.sec-kol){text-decoration:line-through;opacity:.5}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) tr.satir-pasif{opacity:.78}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) tr.satir-pasif .pasif-btn{color:var(--acil)}
/* sentry+refeel: aksiyon listesindeki / sepetteki ürünün satırı tema renginin
   beyaza en yakın açık tonuyla boyanır; hover/seçili durumda ton bir kademe
   koyulaşır (#tablo özgüllüğü genel tr:hover/satir-sec zemin kurallarını bilinçli geçer) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo tbody tr.satir-listede td{background:color-mix(in srgb, var(--accent) 8%, var(--panel))}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo tbody tr.satir-listede:hover td, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo tbody tr.satir-listede.satir-sec td{background:color-mix(in srgb, var(--accent) 16%, var(--panel))}
/* v0.5.2.2: ayrıştırma filtresiyle pasif olan satırın "x"i: elle geri alınamaz →
   imleç default, soluk; geri almak için sol menüdeki filtre grubu kapatılır */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn.pasif-filtre{cursor:default;opacity:.6}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn.pasif-filtre:hover{color:var(--ink3)}
/* v0.5.2.2: grid başlığındaki geri-alma ikonu — "x" ile AYNI boyut/hiza (.pasif-btn);
   içinde SVG, hover accent; pasif (geri alınacak yok) iken soluk + tıklanamaz */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn.geri-btn svg{width:13px;height:13px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn.geri-btn:hover{color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pasif-btn.geri-btn.geri-pasif{opacity:.3;cursor:default;pointer-events:none}
/* kompakt, tasarima uyumlu ozel secim kutusu: kirmizi accent, yuvarlak kose,
   isaretliyken beyaz tik. Native gorunum kaldirilir (appearance:none). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sec-kutu, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #secTumu{appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;flex:none;width:15px;height:15px;border:1.5px solid var(--line);border-radius:4px;background:var(--panel2);position:relative;vertical-align:middle;transition:.13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sec-kutu:hover, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #secTumu:hover{border-color:var(--accent)}
/* v0.5.2.2: pasife alınmış satır seçilemez → kutu soluk + tıklanamaz */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sec-kutu:disabled{opacity:.35;cursor:not-allowed;border-style:dashed}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sec-kutu:disabled:hover{border-color:var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sec-kutu:checked, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #secTumu:checked{background:var(--accent);border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sec-kutu:checked::after, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #secTumu:checked::after{content:'';position:absolute;left:4px;top:1px;width:3.5px;height:7.5px;border:solid var(--accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Öneri kolonu: Mevcut'un hemen yaninda, vurgulu adet */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .oneri-kol .adet{font-weight:700;color:var(--ink)}
/* toplu seçim barı — sekme satırında SAĞA dayalı, Sepetler butonunun hemen solunda;
   kompakt + satır içi (v0.5.1.6: margin-left:auto ile sağa itilir) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin:0 0 6px auto;font-size:13px;color:var(--ink3);white-space:nowrap;animation:ayarAc .15s ease}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar.hidden{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-say b{color:var(--accent)}
/* seçim özeti+temizle TEK kompakt buton: rakam (accent) + "seçili" + ✕; hover=temizle (acil) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-secim{display:inline-flex;align-items:center;gap:5px;background:var(--panel2);border:1px solid var(--line);color:var(--ink2);border-radius:7px;padding:7px 11px;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-secim:hover{border-color:var(--acil);color:var(--acil);background:color-mix(in srgb,var(--acil) 8%,var(--panel2))}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-secim .tb-secim-n{color:var(--accent);font-weight:700;font-size:13px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-secim:hover .tb-secim-n{color:var(--acil)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-secim .tb-secim-x{flex:none;opacity:.65;margin-left:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-secim:hover .tb-secim-x{opacity:1}
/* sağdan ürün çekmecesi açıkken seçim çipini sıkıştır: "1 seçili ✕" → "1 ✕" */
:where(html[data-app="refeel"]):has(#urunDetay:not(.hidden)) .toplu-bar .tb-secim .tb-secim-lbl{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-hedef{color:var(--ink3);display:inline-flex;align-items:center;gap:5px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-hedef b{color:var(--ink)}
/* hedef sepet seçici: kutu boyutu "Seçimleri temizle" (.tb-temizle) ile AYNI
   (padding 7px 14px, font 12px, radius 7px); sağda chevron için ekstra sağ boşluk */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-hedef-sec{font-family:inherit;font-size:12px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:7px 30px 7px 14px;cursor:pointer;max-width:220px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 11px center}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-hedef-sec:hover{border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-hedef-sec:focus{outline:none;border-color:var(--accent)}
/* tb-ekle / tb-temizle: Sepetler butonu (.sepet-ac-btn) ile birebir aynı kutu/yükseklik */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-ekle{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:7px;padding:7px 14px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-ekle:hover{filter:brightness(1.08)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-ekle .tb-ekle-ik{flex:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-temizle{background:var(--panel2);border:1px solid var(--line);color:var(--ink2);border-radius:7px;padding:7px 14px;font-size:12px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .toplu-bar .tb-temizle:hover{border-color:var(--acil);color:var(--acil)}
/* sag cekmece (drawer) */
/* sepet drawer: ürün detay drawer'ı (.md-detay) ile AYNI — <main> içinde inline sağ
   panel; modal/backdrop YOK, liste yanında durur ve liste daralır; eşit genişlik (459px). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-modal{flex-shrink:0;height:100%;display:flex}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-modal.hidden{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-arka{display:none}
/* ürün drawer (.md-detay) ile AYNI: açılışta kayma animasyonu YOK, anında belirir */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-panel{position:relative;width:459px;max-width:calc(100vw - 24px);height:100%;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
@media(max-width:1400px){
  :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-panel{width:374px}
}
/* başlık satırı: ürün drawer (.md-bas) ile AYNI — avatar + ad/alt + ‹ › + ✕ */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-avatar svg{width:22px;height:22px}
/* SEPET SEKME ÇUBUĞU (refeel Sepetler + sentry Aksiyonlar) — bildirim merkezi .notif-sek
   deseni birebir: refeel Sipariş|Bekleyen Sevkiyatlar · sentry Ürün Listesi|Devam Eden Aksiyonlar */
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line);flex:0 0 auto}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12px;font-weight:700;color:var(--ink3);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 4px;cursor:pointer;user-select:none;transition:.12s}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-tab:hover{color:var(--ink2)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-tab.aktif{color:var(--ink);border-bottom-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-say{font-size:10px;font-weight:700;line-height:1;padding:2px 6px;border-radius:999px;background:var(--panel);color:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-say.hidden{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-tab.aktif .sepet-sek-say{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
/* İkinci sekme (Bekleyen Sevkiyatlar / Devam Eden Aksiyonlar) alt barı: Yedekle / Geri Yükle — eşit genişlik, ikincil (panel2) stil */
:where(html[data-app="refeel"],html[data-app="sentry"]) .sevk-alt>.sevk-yedek-btn{flex:1 1 auto;min-width:0;background:var(--panel2);color:var(--ink2);border:1px solid var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sevk-alt>.sevk-yedek-btn:hover{filter:none;border-color:var(--accent);color:var(--ink)}
/* sekme panelleri: kalan alanı doldurur (flex column); kapalı sekme gizlenir */
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
:where(html[data-app="refeel"],html[data-app="sentry"]) .sepet-sek-panel.hidden{display:none}
/* aktif sepet adına tıklayınca yerinde düzenleme input'u */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-ad-edit{font:inherit;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--ink);background:var(--panel2);border:1px solid var(--accent);border-radius:7px;padding:1px 7px;width:100%;max-width:240px;outline:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cipler{display:flex;flex-wrap:wrap;gap:7px;flex:1;align-items:center}
/* SİPARİŞ TUTARI: tüm sepetlerin toplamı (grid'den buraya taşındı) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-toplam{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);background:var(--panel2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-toplam.hidden{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-toplam .st-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-toplam .st-val{font-family:inherit;font-size:16px;font-weight:700;color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-toplam .st-alt{margin-left:auto;font-size:11px;color:var(--ink3)}
/* tüm listeler toplamı: daha küçük + daha soluk (aktif liste yanında) */
:where(html[data-app="sentry"]) .sepet-toplam .st-alt .st-tum{font-size:10px;opacity:.75}
/* İndir dropdown kutusu (alt barda) + menü yukarı açılır */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-indir-box{position:relative}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu.yukari{top:auto;bottom:calc(100% + 6px)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip{display:inline-flex;align-items:center;gap:1px;background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:2px 4px 2px 2px;transition:.13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip:hover{border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip.on{background:var(--accent);border-color:var(--accent)}
/* etiket gövdesi: sepeti seçen buton */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip .sc-ad{background:none;border:none;color:var(--ink2);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:3px 8px;border-radius:16px;display:inline-flex;align-items:center;gap:6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip.on .sc-ad{color:var(--accent-ink)}
/* sepet adı önünde refeel sepet (alışveriş arabası) logosu — siyah/ink; aktifte beyaz */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip.on .sc-ad .sc-logo{color:var(--accent-ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip .sc-say{background:rgba(0,0,0,.18);border-radius:9px;padding:0 6px;font-size:11px;line-height:16px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip.on .sc-say{background:rgba(255,255,255,.25)}
/* aktif etiketin ismini yerinde düzenleme input'u */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cip.duzenleniyor{background:var(--accent);border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-yeni{background:none;border:1px dashed var(--line);color:var(--ink2);border-radius:18px;padding:5px 12px;font-size:12.5px;font-family:inherit;cursor:pointer}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-yeni:hover{border-color:var(--ok);color:var(--ok)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-govde{padding:12px 16px;overflow-y:auto;flex:1;min-height:0}
/* sepet ürün gridi KUTUSU: ana sayfa grid kutusu (#tablo) ile aynı —
   panel zemin + ince çerçeve + 14px radius + gölge; köşeler th/son-satıra verilir. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-liste{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:10px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-liste th:first-child{border-top-left-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-liste th:last-child{border-top-right-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-liste tbody tr:last-child td:first-child{border-bottom-left-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-liste tbody tr:last-child td:last-child{border-bottom-right-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-adet{width:58px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:12.5px;font-family:inherit;text-align:right}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-kaldir{background:none;border:none;color:var(--ink3);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:5px;line-height:1}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-kaldir:hover{color:var(--acil);background:var(--rowhover)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-bosalt{margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink3);border-radius:7px;padding:5px 11px;font-size:12px;font-family:inherit;cursor:pointer}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-bosalt:hover{border-color:var(--acil);color:var(--acil)}
/* boş sepet -> sepeti silme seçeneği */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-bos-aksiyon{display:flex;justify-content:center;margin-top:2px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-sil-btn{background:none;border:1px solid var(--line);color:var(--ink2);border-radius:8px;padding:8px 16px;font-size:12.5px;font-family:inherit;cursor:pointer}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-sil-btn:hover{border-color:var(--acil);color:var(--acil)}
/* ALT BAR: panel dibine sabit; Sipariş Ver (%80) + İndir (%20) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;position:relative;border-top:1px solid var(--line);background:var(--panel)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt.hidden{display:none}
/* Birincil buton (refeel: Sipariş Ver / sentry: Aksiyon Seç) kalan alanı doldurur
   (çöp eklenince O küçülür, İndir değil) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt>#siparisVerBtn, :where(html[data-app="sentry"]) .sepet-alt>#akslAksiyonBtn{flex:1 1 auto;min-width:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt>.sepet-indir-box{flex:0 0 88px;position:static}
/* İndir sabit, küçülmez */
/* İndir = İKİNCİL aksiyon (tek birincil "Sipariş Ver" kalsın; çöp butonuyla aynı dil).
   v0.5.1.5: panel2 zemin + line border + ink2; hover'da accent kenar. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt .sepet-indir-box>.siparis-ver-btn{width:100%;padding-left:4px;padding-right:4px;background:var(--panel2);color:var(--ink2);border:1px solid var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt .sepet-indir-box>.siparis-ver-btn:hover{filter:none;border-color:var(--accent);color:var(--ink)}
/* çöp kutusu: kare buton (yüksekliğe eşit genişlik) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cop-btn{flex:0 0 44px;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);color:var(--ink2);border-radius:9px;cursor:pointer;transition:.13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-cop-btn:hover{border-color:var(--acil);color:var(--acil)}
/* İndir + Sipariş Ver menüsü: tüm bar genişliğinde */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-alt .indir-menu{left:16px;right:16px;min-width:0;top:auto;bottom:calc(100% + 6px)}
/* Sipariş Ver -> tedarikçi listesi: 4 görünür, gerisi scroll */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tedarikci-menu .ted-sec{display:block;width:100%;text-align:left;height:36px;background:none;border:none;color:var(--ink);cursor:pointer;padding:0 12px;border-radius:6px;font-size:12.5px;font-family:inherit}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tedarikci-menu .ted-sec:hover{background:var(--panel2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tedarikci-menu .ted-bos-uyari{padding:10px 12px;font-size:11.5px;color:var(--ink3);line-height:1.45}
/* Sipariş Ver / İndir: aynı birincil tasarım */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-ver-btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:9px;padding:12px 10px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .13s;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-ver-btn:hover{filter:brightness(1.08)}
/* pre-alpha: sipariş gönderimi kapalı — buton pasif + "yakında" rozeti */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-ver-btn[disabled]{opacity:.55;cursor:not-allowed}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-ver-btn[disabled]:hover{filter:none}
/* SİPARİŞ TUTARI satırında: sepeti temizle butonu (eski İndir konumunda) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-temizle-btn{background:var(--panel);border:1px solid var(--line);color:var(--ink3);border-radius:7px;padding:6px 12px;font-size:12px;font-family:inherit;cursor:pointer}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sepet-temizle-btn:hover{border-color:var(--acil);color:var(--acil)}
/* SİPARİŞ VER DRAWER (v0.5.1.8): sepet panelinin DİBİNDEN yukarı doğru açılan
   bottom-sheet. Kapalıyken pointer-events yok + panel ekranın altına kayar
   (sepet-panel overflow:hidden ile kırpılır); açıkken arka karartılır. */
/* IN-FLOW: panel dibinde açılır; üstündekileri (grid) YUKARI iter, grid uzunsa
   daraltır (sepet-govde flex:1 + min-height:0 ile kayar). Overlay/karartma YOK. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-drawer{flex:0 0 auto;max-height:0;overflow:hidden;transition:max-height .28s ease}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-drawer.acik{max-height:70%}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-drawer .sd-arka{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-drawer .sd-panel{position:relative;display:flex;flex-direction:column;max-height:100%;background:var(--panel);border-top:1px solid var(--line);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -10px 30px rgba(0,0,0,.18);padding-top:14px}
/* tutamaç çizgisi */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .siparis-drawer .sd-panel::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:2px;background:var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-bas{display:flex;align-items:center;gap:10px;padding:6px 16px 2px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-baslik{font-size:14.5px;font-weight:700;color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-kapat{margin-left:auto;background:none;border:none;color:var(--ink3);font-size:17px;line-height:1;cursor:pointer;padding:4px;border-radius:6px;transition:.13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-kapat:hover{color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-ozet{padding:0 16px 2px;font-size:11.5px;color:var(--ink3);line-height:1.4}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-altbaslik{padding:8px 16px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink3);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste{padding:2px 14px 16px;overflow-y:auto;max-height:38vh}
/* içerik boyutlu; uzunsa kendi içinde kayar */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-sec{display:flex;align-items:center;gap:8px;width:100%;text-align:left;min-height:44px;background:var(--panel2);border:1px solid var(--line);color:var(--ink);cursor:pointer;padding:0 14px;border-radius:10px;font-size:13px;font-family:inherit;margin-bottom:7px;transition:.13s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-sec:hover{border-color:var(--accent);color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-sec .ts-ad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-sec .ts-prototip{flex-shrink:0;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--yolda);border:1px solid color-mix(in srgb,var(--yolda) 45%,transparent);background:color-mix(in srgb,var(--yolda) 13%,transparent);border-radius:20px;padding:2px 8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-sec .ts-beta{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--yolda);border:1px solid color-mix(in srgb,var(--yolda) 45%,transparent);background:color-mix(in srgb,var(--yolda) 13%,transparent);border-radius:20px;padding:2px 8px;cursor:help}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-sec .ts-beta svg{width:11px;height:11px;flex-shrink:0}
/* CREDS YOK ADIMI (Sipariş Ver drawer'ı): giriş bilgisi kaydı yoksa Ayarlar → Entegrasyon CTA */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .sv-creds-cta{display:flex;flex-direction:column;gap:11px;padding:4px 2px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .sv-creds-msg{font-size:12.5px;line-height:1.55;color:var(--ink2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .sv-creds-git{margin-bottom:0;border-color:var(--accent);color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .sv-creds-git .ts-ad{flex:1;font-weight:600}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .sv-creds-git .sv-creds-ok{flex-shrink:0;font-size:11px;font-weight:700;opacity:.9}
/* sentry aksiyon drawer'ı ADIM 2 (stok süresi hedefi): liste içi alt başlık/özet
   sd-liste dolgusuna hizalanır; radio bar nefes alır; uygula tam genişlik birincil */
:where(html[data-app="sentry"]) .sd-liste .sd-altbaslik, :where(html[data-app="sentry"]) .sd-liste .sd-ozet{padding-left:2px;padding-right:2px}
:where(html[data-app="sentry"]) .sd-liste .seg{padding:6px 2px 2px}
/* Pazaryeri seçimi: etiket + dropdown TEK SATIR yan yana */
:where(html[data-app="sentry"]) .sd-liste .aksl-pz-satir{display:flex;align-items:center;gap:10px;padding:2px 2px 0}
:where(html[data-app="sentry"]) .aksl-pz-satir .aksl-pz-lbl{flex:none;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink3);font-weight:700}
:where(html[data-app="sentry"]) .aksl-pz-satir .aksl-pz-sec{flex:1;min-width:0;font-family:inherit;font-size:13px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 30px 8px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 11px center}
:where(html[data-app="sentry"]) .aksl-pz-satir .aksl-pz-sec:hover, :where(html[data-app="sentry"]) .aksl-pz-satir .aksl-pz-sec:focus{border-color:var(--accent);outline:none}
/* KÂR PAYI satırı: …,90 yukarı-yuvarlama ikon-toggle'ı (default açık) + kâr payı segmenti yan yana */
:where(html[data-app="sentry"]) .sd-liste .aksl-pz-pay-satir{display:flex;align-items:stretch;gap:8px}
:where(html[data-app="sentry"]) .aksl-pz-pay-satir .seg{flex:1;min-width:0}
:where(html[data-app="sentry"]) .aksl-yuvarla-btn{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--ink3);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
:where(html[data-app="sentry"]) .aksl-yuvarla-btn:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="sentry"]) .aksl-yuvarla-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}
:where(html[data-app="sentry"]) .aksl-yuvarla-btn[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:0;width:208px;white-space:normal;background:var(--ink);color:var(--panel);font-size:11px;font-weight:600;line-height:1.35;padding:7px 9px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:6;pointer-events:none}
:where(html[data-app="sentry"]) .aksl-yuvarla-btn[data-tip]:hover::before{content:"";position:absolute;bottom:calc(100% + 4px);left:18px;border:5px solid transparent;border-top-color:var(--ink);z-index:6;pointer-events:none}
:where(html[data-app="sentry"]) .sd-liste .siparis-ver-btn{display:block;width:100%;margin-top:10px}
/* LİSTE HAZIRLANIYOR: drawer içinde yükleme animasyonu (service load benzeri
   dönen 12-çubuk spinner) */
@keyframes aksl-spin{to{transform:rotate(1turn)}}
:where(html[data-app="sentry"]) .sd-liste .aksl-hazir{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:34px 16px 30px;color:var(--accent)}
:where(html[data-app="sentry"]) .aksl-spin-svg{animation:aksl-spin 1s steps(12) infinite;transform-origin:center}
:where(html[data-app="sentry"]) .sd-liste .aksl-hazir-txt{font-size:13px;font-weight:600;color:var(--ink2)}
/* GÖRÜNÜR BİLDİRİM POPUP'I (sağ üst): demo bildirim standalone'da burada belirir */
:where(html[data-app="sentry"]) .sentry-bildirim-kat{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;width:340px;max-width:calc(100vw - 32px)}
:where(html[data-app="sentry"]) .sentry-bildirim-pop{display:flex;gap:9px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:11px;box-shadow:var(--shadow);padding:12px 12px 12px 13px;opacity:0;transform:translateX(14px);transition:opacity .22s,transform .22s}
:where(html[data-app="sentry"]) .sentry-bildirim-pop.gor{opacity:1;transform:none}
:where(html[data-app="sentry"]) .sentry-bildirim-pop .sb-ik{color:var(--accent);flex:none;margin-top:1px;display:inline-flex}
:where(html[data-app="sentry"]) .sentry-bildirim-pop .sb-icerik{flex:1;min-width:0}
:where(html[data-app="sentry"]) .sentry-bildirim-pop .sb-baslik{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3}
:where(html[data-app="sentry"]) .sentry-bildirim-pop .sb-mesaj{font-size:11.5px;color:var(--ink2);line-height:1.45;margin-top:4px}
:where(html[data-app="sentry"]) .sentry-bildirim-pop .sb-kapat{flex:none;background:none;border:none;color:var(--ink3);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
:where(html[data-app="sentry"]) .sentry-bildirim-pop .sb-kapat:hover{color:var(--ink)}
/* TAKİP demo bildirim KARTI (tamamlandı adımında görünür kılınır) */
:where(html[data-app="sentry"]) .sd-liste .aksl-bildirim{margin-top:10px;padding:11px 12px;border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--panel));border-radius:10px}
:where(html[data-app="sentry"]) .aksl-bildirim .ab-ust{display:flex;align-items:center;gap:7px}
:where(html[data-app="sentry"]) .aksl-bildirim .ab-ik{color:var(--accent);flex:none;display:inline-flex}
:where(html[data-app="sentry"]) .aksl-bildirim .ab-baslik{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3}
:where(html[data-app="sentry"]) .aksl-bildirim .ab-mesaj{font-size:11.5px;color:var(--ink2);line-height:1.45;margin-top:5px}
/* TAMAMLANDI adımı: dikey buton yığını (kaydet / [WhatsApp] / vazgeç) */
:where(html[data-app="sentry"]) .sd-liste .aksl-tam-btns{display:flex;flex-direction:column;gap:8px;margin-top:12px}
:where(html[data-app="sentry"]) .sd-liste .aksl-tam-btns .siparis-ver-btn{margin-top:0}
:where(html[data-app="sentry"]) .sd-liste .aksl-tam-btns .aksl-wa-btn{background:#25d366;border-color:#25d366;color:#fff}
:where(html[data-app="sentry"]) .sd-liste .aksl-tam-btns .aksl-wa-btn:hover{filter:brightness(1.06)}
/* KAYDEDİLDİ onay başlığı (otomatik kayıt sonrası) */
:where(html[data-app="sentry"]) .sd-liste .aksl-onay{display:flex;align-items:center;gap:9px;padding:4px 2px 2px;color:var(--ok)}
:where(html[data-app="sentry"]) .aksl-onay .aksl-onay-ik{flex:none;display:inline-flex}
:where(html[data-app="sentry"]) .aksl-onay .aksl-onay-bas{font-size:15px;font-weight:800;letter-spacing:.2px;color:var(--ink)}
:where(html[data-app="sentry"]) .sd-liste .aksl-tam-btns .aksl-vazgec-btn{display:block;width:100%;text-align:center;justify-content:center;margin-top:0}
/* DEVAM EDEN AKSİYONLAR: kayıtlar AKSİYONLAR LİSTESİ GİBİ GRID'de (.sepet-liste
   /.fz-tbl) — Liste(ad+tarih) · Aksiyon · Adet · [PDF + çöp] */
/* dar panelde (374px) 5 kolon sığsın: gövde+hücre dolgusu küçültülür, Liste
   auto'ya kalan genişlik verilir (ad+tarih tek satır görünür), Aksiyon kısalır */
:where(html[data-app="sentry"]) #devamGovde{padding-left:12px;padding-right:12px}
:where(html[data-app="sentry"]) #devamGovde .fz-tbl th, :where(html[data-app="sentry"]) #devamGovde .fz-tbl td{padding-left:6px;padding-right:6px}
/* durum + aksiyon sola çekildi → ADET kolonu "99.999" rahat sığacak genişlikte;
   aksiyon yine tam okunur (Tedarikçi İade / Stok Paylaşım / Takip & İzleme, 11px) */
:where(html[data-app="sentry"]) #devamGovde .fz-tbl .k-dv-durum{width:88px}
:where(html[data-app="sentry"]) #devamGovde .fz-tbl .k-dv-aksiyon{width:90px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sentry"]) #devamGovde .fz-tbl .k-dv-adet{width:62px}
:where(html[data-app="sentry"]) #devamGovde .fz-tbl .k-dv-islem{width:78px}
:where(html[data-app="sentry"]) #devamGovde .dv-durum-pill{padding-left:6px;padding-right:6px}
/* liste adı + tarih TEK SATIR: ad beyaz (--ink, .urun'dan kalın), tarih küçük
   soluk gri yanında (inline); taşan kısım ellipsis */
:where(html[data-app="sentry"]) #devamGovde .dv-liste{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sentry"]) #devamGovde .dv-tarih{font-size:10px;font-weight:400;color:var(--ink3);margin-left:7px}
/* durum pill'i tıklanabilir (sırayla döner) */
:where(html[data-app="sentry"]) #devamGovde .dv-durum-pill{cursor:pointer;white-space:nowrap}
:where(html[data-app="sentry"]) #devamGovde .dv-islem-ic{display:flex;gap:4px;justify-content:flex-end;align-items:center}
:where(html[data-app="sentry"]) #devamGovde .ad-geri, :where(html[data-app="sentry"]) #devamGovde .ad-pdf, :where(html[data-app="sentry"]) #devamGovde .ad-sil{flex:none;width:22px;height:22px;border:1px solid var(--line);background:var(--panel2);color:var(--ink2);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
:where(html[data-app="sentry"]) #devamGovde .ad-geri svg, :where(html[data-app="sentry"]) #devamGovde .ad-pdf svg, :where(html[data-app="sentry"]) #devamGovde .ad-sil svg{width:13px;height:13px}
:where(html[data-app="sentry"]) #devamGovde .ad-geri:hover, :where(html[data-app="sentry"]) #devamGovde .ad-pdf:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="sentry"]) #devamGovde .ad-sil:hover{border-color:var(--acil);color:var(--acil)}
/* refeel: Bekleyen Sevkiyatlar — sipariş kartları (ferah; hover'da accent çerçeve + cep) */
:where(html[data-app="refeel"]) #sevkGovde{padding-left:12px;padding-right:12px;display:flex;flex-direction:column;gap:12px}
:where(html[data-app="refeel"]) .svk-wrap{border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .15s,box-shadow .15s}
:where(html[data-app="refeel"]) .svk-wrap:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
:where(html[data-app="refeel"]) .svk-card{display:flex;align-items:center;gap:14px;padding:15px 16px;background:var(--panel);border-radius:13px}
:where(html[data-app="refeel"]) .svk-wrap:hover .svk-card{border-bottom-left-radius:0;border-bottom-right-radius:0}
:where(html[data-app="refeel"]) .svk-av{width:42px;height:42px;border-radius:11px;flex:none;background:var(--panel2);color:var(--ink2);display:flex;align-items:center;justify-content:center}
:where(html[data-app="refeel"]) .svk-av svg{width:21px;height:21px}
:where(html[data-app="refeel"]) .svk-mid{flex:1;min-width:0}
:where(html[data-app="refeel"]) .svk-ttl{display:flex;align-items:center;gap:9px}
:where(html[data-app="refeel"]) .svk-ad{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="refeel"]) .svk-pill{flex:none;font-size:11px;font-weight:700;line-height:1;padding:4px 9px;border-radius:999px;white-space:nowrap;cursor:pointer;background:color-mix(in srgb,var(--pl-c) 16%,transparent);color:var(--pl-c)}
:where(html[data-app="refeel"]) .svk-alt{font-size:12.5px;color:var(--ink3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* sevkiyat kart aksiyonları: eski ⋯ dropdown yerine HOVER'da açılan sağa dayalı ikon butonları */
:where(html[data-app="refeel"]) .svk-right{flex:none;display:flex;align-items:center;gap:5px;opacity:0;transition:opacity .15s}
:where(html[data-app="refeel"]) .svk-wrap:hover .svk-right,:where(html[data-app="refeel"]) .svk-right:focus-within{opacity:1}
:where(html[data-app="refeel"]) .svk-right>button{flex:none;width:30px;height:30px;border:1px solid var(--line);background:var(--panel2);color:var(--ink2);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .13s,color .13s}
:where(html[data-app="refeel"]) .svk-right>button svg{width:15px;height:15px}
:where(html[data-app="refeel"]) .svk-right>button:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="refeel"]) .svk-right>button.sil:hover{border-color:var(--acil);color:var(--acil)}
:where(html[data-app="refeel"]) .svk-cep{max-height:0;overflow:hidden;transition:max-height .22s ease}
:where(html[data-app="refeel"]) .svk-wrap:hover .svk-cep{max-height:60px}
:where(html[data-app="refeel"]) .svk-cep-ic{display:flex;align-items:center;gap:16px;padding:10px 16px 12px;border-top:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:12.5px;font-weight:500;color:var(--accent);border-radius:0 0 13px 13px}
:where(html[data-app="refeel"]) .svk-cep-ic .seg{display:inline-flex;align-items:center;gap:6px}
:where(html[data-app="refeel"]) .svk-cep-ic svg{width:16px;height:16px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .sd-liste .ted-bos-uyari{padding:12px 14px;font-size:12px;color:var(--ink3);line-height:1.5}
/* ---------- ANALIZ DONEMI: takvim tarih secici (Sense ile ayni) ---------- */
/* Hedef Stok range slider (7–365g; hızlı kaydırırken yaygın değerlere yapışır) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hedef-slider{display:flex;flex-direction:column;gap:5px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hedef-slider.kapali{opacity:.4;pointer-events:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hedef-slider .hs-ust{display:flex;align-items:center;justify-content:space-between}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hedef-slider .hs-lbl{font-size:11px;color:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hedef-slider .hs-deger{font-family:inherit;font-size:13px;font-weight:700;color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hs-range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:3px;background:var(--line);outline:none;cursor:pointer;margin:3px 0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hs-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:transform .1s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hs-range::-webkit-slider-thumb:active{transform:scale(1.15)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hs-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hs-range::-moz-range-track{height:5px;border-radius:3px;background:var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hedef-slider .hs-minmax{display:flex;justify-content:space-between;font-size:9.5px;color:var(--ink3);font-family:inherit}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .takvim-pop.hidden{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tk-hizli button.on{background:var(--accent);color:var(--accent-ink);font-weight:700}
/* .main ust padding'i 0: aksi halde sticky th, scrollport icindeki
   ust padding kadar (24px) asagida yapisip ustunde bos bant birakir.
   Ust bosluk ic icerige (kpis) margin olarak verilir. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .main{flex:1;min-width:0;display:flex;gap:0;padding:0;overflow:hidden}
/* sol liste: eski .main'in scroll/padding davranisi buraya tasindi (master-detail) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste{padding:0 32px 24px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste{flex:1;min-width:0;overflow-y:auto;height:100%}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;margin-bottom:18px}
@media(max-width:1180px){
  :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 14px;position:relative;overflow:hidden}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-acil::before{background:var(--acil)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-rutin::before{background:var(--rutin)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-toplam::before{background:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-tutar::before{background:var(--ok)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-manuel::before{background:var(--manuel)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi .n{font-size:21px;font-weight:700;font-family:inherit;letter-spacing:-1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi .l{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi .s{font-size:11px;color:var(--ink2);margin-top:6px}
/* tutar KPI'sinda sag ust kose yuzde rozeti: secili kategorinin
   toplam butce icindeki payi - buyuk ve belirgin */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi .pct{position:absolute;top:11px;right:12px;font-family:inherit;font-weight:700;font-size:18px;line-height:1;color:var(--ok);letter-spacing:-1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi .pct small{font-size:12px;font-weight:700;opacity:.7;margin-left:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi .pct .cap{display:block;font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);text-align:right;margin-top:3px}
/* tutar rakami rozetin altina girmesin: sag tarafta yer birak */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-tutar .n{padding-right:48px}
/* Tahmini sipariş tutarı = vurgulu metrik: 2 kolon genişlik (x2). Yazılar diğer
   kutularla AYNI (rakam 21px); yalnızca kutu 2 kat geniş. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpi.k-tutar-buyuk{grid-column:span 2}
@media(max-width:520px){
  :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kpis .k-tutar-buyuk{grid-column:auto}
}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tabs button.on{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tabs button .c{font-family:inherit;font-size:11px;background:var(--panel2);padding:1px 7px;border-radius:10px;margin-left:6px}
/* tablo kutusu: ekran goruntusundeki gibi panel arka planli,
   ince cerceveli, koseleri yuvarlatilmis box. sticky th'yi bozmamak
   icin overflow:hidden YOK; ust koseler th'ye, alt koseler son satira verilir. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);width:100%;max-width:100%}
/* ust koseler: ilk ve son baslik hucresine; alt koseler son satira.
   overflow:hidden kullanmiyoruz cunku sticky th'yi bozar. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo th:first-child{border-top-left-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo th:last-child{border-top-right-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo tbody tr:last-child td{border-bottom:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo tbody tr:last-child td:first-child{border-bottom-left-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) #tablo tbody tr:last-child td:last-child{border-bottom-right-radius:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th{position:sticky;top:0;z-index:5;background:var(--panel);box-shadow:0 1px 0 var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th:hover{color:var(--ink)}
/* secili satir: IK personel tablosundaki gibi sol accent seridi */
/* ürün adı: ESNEK kolon — kalan genişliği alır, sığmayınca … ile kısalır.
   max-width:0 → kolon tablonun doğal (intrinsic) genişliğine KATKI VERMEZ →
   tablo ürün adına göre BÜYÜMEZ; numerik kolonlar içeriklerine göre sığar,
   ürün kolonu artan boşluğu alıp gerekince kısalır. Böylece tablo kapsayıcıya
   tam oturur (Perform gibi), satırlar yuvarlatılmış kartın dışına taşmaz. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .urun{font-weight:700;width:100%;max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* yabancı/ithal ürün rozeti (master.yabanci): ürün adının önünde kompakt çip;
   ellipsis'e takılmasın diye prefix + flex-shrink yok → uzun adda da daima görünür */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .yab-rozet{display:inline-block;flex:0 0 auto;margin-left:6px;font-size:9px;font-weight:800;letter-spacing:.4px;padding:1px 5px;border-radius:5px;vertical-align:middle;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 13%, transparent)}
/* ETİKET kolonu: seçim ile ürün adı arasında, kompakt; içerik ortalı */
/* etiket kolonu SABİT genişlik: en geniş etikete (aztalep) göre — sekme değişince
   kolon genişliği oynamaz, başlık hizaları tüm gridde aynı kalır (v0.5.1.6). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.etiket-kol, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.etiket-kol{width:74px;white-space:nowrap;padding:10px 6px;text-align:center}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.etiket-kol + td.urun, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.etiket-kol + th{padding-left:4px}
/* etiket pill'i: renk kodu logic'ten --pl-c inline değişkeniyle gelir (RefeelEtiket.rozet
   → BILGI.renk, tek kaynak). Kodlama ÇERÇEVE + ARKA PLANDA; yazı temanın standart
   mürekkep rengi (--ink) → açık/koyu temada otomatik uyar. Sınıf-başına .p-* kuralı
   YOK (dinamik sınıf adları ölü-CSS taramasında yanlışlıkla silinmişti). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pill{display:inline-block;box-sizing:border-box;min-width:58px;text-align:center;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;font-family:inherit;color:var(--ink);border:1px solid color-mix(in srgb, var(--pl-c, var(--ink3)) 55%, transparent);background:color-mix(in srgb, var(--pl-c, var(--ink3)) 14%, transparent)}
/* özel rozet: içi beyaz dolgu, dışı siyah çizgi + okunur siyah metin (test grubu 'operation') */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .pill.pill-beyaz{background:#ffffff;border-color:#000000;color:#000000}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .adet{font-family:inherit;font-weight:700;font-size:14px}
/* deger hucresi: kalin koyu ana deger + yaninda sonuk ikincil yuzde
   (IK personel tablosundaki ciro/islem hucrelerinin gorsel dili) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .deger-cell{display:inline-flex;align-items:baseline;gap:8px;justify-content:flex-end}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .deger-ana{font-family:inherit;font-weight:700;font-size:14px;color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .neg{color:var(--acil);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .bar{height:4px;background:var(--panel2);border-radius:2px;overflow:hidden;width:56px;display:inline-block;vertical-align:middle}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .bar i{display:block;height:100%;background:var(--rutin)}
/* birlesik hiz/trend kolonunda trend rozeti - hizdan ayri dursun */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .trend-et{margin-left:8px;font-size:11px;color:var(--trend-c,inherit)}
/* tablo satırı tıklanınca ürün drawer'ı açar → işaretçi (eskiden JS'te tr.style.cursor) */
:where(html[data-app="refeel"]) #tablo tbody tr[data-bk]{cursor:pointer}
/* Satış Hızı hücresi: solda mini area grafiği (standart satır boyu) + sağda
   günlük ort. satış değeri; trend açıkken değerin altında trend rozeti.
   v0.5.1.4: dikey kart → yatay kompakt düzen (satır yüksekliği korunur). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell{display:inline-flex;align-items:center;gap:9px;vertical-align:middle}
/* çerçevesiz: grid içinde organik dursun (arka plan/border/radius yok) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell .hiz-spark{display:block;width:126px;height:26px;flex:none;overflow:visible}
/* grafik varsayılan açık gri; trend açıkken --spark-renk ile trend rengine boyanır */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell .hiz-spark .alan{fill:var(--spark-renk,var(--ink3));opacity:.14}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell .hiz-spark .cizgi{fill:none;stroke:var(--spark-renk,var(--ink3));stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
/* değer + trend yan yana (değerin altında değil) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell .hiz-sag{display:inline-flex;flex-direction:row;align-items:center;gap:6px;line-height:1.15;text-align:left}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell .hiz-deger{font-size:12.5px;font-weight:700;color:var(--ink);letter-spacing:.2px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-cell .trend-et{margin-left:0;font-size:10px}
/* DRAWER ACIK: liste daralir → Satış Hızı kolonunda sparkline gizlenir ve
   kolon küçülür (uzun başlık 'Hız'a iner; tablo boşluğu diğer kolonlara dağıtır) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .hiz-h-kisa{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste.liste-dar .hiz-cell .hiz-spark{display:none}
/* liste-dar (yan çekmece açık): hiz hücresi yatayda sıkışsın. Grid sparkline'ı
   kaldırıldığından yükseklik rezervi (min-height) YOK — aksi halde dar modda
   hücre metin yüksekliğinin üstüne çıkıp satırı uzatıyordu (çekmece açınca grid büyümesi). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste.liste-dar .hiz-cell{gap:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste.liste-dar th.kol-hiz .hiz-h-full{display:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-liste.liste-dar th.kol-hiz .hiz-h-kisa{display:inline}
/* --- grid kolon hizalamaları (başlık + içerik) --- */
/* ortalı: etiket, satış hızı, mevcut, öneri */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.num.kol-hiz, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num.kol-hiz, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.num.kol-stok, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num.kol-stok, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.num.kol-oneri, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num.kol-oneri{text-align:center}
/* ortalı: AI analizi (başlık + rozet) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.num.kol-ai, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num.kol-ai{text-align:center}
/* sağ köşeye dayalı: ort. maliyet */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.num.kol-tutar, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num.kol-tutar{text-align:right}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.num.kol-tutar .deger-cell{align-items:flex-end}
/* numerik kolonlar içeriğe göre daralır (genişlemez) → artan genişliği ürün
   kolonu (width:100%) alır; tablo kapsayıcıya tam oturur, taşma olmaz. */
/* KOLON GENİŞLİKLERİ refeel↔sentry BİREBİR EŞİT: table-layout:fixed + sabit px.
   auto-layout px genişliği yalnız "tercih" sayıp yok sayıyordu → fixed ile tam uygulanır.
   Orta üç kolon (stok/öneri/sonsat) AYNI 86px → iki gridin TÜM kolon çizgileri
   pozisyon pozisyon örtüşür; Ürün kolonu (genişliksiz) kalanı yutarak eşitlenir.
   fellas/ahtapos eski içerik-tabanlı (auto + width:1%) davranışını korur. */
:where(html[data-app="refeel"],html[data-app="sentry"]) table{table-layout:fixed}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.kol-hiz, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.kol-hiz, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.kol-stok, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.kol-stok, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.kol-oneri, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.kol-oneri, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.kol-sonsat, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.kol-sonsat, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) th.kol-tutar, :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) td.kol-tutar{box-sizing:border-box;white-space:nowrap}
/* fellas/ahtapos: önceki içerik-tabanlı genişlik (değişmez) */
:where(html[data-app="fellas"],html[data-app="ahtapos"]) th.kol-hiz, :where(html[data-app="fellas"],html[data-app="ahtapos"]) td.kol-hiz, :where(html[data-app="fellas"],html[data-app="ahtapos"]) th.kol-stok, :where(html[data-app="fellas"],html[data-app="ahtapos"]) td.kol-stok, :where(html[data-app="fellas"],html[data-app="ahtapos"]) th.kol-oneri, :where(html[data-app="fellas"],html[data-app="ahtapos"]) td.kol-oneri, :where(html[data-app="fellas"],html[data-app="ahtapos"]) th.kol-sonsat, :where(html[data-app="fellas"],html[data-app="ahtapos"]) td.kol-sonsat, :where(html[data-app="fellas"],html[data-app="ahtapos"]) th.kol-tutar, :where(html[data-app="fellas"],html[data-app="ahtapos"]) td.kol-tutar{width:1%}
/* refeel+sentry: sabit eşit genişlikler */
:where(html[data-app="refeel"],html[data-app="sentry"]) th.kol-ai, :where(html[data-app="refeel"],html[data-app="sentry"]) td.kol-ai{width:36px}
:where(html[data-app="refeel"],html[data-app="sentry"]) th.kol-hiz, :where(html[data-app="refeel"],html[data-app="sentry"]) td.kol-hiz{width:105px}
:where(html[data-app="refeel"],html[data-app="sentry"]) th.kol-stok, :where(html[data-app="refeel"],html[data-app="sentry"]) td.kol-stok, :where(html[data-app="refeel"],html[data-app="sentry"]) th.kol-oneri, :where(html[data-app="refeel"],html[data-app="sentry"]) td.kol-oneri, :where(html[data-app="refeel"],html[data-app="sentry"]) th.kol-sonsat, :where(html[data-app="refeel"],html[data-app="sentry"]) td.kol-sonsat{width:86px}
:where(html[data-app="refeel"],html[data-app="sentry"]) th.kol-tutar, :where(html[data-app="refeel"],html[data-app="sentry"]) td.kol-tutar{width:130px}
/* AI Analizi (v0.5.1.8): satır başına TEK ikon. Açıklama artık inline pill DEĞİL;
   ikon üzerine gelince SOLA açılan tooltip olarak görünür. AI kolonu en sağda
   olduğundan tooltip sola taşar → yatay/dikey kırpılma olmaz (dikey ortalı). */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ai-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ai-ikon{width:15px;height:15px;flex:none;color:var(--ai-c,var(--ink3))}
/* RENK artık sınıf değil HER SİNYALİN özelliğidir → servis inline style="--ai-c:var(--xxx)"
   uygular (logic/refeel-aianalyze.js sinyal.renk). Sınıf-bazlı renk haritası kaldırıldı. */
/* AI açıklama tooltip'i — info-tip diliyle, ikonun SOLUNA açılır, dikey ortalı. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ai-tip{position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%);width:max-content;max-width:248px;white-space:normal;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--ink2);box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .15s;z-index:60;pointer-events:none}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ai-tip::after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ai-cell:hover .ai-tip{opacity:1;visibility:visible}
/* tooltip içindeki ek açıklama (eşdeğer/hasta isim listesi vb.) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .ai-tip-ek{display:block;margin-top:5px;padding-top:5px;border-top:1px solid var(--line);color:var(--ink3);font-size:10px;font-weight:400;line-height:1.45}
/* AI kolonu her zaman dar (yalnızca ikon, ortalı) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .kol-ai{width:1%;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-detay.hidden{display:none}
@media(max-width:1400px){
  :where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .md-detay{width:374px}
}
/* baslik metin sarmalayicisi: ad/alt tasarsa ellipsis icin daralabilsin */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-kimlik-txt{min-width:0;flex:1}
/* urun adi TEK satir; tasan kisim ... ile kisaltilir (tam ad title'da) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .db-ad{font-size:16px;font-weight:700;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* detay ici metrik seridi */
/* iki metrikli buyuk kutu */
/* drawer ici satis seyri sparkline — grafik box kenarlarina (baş/dış uç + alt) sıfırdan taşar, organik */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-spark{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 0 0;margin-bottom:16px;overflow:hidden}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-spark .hiz-spark{width:100%;height:52px;display:block;margin-bottom:-1px}
/* tablo sparkline'i ile ayni dil: soluk alan + net cizgi (--spark-renk trend rengi) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-spark .hiz-spark .alan{fill:var(--spark-renk,var(--ink3));opacity:.13}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-spark .hiz-spark .cizgi{fill:none;stroke:var(--spark-renk,var(--ink3));stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-kart-sat .ik{flex:0 0 auto;font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-tab.aktif{color:var(--ink);border-bottom-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-p.aktif{display:block}
/* detay satir listesi (stok/satis ozeti) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-satir:last-child{border-bottom:0;padding-bottom:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-satir .dts-l{color:var(--ink2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-satir .dts-v{font-family:inherit;font-weight:700;color:var(--ink)}
/* tedarikci (derin stok) sekmesi — satici ilan satirlari */
:where(html[data-app="refeel"]) .ted-bayraklar{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px}
:where(html[data-app="refeel"]) .ted-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}
:where(html[data-app="refeel"]) .ted-row:last-child{border-bottom:0}
:where(html[data-app="refeel"]) .ted-row--eu{margin:0 -8px;padding:9px 8px;border-bottom:0;background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:9px}
:where(html[data-app="refeel"]) .ted-sol{min-width:0;display:flex;flex-direction:column;gap:3px}
:where(html[data-app="refeel"]) .ted-ad{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:baseline;gap:6px}
:where(html[data-app="refeel"]) .ted-ted{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--ink3)}
:where(html[data-app="refeel"]) .ted-meta{font-size:11.5px;color:var(--ink2)}
:where(html[data-app="refeel"]) .ted-bdgs{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
:where(html[data-app="refeel"]) .ted-bdg{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--panel2);color:var(--ink2);border:1px solid var(--line);white-space:nowrap}
:where(html[data-app="refeel"]) .ted-bdg--isk{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-color:transparent}
:where(html[data-app="refeel"]) .ted-bdg--mf{background:color-mix(in srgb,#2fa36b 16%,transparent);color:#2fa36b;border-color:transparent}
:where(html[data-app="refeel"]) .ted-bdg--bayat{background:transparent;color:var(--ink3);border-style:dashed}
:where(html[data-app="refeel"]) .ted-tevzi{color:#c9822a;font-weight:700}
:where(html[data-app="refeel"]) .ted-fiyat{flex:none;text-align:right;font-size:14px;font-weight:800;color:var(--ink);display:flex;flex-direction:column;align-items:flex-end;gap:1px}
:where(html[data-app="refeel"]) .ted-eu-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}
:where(html[data-app="refeel"]) .ted-tara-sar{display:flex;align-items:center;gap:10px;margin-top:12px}
:where(html[data-app="refeel"]) .ted-tara-btn{appearance:none;border:0;border-radius:9px;background:var(--accent);color:#fff;font:inherit;font-size:12.5px;font-weight:700;padding:9px 14px;cursor:pointer;white-space:nowrap}
:where(html[data-app="refeel"]) .ted-tara-btn:hover{filter:brightness(1.06)}
:where(html[data-app="refeel"]) .ted-tazelik{font-size:11px;color:var(--ink3)}
/* esdeger ilac listesi */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd{display:flex;flex-direction:column;gap:6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd .dte-i{font-size:12px;color:var(--ink2);display:flex;gap:7px;align-items:baseline}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd .dte-i .ik{flex:0 0 auto;color:var(--manuel)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd .dte-i .dte-ad{flex:1 1 auto;min-width:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd .dte-i .dte-stok{flex:0 0 auto;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd .dte-toplam{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:7px;border-top:1px solid var(--line);font-size:12px;color:var(--ink2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-esd .dte-toplam .dte-tval{color:var(--manuel);font-weight:800;font-variant-numeric:tabular-nums}
/* AI analizi bloku ici satir */
/* Genel sekmesi en üstteki AI Analizi kutusu (sol kenar AI renk vurgulu) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-ai{display:flex;align-items:flex-start;gap:11px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--ai-c,var(--ink3));border-radius:10px;padding:13px 15px;margin-bottom:18px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-ai .dga-ik{flex:0 0 auto;color:var(--ai-c,var(--ink3));display:flex;margin-top:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-ai .dga-bas{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);font-weight:700;margin-bottom:4px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-ai .dga-metin{font-size:13px;font-weight:700;color:var(--ink);line-height:1.35}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-ai .dga-not{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-top:4px;white-space:pre-line}
/* Genel sekmesi en üstteki ÖZEL "Yapay Zeka Analizi" kutusu */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox{position:relative;overflow:hidden;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:18px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ai-c,var(--accent))}
/* "YAPAY ZEKA ANALİZİ" başlığı artık KUTU DIŞINDA (kutunun üstünde) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox-baslik{margin:0 0 8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox-ana{display:flex;align-items:flex-start;gap:11px}
/* kutuda BİRDEN FAZLA sinyal varsa hiyerarşik liste: araları ince çizgiyle ayrılır */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox-ana + .dg-aibox-ana{margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox-ana .dga-ik{flex:0 0 auto;color:var(--ai-c,var(--ink3));display:flex;margin-top:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox-ana .dga-metin{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.35}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-aibox-ana .dga-not{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-top:4px;white-space:pre-line}
/* REFEEL Genel sekmesi YAPAY ZEKA ANALİZİ — her sinyal AYRI kart, KENDİ renginde
   sol köşe vurgusu + ikon. STANDART: ikon → başlık → 2 satır açıklama (liste/isim
   dökümü YOK, kısaltma yok → metinler 2 satıra sığacak şekilde yazılır). */
:where(html[data-app="refeel"]) .dg-aikarusel{margin-bottom:18px}
:where(html[data-app="refeel"]) .dg-aikartlar{display:block}
:where(html[data-app="refeel"]) .dg-aikart{display:none;align-items:flex-start;gap:11px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--ai-c,var(--ink3));border-radius:10px;padding:12px 14px}
:where(html[data-app="refeel"]) .dg-aikart.aktif{display:flex}
/* nokta navigasyonu (eğitim turu .tur-nokta deseni): aktif nokta sinyal renginde geniş pill */
:where(html[data-app="refeel"]) .dg-ainoktalar{display:flex;gap:5px;justify-content:center;margin-top:10px}
:where(html[data-app="refeel"]) .dg-nokta{width:6px;height:6px;border-radius:50%;background:var(--line);border:0;padding:0;cursor:pointer;transition:all .2s}
:where(html[data-app="refeel"]) .dg-nokta.aktif{background:var(--ai-c,var(--accent));width:22px;border-radius:3px}
/* SATIN ALMA & ÖNERİ MOTORU — adet revize + hedef süre + sepete ekle (Genel sekmesi) */
:where(html[data-app="refeel"]) .dg-motor{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin-bottom:6px}
:where(html[data-app="refeel"]) .dg-baslik.dg-motor-bas{display:flex;align-items:center;gap:6px}
:where(html[data-app="refeel"]) .dg-baslik.dg-motor-bas .info-tip{width:230px}
:where(html[data-app="refeel"]) .dgm-tip-sat{display:block;line-height:1.5;margin:2px 0;font-weight:500}
:where(html[data-app="refeel"]) .dg-motor .dgm-adet{display:flex;align-items:center;gap:8px;margin-bottom:0}
:where(html[data-app="refeel"]) .dg-motor .dgm-step{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink2);font-size:17px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.12s}
:where(html[data-app="refeel"]) .dg-motor .dgm-step:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="refeel"]) .dg-motor .dgm-input{width:64px;height:32px;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-family:inherit;font-size:16px;font-weight:700;-moz-appearance:textfield}
:where(html[data-app="refeel"]) .dg-motor .dgm-input::-webkit-outer-spin-button,:where(html[data-app="refeel"]) .dg-motor .dgm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
:where(html[data-app="refeel"]) .dg-motor .dgm-birim{font-size:12px;color:var(--ink3);margin-left:2px}
/* hedef stok süresi: adet satırında kaydırma çubuğu (sidebar Hedef Stok ile aynı
   hs-range stili); çubuk boşluğu doldurur (flex:1), çıktı en sağda "N gün". */
:where(html[data-app="refeel"]) .dg-motor .dgm-hedef-lbl{font-size:12px;color:var(--ink2);font-weight:600;margin-left:6px;flex:0 0 auto}
:where(html[data-app="refeel"]) .dg-motor .dgm-hedef-range{flex:1 1 auto;width:auto;min-width:54px;margin:0}
:where(html[data-app="refeel"]) .dg-motor .dgm-hedef-range:disabled{opacity:.4;cursor:not-allowed}
:where(html[data-app="refeel"]) .dg-motor .dgm-hedef-out{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;text-align:right;flex:0 0 auto;min-width:42px}
/* SEPETE/LİSTEYE EKLE SPLIT BUTON — STANDART bileşen (refeel çekmece motor kutusu +
   refeel/sentry grid toplu barı). sentry: grid toplu barı "Listeye Ekle" split'i. */
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet{height:40px;border-radius:9px;border:none;background:var(--accent);color:var(--accent-ink);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:filter .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet:hover{filter:brightness(1.08)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-split{position:relative;display:inline-flex;align-items:stretch}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-split .dgm-sepet{border-radius:9px 0 0 9px}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-hedef{font-size:11px;font-weight:600;opacity:.82;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid color-mix(in srgb,var(--accent-ink) 45%,transparent);padding-left:8px}
/* dropdown caret: dolu "Sepete/Listeye Ekle" butonundan görsel olarak AYRIK —
   şeffaf arka plan + accent çerçeve + accent ikon (ayrı bir eylem olduğu belli). */
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-ok{flex:0 0 auto;width:36px;border:1px solid var(--accent);border-left:none;border-radius:0 9px 9px 0;background:transparent;color:var(--accent);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-ok:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-ok:active{background:color-mix(in srgb,var(--accent) 22%,transparent)}
/* dark mode: hibrit sepet butonu caret chevron'u beyaz (accent koyu zeminde düşük kontrast).
   data-theme standalone'da body'de, gömülüde html'de → ikisini de kapsar; .dgm-sepet-ok yalnız refeel/sentry. */
[data-theme="dark"] .dgm-sepet-ok{color:#fff}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:60;min-width:180px;max-width:280px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.34);padding:5px;max-height:240px;overflow:auto}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-mi{display:block;width:100%;text-align:left;background:none;border:none;color:var(--ink);font-family:inherit;font-size:12.5px;padding:8px 10px;border-radius:7px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-mi:hover{background:var(--panel2)}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-mi.aktif{color:var(--accent);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dgm-sepet-mi-yeni{border-top:1px solid var(--line);margin-top:4px;padding-top:9px;font-weight:600}
/* SEPETE EKLE çubuğu: çekmecenin (.md-detay scroller) EN ALTINA sticky → kaydırırken hep görünür.
   md-govde yatay padding'ini (-24px) iptal edip tam genişlik kaplar; üstte ayraç + panel zemini. */
/* ÜRÜN ÇEKMECESİ DİKEY DÜZEN: motor grubu en alta hizalansın diye Genel sekmesi flex sütun.
   flex-shrink:0 → içerik uzunsa küçülmez, .md-detay normal kaydırır (sticky başlık/çubuk korunur). */
:where(html[data-app="refeel"],html[data-app="sentry"]) #urunDetay{display:flex;flex-direction:column}
:where(html[data-app="refeel"],html[data-app="sentry"]) #urunDetay>.md-bas{flex:0 0 auto}
:where(html[data-app="refeel"],html[data-app="sentry"]) #urunDetay>#urunDrawerGovde{flex:1 0 auto;display:flex;flex-direction:column}
:where(html[data-app="refeel"],html[data-app="sentry"]) #urunDrawerGovde>.dt-p.aktif{flex:1 0 auto;display:flex;flex-direction:column}
:where(html[data-app="refeel"]) .dg-motor-grup{margin-top:auto}
:where(html[data-app="refeel"]) .dg-ekle-bar{position:sticky;bottom:0;z-index:6;margin:14px -24px -28px;padding:12px 24px 16px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -8px 18px -8px rgba(0,0,0,.35)}
/* sentry: motor-grup yok → ekle-bar'ın KENDİSİ margin-top:auto ile en alta itilir (kısa içerikte boşluk yukarı toplanır) */
:where(html[data-app="sentry"]) .dg-ekle-bar{position:sticky;bottom:0;z-index:6;margin:auto -24px -28px;padding:12px 24px 16px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -8px 18px -8px rgba(0,0,0,.35)}
/* Sepete Ekle satırı */
:where(html[data-app="refeel"],html[data-app="sentry"]) .dg-ekle-bar .dgm-ekle-row{display:flex;gap:8px;align-items:stretch}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dg-ekle-bar .dgm-sepet-split{display:flex;flex:1}
:where(html[data-app="refeel"],html[data-app="sentry"]) .dg-ekle-bar .dgm-sepet-split .dgm-sepet{flex:1}
/* grid toplu bar: kompakt boyut (diğer toplu-bar butonlarıyla aynı yükseklik) + menü AŞAĞI açılır */
:where(html[data-app="refeel"],html[data-app="sentry"]) .toplu-bar .dgm-sepet{height:auto;padding:7px 12px;font-size:12px;border-radius:7px 0 0 7px}
:where(html[data-app="refeel"],html[data-app="sentry"]) .toplu-bar .dgm-sepet-hedef{max-width:90px}
:where(html[data-app="refeel"],html[data-app="sentry"]) .toplu-bar .dgm-sepet-ok{width:28px;border-radius:0 7px 7px 0}
:where(html[data-app="refeel"]) .toplu-bar .dgm-sepet-menu{bottom:auto;top:calc(100% + 6px);min-width:160px}
/* 3 Aylık Satış Trend hücresi: aylık ort. adet + "/ay" + trend (sparkline kaldırıldı) */
:where(html[data-app="refeel"],html[data-app="sentry"]) .hiz-cell-3a{justify-content:flex-end}
:where(html[data-app="refeel"],html[data-app="sentry"]) .hiz-cell .hiz-birim{font-size:9px;font-weight:600;color:var(--ink3);margin-left:1px}
/* YAPAY ZEKA ANALİZİ başlığı + spark (sparkle) ikonu (en altta) */
:where(html[data-app="refeel"]) .dg-aibox-baslik{display:flex;align-items:center;gap:6px;margin:18px 0 8px}
:where(html[data-app="refeel"]) .dg-aibox-baslik .ai-spark{width:12px;height:12px;fill:currentColor;flex:0 0 auto}
/* YAPAY ZEKA ANALİZİ başlığı ile üstündeki KPI kutuları (dg-kpi-buyuk) arası boşluğu azalt (36px → 12px) */
:where(html[data-app="refeel"]) .dt-p .dg-kpi-buyuk{margin-bottom:12px}
:where(html[data-app="refeel"]) .dg-kpi-buyuk + .dg-aibox-baslik{margin-top:0}
/* TEVZİ İŞARETİ kutusu — YAPAY ZEKA ANALİZİ altında; işaretliyken accent vurgulu */
:where(html[data-app="refeel"]) .dg-tevzi{display:flex;align-items:center;gap:9px;margin:10px 0 2px;padding:9px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;cursor:pointer;user-select:none;transition:border-color .12s,background .12s}
:where(html[data-app="refeel"]) .dg-tevzi:hover{border-color:var(--accent)}
:where(html[data-app="refeel"]) .dg-tevzi .dg-tevzi-kutu{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:0 0 auto;margin:0}
:where(html[data-app="refeel"]) .dg-tevzi .dg-tevzi-lbl{font-size:12.5px;font-weight:600;color:var(--ink2)}
:where(html[data-app="refeel"]) .dg-tevzi:has(.dg-tevzi-kutu:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
:where(html[data-app="refeel"]) .dg-tevzi:has(.dg-tevzi-kutu:checked) .dg-tevzi-lbl{color:var(--ink)}
/* alt alta iki kutu: aralarını sıkılaştır */
:where(html[data-app="refeel"]) .dg-tevzi + .dg-tevzi{margin-top:6px}
/* "Sipariş listesinde pasife al" kutusu: tevzi accent'i yerine NÖTR/gri vurgu (pasifleştirme aksiyonu) */
:where(html[data-app="refeel"]) .dg-pasifle .dg-tevzi-kutu{accent-color:var(--ink3)}
:where(html[data-app="refeel"]) .dg-pasifle:hover{border-color:var(--ink3)}
:where(html[data-app="refeel"]) .dg-pasifle:has(.dg-tevzi-kutu:checked){border-color:var(--line);background:color-mix(in srgb,var(--ink3) 12%,var(--panel2))}
:where(html[data-app="refeel"]) .dg-pasifle:has(.dg-tevzi-kutu:checked) .dg-tevzi-lbl{color:var(--ink2)}
:where(html[data-app="refeel"]) .dg-aikart .dga-ik{flex:0 0 auto;color:var(--ai-c,var(--ink3));display:flex;margin-top:1px}
:where(html[data-app="refeel"]) .dg-aikart .dga-metin{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3}
:where(html[data-app="refeel"]) .dg-aikart .dga-not{font-size:11.5px;color:var(--ink3);line-height:1.45;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="refeel"]) .dg-aikart .dga-icerik{min-width:0;flex:1}
/* Hesaplama Detayı — öneriyi sade dille şeffaflaştırır (algoritma açık edilmez) */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-hesap{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:13px 15px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-hesap-sat{font-size:12px;color:var(--ink2);line-height:1.5;display:flex;gap:8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dg-hesap-sat .ik{flex:0 0 auto;color:var(--accent);font-weight:700}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-ai{display:flex;align-items:flex-start;gap:10px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-ai .dta-ik{flex:0 0 auto;color:var(--ai-c,var(--ink3));display:flex;margin-top:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-ai .dta-metin{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.35}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .dt-ai .dta-not{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-top:4px;white-space:pre-line}
/* ETİKET BİLGİ KUTUSU — Genel sekmesinin en üstü: [etiket] pill solda (dikey ortalı),
   sağında başlık (üst) + tek satır kısa açıklama (alt). Hafif nefes payı. */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .dt-etbox{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-left:3px solid var(--et-c,var(--ink3));border-radius:9px;padding:9px 14px;margin-bottom:11px;background:var(--panel2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .dt-etbox>.pill{flex:0 0 auto}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .dt-etbox-metin{flex:1;min-width:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .dt-etbox-baslik{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="lobby"],html[data-app="sachet"]) .dt-etbox-alt{font-size:11px;color:var(--ink3);line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .empty{padding:48px;text-align:center;color:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) footer{padding:14px 32px;border-top:1px solid var(--line);font-size:11px;color:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .flex{display:flex;justify-content:space-between;align-items:center;gap:12px}
/* --- INDIR DROPDOWN --- */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-box{position:relative;flex:0 0 auto}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-box .btn-exp{margin-left:0}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 28px rgba(0,0,0,.32);padding:5px;min-width:188px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;color:var(--ink);cursor:pointer;padding:8px 10px;border-radius:6px;font-size:12px;font-family:inherit;text-align:left}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu button:hover{background:var(--panel2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu button .im-ico{font-family:inherit;font-size:10px;font-weight:700;width:34px;flex-shrink:0;text-align:center;border:1px solid var(--line);border-radius:4px;padding:2px 0;color:var(--ink2)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu button .im-sub{color:var(--ink3);font-size:10px;display:block}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .indir-menu .im-ayrac{height:1px;background:var(--line);margin:4px 6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn{background:transparent;border:1px solid var(--line);color:var(--ink2);padding:6px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:all .15s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn:hover{background:var(--rowhover);color:var(--ink);border-color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-ikon{font-size:14px;line-height:1}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;animation:turFade .2s ease-out}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-spot{position:fixed;border-radius:10px;z-index:9001;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.55), 0 0 0 3px var(--accent),
             0 0 22px 4px rgba(192,57,43,.35);transition:all .28s cubic-bezier(.4,.0,.2,1)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-kart{position:fixed;z-index:9002;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);width:340px;max-width:calc(100vw - 24px);padding:16px 18px 14px;animation:turFade .25s ease-out}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-sayac{font-family:inherit;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:1px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-kapat{background:transparent;border:none;color:var(--ink3);font-size:20px;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-kapat:hover{color:var(--ink);background:var(--rowhover)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-baslik{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}
/* gömülü modda filtre adımı: portal Filtreler paneline yönlendiren açıklama */
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-not{font-size:12px;line-height:1.45;color:var(--accent);background:var(--accent-weak,rgba(231,76,60,.10));border:1px solid var(--accent);border-radius:8px;padding:7px 10px;margin-bottom:10px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-not b{color:var(--accent)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-metin{font-size:13px;line-height:1.55;color:var(--ink2);margin-bottom:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-noktalar{display:flex;gap:5px;justify-content:center;margin-bottom:14px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-nokta{width:6px;height:6px;border-radius:50%;background:var(--line);transition:all .2s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-nokta.gecildi{background:var(--ink3)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-nokta.aktif{background:var(--accent);width:22px;border-radius:3px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-butonlar{display:flex;align-items:center;justify-content:space-between;gap:8px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-yon{display:flex;gap:6px}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-link{background:transparent;border:none;color:var(--ink3);font-size:12px;cursor:pointer;padding:6px 4px;font-weight:500}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-link:hover{color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-ikincil{background:transparent;border:1px solid var(--line);color:var(--ink2);padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-ikincil:hover:not(:disabled){background:var(--rowhover);color:var(--ink)}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-ikincil:disabled{opacity:.4;cursor:not-allowed}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-ana{background:var(--accent);color:var(--accent-ink);border:none;padding:7px 14px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:filter .15s}
:where(html[data-app="refeel"],html[data-app="sentry"],html[data-app="fellas"],html[data-app="ahtapos"],html[data-app="flow"],html[data-app="agora"],html[data-app="sachet"],html[data-app="lobby"],html[data-app="watson"],html[data-app="indigo"]) .tur-btn-ana:hover{filter:brightness(1.08)}

/* ====================== PERFORM ====================== */
/* ---- 2. geçiş: semantik-aynı kurallar (özellik sırası farklıydı, değerler birebir) ---- */
:where(html[data-app="perform"]) body{background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.5;transition:background .25s,color .25s;background-image:radial-gradient(circle at 15% 0%,var(--bg2) 0%,transparent 50%),radial-gradient(circle at 85% 100%,var(--bg2) 0%,transparent 50%);background-attachment:fixed;min-height:100vh}
:where(html[data-app="perform"]) .wrap{display:flex;height:calc(100vh - 60px);overflow:hidden}
:where(html[data-app="perform"]) .side{width:300px;flex-shrink:0;border-right:1px solid var(--line);padding:24px;background:var(--panel);height:100%;overflow-y:auto}
/* gelişmiş filtreler — STANDART ayrıştırma tasarımı: kompakt pill + tema
   renginde nokta, tıklayınca (cikarildi) üzeri çizili + soluk (kritik/riskli ilhamı) */
:where(html[data-app="perform"]) .ayristir-liste{display:grid;grid-template-columns:1fr;gap:6px;margin-top:4px}
:where(html[data-app="perform"]) .ayristir-chip{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:6px 11px;border:1px solid var(--line);border-radius:20px;background:var(--panel2);color:var(--ink);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .13s;user-select:none}
:where(html[data-app="perform"]) .ayristir-chip .ay-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--accent);transition:.13s}
:where(html[data-app="perform"]) .ayristir-chip .ay-ad{line-height:1}
/* tıklanınca = seçim kalkar, hariç tutulur: nokta grileşir + üzeri çizili */
:where(html[data-app="perform"]) .ayristir-chip.cikarildi{opacity:.45;text-decoration:line-through;text-decoration-thickness:1.5px}
:where(html[data-app="perform"]) .ayristir-chip.cikarildi .ay-dot{filter:grayscale(1);background:var(--ink3)}
:where(html[data-app="perform"]) .ayristir-chip.pasif{opacity:.45;cursor:not-allowed}
:where(html[data-app="perform"]) .info-ik{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--ink3);color:var(--ink3);font-size:9px;font-weight:700;cursor:help;letter-spacing:0;text-transform:none;flex-shrink:0}
:where(html[data-app="perform"]) .info-ik:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="perform"]) .info-ik .info-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:208px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--ink2);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .15s;z-index:60;pointer-events:none}
:where(html[data-app="perform"]) .seg-kat button[data-v="tum"]{flex:1 1 100%}
:where(html[data-app="perform"]) .beta-tag{font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--manuel);border:1px solid var(--manuel);border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle}
:where(html[data-app="perform"]) .takvim-pop.hidden{display:none}
:where(html[data-app="perform"]) .tk-hizli button.on{background:var(--accent);color:var(--accent-ink);font-weight:700}
/* ---------- MASTER-DETAIL LAYOUT ---------- */
:where(html[data-app="perform"]) .main{flex:1;min-width:0;display:flex;gap:0;padding:0;overflow:hidden}
:where(html[data-app="perform"]) .md-liste{padding:0 26px 24px}
:where(html[data-app="perform"]) .md-liste{flex:1;min-width:0;overflow-y:auto;height:100%}
:where(html[data-app="perform"]) .md-detay.hidden{display:none}
@media(max-width:1400px){
  :where(html[data-app="perform"]) .md-detay{width:374px}
}
:where(html[data-app="perform"]) .db-ad{font-size:16px;font-weight:700;letter-spacing:-.3px}
/* detay içi metrik şeridi */
/* değerlendirme/ek bilgi: kutunun sağ üst köşesi */
/* kâr marjı & iskonto: 3 KPI altında tek büyük kutu */
/* kompakt kategori dağılımı (drawer Genel — büyük kutunun altı) */
:where(html[data-app="perform"]) .kk-wrap{margin-bottom:20px}
:where(html[data-app="perform"]) .kk-bar{display:flex;height:15px;border-radius:8px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);margin-bottom:11px}
:where(html[data-app="perform"]) .kk-seg{display:block;min-width:2px}
:where(html[data-app="perform"]) .kk-leg{display:flex;flex-wrap:wrap;gap:5px 13px}
:where(html[data-app="perform"]) .kk-li{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink2);font-weight:600}
:where(html[data-app="perform"]) .kk-dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
:where(html[data-app="perform"]) .kk-ad{white-space:nowrap}
:where(html[data-app="perform"]) .kk-pay{color:var(--ink);font-weight:700;font-family:inherit;font-size:10.5px}
:where(html[data-app="perform"]) .kk-bos{font-size:12px;color:var(--ink3)}
/* kategori renkleri sınıftan gelir (inline değil) — böylece light'ta pastel override edilebilir */
:where(html[data-app="perform"]) .kk-ilac{background:var(--kat-ilac)}
:where(html[data-app="perform"]) .kk-medikal{background:var(--kat-medikal)}
:where(html[data-app="perform"]) .kk-kozmetik{background:var(--kat-kozmetik)}
:where(html[data-app="perform"]) .kk-vitamin{background:var(--kat-vitamin)}
:where(html[data-app="perform"]) .kk-market{background:var(--kat-market)}
:where(html[data-app="perform"]) .kk-diger{background:var(--kat-diger)}
/* light mode: yumuşatılmış ama belirgin tonlar (yalnız kompakt kategori bar/legend) */
[data-theme="light"]:where(html[data-app="perform"]) .kk-ilac, :where(html[data-app="perform"]) [data-theme="light"] .kk-ilac{background:#a87bcf}
[data-theme="light"]:where(html[data-app="perform"]) .kk-medikal, :where(html[data-app="perform"]) [data-theme="light"] .kk-medikal{background:#3fbfac}
[data-theme="light"]:where(html[data-app="perform"]) .kk-kozmetik, :where(html[data-app="perform"]) [data-theme="light"] .kk-kozmetik{background:#e07165}
[data-theme="light"]:where(html[data-app="perform"]) .kk-vitamin, :where(html[data-app="perform"]) [data-theme="light"] .kk-vitamin{background:#52c98a}
[data-theme="light"]:where(html[data-app="perform"]) .kk-market, :where(html[data-app="perform"]) [data-theme="light"] .kk-market{background:#5b9bd5}
[data-theme="light"]:where(html[data-app="perform"]) .kk-diger, :where(html[data-app="perform"]) [data-theme="light"] .kk-diger{background:#9aa7a8}
/* drawer hikâye: özet kartı */
:where(html[data-app="perform"]) .dg-hero{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:14px 16px;margin-bottom:16px}
:where(html[data-app="perform"]) .dg-hero-ust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
:where(html[data-app="perform"]) .dg-profil{font-size:11px;font-weight:700;padding:3px 11px;border-radius:20px;background:color-mix(in srgb,var(--accent) 20%, transparent);color:var(--accent)}
:where(html[data-app="perform"]) .dg-trait{font-size:11px;font-weight:600;color:var(--ink2)}
:where(html[data-app="perform"]) .dg-rank{font-size:10.5px;color:var(--ink3);font-weight:700;margin-left:auto;white-space:nowrap}
:where(html[data-app="perform"]) .dg-hero-ozet{font-size:12.5px;color:var(--ink2);line-height:1.6}
:where(html[data-app="perform"]) .dg-hero-ozet b{color:var(--ink);font-weight:700}
:where(html[data-app="perform"]) .dg-kart-sat .ik{flex:0 0 auto;font-weight:700}
/* önerilen aksiyonlar */
:where(html[data-app="perform"]) .dg-aks-h{font-size:11px;color:var(--ok);margin-top:5px;line-height:1.45;display:flex;gap:5px}
:where(html[data-app="perform"]) .dg-aks-h .ok{flex:0 0 auto}
/* açılır detay bölümü */
:where(html[data-app="perform"]) .dg-detaylar{margin-top:18px;border-top:1px solid var(--line);padding-top:6px}
:where(html[data-app="perform"]) .dg-detaylar>summary{cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink3);font-weight:700;padding:10px 0;list-style:none;display:flex;align-items:center;gap:7px}
:where(html[data-app="perform"]) .dg-detaylar>summary::-webkit-details-marker{display:none}
:where(html[data-app="perform"]) .dg-detaylar>summary::before{content:"▸";font-size:10px;transition:transform .2s;display:inline-block}
:where(html[data-app="perform"]) .dg-detaylar[open]>summary::before{transform:rotate(90deg)}
:where(html[data-app="perform"]) .dg-detaylar>summary:hover{color:var(--ink2)}
/* drawer sekmeleri (JS ile sınıf tabanlı navigasyon) — odaklı, kompakt görünüm */
:where(html[data-app="perform"]) .dt-tabs{margin-top:2px}
:where(html[data-app="perform"]) .dt-tab.aktif{color:var(--ink);border-bottom-color:var(--accent)}
:where(html[data-app="perform"]) .dt-p.aktif{display:block}
/* Detay sekmesi: her alt bölüm (Sepet / Kalite / Zaman / Saatlik) ayrı kutu */
/* başlık etiketleri (beta / not) kart çerçevesinde sağa dayalı */
:where(html[data-app="perform"]) .dt-blok>.dg-baslik{display:flex;align-items:center}
:where(html[data-app="perform"]) .dt-blok>.dg-baslik .beta-tag{margin-left:auto}
/* tab içinde KPI/grafik yoğunluğunu sıkılaştır */
:where(html[data-app="perform"]) .dt-p .dg-kpi-buyuk{margin-bottom:12px;padding:12px 16px}
:where(html[data-app="perform"]) .dt-p .dg-kpi-buyuk .dgkb-n{font-size:21px}
/* tabloda seçili satır */
/* İlk sıra KPI'ları — refeel referans tasarımı (tüm servislerde aynı) */
:where(html[data-app="perform"]) .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;margin-bottom:18px}
@media(max-width:1180px){
  :where(html[data-app="perform"]) .kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}
:where(html[data-app="perform"]) .kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;position:relative;overflow:hidden;container-type:inline-size}
/* KPI tutarı: geniş alanda tam haneli (n-full), kutu daralınca kısaltılmış (n-short) */
:where(html[data-app="perform"]) .kpi .n .n-short{display:none}
@container (max-width:130px){
  :where(html[data-app="perform"]) .kpi .n .n-full{display:none}
  :where(html[data-app="perform"]) .kpi .n .n-short{display:inline}
}
/* Çekmece KPI kutusu: köşedeki karşılaştırma bilgisi (ekip #1/5, ▲ ekip 1K, .../gün).
   Tek satırda kalsın (sarılıp alttaki etikete binmesin); kutu fazla daralınca
   ana değerle çakışmadan tamamen gizlensin — yer yoksa kaybet, yer varsa göster. */
:where(html[data-app="perform"]) .dg-kpi .dgk{container-type:inline-size}
:where(html[data-app="perform"]) .dg-kpi .dgk .dgk-cmp{white-space:nowrap;max-width:none}
@container (max-width:100px){
  :where(html[data-app="perform"]) .dg-kpi .dgk .dgk-cmp{display:none}
}
:where(html[data-app="perform"]) .kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
:where(html[data-app="perform"]) .kpi.k-ciro::before{background:var(--ok)}
:where(html[data-app="perform"]) .kpi.k-islem::before{background:var(--rutin)}
:where(html[data-app="perform"]) .kpi.k-sepet::before{background:var(--accent)}
:where(html[data-app="perform"]) .kpi.k-marj::before{background:var(--manuel)}
:where(html[data-app="perform"]) .kpi .n{font-size:21px;font-weight:700;font-family:inherit;letter-spacing:-1px}
:where(html[data-app="perform"]) .kpi .l{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
:where(html[data-app="perform"]) .kpi .s{font-size:11px;color:var(--ink2);margin-top:4px}
:where(html[data-app="perform"]) .bolum-bas{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink3);font-weight:700;margin:8px 0 12px;display:flex;align-items:center;gap:7px}
:where(html[data-app="perform"]) .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px}
:where(html[data-app="perform"]) .trend-tablar button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:where(html[data-app="perform"]) .tg-bar{fill:var(--accent);opacity:.6;transition:opacity .12s}
/* normal gün — soluk accent */
:where(html[data-app="perform"]) .tg-bar:hover{opacity:1}
/* en verimli 3 gün — yeşil, sıralamaya göre tonlu (1=en koyu) */
:where(html[data-app="perform"]) .tg-bar-iy1{fill:var(--ok);opacity:1}
:where(html[data-app="perform"]) .tg-bar-iy2{fill:var(--ok);opacity:.66}
:where(html[data-app="perform"]) .tg-bar-iy3{fill:var(--ok);opacity:.42}
:where(html[data-app="perform"]) .trend-legend .tl-renk.tl-ciro, :where(html[data-app="perform"]) .trend-legend .tl-renk.tl-iyi{width:10px;height:11px;border-radius:2px}
:where(html[data-app="perform"]) .trend-legend .tl-ciro{background:var(--accent);opacity:.6}
:where(html[data-app="perform"]) .trend-legend .tl-iyi{background:var(--ok)}
/* uzmanlaşma ısı haritası — kompakt (dar 30% panele sığacak şekilde) */
:where(html[data-app="perform"]) .isi-sar{overflow-x:auto}
:where(html[data-app="perform"]) .isi-tablo{border-collapse:separate;border-spacing:2px;font-size:10px;min-width:100%}
:where(html[data-app="perform"]) .isi-tablo th{font-weight:600;color:var(--ink3);font-size:9px;padding:1px 3px;text-align:center;white-space:nowrap}
:where(html[data-app="perform"]) .isi-tablo th.isi-ad-bas{text-align:left}
:where(html[data-app="perform"]) .isi-tablo td.isi-ad{text-align:left;color:var(--ink2);padding-right:9px;white-space:nowrap;vertical-align:middle;font-size:10.5px}
:where(html[data-app="perform"]) .isi-ad .isi-ad-isim{display:block;font-weight:700;color:var(--ink);font-size:11px;max-width:118px;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="perform"]) .isi-uzmanlik{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:2px 7px;white-space:nowrap}
:where(html[data-app="perform"]) .isi-ad .isi-uzmanlik{margin-top:3px}
/* saat kutusu: isim altında yığılı */
:where(html[data-app="perform"]) .isi-uzmanlik .dot{width:6px;height:6px;border-radius:50%;flex:none}
:where(html[data-app="perform"]) .isi-hucre{text-align:center;border-radius:4px;padding:5px 4px;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;min-width:24px;border:1px solid var(--line)}
/* kişinin en güçlü (zirve) kutusu: kalın çerçeveyle göze çarpar = uzmanlık alanı */
:where(html[data-app="perform"]) .isi-hucre.zirve{outline:2px solid var(--ink);outline-offset:-1px;font-weight:800}
/* yetersiz işlem (güvenilmez) hücre: soluk bırakılır */
:where(html[data-app="perform"]) .isi-hucre.soluk{opacity:.4}
:where(html[data-app="perform"]) .isi-tablo tfoot td{padding-top:7px}
:where(html[data-app="perform"]) .isi-tablo tfoot td.isi-ad{color:var(--ink);font-weight:700}
:where(html[data-app="perform"]) .isi-tablo tfoot .isi-hucre{border-style:dashed}
:where(html[data-app="perform"]) .isi-aciklama{font-size:10.5px;color:var(--ink3);margin-top:10px;line-height:1.5}
/* düz dille tek cümlelik rehber — analiz bilmeyen için anında anlam */
:where(html[data-app="perform"]) .isi-rehber{font-size:11px;color:var(--ink2);line-height:1.55;margin:0 0 12px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 12px}
:where(html[data-app="perform"]) .isi-rehber b{color:var(--ink)}
/* uzmanlık sekmesi: pill sütunu gridin SONUNDA (hizalama bozulmasın) */
:where(html[data-app="perform"]) .isi-tablo th.isi-pill-bas{text-align:left}
:where(html[data-app="perform"]) .isi-tablo td.isi-pill-h{text-align:left;padding-left:12px;white-space:nowrap;vertical-align:middle}
/* Personel sütunu Genel tabloyla aynı konum/genişlikte SABİT */
:where(html[data-app="perform"]) #persTablo th:first-child, :where(html[data-app="perform"]) #persTablo td:first-child{width:190px}
:where(html[data-app="perform"]) .isi-tab .isi-rehber{margin:12px 14px 14px}
/* Uzmanlık tablosu: başlık bandı + Personel sütunu Genel tabloyla BİREBİR aynı
   (collapse + aynı th stili → aynı konum/boyut/alt çizgi; gövde renkli ızgara) */
:where(html[data-app="perform"]) .isi-tab .isi-tablo{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:13px;width:100%}
:where(html[data-app="perform"]) .isi-tab .isi-tablo th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700;padding:10px 6px;border-bottom:1px solid var(--line);text-align:center}
:where(html[data-app="perform"]) .isi-tab .isi-tablo th.isi-ad-bas{text-align:left;width:190px;padding-left:10px}
:where(html[data-app="perform"]) .isi-tab .isi-tablo th.isi-pill-bas{text-align:left;width:220px}
:where(html[data-app="perform"]) .isi-tab .isi-tablo td.isi-ad{width:190px;padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
:where(html[data-app="perform"]) .isi-tab .isi-ad .isi-ad-isim{max-width:none;font-size:13px}
:where(html[data-app="perform"]) .isi-tab .isi-tablo td.isi-pill-h{width:220px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
/* pill standart boyut: tek satır, sabit yükseklik, tema renkli nokta */
:where(html[data-app="perform"]) .isi-tab .isi-pill-h .isi-uzmanlik{display:flex;width:100%;box-sizing:border-box;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 10px}
/* hücreler: Genel gibi yalnız yatay satır çizgisi (td); renkli içerik yuvarlatılmış iç kutuda */
:where(html[data-app="perform"]) .isi-tab .isi-hucre{padding:5px 5px;border:none;border-bottom:1px solid var(--line);vertical-align:middle}
:where(html[data-app="perform"]) .isi-tab .isi-kutu{display:flex;align-items:center;justify-content:center;height:100%;min-height:31px;border-radius:10px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
/* zirve: kalın çerçeve yerine flat-UI yükseltme — kutu optik olarak öne/yukarı çıkar */
:where(html[data-app="perform"]) .isi-tab .isi-hucre.zirve{outline:none}
:where(html[data-app="perform"]) .isi-tab .isi-hucre.zirve .isi-kutu{transform:translateY(-3px);box-shadow:var(--zirve-shadow);position:relative;z-index:2;font-weight:800;transition:transform .15s,box-shadow .15s}
:where(html[data-app="perform"]) .isi-tab .isi-hucre.soluk{opacity:1}
/* soluğu td'de değil yalnız kutuda uygula (katmanlı solmayı önle) */
:where(html[data-app="perform"]) .isi-tab .isi-hucre.soluk .isi-kutu{opacity:.45}
/* koyu temada ısı haritası kutu yazıları beyaz (parlak hücrelerdeki siyah font yerine) */
html:where(html[data-app="perform"]):not([data-theme="light"]) .isi-tab .isi-kutu{color:#fff !important}
:where(html[data-app="perform"]) .tablo-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
:where(html[data-app="perform"]) .tablo-tabs-btns button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
:where(html[data-app="perform"]) .tablo-tabs-btns button .c{font-family:inherit;font-size:11px;background:var(--panel2);padding:1px 7px;border-radius:10px;color:var(--ink2)}
:where(html[data-app="perform"]) .tablo-tabs-btns button.on .c{background:var(--accent);color:var(--accent-ink)}
:where(html[data-app="perform"]) th:hover{color:var(--ink)}
/* sayı hücreleri tek satırda kalsın → Genel satır yüksekliği sabit (Uzmanlık ile eşit) */
:where(html[data-app="perform"]) td.num{white-space:nowrap}
:where(html[data-app="perform"]) .pers-ad .pa-rozet{font-family:inherit;font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;margin-left:7px;vertical-align:middle}
:where(html[data-app="perform"]) .pa-potansiyel{background:rgba(243,156,18,.18);color:var(--accent)}
:where(html[data-app="perform"]) .adet{font-family:inherit;font-weight:700;font-size:14px}
:where(html[data-app="perform"]) td.num .pay{display:inline-block;margin-left:7px;min-width:34px;text-align:right;font-family:inherit;font-size:11px;font-weight:700;color:var(--ink3)}
:where(html[data-app="perform"]) td.num .bos{color:var(--ink3);font-family:inherit}
:where(html[data-app="perform"]) .pill{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;font-family:inherit}
@media(max-width:1100px){
  :where(html[data-app="perform"]) .grid2{grid-template-columns:1fr}
}
:where(html[data-app="perform"]) .barrow .br-lbl{flex:0 0 110px;color:var(--ink2)}
:where(html[data-app="perform"]) .barrow .br-track{flex:1;height:18px;background:var(--panel2);border-radius:5px;position:relative}
:where(html[data-app="perform"]) .barrow .br-fill{height:100%;border-radius:5px;transition:width .4s}
:where(html[data-app="perform"]) .barrow .br-yuzde{position:absolute;top:50%;transform:translateY(-50%);font-family:inherit;font-size:10px;font-weight:700;color:var(--ink2);white-space:nowrap;pointer-events:none}
:where(html[data-app="perform"]) .barrow .br-val{flex:0 0 80px;text-align:right;font-family:inherit;font-weight:700;font-size:12px}
:where(html[data-app="perform"]) .md-govde .saatlik-grafik{height:100px}
:where(html[data-app="perform"]) .sg-bar{width:100%;background:color-mix(in srgb, var(--accent) 38%, transparent);border-radius:3px 3px 0 0;transition:height .4s,background .15s;min-height:2px}
/* pik saat: aynı primary'nin tam tonuyla öne çıkar (diğer barlar soluk ton) */
:where(html[data-app="perform"]) .sg-col.pik .sg-bar{background:var(--accent)}
:where(html[data-app="perform"]) .sg-col.pik .sg-lbl{color:var(--accent);font-weight:700}
/* Saatlik Aktiflik x-ekseni: Vardiya/Kapsama bilgileri (bar sütunlarıyla hizalı) */
:where(html[data-app="perform"]) .saat-eksen{display:flex;gap:4px;margin-top:8px}
:where(html[data-app="perform"]) .saat-eksen .se-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:10px;text-align:center}
:where(html[data-app="perform"]) .saat-eksen .se-col.pik{border-top-color:var(--accent)}
:where(html[data-app="perform"]) .se-grp{display:flex;flex-direction:column;line-height:1.15}
:where(html[data-app="perform"]) .se-grp i{font-style:normal;font-size:12px;color:var(--ink3)}
:where(html[data-app="perform"]) .se-grp b{font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="perform"]) .se-durum{margin-top:3px;border-radius:6px;padding:3px 5px;font-size:12px;font-weight:700;line-height:1.25;word-break:break-word}
/* Maliyet / Performans paneli */
:where(html[data-app="perform"]) .mal-ozet{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;color:var(--ink2);margin-bottom:14px}
:where(html[data-app="perform"]) .mal-ozet b{color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="perform"]) .mal-tablo{width:100%;border-collapse:collapse;font-size:13px}
:where(html[data-app="perform"]) .mal-tablo th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);font-weight:700;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:default}
:where(html[data-app="perform"]) .mal-tablo th.sag, :where(html[data-app="perform"]) .mal-tablo td.sag{text-align:right}
:where(html[data-app="perform"]) .mal-tablo td{padding:8px 10px;border-bottom:1px solid var(--line)}
:where(html[data-app="perform"]) .mal-tablo tr:last-child td{border-bottom:none}
:where(html[data-app="perform"]) .mal-ad{font-weight:700;color:var(--ink)}
:where(html[data-app="perform"]) .mal-num{font-family:inherit;font-variant-numeric:tabular-nums;color:var(--ink2);font-size:13px}
:where(html[data-app="perform"]) .mal-poz{color:var(--ok)}
:where(html[data-app="perform"]) .mal-neg{color:var(--acil)}
:where(html[data-app="perform"]) .mal-bos{color:var(--ink3)}
:where(html[data-app="perform"]) .mal-tablo tr.mal-yok{opacity:.5}
/* bordroda olmayan personel — soluk */
:where(html[data-app="perform"]) .mal-inp{width:118px;text-align:right;font-family:inherit;font-size:13px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:6px 9px;color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="perform"]) .mal-inp:focus{outline:none;border-color:var(--accent)}
:where(html[data-app="perform"]) .mal-inp::placeholder{color:var(--ink3);font-size:11px}
:where(html[data-app="perform"]) .mal-aciklama{font-size:11.5px;color:var(--ink3);margin-top:14px;line-height:1.55}
/* drawer: kişi vs eczane geneli stacked saatlik sütun */
:where(html[data-app="perform"]) .sg-stack{width:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:3px 3px 0 0;overflow:hidden;transition:height .4s;min-height:2px}
:where(html[data-app="perform"]) .sg-seg{width:100%;transition:height .4s}
:where(html[data-app="perform"]) .sg-kisi{background:var(--accent)}
:where(html[data-app="perform"]) .sg-diger{background:var(--rutin);opacity:.30}
:where(html[data-app="perform"]) .sg-legend{display:flex;gap:16px;margin-bottom:6px;font-size:10.5px;color:var(--ink2)}
:where(html[data-app="perform"]) .sg-legend .sl-item{display:flex;align-items:center;gap:6px}
:where(html[data-app="perform"]) .sg-legend .sl-renk{width:11px;height:11px;border-radius:3px;display:inline-block}
:where(html[data-app="perform"]) .sg-legend .sl-kisi{background:var(--accent)}
:where(html[data-app="perform"]) .sg-legend .sl-diger{background:var(--rutin);opacity:.45}
/* personel detay seçili kişi */
:where(html[data-app="perform"]) footer{padding:14px 32px;border-top:1px solid var(--line);font-size:11px;color:var(--ink3);display:flex;justify-content:space-between;gap:12px}

/* ====================== SENTRY ====================== */
/* Yalnız sentry'ye özgü sapmalar — iskelet/grid kuralları REFEEL (+SENTRY) bölümünde. */
/* 4'lü KPI: skor (accent) · pasif sermaye (acil) · fazla (manuel) · hata (yolda) */
:where(html[data-app="sentry"]) .kpi.k-skor::before{background:var(--accent)}
:where(html[data-app="sentry"]) .kpi.k-pasif::before{background:var(--acil)}
:where(html[data-app="sentry"]) .kpi.k-fazla::before{background:var(--manuel)}
:where(html[data-app="sentry"]) .kpi.k-hata::before{background:var(--yolda)}
/* skor değeri yanındaki "/ 100" eki küçük ve soluk */
:where(html[data-app="sentry"]) .kpi .n small{font-size:13px;font-weight:700;color:var(--ink3);letter-spacing:0}
/* Son Satış kolonu: Mevcut ile aynı düzen (dar, ortalı) + soluk "g" eki */
:where(html[data-app="sentry"]) th.num.kol-sonsat, :where(html[data-app="sentry"]) td.num.kol-sonsat{text-align:center;width:86px;box-sizing:border-box;white-space:nowrap}
:where(html[data-app="sentry"]) td.kol-sonsat .gun-ek{font-size:10px;color:var(--ink3);margin-left:1px}
/* drawer gezinmesinde otomatik scroll: seçili satır sticky başlığın altına
   girmesin (urunDrawerAc → scrollIntoView nearest) */
:where(html[data-app="sentry"]) #tablo tbody tr{scroll-margin-top:46px;scroll-margin-bottom:8px}
/* drawer "Hareketler" sekmesi — aylık satış: TEK grid (hk-liste, satırlar
   display:contents) → adet kolonu max-content ile EN GENİŞ adet yazısına (en çok
   satan ay) göre boyutlanır; bar rayı her satırda bu yazının başlangıcından 10px
   önce biter (barkap sağ padding) → standart başlangıç + ortak bitiş çizgisi. */
:where(html[data-app="sentry"]) .hk-liste{display:grid;grid-template-columns:96px 1fr max-content;font-size:12.5px}
:where(html[data-app="sentry"]) .hk-satir{display:contents}
:where(html[data-app="sentry"]) .hk-ay{color:var(--ink2);white-space:nowrap;display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="sentry"]) .hk-barkap{display:flex;align-items:center;padding:8px 10px 8px 12px;border-bottom:1px solid var(--line)}
:where(html[data-app="sentry"]) .hk-bar{height:6px;background:var(--panel2);border-radius:3px;overflow:hidden;width:100%}
:where(html[data-app="sentry"]) .hk-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
:where(html[data-app="sentry"]) .hk-adet{display:flex;align-items:center;justify-content:flex-end;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;padding:8px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="sentry"]) .hk-adet small{font-weight:400;color:var(--ink3);font-size:10px;margin-left:3px}
:where(html[data-app="sentry"]) .hk-satir:last-of-type .hk-ay, :where(html[data-app="sentry"]) .hk-satir:last-of-type .hk-barkap, :where(html[data-app="sentry"]) .hk-satir:last-of-type .hk-adet{border-bottom:none}
:where(html[data-app="sentry"]) .hk-toplam .hk-ay{font-weight:700;color:var(--ink)}
/* çift mod (satış & alış): 4. kolon + üst etiket satırı + ay başına çift bar */
:where(html[data-app="sentry"]) .hk-liste.hk-cift{grid-template-columns:96px 1fr max-content max-content}
:where(html[data-app="sentry"]) .hk-cift .hk-adet:last-child{margin-left:14px}
/* çift modda satış/alış rakamları kolon başlığının altında ORTALI */
:where(html[data-app="sentry"]) .hk-cift .hk-adet{justify-content:center;text-align:center}
:where(html[data-app="sentry"]) .hk-bas .hk-ay, :where(html[data-app="sentry"]) .hk-bas .hk-barkap{padding:0 0 2px;border-bottom:1px solid var(--line)}
:where(html[data-app="sentry"]) .hk-kbas{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);padding:0 0 2px;border-bottom:1px solid var(--line)}
/* başlık satır-içi: "AYLIK SATIŞ & ALIŞ" ilk iki kolonu kaplar, alış/satış etiketleriyle aynı satırda alta hizalı */
:where(html[data-app="sentry"]) .hk-bas-baslik{grid-column:1 / 3;display:flex;align-items:flex-end;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink3);white-space:nowrap;padding:0 0 2px;border-bottom:1px solid var(--line)}
:where(html[data-app="sentry"]) .hk-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}
:where(html[data-app="sentry"]) .hk-dot-s{background:var(--accent)}
:where(html[data-app="sentry"]) .hk-dot-a{background:color-mix(in srgb, var(--accent) 35%, var(--panel))}
/* iç içe (bullet) tek bar: ray içinde alış = açık ton tam yükseklik,
   satış = koyu accent ince iç bar — ikisi de tema renginin tonları */
:where(html[data-app="sentry"]) .hk-bar-ic{position:relative;width:100%;height:8px;background:var(--panel2);border-radius:4px;overflow:hidden}
:where(html[data-app="sentry"]) .hk-bar-ic i{position:absolute;left:0;display:block}
:where(html[data-app="sentry"]) .hk-bar-ic .al{top:0;bottom:0;background:color-mix(in srgb, var(--accent) 35%, var(--panel));border-radius:4px}
:where(html[data-app="sentry"]) .hk-bar-ic .sa{top:2px;height:4px;background:var(--accent);border-radius:2px}
/* hareket analizi kutusu — aylık desenden anlatımlı yorum (ne oldu / ne yapılmalı / projeksiyon) */
:where(html[data-app="sentry"]) .hk-analiz{margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:10px;font-size:12.5px;line-height:1.55}
:where(html[data-app="sentry"]) .hk-analiz .ha-bas{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
:where(html[data-app="sentry"]) .hk-analiz .ha-ozet{font-weight:700;color:var(--ink);margin-bottom:7px}
:where(html[data-app="sentry"]) .hk-analiz .ha-sat{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:3px 0;font-size:12px}
:where(html[data-app="sentry"]) .hk-analiz .ha-sat .hl{color:var(--ink3);white-space:nowrap;flex:none}
:where(html[data-app="sentry"]) .hk-analiz .ha-sat .hv{color:var(--ink2);text-align:right}
/* barkod hızlı kopyalama (drawer Barkod satırı) */
:where(html[data-app="sentry"]) .bk-kopya{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;padding:0;border:none;background:none;color:var(--ink3);cursor:pointer;border-radius:5px;vertical-align:middle}
:where(html[data-app="sentry"]) .bk-kopya:hover{color:var(--accent);background:var(--panel2)}
:where(html[data-app="sentry"]) .bk-kopya.kopyalandi{color:var(--ok)}

/* ====================== PORTAL ====================== */
@keyframes fbNabiz{0%,100%{box-shadow:0 0 0 0 transparent}
  50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}}
@keyframes dpBasari{from{opacity:0}to{opacity:1}}
@keyframes dpPop{from{transform:scale(.7)}to{transform:scale(1)}}
@keyframes erpDon{to{transform:rotate(360deg)}}
@keyframes ubpulse{0%,100%{box-shadow:0 0 0 0 transparent}
  30%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}}
/* hidden özniteliği, display:flex/grid taşıyan elementlerde de gizlesin */
[hidden]:where(html[data-app="portal"]), :where(html[data-app="portal"]) [hidden]{display:none !important}
html:where(html[data-app="portal"]), :where(html[data-app="portal"]) body{height:100%}
:where(html[data-app="portal"]) body{background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.5;transition:background .25s,color .25s;background-image:radial-gradient(circle at 50% -10%,var(--bg2) 0%,transparent 60%);background-attachment:fixed;display:flex;overflow:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
:where(html[data-app="portal"]) .sidebar{width:288px;flex-shrink:0;height:100vh;position:relative;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width .25s ease}
/* (sidebar toast KALDIRILDI 2026-06-14) */
:where(html[data-app="portal"]) .brand{height:60px;flex-shrink:0;padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}
/* marka alanındaki menü aç/kapa butonu (eski "f" logosunun yerinde) */
:where(html[data-app="portal"]) .brand-toggle{width:38px;height:38px;border-radius:10px;flex-shrink:0;position:relative;background:var(--panel2);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:16px;transition:all .15s}
:where(html[data-app="portal"]) .brand-toggle:hover{border-color:var(--accent);color:var(--accent)}
/* (sidebar-kapalı bekleyen bildirim noktası .bt-notif KALDIRILDI 2026-06-14) */
:where(html[data-app="portal"]) .brand .bt{min-width:0}
:where(html[data-app="portal"]) .brand h1{font-size:17px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
/* nokta: interpunkt değil, yazının sonunda baseline'da bir nokta · %100 büyütülmüş */
:where(html[data-app="portal"]) .brand h1 b{color:var(--accent);font-size:2em;line-height:0;font-weight:700;margin-left:.18em}
/* portal sürümü — uygulama sürüm rozetiyle aynı stil */
:where(html[data-app="portal"]) .brand h1 .brand-ver{font-family:inherit;font-size:9.5px;color:var(--ink3);font-weight:400;letter-spacing:0;margin-left:7px}
:where(html[data-app="portal"]) .nav{padding:8px 12px 14px;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}
:where(html[data-app="portal"]) .nav-pane[data-pane="apps"]{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}
:where(html[data-app="portal"]) .nav-pane[data-pane="filtre"]{flex:1;overflow-y:auto;min-height:0}
:where(html[data-app="portal"]) .nav-pane[data-pane="bildirim"]{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}
:where(html[data-app="portal"]) .nav-alt{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:7px;margin-top:14px}
:where(html[data-app="portal"]) .nav-alt{margin-top:auto}
:where(html[data-app="portal"]) .nav-alt:empty{display:none}   /* raporlu app yoksa boş footer çizgisi görünmesin */
:where(html[data-app="portal"]) .nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink3);padding:14px 10px 8px;font-weight:700;display:flex;align-items:center;gap:7px}
:where(html[data-app="portal"]) .nav-label .c{font-family:inherit;font-size:10px;letter-spacing:0;background:var(--panel2);color:var(--ink3);padding:0 6px;border-radius:8px;margin-left:auto}
/* sol menü aç-kapa grupları: başlık (Uygulamalar / Raporlar / Yönetici Paneli) tıklanınca
   listesini toggle eder; başlık .nav-label tipografisiyle aynı, sağda ▾ ok döner */
:where(html[data-app="portal"]) .nav-grup{display:flex;flex-direction:column;flex-shrink:0}
:where(html[data-app="portal"]) .nav-grup-bas{display:flex;align-items:center;gap:7px;width:100%;padding:14px 10px 8px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink3);font-weight:700;text-align:left;transition:color .15s}
:where(html[data-app="portal"]) .nav-grup-bas:hover{color:var(--ink2)}
:where(html[data-app="portal"]) .nav-grup-bas .c{font-family:inherit;font-size:10px;letter-spacing:0;background:var(--panel2);color:var(--ink3);padding:0 6px;border-radius:8px;margin-left:8px}
:where(html[data-app="portal"]) .nav-grup-bas .ng-ok{margin-left:auto;font-size:9px;opacity:.55;transition:transform .18s}
:where(html[data-app="portal"]) .nav-grup.kapali .nav-grup-bas .ng-ok{transform:rotate(-90deg)}
:where(html[data-app="portal"]) .nav-grup-ic{display:flex;flex-direction:column}
:where(html[data-app="portal"]) .nav-grup.kapali .nav-grup-ic{display:none}
:where(html[data-app="portal"]) .nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;border-radius:10px;cursor:pointer;color:var(--ink);border:1px solid transparent;background:none;font-family:inherit;text-align:left;margin-bottom:2px;transition:background .15s,border-color .15s}
:where(html[data-app="portal"]) .nav-item:hover{background:var(--panel2)}
:where(html[data-app="portal"]) .nav-item.active{background:var(--panel2)}
:where(html[data-app="portal"]) .nav-item .ico{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);transition:.15s}
:where(html[data-app="portal"]) .nav-item .ico svg{width:15px;height:15px}
/* menüde ikon vurgusu kırmızı değil BEYAZ (koyu tema); açık temada ink (görünür) */
:where(html[data-app="portal"]) .nav-item:hover .ico, :where(html[data-app="portal"]) .nav-item.active .ico{color:#fff}
[data-theme="light"]:where(html[data-app="portal"]) .nav-item:hover .ico, :where(html[data-app="portal"]) [data-theme="light"] .nav-item:hover .ico, [data-theme="light"]:where(html[data-app="portal"]) .nav-item.active .ico, :where(html[data-app="portal"]) [data-theme="light"] .nav-item.active .ico{color:var(--ink)}
:where(html[data-app="portal"]) .nav-item.active .ico{background:var(--panel2);border-color:var(--line)}
/* tek satır: ad · alt başlık · versiyon (versiyon sağa yaslı) */
:where(html[data-app="portal"]) .nav-item .meta{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px}
/* .t = kategori (BEYAZ + kalın, birincil) · .d = uygulama adı (küçük, soluk,
   tamamı küçük harf) — ad/kategori sırası header deseninin tersi */
:where(html[data-app="portal"]) .nav-item .meta .t{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;flex-shrink:0}
/* ad (.d): SAĞA dayalı (margin-left:auto), versiyonun hemen SOLUNDA kalır;
   kategori (.t) solda durur */
:where(html[data-app="portal"]) .nav-item .meta .d{font-size:11px;color:var(--ink3);text-transform:lowercase;min-width:0;margin:0 0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* versiyon: header'daki gibi elips çerçeveli pill; ad'ın hemen sağında.
   Aktif (seçili) öğede GİZLENİR → yerinde yalnız renkli dot kalır */
:where(html[data-app="portal"]) .nav-item .meta .ver{font-family:inherit;font-size:9px;color:var(--ink3);font-weight:400;flex-shrink:0;border:1px solid var(--line);padding:1px 7px;border-radius:20px;line-height:1.5}
:where(html[data-app="portal"]) .nav-item.active .meta .ver{display:none}
/* dot: yalnız AKTİF öğede görünür (versiyonun gittiği sağ slotta); inaktifken
   gizli → versiyon en sağa dayanır */
:where(html[data-app="portal"]) .nav-item .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:none;transition:.2s}
:where(html[data-app="portal"]) .nav-item.active .dot{display:block;background:var(--app-c);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-c) 16%,transparent)}
/* Ana Sayfa, uygulama öğeleriyle birebir aynı format (.nav-item) — sadece
   alt boşluk biraz daha fazla, "Uygulamalar" başlığından ayrışsın diye */
:where(html[data-app="portal"]) .nav-home{margin-bottom:6px}
/* ---- ALT SAYFA MODELİ: servis nav öğesinin altında açılan alt sayfa listesi
   (ör. Refeel → Sipariş · Fiyat Artışları). Servis aktifken .acik ile açılır. ---- */
:where(html[data-app="portal"]) .nav-sub{--app-c:var(--accent);display:none;flex-direction:column;gap:1px;margin:1px 0 4px 25px;padding-left:9px;border-left:1.5px solid var(--line)}
:where(html[data-app="portal"]) .nav-sub.acik{display:flex}
:where(html[data-app="portal"]) .nav-sub-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:8px;cursor:pointer;color:var(--ink2);border:1px solid transparent;background:none;font-family:inherit;font-size:12.5px;font-weight:600;text-align:left;transition:background .15s,color .15s}
:where(html[data-app="portal"]) .nav-sub-item:hover{background:var(--panel2);color:var(--ink)}
:where(html[data-app="portal"]) .nav-sub-item.active{background:var(--panel2);color:var(--ink)}
:where(html[data-app="portal"]) .nav-sub-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--ink3);transition:.2s}
:where(html[data-app="portal"]) .nav-sub-item.active .nav-sub-dot{background:var(--app-c);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-c) 18%,transparent)}
/* daraltılmış kenar çubuğunda alt sayfa listesi gizlenir (yalnız ikonlar görünür) */
:where(html[data-app="portal"]) body.collapsed .nav-sub{display:none}
/* ---- sol menü sekmeleri (Uygulamalar / Filtreler) — Claude/Notion tarzı ---- */
:where(html[data-app="portal"]) .nav-tabs{display:flex;gap:2px;padding:0 12px 8px;margin-top:-2px}
:where(html[data-app="portal"]) .nav-tab{flex:1;font:inherit;font-size:11.5px;font-weight:700;color:var(--ink3);background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 4px;cursor:pointer;transition:.12s}
:where(html[data-app="portal"]) .nav-tab:hover{color:var(--ink2)}
:where(html[data-app="portal"]) .nav-tab.active{color:var(--ink);border-bottom-color:var(--accent)}
/* ana sayfada (uygulama yokken) Filtreler sekmesi pasif + tıklanamaz */
:where(html[data-app="portal"]) body.home-mode .nav-tab[data-navtab="filtre"]{opacity:.4;pointer-events:none;cursor:default}
:where(html[data-app="portal"]) .nav-pane.hidden{display:none}
/* ---- Bildirim butonu: profil fotoğrafının yanında, tek dot ikonu (TÜM servisler ortak gelen kutusu) ---- */
:where(html[data-app="portal"]) .notif-wrap{position:relative;display:inline-flex}
:where(html[data-app="portal"]) .notif-btn{position:relative;width:34px;height:34px;border-radius:50%;flex-shrink:0;cursor:pointer;padding:0;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;transition:border-color .15s,background .15s}
:where(html[data-app="portal"]) .notif-btn:hover{border-color:var(--accent)}
:where(html[data-app="portal"]) .notif-btn.acik{border-color:var(--accent);background:var(--panel)}
:where(html[data-app="portal"]) .notif-dot{width:9px;height:9px;border-radius:50%;background:var(--ink3);transition:background .15s,box-shadow .15s}
/* okunmamış varsa dot marka rengine döner + hafif hâle */
:where(html[data-app="portal"]) .notif-btn.var .notif-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
/* okunmamış sayısı rozeti — dotun sağ üstünde */
:where(html[data-app="portal"]) .notif-rozet{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--accent);color:#fff;font-size:8.5px;font-weight:800;line-height:1;border:1.5px solid var(--panel)}
/* DEVAM EDEN İŞLEM RADARI: aktif sipariş/koli hazırlanırken (JS .islem-radar + --islem-renk)
   zil, işlemin bildirim rengiyle dışa doğru genişleyen halkalar (radar) + dot nabzı yayar. */
:where(html[data-app="portal"]) .notif-btn.islem-radar{border-color:var(--islem-renk,var(--accent))}
:where(html[data-app="portal"]) .notif-btn.islem-radar::before,
:where(html[data-app="portal"]) .notif-btn.islem-radar::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;border:1.5px solid var(--islem-renk,var(--accent));animation:notifRadar 1.8s ease-out infinite}
:where(html[data-app="portal"]) .notif-btn.islem-radar::after{animation-delay:.9s}
:where(html[data-app="portal"]) .notif-btn.islem-radar .notif-dot{background:var(--islem-renk,var(--accent));animation:notifDotNabiz 1.8s ease-in-out infinite}
@keyframes notifRadar{0%{transform:scale(.2);opacity:.55}100%{transform:scale(1);opacity:0}}
@keyframes notifDotNabiz{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--islem-renk,var(--accent)) 45%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--islem-renk,var(--accent)) 0%,transparent)}}
@media(prefers-reduced-motion:reduce){
  :where(html[data-app="portal"]) .notif-btn.islem-radar::before,
  :where(html[data-app="portal"]) .notif-btn.islem-radar::after{animation:none;opacity:.4}
  :where(html[data-app="portal"]) .notif-btn.islem-radar .notif-dot{animation:none}
}
/* KOMPAKT HEADER-İÇİ TOAST: header bandının İÇİNDE, dikey ORTALI; sağ sınırı BUTON SETİNİN
   (.topbar .actions) SOL kenarına yaslı — header butonları tasarıma/test grubuna göre
   değişebildiğinden zile değil setin tamamına çapalanır; HİÇBİR butonu örtmez. Header
   boyutunda kalır (altına taşmaz). Sağdan kayarak girer; tıklayınca çekmece açılır.
   TASARIM = bildirim KARTI (.bnx-card) ile BİREBİR, header'a ölçekli (~%83: ikon 36→30):
   pastel ikon karesi + koyu glif (--hs), başlık metinle aynı akışta, alt sınır hiyerarşi renginde. */
:where(html[data-app="portal"]) .topbar .actions{position:relative}
:where(html[data-app="portal"]) .notif-toast{position:absolute;top:50%;right:calc(100% + 14px);z-index:2147483400;
  width:360px;max-width:40vw;display:flex;gap:10px;align-items:center;cursor:pointer;
  background:var(--panel2);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.22);
  border-bottom:2px solid color-mix(in srgb, var(--hs, var(--ink3)) 45%, transparent);
  padding:7px 10px;opacity:0;transform:translateY(-50%) translateX(12px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease}
:where(html[data-app="portal"]) .notif-toast.gor{opacity:1;transform:translateY(-50%);pointer-events:auto}
/* ikon karesi = .bnx-av ölçekli: hiyerarşi renginin açık pastel zemini + aynı rengin koyu glifi */
:where(html[data-app="portal"]) .notif-toast .nt-ic{flex:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb, var(--hs, var(--ink3)) 15%, var(--panel));color:color-mix(in srgb, var(--hs, var(--ink3)) 72%, #14212b)}
:where(html[data-app="portal"][data-theme="dark"], html[data-app="portal"] [data-theme="dark"]) .notif-toast .nt-ic{color:color-mix(in srgb, var(--hs, var(--ink3)) 70%, #ffffff)}
:where(html[data-app="portal"]) .notif-toast .nt-ic svg{width:15px;height:15px}
:where(html[data-app="portal"]) .notif-toast .nt-ic svg.bnx-anim{width:19px;height:19px}
/* metin = .bnx-metin ölçekli: başlık aynı akışta kalın, toplam 2 satır clamp */
:where(html[data-app="portal"]) .notif-toast .nt-tx{min-width:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;line-height:1.45;color:var(--ink2)}
:where(html[data-app="portal"]) .notif-toast .nt-tx b{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:-.2px;margin-right:4px}
/* × kapat (her toast'ta): kutu içinde DİKEY ORTALI, tıklaması rahat boyut */
:where(html[data-app="portal"]) .notif-toast .nt-kapat{position:relative;flex:none;align-self:center;margin:0 -3px 0 0;border:0;background:transparent;color:var(--ink3);font-size:20px;line-height:1;cursor:pointer;padding:5px 7px;border-radius:8px}
:where(html[data-app="portal"]) .notif-toast .nt-kapat:hover{color:var(--ink);background:var(--panel2)}
/* kapanma geri sayımı: × etrafında hiyerarşi renkli HALKA DOLUMU — süre JS'ten (--nt-sure,
   NT_SURE ile senkron). Sabit toast otomatik kapanmadığından halka hiç görünmez
   (dashoffset=çevre → boş). Çevre = 2π·11 ≈ 69.1 */
:where(html[data-app="portal"]) .notif-toast .nt-sayac{position:absolute;inset:0;margin:auto;width:26px;height:26px;transform:rotate(-90deg);pointer-events:none}
:where(html[data-app="portal"]) .notif-toast .nt-sayac circle{fill:none;stroke:color-mix(in srgb, var(--hs, var(--ink3)) 55%, transparent);stroke-width:2;stroke-linecap:round;stroke-dasharray:69.1;stroke-dashoffset:69.1}
:where(html[data-app="portal"]) .notif-toast.gor:not(.sabit) .nt-sayac circle{animation:ntDolum var(--nt-sure,15s) linear forwards}
/* hover'da duraklatma JS'ten inline play-state ile yapılır (portal mouseenter/leave):
   CSS :hover kuralı buradaki animation kısayolunun örtük running'ine kaskadda yenilir */
@keyframes ntDolum{to{stroke-dashoffset:0}}
@media(max-width:900px){ :where(html[data-app="portal"]) .notif-toast{max-width:60vw} }
@media(max-width:760px){ :where(html[data-app="portal"]) .notif-toast{position:fixed;top:64px;right:12px;left:12px;width:auto;max-width:none;transform:translateX(10px)} :where(html[data-app="portal"]) .notif-toast.gor{transform:none} }
/* açılır panel — butonun altında, sağa hizalı; profil menüsü gibi popover */
/* içerik satırı: notif çekmecesi OVERLAY çapası (position:relative). */
:where(html[data-app="portal"]) .main-row{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}
/* Bildirimler çekmecesi: sağ kenara yapışık tam-yükseklik OVERLAY (position:absolute).
   HOME ile SERVİS İÇİ görünüm BİREBİR (2026-07-03): açılınca içerik her bağlamda daraltılır
   (.content margin-right, JS notifBoyutAyarla); servis drawer'ı açılınca notif kapanır. Overlay
   olduğundan açılış/kapanış İÇERİĞİ REFLOW ETMEZ → flash YOK (flex-shrink reflow'u flash yapıyordu).
   GENİŞLİK JS ile (notifBoyutAyarla): servis drawer'ları iframe genişliğine göre 540/440 olduğundan
   notif da MAIN-ROW (=iframe) genişliğine göre ölçülür (full-window media query sidebar kadar şaşıyordu).
   Padding YOK — header .md-bas + liste kendi padding'i. CSS 540 yalnız ilk-çizim fallback. */
:where(html[data-app="portal"]) .notif-pop{position:absolute;top:0;right:0;bottom:0;z-index:40;width:459px;display:none;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);box-shadow:-14px 0 40px rgba(0,0,0,.22);overflow:hidden}
:where(html[data-app="portal"]) .notif-pop.acik{display:flex}
/* HEADER: refeel sepet drawer header'ı (.md-bas/.db-*) BİREBİR — servis selektörleri yalnız
   app'lere kapsamlı olduğundan .notif-pop altında portal'a çoğaltılır (değerler md-bas ile aynı). */
:where(html[data-app="portal"]) .notif-pop .md-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--line)}
:where(html[data-app="portal"]) .notif-pop .db-kimlik{display:flex;align-items:center;gap:13px;min-width:0}
:where(html[data-app="portal"]) .notif-pop .db-kimlik-txt{min-width:0;flex:1}
:where(html[data-app="portal"]) .notif-pop .db-avatar{width:42px;height:42px;border-radius:11px;flex-shrink:0;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
:where(html[data-app="portal"]) .notif-pop .db-ad{font-size:16px;font-weight:700;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .notif-pop .db-alt{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.8px;margin-top:1px}
:where(html[data-app="portal"]) .notif-pop .db-gez{display:flex;align-items:center;gap:6px;flex-shrink:0}
:where(html[data-app="portal"]) .notif-pop .db-ok,:where(html[data-app="portal"]) .notif-pop .db-kapat{background:var(--panel2);border:1px solid var(--line);color:var(--ink2);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .13s}
:where(html[data-app="portal"]) .notif-pop .db-ok:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="portal"]) .notif-pop .db-kapat{margin-left:4px}
:where(html[data-app="portal"]) .notif-pop .db-kapat:hover{border-color:var(--acil);color:var(--acil)}
/* sekme çubuğu (ürün çekmecesi .dt-bar deseni): Bildirimler | Devam eden işlemler */
:where(html[data-app="portal"]) .notif-sek{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line);flex:0 0 auto}
:where(html[data-app="portal"]) .notif-sek-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12px;font-weight:700;color:var(--ink3);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 4px;cursor:pointer;user-select:none;transition:.12s}
:where(html[data-app="portal"]) .notif-sek-tab:hover{color:var(--ink2)}
:where(html[data-app="portal"]) .notif-sek-tab.aktif{color:var(--ink);border-bottom-color:var(--accent)}
:where(html[data-app="portal"]) .notif-sek-say{font-size:10px;font-weight:700;line-height:1;padding:2px 6px;border-radius:999px;background:var(--panel);color:var(--ink3)}
:where(html[data-app="portal"]) .notif-sek-tab.aktif .notif-sek-say{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
/* gövde: solda hızlı-nav + sağda liste (Ayarlar>Hızlı Ayarlar / Güncellemeler>Tarihler deseni) */
:where(html[data-app="portal"]) .notif-pop .notif-body{display:flex;flex:1;min-height:0}
/* liste: header altında, kendi yatay padding'i (sepet-govde gibi) */
:where(html[data-app="portal"]) .notif-pop .bildirim-liste{overflow-y:auto;flex:1;min-width:0;min-height:0;padding:12px 16px 16px}
:where(html[data-app="portal"]) .bildirim-liste{display:flex;flex-direction:column;gap:14px}
/* tarih grubu: küçük başlık + altında kartlar */
:where(html[data-app="portal"]) .bn-grup{display:flex;flex-direction:column;gap:8px}
:where(html[data-app="portal"]) .bn-grup-bas{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);padding:0 2px 1px}
:where(html[data-app="portal"]) .bildirim-bos{font-size:12px;color:var(--ink3);padding:16px 4px;line-height:1.55;text-align:center}
/* ===== SERVİS NOTICE'İ (.notif-notice) — bildirim çekmecesinin DİBİNDE alt-çekmece =====
   Sepet "Sipariş Ver" tedarikçi seçimi (.siparis-drawer/.sd-panel) deseniyle birebir:
   yuvarlak üst köşeli, tutamaçlı bottom-sheet. Bar metni bildirim KARTI diliyle
   BİREBİR (.bnx-metin başlık-metin akışı, 2 satır clamp); İKON KUTUSUZ — şeffaf
   zeminde tek başına. AÇ/KAPA hover ile (ok yok): hover-on açar, hover-off kapatır;
   .sabit (ilk görüntülenme) modunda hep açık + sağ üstte soluk "gizle".
   Servis başına TEK notice. İkon animasyonları: 2 durumlu hover-on/off (nn-git1/2). */
/* kap zemini = çekmece zemini → panelin yuvarlak köşe boşlukları görünmez;
   iç içe geçme hissi keskin kontrastla değil hafif gölgeyle verilir (organik) */
:where(html[data-app="portal"]) .notif-notice{--hs:var(--accent);flex:0 0 auto;max-height:70px;overflow:hidden;transition:max-height .28s ease;background:var(--panel)}
:where(html[data-app="portal"]) .notif-notice.acik{max-height:60%}
:where(html[data-app="portal"]) .notif-notice .nn-panel{position:relative;display:flex;flex-direction:column;max-height:100%;background:var(--panel);border-top:1px solid var(--line);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -6px 18px rgba(0,0,0,.07);padding-top:13px}
:where(html[data-app="portal"]) .notif-notice .nn-panel::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:2px;background:var(--line)}
/* ("gizle" metni kaldırıldı — daraltma artık CTA'nın sağındaki ✕ ile: .nn-x) */
/* bar: kart yerleşimi (gap 12, metin akışı) — ikon KUTUSUZ, şeffaf; buton değil (hover açar) */
:where(html[data-app="portal"]) .notif-notice .nn-bar{display:flex;align-items:center;gap:12px;padding:4px 14px 13px}
/* glif rengi: ikon kutusuz/şeffaf olduğundan hiyerarşi karışımı DEĞİL, nötr marka
   grisi — youtube "You" (currentColor) açık temada marka tonu #455a64, koyu temada
   okunur açık gri (eski accent karışımı "You"yu kızıla kaydırıyordu — 2026-07-03) */
:where(html[data-app="portal"]) .notif-notice .nn-av{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;color:#455a64}
:where(html[data-app="portal"][data-theme="dark"], html[data-app="portal"] [data-theme="dark"]) .notif-notice .nn-av{color:#cfd8dc}
:where(html[data-app="portal"]) .notif-notice .nn-av svg{width:34px;height:34px}
:where(html[data-app="portal"]) .notif-notice .nn-metin{flex:1;min-width:0}
/* başlık ve alt metin AYRI SATIRLARDA (kartlardaki tek-akış clamp'inden farklı):
   her biri tek satır, taşan kısım ellipsis — font/renk kart diliyle aynı kalır */
:where(html[data-app="portal"]) .notif-notice .nn-metin{display:block}
:where(html[data-app="portal"]) .notif-notice .nn-metin .bnx-ad{display:block;margin-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .notif-notice .nn-mesaj{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .notif-notice .nn-govde{padding:0 14px 14px;overflow-y:auto}
/* detay satırı: solda uzun tanıtım metni + SAĞINDA YouTube oynatıcı MOCK'u */
:where(html[data-app="portal"]) .notif-notice .nn-detay-satir{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}
/* detay: yalnız açık durumda görünen uzun tanıtım bloğu — kart metniyle aynı dil, clamp'siz;
   sınırlı HTML: <b> vurgular (ink), <ul>/<li> kompakt madde listesi */
:where(html[data-app="portal"]) .notif-notice .nn-detay{flex:1;min-width:0;font-size:12.5px;line-height:1.55;color:var(--ink2);margin:0}
:where(html[data-app="portal"]) .notif-notice .nn-detay b{color:var(--ink)}
:where(html[data-app="portal"]) .notif-notice .nn-detay ul{margin:6px 0 0;padding-left:17px;display:flex;flex-direction:column;gap:3px}
:where(html[data-app="portal"]) .notif-notice .nn-detay li{margin:0}
/* ============ STANDART NOTICE VIDEO MOCK ŞABLONU (.nn-video-mock) ============
   Duyuru (notice) stilinin KALICI taslağı — her video'lu notice bu mock ile çizilir,
   yalnız İÇİNDEKİ THUMBNAIL değişir (kayıttaki `video` alanından img.youtube.com
   kapağı; markup şablonu portal #notifNotice içindedir, JS doldurur).
   Yapı: yuvarlak cihaz kartı → 16:9 thumbnail ekranı + kırmızı play rozeti +
   kırmızı noktalı ilerleme çubuğu + iskelet satırlar. Tıklanınca CTA modalı açılır.
   HOVER'DA HAREKET YOK (statik durur). TEMA-DUYARLI iki varyant (--nvm-*):
   açık temada açık kart · koyu temada SİYAH kart. */
:where(html[data-app="portal"]) .notif-notice .nn-video-mock{--nvm-bg:#f2f3f5;--nvm-line:var(--line);--nvm-bar:#d3d8db;--nvm-iskelet:#dde1e4;--nvm-golge:rgba(0,0,0,.12);
  flex:none;width:148px;display:block;text-align:left;background:var(--nvm-bg);border:1px solid var(--nvm-line);border-radius:12px;padding:8px;cursor:pointer;box-shadow:0 6px 18px var(--nvm-golge)}
:where(html[data-app="portal"][data-theme="dark"], html[data-app="portal"] [data-theme="dark"]) .notif-notice .nn-video-mock{--nvm-bg:#0a0a0a;--nvm-line:#262626;--nvm-bar:#333333;--nvm-iskelet:#2a2a2a;--nvm-golge:rgba(0,0,0,.45)}
:where(html[data-app="portal"]) .notif-notice .nvm-ekran{position:relative;display:block;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#000}
:where(html[data-app="portal"]) .notif-notice .nvm-ekran img{width:100%;height:100%;object-fit:cover;display:block}
:where(html[data-app="portal"]) .notif-notice .nvm-play{position:absolute;inset:0;display:grid;place-items:center}
:where(html[data-app="portal"]) .notif-notice .nvm-play svg{width:20px;height:20px;color:#fff;background:#f00;border-radius:6px;padding:2px 6px;box-sizing:content-box}
:where(html[data-app="portal"]) .notif-notice .nvm-bar{display:block;position:relative;height:3px;border-radius:2px;background:var(--nvm-bar);margin:7px 1px 8px}
:where(html[data-app="portal"]) .notif-notice .nvm-bar i{position:absolute;left:0;top:0;bottom:0;width:42%;border-radius:2px;background:#f00}
:where(html[data-app="portal"]) .notif-notice .nvm-bar i::after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#f00}
:where(html[data-app="portal"]) .notif-notice .nvm-iskelet{display:block}
:where(html[data-app="portal"]) .notif-notice .nvm-iskelet i{display:block;height:5px;border-radius:3px;background:var(--nvm-iskelet);margin:4px 1px 0}
:where(html[data-app="portal"]) .notif-notice .nvm-iskelet i:first-child{width:72%}
:where(html[data-app="portal"]) .notif-notice .nvm-iskelet i:last-child{width:46%}
/* aksiyon satırı: TAM GENİŞLİK CTA + sağında ✕ (daralt) */
:where(html[data-app="portal"]) .notif-notice .nn-akt{display:flex;align-items:stretch;gap:8px}
:where(html[data-app="portal"]) .notif-notice .nn-cta{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:700;color:var(--accent-ink,#fff);background:var(--accent);border:0;border-radius:8px;padding:8px 14px;cursor:pointer;transition:filter .15s}
:where(html[data-app="portal"]) .notif-notice .nn-cta:hover{filter:brightness(1.06)}
:where(html[data-app="portal"]) .notif-notice .nn-x{flex:none;width:33px;background:var(--panel2);border:1px solid var(--line);color:var(--ink3);border-radius:8px;font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .13s}
:where(html[data-app="portal"]) .notif-notice .nn-x:hover{border-color:var(--acil,#dc2626);color:var(--acil,#dc2626)}
/* ("Bir daha gösterme" kaldırıldı — notice kalıcı susturulmaz; kullanıcı kapatırsa
   yalnız varsayılan durumu KAPALI olur [feels_notice_kapali_v1]) */
:where(html[data-app="portal"]) .wordmark.bi-wm{font-size:11px;flex:0 0 auto}
/* ---- Filtreler sekmesi: uygulamanın zengin kontrolleri, aktif uygulamanın rengiyle ---- */
:where(html[data-app="portal"]) .filtre-pane{--app-accent:var(--accent);--app-ink:#fff;padding:2px 12px 16px;display:flex;flex-direction:column;gap:11px}
:where(html[data-app="portal"]) .filtre-bos{font-size:12px;color:var(--ink3);padding:16px 4px;line-height:1.55}
:where(html[data-app="portal"]) .ns-sec{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 50%,transparent);overflow:hidden}
:where(html[data-app="portal"]) .ns-sec-bas{display:flex;align-items:center;gap:8px;width:100%;font:inherit;font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);background:transparent;border:0;padding:12px 14px;cursor:pointer}
:where(html[data-app="portal"]) .ns-sec-bas .ok{margin-left:auto;font-size:10px;color:var(--ink3);transition:transform .15s}
:where(html[data-app="portal"]) .ns-sec.kapali .ok{transform:rotate(-90deg)}
:where(html[data-app="portal"]) .ns-sec-ic{padding:0 14px 14px;display:flex;flex-direction:column;gap:14px}
:where(html[data-app="portal"]) .ns-sec.kapali .ns-sec-ic{display:none}
:where(html[data-app="portal"]) .ns-grp{display:flex;flex-direction:column;gap:8px}
/* satır içi sayı kontrolü: etiket solda, sayı girişi sağda (aynı satır) */
:where(html[data-app="portal"]) .ns-grp--satir{flex-direction:row;align-items:center;gap:10px}
:where(html[data-app="portal"]) .ns-grp--satir .ns-lbl{flex:0 0 auto;min-width:100px;color:var(--ink)}
:where(html[data-app="portal"]) .ns-grp--satir .ns-num{flex:1;min-width:0;width:auto;text-align:left}
:where(html[data-app="portal"]) .ns-grp--satir .ns-num::placeholder{font-size:.7475em}
:where(html[data-app="portal"]) .ns-lbl{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3)}
/* bölüm içi alt başlık (ör. Stok Seviyesi) — kontrol etiketinden biraz ayrık */
:where(html[data-app="portal"]) .ns-altbaslik{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink2);margin-top:2px}
:where(html[data-app="portal"]) .ns-beta{font-size:8.5px;font-weight:800;letter-spacing:.5px;color:var(--app-accent);border:1px solid var(--app-accent);border-radius:5px;padding:1px 5px}
/* lab etiketi — deneysel (Feels Lab) özellik; beher ikonlu */
:where(html[data-app="portal"]) .ns-info{width:14px;height:14px;border-radius:50%;border:1px solid var(--ink3);color:var(--ink3);font-size:9px;font-style:italic;display:grid;place-items:center;cursor:help}
:where(html[data-app="portal"]) .ns-date{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;transition:.12s}
:where(html[data-app="portal"]) .ns-date:hover{border-color:var(--app-accent)}
:where(html[data-app="portal"]) .ns-date .cal{font-size:15px;flex:0 0 auto}
:where(html[data-app="portal"]) .ns-date .ns-date-txt{display:flex;flex-direction:column;min-width:0;flex:1}
:where(html[data-app="portal"]) .ns-date .ns-date-ad{display:block;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* tarih aralığı tek satır (Sense/Perform standalone .dt-aralik ile aynı): sarmaz, taşarsa … */
:where(html[data-app="portal"]) .ns-date .ns-date-ar{display:block;font-size:10.5px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .ns-date .ok{margin-left:auto;color:var(--ink3);font-size:10px}
:where(html[data-app="portal"]) .ns-seg{display:flex;flex-wrap:wrap;gap:5px}
:where(html[data-app="portal"]) .ns-seg button{font:inherit;font-size:12px;font-weight:600;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;cursor:pointer;flex:1 1 auto;transition:.12s;white-space:nowrap}
:where(html[data-app="portal"]) .ns-seg button.full{flex:0 0 100%}
:where(html[data-app="portal"]) .ns-seg button.half{flex:0 0 calc(50% - 2.5px)}
/* simetrik 2'li satır (gap 5px) */
:where(html[data-app="portal"]) .ns-seg button:hover{border-color:var(--app-accent);color:var(--ink)}
:where(html[data-app="portal"]) .ns-seg button.on{background:var(--app-accent);color:var(--app-ink);border-color:var(--app-accent)}
:where(html[data-app="portal"]) .ns-seg button.disabled{opacity:.4;pointer-events:none}
/* switch kapalıyken altındaki seçenek grubu pasif + tıklanamaz */
:where(html[data-app="portal"]) .ns-seg.kapali{opacity:.4;pointer-events:none}
/* ayrıştırma filtreleri — STANDART tasarım: kompakt pill + tema renginde nokta,
   seçim kalkınca (off) üzeri çizili + soluk (refeel kritik/riskli etiketlerinden ilham) */
:where(html[data-app="portal"]) .ns-chips{display:grid;grid-template-columns:1fr;gap:6px}
:where(html[data-app="portal"]) .ns-chip{display:flex;align-items:center;gap:6px;width:100%;font:inherit;font-size:11.5px;font-weight:600;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:6px 11px;cursor:pointer;transition:all .13s;user-select:none;text-align:left}
:where(html[data-app="portal"]) .ns-chip:hover{border-color:var(--app-accent)}
:where(html[data-app="portal"]) .ns-chip .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:var(--app-accent);transition:.13s}
:where(html[data-app="portal"]) .ns-chip.off{opacity:.45;text-decoration:line-through;text-decoration-thickness:1.5px}
:where(html[data-app="portal"]) .ns-chip.off .dot{filter:grayscale(1);background:var(--ink3)}
:where(html[data-app="portal"]) .ns-chip.disabled{opacity:.3;pointer-events:none}
:where(html[data-app="portal"]) .ns-chip .ns-ad{line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* sağa dayalı sayı: kalın değil, soluk (etiket çiplerinde isim ... sayı düzeni) */
:where(html[data-app="portal"]) .ns-chip .ns-say{margin-left:auto;flex:none;font-weight:400;font-size:10.5px;color:var(--ink3);padding-left:6px}
:where(html[data-app="portal"]) .ns-note{font-size:11.5px;color:var(--ink3);line-height:1.55}
:where(html[data-app="portal"]) .ns-altnote{font-size:10.5px;color:var(--ink3);line-height:1.45;margin-top:-2px}
/* on-off switch (Trend Yönü / Tedarik Süresi vb.) */
:where(html[data-app="portal"]) .ns-switch{display:flex;align-items:center;gap:9px;width:100%;font:inherit;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;cursor:pointer;transition:.12s}
:where(html[data-app="portal"]) .ns-switch:hover{border-color:var(--app-accent)}
:where(html[data-app="portal"]) .ns-switch .ns-ad{flex:1;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink)}
:where(html[data-app="portal"]) .ns-sw{width:34px;height:18px;border-radius:20px;background:var(--line);position:relative;flex:0 0 auto;transition:.15s}
:where(html[data-app="portal"]) .ns-sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink3);transition:.15s}
:where(html[data-app="portal"]) .ns-switch.on .ns-sw{background:var(--app-accent)}
:where(html[data-app="portal"]) .ns-switch.on .ns-sw::after{left:18px;background:var(--app-ink)}
/* aksiyon butonu + sayı girişi */
:where(html[data-app="portal"]) .ns-btn{font:inherit;font-size:12px;font-weight:700;color:var(--app-ink);background:var(--app-accent);border:1px solid var(--app-accent);border-radius:9px;padding:9px 11px;cursor:pointer;width:100%;transition:.12s}
:where(html[data-app="portal"]) .ns-btn:hover{filter:brightness(1.05)}
:where(html[data-app="portal"]) .ns-num{font:inherit;font-size:13px;font-family:inherit;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;width:100%;text-align:right}
:where(html[data-app="portal"]) .ns-num:focus{outline:none;border-color:var(--app-accent)}
/* range slider (Hedef Stok): hızlı kaydırırken yaygın değerlere snap */
:where(html[data-app="portal"]) .ns-range-wrap{display:flex;flex-direction:column;gap:5px}
:where(html[data-app="portal"]) .ns-range-wrap.kapali{opacity:.4;pointer-events:none}
:where(html[data-app="portal"]) .ns-range-ust{display:flex;align-items:center;justify-content:space-between}
:where(html[data-app="portal"]) .ns-range-lbl{font-size:11px;color:var(--ink3)}
:where(html[data-app="portal"]) .ns-range-out{font-family:inherit;font-size:13px;font-weight:700;color:var(--app-accent)}
:where(html[data-app="portal"]) .ns-range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:3px;background:var(--line);outline:none;cursor:pointer;margin:3px 0}
:where(html[data-app="portal"]) .ns-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--app-accent);border:2px solid var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:transform .1s}
:where(html[data-app="portal"]) .ns-range::-webkit-slider-thumb:active{transform:scale(1.15)}
:where(html[data-app="portal"]) .ns-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--app-accent);border:2px solid var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer}
:where(html[data-app="portal"]) .ns-range::-moz-range-track{height:5px;border-radius:3px;background:var(--line)}
:where(html[data-app="portal"]) .ns-range-mm{display:flex;justify-content:space-between;font-size:9.5px;color:var(--ink3);font-family:inherit}
:where(html[data-app="portal"]) .sidebar-foot{padding:8px 12px 11px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
/* footer aksiyon satırları (Ayarlar · Senkronizasyon) — nav-item'in kompakt hâli */
:where(html[data-app="portal"]) .foot-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border-radius:9px;cursor:pointer;background:none;border:1px solid transparent;color:var(--ink2);font-family:inherit;font-size:12.5px;font-weight:600;text-align:left;transition:background .15s,border-color .15s,color .15s}
:where(html[data-app="portal"]) .foot-item:hover{background:var(--panel2);color:var(--ink)}
:where(html[data-app="portal"]) .foot-item.active{background:var(--panel2);border-color:var(--line);color:var(--ink)}
:where(html[data-app="portal"]) .foot-item .fi-ic{width:18px;display:grid;place-items:center;flex-shrink:0;color:var(--ink3);transition:color .15s}
:where(html[data-app="portal"]) .foot-item .fi-ic svg{width:16px;height:16px}
:where(html[data-app="portal"]) .foot-item:hover .fi-ic, :where(html[data-app="portal"]) .foot-item.active .fi-ic{color:var(--accent)}
:where(html[data-app="portal"]) .foot-item .fi-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .foot-item .fi-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:transparent;transition:.2s}
/* senkronizasyon durumu: yüklü → yeşil; boş → aksan nabız */
:where(html[data-app="portal"]) #footSync.dolu .fi-ic{color:var(--ok)}
:where(html[data-app="portal"]) #footSync.dolu .fi-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}
:where(html[data-app="portal"]) #footSync.bos{color:var(--accent)}
:where(html[data-app="portal"]) #footSync.bos .fi-ic{color:var(--accent)}
:where(html[data-app="portal"]) #footSync.bos .fi-dot{background:var(--accent);box-shadow:0 0 0 0 transparent;animation:fbNabiz 2.4s ease-in-out infinite}
/* çevrimiçi göstergesi — en altta, sade */
:where(html[data-app="portal"]) .foot-on{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px 1px;font-size:11px;color:var(--ink3)}
/* API modunda veri kaynağı olmayan uygulamalar — pasif: gri + tıklanamaz */
:where(html[data-app="portal"]) .nav-item.veri-pasif,
:where(html[data-app="portal"]) .lcard.veri-pasif{opacity:.4;filter:grayscale(1);pointer-events:none;cursor:not-allowed}
/* veri kaynağı modu — SAĞDA, tıklanır; nokta SOLDA (local=mavi · API=yeşil) */
:where(html[data-app="portal"]) .foot-veri{display:flex;align-items:center;gap:6px;cursor:pointer;border-radius:6px;padding:2px 6px;margin:-2px -6px;transition:background .15s}
:where(html[data-app="portal"]) .foot-veri:hover{background:var(--panel2)}
:where(html[data-app="portal"]) .foot-veri .vm-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:.2s}
:where(html[data-app="portal"]) .foot-veri.vm-local .vm-dot{background:#3498db;box-shadow:0 0 0 3px color-mix(in srgb,#3498db 22%,transparent)}
:where(html[data-app="portal"]) .foot-veri.vm-api .vm-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}
/* günlük yedekleme durumu — artık SOLDA, yeşil check metnin BAŞINDA */
:where(html[data-app="portal"]) .foot-bk{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--ink3);white-space:nowrap}
:where(html[data-app="portal"]) .foot-bk .bk-ok{color:var(--ok);font-weight:700;font-size:12px;line-height:1}
:where(html[data-app="portal"]) .main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}
:where(html[data-app="portal"]) .topbar{height:60px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:14px;padding:0 20px}
:where(html[data-app="portal"]) .topbar .toggle{background:var(--panel2);border:1px solid var(--line);color:var(--ink);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:16px;display:grid;place-items:center;flex-shrink:0;transition:all .15s}
:where(html[data-app="portal"]) .topbar .toggle:hover{border-color:var(--accent)}
/* üst bardaki menü butonu yalnızca mobilde (kenar çubuğu dışarı çıktığında) görünür */
:where(html[data-app="portal"]) .toggle.mobil-ac{display:none}
:where(html[data-app="portal"]) .crumb{font-size:14px;font-weight:600;flex:0 0 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:9px}
:where(html[data-app="portal"]) .crumb .sep{color:var(--ink3);font-weight:400}
:where(html[data-app="portal"]) .crumb .pill{font-family:inherit;font-size:11px;color:var(--ink3);border:1px solid var(--line);padding:2px 9px;border-radius:20px;font-weight:400}
/* ----- başlık başındaki ürün ikonu (header) — kendi renginde ----- */
:where(html[data-app="portal"]) .crumb-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
:where(html[data-app="portal"]) .crumb-ico svg{width:20px;height:20px}
/* ana sayfa feels ikonu — marka gradyanlı küçük ✦ kutusu */
:where(html[data-app="portal"]) .crumb-ico.feels-ico{width:22px;height:22px;border-radius:7px;font-size:12px;color:#fff;background:linear-gradient(160deg,#c0392b,var(--brand));box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 35%,transparent)}
:where(html[data-app="portal"]) .wordmark[data-app="feels"] b{color:var(--accent)}
:where(html[data-app="portal"]) .wordmark.wm-home b{color:var(--ink)}
/* ----- ürün wordmark'ı (üst bar) — sidebar feels gibi SONDA büyük nokta; renk korunur ----- */
:where(html[data-app="portal"]) .wordmark{font-size:17px;font-weight:700;letter-spacing:-.5px;color:var(--ink);line-height:1}
:where(html[data-app="portal"]) .wordmark b{font-weight:700;font-style:normal;color:var(--ink3);font-size:2em;line-height:0;margin-left:.18em}
/* aktif uygulamanın topbar wordmark noktası app PRIMARY rengi (--app-c crumb'a JS'te yazılır) */
:where(html[data-app="portal"]) .crumb .wordmark:not(.wm-home) b{color:var(--app-c, var(--ink3))}
/* header ürün ikonları ana sayfa gibi nötr/beyaz (ink) — yalnızca SONDAKİ nokta renkli */
:where(html[data-app="portal"]) .crumb-ico{color:var(--ink)}
:where(html[data-app="portal"]) .wordmark[data-app="refeel"]  b{color:#c0392b}
:where(html[data-app="portal"]) .wordmark[data-app="perform"] b{color:#f39c12}
:where(html[data-app="portal"]) .wordmark[data-app="sense"]   b{color:#3498db}
:where(html[data-app="portal"]) .wordmark[data-app="sentry"]  b{color:#1abc9c}
:where(html[data-app="portal"]) .wordmark[data-app="fellas"]  b{color:#8e6cc8}
:where(html[data-app="portal"]) .wordmark[data-app="ahtapos"] b{color:#205295}
:where(html[data-app="portal"]) .wordmark[data-app="flow"]    b{color:#2e9e63}
:where(html[data-app="portal"]) .wordmark[data-app="agora"]   b{color:#5b6ef0}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="refeel"]  b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="refeel"]  b{color:#a93226}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="perform"] b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="perform"] b{color:#f39c12}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="sense"]   b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="sense"]   b{color:#2980b9}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="sentry"]  b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="sentry"]  b{color:#16a085}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="fellas"]  b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="fellas"]  b{color:#7c52b8}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="ahtapos"] b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="ahtapos"] b{color:#001f3f}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="flow"]    b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="flow"]    b{color:#105a37}
[data-theme="light"]:where(html[data-app="portal"]) .wordmark[data-app="agora"]   b, :where(html[data-app="portal"]) [data-theme="light"] .wordmark[data-app="agora"]   b{color:#4453d6}
/* gömülü uygulamanın üst bar etiketleri (alt başlık · dönem · NOTION) */
:where(html[data-app="portal"]) .appmeta{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden}
:where(html[data-app="portal"]) .appmeta .mp{font-family:inherit;font-size:11px;color:var(--ink3);border:1px solid var(--line);padding:2px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0}
:where(html[data-app="portal"]) .appmeta .mp.notion{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
/* standart header: uygulama açıklaması (örn. "Personel performans analizi") */
:where(html[data-app="portal"]) .appmeta .am-desc{font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
:where(html[data-app="portal"]) .appmeta .am-desc::before{content:'·';color:var(--ink3);margin-right:8px}
/* faz/sürüm rozeti (mvp · HELIUM) — aksan tonlu mono pill, metin olduğu gibi */
:where(html[data-app="portal"]) .appmeta .mp.faz{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent);letter-spacing:.3px;font-size:10px;font-weight:700}
/* (HEADER DUYURU BANDI [.header-announce] 2026-07-03 TÜMÜYLE KALDIRILDI —
   duyurular bildirim çekmecesi dibindeki NOTICE alt-çekmecesinde [.notif-notice]
   yayınlanır; kurallar notif-pop bloğunun sonunda.) */
/* DUYURU MODALI + VİDEO OYNATICI (tanıtımı izle): tasarım+fonksiyon artık
   tools/duyuru.js içinde (CSS oradan bir kez enjekte edilir, tüm servislerde
   çalışır). .ha-modal* / .ha-video-wrap / .ha-vid-* kuralları o dosyada.
   Tam ekran butonu da orada (kontrol çubuğunda en sağda). */
:where(html[data-app="portal"]) .topbar .actions{display:flex;gap:8px;flex-shrink:0;align-items:center;margin-left:auto}
/* header sağ köşe yuvarlak profil avatarı */
:where(html[data-app="portal"]) .profil-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;cursor:pointer;overflow:hidden;padding:0;background:var(--panel2);border:1px solid var(--line);color:var(--ink2);display:grid;place-items:center;transition:border-color .15s}
:where(html[data-app="portal"]) .profil-av:hover{border-color:var(--accent)}
:where(html[data-app="portal"]) .profil-av img{width:100%;height:100%;object-fit:cover;display:block}
:where(html[data-app="portal"]) .profil-av svg{width:18px;height:18px}
:where(html[data-app="portal"]) .profil-av .pa-harf{font-size:14px;font-weight:700;color:var(--ink);line-height:1}
/* tema butonu (topbar, bildirimlerin yanında) — daire içinde güneş/ay */
:where(html[data-app="portal"]) .tema-btn{color:var(--ink2)}
:where(html[data-app="portal"]) .tema-btn svg{width:17px;height:17px}
:where(html[data-app="portal"]) .tema-btn:hover{color:var(--accent)}
/* WhatsApp butonu (light/dark'ın SOLUNDA): GRİ başlar; hover'da ikon + çember WhatsApp yeşili,
   hover-off'ta GRİYE döner (kalıcı yeşil YOK). Hover'da toast stilinde #waBox açılır. */
:where(html[data-app="portal"]) .wa-btn{color:var(--ink3);transition:color .2s ease,border-color .15s,background .15s}
:where(html[data-app="portal"]) .wa-btn svg{width:17px;height:17px}
:where(html[data-app="portal"]) .wa-btn:hover{color:#40c351;border-color:#40c351}
/* buton + bar TEK sarmalayıcı: bar butonun soluna açılsa da DOM'da buton kardeşi → sarmalayıcı
   hover'ı bar üzerindeyken de sürer (flicker yok). Statik konum: box çapası .actions'ta kalır. */
:where(html[data-app="portal"]) .wa-wrap{display:inline-flex;align-items:center}
/* WhatsApp hover kutusu: toast (.notif-toast) ile BİREBİR stil miras alınır. BUTONDAN büyüyerek
   oluşur — sağ kenarı butona sabit (JS box.style.right), genişlik buton(34px)→tam (JS), sola doğru
   açılır (morph). İkon EN BAŞTA (sol), text ortada, EN SONDA Hızlı İletişim butonu. */
:where(html[data-app="portal"]) .notif-toast.wa-box{max-width:none;cursor:default;pointer-events:none;
  overflow:hidden;white-space:nowrap;transform:translateY(-50%);
  transition:width .24s cubic-bezier(.4,0,.2,1), opacity .16s ease}
:where(html[data-app="portal"]) .notif-toast.wa-box.gor{pointer-events:auto}   /* açıkken: hover sürsün + buton tıklanabilsin */
/* doğal dağılım: ikon EN SOLDA, metin (flex:1) ortayı doldurur, butonlar EN SAĞDA (buton yanı) */
:where(html[data-app="portal"]) .notif-toast.wa-box .nt-tx{text-align:left}
/* EN SONDA "Hızlı İletişim" butonu — WhatsApp yeşili pill; tıklama → WhatsApp yönlendirme */
:where(html[data-app="portal"]) .wa-hizli{flex:none;border:0;cursor:pointer;background:#40c351;color:#fff;
  font:inherit;font-size:11.5px;font-weight:700;letter-spacing:-.1px;white-space:nowrap;
  padding:6px 12px;border-radius:8px;transition:background .15s}
:where(html[data-app="portal"]) .wa-hizli:hover{background:#36a745}
/* kategori butonları (Hızlı İletişim'in solunda): ikincil chip — Hızlı İletişim'den daha sönük;
   hover'da WhatsApp yeşiline döner. Tıklama → WhatsApp kategori ön-metniyle. */
:where(html[data-app="portal"]) .wa-cip{flex:none;border:1px solid var(--line);cursor:pointer;background:var(--panel);
  color:var(--ink2);font:inherit;font-size:11.5px;font-weight:600;white-space:nowrap;
  padding:5px 10px;border-radius:8px;transition:border-color .15s,color .15s,background .15s}
:where(html[data-app="portal"]) .wa-cip:hover{border-color:#40c351;color:#40c351;background:color-mix(in srgb,#40c351 8%,var(--panel))}
/* box AÇIKKEN toast gizli: ikisi de header solunda üst üste biner; boyut farkından toast'ın
   altı görünmesin diye box açıkken bildirim toast'ı bastırılır (durumu bozulmaz, kapanınca döner) */
:where(html[data-app="portal"]) body.wa-kutu-acik #notifToast{opacity:0 !important;pointer-events:none !important}
/* profil menüsü (avatar dropdown) */
:where(html[data-app="portal"]) .profil-wrap{position:relative;display:inline-flex}
:where(html[data-app="portal"]) .profil-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:172px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:60;display:none;flex-direction:column;gap:2px}
:where(html[data-app="portal"]) .profil-menu.acik{display:flex}
:where(html[data-app="portal"]) .pm-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;font-size:13px;font-weight:600;color:var(--ink2);background:none;border:0;border-radius:8px;padding:9px 11px;cursor:pointer;transition:background .12s,color .12s}
:where(html[data-app="portal"]) .pm-item:hover{background:var(--panel2);color:var(--ink)}
:where(html[data-app="portal"]) .pm-item .pm-ic{width:16px;height:16px;display:grid;place-items:center;flex-shrink:0;color:var(--ink3);transition:color .12s}
:where(html[data-app="portal"]) .pm-item .pm-ic svg{width:16px;height:16px}
:where(html[data-app="portal"]) .pm-item:hover .pm-ic{color:var(--accent)}
:where(html[data-app="portal"]) .pm-cikis:hover{color:#e74c3c}
:where(html[data-app="portal"]) .pm-cikis:hover .pm-ic{color:#e74c3c}
/* ayarlar > profil fotoğrafı satırı */
:where(html[data-app="portal"]) .profil-foto-satir{display:flex;align-items:center;gap:14px;margin:4px 0 6px}
:where(html[data-app="portal"]) .profil-foto-onizleme{width:58px;height:58px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--panel2);border:1px solid var(--line);color:var(--ink3);display:grid;place-items:center}
:where(html[data-app="portal"]) .profil-foto-onizleme img{width:100%;height:100%;object-fit:cover;display:block}
:where(html[data-app="portal"]) .profil-foto-onizleme svg{width:24px;height:24px}
:where(html[data-app="portal"]) .profil-foto-onizleme .pa-harf{font-size:23px;font-weight:700;color:var(--ink);line-height:1}
:where(html[data-app="portal"]) .pf-akt{display:flex;gap:8px;flex-wrap:wrap}
:where(html[data-app="portal"]) .btn{background:var(--panel2);border:1px solid var(--line);color:var(--ink);padding:9px 15px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:all .15s}
:where(html[data-app="portal"]) .btn:hover{border-color:var(--accent);color:var(--ink)}
:where(html[data-app="portal"]) .btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}
:where(html[data-app="portal"]) .btn.primary:hover{filter:brightness(1.08)}
:where(html[data-app="portal"]) .btn[hidden]{display:none}
/* üst bar dosya kutusu — analiz dosyası sayfasını açar, durumu gösterir */
:where(html[data-app="portal"]) .appactions{display:inline-flex;align-items:center;gap:8px}
@media (max-width:1080px){
  /* dar ekranda üst bar kalabalıklaşmasın: meta etiketleri ve buton metinleri kısalır */
  :where(html[data-app="portal"]) .appmeta{display:none}
}
@media (max-width:920px){
  :where(html[data-app="portal"]) .appactions .lbl{display:none}
}
:where(html[data-app="portal"]) .content{flex:1;min-width:0;position:relative;background:var(--bg);min-height:0}
:where(html[data-app="portal"]) iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg)}
/* dosya gerektiren uygulamalar (Refeel/Perform) dosya yokken soluk + kilit */
:where(html[data-app="portal"]) body:not(.dosya-var) .card.kilitli{opacity:.6}
:where(html[data-app="portal"]) body:not(.dosya-var) .card.kilitli:hover{opacity:.85}
/* SERT KAPI: dosya yokken kenar çubuğu gezinme + arama kilitli görünür */
:where(html[data-app="portal"]) body:not(.dosya-var) .nav .nav-item{opacity:.4}
:where(html[data-app="portal"]) body:not(.dosya-var) .nav .nav-item:hover{background:none;cursor:not-allowed}
/* analiz dosyası ayrı sayfası — içeriği ortalar */
:where(html[data-app="portal"]) .dosyapage{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 28px}
/* margin:auto → kısa içerik dikey ortalanır; uzun içerikte üst kırpılmadan yukarıdan akar */
:where(html[data-app="portal"]) .dp-in{max-width:640px;width:100%;margin:auto 0}
:where(html[data-app="portal"]) .dp-geri{display:inline-flex;align-items:center;gap:7px;cursor:pointer;background:none;border:none;color:var(--ink2);font-family:inherit;font-size:13px;font-weight:600;padding:0;margin-bottom:18px;transition:color .15s}
:where(html[data-app="portal"]) .dp-geri:hover{color:var(--accent)}
/* ---- ayarlar: sol "hızlı ayarlar" navigasyonu + sağ içerik ---- */
:where(html[data-app="portal"]) .ayar-wrap{display:flex;gap:34px;align-items:flex-start;max-width:940px;width:100%;margin:auto 0}
:where(html[data-app="portal"]) .ayar-nav{position:sticky;top:0;flex:0 0 200px;display:flex;flex-direction:column;gap:3px}
:where(html[data-app="portal"]) .ayar-nav .an-bas{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink3);padding:4px 11px 8px}
:where(html[data-app="portal"]) .an-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;font-size:13px;font-weight:600;color:var(--ink2);background:none;border:1px solid transparent;border-radius:10px;padding:9px 11px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
:where(html[data-app="portal"]) .an-item:hover{background:var(--panel2);color:var(--ink)}
:where(html[data-app="portal"]) .an-item.active{background:var(--panel2);border-color:var(--line);color:var(--ink)}
:where(html[data-app="portal"]) .an-item .an-ic{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0;color:var(--ink3);transition:color .15s}
:where(html[data-app="portal"]) .an-item .an-ic svg{width:16px;height:16px}
:where(html[data-app="portal"]) .an-item:hover .an-ic, :where(html[data-app="portal"]) .an-item.active .an-ic{color:var(--accent)}
:where(html[data-app="portal"]) .ayar-icerik{flex:1 1 auto;min-width:0}
@media(max-width:720px){
  :where(html[data-app="portal"]) .ayar-wrap{flex-direction:column;gap:14px}
  :where(html[data-app="portal"]) .ayar-nav{position:static;flex:none;width:100%;flex-direction:row;flex-wrap:wrap;gap:6px}
  :where(html[data-app="portal"]) .ayar-nav .an-bas{display:none}
  :where(html[data-app="portal"]) .an-item{width:auto}
}
/* büyük yükleme hero'su */
:where(html[data-app="portal"]) .upload-hero{text-align:center;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),
    var(--panel);padding:44px 32px 40px;box-shadow:var(--shadow)}
:where(html[data-app="portal"]) .upload-hero .kic{font-family:inherit;font-size:11px;letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin-bottom:12px}
:where(html[data-app="portal"]) .upload-hero h2{font-size:28px;font-weight:600;letter-spacing:-.8px;line-height:1.12}
:where(html[data-app="portal"]) .upload-hero h2 b{color:var(--accent);font-weight:600}
:where(html[data-app="portal"]) .upload-hero p{font-size:14.5px;color:var(--ink2);margin:10px auto 26px;max-width:520px;line-height:1.55}
:where(html[data-app="portal"]) .upload-hero p code{font-family:inherit;font-size:.88em;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:5px;padding:1px 6px}
/* dosya sayfası — yüklü durum bileşenleri */
:where(html[data-app="portal"]) .dp-ok{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
:where(html[data-app="portal"]) .dp-ok svg{width:28px;height:28px}
:where(html[data-app="portal"]) .dp-file{display:flex;align-items:center;gap:13px;text-align:left;max-width:420px;margin:0 auto 22px;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:14px 16px}
:where(html[data-app="portal"]) .dp-file .dpf-ic{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--accent)}
:where(html[data-app="portal"]) .dp-file .dpf-ic svg{width:20px;height:20px}
:where(html[data-app="portal"]) .dp-file .dpf-txt{display:flex;flex-direction:column;min-width:0}
:where(html[data-app="portal"]) .dp-file .dpf-ad{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .dp-file .dpf-boyut{font-family:inherit;font-size:11px;color:var(--ink3);margin-top:2px}
:where(html[data-app="portal"]) .dp-act{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
:where(html[data-app="portal"]) .dp-basari{animation:dpBasari .3s ease}
:where(html[data-app="portal"]) .dp-basari .dp-ok{animation:dpPop .4s cubic-bezier(.3,1.4,.5,1)}
/* ERP senkron: ikon (dönen), durum satırı, elle yükle linki */
:where(html[data-app="portal"]) .dp-ok.dp-sync{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);animation:erpDon 1.6s linear infinite}
:where(html[data-app="portal"]) .dp-ok.dp-folder{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
:where(html[data-app="portal"]) .erp-status{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:var(--ink2);line-height:1.5;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 16px;margin:0 auto 20px;max-width:440px}
:where(html[data-app="portal"]) .erp-status b{color:var(--accent)}
:where(html[data-app="portal"]) .erp-spin{width:14px;height:14px;flex-shrink:0;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:erpDon .7s linear infinite}
:where(html[data-app="portal"]) .dp-alt{margin-top:16px}
:where(html[data-app="portal"]) .dp-link{background:none;border:none;color:var(--ink3);cursor:pointer;font-family:inherit;font-size:12.5px;text-decoration:underline;text-underline-offset:3px;padding:0}
:where(html[data-app="portal"]) .dp-link:hover{color:var(--accent)}
:where(html[data-app="portal"]) .ayar-head{margin-bottom:22px}
:where(html[data-app="portal"]) .ayar-head .kic{font-family:inherit;font-size:11px;letter-spacing:1.5px;color:var(--ink3);text-transform:uppercase;margin-bottom:9px}
:where(html[data-app="portal"]) .ayar-head h2{font-size:26px;font-weight:600;letter-spacing:-.6px;line-height:1.15}
:where(html[data-app="portal"]) .ayar-head h2 b{color:var(--accent);font-weight:600}
:where(html[data-app="portal"]) .ayar-head p{font-size:13.5px;color:var(--ink2);margin-top:7px;line-height:1.5}
:where(html[data-app="portal"]) .ayar-kart{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px;text-align:left}
:where(html[data-app="portal"]) .ak-bas{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}
:where(html[data-app="portal"]) .ak-bas .ak-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent)}
:where(html[data-app="portal"]) .ak-bas .ak-ic svg{width:20px;height:20px}
:where(html[data-app="portal"]) .ak-bas .ak-bt h3{font-size:15.5px;font-weight:700;letter-spacing:-.2px}
:where(html[data-app="portal"]) .ak-bas .ak-bt p{font-size:12.5px;color:var(--ink2);margin-top:2px;line-height:1.45}
:where(html[data-app="portal"]) .ak-aksiyon{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:20px}
:where(html[data-app="portal"]) .ak-durum{font-size:12.5px;font-weight:600;color:var(--ink3);margin-right:auto}
:where(html[data-app="portal"]) .ak-durum.ok{color:var(--ok)}
:where(html[data-app="portal"]) .ak-durum.hata{color:#e74c3c}
/* ---- ayarlar panelleri: her başlık ayrı sayfa (yalnızca aktif görünür) ---- */
:where(html[data-app="portal"]) .ayar-panel{display:none}
:where(html[data-app="portal"]) .ayar-panel.active{display:block}
/* AYARLAR ÇEKMECESİ — ayarlar ARTIK bildirim çekmecesi (.notif-pop) kabuğunda: gövde dikey
   kaydırmalı blok, ayar kartları çekmece genişliğine uygun daha derli toplu padding'le. */
:where(html[data-app="portal"]) .ayar-pop .notif-body{display:block;overflow-y:auto;padding:14px}
:where(html[data-app="portal"]) .ayar-pop .ayar-icerik{max-width:none;width:auto}
:where(html[data-app="portal"]) .ayar-pop .ayar-kart{padding:16px;border-radius:14px;margin-bottom:12px}
:where(html[data-app="portal"]) .ayar-pop .ayar-kart:last-child{margin-bottom:0}
/* pre-alpha modu: Entegrasyon bölümü (nav + panel) tamamen gizli */
/* pre-alpha: Entegrasyon bölümü AÇIK (yalnız tedarikçi entegrasyonları görünür; prototip
   tedarikçiler tedListeCiz ile elenir). Claude API kartı pre-alpha'da gizlenir. */
:where(html[data-app="portal"]) body.prealpha-modu #claudeKart{display:none !important}
/* ---- Claude: tek satır on/off switch; açılınca API alanları görünür ---- */
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-switch{display:flex;align-items:center;gap:13px;width:100%;text-align:left;font:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-switch .ak-sw-bt{flex:1;min-width:0}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-switch .ak-sw-ad{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-switch .ak-sw-d{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-sw{width:40px;height:22px;border-radius:20px;background:var(--line);position:relative;flex:0 0 auto;transition:.15s}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink3);transition:.15s}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-switch.on .ak-sw{background:var(--accent)}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ak-switch.on .ak-sw::after{left:20px;background:#fff}
/* Yönetici Ayarları > Hızlı Ayarlar: switch listesi + aksiyon butonları */
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) #yoneticiHizli{display:flex;flex-direction:column;gap:18px}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .yq-akt{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .yq-btn{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .yq-btn:hover{border-color:var(--accent);background:var(--panel)}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .yq-btn.yq-tehlike{color:#e74c3c;border-color:color-mix(in srgb,#e74c3c 32%,var(--line))}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .yq-btn.yq-tehlike:hover{background:color-mix(in srgb,#e74c3c 10%,transparent);border-color:#e74c3c}
:where(html[data-app="portal"]) .yq-durum{font-size:12.5px;font-weight:600;color:var(--ink3);min-height:16px}
:where(html[data-app="portal"]) .yq-durum.ok{color:var(--ok)}
/* sidebar (Ayarlar altı) tema switch'i — daha küçük, foot-item satırı içinde */
:where(html[data-app="portal"]) .foot-tema .ak-sw{width:34px;height:19px}
:where(html[data-app="portal"]) .foot-tema .ak-sw::after{width:15px;height:15px}
:where(html[data-app="portal"]) .foot-tema.on .ak-sw{background:var(--accent)}
:where(html[data-app="portal"]) .foot-tema.on .ak-sw::after{left:17px;background:#fff}
:where(html[data-app="portal"]) .foot-tema:hover .ak-sw{background:color-mix(in srgb,var(--ink3) 50%,var(--line))}
:where(html[data-app="portal"]) .foot-tema.on:hover .ak-sw{background:var(--accent)}
:where(html[data-app="portal"]) body.collapsed .foot-tema .ak-sw{display:none}
:where(html[data-app="portal"]) .ak-claude-detay{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
:where(html[data-app="portal"]) .ak-claude-detay.hidden{display:none}
/* ---- tedarikçi tercihleri: daima açık liste + arama + işaretleme ---- */
/* özet rozeti: kart başlığının sağında ("2 / 3 tedarikçi aktif") */
:where(html[data-app="portal"]) .ted-ozet{flex-shrink:0;margin-left:auto;align-self:center;font-size:11.5px;font-weight:600;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:4px 11px;white-space:nowrap}
:where(html[data-app="portal"]) .ted-panel{margin-top:12px}
:where(html[data-app="portal"]) .ted-ara-wrap{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 11px;margin-bottom:10px}
:where(html[data-app="portal"]) .ted-ara-wrap:focus-within{border-color:var(--accent)}
:where(html[data-app="portal"]) .ted-ara-wrap svg{flex-shrink:0;color:var(--ink3)}
:where(html[data-app="portal"]) .ted-ara-wrap input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:13px}
:where(html[data-app="portal"]) .ted-ara-wrap input::placeholder{color:var(--ink3)}
:where(html[data-app="portal"]) .ted-liste{max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}
:where(html[data-app="portal"]) .ted-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font:inherit;cursor:pointer;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 13px;transition:background .12s}
:where(html[data-app="portal"]) .ted-row:last-child{border-bottom:0}
:where(html[data-app="portal"]) .ted-row:hover{background:var(--panel2)}
:where(html[data-app="portal"]) .ted-row .tr-ad{flex:1;min-width:0;font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .ted-row .tr-box{width:20px;height:20px;border-radius:6px;flex-shrink:0;border:1.5px solid var(--line);background:var(--panel);display:grid;place-items:center;color:transparent;transition:.12s}
:where(html[data-app="portal"]) .ted-row .tr-box svg{width:13px;height:13px}
:where(html[data-app="portal"]) .ted-row.on .tr-box{background:var(--accent);border-color:var(--accent);color:#fff}
:where(html[data-app="portal"]) .ted-row.on .tr-ad{color:var(--ink);font-weight:600}
/* pasif tedarikçi: entegrasyon hazır değil — seçilemez, sağda "yakında" rozeti */
:where(html[data-app="portal"]) .ted-row.pasif{cursor:default;opacity:.55}
:where(html[data-app="portal"]) .ted-row.pasif:hover{background:none}
:where(html[data-app="portal"]) .ted-row .tr-yakinda{flex-shrink:0;margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink2);border:1px solid var(--line);background:var(--panel2);border-radius:20px;padding:2px 8px}
/* PROTOTİP etiketi (sağa dayalı pill): üretim dışı tedarikçi. tr-ad flex:1 pill'leri sağa iter;
   giriş pill'i ile birlikte sağda yan yana durur. Yayında bu satır zaten gizlenir. */
:where(html[data-app="portal"]) .ted-row .tr-prototip{flex-shrink:0;margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--yolda);border:1px solid color-mix(in srgb,var(--yolda) 45%,transparent);background:color-mix(in srgb,var(--yolda) 13%,transparent);border-radius:20px;padding:2px 8px}
:where(html[data-app="portal"]) .ted-row .tr-prototip~.tr-giris{margin-left:0}
:where(html[data-app="portal"]) .ted-row .tr-beta{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--yolda);border:1px solid color-mix(in srgb,var(--yolda) 45%,transparent);background:color-mix(in srgb,var(--yolda) 13%,transparent);border-radius:20px;padding:2px 8px;cursor:help}
:where(html[data-app="portal"]) .ted-row .tr-beta svg{width:11px;height:11px;flex-shrink:0}
:where(html[data-app="portal"]) .ted-bos{padding:14px;text-align:center;font-size:12.5px;color:var(--ink3)}
/* ---- aktif tedarikçi satırında sağa dayalı "giriş bilgileri" pill'i ---- */
:where(html[data-app="portal"]) .ted-row .tr-giris{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:5px;max-width:160px;font-size:11px;font-weight:600;color:var(--ink2);border:1px solid var(--line);background:var(--panel2);border-radius:20px;padding:3px 9px;cursor:pointer;transition:.12s}
:where(html[data-app="portal"]) .ted-row .tr-giris:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="portal"]) .ted-row .tr-giris svg{width:12px;height:12px;flex-shrink:0}
:where(html[data-app="portal"]) .ted-row .tr-giris span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="portal"]) .ted-row .tr-giris.kayitli{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
/* ---- giriş bilgileri düzenleyici (liste altında genişleyen tek panel) ---- */
:where(html[data-app="portal"]) .ted-giris{margin-top:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:13px 14px}
:where(html[data-app="portal"]) .ted-giris.hidden{display:none}
:where(html[data-app="portal"]) .ted-giris .tg-bas{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px}
:where(html[data-app="portal"]) .ted-giris .tg-ad{color:var(--accent);margin-right:5px}
:where(html[data-app="portal"]) .ted-giris .tg-kapat{margin-left:auto;border:0;background:none;color:var(--ink3);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
:where(html[data-app="portal"]) .ted-giris .tg-kapat:hover{color:var(--ink)}
:where(html[data-app="portal"]) .ted-giris.kapali .tg-govde input,:where(html[data-app="portal"]) .ted-giris.kapali .tg-govde button.btn{opacity:.5;pointer-events:none}
/* ---- Güncellemeler: solda tarih navigasyonu + sağda liste (geniş sayfa) ---- */
:where(html[data-app="portal"]) .dp-in.genis{max-width:940px}
:where(html[data-app="portal"]) .guncel-nav{flex:0 0 200px}
:where(html[data-app="portal"]) .guncel-icerik{flex:1 1 auto;min-width:0}
:where(html[data-app="portal"]) .guncel-icerik .guncel-item{margin-bottom:8px}
/* tarih başlığı: o tarihin güncellemelerini gruplar (kart içinde tarih yok) */
:where(html[data-app="portal"]) .guncel-grup{margin-bottom:20px;scroll-margin-top:8px}
:where(html[data-app="portal"]) .guncel-grup-bas{font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.4px;color:var(--ink2);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
/* ana sayfa güncelleme kartı: tarih SAĞ ÜST köşede */
:where(html[data-app="portal"]) .guncel-home{position:relative;padding-right:64px}
:where(html[data-app="portal"]) .guncel-home .g-tarih-alt{position:absolute;top:11px;right:14px;font-family:inherit;font-size:10px;color:var(--ink3);letter-spacing:.3px}
/* ---- Feels Lab: deneysel özellik grupları + aç/kapa switch'leri ---- */
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-grup{margin-bottom:22px}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-grup-bas{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:11px}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-grup-ico{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-grup-ico svg{width:20px;height:20px}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-switch{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:8px;cursor:pointer;transition:border-color .15s}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-switch:hover{border-color:var(--accent)}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-switch .ak-sw-ad{font-size:14px}
/* kilitli özellik/ürün (pre-alpha kural seti) — kapalı + değiştirilemez */
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-switch.lab-kilit{opacity:.55;cursor:not-allowed}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-switch.lab-kilit:hover{border-color:var(--line)}
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .lab-kilit-rozet{font-family:inherit;font-size:8.5px;font-weight:700;letter-spacing:.4px;color:var(--ink3);border:1px solid var(--line);border-radius:5px;padding:1px 5px;margin-left:7px;vertical-align:middle}
/* pre-alpha kural seti notu */
/* konsol bar sürüm rozeti */
:where(html[data-app="portal"]) .pk-surum{font-family:inherit;font-size:9.5px;font-weight:700;color:#3498db;background:color-mix(in srgb,#3498db 14%,transparent);border:1px solid color-mix(in srgb,#3498db 32%,var(--line));border-radius:20px;padding:2px 8px}
/* Tarihe Not — yatay scroll'lu timeline (feels'in ilkleri); kartlar çizginin alt/üstünde sırayla */
:where(html[data-app="portal"]) .tn-motto{font-size:13.5px;font-style:italic;color:var(--ink2);line-height:1.5;margin:-4px 0 16px}
:where(html[data-app="portal"]) .tn-timeline{overflow-x:auto;overflow-y:hidden;margin-bottom:24px;padding-bottom:4px}
:where(html[data-app="portal"]) .tn-track{display:flex;gap:16px;min-width:min-content;position:relative;height:252px}
:where(html[data-app="portal"]) .tn-track::before{content:'';position:absolute;top:50%;left:10px;right:10px;height:2px;transform:translateY(-1px);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 25%,var(--line)));border-radius:2px}
:where(html[data-app="portal"]) .tn-item{flex:0 0 300px;position:relative}
:where(html[data-app="portal"]) .tn-nokta{position:absolute;top:50%;left:22px;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);z-index:2;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
:where(html[data-app="portal"]) .tn-card{position:absolute;left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
/* sırayla: tek (1·3·5) ÜSTTE, çift (2·4·6) ALTTA */
:where(html[data-app="portal"]) .tn-item:nth-child(odd)  .tn-card{bottom:calc(50% + 20px)}
:where(html[data-app="portal"]) .tn-item:nth-child(even) .tn-card{top:calc(50% + 20px)}
/* karttan node'a dikey bağlantı çizgisi */
:where(html[data-app="portal"]) .tn-card::after{content:'';position:absolute;left:22px;margin-left:-1px;width:2px;height:20px;background:color-mix(in srgb,var(--accent) 45%,var(--line))}
:where(html[data-app="portal"]) .tn-item:nth-child(odd)  .tn-card::after{top:100%}
:where(html[data-app="portal"]) .tn-item:nth-child(even) .tn-card::after{bottom:100%}
/* ikon + başlık + (sağ köşede) tarih — tek satır */
:where(html[data-app="portal"]) .tn-card .tn-ust{display:flex;align-items:center;gap:9px;margin-bottom:8px}
:where(html[data-app="portal"]) .tn-ico{font-size:19px;line-height:1;flex-shrink:0}
:where(html[data-app="portal"]) .tn-baslik{font-size:15px;font-weight:700;letter-spacing:-.2px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .tn-tarih{margin-left:auto;flex-shrink:0;font-family:inherit;font-size:10.5px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:20px;padding:3px 9px}
/* alt açıklama: en fazla 2 satır, taşarsa kısalt (…) */
:where(html[data-app="portal"]) .tn-aciklama{font-size:12.5px;color:var(--ink2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Yeni Özellikler — haftalık güncelleme raporu: tarih → bölüm → madde (başlık+detay+alt maddeler) */
:where(html[data-app="portal"]) .gb-yeni-liste{display:flex;flex-direction:column;gap:14px}
:where(html[data-app="portal"]) .gb-yeni-liste+.gb-yeni-liste{margin-top:14px}   /* Lab: kodlama karnesi ile güncellemeler arası standart boşluk */
:where(html[data-app="portal"]) .ly-tarih{display:flex;align-items:center;gap:12px;margin-top:4px}
:where(html[data-app="portal"]) .ly-tarih span{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:20px;padding:4px 12px;flex-shrink:0}
:where(html[data-app="portal"]) .ly-tarih::after{content:'';flex:1;height:1px;background:var(--line)}
:where(html[data-app="portal"]) .ly-bolum{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:3px 17px}
:where(html[data-app="portal"]) .ly-bolum-bas{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.3px;padding:13px 0 3px}
:where(html[data-app="portal"]) .ly-bolum-bas::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
/* bölüm noktası servisin primary logo rengine göre (wordmark noktasıyla aynı paletten) */
:where(html[data-app="portal"]) .ly-bolum[data-servis="refeel"]  .ly-bolum-bas::before{background:#c0392b}
:where(html[data-app="portal"]) .ly-bolum[data-servis="perform"] .ly-bolum-bas::before{background:#f39c12}
:where(html[data-app="portal"]) .ly-bolum[data-servis="sense"]   .ly-bolum-bas::before{background:#3498db}
:where(html[data-app="portal"]) .ly-bolum[data-servis="sentry"]  .ly-bolum-bas::before{background:#1abc9c}
:where(html[data-app="portal"]) .ly-bolum[data-servis="fellas"]  .ly-bolum-bas::before{background:#8e6cc8}
:where(html[data-app="portal"]) .ly-bolum[data-servis="ahtapos"] .ly-bolum-bas::before{background:#205295}
[data-theme="light"]:where(html[data-app="portal"]) .ly-bolum[data-servis="refeel"]  .ly-bolum-bas::before, :where(html[data-app="portal"]) [data-theme="light"] .ly-bolum[data-servis="refeel"]  .ly-bolum-bas::before{background:#a93226}
[data-theme="light"]:where(html[data-app="portal"]) .ly-bolum[data-servis="sense"]   .ly-bolum-bas::before, :where(html[data-app="portal"]) [data-theme="light"] .ly-bolum[data-servis="sense"]   .ly-bolum-bas::before{background:#2980b9}
[data-theme="light"]:where(html[data-app="portal"]) .ly-bolum[data-servis="sentry"]  .ly-bolum-bas::before, :where(html[data-app="portal"]) [data-theme="light"] .ly-bolum[data-servis="sentry"]  .ly-bolum-bas::before{background:#16a085}
[data-theme="light"]:where(html[data-app="portal"]) .ly-bolum[data-servis="fellas"]  .ly-bolum-bas::before, :where(html[data-app="portal"]) [data-theme="light"] .ly-bolum[data-servis="fellas"]  .ly-bolum-bas::before{background:#7c52b8}
[data-theme="light"]:where(html[data-app="portal"]) .ly-bolum[data-servis="ahtapos"] .ly-bolum-bas::before, :where(html[data-app="portal"]) [data-theme="light"] .ly-bolum[data-servis="ahtapos"] .ly-bolum-bas::before{background:#001f3f}
:where(html[data-app="portal"]) .ly-madde{padding:11px 0 13px;border-bottom:1px solid var(--line)}
:where(html[data-app="portal"]) .ly-madde:last-child{border-bottom:none}
:where(html[data-app="portal"]) .ly-madde-bas{font-size:13.5px;font-weight:700;line-height:1.4}
:where(html[data-app="portal"]) .ly-madde-detay{font-size:12.5px;color:var(--ink2);line-height:1.55;margin-top:3px}
:where(html[data-app="portal"]) .ly-alt{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
:where(html[data-app="portal"]) .ly-alt li{font-size:12.5px;color:var(--ink2);line-height:1.55;padding:8px 11px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}
:where(html[data-app="portal"]) .ly-alt li b{color:var(--ink)}
/* dolu durum: yüklenmiş dosya */
:where(html[data-app="portal"]) .home{position:absolute;inset:0;overflow-y:auto;padding:42px 40px 48px}
/* SOHBET-ÖNCELİKLİ ana sayfa: dar, ortalanmış Claude-vari kolon */
:where(html[data-app="portal"]) .home-in{max-width:720px;margin:0 auto;padding-top:4vh}
/* konsol açıkken ana sayfa içeriği konsolun arkasına gizlenmesin */
:where(html[data-app="portal"]) body.prealpha-acik .home{padding-bottom:50px}
/* daraltılmış: yalnız başlık barı */
:where(html[data-app="portal"]) body.prealpha-acik.prealpha-genis .home{padding-bottom:55vh}
/* ---- PRE-ALPHA TEST KONSOLU — header genişliğinde; en altta, başlık barı "Çevrimiçi" ile hizalı
   (köşeler yuvarlatılmaz). Daraltılmışken yalnız başlık; genişletince gövde (loglar) açılır ---- */
:where(html[data-app="portal"]) .prealpha-konsol{position:absolute;left:0;right:0;bottom:0;height:44px;z-index:8;display:flex;flex-direction:column;overflow:hidden;transition:height .22s ease;background:var(--bg2);border-top:1px solid var(--line);box-shadow:0 -12px 34px rgba(0,0,0,.32);font-family:inherit}
:where(html[data-app="portal"]) .prealpha-konsol.genis{height:52vh}
:where(html[data-app="portal"]) .prealpha-konsol[hidden]{display:none}
:where(html[data-app="portal"]) .pk-bar{display:flex;align-items:center;gap:10px;height:43px;padding:0 18px;flex-shrink:0;background:var(--bg)}
:where(html[data-app="portal"]) .prealpha-konsol.genis .pk-bar{border-bottom:1px solid var(--line)}
:where(html[data-app="portal"]) .pk-isik{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#3498db;box-shadow:0 0 0 3px color-mix(in srgb,#3498db 22%,transparent)}
:where(html[data-app="portal"]) .pk-baslik{font-size:11px;font-weight:700;letter-spacing:1.2px;color:#3498db}
:where(html[data-app="portal"]) .pk-tag{font-size:10px;color:var(--ink3)}
/* özet rozeti sonrası kalan boşluğu yutar → sağdaki kontroller (tur + genişlet) birlikte sağa yaslı */
:where(html[data-app="portal"]) #pkOzet{margin-right:auto}
/* eğitim turu butonu — konsol tasarımına uygun; yüksekliği yanındaki genişlet butonuyla aynı (22px) */
:where(html[data-app="portal"]) .pk-tur{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;flex-shrink:0;font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:.3px;line-height:1;color:var(--ink3);background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:.12s}
:where(html[data-app="portal"]) .pk-tur .pk-tur-ik{width:13px;height:13px;flex-shrink:0}
:where(html[data-app="portal"]) .pk-tur:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="portal"]) .pk-tur.aktif{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:where(html[data-app="portal"]) .pk-tur[hidden]{display:none}
/* köşedeki üçgen genişletme butonu — tıkla → konsol büyür + gizli kayıtlar açılır */
:where(html[data-app="portal"]) .pk-genislet{font-size:12px;line-height:1;color:var(--ink3);background:none;border:1px solid var(--line);border-radius:6px;width:26px;height:22px;cursor:pointer;transition:.12s;display:grid;place-items:center}
:where(html[data-app="portal"]) .pk-genislet:hover{border-color:var(--accent);color:var(--accent)}
:where(html[data-app="portal"]) .pk-govde{display:none;flex-direction:row;flex:1;overflow:hidden;font-size:12px;line-height:1.75;color:var(--ink2)}
:where(html[data-app="portal"]) .prealpha-konsol.genis .pk-govde{display:flex}
/* gövde: yan yana iki kutu — solda Test Görevleri, sağda Loglar (her biri kendi başlığı + kayan içeriği) */
:where(html[data-app="portal"]) .pk-box{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
:where(html[data-app="portal"]) .pk-box-test{border-right:1px solid var(--line)}
:where(html[data-app="portal"]) .pk-box-bas{flex-shrink:0;padding:9px 18px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);background:var(--bg2);border-bottom:1px solid var(--line)}
:where(html[data-app="portal"]) .pk-box-ic{flex:1;overflow-y:auto;padding:11px 18px}
@media(max-width:620px){
  :where(html[data-app="portal"]) .pk-govde{flex-direction:column}
  :where(html[data-app="portal"]) .pk-box{flex:1 1 50%}
  :where(html[data-app="portal"]) .pk-box-test{border-right:none;border-bottom:1px solid var(--line)}
}
/* log satırı: kaynak · tip · mesaj */
:where(html[data-app="portal"]) .pk-satir{display:flex;align-items:baseline;gap:9px;white-space:pre-wrap;word-break:break-word;padding:1px 0}
:where(html[data-app="portal"]) .pk-satir .pk-kaynak{flex-shrink:0;color:var(--accent);font-weight:700}
:where(html[data-app="portal"]) .pk-satir .pk-tt{flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.5px;border:1px solid currentColor;border-radius:4px;padding:0 5px;opacity:.85}
:where(html[data-app="portal"]) .pk-satir .pk-msg{min-width:0}
:where(html[data-app="portal"]) .pk-satir.pk-hata .pk-msg{color:#e74c3c}
:where(html[data-app="portal"]) .pk-satir.pk-bug .pk-msg{color:#b07ad6}
/* test görevleri: servise göre gruplu liste */
:where(html[data-app="portal"]) .pk-test-grup{margin-bottom:13px}
:where(html[data-app="portal"]) .pk-test-bas{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);margin-bottom:5px}
:where(html[data-app="portal"]) .pk-test-bas .pk-test-ik{width:14px;height:14px;display:grid;place-items:center;flex-shrink:0}
:where(html[data-app="portal"]) .pk-test-bas .pk-test-ik svg{width:14px;height:14px}
:where(html[data-app="portal"]) .pk-test-bas .pk-test-say{font-size:9px;font-weight:700;color:var(--ink3);letter-spacing:0}
:where(html[data-app="portal"]) .pk-test-satir{display:flex;align-items:baseline;gap:9px;padding:2px 0 2px 21px}
:where(html[data-app="portal"]) .pk-test-satir .pk-test-ad{flex:1;min-width:0;color:var(--ink2);word-break:break-word}
:where(html[data-app="portal"]) .pk-test-satir .pk-test-meta{flex-shrink:0;font-size:9.5px;color:var(--ink3);white-space:nowrap}
:where(html[data-app="portal"]) .pk-durum{flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.4px;border-radius:4px;padding:1px 6px;border:1px solid currentColor;opacity:.95;white-space:nowrap}
:where(html[data-app="portal"]) .pk-durum.d-test{color:#3498db}
:where(html[data-app="portal"]) .pk-durum.d-ok{color:#2ecc71}
:where(html[data-app="portal"]) .pk-durum.d-hata{color:#e74c3c}
:where(html[data-app="portal"]) .pk-durum.d-inceleme{color:#e74c3c}
:where(html[data-app="portal"]) .pk-durum.d-bilinmeyen{color:var(--ink3)}
:where(html[data-app="portal"]) .pk-test-altbas{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#e74c3c;margin:9px 0 5px 21px;padding-top:8px;border-top:1px solid var(--line)}
:where(html[data-app="portal"]) .pk-test-altbas .pk-test-say{font-size:9px;font-weight:700;color:var(--ink3);letter-spacing:0}
:where(html[data-app="portal"]) .pk-bos{color:var(--ink3);font-style:italic;padding:6px 0}
/* ---- TEST GRUBU ARAYÜZ ROZETİ (topbar; yalnız tgArayuz özelliği açıkken) ----
   pill görünümlü buton: grup renk noktası + grup adı (+ önizleme etiketi);
   menü rozetin altında açılır, öğeler aynı nokta+ad düzenini taşır. */
:where(html[data-app="portal"]) .tga-wrap{position:relative;flex-shrink:0}
:where(html[data-app="portal"]) .tga-wrap[hidden]{display:none}
:where(html[data-app="portal"]) .tga-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:20px;cursor:pointer;background:var(--panel2);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:11px;font-weight:700;transition:border-color .15s,background .15s}
:where(html[data-app="portal"]) .tga-btn:hover,:where(html[data-app="portal"]) .tga-btn[aria-expanded="true"]{border-color:var(--accent)}
:where(html[data-app="portal"]) .tga-nokta{width:8px;height:8px;border-radius:50%;flex:none;background:var(--tga-c,var(--ink3));box-shadow:0 0 0 3px color-mix(in srgb,var(--tga-c,var(--ink3)) 22%,transparent)}
:where(html[data-app="portal"]) .tga-oniz{font-size:9px;font-weight:700;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:20px;padding:1px 6px;line-height:1.4}
:where(html[data-app="portal"]) .tga-menu{position:fixed;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:80;display:flex;flex-direction:column;gap:2px}
:where(html[data-app="portal"]) .tga-menu[hidden]{display:none}
:where(html[data-app="portal"]) .tga-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;text-align:left}
:where(html[data-app="portal"]) .tga-item:hover{background:var(--rowhover)}
:where(html[data-app="portal"]) .tga-item.aktif{background:color-mix(in srgb,var(--accent) 12%,transparent)}
:where(html[data-app="portal"]) .tga-item .tga-ad{flex:1}
:where(html[data-app="portal"]) .tga-benim{font-size:9px;font-weight:700;color:var(--ink3);border:1px solid var(--line);border-radius:20px;padding:1px 6px;line-height:1.4}
/* ---- PRE-ALPHA: topbar ‹α butonu (notif-btn deseni) + bildirim çekmecesi kabuğunda drawer ---- */
:where(html[data-app="portal"]) .pk-btn .pk-btn-ik{font-size:15px;font-weight:800;color:#3498db;line-height:1}
:where(html[data-app="portal"]) .pk-btn[hidden]{display:none}
:where(html[data-app="portal"]) .pk-btn.acik{border-color:#3498db;background:var(--panel)}
/* drawer: .notif-pop kabuğunu aynen kullanır; gövdede Test Görevleri + Loglar kutuları DİKEY yığılır */
:where(html[data-app="portal"]) .pk-pop .pk-avatar{background:color-mix(in srgb,#3498db 16%,var(--panel2));color:#3498db;font-size:19px;font-weight:800}
/* alt başlık satırı bildirim çekmecesiyle AYNI yükseklikte (15px) → × tuşu birebir hizalanır */
:where(html[data-app="portal"]) .pk-pop .db-alt{display:flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;height:15px}
:where(html[data-app="portal"]) .pk-pop .db-alt .pk-surum{flex-shrink:0;font-size:8.5px;padding:1px 6px;line-height:1.25}
:where(html[data-app="portal"]) .pk-pop .pk-body{display:flex;flex:1;min-height:0;padding:0}
:where(html[data-app="portal"]) .pk-pop .pk-govde{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}
:where(html[data-app="portal"]) .pk-pop .pk-box{min-height:0}
/* ÜST: aktif sekme içeriği (Test Görevleri / Feels Lab) — biri görünür, diğeri hidden */
:where(html[data-app="portal"]) .pk-pop .pk-ust{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
:where(html[data-app="portal"]) .pk-pop .pk-ust > #pkTestIcerik{flex:1;min-height:0;overflow-y:auto}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic[hidden],:where(html[data-app="portal"]) .pk-pop #pkTestIcerik[hidden]{display:none}
/* Feels Lab sekmesi: deneysel panel başlığı (ct-label) çekmece içinde daha sıkı dursun */
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ct-label{margin-bottom:10px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .lab-grup{margin-bottom:14px}
/* Loglar: VARSAYILAN KAPALI (yalnız başlık bar'ı) → ‹ ile yukarı doğru açılır */
:where(html[data-app="portal"]) .pk-pop .pk-box-log{flex:0 0 auto;border-top:1px solid var(--line)}
:where(html[data-app="portal"]) .pk-pop .pk-box-log.acik{flex:0 0 25%}
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-box-ic{display:none}
:where(html[data-app="portal"]) .pk-pop .pk-box-log.acik .pk-box-ic{display:block}
/* Loglar başlığı: Test Görevleri başlığıyla AYNI boyut → font:inherit YOK (pk-box-bas
   font-size:10px/uppercase aynen geçerli); yalnız buton sıfırlamaları + chevron düzeni */
:where(html[data-app="portal"]) .pk-log-bas{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;cursor:pointer;font-family:inherit;text-align:left}
:where(html[data-app="portal"]) .pk-log-ok{display:inline-flex;color:var(--ink3);transition:transform .18s ease}
:where(html[data-app="portal"]) .pk-box-log.acik .pk-log-ok{transform:rotate(180deg)}
:where(html[data-app="portal"]) .pk-log-bas:hover .pk-log-ok{color:var(--accent)}
/* Loglar satırları: TERMINAL / kod tipi — etiket başta, monospace, küçük punto */
/* her log satırından sonra ayraç çizgi + etiket sabit genişlikte kolon (metin hep aynı noktada başlar) */
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-satir{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:10px;line-height:1.6;gap:9px;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-box-ic{padding-top:0;padding-bottom:0}
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-tt{flex:0 0 72px;box-sizing:border-box;text-align:center;font-size:8.5px;padding:1px 0;margin-top:1px}
/* servis adı artık mesajın PARÇASI (akıcı devtools satırı): mesajın içinde, soluk kaynak öneki */
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-msg{min-width:0;flex:1}
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-kaynak{color:var(--ink3);font-weight:600}
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-satir.pk-hata .pk-kaynak,
:where(html[data-app="portal"]) .pk-pop .pk-box-log .pk-satir.pk-bug .pk-kaynak{color:inherit;opacity:.55}
/* ana sayfa: araç/dashboard kapsayıcısı (sohbet asistanı kaldırıldı) */
:where(html[data-app="portal"]) .chat-tools:empty{display:none}
/* araçlar başlığı */
:where(html[data-app="portal"],html[data-app="sachet"],html[data-app="watson"]) .ct-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:var(--ink3);margin-bottom:12px}
/* uygulama kartları ızgarası */
:where(html[data-app="portal"]) .ct-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
/* ana sayfa: tek-satır (liste) araç kartları */
:where(html[data-app="portal"]) .lc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
:where(html[data-app="portal"]) .lcard{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}
:where(html[data-app="portal"]) .lcard:hover{border-color:var(--accent);background:var(--panel2)}
:where(html[data-app="portal"]) .lcard:active{transform:translateY(1px)}
:where(html[data-app="portal"]) .lc-ico{width:40px;height:40px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--ink2);transition:color .15s,border-color .15s}
:where(html[data-app="portal"]) .lcard:hover .lc-ico{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
:where(html[data-app="portal"]) .lc-ico svg{width:20px;height:20px}
:where(html[data-app="portal"]) .lc-body{flex:1;min-width:0}
:where(html[data-app="portal"]) .lc-ad{font-size:14.5px;font-weight:600;letter-spacing:-.2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="portal"]) .lc-ad .lc-kat{color:var(--ink3);font-weight:400;font-size:12.5px}
:where(html[data-app="portal"]) .lc-desc{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
:where(html[data-app="portal"]) .lc-sess{flex-shrink:0;font-family:inherit;font-size:10.5px;color:var(--ink3);text-align:right;white-space:nowrap}
:where(html[data-app="portal"]) .lc-sess .lc-ver{color:var(--ink2);font-weight:700}
/* en yeni: tek satırda bir ürün (lcard) + "Şimdi dene" yönlendirmesi */
:where(html[data-app="portal"]) .lc-cta{flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:9px;padding:7px 11px;transition:.15s}
:where(html[data-app="portal"]) .lcard:hover .lc-cta{background:color-mix(in srgb,var(--accent) 12%,transparent)}
/* ana sayfa: güncelleme duyuruları — ilk 3 + "detaylı incele" butonu (scroll yok) */
:where(html[data-app="portal"]) .guncel-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
:where(html[data-app="portal"]) .guncel-daha{background:none;border:none;cursor:pointer;color:var(--accent);font-weight:600;font-size:12.5px;font-family:inherit;padding:4px 2px;margin-bottom:22px}
:where(html[data-app="portal"]) .guncel-daha:hover{text-decoration:underline}
:where(html[data-app="portal"]) .guncel-item{display:flex;gap:13px;align-items:flex-start;padding:11px 15px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:11px}
:where(html[data-app="portal"]) .g-tarih{flex-shrink:0;font-family:inherit;font-size:10.5px;color:var(--ink3);padding-top:1px;min-width:42px}
:where(html[data-app="portal"]) .g-meta{display:flex;flex-direction:column;gap:1px;min-width:0}
:where(html[data-app="portal"]) .g-meta b{font-size:13px;font-weight:600;color:var(--ink)}
:where(html[data-app="portal"]) .g-meta span{font-size:12px;color:var(--ink2);line-height:1.45}
:where(html[data-app="portal"]) .modal-lbl{display:block;font-size:12px;font-weight:600;color:var(--ink2);margin:14px 0 7px}
:where(html[data-app="portal"]) .modal-lbl:first-of-type{margin-top:0}
:where(html[data-app="portal"]) .modal-key{display:flex;gap:8px}
:where(html[data-app="portal"]) .modal-key input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:inherit;font-size:13px;padding:10px 12px;outline:none}
:where(html[data-app="portal"]) .modal-key input:focus{border-color:var(--accent)}
:where(html[data-app="portal"]) .modal-goz{width:40px;border-radius:9px;cursor:pointer;flex-shrink:0;background:var(--panel2);border:1px solid var(--line);font-size:14px}
:where(html[data-app="portal"]) .modal-goz:hover{border-color:var(--accent)}
:where(html[data-app="portal"]) .modal-not{font-size:11.5px;color:var(--ink3);line-height:1.55;margin-top:9px}
:where(html[data-app="portal"]) .modal-not a{color:var(--accent);text-decoration:none}
:where(html[data-app="portal"]) .modal-not a:hover{text-decoration:underline}
:where(html[data-app="portal"]) .modal-not b{color:var(--ink2)}
:where(html[data-app="portal"]) .modal-select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:inherit;font-size:13px;padding:10px 12px;outline:none;cursor:pointer}
:where(html[data-app="portal"]) .modal-select:focus{border-color:var(--accent)}
:where(html[data-app="portal"]) .modal-input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:inherit;font-size:13.5px;padding:10px 12px;outline:none}
:where(html[data-app="portal"]) .modal-input:focus{border-color:var(--accent)}
:where(html[data-app="portal"]) .modal-input::placeholder{color:var(--ink3)}
/* ana sayfa: kişisel karşılama (güncellemelerin üstünde) */
:where(html[data-app="portal"]) .selam{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:600;letter-spacing:-.3px;color:var(--ink)}
:where(html[data-app="portal"]) .selam .selam-el{font-size:22px;line-height:1}
/* ana sayfa: Merhaba + sağda sekme şeridi (açık sekme ikon+başlık, kapalı yalnız ikon) */
:where(html[data-app="portal"]) .home-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 18px}
:where(html[data-app="portal"]) .home-ust .selam{margin:0}
/* sekme şeridi sidebar Menü/Filtreler tarzı: metin + aktifte aksan alt çizgi */
:where(html[data-app="portal"]) .home-sekmeler{display:flex;align-items:center;gap:16px;flex-shrink:0}
:where(html[data-app="portal"]) .home-sekme{display:inline-flex;align-items:center;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink3);cursor:pointer;background:transparent;border:0;border-bottom:2px solid transparent;padding:6px 2px;transition:.12s}
/* Lab ikonu varsayılan gizli; tıklamada metnin sonundan sağa doğru açılıp (soldan sağa) tersine kapanır */
:where(html[data-app="portal"]) .home-sekme .hs-ico{display:inline-flex;justify-content:flex-end;overflow:hidden;max-width:0;margin-right:0;opacity:0;transform:translateX(4px);transition:max-width .3s ease,margin-right .3s ease,opacity .3s ease,transform .3s ease}
:where(html[data-app="portal"]) .home-sekme .hs-ico svg{width:14px;height:14px;flex:0 0 auto}
:where(html[data-app="portal"]) .home-sekme.hs-ico-acik .hs-ico{max-width:14px;margin-right:6px;opacity:1;transform:translateX(0)}
:where(html[data-app="portal"]) .home-sekme:hover{color:var(--ink2)}
:where(html[data-app="portal"]) .home-sekme.active{color:var(--ink);border-bottom-color:var(--accent)}
:where(html[data-app="portal"]) .home-sekme.kilitli{opacity:.35;cursor:not-allowed;pointer-events:none}
/* Hoşgeldin: inline tanıtım videosu (GF oynatıcısıyla birebir) — GF modalıyla aynı max genişlik */
:where(html[data-app="portal"]) .home-video-bas{margin-top:4px}
:where(html[data-app="portal"]) .home-video{max-width:880px;margin-bottom:22px}
/* ---- KURULUM KAPISI: kurulum aktifken (koyu/açık tema hariç) hiçbir yer tıklanamaz ---- */
:where(html[data-app="portal"]) .kur-status{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin:0 auto 18px}
:where(html[data-app="portal"]) body.kurulum-kilit .sidebar{pointer-events:none}
:where(html[data-app="portal"]) body.kurulum-kilit .sidebar #temaSwitch{pointer-events:auto}
:where(html[data-app="portal"]) body.kurulum-kilit #nav{opacity:.45}
/* kurulum kilidi: bildirim/konsol/app aksiyonları kilitli; tema + WhatsApp (iletişim) + profil
   (Ayarlar/Çıkış) erişilebilir kalır. Not: .wa-wrap istisnası ayrıca opacity:.5'in yarattığı
   stacking context'i önler → hover kutusu içeriğin ÜSTÜNDE kalır (aksi halde hapsolur). */
:where(html[data-app="portal"]) body.kurulum-kilit .topbar .actions > *:not(.tema-btn):not(.wa-wrap):not(.profil-wrap){pointer-events:none;opacity:.5}
/* Kurulum karşılama KPI box'ı — en üstte, accent vurgulu yatay kart */
:where(html[data-app="portal"]) .kur-hos{display:flex;align-items:center;gap:15px;margin-bottom:14px;border-radius:14px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel)}
:where(html[data-app="portal"]) .kur-hos .kur-hos-bt{min-width:0;text-align:left}
:where(html[data-app="portal"]) .kur-hos .kur-hos-l{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700}
:where(html[data-app="portal"]) .kur-hos .kur-hos-t{font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--ink);margin-top:2px}
:where(html[data-app="portal"]) .kur-hos .kur-hos-t b{color:var(--accent);font-weight:700}
:where(html[data-app="portal"]) .kur-hos .kur-hos-s{font-size:12.5px;color:var(--ink2);margin-top:3px;line-height:1.45}
/* karşılama box'ı sağ alanı: sağa dayalı, yatay ince çizgilerle ayrılmış alanlar */
:where(html[data-app="portal"]) .kur-hos .kur-hos-stats{margin-left:auto;display:flex;flex-direction:column;text-align:right;flex-shrink:0;max-width:48%}
:where(html[data-app="portal"]) .kur-hos .khs-row{font-size:12px;color:var(--ink2);line-height:1.35;padding:7px 0;border-top:1px solid var(--line)}
:where(html[data-app="portal"]) .kur-hos .khs-row:first-child{border-top:0;padding-top:0}
:where(html[data-app="portal"]) .kur-hos .khs-row:last-child{padding-bottom:0}
:where(html[data-app="portal"]) .kur-hos .khs-row b{color:var(--ink);font-weight:700}
/* ---- ana sayfa karşılama kutusu (Hoşgeldin, eczane durumunun üstünde) — TEK kart ----
   Değişen renkli pill başlığı + birleşik metin (feels. logo satır içi) +
   kompakt grup/faz bilgi şeridi (eşit genişlikli kutular). */
:where(html[data-app="portal"]) .home-hos{margin-bottom:18px;border-radius:14px;padding:18px 20px;border:1px solid var(--line);background:var(--panel);text-align:left}
/* hero başlığı: web sitesi h1'inin küçültülmüş hali — değişen renkli pill */
:where(html[data-app="portal"]) .home-hos .hh-baslik{font-size:clamp(19px,2.2vw,24px);line-height:1.3;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin:0 0 12px}
:where(html[data-app="portal"]) .home-hos .hh-pill{--pc:#e74c3c;display:inline-flex;align-items:center;gap:.32em;vertical-align:baseline;line-height:1;padding:.08em .5em .08em .42em;border-radius:9999px;background:color-mix(in srgb,var(--pc) 20%,var(--panel));transition:background 0s}
:where(html[data-app="portal"]) .home-hos .hh-pill::before{content:"";flex:0 0 auto;width:.52em;height:.52em;border-radius:9999px;background:var(--pc)}
:where(html[data-app="portal"]) .home-hos .hh-pill-label{display:inline-block;overflow:hidden;white-space:nowrap;transition:width .32s cubic-bezier(.86,0,.07,1)}
:where(html[data-app="portal"]) .home-hos .hh-pill-word{display:inline-block;white-space:nowrap;color:var(--ink)}
:where(html[data-app="portal"]) .home-hos .hh-metin{font-size:13px;color:var(--ink2);line-height:1.7;margin:0}
:where(html[data-app="portal"]) .home-hos .hh-metin b{color:var(--ink);font-weight:700}
/* satır-içi feels. logosu: paragraf boyutunda organik akar, dot accent renginde */
:where(html[data-app="portal"]) .home-hos .hh-inline-wm{font-weight:700;color:var(--ink);letter-spacing:-.2px;white-space:nowrap}
:where(html[data-app="portal"]) .home-hos .hh-metin .hh-inline-wm b{color:var(--accent);font-weight:700;font-style:normal;font-size:1.25em;line-height:0;margin-left:.03em}
/* kompakt grup/faz bilgi şeridi — her kutu TEK SATIR (etiket + değer yan yana),
   kutular içeriğe göre büyüyüp şeridi doldurur (kırpılmadan tek satır) */
:where(html[data-app="portal"]) .home-hos .hh-bilgi{display:flex;margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);overflow:hidden}
:where(html[data-app="portal"]) .home-hos .hh-bilgi .hhb{flex:1 1 auto;display:flex;align-items:center;gap:8px;padding:10px 14px;border-right:1px solid var(--line);min-width:0;white-space:nowrap}
:where(html[data-app="portal"]) .home-hos .hh-bilgi .hhb:last-child{border-right:0}
:where(html[data-app="portal"]) .home-hos .hh-bilgi .hhb-l{font-size:11px;color:var(--ink3);font-weight:600;white-space:nowrap}
:where(html[data-app="portal"]) .home-hos .hh-bilgi .hhb-v{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;line-height:1.1}
/* aktif faz pill kutucuğu (bilgi şeridi içinde) */
:where(html[data-app="portal"]) .home-hos .hh-bilgi .hhb-faz{display:inline-flex;align-items:center;gap:.4em;font-size:12px;font-weight:700;color:var(--ac);background:color-mix(in srgb,var(--ac) 13%,transparent);border:1px solid color-mix(in srgb,var(--ac) 35%,var(--line));border-radius:9999px;padding:2px 9px 2px 7px;white-space:nowrap}
:where(html[data-app="portal"]) .home-hos .hh-bilgi .hhb-faz::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--ac)}
/* ============================================================
   SERVİS ANA SAYFASI (html.svc-home) — portal ana sayfa tasarımının servis-içi
   ikizi. Köşe boşlukları (.home padding + .home-in max-width/ortalama), hero
   (.home-hos), bölüm etiketi (.ct-label) ve liste kartları (.lcard) BİREBİR
   portal değerleriyle; renkler var(--accent) üzerinden servisin (data-app)
   temasına uyar. Refeel'in servis ana sayfası bu katmanı kullanır; yeni servis
   ana sayfaları da aynı sınıfları paylaşır. ============================================================ */
:where(html.svc-home) .home{position:absolute;inset:0;overflow-y:auto;padding:42px 40px 48px}
:where(html.svc-home) .home-in{max-width:720px;margin:0 auto;padding-top:4vh}
:where(html.svc-home) .selam{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:600;letter-spacing:-.3px;color:var(--ink);margin:0 0 18px}
:where(html.svc-home) .selam .selam-el{font-size:22px;line-height:1}
:where(html.svc-home) .selam .selam-ayrac{color:var(--ink3);font-weight:400}
/* hero — portal .home-hos ile birebir */
:where(html.svc-home) .home-hos{margin-bottom:18px;border-radius:14px;padding:18px 20px;border:1px solid var(--line);background:var(--panel);text-align:left}
:where(html.svc-home) .home-hos .hh-baslik{font-size:clamp(19px,2.2vw,24px);line-height:1.3;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin:0 0 12px}
:where(html.svc-home) .home-hos .hh-pill{--pc:var(--accent);display:inline-flex;align-items:center;gap:.32em;vertical-align:baseline;line-height:1;padding:.08em .5em .08em .42em;border-radius:9999px;background:color-mix(in srgb,var(--pc) 20%,var(--panel));transition:background 0s}
:where(html.svc-home) .home-hos .hh-pill::before{content:"";flex:0 0 auto;width:.52em;height:.52em;border-radius:9999px;background:var(--pc)}
:where(html.svc-home) .home-hos .hh-pill-label{display:inline-block;overflow:hidden;white-space:nowrap;transition:width .32s cubic-bezier(.86,0,.07,1)}
:where(html.svc-home) .home-hos .hh-pill-word{display:inline-block;white-space:nowrap;color:var(--ink)}
:where(html.svc-home) .home-hos .hh-metin{font-size:13px;color:var(--ink2);line-height:1.7;margin:0}
:where(html.svc-home) .home-hos .hh-metin b{color:var(--ink);font-weight:700}
:where(html.svc-home) .home-hos .hh-bilgi{display:flex;margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);overflow:hidden;flex-wrap:wrap}
:where(html.svc-home) .home-hos .hh-bilgi .hhb{flex:1 1 auto;display:flex;align-items:center;gap:8px;padding:10px 14px;border-right:1px solid var(--line);min-width:0;white-space:nowrap}
:where(html.svc-home) .home-hos .hh-bilgi .hhb:last-child{border-right:0}
:where(html.svc-home) .home-hos .hh-bilgi .hhb-l{font-size:11px;color:var(--ink3);font-weight:600;white-space:nowrap}
:where(html.svc-home) .home-hos .hh-bilgi .hhb-v{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;line-height:1.1}
:where(html.svc-home) .home-hos .hh-bilgi .hhb-faz{display:inline-flex;align-items:center;gap:.4em;font-size:12px;font-weight:700;color:var(--ac);background:color-mix(in srgb,var(--ac) 13%,transparent);border:1px solid color-mix(in srgb,var(--ac) 35%,var(--line));border-radius:9999px;padding:2px 9px 2px 7px;white-space:nowrap}
:where(html.svc-home) .home-hos .hh-bilgi .hhb-faz::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--ac)}
/* bölüm etiketi — portal .ct-label ile birebir */
:where(html.svc-home) .ct-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:var(--ink3);margin-bottom:12px}
/* liste kartları — portal .lcard ile birebir */
:where(html.svc-home) .lc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
:where(html.svc-home) .lcard{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}
:where(html.svc-home) .lcard:hover{border-color:var(--accent);background:var(--panel2)}
:where(html.svc-home) .lcard:active{transform:translateY(1px)}
:where(html.svc-home) .lc-ico{width:40px;height:40px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--ink2);transition:color .15s,border-color .15s}
:where(html.svc-home) .lcard:hover .lc-ico{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
:where(html.svc-home) .lc-ico svg{width:20px;height:20px}
:where(html.svc-home) .lc-body{flex:1;min-width:0}
:where(html.svc-home) .lc-ad{font-size:14.5px;font-weight:600;letter-spacing:-.2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html.svc-home) .lc-ad .lc-kat{color:var(--ink3);font-weight:400;font-size:12.5px}
:where(html.svc-home) .lc-desc{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
:where(html.svc-home) .lc-cta{flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:9px;padding:7px 11px;transition:.15s}
:where(html.svc-home) .lcard:hover .lc-cta{background:color-mix(in srgb,var(--accent) 12%,transparent)}
/* öne çıkanlar — özet özellik ızgarası (servis ana sayfasına özel) */
:where(html.svc-home) .svc-feats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}
:where(html.svc-home) .svc-feat{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
:where(html.svc-home) .svc-feat .sf-ico{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--accent)}
:where(html.svc-home) .svc-feat .sf-ico svg{width:17px;height:17px}
:where(html.svc-home) .svc-feat .sf-tx{min-width:0;display:flex;flex-direction:column;gap:2px}
:where(html.svc-home) .svc-feat .sf-tx b{font-size:13px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}
:where(html.svc-home) .svc-feat .sf-tx span{font-size:12px;color:var(--ink3);line-height:1.45}
/* ALIM ÖZETİ — TEK kutu, portal "İyi Hissedin" SERİ kutusu (.ih-seri) dili:
   solda hover'da oynayan Lottie hero ikon + birincil stat (Toplam Alım Tutarı,
   en büyük), dikey ayraç, sağda 3 ikincil stat (kendi ikonlarıyla). Hiyerarşi:
   birincil değer 22px > ikincil değer 15px; etiketler 10px büyük-harf. */
:where(html.svc-home) .alim-box{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:22px;min-width:0}
:where(html.svc-home) .alim-hero{display:flex;align-items:center;gap:14px;flex:0 0 auto;padding-right:22px;border-right:1px solid var(--line)}
:where(html.svc-home) .alim-lottie{width:46px;height:46px;flex-shrink:0}
:where(html.svc-home) .alim-lottie svg{display:block;width:100%;height:100%}
:where(html.svc-home) .a-htx{min-width:0}
:where(html.svc-home) .alim-hero .a-l{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink3)}
:where(html.svc-home) .alim-hero .a-v{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.4px;margin-top:2px;white-space:nowrap}
:where(html.svc-home) .alim-hero .a-sub{font-size:10.5px;font-weight:600;color:var(--ink3);margin-top:3px;white-space:nowrap}
:where(html.svc-home) .alim-stats{flex:1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}
:where(html.svc-home) .a-stat{display:flex;align-items:center;gap:11px;min-width:0}
:where(html.svc-home) .a-stat .a-ik{width:28px;height:28px;flex:0 0 auto;color:var(--a-c,var(--accent))}
:where(html.svc-home) .a-stat .a-ik svg{width:28px;height:28px}
:where(html.svc-home) .a-stat.k-kutu{--a-c:#eab308}
:where(html.svc-home) .a-stat.k-kar{--a-c:#e74c3c}
:where(html.svc-home) .a-stat.k-iskonto{--a-c:#3498db}
:where(html.svc-home) .a-stat .a-stx{min-width:0}
:where(html.svc-home) .a-stat .a-sl{font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
:where(html.svc-home) .a-stat .a-sv{font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;margin-top:1px}
:where(html.svc-home) .a-stat .a-ss{font-size:10px;font-weight:600;color:var(--ink3);white-space:nowrap;margin-top:1px}
/* grafik alanı — SENSE grafik arayüzü ikizi. .trend-tablar / .panel-bas / .pb-et
   ortak (satır ~84/183, refeel'i zaten kapsar); .panel / .sense-trend / sekme
   aktif hâli Sense'e özeldi → svc-home için BİREBİR değerlerle taşındı. */
:where(html.svc-home) .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px}
:where(html.svc-home) .trend-tablar button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
/* aylık stok çizgi grafiği — yükseklik %25 azaltıldı (300 → 225) */
:where(html.svc-home) .sense-trend{height:225px;position:relative;padding:8px 4px}
/* kategori dağılımı: SOLA yaslı donut + sağda detaylı liste */
:where(html.svc-home) .kat-govde{display:flex;align-items:center;gap:26px}
:where(html.svc-home) .kat-donut{flex:0 0 auto;width:206px;height:206px;position:relative}
:where(html.svc-home) .kat-liste{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
:where(html.svc-home) .kat-satir{display:flex;align-items:center;gap:11px}
:where(html.svc-home) .kat-dot{width:11px;height:11px;border-radius:3px;flex:0 0 auto}
:where(html.svc-home) .kat-txt{flex:1;min-width:0}
:where(html.svc-home) .kat-ust{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
:where(html.svc-home) .kat-ad{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html.svc-home) .kat-pct{font-size:13.5px;font-weight:800;color:var(--ink);flex:0 0 auto;font-variant-numeric:tabular-nums}
:where(html.svc-home) .kat-alt{font-size:11px;color:var(--ink3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html.svc-home) .kat-alt b{color:var(--ink2);font-weight:700}
@media(max-width:620px){
  :where(html.svc-home) .home{padding:28px 18px 48px}
  :where(html.svc-home) .svc-feats{grid-template-columns:1fr}
  /* alım kutusu: dar ekranda hero üste, statlar alta; ayraç yatayda */
  :where(html.svc-home) .alim-box{flex-wrap:wrap;gap:14px}
  :where(html.svc-home) .alim-hero{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:12px;width:100%}
  :where(html.svc-home) .alim-stats{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:14px 22px}
  :where(html.svc-home) .sense-trend{height:180px}
  :where(html.svc-home) .trend-tablar{flex-wrap:wrap}
  /* kategori: dar ekranda donut üste, liste alta */
  :where(html.svc-home) .kat-govde{flex-direction:column;gap:16px}
  :where(html.svc-home) .kat-donut{width:170px;height:170px}
  :where(html.svc-home) .kat-liste{width:100%}
}
/* Kurulum eczane bilgileri formu */
:where(html[data-app="portal"]) .kur-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;text-align:left;margin:8px 0 4px}
:where(html[data-app="portal"]) .kur-form-grid .kf-tam{grid-column:1/-1}
:where(html[data-app="portal"]) .kur-form-hata{text-align:left;color:#e74c3c;font-size:12.5px;font-weight:600;min-height:18px;margin:6px 0 2px}
:where(html[data-app="portal"]) .kur-seg{display:flex;gap:8px;flex-wrap:wrap}
:where(html[data-app="portal"]) .kur-seg .kseg-b{flex:1;min-width:90px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink2);padding:10px 12px;transition:.13s}
:where(html[data-app="portal"]) .kur-seg .kseg-b:hover{border-color:var(--accent);color:var(--ink)}
:where(html[data-app="portal"]) .kur-seg .kseg-b.on{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent);color:var(--accent)}
:where(html[data-app="portal"]) .modal-input.hata, :where(html[data-app="portal"]) .kur-seg.hata{border-color:#e74c3c}
/* kurulum şifre kuralları — canlı ✓ göstergesi */
:where(html[data-app="portal"]) .kf-kural{display:flex;flex-wrap:wrap;gap:5px 14px;margin:2px 0 2px;text-align:left}
:where(html[data-app="portal"]) .kf-k{font-size:12px;color:var(--ink3);display:inline-flex;align-items:center;gap:4px;transition:color .15s}
:where(html[data-app="portal"]) .kf-k.ok{color:var(--ok)}
/* kompakt form görünümü — "hızlı doldurulur" algısı: sol hizalı, küçük başlık, sıkı aralık */
:where(html[data-app="portal"]) .kur-mini{text-align:left;padding:18px 20px 16px;background:var(--panel)}
:where(html[data-app="portal"]) .kur-mini .kur-mini-bas{display:flex;align-items:center;gap:11px;margin-bottom:12px}
:where(html[data-app="portal"]) .kur-mini .kur-mini-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent)}
:where(html[data-app="portal"]) .kur-mini .kur-mini-ic svg{width:19px;height:19px}
:where(html[data-app="portal"]) .kur-mini h2{font-size:16.5px;font-weight:700;letter-spacing:-.3px;line-height:1.15}
:where(html[data-app="portal"]) .kur-mini .kur-mini-bt p{font-size:12px;color:var(--ink2);margin:1px 0 0;max-width:none}
:where(html[data-app="portal"]) .kur-mini .kur-form-grid{gap:0 12px;margin:0}
:where(html[data-app="portal"]) .kur-mini .modal-lbl{margin:9px 0 4px;font-size:11.5px}
:where(html[data-app="portal"]) .kur-mini .modal-input{padding:8px 11px;font-size:13px}
:where(html[data-app="portal"]) .kur-mini .kur-seg{gap:6px}
:where(html[data-app="portal"]) .kur-mini .kur-seg .kseg-b{padding:8px 10px;font-size:12.5px;min-width:80px}
:where(html[data-app="portal"]) .kur-mini .kur-form-hata{margin:5px 0 0;min-height:0}
:where(html[data-app="portal"]) .kur-mini .dp-act{justify-content:flex-start;margin-top:12px}
/* eczane durumu — kompakt KPI box'lar (aksan şeritli); açıklama SAĞ ÜSTTE */
:where(html[data-app="portal"]) .ecz-kpiler{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
/* Dün · En Çok Ciro Yapanlar (ilk 5) — KPI kutularının altında, aynı kart dilinde;
   Sense Ürün Analizi grid'inin kompakt hali */
:where(html[data-app="portal"]) .ecz-top5{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:10px}
:where(html[data-app="portal"],html.svc-home) .et5-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
/* box başlığı = diğer ana sayfa kutu başlıklarıyla (SON STICKER · BU AY · DÜN) AYNI stil */
:where(html[data-app="portal"],html.svc-home) .et5-bas .ek-l{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--ink3);text-transform:uppercase}
:where(html[data-app="portal"],html.svc-home) .et5-sub{font-size:10.5px;color:var(--ink3);white-space:nowrap}
:where(html[data-app="portal"]) .et5-satirlar{display:flex;flex-direction:column}
:where(html[data-app="portal"]) .et5-satir{display:flex;align-items:center;gap:9px;padding:6px 2px;border-top:1px solid var(--line);font-size:12px}
:where(html[data-app="portal"]) .et5-no{flex:none;width:14px;text-align:right;font-size:11px;color:var(--ink3)}
:where(html[data-app="portal"]) .et5-ad{flex:1;min-width:0;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* kategori etiketi — sense grid'indeki pill'in küçük hali; renk kategoriye göre */
/* kategori tag: STANDART SABİT genişlik (hepsi aynı, ortalı) */
:where(html[data-app="portal"]) .et5-kat{flex:none;box-sizing:border-box;width:104px;text-align:center;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;--k:var(--ink3);color:var(--k);background:color-mix(in srgb,var(--k) 10%,transparent)}
:where(html[data-app="portal"]) .et5-kat.bos{background:transparent}
:where(html[data-app="portal"]) .et5-kat[data-kat="ilac"]{--k:#8b5cf6}
:where(html[data-app="portal"]) .et5-kat[data-kat="koz"]{--k:#e74c3c}
:where(html[data-app="portal"]) .et5-kat[data-kat="vit"]{--k:#16a34a}
:where(html[data-app="portal"]) .et5-kat[data-kat="mar"]{--k:#d97706}
:where(html[data-app="portal"]) .et5-adet{flex:none;width:64px;text-align:right;color:var(--ink2);font-variant-numeric:tabular-nums}
:where(html[data-app="portal"]) .et5-net{flex:none;width:92px;text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="portal"]) .et5-pay{flex:none;width:44px;text-align:right;font-size:11px;color:var(--ink3);font-variant-numeric:tabular-nums}
:where(html[data-app="portal"]) .et5-stok0{flex:none;width:60px;text-align:right;font-size:11px;font-weight:700;color:var(--acil,#e74c3c)}
/* Eczane Durumu grid = STANDART grid başlığı: solda sekme, sağda DEĞİŞTİRİLEMEZ filtre pill'leri */
:where(html[data-app="portal"]) .ecz-grid .eg-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);margin-bottom:6px;flex-wrap:wrap}
:where(html[data-app="portal"]) .ecz-grid .eg-tabs-btns{display:flex;gap:2px;flex-wrap:wrap}
:where(html[data-app="portal"]) .ecz-grid .eg-tabs-btns button{background:none;border:0;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--ink3);padding:7px 11px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}
:where(html[data-app="portal"]) .ecz-grid .eg-tabs-btns button:hover{color:var(--ink2)}
:where(html[data-app="portal"]) .ecz-grid .eg-tabs-btns button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
:where(html[data-app="portal"]) .ecz-grid .eg-filtre{display:flex;gap:6px;padding-bottom:6px;flex-wrap:wrap}
/* değiştirilemez filtre pill (statik gösterim — tıklanmaz) */
:where(html[data-app="portal"]) .ecz-grid .eg-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:4px 10px;cursor:default;white-space:nowrap}
:where(html[data-app="portal"]) .ecz-grid .eg-pill .eg-pill-lbl{color:var(--ink3);font-weight:600}
:where(html[data-app="portal"]) .ecz-grid .eg-pill .eg-pill-lbl::after{content:":";margin-left:1px;color:var(--ink3)}
:where(html[data-app="portal"]) .ecz-grid .eg-pill .eg-pill-val{font-weight:700}
:where(html[data-app="portal"]) .ecz-grid .et5-satir:first-child{border-top:0}
/* Refeel · Acil İkmal Raporu — top5'in altında, aynı kart dilinde (bölümün 24px alt
   boşluğunu bu kart taşır); tıklanabilir → refeel'i açar */
/* boyut = "son sticker" kutusu (.ih-koleksiyon) ile birebir: padding 8px 20px,
   radius 12, margin-bottom 24; içerik dikey ortalı (min-height kutu yüksekliğini
   sticker kutusuna hizalar). portal + refeel ana sayfası (svc-home) ORTAK. */
:where(html[data-app="portal"],html.svc-home) .ecz-ikmal{display:flex;flex-direction:column;justify-content:center;min-height:70px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 20px;margin-bottom:24px;cursor:pointer;transition:border-color .13s}
:where(html[data-app="portal"],html.svc-home) .ecz-ikmal:hover{border-color:var(--accent)}
:where(html[data-app="portal"],html.svc-home) .eik-satir{display:flex;align-items:center;gap:12px;margin-top:4px}
:where(html[data-app="portal"],html.svc-home) .eik-n{flex:none;min-width:34px;text-align:center;font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--acil,#dc2626);font-variant-numeric:tabular-nums}
:where(html[data-app="portal"],html.svc-home) .eik-tx{flex:1;min-width:0}
:where(html[data-app="portal"],html.svc-home) .eik-tx b{display:block;font-size:12px;font-weight:700;line-height:1.2;color:var(--ink)}
:where(html[data-app="portal"],html.svc-home) .eik-tx span{display:block;font-size:10.5px;line-height:1.2;color:var(--ink3);margin-top:1px}
:where(html[data-app="portal"],html.svc-home) .eik-kirilim{flex:none;font-size:11px;font-weight:700;color:var(--ink3);white-space:nowrap}
:where(html[data-app="portal"],html.svc-home) .eik-kirilim i{font-style:normal}
:where(html[data-app="portal"],html.svc-home) .eik-kirilim .k{color:var(--acil,#dc2626)}
:where(html[data-app="portal"],html.svc-home) .eik-kirilim .r{color:#d97706}
/* Satın Alma Programı: 3 bölüm (acil & kritik · riskli · sıfır stok) YATAY yan yana,
   dikey ayraç çizgili; her bölüm dikey mini-blok (sayı üstte · metin · kırılım). */
:where(html[data-app="portal"],html.svc-home) .ecz-spa .et5-bas{margin-bottom:3px}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolumler{display:flex;flex-direction:row;gap:0;margin-top:2px}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:2px 12px;border-left:1px solid var(--line)}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum:first-child{border-left:0;padding-left:2px}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum:last-child{padding-right:2px}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum .eik-n{min-width:0;text-align:left;font-size:20px;line-height:1}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum .eik-tx{flex:none}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum .eik-kirilim{flex:none;white-space:normal;margin-top:1px}
/* her bölüm ayrı tıklanabilir (o gruba özel liste Refeel'de açılır) — renk vurgusu YOK */
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-tik{cursor:pointer}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-tik:focus{outline:none}
:where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-tik:focus-visible{outline:none}
:where(html[data-app="portal"],html.svc-home) .eik-n.orta{color:#d97706}
:where(html[data-app="portal"],html.svc-home) .eik-n.sifir{color:var(--acil,#dc2626)}
@media(max-width:560px){ :where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolumler{flex-direction:column}
  :where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum{border-left:0;border-top:1px solid var(--line);padding:8px 2px}
  :where(html[data-app="portal"],html.svc-home) .ecz-spa .spa-bolum:first-child{border-top:0} }
/* Kasa Kontrol Durumu — KPI'ların altında, aynı kart dilinde; eksik=kırmızı, fazla=yeşil */
:where(html[data-app="portal"]) .ecz-kasa{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:10px;cursor:pointer;transition:border-color .13s}
:where(html[data-app="portal"]) .ecz-kasa:hover{border-color:var(--accent)}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-satirlar{display:flex;flex-direction:column;margin-top:2px}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-satir:first-child{border-top:0}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-l{color:var(--ink2)}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-v{font-weight:700;font-variant-numeric:tabular-nums}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-v.fazla{color:#16a34a}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-v.eksik{color:var(--acil,#dc2626)}
:where(html[data-app="portal"]) .ecz-kasa .ekasa-v.denk{color:var(--ink3)}
:where(html[data-app="portal"]) .ecz-kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px;position:relative;overflow:hidden}
:where(html[data-app="portal"]) .ecz-kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
:where(html[data-app="portal"]) .ecz-kpi.yesil::before{background:var(--ok)}
/* bu ay ciro → yeşil */
:where(html[data-app="portal"]) .ecz-kpi.gri::before{background:var(--ink3)}
/* dün ciro → gri */
:where(html[data-app="portal"]) .ecz-kpi.kirmizi::before{background:#e74c3c}
/* kritik stok → kırmızı */
/* üst satır: etiket SOL, açıklama SAĞ ÜST köşe */
:where(html[data-app="portal"]) .ecz-kpi .ek-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
:where(html[data-app="portal"]) .ecz-kpi .ek-l{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);font-weight:700}
:where(html[data-app="portal"]) .ecz-kpi .ek-n{font-size:19px;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin-top:3px}
:where(html[data-app="portal"]) .ecz-kpi .ek-s{font-size:11px;color:var(--ink2);display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}
:where(html[data-app="portal"]) .ecz-kpi .ek-tri{font-size:8px}
:where(html[data-app="portal"]) .ecz-kpi .ek-tri.up{color:var(--ok)}
:where(html[data-app="portal"]) .ecz-kpi .ek-tri.down{color:#e74c3c}
/* kritik stok box: "8 ürün" + altında "dün 5 → bugün 8" alt açıklaması; sağda sipariş butonu */
/* sipariş butonu: "Perform'da incele" ile aynı outline stil, kırmızı tonda */
:where(html[data-app="portal"]) .ek-btn{flex-shrink:0;font:inherit;font-size:12px;font-weight:700;color:#e74c3c;cursor:pointer;background:color-mix(in srgb,#e74c3c 12%,transparent);border:1px solid color-mix(in srgb,#e74c3c 35%,var(--line));border-radius:9px;padding:8px 12px;white-space:nowrap;transition:.15s}
:where(html[data-app="portal"]) .ek-btn:hover{background:color-mix(in srgb,#e74c3c 20%,transparent)}
@media(max-width:560px){
  :where(html[data-app="portal"]) .ecz-kpiler{grid-template-columns:1fr}
}
/* arama + filtre şeridi */
/* ürün ızgarası */
:where(html[data-app="portal"]) .card .head{display:flex;align-items:center;gap:12px}
:where(html[data-app="portal"]) .card .ico{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:var(--ink);background:var(--panel2);border:1px solid var(--line);transition:.18s}
:where(html[data-app="portal"]) .card .ico svg{width:21px;height:21px}
:where(html[data-app="portal"]) .card:hover .ico{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
:where(html[data-app="portal"]) .card .ttl .ver{font-family:inherit;font-size:9.5px;color:var(--ink3);font-weight:400}
:where(html[data-app="portal"]) .card .ttl .kat{font-size:11.5px;font-weight:500;color:var(--ink3);margin-top:2px}
:where(html[data-app="portal"]) .card .durum{font-size:10.5px;font-weight:500;color:var(--ink2);display:flex;align-items:center;gap:6px;align-self:flex-start;flex-shrink:0}
:where(html[data-app="portal"]) .card .durum::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}
/* dosya gerektiren ama dosya olmayan uygulama: "Dosya gerekli" rozeti */
:where(html[data-app="portal"]) .card .durum.kilit{color:var(--accent)}
:where(html[data-app="portal"]) .card .durum.kilit::before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
:where(html[data-app="portal"]) .chip.rapor{font-family:inherit;font-size:10.5px;border-style:dashed;color:var(--ink3)}
:where(html[data-app="portal"]) .card .open{font-size:12.5px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:6px}
:where(html[data-app="portal"]) .card .open .arr{transition:transform .15s}
:where(html[data-app="portal"]) .card:hover .open .arr{transform:translateX(4px)}
/* boş durum */
:where(html[data-app="portal"]) .home-foot{margin:40px auto 0;max-width:1120px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--ink3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
:where(html[data-app="portal"]) .home-foot .mono{color:var(--ink3)}
:where(html[data-app="portal"]) body.collapsed .sidebar{width:78px}
:where(html[data-app="portal"]) body.collapsed .brand{padding:0;justify-content:center}
:where(html[data-app="portal"]) body.collapsed .brand .bt, :where(html[data-app="portal"]) body.collapsed .side-search, :where(html[data-app="portal"]) body.collapsed .nav-label, :where(html[data-app="portal"]) body.collapsed .nav-tabs, :where(html[data-app="portal"]) body.collapsed .nav-pane[data-pane="filtre"], :where(html[data-app="portal"]) body.collapsed .nav-pane[data-pane="bildirim"], :where(html[data-app="portal"]) body.collapsed .nav-item .meta, :where(html[data-app="portal"]) body.collapsed .nav-item .dot, :where(html[data-app="portal"]) body.collapsed .foot-item .fi-t, :where(html[data-app="portal"]) body.collapsed .foot-item .fi-dot, :where(html[data-app="portal"]) body.collapsed .foot-on .on span, :where(html[data-app="portal"]) body.collapsed .foot-on .foot-bk{display:none}
:where(html[data-app="portal"]) body.collapsed .nav-item{justify-content:center;padding:10px}
:where(html[data-app="portal"]) body.collapsed .foot-item{justify-content:center;padding:9px}
:where(html[data-app="portal"]) body.collapsed .foot-on{justify-content:center}
/* daraltıldığında hangi sekme aktif olursa olsun daima standart uygulama (ikon) listesi görünsün */
:where(html[data-app="portal"]) body.collapsed .nav-pane[data-pane="apps"]{display:flex !important}
@media (max-width:760px){
  :where(html[data-app="portal"]) .sidebar{position:fixed;z-index:40;height:100%;box-shadow:0 0 50px rgba(0,0,0,.6)}
  :where(html[data-app="portal"]) body:not(.show-nav) .sidebar{width:0;overflow:hidden;border:0}
  :where(html[data-app="portal"]) .toggle.mobil-ac{display:grid}
  /* mobilde menüyü açma butonu görünür */
  :where(html[data-app="portal"]) .home{padding:28px 18px 48px}
  :where(html[data-app="portal"]) .hero h2{font-size:24px}
  :where(html[data-app="portal"]) .scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35}
  :where(html[data-app="portal"]) body.show-nav .scrim{display:block}
}
:where(html[data-app="portal"]) .scrim{display:none}

/* ====================== FEELS LAB · KODLAMA KARNESİ (Yeni Özellikler özel bloğu) ======================
   Yapı taşları ly-tarih/ly-bolum/ly-madde portal bölümünden miras; aşağıdakiler karne'ye özgü:
   .karne-claude (powered by Claude başlığı), .karne-yakin (yaklaşan sürüm loading bar'ları),
   .karne-tesekkur (ekip mesajı), portal .kpis/.kpi + .karne-seri/.karne-ort/.karne-rozet. */
/* feels powered by Claude — bölüm başlığıyla aynı satırda, sağa hizalı, aynı boyut */
:where(html[data-app="portal"]) .karne-claude{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--ink2)}
:where(html[data-app="portal"]) .karne-claude .wordmark{font-size:12.5px;font-weight:700}
:where(html[data-app="portal"]) .karne-claude b{color:#d97757;font-weight:800}
:where(html[data-app="portal"]) .kc-spark{width:15px;height:15px;flex-shrink:0;color:#d97757;display:grid;place-items:center}
:where(html[data-app="portal"]) .kc-spark svg{width:15px;height:15px}
/* yaklaşan sürümler — loading bar'lar */
:where(html[data-app="portal"]) .karne-yakin{display:flex;flex-direction:column;gap:15px;margin-top:11px}
:where(html[data-app="portal"]) .ky-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
:where(html[data-app="portal"]) .ky-pct{font-size:12px;font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums;flex-shrink:0}
:where(html[data-app="portal"]) .ky-bar{height:9px;border-radius:5px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}
:where(html[data-app="portal"]) .ky-bar i{display:block;height:100%;border-radius:5px;min-width:3px;width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}
:where(html[data-app="portal"]) .ky-row.s-sense  .ky-bar i{background:#3498db}
:where(html[data-app="portal"]) .ky-row.s-sentry .ky-bar i{background:#1abc9c}
:where(html[data-app="portal"]) .ky-row.s-fellas .ky-bar i{background:#8e6cc8}
:where(html[data-app="portal"]) .ky-row.s-flow   .ky-bar i{background:#2e9e63}
:where(html[data-app="portal"]) .ky-row.s-ahtapos .ky-bar i{background:#205295}
:where(html[data-app="portal"]) .ky-row.s-agora  .ky-bar i{background:#5b6ef0}
:where(html[data-app="portal"]) .ky-tarih{margin-left:auto;font-size:11px;color:var(--ink3);font-variant-numeric:tabular-nums}
/* %100 → "yayında" rozeti (yeşil); tahmini tarih yerine geçer */
:where(html[data-app="portal"]) .ky-yayinda{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#16a34a;text-transform:lowercase}
:where(html[data-app="portal"]) .ky-yayinda::before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px color-mix(in srgb,#16a34a 22%,transparent)}
/* KPI ızgarası (refeel/sense .kpi deseni portala) */
:where(html[data-app="portal"]) .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}
:where(html[data-app="portal"]) .kpi{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;position:relative;overflow:hidden}
:where(html[data-app="portal"]) .kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink3)}
:where(html[data-app="portal"]) .kpi.k-blue::before{background:var(--rutin)}
:where(html[data-app="portal"]) .kpi.k-red::before{background:var(--accent)}
:where(html[data-app="portal"]) .kpi.k-orange::before{background:var(--yolda)}
:where(html[data-app="portal"]) .kpi.k-green::before{background:var(--ok)}
:where(html[data-app="portal"]) .kpi.k-purple::before{background:var(--manuel)}
:where(html[data-app="portal"]) .kpi .n{font-size:22px;font-weight:700;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}
:where(html[data-app="portal"]) .kpi .n .u{font-size:13px;color:var(--ink2);letter-spacing:0;font-weight:600}
:where(html[data-app="portal"]) .kpi .l{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;margin-top:7px}
:where(html[data-app="portal"]) .kpi .s{font-size:11px;color:var(--ink2);margin-top:5px;line-height:1.4}
:where(html[data-app="portal"]) .kpi .rozet-mini{position:absolute;top:11px;right:11px;font-size:13px;line-height:1;opacity:.85}
/* ortalama mini kartlar */
:where(html[data-app="portal"]) .karne-ort{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:11px}
:where(html[data-app="portal"]) .ko-kart{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:13px;text-align:center}
:where(html[data-app="portal"]) .ko-kart .v{font-size:19px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
:where(html[data-app="portal"]) .ko-kart .l{font-size:11px;color:var(--ink3);margin-top:6px}
@media (max-width:680px){
  :where(html[data-app="portal"]) .kpis{grid-template-columns:repeat(2,1fr)}
  :where(html[data-app="portal"]) .karne-ort{grid-template-columns:repeat(2,1fr)}
}
/* (büyücü/Gandalf görseli 2026-07-03 tamamen kaldırıldı — .ly-lotr / .buyucu-img stilleri silindi) */
/* Pre-alpha konsolu "Feels Lab" sekmesi: yaklaşan sürümler + kodlama karnesi — KOMPAKT + responsive.
   Çekmece dar olduğundan (pencere geniş olsa da) 4'lü gridler 2 kolona iner, punto/boşluk küçülür. */
:where(html[data-app="portal"]) .pk-pop .pk-lab-perde{margin-top:12px;display:flex;flex-direction:column;gap:12px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ly-bolum{padding:2px 13px;border-radius:11px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ly-bolum-bas{font-size:10.5px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ly-madde{padding:9px 0 10px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ly-madde-bas{font-size:11.5px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ly-madde-detay,
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ly-alt{font-size:10.5px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .kpis{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .kpi{padding:10px 11px;border-radius:10px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .kpi .n{font-size:18px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .kpi .l{font-size:9.5px;letter-spacing:.6px;margin-top:5px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .kpi .s{font-size:10px;margin-top:3px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .karne-ort{grid-template-columns:repeat(2,1fr);gap:8px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ko-kart{padding:10px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ko-kart .v{font-size:16px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .ko-kart .l{font-size:10px;margin-top:4px}
:where(html[data-app="portal"]) .pk-pop .pk-lab-ic .karne-yakin{gap:6px;margin-top:9px}

/* ============================================================================
   FELLAS — hasta ilişki zekâsı yüzeyi (yalnız bu serviste).
   Çekirdek yerleşim (.wrap/.main/.md-liste/.kpis/.tablo-tabs/.md-detay/.sepet-modal)
   refeel+sentry çiftinden miras alınır; aşağıdakiler fellas'a özgü hasta-kart UI'ı.
   ============================================================================ */
:where(html[data-app="fellas"]) .fl-arac{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 4px}
:where(html[data-app="fellas"]) .fl-not{color:var(--ink2);font-size:12.5px;line-height:1.5}
:where(html[data-app="fellas"]) .fl-not b{color:var(--ink)}

/* ── v0.0.0.2: ana hasta listesi klasik tablo grid (sentry/refeel iskeleti) — hücreler ── */
:where(html[data-app="fellas"]) #tablo th{cursor:default}
:where(html[data-app="fellas"]) #tablo .fl-hasta{display:flex;align-items:center;gap:10px;min-width:0}
:where(html[data-app="fellas"]) .fl-av{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:var(--av-c,var(--accent));letter-spacing:.3px}
:where(html[data-app="fellas"]) .fl-hasta-txt{min-width:0;display:flex;flex-direction:column;line-height:1.25}
:where(html[data-app="fellas"]) .fl-ad{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="fellas"]) .fl-alt{font-size:11px;font-weight:400;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* dönüş olasılığı hücresi: rozet + mini bar */
:where(html[data-app="fellas"]) .fl-olasilik{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
:where(html[data-app="fellas"]) .fl-olasilik .fl-ol-et{font-size:11.5px;font-weight:700;color:var(--ol-c,var(--ink2));white-space:nowrap}
:where(html[data-app="fellas"]) .fl-olasilik .fl-bar{width:54px;height:6px;border-radius:6px;background:var(--panel2);border:1px solid var(--line);overflow:hidden;flex:none}
:where(html[data-app="fellas"]) .fl-olasilik .fl-bar i{display:block;height:100%;background:var(--ol-c,var(--accent))}
:where(html[data-app="fellas"]) .fl-olasilik.iyi{--ol-c:#16a34a}
:where(html[data-app="fellas"]) .fl-olasilik.orta{--ol-c:var(--ink2)}
:where(html[data-app="fellas"]) .fl-olasilik.risk{--ol-c:var(--acil)}
/* bakıma ekle butonu (sec-kol) */
:where(html[data-app="fellas"]) .fl-ekle{background:none;border:none;color:var(--ink3);cursor:pointer;padding:4px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;transition:.13s}
:where(html[data-app="fellas"]) .fl-ekle:hover{color:var(--accent);background:var(--panel2)}
:where(html[data-app="fellas"]) .fl-ekle.on{color:var(--accent)}
:where(html[data-app="fellas"]) .fl-ekle.on svg{fill:var(--accent)}
/* ---- DANIŞAN ROSTER GRID (refeel/sentry standart grid kolonları) ---- */
/* araç çubuğu: danışan başlığı + toplu bakım ekleme butonu (#tabloTabsBtns içinde) */
:where(html[data-app="fellas"]) .fl-roster-bas{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--ink)}
:where(html[data-app="fellas"]) .fl-roster-bas .c{font-size:11px;font-weight:700;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:1px 9px}
:where(html[data-app="fellas"]) .fl-toplu-ekle{display:inline-flex;align-items:center;gap:7px;margin-left:12px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:9px;padding:7px 13px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.13s}
:where(html[data-app="fellas"]) .fl-toplu-ekle:hover{filter:brightness(1.05)}
:where(html[data-app="fellas"]) .fl-toplu-ekle svg{width:15px;height:15px}
:where(html[data-app="fellas"]) .fl-toplu-ekle .c{background:rgba(255,255,255,.25);border-radius:20px;padding:1px 8px;font-size:11px}
/* danışan (ad soyad) kolonu — esnek ama ad okunaklı kalacak kadar geniş */
:where(html[data-app="fellas"]) #tablo th.kol-danisan, :where(html[data-app="fellas"]) #tablo td.urun{min-width:148px}
/* dönüş olasılığı kolonu — bar için sabit genişlik */
:where(html[data-app="fellas"]) th.kol-olasilik, :where(html[data-app="fellas"]) td.kol-olasilik{width:154px;white-space:nowrap}
/* reçete / perakende ciro % kolonları */
:where(html[data-app="fellas"]) th.kol-recete, :where(html[data-app="fellas"]) td.kol-recete, :where(html[data-app="fellas"]) th.kol-perakende, :where(html[data-app="fellas"]) td.kol-perakende{width:98px;white-space:nowrap}
:where(html[data-app="fellas"]) .fl-oran{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px}
:where(html[data-app="fellas"]) .fl-oran-v{font-size:12px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="fellas"]) .fl-oran-bar{width:56px;height:5px;border-radius:5px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}
:where(html[data-app="fellas"]) .fl-oran-bar i{display:block;height:100%}
:where(html[data-app="fellas"]) .fl-oran-bar.recete i{background:var(--accent)}
:where(html[data-app="fellas"]) .fl-oran-bar.perakende i{background:#4f86c6}
/* kanal·zaman hücresi + ritim mini tablo içinde */
:where(html[data-app="fellas"]) #tablo .fl-zaman{font-size:11px;color:var(--ink3);margin-left:7px;white-space:nowrap}
:where(html[data-app="fellas"]) #tablo .ritim-mini{width:84px;height:20px;margin-top:0}
/* grup ayraç satırı (Bugün → sebep · İlişki → segment) */
:where(html[data-app="fellas"]) #tablo tr.fl-grup td{padding:16px 12px 7px;background:transparent}
:where(html[data-app="fellas"]) #tablo tr.fl-grup:first-child td{padding-top:6px}
:where(html[data-app="fellas"]) #tablo tr.fl-grup:hover td{background:transparent}
:where(html[data-app="fellas"]) .fl-grup-nokta{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bg-c,var(--accent));margin-right:8px;vertical-align:middle}
:where(html[data-app="fellas"]) .fl-grup-ad{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink);vertical-align:middle}
:where(html[data-app="fellas"]) .fl-grup-say{font-size:11px;font-weight:700;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:1px 8px;margin-left:8px;vertical-align:middle}

/* hasta kartı — yalnız Bakım Listem panelinde kullanılır (ana liste artık tablo grid) */
:where(html[data-app="fellas"]) .hasta-kart{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 16px 14px;position:relative;transition:border-color .15s,box-shadow .15s;cursor:pointer;overflow:hidden}
:where(html[data-app="fellas"]) .hasta-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kart-c,var(--accent));opacity:.9}
:where(html[data-app="fellas"]) .hasta-kart:hover{border-color:var(--accent);box-shadow:0 6px 22px rgba(0,0,0,.18)}
:where(html[data-app="fellas"]) .hk-bas{display:flex;align-items:center;gap:11px}
:where(html[data-app="fellas"]) .hk-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:var(--kart-c,var(--accent));letter-spacing:.3px}
:where(html[data-app="fellas"]) .hk-kimlik{flex:1;min-width:0}
:where(html[data-app="fellas"]) .hk-ad{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="fellas"]) .hk-alt{font-size:11.5px;color:var(--ink2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* etik mesaj önizleme — drawer + Bakım Listem kartı */
:where(html[data-app="fellas"]) .hk-mesaj{margin-top:12px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--ink2)}
:where(html[data-app="fellas"]) .hk-mesaj.sessiz{border-left-color:var(--ink3);font-style:italic}
:where(html[data-app="fellas"]) .hk-mesaj-meta{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
:where(html[data-app="fellas"]) .hk-cip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--ink2);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:3px 10px}
:where(html[data-app="fellas"]) .hk-cip svg{opacity:.8}
:where(html[data-app="fellas"]) .hk-cip.kanal{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}

/* aksiyon butonu */
:where(html[data-app="fellas"],html[data-app="agora"]) .hk-aksiyon{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:700;color:var(--accent-ink);background:var(--accent);border:none;border-radius:9px;padding:8px 14px;cursor:pointer;transition:filter .15s}
:where(html[data-app="fellas"],html[data-app="agora"]) .hk-aksiyon:hover{filter:brightness(1.08)}
:where(html[data-app="fellas"],html[data-app="agora"]) .hk-aksiyon.sessiz{background:var(--panel2);color:var(--ink2);border:1px solid var(--line)}

/* mini ritim çizelgesi (İlişki Zekâsı — tablo Ritim kolonu) */
:where(html[data-app="fellas"]) .ritim-mini{display:flex;align-items:flex-end;gap:3px;height:24px;margin-top:8px}
:where(html[data-app="fellas"]) .ritim-mini i{flex:1;background:var(--accent);border-radius:2px;opacity:.55;min-height:3px}
:where(html[data-app="fellas"]) .ritim-mini i.son{opacity:1}

/* boş / yakında durumu (Rapor Takibi placeholder) */
:where(html[data-app="fellas"]) .fellas-bos{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:54px 24px;max-width:560px;margin:40px auto;background:var(--panel);border:1px dashed var(--line);border-radius:16px}
:where(html[data-app="fellas"]) .fellas-bos .fb-ik{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel2);color:var(--accent);margin-bottom:16px}
:where(html[data-app="fellas"]) .fellas-bos .fb-bas{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}
:where(html[data-app="fellas"]) .fellas-bos .fb-bas .fb-yakinda{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-ink);background:var(--accent);border-radius:20px;padding:2px 9px;margin-left:8px;vertical-align:middle}
:where(html[data-app="fellas"]) .fellas-bos .fb-aciklama{font-size:13px;line-height:1.6;color:var(--ink2)}
:where(html[data-app="fellas"]) .fellas-bos .fb-liste{text-align:left;margin-top:16px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px}
:where(html[data-app="fellas"]) .fellas-bos .fb-sat{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink2)}
:where(html[data-app="fellas"]) .fellas-bos .fb-sat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:.7}

/* hasta detay drawer gövdesi */
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-kutu{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 18px 14px}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-kutu h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);font-weight:700;margin:0 0 10px}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-sat{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-sat:last-child{border-bottom:none}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-sat .hd-l{color:var(--ink2)}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-sat .hd-v{color:var(--ink);font-weight:600;text-align:right}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-urun{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12.5px;border-bottom:1px solid var(--line)}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-urun:last-child{border-bottom:none}
:where(html[data-app="fellas"],html[data-app="agora"]) .hd-urun .hd-urun-nokta{width:7px;height:7px;border-radius:50%;background:var(--kat-c,var(--accent));flex-shrink:0}

/* ====================== AHTAPOS ====================== */
/* POS / Ödeme Noktası — satış kartları, tahsilat paneli, ahtapot ödeme kolları,
   gün sonu. Ortak iskelet (header gizleme, wrap, kpis, tablo-tabs, md-detay
   drawer, db-*) ORTAK bölümden gelir; burada yalnız POS'a özgü bileşenler. */

/* --- satış kartı ızgarası --- */
:where(html[data-app="ahtapos"]) .satis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
:where(html[data-app="ahtapos"]) .satis-kart{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--kart-c,var(--accent));border-radius:12px;padding:14px 15px 13px;cursor:pointer;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex;flex-direction:column;gap:10px}
:where(html[data-app="ahtapos"]) .satis-kart:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--line);border-left-color:var(--kart-c,var(--accent))}
:where(html[data-app="ahtapos"]) .sk-bas{display:flex;align-items:center;gap:11px;min-width:0}
:where(html[data-app="ahtapos"]) .sk-ikon{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--kart-c,var(--accent));color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
:where(html[data-app="ahtapos"]) .sk-ikon svg{opacity:.95}
:where(html[data-app="ahtapos"]) .sk-kimlik{flex:1;min-width:0}
:where(html[data-app="ahtapos"]) .sk-ad{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="ahtapos"]) .sk-alt{font-size:11px;color:var(--ink3);margin-top:1px}
:where(html[data-app="ahtapos"]) .sk-kanal-pill{flex-shrink:0;font-size:10.5px;font-weight:700;color:var(--kn-c,var(--accent));background:color-mix(in srgb,var(--kn-c,var(--accent)) 13%,transparent);border:1px solid color-mix(in srgb,var(--kn-c,var(--accent)) 32%,transparent);padding:3px 9px;border-radius:20px;white-space:nowrap}
:where(html[data-app="ahtapos"]) .sk-tutar-sat{display:flex;align-items:baseline;gap:10px}
:where(html[data-app="ahtapos"]) .sk-tutar{font-size:23px;font-weight:700;letter-spacing:-.6px}
:where(html[data-app="ahtapos"]) .sk-isk{font-size:11px;color:var(--veresiye)}
:where(html[data-app="ahtapos"]) .sk-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink3)}
:where(html[data-app="ahtapos"]) .sk-odenmis{color:var(--ink2);font-weight:600;background:var(--panel2);padding:2px 8px;border-radius:6px}
:where(html[data-app="ahtapos"]) .sk-aksiyon{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:2px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:filter .14s}
:where(html[data-app="ahtapos"]) .sk-aksiyon:hover{filter:brightness(1.08)}
:where(html[data-app="ahtapos"]) .sk-aksiyon svg{flex:none}
:where(html[data-app="ahtapos"]) .sk-aksiyon.sk-fis{background:var(--panel2);color:var(--ink2);border:1px solid var(--line)}
:where(html[data-app="ahtapos"]) .sk-aksiyon.sk-fis:hover{border-color:var(--accent);color:var(--accent);filter:none}

/* --- boş durum --- */
:where(html[data-app="ahtapos"]) .ahta-bos{text-align:center;padding:54px 24px;color:var(--ink2);border:1px dashed var(--line);border-radius:14px;background:var(--panel)}
:where(html[data-app="ahtapos"]) .ab-ik{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:var(--panel2);color:var(--accent);display:flex;align-items:center;justify-content:center}
:where(html[data-app="ahtapos"]) .ab-ik svg{width:26px;height:26px}
:where(html[data-app="ahtapos"]) .ab-bas{font-size:16px;font-weight:700;color:var(--ink)}
:where(html[data-app="ahtapos"]) .ab-aciklama{font-size:13px;margin-top:6px;line-height:1.55;max-width:380px;margin-left:auto;margin-right:auto}

/* --- tahsilat paneli (drawer içi) --- */
:where(html[data-app="ahtapos"]) .tp-kutu{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px}
:where(html[data-app="ahtapos"]) .tp-kutu h4{margin:0 0 11px;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--ink3);font-weight:700}
:where(html[data-app="ahtapos"]) .tp-kalem{width:100%;border-collapse:collapse}
:where(html[data-app="ahtapos"]) .tp-kalem td{padding:6px 0;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}
:where(html[data-app="ahtapos"]) .tp-kalem tr:last-child td{border-bottom:none}
:where(html[data-app="ahtapos"]) .tk-ad{padding-right:12px}
:where(html[data-app="ahtapos"]) .tk-mik{color:var(--ink3);font-size:11px;margin-left:6px;font-weight:600}
:where(html[data-app="ahtapos"]) .tk-tut{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
:where(html[data-app="ahtapos"]) .tp-ozet-sat{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}
:where(html[data-app="ahtapos"]) .tp-ozet-sat .tp-l{color:var(--ink2)}
:where(html[data-app="ahtapos"]) .tp-ozet-sat .tp-v{font-variant-numeric:tabular-nums;font-weight:600}
:where(html[data-app="ahtapos"]) .tp-ozet-sat.tp-kdv{font-size:12px}
:where(html[data-app="ahtapos"]) .tp-ozet-sat.tp-kdv .tp-l,:where(html[data-app="ahtapos"]) .tp-ozet-sat.tp-kdv .tp-v{color:var(--ink3)}
:where(html[data-app="ahtapos"]) .tp-ozet-toplam{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:11px;border-top:1px solid var(--line);font-size:17px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}

/* --- ahtapot kolları: yöntem seçici --- */
:where(html[data-app="ahtapos"]) .tp-yontemler{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}
:where(html[data-app="ahtapos"]) .tp-yontem{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 4px;cursor:pointer;color:var(--ink2);font-family:inherit;font-size:11px;font-weight:600;transition:all .13s}
:where(html[data-app="ahtapos"]) .tp-yontem svg{color:var(--y-c,var(--accent))}
:where(html[data-app="ahtapos"]) .tp-yontem:hover{border-color:var(--y-c,var(--accent));color:var(--ink);background:color-mix(in srgb,var(--y-c,var(--accent)) 8%,var(--panel))}
:where(html[data-app="ahtapos"]) .tp-bos-kol{font-size:12px;color:var(--ink3);line-height:1.5;padding:4px 2px 12px}

/* --- eklenen kollar --- */
:where(html[data-app="ahtapos"]) .tp-kollar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
:where(html[data-app="ahtapos"]) .tp-kol{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--y-c,var(--accent));border-radius:9px;padding:8px 10px}
:where(html[data-app="ahtapos"]) .tp-kol-ik{color:var(--y-c,var(--accent));display:flex;flex-shrink:0}
:where(html[data-app="ahtapos"]) .tp-kol-ad{flex:1;font-size:13px;font-weight:600}
:where(html[data-app="ahtapos"]) .tp-kol-tut{font-variant-numeric:tabular-nums;font-weight:700}
:where(html[data-app="ahtapos"]) .tp-kol-input{width:104px;text-align:right;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:6px 9px;color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
:where(html[data-app="ahtapos"]) .tp-kol-input:focus{outline:none;border-color:var(--accent)}
:where(html[data-app="ahtapos"]) .tp-kol-sil{background:none;border:none;color:var(--ink3);cursor:pointer;font-size:14px;width:24px;height:24px;border-radius:6px;flex-shrink:0}
:where(html[data-app="ahtapos"]) .tp-kol-sil:hover{background:var(--panel2);color:var(--acil)}
:where(html[data-app="ahtapos"]) .tp-nakit{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 10px 2px 12px;margin:-2px 0 2px}
:where(html[data-app="ahtapos"]) .tp-nakit-l{font-size:12px;color:var(--ink2)}
:where(html[data-app="ahtapos"]) .tp-nakit-input{width:104px;text-align:right;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:6px 9px;color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
:where(html[data-app="ahtapos"]) .tp-nakit-input:focus{outline:none;border-color:var(--nakit)}
:where(html[data-app="ahtapos"]) .tp-nakit-ustu{font-size:12px;color:var(--ink3);margin-left:auto}
:where(html[data-app="ahtapos"]) .tp-nakit-ustu b{color:var(--nakit);font-weight:700;font-variant-numeric:tabular-nums}
:where(html[data-app="ahtapos"]) .tp-nakit-ozet{font-size:11px;color:var(--ink3);padding:2px 12px 0}

/* --- kalan + tahsil et --- */
:where(html[data-app="ahtapos"]) .tp-kalan{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:10px;margin-bottom:11px;font-size:13px;font-weight:600;background:var(--panel);border:1px solid var(--line)}
:where(html[data-app="ahtapos"]) .tp-kalan .tp-kalan-n{font-size:19px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
:where(html[data-app="ahtapos"]) .tp-kalan.bek{color:var(--acil)}
:where(html[data-app="ahtapos"]) .tp-kalan.bek .tp-kalan-n{color:var(--acil)}
:where(html[data-app="ahtapos"]) .tp-kalan.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 9%,var(--panel));border-color:color-mix(in srgb,var(--ok) 28%,transparent)}
:where(html[data-app="ahtapos"]) .tp-kalan.ok .tp-kalan-n{color:var(--ok)}
:where(html[data-app="ahtapos"]) .tp-tahsil{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--accent);color:var(--accent-ink);border:none;border-radius:11px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:filter .14s}
:where(html[data-app="ahtapos"]) .tp-tahsil:hover:not(:disabled){filter:brightness(1.08)}
:where(html[data-app="ahtapos"]) .tp-tahsil:disabled{opacity:.4;cursor:not-allowed}

/* --- ödenmiş onay --- */
:where(html[data-app="ahtapos"]) .tp-onay{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--ok) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);border-radius:11px;padding:13px 15px;margin-bottom:11px}
:where(html[data-app="ahtapos"]) .tp-onay svg{color:var(--ok);flex-shrink:0}
:where(html[data-app="ahtapos"]) .tp-onay-bas{font-size:14px;font-weight:700;color:var(--ok)}
:where(html[data-app="ahtapos"]) .tp-onay-alt{font-size:12px;color:var(--ink2);margin-top:1px}

/* --- gün sonu --- */
:where(html[data-app="ahtapos"]) .gs-ozet{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:20px}
:where(html[data-app="ahtapos"]) .gs-kart{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
:where(html[data-app="ahtapos"]) .gs-kart.gs-buyuk{border-left:3px solid var(--ok)}
:where(html[data-app="ahtapos"]) .gs-l{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700}
:where(html[data-app="ahtapos"]) .gs-n{font-size:26px;font-weight:700;letter-spacing:-1px;margin-top:5px;font-variant-numeric:tabular-nums}
:where(html[data-app="ahtapos"]) .gs-buyuk .gs-n{color:var(--ok)}
:where(html[data-app="ahtapos"]) .gs-s{font-size:12px;color:var(--ink2);margin-top:4px}
:where(html[data-app="ahtapos"]) .gs-baslik{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink3);font-weight:700;margin:0 0 12px}
:where(html[data-app="ahtapos"]) .gs-kollar{display:flex;flex-direction:column;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
:where(html[data-app="ahtapos"]) .gs-kol-bas{display:flex;align-items:center;gap:9px;margin-bottom:6px}
:where(html[data-app="ahtapos"]) .gs-nokta{width:9px;height:9px;border-radius:50%;background:var(--k-c,var(--accent));flex-shrink:0}
:where(html[data-app="ahtapos"]) .gs-kol-ad{font-size:13px;font-weight:600}
:where(html[data-app="ahtapos"]) .gs-kol-tut{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}
:where(html[data-app="ahtapos"]) .gs-bar{height:7px;border-radius:4px;background:var(--panel2);overflow:hidden}
:where(html[data-app="ahtapos"]) .gs-bar i{display:block;height:100%;border-radius:4px;min-width:2px;transition:width .3s}
:where(html[data-app="ahtapos"]) .gs-kol-pct{font-size:11px;color:var(--ink3);margin-top:3px;text-align:right}
:where(html[data-app="ahtapos"]) .gs-kol-bos{font-size:13px;color:var(--ink3);text-align:center;padding:10px}
:where(html[data-app="ahtapos"]) .gs-alt{margin-top:16px}

/* ============================================================
   FLOW — finansal kontrol / kasa karşılaştırma yüzeyi
   (grid + master-detail ortak yüzeyi 5'li grupta; burada yalnız flow'a özel)
   ============================================================ */
:where(html[data-app="flow"]) .kpi.k-pos::before{background:var(--accent)}
:where(html[data-app="flow"]) .kpi.k-erp::before{background:var(--kart)}
:where(html[data-app="flow"]) .kpi.k-ok::before{background:var(--uyum)}
:where(html[data-app="flow"]) .kpi.k-fark::before{background:var(--fark)}
:where(html[data-app="flow"]) .kpi.k-oran::before{background:var(--havale)}
/* fark oranı seviye pill'i (günlük kasa açığı / ciro segmentasyonu) */
:where(html[data-app="flow"]) .kpi.k-oran{position:relative}
:where(html[data-app="flow"]) .fo-pill{position:absolute;top:12px;right:14px;display:inline-block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:20px;color:#fff;line-height:1}
:where(html[data-app="flow"]) .fo-ideal{background:color-mix(in srgb, var(--ink3) 14%, transparent);color:var(--ink3);font-weight:700}
:where(html[data-app="flow"]) .fo-mavi{background:#3b82f6}
:where(html[data-app="flow"]) .fo-yesil{background:#16a34a}
:where(html[data-app="flow"]) .fo-sari{background:#eab308;color:#3a2f05}
:where(html[data-app="flow"]) .fo-turuncu{background:#f97316}
:where(html[data-app="flow"]) .fo-kirmizi{background:#dc2626}
:where(html[data-app="flow"]) .kpi.k-oran .s{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* sayısal kolonlar sağa yaslı, tablo rakamları hizalı */
:where(html[data-app="flow"]) td.num, :where(html[data-app="flow"]) th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) th.kol-durum, :where(html[data-app="flow"]) td.kol-durum{width:1%;white-space:nowrap;text-align:center}
/* Analiz kompakt görünüm — gelir/gider kolon grubunu katla/aç toggle'ı (anchor başlığında, dot solunda) */
:where(html[data-app="flow"]) .pnl-kapat{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:5px;border-radius:5px;font-size:13px;font-weight:800;color:var(--accent);cursor:pointer;vertical-align:middle;transition:background .12s}
:where(html[data-app="flow"]) .pnl-kapat:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}
/* Analiz grid altı — KİRA girişi (birim seçimi + tek tutar + yenileme dönemi → aylık gider) */
:where(html[data-app="flow"]) .pnl-kira{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:14px 0 4px;padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
:where(html[data-app="flow"]) .pnl-kira-bas{font-weight:700;font-size:13px;color:var(--ink)}
:where(html[data-app="flow"]) .pnl-kira-f{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2)}
:where(html[data-app="flow"]) .pnl-kira-et{min-width:78px;font-weight:600;color:var(--ink)}
:where(html[data-app="flow"]) .pnl-kira-f input{width:140px;font-family:inherit;font-size:13px;text-align:right;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) .pnl-kira-f select{font-family:inherit;font-size:12.5px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--ink);cursor:pointer}
:where(html[data-app="flow"]) .pnl-kira-f input:focus, :where(html[data-app="flow"]) .pnl-kira-f select:focus{outline:none;border-color:var(--accent)}
:where(html[data-app="flow"]) .pnl-kira-br{color:var(--ink3);font-size:12px}
:where(html[data-app="flow"]) .pnl-kira-not{margin-left:auto;font-size:12.5px;color:var(--ink2)}
:where(html[data-app="flow"]) .pnl-kira-not .pnl-kira-eff{color:var(--acil)}
:where(html[data-app="flow"]) #tablo tbody tr{cursor:pointer}
:where(html[data-app="flow"]) #tablo tbody tr:hover td{background:var(--rowhover)}
:where(html[data-app="flow"]) #tablo tbody tr.satir-sec td{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}
/* kanal etiketi: renk noktası + "yalnız ERP" notu */
:where(html[data-app="flow"]) .kanal-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;vertical-align:middle}
:where(html[data-app="flow"]) td.kol-ad{font-weight:600;color:var(--ink)}
:where(html[data-app="flow"]) .kanal-not{margin-left:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);border:1px solid var(--line);border-radius:20px;padding:1px 7px;vertical-align:middle}
:where(html[data-app="flow"]) .bos{color:var(--ink3)}
:where(html[data-app="flow"]) td.num.f-arti{color:var(--diger-od);font-weight:700}
:where(html[data-app="flow"]) td.num.f-eksi{color:var(--fark);font-weight:700}
/* durum rozeti */
:where(html[data-app="flow"]) .d-rozet{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.2px}
:where(html[data-app="flow"]) .d-rozet.d-ok{background:color-mix(in srgb, var(--uyum) 16%, transparent);color:var(--uyum)}
:where(html[data-app="flow"]) .d-rozet.d-fark{background:color-mix(in srgb, var(--fark) 16%, transparent);color:var(--fark)}
:where(html[data-app="flow"]) .d-rozet.d-uyari{background:color-mix(in srgb, var(--diger-od) 18%, transparent);color:var(--diger-od)}
/* kasa durumu bandı (KPI'ların altında) */
:where(html[data-app="flow"]) .kasa-bar{display:flex;align-items:center;gap:14px;border-radius:12px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--line)}
:where(html[data-app="flow"]) .kasa-bar.dengede{background:color-mix(in srgb, var(--uyum) 10%, var(--panel));border-color:color-mix(in srgb, var(--uyum) 40%, var(--line))}
:where(html[data-app="flow"]) .kasa-bar.farkli{background:color-mix(in srgb, var(--fark) 10%, var(--panel));border-color:color-mix(in srgb, var(--fark) 40%, var(--line))}
:where(html[data-app="flow"]) .kasa-bar .kb-ikon{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff}
:where(html[data-app="flow"]) .kasa-bar.dengede .kb-ikon{background:var(--uyum)}
:where(html[data-app="flow"]) .kasa-bar.farkli .kb-ikon{background:var(--fark)}
:where(html[data-app="flow"]) .kasa-bar .kb-txt{display:flex;flex-direction:column;gap:2px;line-height:1.4}
:where(html[data-app="flow"]) .kasa-bar .kb-txt b{font-size:14px;color:var(--ink)}
:where(html[data-app="flow"]) .kasa-bar .kb-txt span{font-size:12.5px;color:var(--ink2)}
:where(html[data-app="flow"]) .bos-durum{padding:40px;text-align:center;color:var(--ink3);font-size:13px}
/* drawer gövdesi — kanal mutabakat detayı */
:where(html[data-app="flow"]) .dk-blok{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:6px 14px;margin-bottom:14px}
:where(html[data-app="flow"]) .dk-satir{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="flow"]) .dk-satir:last-child{border-bottom:none}
:where(html[data-app="flow"]) .dk-l{font-size:12.5px;color:var(--ink2)}
:where(html[data-app="flow"]) .dk-v{font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) .dk-v.dkv-ok{color:var(--uyum)}
:where(html[data-app="flow"]) .dk-v.dkv-fark{color:var(--fark)}
:where(html[data-app="flow"]) .dk-v.dkv-uyar{color:var(--diger-od)}
:where(html[data-app="flow"]) .dk-yorum{font-size:13px;color:var(--ink2);line-height:1.6;padding:0 2px}
:where(html[data-app="flow"]) .kural-not{margin-top:12px;padding:11px 14px;background:color-mix(in srgb, var(--accent) 7%, var(--panel));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;font-size:12px;color:var(--ink2);line-height:1.55}
:where(html[data-app="flow"]) .kural-not b{color:var(--ink)}
/* flow — drawer eşleşmeyen işlemler grid'i */
:where(html[data-app="flow"]) .dk-grid-bas{margin:16px 0 6px;font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:where(html[data-app="flow"]) .dk-grid-say{font-size:11px;font-weight:600;color:var(--ink3)}
:where(html[data-app="flow"]) .dk-grid-ozet{display:flex;gap:8px;margin-bottom:9px;flex-wrap:wrap}
:where(html[data-app="flow"]) .dk-grid-ozet span{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px}
:where(html[data-app="flow"]) .dk-grid-ozet .ko-pavo{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}
:where(html[data-app="flow"]) .dk-grid-ozet .ko-ecz{background:color-mix(in srgb, var(--kart) 16%, transparent);color:var(--kart)}
:where(html[data-app="flow"]) table.dk-grid{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--panel2);border:1px solid var(--line);border-radius:10px;overflow:hidden}
:where(html[data-app="flow"]) .dk-grid th{position:static;box-shadow:none;background:transparent;padding:7px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);border-bottom:1px solid var(--line);cursor:default}
:where(html[data-app="flow"]) .dk-grid td{padding:7px 7px;font-size:12px;color:var(--ink);border-bottom:1px solid var(--line)}
:where(html[data-app="flow"]) .dk-grid tbody tr:last-child td{border-bottom:none}
:where(html[data-app="flow"]) .dk-grid td.num,:where(html[data-app="flow"]) .dk-grid th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;width:90px}
:where(html[data-app="flow"]) .dk-grid .kf-saat{color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums;width:62px}
:where(html[data-app="flow"]) .dk-grid th:first-child,:where(html[data-app="flow"]) .dk-grid td:first-child{width:62px}
:where(html[data-app="flow"]) .dk-grid .kf-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="flow"]) .kf-rozet{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}
:where(html[data-app="flow"]) .kf-pavo .kf-rozet{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}
:where(html[data-app="flow"]) .kf-ecz .kf-rozet{background:color-mix(in srgb, var(--kart) 16%, transparent);color:var(--kart)}
:where(html[data-app="flow"]) .dk-grid-not{margin-top:9px;font-size:11px;color:var(--ink3);line-height:1.5}
:where(html[data-app="flow"]) .dk-grid-not b{color:var(--ink2)}
/* AI / parçalı satış eşleştirmesi */
:where(html[data-app="flow"]) .ai-rozet{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.5px;padding:1px 6px;border-radius:5px;background:var(--accent);color:var(--accent-ink);vertical-align:middle;margin-right:2px}
:where(html[data-app="flow"]) .ai-grup{background:color-mix(in srgb, var(--accent) 6%, var(--panel2));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:10px;padding:9px 11px;margin-bottom:7px}
:where(html[data-app="flow"]) .ai-grup-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
:where(html[data-app="flow"]) .ai-ad{font-size:12.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="flow"]) .ai-onay{font-size:12.5px;font-weight:700;color:var(--uyum);white-space:nowrap;font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) .ai-onay b{color:var(--uyum)}
:where(html[data-app="flow"]) .ai-grup-detay{display:flex;flex-direction:column;gap:3px;margin-top:6px}
:where(html[data-app="flow"]) .aig{font-size:11.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) .aig i{display:inline-block;font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px;margin-right:6px;min-width:50px;text-align:center}
:where(html[data-app="flow"]) .aig.kf-pavo i{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}
:where(html[data-app="flow"]) .aig.kf-ecz i{background:color-mix(in srgb, var(--kart) 16%, transparent);color:var(--kart)}
:where(html[data-app="flow"]) .aig em{font-style:normal;font-size:10px;font-weight:700;color:var(--diger-od);margin-left:4px}
:where(html[data-app="flow"]) .aig-ad{font-size:10px;font-weight:600;color:var(--ink3);margin-left:3px}
/* HKP / reçete farkı (amber tonu, parçalıdan ayrı) */
:where(html[data-app="flow"]) .ai-rozet.hkp{background:var(--diger-od)}
:where(html[data-app="flow"]) .ai-grup.hkp-grup{background:color-mix(in srgb, var(--diger-od) 7%, var(--panel2));border-color:color-mix(in srgb, var(--diger-od) 30%, var(--line))}
:where(html[data-app="flow"]) .hkp-fark{font-size:12.5px;font-weight:700;color:var(--diger-od);white-space:nowrap;font-variant-numeric:tabular-nums}
/* flow — tarih bazlı grup grid'i */
:where(html[data-app="flow"]) th.kol-tarih,:where(html[data-app="flow"]) td.kol-tarih{width:138px;white-space:nowrap}
:where(html[data-app="flow"]) #tablo tr.gun-row{cursor:pointer}
:where(html[data-app="flow"]) #tablo tr.gun-row td{background:var(--panel2);font-weight:700;border-bottom:1px solid var(--line)}
:where(html[data-app="flow"]) #tablo tr.gun-row:hover td{background:color-mix(in srgb, var(--accent) 7%, var(--panel2))}
:where(html[data-app="flow"]) #tablo tr.gun-row td.kol-tarih{color:var(--ink);font-variant-numeric:tabular-nums}
/* tarih toggle ikonu — çerçevesiz, tam ortalı, siyah */
:where(html[data-app="flow"]) .gun-ok{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;font-size:16px;font-weight:700;line-height:1;color:var(--ink);background:none;border:none;border-radius:0;vertical-align:middle;text-align:center;transition:transform .18s}
:where(html[data-app="flow"]) #tablo tr.gun-row.acik .gun-ok{transform:rotate(90deg)}
:where(html[data-app="flow"]) #tablo tr.kanal-row.acik .gun-ok{transform:rotate(90deg)}   /* giderler 3.kademe detay → 4.kademe kalem aç/kapat */
:where(html[data-app="flow"]) #tablo td.gd-k4-ad{padding-left:70px !important;color:var(--ink2);font-size:12.5px}  /* gider kalemi (firma) 4.kademe girinti */
:where(html[data-app="flow"]) .gd-inl{color:var(--ink3);font-weight:400;font-size:12px;margin-left:7px}             /* tek kayıtlı detayda firma adı satır-içi (gri düz metin) */
/* GİDER kalemi tıklanabilir → kategori değiştirme çekmecesi (e-fatura göndericisi olanlar) */
:where(html[data-app="flow"]) #tablo tr.kanal-row.gd-tikla{cursor:pointer}
:where(html[data-app="flow"]) #tablo tr.kanal-row.gd-tikla:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}
:where(html[data-app="flow"]) .gd-kat-ok{margin-left:8px;font-size:10.5px;font-weight:600;color:var(--accent);opacity:0;transition:opacity .12s}
:where(html[data-app="flow"]) #tablo tr.kanal-row.gd-tikla:hover .gd-kat-ok{opacity:.85}
/* master toggle — grid başlığında tüm günleri birlikte aç/kapat */
:where(html[data-app="flow"]) .master-ok{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;font-size:13px;font-weight:800;line-height:1;color:var(--ink3);cursor:pointer;vertical-align:middle;transition:transform .18s,color .12s}
:where(html[data-app="flow"]) .master-ok:hover{color:var(--accent)}
:where(html[data-app="flow"]) .master-ok.acik{transform:rotate(90deg)}
/* manuel kontrol notu — grid içinde, ilgili satırın hemen altında tam genişlik alt-satır */
:where(html[data-app="flow"]) #tablo tr.mk-not-row td,:where(html[data-app="flow"]) .dk-grid tr.mk-not-row td{padding:0 8px 7px 8px;border-bottom:1px solid var(--line)}
:where(html[data-app="flow"]) tr.mk-not-row .mk-not{font-size:11.5px;color:var(--uyum);font-weight:600;line-height:1.45;background:color-mix(in srgb, var(--uyum) 8%, transparent);border-left:2px solid var(--uyum);border-radius:6px;padding:5px 9px}
:where(html[data-app="flow"]) .gun-ozet{font-weight:600;color:var(--ink2);font-size:12px}
:where(html[data-app="flow"]) .gun-say{font-size:10px;font-weight:700;color:var(--ink3);margin-left:6px}
:where(html[data-app="flow"]) #tablo tr.kanal-row{cursor:pointer}
:where(html[data-app="flow"]) #tablo tr.kanal-row td{border-bottom:1px solid var(--line)}
:where(html[data-app="flow"]) #tablo tr.kanal-row td.kol-ad{padding-left:24px}
:where(html[data-app="flow"]) #tablo tr.kanal-row:hover td{background:var(--rowhover)}
:where(html[data-app="flow"]) #tablo tr.kanal-row.satir-sec td{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}
/* flow — fark dışı (Diğer Tahsilat) satırı: gri nokta + silik */
:where(html[data-app="flow"]) .kanal-dot.gri{background:var(--ink3) !important;opacity:.7}
:where(html[data-app="flow"]) #tablo tr.kanal-bilgi td{opacity:.62}
:where(html[data-app="flow"]) #tablo tr.kanal-bilgi td.kol-ad{color:var(--ink2);font-weight:500}
:where(html[data-app="flow"]) .d-rozet.d-bilgi{background:color-mix(in srgb, var(--ink3) 16%, transparent);color:var(--ink2)}
/* flow — eşleşmeyen grid: bayrak (manuel kontrol) + Kaynak-Saat boşluğu */
:where(html[data-app="flow"]) .dk-grid th.mk-kol,:where(html[data-app="flow"]) .dk-grid td.mk-kol{width:30px;padding-left:4px;padding-right:0;text-align:center}
:where(html[data-app="flow"]) .dk-grid .kf-saat{padding-left:16px}   /* Kaynak ile Saat arası boşluk */
:where(html[data-app="flow"]) .mk-bayrak{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;color:var(--ink3);padding:2px;border-radius:5px;transition:color .12s,background .12s}
:where(html[data-app="flow"]) .mk-bayrak:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}
:where(html[data-app="flow"]) .mk-bayrak.aktif{color:var(--uyum)}
:where(html[data-app="flow"]) .dk-grid tr.mk-edildi td{opacity:.55}
:where(html[data-app="flow"]) .dk-grid tr.mk-edildi td.num{text-decoration:line-through}
:where(html[data-app="flow"]) .mk-not{font-size:10.5px;color:var(--uyum);margin-top:2px;font-weight:600;white-space:normal}
/* uzlaşılan satır açıklaması — › toggle ile aç/kapat (varsayılan gizli) */
:where(html[data-app="flow"]) .mk-not-row.gizli{display:none}
:where(html[data-app="flow"]) .mk-not-tog{display:inline-block;cursor:pointer;color:var(--ink3);font-weight:800;margin-right:4px;transition:transform .15s;user-select:none}
:where(html[data-app="flow"]) .mk-not-tog:hover{color:var(--uyum)}
:where(html[data-app="flow"]) .mk-not-tog.acik{transform:rotate(90deg)}
/* flow — parçalı+reçete birleşik etiketi + kontrol notu (grid altı tek satır) */
:where(html[data-app="flow"]) .ai-ek{font-size:10px;font-weight:700;color:var(--diger-od)}
:where(html[data-app="flow"]) .mk-not-satir{font-size:12px;color:var(--ink2);line-height:1.5;padding:5px 10px;margin-top:6px;background:color-mix(in srgb, var(--uyum) 8%, var(--panel2));border-left:3px solid var(--uyum);border-radius:8px}
:where(html[data-app="flow"]) .mk-not-satir b{color:var(--ink)}
/* flow — öneri (onay bekleyen eşleştirme) */
:where(html[data-app="flow"]) .ai-rozet.oneri{background:var(--diger-od);color:#fff}
:where(html[data-app="flow"]) .ai-grup.oneri-grup{background:color-mix(in srgb, var(--diger-od) 7%, var(--panel2));border:1px dashed color-mix(in srgb, var(--diger-od) 45%, var(--line))}
:where(html[data-app="flow"]) .oneri-tip{font-size:10px;font-weight:700;color:var(--diger-od);background:color-mix(in srgb, var(--diger-od) 14%, transparent);padding:1px 7px;border-radius:20px;margin-left:4px}
:where(html[data-app="flow"]) .oneri-onay{font-size:11.5px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:7px;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:filter .12s}
:where(html[data-app="flow"]) .oneri-onay:hover{filter:brightness(1.08)}
/* flow — bilgi notu sayfada en alta hizalı (md-liste-ic flex kolon) */
:where(html[data-app="flow"]) .md-liste-ic{display:flex;flex-direction:column;min-height:100%}
:where(html[data-app="flow"]) #tablo{flex:none}
:where(html[data-app="flow"]) #bilgiNot{margin-top:auto;padding-top:14px}
:where(html[data-app="flow"]) #bilgiNot .kural-not{margin-top:0}
/* öneri eşleştirme oranı rozeti — kartın sağ alt köşesinde */
:where(html[data-app="flow"]) .ai-grup.oneri-grup{position:relative;padding-bottom:30px}
:where(html[data-app="flow"]) .oneri-oran{position:absolute;right:11px;bottom:9px;font-size:12px;font-weight:800;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);padding:2px 9px;border-radius:20px;white-space:nowrap}
/* flow — manuel kontrol iptal (✕) butonu + toplu grup etiketi */
:where(html[data-app="flow"]) .mk-iptal{background:none;border:none;cursor:pointer;font-size:13px;font-weight:800;line-height:1;color:var(--fark);padding:2px 4px;border-radius:5px;transition:background .12s}
:where(html[data-app="flow"]) .mk-iptal:hover{background:color-mix(in srgb, var(--fark) 16%, transparent)}
:where(html[data-app="flow"]) .mk-grup{font-size:10px;color:var(--ink3);font-weight:600}

/* ============================================================
   ====================== AGORA ===============================
   Eczaneler arası stok ağı — kazan-kazan eşleştirme + orkestrasyon.
   Tüm kurallar :where(html[data-app="agora"]) ile kapsamlanır.
   ============================================================ */
:where(html[data-app="agora"]) .tablo-tabs-btns{gap:4px}
:where(html[data-app="agora"]) .tt-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink2);font-family:inherit;font-size:13px;font-weight:600;padding:9px 4px 8px;margin:0 8px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:color .13s,border-color .13s}
:where(html[data-app="agora"]) .tt-btn:first-child{margin-left:0}
:where(html[data-app="agora"]) .tt-btn:hover{color:var(--ink)}
:where(html[data-app="agora"]) .tt-btn.on{color:var(--accent);border-bottom-color:var(--accent)}
:where(html[data-app="agora"]) .tt-c{font-size:11px;font-weight:700;background:var(--panel2);color:var(--ink2);border-radius:20px;padding:1px 7px;min-width:18px;text-align:center}
:where(html[data-app="agora"]) .tt-btn.on .tt-c{background:var(--accent);color:var(--accent-ink)}

/* ortak ufak parçalar */
:where(html[data-app="agora"]) .k-nokta{width:9px;height:9px;border-radius:50%;background:var(--kat-c,var(--accent));flex-shrink:0;display:inline-block}
:where(html[data-app="agora"]) .so-acil{display:inline-block;background:color-mix(in srgb,var(--acil) 16%,transparent);color:var(--acil);font-size:10px;font-weight:800;letter-spacing:.4px;padding:1px 6px;border-radius:5px;vertical-align:middle}

/* boş kutu */
:where(html[data-app="agora"]) .agora-bos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 24px;border:1px dashed var(--line);border-radius:14px;background:var(--panel);margin-top:18px}
:where(html[data-app="agora"]) .ab-ik{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--panel2);color:var(--ink3)}
:where(html[data-app="agora"]) .ab-bas{font-size:15px;font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .ab-aciklama{font-size:12.5px;color:var(--ink2);max-width:440px;line-height:1.5}

/* ---- ARAMA — sohbet tarzı başlangıç ekranı + kompozer (görsel referansa uyarlandı) ---- */
:where(html[data-app="agora"]) .ara-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:40px 22px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);min-height:calc(100vh - 234px)}
:where(html[data-app="agora"]) .ara-hero.aranan{justify-content:flex-start;text-align:left}
:where(html[data-app="agora"]) .ara-hero.aranan .ai-orb,
:where(html[data-app="agora"]) .ara-hero.aranan .ai-bas,
:where(html[data-app="agora"]) .ara-hero.aranan .ai-aciklama{display:none}
/* yumuşak turuncu orb — referanstaki radyal degrade küre */
:where(html[data-app="agora"]) .ai-orb{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 58% 38%, #ffd27a 0%, #f3942e 32%, #e8590c 58%, rgba(232,89,12,0) 74%);filter:blur(2px);margin-bottom:2px;animation:agora-orb 5.5s ease-in-out infinite}
@keyframes agora-orb{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}
:where(html[data-app="agora"]) .ai-bas{font-size:17px;font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .ai-aciklama{font-size:13px;color:var(--ink2);max-width:480px;line-height:1.6;margin-bottom:4px}

/* kompozer kutusu */
:where(html[data-app="agora"]) .ara-kompozer{width:100%;max-width:680px;margin:8px auto 12px;background:var(--panel2);border:1.5px solid var(--line);border-radius:20px;padding:4px;box-shadow:var(--shadow);transition:border-color .14s}
:where(html[data-app="agora"]) .ara-kompozer:focus-within{border-color:var(--accent)}
:where(html[data-app="agora"]) .ak-ust{padding:11px 14px 4px}
:where(html[data-app="agora"]) #araInput{width:100%;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:15px;padding:3px 0}
:where(html[data-app="agora"]) #araInput::placeholder{color:var(--ink3)}
:where(html[data-app="agora"]) .ak-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px 6px;flex-wrap:wrap}
:where(html[data-app="agora"]) .ak-sol{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:where(html[data-app="agora"]) .ak-sag{display:flex;align-items:center;gap:8px;margin-left:auto}
/* adet stepper */
:where(html[data-app="agora"]) .ak-adet{display:inline-flex;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:2px}
:where(html[data-app="agora"]) .ak-mini{width:26px;height:26px;border:none;background:none;color:var(--ink2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}
:where(html[data-app="agora"]) .ak-mini:hover{background:var(--rowhover);color:var(--ink)}
:where(html[data-app="agora"]) #araAdet{width:30px;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:700;text-align:center;-moz-appearance:textfield}
:where(html[data-app="agora"]) #araAdet::-webkit-inner-spin-button,:where(html[data-app="agora"]) #araAdet::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* acil toggle pill */
:where(html[data-app="agora"]) .ak-pill{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);color:var(--ink2);border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 13px;cursor:pointer;transition:all .12s}
:where(html[data-app="agora"]) .ak-pill:hover{color:var(--ink);border-color:var(--ink3)}
:where(html[data-app="agora"]) .ak-pill.on{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent);color:var(--accent)}
/* kapsam bilgi etiketi (referanstaki globe Search'e karşılık) */
:where(html[data-app="agora"]) .ak-kapsam{display:inline-flex;align-items:center;gap:6px;color:var(--ink3);font-size:12px;font-weight:600;padding:6px 4px}
/* mic + gönder daireleri */
:where(html[data-app="agora"]) .ak-mic{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}
:where(html[data-app="agora"]) .ak-mic:hover{color:var(--ink);border-color:var(--ink3)}
:where(html[data-app="agora"]) .ak-gonder{width:38px;height:38px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .13s,transform .1s}
:where(html[data-app="agora"]) .ak-gonder:hover{filter:brightness(1.08)}
:where(html[data-app="agora"]) .ak-gonder:active{transform:scale(.94)}


/* ---- ORKESTRASYON ---- */
:where(html[data-app="agora"]) .orkestra{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:8px}
:where(html[data-app="agora"]) .ork-bas{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink);margin-bottom:14px}
:where(html[data-app="agora"]) .ork-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:agora-spin .7s linear infinite;flex-shrink:0}
:where(html[data-app="agora"]) .ork-spin.bitti{border-color:var(--ok);border-top-color:var(--ok);animation:none}
@keyframes agora-spin{to{transform:rotate(360deg)}}
:where(html[data-app="agora"]) .ork-liste{display:flex;flex-direction:column;gap:2px}
:where(html[data-app="agora"]) .ork-node{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;font-size:13px;opacity:.45;transition:opacity .2s,background .2s}
:where(html[data-app="agora"]) .ork-node.tarama{opacity:1;background:color-mix(in srgb,var(--accent) 9%,transparent)}
:where(html[data-app="agora"]) .ork-node.bulundu,:where(html[data-app="agora"]) .ork-node.yok{opacity:1}
:where(html[data-app="agora"]) .on-dot{width:9px;height:9px;border-radius:50%;background:var(--ink3);flex-shrink:0;transition:background .2s}
:where(html[data-app="agora"]) .ork-node.tarama .on-dot{background:var(--accent);animation:agora-pulse 1s ease-in-out infinite}
:where(html[data-app="agora"]) .ork-node.bulundu .on-dot{background:var(--ok)}
:where(html[data-app="agora"]) .ork-node.yok .on-dot{background:var(--ink3);opacity:.5}
@keyframes agora-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}50%{box-shadow:0 0 0 5px transparent}}
:where(html[data-app="agora"]) .on-ad{font-weight:600;color:var(--ink)}
:where(html[data-app="agora"]) .on-semt{color:var(--ink3);font-size:12px}
:where(html[data-app="agora"]) .on-durum{margin-left:auto;font-size:12px;color:var(--ink2)}
:where(html[data-app="agora"]) .ork-node.yok .on-durum{color:var(--ink3)}
:where(html[data-app="agora"]) .ork-node.bulundu .on-durum b{color:var(--ok)}

/* ---- SONUÇ ÖZETİ ---- */
:where(html[data-app="agora"]) .sonuc-ozet{margin:14px 0 12px}
:where(html[data-app="agora"]) .so-kutu{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:13px 16px}
:where(html[data-app="agora"]) .so-sol{display:flex;align-items:center;gap:11px;min-width:0}
:where(html[data-app="agora"]) .so-sol>div{min-width:0}
:where(html[data-app="agora"]) .so-ad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="agora"]) .so-ad{font-size:15px;font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .so-alt{font-size:12px;color:var(--ink2);margin-top:1px}
:where(html[data-app="agora"]) .so-en{text-align:right}
:where(html[data-app="agora"]) .so-en-l{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink3);font-weight:700}
:where(html[data-app="agora"]) .so-en-v{font-size:13px;color:var(--ink)}

/* ---- TEKLİF KARTLARI ---- */
:where(html[data-app="agora"]) .teklif-liste{display:flex;flex-direction:column;gap:10px}
:where(html[data-app="agora"]) .teklif-kart{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px 17px;cursor:pointer;transition:border-color .14s,box-shadow .14s}
:where(html[data-app="agora"]) .teklif-kart:hover{border-color:var(--es-c)}
:where(html[data-app="agora"]) .teklif-kart.top{border-color:var(--es-c);box-shadow:0 0 0 1px var(--es-c) inset}
:where(html[data-app="agora"]) .teklif-kart.listede{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
:where(html[data-app="agora"]) .tk-skor{display:flex;flex-direction:column;align-items:center;gap:5px}
:where(html[data-app="agora"]) .tk-ring{width:50px;height:50px;border-radius:50%;background:conic-gradient(var(--es-c) calc(var(--p,0)*1%),var(--line) 0);display:flex;align-items:center;justify-content:center;position:relative}
:where(html[data-app="agora"]) .tk-ring::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--panel)}
:where(html[data-app="agora"]) .tk-ring span{position:relative;font-weight:800;font-size:15px;color:var(--ink)}
:where(html[data-app="agora"]) .tk-ring.big{width:66px;height:66px}
:where(html[data-app="agora"]) .tk-ring.big span{font-size:19px}
:where(html[data-app="agora"]) .tk-skor-l{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);font-weight:700}
:where(html[data-app="agora"]) .tk-orta{min-width:0}
:where(html[data-app="agora"]) .tk-bas{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
:where(html[data-app="agora"]) .tk-ad{font-size:15px;font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .tk-en{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);padding:2px 7px;border-radius:5px}
:where(html[data-app="agora"]) .tk-kademe{font-size:11px;font-weight:700;color:var(--es-c);background:color-mix(in srgb,var(--es-c) 13%,transparent);padding:2px 9px;border-radius:6px}
:where(html[data-app="agora"]) .tk-gerekce{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
:where(html[data-app="agora"]) .tg-cip{font-size:11px;padding:2px 8px;border-radius:6px;border:1px solid var(--line);color:var(--ink2);background:var(--panel2)}
:where(html[data-app="agora"]) .tg-cip.tg-alan{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}
:where(html[data-app="agora"]) .tg-cip.tg-veren{border-color:color-mix(in srgb,var(--takas) 40%,var(--line));color:var(--takas)}
:where(html[data-app="agora"]) .tk-fayda{display:flex;flex-direction:column;gap:5px;max-width:340px}
:where(html[data-app="agora"]) .tf-row{display:flex;align-items:center;gap:9px;font-size:11px}
:where(html[data-app="agora"]) .tf-l{width:92px;flex-shrink:0;color:var(--ink3);font-weight:600}
:where(html[data-app="agora"]) .tf-bar{flex:1;height:6px;background:var(--panel2);border-radius:4px;overflow:hidden}
:where(html[data-app="agora"]) .tf-bar i{display:block;height:100%;border-radius:4px}
:where(html[data-app="agora"]) .tf-bar.alan i{background:var(--accent)}
:where(html[data-app="agora"]) .tf-bar.veren i{background:var(--takas)}
:where(html[data-app="agora"]) .tf-v{width:24px;text-align:right;font-weight:700;color:var(--ink2)}
:where(html[data-app="agora"]) .tk-sag{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right;min-width:128px}
:where(html[data-app="agora"]) .tk-tip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px}
:where(html[data-app="agora"]) .tk-tip-takas{color:var(--takas);background:color-mix(in srgb,var(--takas) 14%,transparent)}
:where(html[data-app="agora"]) .tk-tip-satin{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
:where(html[data-app="agora"]) .tk-fiyat{margin-top:2px}
:where(html[data-app="agora"]) .tkf-ana{display:block;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.4px}
:where(html[data-app="agora"]) .tkf-alt{display:block;font-size:11px;color:var(--ink3)}
:where(html[data-app="agora"]) .tk-tasarruf{font-size:11px;font-weight:700;color:var(--ok)}
:where(html[data-app="agora"]) .tk-sure{font-size:11px;color:var(--ink2)}
:where(html[data-app="agora"]) .tk-anlas{margin-top:4px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:9px;font-family:inherit;font-size:12.5px;font-weight:700;padding:9px 16px;cursor:pointer;transition:filter .13s}
:where(html[data-app="agora"]) .tk-anlas:hover{filter:brightness(1.08)}
:where(html[data-app="agora"]) .tk-anlas.eklendi{background:var(--panel2);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,var(--line))}
:where(html[data-app="agora"]) .tk-eksik{font-size:10.5px;color:var(--yolda)}

/* ---- ATIL STOĞUM ---- */
:where(html[data-app="agora"]) .atil-aciklama,:where(html[data-app="agora"]) .atil-aciklama b{font-size:12.5px;color:var(--ink2);line-height:1.55;margin:6px 0 14px}
:where(html[data-app="agora"]) .atil-aciklama b{color:var(--ink);font-weight:700}
:where(html[data-app="agora"]) .atil-liste{display:flex;flex-direction:column;gap:9px}
:where(html[data-app="agora"]) .atil-kart{display:grid;grid-template-columns:1fr auto auto 1.4fr auto;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--atil-dusuk);border-radius:12px;padding:13px 16px}
:where(html[data-app="agora"]) .atil-kart.sev-yuksek{border-left-color:var(--atil-yuksek)}
:where(html[data-app="agora"]) .atil-kart.sev-orta{border-left-color:var(--atil-orta)}
:where(html[data-app="agora"]) .atk-sol{display:flex;align-items:center;gap:11px;min-width:0}
:where(html[data-app="agora"]) .atk-kimlik{min-width:0}
:where(html[data-app="agora"]) .atk-ad{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="agora"]) .atk-alt{font-size:11.5px;color:var(--ink2);margin-top:1px}
:where(html[data-app="agora"]) .atk-skor{text-align:center}
:where(html[data-app="agora"]) .atk-skor-v{font-size:19px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}
:where(html[data-app="agora"]) .sev-yuksek .atk-skor-v{color:var(--atil-yuksek)}
:where(html[data-app="agora"]) .sev-orta .atk-skor-v{color:var(--atil-orta)}
:where(html[data-app="agora"]) .atk-skor-l,:where(html[data-app="agora"]) .atk-bagli-l{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);font-weight:700}
:where(html[data-app="agora"]) .atk-orta{text-align:right}
:where(html[data-app="agora"]) .atk-bagli{font-size:14px;font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .atk-alici-n{font-size:12px;color:var(--ink2);margin-bottom:4px}
:where(html[data-app="agora"]) .atk-alici-n b{color:var(--ink)}
:where(html[data-app="agora"]) .atk-alici-list{display:flex;flex-wrap:wrap;gap:4px}
:where(html[data-app="agora"]) .aal-cip{font-size:10.5px;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
:where(html[data-app="agora"]) .atk-alici-yok{font-size:11.5px;color:var(--ink3);font-style:italic}
:where(html[data-app="agora"]) .atk-yayin{background:var(--accent);color:var(--accent-ink);border:none;border-radius:9px;font-family:inherit;font-size:12px;font-weight:700;padding:9px 14px;cursor:pointer;transition:filter .13s;white-space:nowrap}
:where(html[data-app="agora"]) .atk-yayin:hover{filter:brightness(1.08)}
:where(html[data-app="agora"]) .atk-yayin:disabled{background:var(--panel2);color:var(--ink3);cursor:not-allowed}

/* ---- AĞ GRID ---- */
:where(html[data-app="agora"]) .ag-ecz{display:flex;align-items:center;gap:11px;min-width:0}
:where(html[data-app="agora"]) .ag-ecz-txt{display:flex;flex-direction:column;min-width:0}
:where(html[data-app="agora"]) .ag-av{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--av-c,var(--accent));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
:where(html[data-app="agora"]) .ag-ad{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="agora"]) .ag-alt{font-size:11px;color:var(--ink3)}
:where(html[data-app="agora"]) .ag-mesafe{font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .ag-sure{display:block;font-size:11px;color:var(--ink3)}
:where(html[data-app="agora"]) .ag-guven{font-weight:700;padding:2px 8px;border-radius:6px;font-size:12px}
:where(html[data-app="agora"]) .ag-guven.iyi{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}
:where(html[data-app="agora"]) .ag-guven.orta{color:var(--yolda);background:color-mix(in srgb,var(--yolda) 14%,transparent)}
:where(html[data-app="agora"]) .ag-guven.dusuk{color:var(--ink2);background:var(--panel2)}
:where(html[data-app="agora"]) .ag-takas{display:inline-flex;align-items:center;gap:7px;justify-content:flex-end;font-size:12px;color:var(--ink2)}
:where(html[data-app="agora"]) .agt-bar{width:54px;height:6px;background:var(--panel2);border-radius:4px;overflow:hidden}
:where(html[data-app="agora"]) .agt-bar i{display:block;height:100%;background:var(--takas);border-radius:4px}
:where(html[data-app="agora"]) .ag-talep{font-weight:700;color:var(--ink)}

/* ---- DRAWER EKLERİ ---- */
:where(html[data-app="agora"]) .dd-skor{display:flex;align-items:center;gap:14px;margin-bottom:12px}
:where(html[data-app="agora"]) .dd-skor-yan{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
:where(html[data-app="agora"]) .dd-skor-tip{font-size:11.5px;color:var(--ink2);line-height:1.5}
:where(html[data-app="agora"]) .dd-tip-aciklama{font-size:12px;color:var(--ink2);line-height:1.55;margin-bottom:10px}
:where(html[data-app="agora"]) .dd-gerekce{display:flex;flex-wrap:wrap;gap:5px}
:where(html[data-app="agora"]) .dd-bos{font-size:12px;color:var(--ink3);font-style:italic}
:where(html[data-app="agora"]) .dd-alici{padding:9px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="agora"]) .dd-alici:last-child{border-bottom:none}
:where(html[data-app="agora"]) .dda-bas{display:flex;align-items:center;gap:8px}
:where(html[data-app="agora"]) .dda-ad{font-weight:700;color:var(--ink);font-size:13px}
:where(html[data-app="agora"]) .dda-alt{font-size:11.5px;color:var(--ink2);margin-top:2px}

/* ---- ANLAŞMALARIM ---- */
:where(html[data-app="agora"]) .anl-kart{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--es-c,var(--accent));border-radius:11px;padding:12px 14px;margin-bottom:10px}
:where(html[data-app="agora"]) .anl-bas{display:flex;align-items:center;gap:9px;margin-bottom:7px}
:where(html[data-app="agora"]) .anl-ww{font-size:11px;font-weight:700;color:var(--ink2)}
:where(html[data-app="agora"]) .anl-bas .db-ok{margin-left:auto;width:26px;height:26px;font-size:12px}
:where(html[data-app="agora"]) .anl-urun{font-size:14px;font-weight:700;color:var(--ink)}
:where(html[data-app="agora"]) .anl-meta{font-size:11.5px;color:var(--ink2);margin-top:2px}
:where(html[data-app="agora"]) .anl-fiyat{font-size:12.5px;color:var(--ink);margin-top:6px;font-weight:600}
:where(html[data-app="agora"]) .anl-toplam{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink2);margin-bottom:11px}
:where(html[data-app="agora"]) .anl-toplam b{font-size:16px;color:var(--ink);font-weight:800}

/* FLOW — veri bekleme ekranı ön ek grupları (flow/ klasöründeki dosya ön ekleri:
   pavo + erp = Kasa Kontrol · veresiye + emanet = Borç Takip) */
:where(html[data-app="flow"]) .import-onek{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;text-align:left;margin-bottom:8px}
:where(html[data-app="flow"]) .iog{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
:where(html[data-app="flow"]) .iog-bas{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ink2);margin-bottom:6px}
:where(html[data-app="flow"]) .iog-sat{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
:where(html[data-app="flow"]) .iog-onek{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;color:var(--accent)}
:where(html[data-app="flow"]) .iog-uz{font-size:11px;color:var(--ink3)}
:where(html[data-app="flow"]) .iog-ac{font-size:12px;color:var(--ink2);margin-left:auto;text-align:right}
@media(max-width:560px){ :where(html[data-app="flow"]) .import-onek{grid-template-columns:1fr} }

/* ===== flow — GELEN E-FATURA gider analiz paneli (P&L sekmesi altı) ===== */
:where(html[data-app="flow"]) .ef-panel{margin-top:16px;display:flex;flex-direction:column;gap:14px}
:where(html[data-app="flow"]) .ef-bas{font-size:13.5px;color:var(--ink)}
:where(html[data-app="flow"]) .ef-bas b{color:var(--accent)}
:where(html[data-app="flow"]) .ef-bas .dk-grid-say{margin-left:6px}
:where(html[data-app="flow"]) .ef-gruplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:8px}
:where(html[data-app="flow"]) .ef-grup{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
:where(html[data-app="flow"]) .ef-grup .kanal-dot{align-self:center}
:where(html[data-app="flow"]) .ef-grup-ad{font-size:12.5px;font-weight:600;color:var(--ink)}
:where(html[data-app="flow"]) .ef-grup-tut{font-size:13px;font-weight:700;color:var(--ink);margin-left:auto}
:where(html[data-app="flow"]) .ef-grup-not{flex-basis:100%;font-size:11px;color:var(--ink3)}
:where(html[data-app="flow"]) .ef-atama{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
:where(html[data-app="flow"]) .ef-atama-bas{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}
:where(html[data-app="flow"]) .ef-atama-bas .dk-grid-say{font-weight:400}
/* flow — tedarikçi çekmecesi mutabakat aksiyonu */
:where(html[data-app="flow"]) .ted-mut-akt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
:where(html[data-app="flow"]) .ted-mut-btn{font-family:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;border:1px solid var(--ok);border-radius:9px;background:none;color:var(--ok);cursor:pointer;white-space:nowrap}
:where(html[data-app="flow"]) .ted-mut-btn:hover{background:var(--ok);color:#fff}
:where(html[data-app="flow"]) .ted-mut-btn.on{background:var(--ok);color:#fff}
/* tedarikçi çekmecesi üst aksiyon çubuğu — Mutabakat (✓) + Takipli */
:where(html[data-app="flow"]) .ted-akt-bar{display:flex;gap:8px;margin-bottom:14px}
:where(html[data-app="flow"]) .ted-akt-btn{flex:1;font-family:inherit;font-size:12.5px;font-weight:600;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--ink2);cursor:pointer;white-space:nowrap;transition:all .12s}
:where(html[data-app="flow"]) .ted-akt-btn.mut{border-color:var(--ok);color:var(--ok)}
:where(html[data-app="flow"]) .ted-akt-btn.mut:hover,:where(html[data-app="flow"]) .ted-akt-btn.mut.on{background:var(--ok);color:#fff}
:where(html[data-app="flow"]) .ted-akt-btn.tak{border-color:var(--diger-od);color:var(--diger-od)}
:where(html[data-app="flow"]) .ted-akt-btn.tak:hover,:where(html[data-app="flow"]) .ted-akt-btn.tak.on{background:var(--diger-od);color:#fff}
:where(html[data-app="flow"]) .ted-ai-esle{font-size:11.5px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:7px;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:filter .12s}
:where(html[data-app="flow"]) .ted-ai-esle:hover{filter:brightness(1.08)}
/* AI eşleştirme onaylandı → geri al */
:where(html[data-app="flow"]) .ted-ai-geri{font-size:11.5px;font-weight:700;color:var(--ink2);background:none;border:1px solid var(--line);border-radius:7px;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:all .12s}
:where(html[data-app="flow"]) .ted-ai-geri:hover{border-color:var(--fark);color:var(--fark)}
:where(html[data-app="flow"]) .ai-grup.oneri-grup.esles-on{background:color-mix(in srgb, var(--ok) 8%, var(--panel2));border-style:solid;border-color:color-mix(in srgb, var(--ok) 40%, var(--line))}
:where(html[data-app="flow"]) .oneri-tip.ok{color:var(--ok)}
:where(html[data-app="flow"]) .esles-ilk{font-size:10px;font-weight:800;letter-spacing:.3px;padding:1px 7px;border-radius:5px;background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok);vertical-align:middle}
:where(html[data-app="flow"]) .esles-oto{font-size:10px;font-weight:700;padding:1px 7px;border-radius:5px;background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);vertical-align:middle}
:where(html[data-app="flow"]) .esles-not{margin-top:7px;font-size:10.5px;color:var(--ink3);line-height:1.4}
/* AI öneri katman 2 — tutar deseni (isim farklı) */
:where(html[data-app="flow"]) .ai-grup.oneri-grup.katman2{border-style:dashed;border-color:color-mix(in srgb, var(--kart) 45%, var(--line))}
:where(html[data-app="flow"]) .oneri-tip.k2{background:color-mix(in srgb, var(--kart) 16%, transparent);color:var(--kart);padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700}
/* AI öneri katman 3 — İşlem Bekleyen'de bulundu */
:where(html[data-app="flow"]) .ai-rozet.bek{background:var(--acil)}
:where(html[data-app="flow"]) .ai-grup.oneri-grup.bek3{background:color-mix(in srgb, var(--acil) 7%, var(--panel2));border:1px dashed color-mix(in srgb, var(--acil) 42%, var(--line))}
:where(html[data-app="flow"]) .oneri-tip.bek{background:color-mix(in srgb, var(--acil) 16%, transparent);color:var(--acil);padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700}
:where(html[data-app="flow"]) .oneri-oran.tam{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}
:where(html[data-app="flow"]) .ted-takip-yildiz{color:var(--diger-od);font-size:11px}
/* mutabakat notu — editör + gösterim */
:where(html[data-app="flow"]) .ted-not-panel{margin:-6px 0 14px;padding:10px;border:1px solid color-mix(in srgb, var(--ok) 35%, var(--line));border-radius:10px;background:color-mix(in srgb, var(--ok) 6%, var(--panel2))}
:where(html[data-app="flow"]) .ted-not-bas{font-size:11px;font-weight:700;color:var(--ink2);margin-bottom:6px}
:where(html[data-app="flow"]) .ted-not-input{width:100%;box-sizing:border-box;font-family:inherit;font-size:12.5px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 9px;resize:vertical}
:where(html[data-app="flow"]) .ted-not-akt{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
:where(html[data-app="flow"]) .ted-not-akt button{font-family:inherit;font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:none;color:var(--ink2)}
:where(html[data-app="flow"]) .ted-not-kaydet{border-color:var(--ok)!important;color:var(--ok)!important}
:where(html[data-app="flow"]) .ted-not-kaydet:hover{background:var(--ok)!important;color:#fff!important}
:where(html[data-app="flow"]) .ted-not-cikar:hover{border-color:var(--fark);color:var(--fark)}
:where(html[data-app="flow"]) .ted-not-goster{margin:-6px 0 14px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb, var(--ok) 7%, var(--panel2));font-size:12px;color:var(--ink);line-height:1.5}
:where(html[data-app="flow"]) .ted-not-et{font-size:10px;font-weight:800;letter-spacing:.3px;color:var(--ok);text-transform:uppercase;margin-right:6px}
:where(html[data-app="flow"]) .ted-not-duzenle{margin-left:6px;font-family:inherit;font-size:11px;color:var(--kart);background:none;border:none;cursor:pointer;text-decoration:underline}
/* FARMAZON fatura-no mutabakatı — tek tek eşleştir / işlendi (geri al) */
:where(html[data-app="flow"]) .fz-esle1{font-family:inherit;font-size:10.5px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:6px;padding:3px 9px;cursor:pointer;white-space:nowrap;transition:filter .12s}
:where(html[data-app="flow"]) .fz-esle1:hover{filter:brightness(1.08)}
:where(html[data-app="flow"]) .fz-geri1{font-family:inherit;font-size:10.5px;font-weight:700;color:var(--ok);background:none;border:1px solid color-mix(in srgb, var(--ok) 40%, var(--line));border-radius:6px;padding:3px 8px;cursor:pointer;white-space:nowrap}
:where(html[data-app="flow"]) .fz-geri1:hover{border-color:var(--fark);color:var(--fark)}
:where(html[data-app="flow"]) tr.fz-onayli-row{background:color-mix(in srgb, var(--ok) 6%, transparent)}
:where(html[data-app="flow"]) .fz-mut-sat{position:relative;border:1px solid var(--line);border-radius:9px;padding:7px 9px 26px;margin-bottom:6px}
:where(html[data-app="flow"]) .fz-mut-sat.onayli{border-color:color-mix(in srgb, var(--ok) 40%, var(--line));background:color-mix(in srgb, var(--ok) 6%, var(--panel2))}
:where(html[data-app="flow"]) .fz-mut-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
:where(html[data-app="flow"]) .fz-mut-ad{font-size:12.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="flow"]) .fz-mut-no2{font-size:10px;color:var(--ink3);font-variant-numeric:tabular-nums;margin-top:1px}
:where(html[data-app="flow"]) .fz-mut-tip{font-size:9px;font-weight:700;padding:0 5px;border-radius:4px;background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok);vertical-align:middle}
:where(html[data-app="flow"]) .fz-mut-tip.tutar{background:color-mix(in srgb, var(--kart) 16%, transparent);color:var(--kart)}
/* İnceleme — grup rozet dot + çekmece kategori atama */
:where(html[data-app="flow"]) .bek-rozet-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}
:where(html[data-app="flow"]) .bek-ata{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}
:where(html[data-app="flow"]) .bek-sel{flex:1 1 100%;font-family:inherit;font-size:12.5px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);cursor:pointer}
:where(html[data-app="flow"]) .bek-uygula{font-family:inherit;font-size:12.5px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:7px 16px;cursor:pointer;transition:filter .12s}
:where(html[data-app="flow"]) .bek-uygula:hover{filter:brightness(1.08)}
:where(html[data-app="flow"]) .bek-hatali-bar{display:flex;margin-bottom:2px}
:where(html[data-app="flow"]) .bek-hatali-bar .ted-akt-btn.hata{flex:1;border-color:var(--acil);color:var(--acil)}
:where(html[data-app="flow"]) .bek-hatali-bar .ted-akt-btn.hata:hover:not(:disabled),:where(html[data-app="flow"]) .bek-hatali-bar .ted-akt-btn.hata.on{background:var(--acil);color:#fff}
:where(html[data-app="flow"]) .bek-hatali-bar .ted-akt-btn.hata:disabled{opacity:.5;cursor:default;border-style:dashed}
/* İnceleme çekmecesi: Uygula çubuğu EN ALTA hizalı (md-detay flex sütun) */
:where(html[data-app="flow"]) #kanalDetay.bek-mod{display:flex;flex-direction:column}
:where(html[data-app="flow"]) #kanalDetay.bek-mod>.md-bas{flex:0 0 auto}
:where(html[data-app="flow"]) #kanalDetay.bek-mod>.md-govde{flex:1 0 auto;display:flex;flex-direction:column}
:where(html[data-app="flow"]) .bek-uygula-bar{margin-top:auto;margin-left:-24px;margin-right:-24px;margin-bottom:-28px;position:sticky;bottom:0;padding:12px 24px;background:var(--panel);border-top:1px solid var(--line)}
:where(html[data-app="flow"]) .bek-uygula-bar .bek-uygula{width:100%;padding:10px;font-size:13px}
:where(html[data-app="flow"]) .fz-mut-alt{display:flex;gap:12px;margin-top:5px;font-size:11.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) .fz-mut-alt b{color:var(--ink);font-weight:600}
:where(html[data-app="flow"]) .fz-mut-yok,:where(html[data-app="flow"]) .fz-mut-bos{font-size:10.5px;color:var(--ink3)}
:where(html[data-app="flow"]) .kanal-not.ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}
:where(html[data-app="flow"]) .ef-atama-not{font-size:11.5px;color:var(--ink3);margin-bottom:10px;line-height:1.5}

/* flow — e-fatura gönderici panel sekmeleri (Sınıflandırılmamış / Kişisel / Eczane B2B) */
:where(html[data-app="flow"]) .ef-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:8px 0 2px}
:where(html[data-app="flow"]) .ef-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--ink3);padding:7px 13px;display:flex;align-items:center;gap:7px;transition:color .15s}
:where(html[data-app="flow"]) .ef-tab:hover{color:var(--ink)}
:where(html[data-app="flow"]) .ef-tab.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
:where(html[data-app="flow"]) .ef-tab-c{font-size:11px;background:var(--panel2);padding:1px 7px;border-radius:10px;color:var(--ink2)}
:where(html[data-app="flow"]) .ef-tab.on .ef-tab-c{background:var(--accent);color:var(--accent-ink)}

/* flow — kasa kontrol AY ana grubu (Ay → Tarih → Ödeme şekli, 3 kademe) */
:where(html[data-app="flow"]) #tablo tr.ay-row{cursor:pointer}
:where(html[data-app="flow"]) #tablo tr.ay-row td{background:var(--panel2);font-weight:800;border-bottom:1px solid var(--line)}
:where(html[data-app="flow"]) #tablo tr.ay-row:hover td{background:color-mix(in srgb, var(--accent) 7%, var(--panel2))}
:where(html[data-app="flow"]) #tablo tr.ay-row td.kol-tarih{color:var(--ink);font-variant-numeric:tabular-nums}
:where(html[data-app="flow"]) .ay-ok{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;font-size:16px;font-weight:700;line-height:1;color:var(--ink);vertical-align:middle;text-align:center;transition:transform .18s}
:where(html[data-app="flow"]) #tablo tr.ay-row.acik .ay-ok{transform:rotate(90deg)}
:where(html[data-app="flow"]) #tablo tr.gun-nest td.kol-tarih{padding-left:22px}   /* gün, ay altında girintili */
:where(html[data-app="flow"]) #tablo td.ay-alt{padding-left:46px !important}        /* ödeme şekli, gün altında girintili */
:where(html[data-app="flow"]) .d-rozet.d-manuel{background:color-mix(in srgb, var(--ink3) 15%, transparent);color:var(--ink2)}

/* flow — kurum fatura satır kaynağı (cari / reçete) etiketi */
:where(html[data-app="flow"]) .kf-kaynak{display:inline-block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:middle}
:where(html[data-app="flow"]) .kf-kaynak.k-cari{background:color-mix(in srgb, var(--nakit) 15%, transparent);color:var(--nakit)}
:where(html[data-app="flow"]) .kf-kaynak.k-recete{background:color-mix(in srgb, var(--havale) 16%, transparent);color:var(--havale)}
/* ============================================================
   SACHET — Test Yönetimi (yönetici servisi). Düzen/tablo/tab/kpi kuralları
   diğer servislerle ORTAK (yukarıdaki app-listelerine sachet eklendi); aşağısı
   yalnız servise özgü küçük ekler: arama · test seviye rozeti · durum · admin kabı. */
/* arama ORTAK .tablo-ara bileşenine taşındı (lobby ile birebir; kurallar yukarıda).
   Yerleşim: sekmeler solda · SAĞDA Filtreler + arama bitişik (arama EN SAĞDA) —
   ortak .tablo-tabs .filtre-ac-btn{margin-left:auto} sağ bloğu iter, ek kural gerekmez. */
:where(html[data-app="sachet"]) .sac-ecz{font-weight:700}
:where(html[data-app="sachet"]) .sac-sub{font-size:11px;color:var(--ink3);margin-top:1px}
:where(html[data-app="sachet"]) .sac-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;border:1px solid var(--line)}
:where(html[data-app="sachet"]) .sac-badge.sv-alpha{color:var(--acil);border-color:color-mix(in srgb,var(--acil) 34%,var(--line));background:color-mix(in srgb,var(--acil) 9%,transparent)}
:where(html[data-app="sachet"]) .sac-badge.sv-beta{color:var(--manuel);border-color:color-mix(in srgb,var(--manuel) 34%,var(--line));background:color-mix(in srgb,var(--manuel) 9%,transparent)}
:where(html[data-app="sachet"]) .sac-badge.sv-demo{color:var(--rutin);border-color:color-mix(in srgb,var(--rutin) 34%,var(--line));background:color-mix(in srgb,var(--rutin) 9%,transparent)}
:where(html[data-app="sachet"]) .sac-durum{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
:where(html[data-app="sachet"]) .sac-dot{width:7px;height:7px;border-radius:50%;background:var(--ink3);flex-shrink:0}
:where(html[data-app="sachet"]) .sac-dot.aktif{background:var(--ok)}
:where(html[data-app="sachet"]) .sac-dot.pasif{background:var(--acil)}
:where(html[data-app="sachet"]) .sac-admin{max-width:640px;padding-top:2px}
:where(html[data-app="sachet"]) .sac-admin .ct-label:first-child{margin-top:0}
:where(html[data-app="sachet"]) .sac-admin .ak-switch{margin-bottom:16px}
:where(html[data-app="sachet"]) .sac-bos{color:var(--ink3);font-size:13px;padding:22px 4px}
/* ------------------------------------------------------------
   SACHET · Test Grupları grid — LOBBY aktif-kullanıcılar grid'inin TASARIM
   İKİZİ (kopya değil): ortak .sec-kol/.pill/.sort-ok/.urun primitifleri + aynı
   dot/ikon/boş-hücre dili; yalnız kolon düzeni sachet'e özgü. lobby gibi
   table-layout:fixed (kolon genişlikleri thead th'lerinden) — gatekeeper
   birincil .urun hücresi (width:100%;max-width:0) kalan boşluğu alır, dar
   panelde uzun ad ellipsis'e düşer (tam ad title'da). */
:where(html[data-app="sachet"]) #tablo table.sac-grup{table-layout:fixed}
:where(html[data-app="sachet"]) .kol-tg{width:94px;text-align:center;padding-left:6px;padding-right:6px}
:where(html[data-app="sachet"]) td.kol-tg .pill{width:100%;min-width:0;white-space:nowrap}
:where(html[data-app="sachet"]) .kol-kodlama{width:44px;text-align:center}
:where(html[data-app="sachet"]) .kol-eczsay{width:48px;text-align:right;white-space:nowrap}
:where(html[data-app="sachet"]) .kol-baslangic,:where(html[data-app="sachet"]) .kol-hedef{width:90px;white-space:nowrap;color:var(--ink2)}
:where(html[data-app="sachet"]) .kol-gecen{width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="sachet"]) .kol-kalan{width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* aktiflik dot (lobby ile birebir: 15px slotta ortalı 8px nokta) */
:where(html[data-app="sachet"]) .lb-dot-slot{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;flex:none}
:where(html[data-app="sachet"]) .lb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
/* kodlama seviyesi ikon hücresi (lobby kanal ikonu deseni: ortalı, mono ikon) */
:where(html[data-app="sachet"]) .sac-kod{display:inline-flex;align-items:center;justify-content:center;cursor:help}
:where(html[data-app="sachet"]) .sac-kod svg{width:16px;height:16px}
:where(html[data-app="sachet"]) th.kol-kodlama svg{width:14px;height:14px;vertical-align:middle;color:var(--ink3)}
/* boş göstergeler (lobby ile birebir) */
:where(html[data-app="sachet"]) .lb-tg-bos{color:var(--ink3)}
:where(html[data-app="sachet"]) .lb-bos{color:var(--ink3);font-size:13px;padding:22px 4px}
/* grup detay çekmecesi — LOBBY kullanıcı çekmecesinin birebir İKİZİ (ortak
   .md-detay/.db-*/.dt-* iskeleti; aşağısı lobby kd-* kurallarının sachet karşılığı) */
:where(html[data-app="sachet"]) #tablo tbody tr[data-id]{cursor:pointer}   /* satır → çekmece */
:where(html[data-app="sachet"]) .kd-grid{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:2px 14px;margin-bottom:4px}
:where(html[data-app="sachet"]) .kd-grid-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="sachet"]) .kd-grid-satir:last-child{border-bottom:0}
:where(html[data-app="sachet"]) .kd-grid-l{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700;white-space:nowrap;flex:0 0 auto}
:where(html[data-app="sachet"]) .kd-grid-v{font-size:12.5px;font-weight:700;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
/* çekmece avatar: kodlama ikonu (gri, lobby kd-avatar-kanal deseni) */
:where(html[data-app="sachet"]) .db-avatar.kd-avatar-kod{background:var(--panel2);border:1px solid var(--line);color:var(--ink2)}
:where(html[data-app="sachet"]) .db-avatar.kd-avatar-kod svg{width:20px;height:20px}
/* SERVİS HATTI (çekmece 2. sekme): her faz BİR BAŞLIK (toplu switch sağda),
   her servis BİR KUTU — Bilgiler'deki durum kutusunun (dt-etbox) ikizi:
   sol renk şeridi = tür rengi · tür pill'i (eş genişlik) · servis adı · switch sağda */
:where(html[data-app="sachet"]) .sac-faz-bas{display:flex;align-items:center;justify-content:space-between;gap:8px}
/* faz toplu switch'i kutu switch'leriyle AYNI dikey hizada: kutunun sağ iç
   boşluğu (14px padding + 1px kenarlık) kadar içeri çekilir */
:where(html[data-app="sachet"]) .sac-faz-bas .sw{margin-right:15px}
/* servis kutusu: etbox'tan daha sık dizilim (liste) + switch sağa yaslı */
:where(html[data-app="sachet"]) .dt-etbox.sac-servis-box{margin-bottom:8px}
:where(html[data-app="sachet"]) .sac-servis-box .sw{flex:0 0 auto;margin-left:auto}
/* servis türü mini rozeti (service=sarı · artifact=yeşil · agent=mavi · console=gri):
   eş genişlik → tüm kutularda ad aynı hizadan başlar */
:where(html[data-app="sachet"]) .pill.sac-tur{width:84px;min-width:0;box-sizing:border-box;font-size:9px;padding:1px 7px;letter-spacing:.3px}
/* ÇEKMECE AÇIK (liste-dar): kolonlar dar alana sıkışarak uyarlanır — bilgi kaybolmaz,
   tarih/süre kolonları daralır, gatekeeper ellipsis'e düşer (lobby deseni).
   kol-tg DARALTILMAZ: en geniş pill ('release demo') 94px ister, kırpılamaz. */
:where(html[data-app="sachet"]) .md-liste.liste-dar .kol-kodlama{width:38px}
:where(html[data-app="sachet"]) .md-liste.liste-dar .kol-eczsay{width:42px}
:where(html[data-app="sachet"]) .md-liste.liste-dar .kol-baslangic,:where(html[data-app="sachet"]) .md-liste.liste-dar .kol-hedef{width:78px}
:where(html[data-app="sachet"]) .md-liste.liste-dar .kol-gecen{width:60px}
:where(html[data-app="sachet"]) .md-liste.liste-dar .kol-kalan{width:64px}
/* ============================================================
   LOBBY — Kullanıcı Yönetimi. Grid REFEEL ortak komponentleriyle kurulur:
   başlık/satır/hover/tema + .urun (birincil hücre) + .pill (rozet, --pl-c renk).
   Aşağısı yalnız servise özgü: sabit kolon düzeni · arama · aksiyon · rol · denetim. */
/* refeel-standart sabit kolon düzeni (birebir hizalama; genişlik thead th'lerinden) */
:where(html[data-app="lobby"]) #tablo table{table-layout:fixed}
:where(html[data-app="lobby"]) .kol-eczane{width:15%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="lobby"]) .kol-sehir{width:9%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="lobby"]) .kol-kanal{width:56px;text-align:center}
:where(html[data-app="lobby"]) .kol-email{width:19%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
/* telefon SABİT genişlik (+90 5xx xxx xx xx en geniş rakam kombinasyonunda da sığar;
   DM Sans rakamları oransal — 0/9 ağırlıklı numaralar 1-2px geniş) — yüzde dar panelde taşırıyordu */
:where(html[data-app="lobby"]) .kol-telefon{width:142px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ÇEKMECE AÇIK (liste-dar): kolonlar dar alana SIKIŞARAK uyarlanır — e-posta dahil
   hiçbir bilgi kolonu kaybolmaz; yüzdeler küçülür + ikon/rozet kolonları daralır,
   uzun metinler ellipsis'e düşer. Telefon sabit kalır (numara asla kırpılmaz). */
:where(html[data-app="lobby"]) .md-liste.liste-dar .kol-eczane{width:12%}
:where(html[data-app="lobby"]) .md-liste.liste-dar .kol-sehir{width:8%}
:where(html[data-app="lobby"]) .md-liste.liste-dar .kol-email{width:17%}
:where(html[data-app="lobby"]) .md-liste.liste-dar .kol-kanal{width:44px}
:where(html[data-app="lobby"]) .md-liste.liste-dar .kol-test{width:88px}
:where(html[data-app="lobby"]) .kol-test{width:96px;text-align:center;padding-left:6px;padding-right:6px}
/* başlık genişliği = pill genişliği: pill hücreyi doldurur (tüm test pill'leri eş boy) */
:where(html[data-app="lobby"]) td.kol-test .pill{width:100%;min-width:0}
:where(html[data-app="lobby"]) .kol-durum{width:8%}
/* grid-içi arama: ORTAK .tablo-ara bileşeni (yukarıda refeel/sentry/lobby kuralları) */
/* çekmece aksiyon butonları (Başvurular onay/ret YALNIZ çekmecede — grid butonsuz) */
:where(html[data-app="lobby"]) .lb-akt{display:flex;gap:6px;flex-wrap:nowrap}
/* İSTATİSTİKLER · il bazında yoğunluk karo-haritası (#tablo panel çerçevesinin ikizi) */
:where(html[data-app="lobby"]) .lb-harita{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px 14px}
:where(html[data-app="lobby"]) .lbh-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:14px}
:where(html[data-app="lobby"]) .lbh-alt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3)}
:where(html[data-app="lobby"]) .lbh-svg{display:block;width:100%;max-width:820px;height:auto;margin:0 auto}
/* gerçek il sınırları (shared/tr-harita.js): ince ayraç + hover vurgusu */
:where(html[data-app="lobby"]) .lbh-il{stroke:var(--line);stroke-width:.7;transition:stroke .12s,filter .12s;cursor:help}
:where(html[data-app="lobby"]) .lbh-il:hover{stroke:var(--accent);stroke-width:1.2;filter:brightness(1.12)}
:where(html[data-app="lobby"]) .lbh-legend{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--ink2)}
/* lejant = haritayla aynı 4 SABİT ton (kesikli dilimler; geçiş/ara renk yok) */
:where(html[data-app="lobby"]) .lbh-grad{width:120px;height:8px;border-radius:6px;border:1px solid var(--line);background:linear-gradient(90deg,#eafdf8 0 25%,#ffba49 25% 50%,#ef5b5b 50% 75%,#632b30 75% 100%)}
:where(html[data-app="lobby"]) .lbh-not{margin-left:auto;color:var(--ink3)}
:where(html[data-app="lobby"]) .lb-btn{font-family:inherit;font-size:12px;font-weight:600;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:5px 10px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}
:where(html[data-app="lobby"]) .lb-btn:hover{border-color:var(--accent);background:var(--panel)}
:where(html[data-app="lobby"]) .lb-btn.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 34%,var(--line))}
:where(html[data-app="lobby"]) .lb-btn.ok:hover{background:color-mix(in srgb,var(--ok) 10%,transparent);border-color:var(--ok)}
:where(html[data-app="lobby"]) .lb-btn.tehlike{color:var(--acil);border-color:color-mix(in srgb,var(--acil) 32%,var(--line))}
:where(html[data-app="lobby"]) .lb-btn.tehlike:hover{background:color-mix(in srgb,var(--acil) 10%,transparent);border-color:var(--acil)}
/* boş test grubu göstergesi */
:where(html[data-app="lobby"]) .lb-tg-bos{color:var(--ink3)}
/* sec-kol durum dot'u — refeel'in "×" (pasif-btn 15×15) yerine aynı ayak izinde:
   dot 15×15 slotta ortalı → checkbox ile arası refeel ile birebir (sk-wrap gap:5) */
:where(html[data-app="lobby"]) .lb-dot-slot{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;flex:none}
:where(html[data-app="lobby"]) .lb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
/* başvuru kanalı ikon hücresi (refeel AI kolonu deseni: ortalı, mono ikon) */
:where(html[data-app="lobby"]) .lb-kanal{display:inline-flex;align-items:center;justify-content:center;color:var(--ink2);cursor:help}
/* ikonlar optik olarak eşit boyutta: kare IG biraz büyük, roket biraz küçük görünür → dengele */
:where(html[data-app="lobby"]) .lb-kanal svg{width:15px;height:15px}
:where(html[data-app="lobby"]) .lb-kanal[data-kanal="instagram"] svg{width:16.5px;height:16.5px}
:where(html[data-app="lobby"]) .lb-kanal[data-kanal="kurucu"] svg{width:16px;height:16px}
:where(html[data-app="lobby"]) th.kol-kanal svg{width:14px;height:14px;vertical-align:middle;color:var(--ink3)}
:where(html[data-app="lobby"]) .lb-bos{color:var(--ink3);font-size:13px;padding:22px 4px}
/* kullanıcı detay çekmecesi (ORTAK .md-detay deseni; refeel/sentry kuralları yukarıda) */
:where(html[data-app="lobby"]) #tablo tbody tr[data-id]{cursor:pointer}   /* satır → çekmece */
:where(html[data-app="lobby"]) .kd-link{color:var(--ink);text-decoration:none;border-bottom:1px dashed var(--line)}
:where(html[data-app="lobby"]) .kd-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
:where(html[data-app="lobby"]) .kd-akt{margin-top:18px}
:where(html[data-app="lobby"]) .kd-akt .lb-btn{flex:1;padding:8px 10px;text-align:center}
/* İletişim sekmesi hızlı aksiyonları: <a> etiketli lb-btn (mailto/tel) buton görünümünde */
:where(html[data-app="lobby"]) .kd-hizli{margin-top:2px}
:where(html[data-app="lobby"]) .kd-hizli-btn{flex:1;padding:8px 10px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
/* TEMEL BİLGİLER kutusu — box-in-box: #tablo grid çerçevesinin (panel2 + line + radius)
   mini karşılığı; satırlar standart grid diliyle (etiket = th tipografisi 10px uppercase
   ink3 · değer = td 12.5px bold · satır ayracı var(--line), son satırda yok) */
:where(html[data-app="lobby"]) .kd-grid{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:2px 14px;margin-bottom:4px}
:where(html[data-app="lobby"]) .kd-grid-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
:where(html[data-app="lobby"]) .kd-grid-satir:last-child{border-bottom:0}
:where(html[data-app="lobby"]) .kd-grid-l{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink3);font-weight:700;white-space:nowrap;flex:0 0 auto}
:where(html[data-app="lobby"]) .kd-grid-v{font-size:12.5px;font-weight:700;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
/* Temel Bilgiler başlık satırı: kalem (düzenle) ikonu başlıkla AYNI satırda sağda */
:where(html[data-app="lobby"]) .kd-tb-bas{display:flex;align-items:center;justify-content:space-between;gap:8px}
:where(html[data-app="lobby"]) .kd-kalem{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:0;background:transparent;color:var(--ink3);cursor:pointer;padding:0;transition:color .13s,background .13s}
:where(html[data-app="lobby"]) .kd-kalem:hover{color:var(--accent);background:var(--panel2)}
/* düzenleme modu: değer input'ları (sağa hizalı, görüntü moduyla aynı tipografi) */
:where(html[data-app="lobby"]) .kd-grid-duzen .kd-grid-satir{padding:6px 0}
:where(html[data-app="lobby"]) .kd-inp{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink);outline:none;text-align:right;transition:border-color .13s}
:where(html[data-app="lobby"]) .kd-inp:focus{border-color:var(--accent)}
/* Kayıt bölümü hazır-seçenek dropdown'ları (.kd-sel): input görünümüne uyar, sağ hizalı + özel karet */
:where(html[data-app="lobby"]) select.kd-inp{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:26px;text-align:right;text-align-last:right;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b93a0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 9px center}
:where(html[data-app="lobby"]) select.kd-inp option{background:var(--panel);color:var(--ink);text-align:left}
:where(html[data-app="lobby"]) .kd-duzen-akt{margin-top:12px}
:where(html[data-app="lobby"]) .kd-duzen-akt .lb-btn{flex:1;padding:8px 10px;text-align:center}
/* çekmece "Başvuru kanalı" satırı: ikon + ad yan yana dikey ortalı */
:where(html[data-app="lobby"]) .md-govde .lb-kanal{vertical-align:-2px;margin-right:2px}
/* ============================================================
   WATSON — Müşteri İletişim konsolu (yönetici servisi; whatson eklentisini
   yönetir). Düzen/tablo/tab/kpi kuralları diğer servislerle ORTAK
   (app-listelerine watson eklendi); aşağısı yalnız servise özgü: bot ayar
   kartları · şematik akış editörü · şablon önizleme · destek listeleri. */
:where(html[data-app="watson"]) .wn-kart{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:14px;max-width:720px}
:where(html[data-app="watson"]) .wn-kart .ak-switch{margin:0}
:where(html[data-app="watson"]) .wn-alanlar{display:flex;gap:14px;margin-top:15px;flex-wrap:wrap}
:where(html[data-app="watson"]) .wn-alan{display:flex;flex-direction:column;gap:5px}
:where(html[data-app="watson"]) .wn-alan label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--ink3)}
:where(html[data-app="watson"]) .wn-alan input{font:inherit;font-size:13px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 11px;outline:none;width:170px}
:where(html[data-app="watson"]) .wn-alan input:focus{border-color:var(--accent)}
:where(html[data-app="watson"]) .wn-sen-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
:where(html[data-app="watson"]) .wn-metin{width:100%;min-height:132px;resize:vertical;font:inherit;font-size:13px;line-height:1.55;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 13px;outline:none;margin-top:13px;box-sizing:border-box}
:where(html[data-app="watson"]) .wn-metin:focus{border-color:var(--accent)}
:where(html[data-app="watson"]) .wn-ipucu{font-size:11.5px;color:var(--ink3);margin-top:7px;line-height:1.5}
:where(html[data-app="watson"]) .wn-ipucu code{font-family:inherit;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:5px;padding:1px 5px}
:where(html[data-app="watson"]) .wn-onizle{margin-top:12px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:12px 15px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;color:var(--ink)}
:where(html[data-app="watson"]) .wn-onizle-l{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--ink3);margin-bottom:6px}
:where(html[data-app="watson"]) .wn-kaydet{display:flex;align-items:center;gap:12px;margin-top:4px;max-width:720px}
:where(html[data-app="watson"]) .wn-kaydet button{font:inherit;font-size:13px;font-weight:700;color:var(--accent-ink);background:var(--accent);border:0;border-radius:10px;padding:10px 22px;cursor:pointer}
:where(html[data-app="watson"]) .wn-kaydet button:disabled{opacity:.4;cursor:not-allowed}
:where(html[data-app="watson"]) .wn-durum{font-size:12.5px;font-weight:600;color:var(--ink3)}
:where(html[data-app="watson"]) .wn-durum.ok{color:var(--ok)}
:where(html[data-app="watson"]) .wn-durum.hata{color:var(--acil)}
:where(html[data-app="watson"]) .wn-uyari{max-width:720px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--yolda);border-radius:10px;padding:13px 16px;font-size:12.5px;color:var(--ink2);line-height:1.55;margin-bottom:14px}
:where(html[data-app="watson"]) .wn-bos{color:var(--ink3);font-size:13px;padding:22px 4px}
:where(html[data-app="watson"]) .wn-tel{font-variant-numeric:tabular-nums;white-space:nowrap}
:where(html[data-app="watson"]) .wn-sen-rozet{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent);white-space:nowrap}
:where(html[data-app="watson"]) .wn-sil-h{width:44px;text-align:center}
:where(html[data-app="watson"]) .wn-sil{font:inherit;font-size:12px;width:26px;height:26px;border-radius:7px;background:var(--panel2);border:1px solid var(--line);color:var(--ink3);cursor:pointer;transition:border-color .13s,color .13s}
:where(html[data-app="watson"]) .wn-sil:hover{border-color:var(--acil);color:var(--acil)}
:where(html[data-app="watson"]) .wn-sil:disabled{opacity:.35;cursor:not-allowed}
:where(html[data-app="watson"]) .wn-tarih{white-space:nowrap}
:where(html[data-app="watson"]) .wn-alt-switch{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
:where(html[data-app="watson"]) .wn-alt-switch .ak-sw-ad{font-size:13.5px}
:where(html[data-app="watson"]) .wn-durum-h{font-size:12px;color:var(--ink2)}
:where(html[data-app="watson"]) .wn-durum-h b{color:var(--ok);font-weight:700}
/* ---- watson: şematik akış editörü (Akışlar sekmesi) ---- */
:where(html[data-app="watson"]) .wn-bolum-bas{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:var(--ink3);margin:24px 0 12px}
:where(html[data-app="watson"]) #akisSekme > .wn-bolum-bas:first-child{margin-top:6px}
:where(html[data-app="watson"]) .wn-akis{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px 18px;margin-bottom:14px;max-width:720px}
:where(html[data-app="watson"]) .wn-akis-bas{display:flex;align-items:center;gap:10px}
:where(html[data-app="watson"]) .wn-akis-ad{font-size:14.5px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}
:where(html[data-app="watson"]) .wn-akis-rozet{display:inline-flex;align-items:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:20px;color:var(--ink2);border:1px solid var(--line);background:var(--panel2)}
:where(html[data-app="watson"]) .wn-akis-sw{width:auto;margin-left:auto;flex:0 0 auto}
:where(html[data-app="watson"]) .wn-akis-not{max-width:720px;font-size:12px;color:var(--ink2);line-height:1.55;margin:2px 0 14px}
:where(html[data-app="watson"]) .wn-akis-not b{color:var(--ink);font-weight:700}
:where(html[data-app="watson"]) .wn-dugumler{display:flex;flex-direction:column;align-items:stretch;margin-top:13px}
:where(html[data-app="watson"]) .wn-dugum{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 13px}
:where(html[data-app="watson"]) .wn-dugum.tetik{border-left:3px solid var(--ink3)}
:where(html[data-app="watson"]) .wn-dugum.bot{border-left:3px solid var(--accent)}
:where(html[data-app="watson"]) .wn-dugum.sonuc{border-left:3px solid var(--ok)}
:where(html[data-app="watson"]) .wn-dugum-et{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--ink3);margin-bottom:6px;display:block}
:where(html[data-app="watson"]) .wn-tetik-metin,:where(html[data-app="watson"]) .wn-sonuc-metin{font-size:12.5px;color:var(--ink2);line-height:1.5}
:where(html[data-app="watson"]) .wn-sonuc-metin b{color:var(--ink);font-weight:700}
:where(html[data-app="watson"]) .wn-dugum .wn-metin{margin-top:0;min-height:92px}
:where(html[data-app="watson"]) .wn-ok{align-self:center;width:2px;height:15px;background:var(--line);position:relative;margin:3px 0}
:where(html[data-app="watson"]) .wn-ok::after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--line)}
/* ---- watson: n8n tarzı akış tuvali (Akışlar sekmesi) ---- */
:where(html[data-app="watson"]) .wn-akis-bar{display:flex;align-items:center;gap:14px;margin:2px 0 14px;flex-wrap:wrap;max-width:100%}
:where(html[data-app="watson"]) .wn-akis-ipucu{font-size:12.5px;color:var(--ink2);line-height:1.5}
:where(html[data-app="watson"]) .wn-akis-ipucu b{color:var(--ink);font-weight:700}
:where(html[data-app="watson"]) .wn-canvas-sar{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
:where(html[data-app="watson"]) .wn-canvas{position:relative;width:1024px;height:440px;background-image:radial-gradient(color-mix(in srgb,var(--ink3) 45%,transparent) 1px, transparent 1px);background-size:22px 22px;background-position:-1px -1px}
:where(html[data-app="watson"]) .wn-baglanti{position:absolute;left:0;top:0;pointer-events:none;z-index:0}
:where(html[data-app="watson"]) .wn-baglanti path{fill:none;stroke:var(--ink3);stroke-width:2;opacity:.5}
:where(html[data-app="watson"]) .wn-node{position:absolute;z-index:1;width:196px;box-sizing:border-box;display:flex;align-items:center;gap:11px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer;text-align:left;font:inherit;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:border-color .13s,box-shadow .13s,transform .13s}
:where(html[data-app="watson"]) .wn-node:hover{border-color:var(--accent);box-shadow:0 5px 16px rgba(0,0,0,.13);transform:translateY(-1px)}
:where(html[data-app="watson"]) .wn-node.secili{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 38%,transparent)}
:where(html[data-app="watson"]) .wn-node.kapali{opacity:.55}
:where(html[data-app="watson"]) .wn-node-ik{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}
:where(html[data-app="watson"]) .wn-node-ik svg{width:19px;height:19px}
:where(html[data-app="watson"]) .wn-node.tip-trigger .wn-node-ik{background:color-mix(in srgb,#16a34a 16%,transparent);color:#16a34a}
:where(html[data-app="watson"]) .wn-node.tip-aksiyon .wn-node-ik{background:color-mix(in srgb,#d97706 16%,transparent);color:#d97706}
:where(html[data-app="watson"]) .wn-node-tx{min-width:0;display:flex;flex-direction:column;gap:1px}
:where(html[data-app="watson"]) .wn-node-tx b{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="watson"]) .wn-node-tx span{font-size:10.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-app="watson"]) .wn-node-dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--ink3);box-shadow:0 0 0 2px var(--panel)}
:where(html[data-app="watson"]) .wn-node.aktif .wn-node-dot{background:#16a34a}
/* çekmece (düğüm detay/ayar) */
:where(html[data-app="watson"]) .wn-cek-scrim{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.3);opacity:0;transition:opacity .2s}
:where(html[data-app="watson"]) .wn-cek-scrim.acik{opacity:1}
:where(html[data-app="watson"]) .wn-cek{position:fixed;top:0;right:0;height:100%;width:min(440px,94vw);z-index:60;background:var(--panel);border-left:1px solid var(--line);box-shadow:-10px 0 34px rgba(0,0,0,.2);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .24s cubic-bezier(.4,0,.2,1)}
:where(html[data-app="watson"]) .wn-cek.acik{transform:none}
:where(html[data-app="watson"]) .wn-cek-bas{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--line)}
:where(html[data-app="watson"]) .wn-cek-baslik{flex:1;font-size:15.5px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}
:where(html[data-app="watson"]) .wn-cek-kapat{width:30px;height:30px;flex:0 0 auto;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--ink2);cursor:pointer;font-size:13px}
:where(html[data-app="watson"]) .wn-cek-kapat:hover{border-color:var(--acil);color:var(--acil)}
:where(html[data-app="watson"]) .wn-cek-govde{flex:1;overflow-y:auto;padding:18px 22px 22px}
:where(html[data-app="watson"]) .wn-cek-govde .wn-kart{max-width:none}
:where(html[data-app="watson"]) .wn-cek-govde .ak-switch{margin:0 0 4px}
:where(html[data-app="watson"]) .wn-cek-alt{display:flex;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid var(--line);background:var(--panel)}
:where(html[data-app="watson"]) .wn-cek-alt button{font:inherit;font-size:13px;font-weight:700;color:var(--accent-ink);background:var(--accent);border:0;border-radius:10px;padding:10px 24px;cursor:pointer}
:where(html[data-app="watson"]) .wn-cek-alt button:disabled{opacity:.4;cursor:not-allowed}
:where(html[data-app="watson"]) .wn-panel-not{font-size:12.5px;color:var(--ink2);line-height:1.55;margin:0 0 16px;padding-bottom:14px;border-bottom:1px dashed var(--line)}
:where(html[data-app="watson"]) .wn-lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--ink3);margin:16px 0 7px}
:where(html[data-app="watson"]) .wn-tetik-kutu{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--ink3);border-radius:9px;padding:10px 12px;margin:14px 0}
:where(html[data-app="watson"]) .wn-tetik-kutu.sonuc{border-left-color:#16a34a}
:where(html[data-app="watson"]) .wn-tetik-kutu .wn-dugum-et{margin-bottom:4px}
:where(html[data-app="watson"]) .wn-tam-input{font:inherit;font-size:13px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 11px;outline:none;width:100%;box-sizing:border-box}
:where(html[data-app="watson"]) .wn-tam-input:focus{border-color:var(--accent)}
/* lobby > kullanıcı kartı > Görüşmeler sekmesi (whatson oturum kayıtları) */
:where(html[data-app="lobby"]) .lg-kaynak{font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--ink3);text-transform:uppercase;float:right}
:where(html[data-app="lobby"]) .lg-oturum{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:12px 14px;margin-bottom:12px}
:where(html[data-app="lobby"]) .lg-oturum-bas{display:flex;align-items:baseline;gap:8px;width:100%;font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--ink3);background:none;border:0;padding:0;cursor:pointer;text-align:left}
:where(html[data-app="lobby"]) .lg-oturum-bas:hover{color:var(--ink2)}
:where(html[data-app="lobby"]) .lg-ok{display:inline-block;transition:transform .15s;flex:0 0 auto}
:where(html[data-app="lobby"]) .lg-oturum.acik .lg-ok{transform:rotate(90deg)}
:where(html[data-app="lobby"]) .lg-aralik{flex:1;min-width:0}
:where(html[data-app="lobby"]) .lg-oturum-say{font-weight:600;letter-spacing:.4px;flex:0 0 auto}
/* kısa özet: oturum kapalıyken görünür; açılınca mesajlar gelir */
:where(html[data-app="lobby"]) .lg-ozet{font-size:12px;color:var(--ink2);line-height:1.5;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="lobby"]) .lg-oturum.acik .lg-ozet{display:none}
:where(html[data-app="lobby"]) .lg-mesajlar{display:none;margin-top:10px}
:where(html[data-app="lobby"]) .lg-oturum.acik .lg-mesajlar{display:block}
/* balonlar: müşteri = gri çerçeve · feels = kırmızı ince çerçeve; ikisi de panel (beyaz) zemin */
:where(html[data-app="lobby"]) .lg-msg{max-width:86%;width:fit-content;border-radius:10px;padding:7px 11px;margin-bottom:6px;font-size:12.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:var(--ink);background:var(--panel)}
:where(html[data-app="lobby"]) .lg-msg.gelen{border:1px solid var(--line);margin-right:auto}
:where(html[data-app="lobby"]) .lg-msg.giden{border:1px solid color-mix(in srgb,var(--acil) 65%,var(--line));margin-left:auto}
:where(html[data-app="lobby"]) .lg-msg-ts{font-size:9.5px;color:var(--ink3);margin-top:4px;text-align:right}
/* ---- lobby KART MODU (?kart=1): whatson eklentisi kullanıcı kartını iframe'ler ----
   Yalnız çekmece görünür (tam ekran); liste/kpi/başlık gizli. Salt-okur:
   kapat/gezinme/seçim/kalem/onay-ret kart modunda yok (yazma uçları üçüncü-taraf
   iframe'de cookie'siz 403 alır — whatson çekmecesi zaten salt-okur). */
:where(html.kart-modu[data-app="lobby"]) header{display:none !important}
:where(html.kart-modu[data-app="lobby"]) .md-liste{display:none !important}
:where(html.kart-modu[data-app="lobby"]) .wrap{padding:0;margin:0;max-width:none}
:where(html.kart-modu[data-app="lobby"]) .main{padding:0;margin:0}
:where(html.kart-modu[data-app="lobby"]) #kullaniciDetay{position:fixed;inset:0;width:100%;max-width:none;border-left:0}
:where(html.kart-modu[data-app="lobby"]) #kdKapat, :where(html.kart-modu[data-app="lobby"]) #kdOnceki, :where(html.kart-modu[data-app="lobby"]) #kdSonraki, :where(html.kart-modu[data-app="lobby"]) #kdSec, :where(html.kart-modu[data-app="lobby"]) .kd-kalem, :where(html.kart-modu[data-app="lobby"]) .kd-akt{display:none !important}
/* kullanıcı kartı avatarı: başvuru kanalı ikonu modu (baş harf yerine) —
   zemin/çerçeve/ikon kanal renginde (kurucu kırmızı · network sarı · instagram mor) */
:where(html[data-app="lobby"]) .db-avatar.kd-avatar-kanal{background:color-mix(in srgb,var(--kanal-c) 13%,var(--panel2));border:1px solid color-mix(in srgb,var(--kanal-c) 42%,var(--line));color:var(--kanal-c)}
:where(html[data-app="lobby"]) .db-avatar.kd-avatar-kanal svg{width:21px;height:21px}
/* ---- Supabase yönetici oturumu: header rozeti + çıkış ---- */
:where(html[data-app="lobby"]) .lb-oturum{display:inline-flex;align-items:center;gap:8px;margin-right:4px}
:where(html[data-app="lobby"]) .lb-oturum-email{font-size:12px;color:var(--ink3);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html[data-app="lobby"]) .lb-cikis{font-family:inherit;font-size:11.5px;font-weight:600;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:4px 9px;cursor:pointer;transition:border-color .15s,color .15s}
:where(html[data-app="lobby"]) .lb-cikis:hover{border-color:var(--acil);color:var(--acil)}
/* ---- Supabase yönetici GİRİŞ KAPISI (overlay) ---- */
:where(html[data-app="lobby"]) .lb-giris{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(3px)}
:where(html[data-app="lobby"]) .lb-giris.hidden{display:none}
:where(html[data-app="lobby"]) .lb-giris-kart{width:100%;max-width:340px;display:flex;flex-direction:column;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 24px;box-shadow:0 18px 48px -18px rgba(0,0,0,.4)}
:where(html[data-app="lobby"]) .lb-giris-bas{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
:where(html[data-app="lobby"]) .lb-giris-bas b{color:var(--accent);font-weight:800}
:where(html[data-app="lobby"]) .lb-giris-alt{margin:0 0 6px;font-size:12.5px;line-height:1.5;color:var(--ink3)}
:where(html[data-app="lobby"]) .lb-giris-l{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);margin-top:2px}
:where(html[data-app="lobby"]) .lb-giris-inp{width:100%;font-size:14px;padding:9px 11px}
:where(html[data-app="lobby"]) .lb-giris-hata{font-size:12.5px;color:var(--acil);min-height:0;line-height:1.4}
:where(html[data-app="lobby"]) .lb-giris-hata:empty{display:none}
:where(html[data-app="lobby"]) .lb-giris-btn{margin-top:6px;padding:10px;text-align:center;font-size:13.5px}
:where(html[data-app="lobby"]) .lb-giris-btn:disabled{opacity:.6;cursor:default}
:where(html[data-app="lobby"]) .lb-giris-not{font-size:11.5px;color:var(--ink3);text-align:center;line-height:1.4}
:where(html[data-app="lobby"]) .lb-giris-not:empty{display:none}
/* kart modunda (whatson iframe) giriş kapısı asla görünmez */
:where(html.kart-modu[data-app="lobby"]) .lb-giris{display:none !important}
/* ============================================================
   INDIGO — Başarı & İlerleme (yönetici servisi). Düzen/tablo/tab/kpi kuralları
   diğer servislerle ORTAK (yukarıdaki app-listelerine indigo eklendi); aşağısı
   yalnız servise özgü: arama · seviye rozeti · ilerleme çubuğu · madalya ·
   rozet katalog kartları · liderlik sırası. */
:where(html[data-app="indigo"]) .ind-ara{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 12px;color:var(--ink3);min-width:240px}
:where(html[data-app="indigo"]) .ind-ara input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font-family:inherit;font-size:13px;outline:none}
:where(html[data-app="indigo"]) .ind-ecz{font-weight:700}
:where(html[data-app="indigo"]) .ind-sub{font-size:11px;color:var(--ink3);margin-top:1px}
/* seviye rozeti: pill deseni — renk --sv-c ile seviyeden gelir */
:where(html[data-app="indigo"]) .ind-seviye{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;color:var(--sv-c,var(--accent));border:1px solid color-mix(in srgb,var(--sv-c,var(--accent)) 34%,var(--line));background:color-mix(in srgb,var(--sv-c,var(--accent)) 9%,transparent);white-space:nowrap}
/* XP ilerleme çubuğu: seviye içi ilerleme (sonraki seviyeye kalan) */
:where(html[data-app="indigo"]) .ind-bar{display:flex;align-items:center;gap:9px;min-width:150px}
:where(html[data-app="indigo"]) .ind-bar-ray{flex:1;height:6px;border-radius:6px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}
:where(html[data-app="indigo"]) .ind-bar-dolu{display:block;height:100%;border-radius:6px;background:var(--accent);transition:width .3s}
:where(html[data-app="indigo"]) .ind-bar-xp{font-size:11px;font-weight:600;color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums}
/* sticker görseli (icons8 stickers seti, 100px PNG — kazanım ikonu) */
:where(html[data-app="indigo"]) .ind-stk{width:26px;height:26px;object-fit:contain;flex-shrink:0}
:where(html[data-app="indigo"]) .ind-stk-buyuk{width:54px;height:54px}
/* grid satırı sticker mini-dizisi: stickerlar yan yana + taşan sayısı */
:where(html[data-app="indigo"]) .ind-mini{display:flex;align-items:center;gap:4px}
:where(html[data-app="indigo"]) .ind-mini-artik{font-size:11px;font-weight:700;color:var(--ink3)}
/* seri (streak): alev + gün sayısı */
:where(html[data-app="indigo"]) .ind-seri{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(html[data-app="indigo"]) .ind-seri svg{width:13px;height:13px;color:var(--manuel)}
:where(html[data-app="indigo"]) .ind-seri.sonuk{color:var(--ink3);font-weight:600}
:where(html[data-app="indigo"]) .ind-seri.sonuk svg{color:var(--ink3)}
/* rozet katalog kartları (kart-grid deseni) */
:where(html[data-app="indigo"]) .ind-rozetler{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding-top:4px}
:where(html[data-app="indigo"]) .ind-rozet{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
:where(html[data-app="indigo"]) .ind-rozet-bas{display:flex;align-items:center;gap:11px;margin-bottom:9px}
:where(html[data-app="indigo"]) .ind-rozet-ad{font-size:14px;font-weight:700}
:where(html[data-app="indigo"]) .ind-rozet-sayi{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ink3);margin-top:1px}
:where(html[data-app="indigo"]) .ind-rozet-aciklama{font-size:12.5px;color:var(--ink2);margin-bottom:12px;line-height:1.45;min-height:36px}
:where(html[data-app="indigo"]) .ind-kazananlar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
:where(html[data-app="indigo"]) .ind-kazanan{font-size:11px;font-weight:600;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:3px 8px}
:where(html[data-app="indigo"]) .ind-kazanan-yok{font-size:11.5px;color:var(--ink3);font-style:italic}
/* liderlik sırası: ilk 3 madalya renkli, kalanı numara */
:where(html[data-app="indigo"]) .ind-sira{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:700;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);font-variant-numeric:tabular-nums}
:where(html[data-app="indigo"]) .ind-sira.s1{color:var(--rozet-altin);border-color:color-mix(in srgb,var(--rozet-altin) 45%,var(--line));background:color-mix(in srgb,var(--rozet-altin) 12%,transparent)}
:where(html[data-app="indigo"]) .ind-sira.s2{color:var(--rozet-gumus);border-color:color-mix(in srgb,var(--rozet-gumus) 45%,var(--line));background:color-mix(in srgb,var(--rozet-gumus) 12%,transparent)}
:where(html[data-app="indigo"]) .ind-sira.s3{color:var(--rozet-bronz);border-color:color-mix(in srgb,var(--rozet-bronz) 45%,var(--line));background:color-mix(in srgb,var(--rozet-bronz) 12%,transparent)}
:where(html[data-app="indigo"]) .ind-bos{color:var(--ink3);font-size:13px;padding:22px 4px}
:where(html[data-app="indigo"]) .ind-veri-notu{font-size:11.5px;color:var(--ink3);margin-top:14px}
/* ---- PORTAL ana sayfa "İyi Hissedin" — kullanıcının kazandığı indigo sticker'ları
   (katalog/kural logic/indigo-sticker.js; veri /governance/indigo/benim) ---- */
:where(html[data-app="portal"]) .ih-kutu{margin-bottom:24px}
:where(html[data-app="portal"]) .ih-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
/* seri (streak) kutusu — iki yarım (sol: alev+seri/rekor · sağ: ay hedefi ilerlemesi);
   TEMA-UYUMLU: panel/çizgi/köşe diğer ana sayfa kartlarıyla aynı dil (12px, var(--panel)),
   ilerleme yeşili --ok tokenından */
:where(html[data-app="portal"]) .ih-seri{position:relative;display:flex;align-items:center;gap:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 20px;margin-bottom:12px}
:where(html[data-app="portal"]) .ihs-sol{display:flex;align-items:center;gap:13px;flex:0 0 auto;border-right:1px solid var(--line);padding-right:22px}
:where(html[data-app="portal"]) .ihs-alev{width:42px;height:42px;object-fit:contain;flex-shrink:0}
:where(html[data-app="portal"]) .ihs-l{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--ink3);text-transform:uppercase}
/* İyi Hissedin — canlı göstergesi (giriş loglarından canlı beslenen widget) */
:where(html[data-app="portal"]) .ih-canli{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);vertical-align:middle;margin-left:2px;animation:ih-nabiz 1.6s ease-in-out infinite}
@keyframes ih-nabiz{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
:where(html[data-app="portal"]) .ihs-v{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:.4px;margin-top:2px;white-space:nowrap}
:where(html[data-app="portal"]) .ihs-rekor{font-size:12px;font-weight:600;color:var(--ink3);letter-spacing:.6px;margin-left:6px}
:where(html[data-app="portal"]) .ihs-sag{flex:1;min-width:0}
:where(html[data-app="portal"]) .ihs-sayilar{display:flex;align-items:baseline;gap:10px;margin-top:2px}
:where(html[data-app="portal"]) .ihs-pasif{font-size:12px;font-weight:600;color:var(--ink3)}
:where(html[data-app="portal"]) .ihs-sayi{font-size:15px;font-weight:800;color:var(--ink)}
:where(html[data-app="portal"]) .ihs-bolme{color:var(--ink3);font-weight:700}
:where(html[data-app="portal"]) .ihs-yuzde{font-size:12px;font-weight:600;color:var(--ink3);margin-left:auto}
/* mini gün takvimi: ayın her günü bir kare — aktif (girişli) yeşil ·
   pasif (girişsiz geçmiş) soluk dolu · gelecek yalnız çerçeve */
:where(html[data-app="portal"]) .ihs-gunler{display:flex;gap:3px;margin-top:9px}
:where(html[data-app="portal"]) .ihs-g{flex:1;min-width:5px;max-width:15px;height:11px;border-radius:3px;background:transparent;border:1px solid var(--line)}
:where(html[data-app="portal"]) .ihs-g.pasif{background:color-mix(in srgb,var(--ink3) 22%,transparent)}
:where(html[data-app="portal"]) .ihs-g.aktif{background:var(--ok);border-color:var(--ok)}
:where(html[data-app="portal"]) .ih-stk{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
:where(html[data-app="portal"]) .ih-stk img{width:52px;height:52px;object-fit:contain;flex-shrink:0}
:where(html[data-app="portal"]) .ih-icerik{min-width:0;flex:1}
:where(html[data-app="portal"]) .ih-ad{font-size:13.5px;font-weight:700}
/* kısa açıklama TEK satır — taşan kısım ellipsis (tam metin title ipucunda) */
:where(html[data-app="portal"]) .ih-aciklama{font-size:11.5px;color:var(--ink2);line-height:1.34;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* özlü söz + söyleyen */
:where(html[data-app="portal"]) .ih-soz{font-size:11.5px;font-style:italic;color:var(--ink2);line-height:1.38;margin-top:5px;padding-top:5px;border-top:1px dashed var(--line)}
:where(html[data-app="portal"]) .ih-soz-kim{display:block;font-style:normal;font-weight:600;font-size:10.5px;color:var(--ink3);margin-top:1px;text-align:right}
/* KOLEKSİYON KUTUSU — seri kutusuyla aynı dilde: SOL son sticker detayı
   (görsel + ad + açıklama + özlü söz) · SAĞ koleksiyon kümesi (≤5 sticker,
   44px, üst üste rastgele; tıklanan sol detayı değiştirir) */
:where(html[data-app="portal"]) .ih-koleksiyon{display:flex;gap:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 20px;margin-bottom:24px}
:where(html[data-app="portal"]) .ihk-sol{flex:1 1 85%;min-width:0;border-right:1px solid var(--line);padding-right:22px}
:where(html[data-app="portal"]) .ihk-detay{display:flex;align-items:center;gap:13px;margin-top:4px}
:where(html[data-app="portal"]) .ihk-detay img{width:52px;height:52px;object-fit:contain;flex-shrink:0}
/* koleksiyon detayı satırı: başlık + nadirlik pili + açıklama (esner, ellipsis)
   + sağa dayalı kazanılma tarihi — hepsi TEK satır */
:where(html[data-app="portal"]) .ihk-detay .ih-satir{display:flex;align-items:baseline;gap:7px;min-width:0}
:where(html[data-app="portal"]) .ihk-detay .ih-satir .ih-ad{white-space:nowrap;flex:none}
:where(html[data-app="portal"]) .ihk-detay .ih-satir .ih-aciklama{display:block;flex:1;min-width:0;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* etiket satırı: SON STICKER / KOLEKSİYON #N solda · sağda [nadirlik pili][tarih]
   (pil tarihin solunda, tarihle optik hizada küçültülmüş) */
:where(html[data-app="portal"]) .ihk-bas{display:flex;align-items:center;gap:8px;min-width:0}
:where(html[data-app="portal"]) .ihk-bas #ihkPil{margin-left:auto;display:inline-flex}
:where(html[data-app="portal"]) .ihk-bas .ih-nadirlik{font-size:9px;padding:0.5px 7px;letter-spacing:.2px}
:where(html[data-app="portal"]) .ihk-bas .ih-tarih{margin-left:0}
/* nadirlik pili — indigo katalog piliyle aynı dil (renk logic'ten --nd-c) */
:where(html[data-app="portal"]) .ih-nadirlik{align-self:center;display:inline-flex;align-items:center;font-size:9.5px;font-weight:700;padding:1px 8px;border-radius:20px;color:var(--nd-c,var(--ink3));border:1px solid color-mix(in srgb,var(--nd-c,var(--ink3)) 40%,var(--line));background:color-mix(in srgb,var(--nd-c,var(--ink3)) 10%,transparent);white-space:nowrap;cursor:help;flex:none}
:where(html[data-app="portal"]) .ih-tarih{font-size:10.5px;font-weight:600;color:var(--ink3);white-space:nowrap;flex:none;margin-left:auto}
:where(html[data-app="portal"]) .ihk-sag{flex:0 0 15%;min-width:0;position:relative;display:flex;flex-direction:column}
:where(html[data-app="portal"]) .ihk-sag>.ihs-l{text-align:center}
:where(html[data-app="portal"]) .ihk-kume{position:relative;flex:1;min-height:64px;margin-top:6px}
:where(html[data-app="portal"]) .ihk-stk{position:absolute;width:33px;height:33px;object-fit:contain;cursor:pointer;transform:rotate(var(--rot,0deg));transition:transform .15s;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}
:where(html[data-app="portal"]) .ihk-stk:hover{transform:rotate(var(--rot,0deg)) scale(1.14);z-index:99 !important}
:where(html[data-app="portal"]) .ihk-stk.secili{transform:rotate(0deg) scale(1.1);z-index:98 !important}
:where(html[data-app="portal"]) .ihk-artik{position:absolute;right:0;bottom:2px;font-size:11px;font-weight:700;color:var(--ink3);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:2px 8px}
:where(html[data-app="portal"]) .ih-bos{color:var(--ink3);font-size:12.5px;padding:2px 2px 0;margin-bottom:24px}
/* nadirlik pili (katalog kartı sağ üst): sahip/aktif oranı kademesi — renk logic'ten (--nd-c) */
:where(html[data-app="indigo"]) .ind-nadirlik{margin-left:auto;align-self:flex-start;display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px;color:var(--nd-c,var(--ink3));border:1px solid color-mix(in srgb,var(--nd-c,var(--ink3)) 40%,var(--line));background:color-mix(in srgb,var(--nd-c,var(--ink3)) 10%,transparent);white-space:nowrap;cursor:help}
/* ---- PORTAL bildirim çekmecesi kartları — refeel "Bekleyen Sevkiyatlar" (.svk-*)
   tasarımı birebir: ferah kart + renkli bildirim avatarı + başlık/servis logosu +
   tek satır mesaj; hover'da accent çerçeve + altta açılan cep (zaman · koli özeti) ---- */
/* kutu YOK: bildirimler arka planda çıplak. Ayrım GRİ ÇİZGİYLE DEĞİL: her satırın
   altında kendi hiyerarşi renginde 2px çizgi (cep açılınca da EN ALTTA aynı çizgi).
   OKUNMAMIŞ satır GRİ zemin, okunmuş satır liste zemini (beyaz) — nokta yok */
/* köşe HER satırda 12px → alt çizgi okunmuş (beyaz) satırlarda da okunmamış gri
   blokla aynı yumuşak uçlarla biter (dümdüz tam-genişlik çizgi görüntüsü bozuyordu) */
:where(html[data-app="portal"]) .bnx-wrap{border:0;border-radius:12px;background:transparent;cursor:pointer;border-bottom:2px solid color-mix(in srgb, var(--hs, var(--ink3)) 45%, transparent)}
:where(html[data-app="portal"]) .bnx-wrap.okunmadi{background:var(--panel2)}
/* DUYURU varyantı: bildirim kartı deseni ama TIKLANMAZ, panel zeminli, tarih DAİMA görünür,
   metin TAM (2 satır clamp yok) — üst kenar hizası için start hizalama. */
:where(html[data-app="portal"]) .bnx-wrap.bnx-duyuru{position:relative;cursor:default;background:var(--panel);border:1px solid var(--line);border-bottom-width:2px}
:where(html[data-app="portal"]) .bnx-wrap.bnx-duyuru .bnx-card{align-items:flex-start}
:where(html[data-app="portal"]) .bnx-wrap.bnx-duyuru .bnx-metin{display:block;-webkit-line-clamp:unset;overflow:visible}
:where(html[data-app="portal"]) .bnx-wrap.bnx-duyuru .bnx-mid{padding-right:58px}   /* sağ üst köşedeki tarihe yer aç */
/* duyuru tarihi: box SAĞ ÜST köşesi (3 Tem 26 formatı) */
:where(html[data-app="portal"]) .bnx-duyuru-tarih{position:absolute;top:11px;right:13px;font-size:10.5px;font-weight:600;color:var(--ink3);letter-spacing:.2px;white-space:nowrap;z-index:1}
:where(html[data-app="portal"]) .bnx-card{display:flex;align-items:center;gap:12px;padding:13px 12px;background:transparent;border-radius:0}
/* ikon karesi: hiyerarşi renginin (--hs) AÇIK pastel tonu zemin + AYNI rengin
   KOYU tonu glif; koyu temada glif aynı rengin AÇIK tonuna döner */
:where(html[data-app="portal"]) .bnx-av{position:relative;width:36px;height:36px;border-radius:10px;flex:none;background:color-mix(in srgb, var(--hs, var(--ink3)) 15%, var(--panel));color:color-mix(in srgb, var(--hs, var(--ink3)) 72%, #14212b);display:flex;align-items:center;justify-content:center}
:where(html[data-app="portal"][data-theme="dark"], html[data-app="portal"] [data-theme="dark"]) .bnx-av{color:color-mix(in srgb, var(--hs, var(--ink3)) 70%, #ffffff)}
:where(html[data-app="portal"]) .bnx-av svg{width:18px;height:18px}
:where(html[data-app="portal"]) .bnx-mid{flex:1;min-width:0}
/* başlık + mesaj TEK akış: başlığın yanından metin başlar, toplam İKİ satırla sınırlı */
:where(html[data-app="portal"]) .bnx-metin{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.5;color:var(--ink2)}
:where(html[data-app="portal"]) .bnx-ad{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.2px;margin-right:4px}
:where(html[data-app="portal"]) .bnx-cep{max-height:0;overflow:hidden;transition:max-height .22s ease}
:where(html[data-app="portal"]) .bnx-wrap:hover .bnx-cep{max-height:60px}
/* cep rengi hiyerarşi sınıfından — wrap'taki --hs kalıtımla iner */
/* cep: üst köşeler KESKİN (satıra yapışık), alt iki köşe satır zeminiyle hizalı;
   renkli çizgi wrap'ın alt kenarında (daralmış durumda da aynı çizgi) */
:where(html[data-app="portal"]) .bnx-cep-ic{display:flex;align-items:center;gap:16px;padding:10px 14px 12px;background:color-mix(in srgb,var(--hs,var(--accent)) 6%,transparent);font-size:12.5px;font-weight:500;color:var(--hs,var(--accent));border-radius:0 0 12px 12px;margin:0}
:where(html[data-app="portal"]) .bnx-cep-ic .seg{display:inline-flex;align-items:center;gap:6px}
/* zaman damgası: metnin ALTINDA, yalnız hover'da belirir (cep ile aynı yumuşaklıkta) */
:where(html[data-app="portal"]) .bnx-mid .bnx-zaman{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--hs,var(--ink3));max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .22s ease,opacity .18s ease,margin-top .22s ease}
:where(html[data-app="portal"]) .bnx-wrap:hover .bnx-mid .bnx-zaman{max-height:20px;opacity:1;margin-top:5px}
:where(html[data-app="portal"]) .bnx-mid .bnx-zaman svg{width:13px;height:13px}
/* zaman yanı toggle butonları: AÇIK GRİ; tıklanınca (aktif) bildirim primary rengine döner */
:where(html[data-app="portal"]) .bnx-zaman-akt{display:inline-flex;gap:3px;margin-left:8px}
:where(html[data-app="portal"]) .bnx-zaman-akt button{width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:var(--ink3);opacity:.6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .13s,opacity .13s,background .13s}
:where(html[data-app="portal"]) .bnx-zaman-akt button:hover{opacity:1;background:color-mix(in srgb, var(--hs, var(--ink3)) 10%, transparent)}
:where(html[data-app="portal"]) .bnx-zaman-akt button.aktif{color:var(--hs,var(--accent));opacity:1}
/* 'İncelemek ister misiniz?' bildirimlerinde zaman satırının EN SAĞINDA Şimdi İncele */
:where(html[data-app="portal"]) .bnx-zaman .bnx-simdi{margin-left:auto;font:inherit;font-size:11px;font-weight:700;color:#fff;background:var(--hs,var(--accent));border:0;border-radius:7px;padding:3px 12px;cursor:pointer;transition:filter .13s}
:where(html[data-app="portal"]) .bnx-zaman .bnx-simdi:hover{filter:brightness(1.08)}
:where(html[data-app="portal"]) .bnx-cep-ic svg{width:16px;height:16px}
/* animasyonlu avatar ikonu (SMIL svg) biraz daha büyük — takvim detayı okunsun */
:where(html[data-app="portal"]) .bnx-av svg.bnx-anim{width:23px;height:23px}
/* ---- PORTAL ana sayfa Anket bölümü (Typeform canlı embed) ----
   çerçevesiz; %75 zoom-out (zoom layout'u da küçültür — iframe %100 yerleşiminin
   3/4'ü kadar yer kaplar) */
/* Anket embed'i — çerçeve diğer ana sayfa kartlarıyla BİREBİR (var(--panel) +
   1px var(--line) + 12px köşe); zoom İÇ sarmalayıcıda kalır ki çerçeve kalınlığı
   diğer kartlarla aynı (1px) çizilsin */
:where(html[data-app="portal"]) .anket-kutu{margin-bottom:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 20px;overflow:hidden}
:where(html[data-app="portal"]) .anket-kutu>div{zoom:.75}