/* ====================================================================
   Panel gosterge tasarimi - SETS, Ana Panel ve Insan Kaynaklari ortak.

   Kullanim: gostergeleri .dash-board kapsayicisina koy. Zemin, kenarlik ve
   yazi renkleri panelin --panel-* tokenlarindan gelir; boylece kartlar
   panelin diger bolumleriyle ayni gorunur ve temayi kendiliginden izler.

   Sinif adlari dash- onekiyle ayrilmistir, panellerin kendi kurallariyla
   catismaz.
   ==================================================================== */

.dash-board{
  /* Renkler panelin kendi tokenlarindan gelir; acik/koyu tema degisimi
     panel-redesign.css ve panel-light.css tarafindan yapilir. Onceki
     surumde ayri bir mor-lacivert palet vardi ve kartlar sayfanin geri
     kalaniyla uyusmuyordu. */
  --d-card:var(--panel-surface,#0d1b2d);
  --d-line:var(--panel-border,#213650);
  --d-ink:var(--panel-text,#f3f7fb);
  --d-muted:var(--panel-muted,#7f92a8);
  --d-soft:var(--panel-surface-2,#112238);
  --d-hole:var(--panel-surface,#0d1b2d);
  --d-inset:var(--panel-surface-2,#112238);
  --d-grid:var(--panel-border,#213650);
  --d-shadow:0 1px 2px rgba(16,27,43,.05),0 8px 22px rgba(16,27,43,.06);
  --d-radius:var(--panel-radius,8px);
  --d-blue:#2f7cd0;
  --d-cyan:#42c7d0;
  --d-green:var(--panel-success,#2fbf85);
  --d-amber:#e0a53a;
  --d-font-num:Sora,Inter,"Segoe UI",Arial,sans-serif;
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;
}

.dash-board .dash-card,
.dash-board .dash-tile{
  position:relative;min-width:0;border:1px solid var(--d-line);border-radius:var(--d-radius);
  background:var(--d-card);box-shadow:var(--d-shadow);color:var(--d-ink);
}
/* Panellerin kuresel ":is(h1,h2,h3,strong){color:var(--panel-text)}" kurali
   kart zeminiyle catisiyordu; bolum icinde acikca sabitlenir. */
.dash-board h3,.dash-board strong,.dash-board b{color:var(--d-ink)}
.dash-board .dash-card h3{margin:0;font-family:var(--d-font-num);font-size:14px;font-weight:700;letter-spacing:-.01em}
.dash-board .dash-card p{margin:4px 0 0;font-size:10px;font-weight:500;color:var(--d-muted)}
.dash-board .dash-card p b{color:var(--d-green)}
.dash-board .dash-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 0}
.dash-board .dash-card>header small{color:var(--d-muted);font-size:10px;font-weight:700}

/* --- ozet kutulari --- */
/* Satir kaplari kutu uretmez; kartlar dogrudan .dash-board izgarasinin
   ogesi olur. Boylece kullanici kartlari satir sinirina takilmadan
   yeniden siralayabilir (CSS order ile; DOM yerinden oynatilmaz). */
.dash-board .dash-tiles,.dash-board .dash-main,.dash-board .dash-lower{display:contents}
.dash-board .dash-tile{grid-column:span 3}
.dash-board .dash-tiles.is-3 .dash-tile{grid-column:span 4}
.dash-board .dash-card{grid-column:span 6}
.dash-board .dash-topbar{grid-column:1/-1}
.dash-board .dash-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;min-height:96px}
.dash-board .dash-tile-text{min-width:0}
.dash-board .dash-tile-text>span{display:block;color:var(--d-muted);font-size:10px;font-weight:600}
.dash-board .dash-tile-text>strong{display:block;margin-top:8px;font-family:var(--d-font-num);font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.02em}
.dash-board .dash-tile-text>small{display:block;margin-top:6px;font-size:9px;font-weight:500;color:var(--d-muted)}
.dash-board .dash-tile-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;
  background:linear-gradient(310deg,var(--d-blue),var(--d-cyan));color:#fff}
.dash-board .dash-tile-icon svg{width:20px;height:20px}

/* --- lider kartlari (en cok X yapan kisi) --- */
/* "Yerlesimi duzenle" surukle-birak sistemine dahil degil (kartlar() secicisinde
   yok), bu yuzden kullanicinin kaydettigi kart sirasindan etkilenmez; order:-1
   ile diger tum kartlardan (onlarin sirasi ne olursa olsun, order:0'dan baslar)
   her zaman once, dashboard'un en ustunde sabit kalir. */
.dash-board .dash-leaders{grid-column:1/-1;order:-1;position:relative;display:flex;align-items:stretch;
  border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-card);
  box-shadow:var(--d-shadow);overflow:hidden}
/* Kartin kenarligini gercek geometrisiyle (her kenarda sabit hizda, koseleri
   dogru donerek) dolasan tek bir isik noktasi - conic-gradient acisal oldugu
   icin bu kart gibi cok genis/kisa bir kutuda duzgun gorunmuyordu. SVG rect
   + pathLength=100 ile kenarlik, boyuttan bagimsiz 100 birime bolunuyor; JS
   (asagida) rect'i kartin gercek piksel olcusune oturtuyor. */
.dash-board .dash-leaders-beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.dash-board .dash-leaders-beam rect{
  fill:none;stroke:#64d5ff;stroke-width:2;stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(48,166,235,.85));
  stroke-dasharray:8 92;animation:dashLeadersBeam 3.2s linear infinite}
@keyframes dashLeadersBeam{to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.dash-board .dash-leaders-beam rect{animation:none;opacity:0}}
.dash-board .dash-leader{flex:1;display:flex;align-items:center;gap:12px;padding:14px 18px;min-width:0;border-right:1px solid var(--d-line)}
.dash-board .dash-leader:last-child{border-right:0}
/* Tek kart varken (henuz diger lider kartlari eklenmediyse) tam genislige
   gerilip isim ile sayi arasinda bos alan birakmasin; icerige sarilsin. */
.dash-board .dash-leaders:has(.dash-leader:only-child){justify-content:flex-start}
.dash-board .dash-leaders:has(.dash-leader:only-child) .dash-leader{flex:0 0 auto;min-width:320px}
.dash-board .dash-leader-ic{flex:none;width:44px;height:48px}
.dash-board .dash-leader-ic img{display:block;width:100%;height:100%;object-fit:contain}
.dash-board .dash-leader-body{flex:1;min-width:0;display:grid;gap:7px}
.dash-board .dash-leader-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-leader-title-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dash-board .dash-leader-crown{flex:none;width:14px;height:13px;display:block}
.dash-board .dash-leader-person{display:flex;align-items:center;gap:8px;min-width:0}
.dash-board .dash-leader-avatar{flex:none;width:24px;height:24px;border-radius:50%;overflow:hidden}
.dash-board .dash-leader-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.dash-board .dash-leader-person strong{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-board .dash-leader-value{flex:none;display:flex;align-items:baseline;gap:4px;font-family:Sora,Inter,"Segoe UI",Arial,sans-serif}
.dash-board .dash-leader-value strong{font-size:18px;font-weight:700}
.dash-board .dash-leader-value small{color:var(--d-muted);font-size:10px;font-weight:600}
.dash-board .dash-leader-chevron{flex:none;width:16px;height:16px;color:var(--d-muted)}
.dash-board .dash-leaders:has(.dash-leader:only-child) .dash-leader-chevron{display:none}
@media(max-width:900px){
  .dash-board .dash-leaders{flex-direction:column}
  .dash-board .dash-leader{border-right:0;border-bottom:1px solid var(--d-line)}
  .dash-board .dash-leader:last-child{border-bottom:0}
}

/* --- alan grafigi + haftalik sutunlar --- */
.dash-board .dash-card-flow{grid-column:span 8}
.dash-board .dash-card-weeks{grid-column:span 4}
.dash-board .dash-key{display:flex;gap:14px;margin:0;padding:0;list-style:none;color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-key li{display:flex;align-items:center;gap:6px}
.dash-board .dash-key i,.dash-board .dash-legend i{width:8px;height:8px;border-radius:50%;flex:none}
.dash-board .is-blue{background:var(--d-blue)}
.dash-board .is-cyan{background:var(--d-cyan)}
.dash-board .is-amber{background:var(--d-amber)}
.dash-board .dash-plot{padding:14px 18px 0}
.dash-board .dash-plot svg{display:block;width:100%;height:210px}
.dash-board .dash-plot-x{display:flex;justify-content:space-between;gap:4px;padding:8px 18px 18px;color:var(--d-muted);font-size:9px;font-weight:700}

.dash-board .dash-card-weeks{display:flex;flex-direction:column;padding:18px}
.dash-board .dash-bars{border-radius:6px;background:linear-gradient(127deg,#0755ad,#2f7cd0);padding:14px 14px 10px}
.dash-board .dash-bars svg{display:block;width:100%;height:132px}
.dash-board .dash-card-weeks h3{margin-top:16px}
.dash-board .dash-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}
.dash-board .dash-mini li{display:grid;gap:5px;min-width:0}
.dash-board .dash-mini-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--d-soft);color:var(--d-blue)}
.dash-board .dash-mini-ic svg{width:14px;height:14px}
.dash-board .dash-mini em{font-style:normal;color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-mini strong{font-family:var(--d-font-num);font-size:16px;font-weight:700;letter-spacing:-.02em}
.dash-board .dash-mini i{display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--d-blue),var(--d-cyan))}

/* --- alt sira: oran, dagilim, kapasite --- */
.dash-board .dash-lower>article{grid-column:span 4}
.dash-board .dash-lower>article{display:flex;flex-direction:column}
.dash-board .dash-donut-layout,.dash-board .dash-capacity{flex:1;align-content:center}

.dash-board .dash-card-gauge{padding-bottom:18px}
.dash-board .dash-gauge{position:relative;width:100%;max-width:252px;margin:8px auto 0}
.dash-board .dash-gauge svg{display:block;width:100%;height:auto}
.dash-board .dash-gauge-bg,.dash-board .dash-gauge-fill{fill:none;stroke-width:14;stroke-linecap:round}
.dash-board .dash-gauge-bg{stroke:var(--d-soft)}
.dash-board .dash-gauge-fill{stroke-dasharray:258;stroke-dashoffset:258;transition:stroke-dashoffset .5s ease}
.dash-board .dash-gauge-dot{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
  display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:linear-gradient(310deg,var(--d-blue),var(--d-cyan));color:#fff;box-shadow:0 8px 20px rgba(47,124,208,.35)}
.dash-board .dash-gauge-dot svg{width:22px;height:22px}
.dash-board .dash-gauge-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:14px 20px 0;padding:12px 16px;border-radius:6px;background:var(--d-inset);border:1px solid var(--d-line)}
.dash-board .dash-gauge-foot small{color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-gauge-foot div{text-align:center}
.dash-board .dash-gauge-foot strong{display:block;font-family:var(--d-font-num);font-size:24px;font-weight:700;letter-spacing:-.02em}
.dash-board .dash-gauge-foot span{color:var(--d-muted);font-size:10px;font-weight:600}

.dash-board .dash-donut-layout{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:18px;padding:18px 20px}
.dash-board .dash-donut{position:relative;width:124px;height:124px;border-radius:50%;
  background:var(--dash-donut,var(--d-soft));display:grid;place-items:center}
.dash-board .dash-donut::after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--d-hole)}
.dash-board .dash-donut strong,.dash-board .dash-donut span{position:relative;z-index:1;text-align:center}
.dash-board .dash-donut strong{align-self:end;font-family:var(--d-font-num);font-size:23px;font-weight:700;line-height:1}
.dash-board .dash-donut span{align-self:start;color:var(--d-muted);font-size:9px;font-weight:600}
.dash-board .dash-legend{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.dash-board .dash-legend li{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:var(--d-muted)}
.dash-board .dash-legend span{flex:1;min-width:0}
.dash-board .dash-legend strong{font-size:13px;font-weight:700}

.dash-board .dash-capacity{display:grid;gap:14px;padding:20px}
.dash-board .dash-capacity-value{display:flex;align-items:baseline;gap:8px}
.dash-board .dash-capacity-value>strong{font-family:var(--d-font-num);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.04em}
.dash-board .dash-capacity-value>span{color:var(--d-muted);font-size:11px;font-weight:600}
.dash-board .dash-capacity-track{height:12px;overflow:hidden;border-radius:6px;background:var(--d-soft)}
.dash-board .dash-capacity-track>span{display:block;height:100%;width:0;border-radius:6px;
  background:linear-gradient(90deg,var(--d-blue),var(--d-cyan));transition:width .4s ease}
.dash-board .dash-capacity-foot{display:flex;justify-content:space-between;gap:12px;color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-capacity-foot strong{font-size:12px}

/* --- liste kartlari (IK gundem / son hareketler) --- */
.dash-board .dash-list{margin:0;padding:6px 20px 18px;list-style:none;display:grid;gap:2px}
.dash-board .dash-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--d-line)}
.dash-board .dash-list li:last-child{border-bottom:0}
.dash-board .dash-list-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--d-soft);color:var(--d-blue)}
.dash-board .dash-list-ic svg{width:16px;height:16px}
.dash-board .dash-list-text{flex:1;min-width:0}
.dash-board .dash-list-text strong{display:block;font-size:12px;font-weight:700}
.dash-board .dash-list-text span{display:block;margin-top:2px;color:var(--d-muted);font-size:10px;font-weight:600}
.dash-board .dash-list-tag{flex:none;padding:4px 9px;border-radius:999px;background:var(--d-soft);color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-empty{margin:0;padding:22px 20px;color:var(--d-muted);font-size:11px;font-weight:600;text-align:center}

/* --- saat / tarih + TCMB kur seridi --- */
.dash-board .dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;
  flex-wrap:wrap;padding:14px 20px;border:1px solid var(--d-line);border-radius:var(--d-radius);
  background:var(--d-card);box-shadow:var(--d-shadow);color:var(--d-ink)}
.dash-board .dash-clock{display:flex;align-items:center;gap:13px;min-width:0}
.dash-board .dash-clock-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;
  background:linear-gradient(310deg,var(--d-blue),var(--d-cyan));color:#fff}
.dash-board .dash-clock-ic svg{width:19px;height:19px}
.dash-board .dash-clock-text{min-width:0}
.dash-board .dash-clock-time{display:block;font-family:var(--d-font-num);font-size:21px;font-weight:700;line-height:1.1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.dash-board .dash-clock-date{display:block;margin-top:2px;color:var(--d-muted);font-size:10px;font-weight:700}
.dash-board .dash-fx{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dash-board .dash-fx-item{display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:6px;
  background:var(--d-inset);border:1px solid var(--d-line)}
.dash-board .dash-fx-code{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;
  background:var(--d-soft);color:var(--d-blue);font-size:11px;font-weight:800}
.dash-board .dash-fx-text{display:grid}
.dash-board .dash-fx-text em{font-style:normal;color:var(--d-muted);font-size:9px;font-weight:700}
.dash-board .dash-fx-text strong{font-size:15px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dash-board .dash-fx-note{color:var(--d-muted);font-size:9px;font-weight:700;align-self:center}
@media (max-width:640px){
  .dash-board .dash-topbar{flex-direction:column;align-items:stretch}
  .dash-board .dash-fx{justify-content:space-between}
  .dash-board .dash-fx-item{flex:1}
}

/* --- ust cubuk saat / kur (ana panel ve admin) ---
   Icerik alani yerine sayfanin en ustundeki cubukta durur. .dash-board
   disinda oldugu icin panel tokenlarini dogrudan kullanir. */
.dash-topclock{display:flex;align-items:center;gap:14px;margin-left:auto;min-width:0;
  color:var(--panel-text,#f3f7fb)}
.dash-topclock .dash-clock{display:flex;align-items:center;gap:10px;padding-right:14px;
  border-right:1px solid var(--panel-border,#213650)}
.dash-topclock .dash-clock-text{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.dash-topclock .dash-clock-time{font-family:Sora,Inter,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--panel-text,#f3f7fb)}
.dash-topclock .dash-clock-date{color:var(--panel-muted,#7f92a8);font-size:10px;font-weight:600}
.dash-topclock .dash-fx{display:flex;align-items:center;gap:8px;white-space:nowrap}
.dash-topclock .dash-fx-item{display:flex;align-items:center;gap:6px;height:30px;padding:0 9px;border-radius:6px;
  background:var(--panel-surface-2,#112238);border:1px solid var(--panel-border,#213650)}
.dash-topclock .dash-fx-code{font-size:9px;font-weight:800;color:var(--dash-vurgu,#2f7cd0)}
.dash-topclock .dash-fx-text{display:flex;align-items:baseline;gap:5px}
.dash-topclock .dash-fx-text em{display:none}
.dash-topclock .dash-fx-text strong{font-family:Sora,Inter,"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--panel-text,#f3f7fb)}
.dash-topclock .dash-fx-note{color:var(--panel-muted,#7f92a8);font-size:9px;font-weight:700}
/* Ust cubukta arama kutusu solda kalir; saat ile eylem dugmeleri arasina girer. */
.portal-topbar .dash-topclock+.portal-top-actions,
.topbar .dash-topclock+.top-actions{margin-left:14px}
.hr-topbar .dash-topclock~.company-switch,
.hr-topbar .dash-topclock~.secure-badge{margin-left:14px}
@media (max-width:1100px){.dash-topclock .dash-clock-date,.dash-topclock .dash-fx-note{display:none}}
@media (max-width:820px){.dash-topclock .dash-fx{display:none}.dash-topclock .dash-clock{border:0;padding:0}}
@media (max-width:560px){.dash-topclock{display:none}}

/* Genel bakis ekranlarinda sayfa basligi (baslik, aciklama) gosterilmez;
   eylem dugmeleri kalir. Sinif panel-home-extras.js tarafindan yalnizca
   genel bakistayken eklenir. */
body.dash-overview .app-page-head>div:first-child{display:none}
body.dash-overview .app-page-head{justify-content:flex-end;min-height:0!important;margin-bottom:14px!important}
/* Modul genel bakislari (SETS kontrol paneli, IK genel bakis): baslik ve
   aciklama gosterilmez; ekran dogrudan gostergelerle baslar. */
#overview>.page-heading,
[data-view-panel="overview"]>.page-heading{display:none}

/* --- yerlesim duzenleme (surukle birak) --- */
.dash-edit-bar{grid-column:1/-1;order:-1000;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:32px}
.dash-edit-bar button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:6px;
  border:1px solid var(--panel-border,#213650);background:var(--panel-surface-2,#112238);color:var(--panel-text-2,#b6c4d3);
  font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.dash-edit-bar button:hover{color:var(--panel-text,#f3f7fb);border-color:#2f7cd0}
.dash-edit-bar button.is-primary{background:#0755ad;border-color:#176fc4;color:#fff}
.dash-edit-bar button svg{width:14px;height:14px}
.dash-edit-bar .dash-edit-note{margin-right:auto;color:var(--panel-muted,#7f92a8);font-size:11px;font-weight:600}
.dash-edit-bar .dash-edit-note.is-error{color:#f0645f}
/* Duzenleme moduna girerken oynatilan tanitim animasyonunda iki karti vurgular. */
.dash-demo-glow{box-shadow:0 0 0 2px var(--d-blue,#2f7cd0),0 0 26px rgba(47,124,208,.65)!important;border-radius:10px;position:relative;z-index:6}
.is-dash-editing [data-dash-w]{cursor:grab;touch-action:none;user-select:none;
  outline:2px dashed rgba(47,124,208,.55);outline-offset:-2px;transition:transform .12s ease}
.is-dash-editing [data-dash-w]:hover{outline-color:#2f7cd0}
.is-dash-editing [data-dash-w]:focus-visible{outline:2px solid #42c7d0}
.is-dash-editing [data-dash-w].is-dragging{cursor:grabbing;opacity:.6;transform:scale(.985)}
.is-dash-editing [data-dash-w] *{pointer-events:none}

/* Ana panel ve admin: genel bakistayken icerik alani da ayni izgaraya
   doner; panelin kendi bloklari tam genislikte, eklenen kartlar kendi
   genisliklerinde siralanir. Eklenen kartlarin kabi kutu uretmez. */
body.dash-overview .portal-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-content:start}
body.dash-overview .portal-content>*{grid-column:1/-1;margin-top:0!important;margin-bottom:0!important}
body.dash-overview .portal-content>.app-page-head{order:-2000}
.dash-board.is-flat{display:contents}
body.dash-overview .portal-content>.dash-board.is-flat>.dash-edit-bar{order:-1500;margin-top:-56px;justify-self:start;align-self:start;height:40px;pointer-events:auto}

@media (max-width:1180px){
  .dash-board .dash-tile,.dash-board .dash-tiles.is-3 .dash-tile{grid-column:span 6}
  .dash-board .dash-card,.dash-board .dash-card-flow,.dash-board .dash-card-weeks,.dash-board .dash-lower>article{grid-column:1/-1}
}
@media (max-width:640px){
  .dash-board .dash-tile,.dash-board .dash-tiles.is-3 .dash-tile{grid-column:1/-1}
  body.dash-overview .portal-content>.dash-board.is-flat>.dash-edit-bar{margin-top:0}
  .dash-board .dash-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Acik tema: mavi vurgu beyaz zeminde 4.27 kontrastta kaliyordu (AA 4.5). */
html[data-theme="light"] .dash-board{--d-blue:#2d76c6}
html[data-theme="light"] .dash-topclock{--dash-vurgu:#2d76c6}
/* Acik temadaki tasarimda lider kartlarinin ok isareti vurgu renginde. */
html[data-theme="light"] .dash-leader-chevron{color:var(--d-blue)}
/* Acik temada lider kartlarinin rozet ikonlari: koyu temadaki beyaz-ikon-
   dolgulu-kare yerine, acik tema icin ayrica hazirlanmis pastel rozetler. */
html[data-theme="light"] .dash-leader-ic.is-km img{content:url("/assets/dash/leader-km-light.png")}
html[data-theme="light"] .dash-leader-ic.is-location img{content:url("/assets/dash/leader-location-light.png")}
html[data-theme="light"] .dash-leader-ic.is-bags img{content:url("/assets/dash/leader-bags-light.png")}
/* Acik temada ust sira 4 ozet kutusunun (Toplam lokasyon, Acik atama,
   Tamamlanan, Aktif cihaz) ikon rozetleri de ayni pastel dile donuyor;
   SVG'ler zaten stroke="currentColor" kullandigi icin sadece zemin ve
   "color" (ikon rengi) degisiyor, yeni gorsel gerekmiyor. */
html[data-theme="light"] .dash-tile-icon.is-locations{background:#e2ecfc;color:#2d7ef6}
html[data-theme="light"] .dash-tile-icon.is-open{background:#e1f9f5;color:#2cbba5}
html[data-theme="light"] .dash-tile-icon.is-completed{background:#daebfc;color:#2d7ef6}
html[data-theme="light"] .dash-tile-icon.is-devices{background:#ede4fc;color:#8647f5}