/* mailcow teması: görünüm /static/mailcow.css + Lumen'dendir; bu dosya yalnız belirteçleri yükler (görsel değişiklik yok). */
@import url("tokens.css");

/* Akış haritası (sankey) belirteçleri — yapı /static/deliverability.css, çizim /static/deliverability.js.
   mailcow AÇIK bir tema: neon'un koyu zemini kopyalanmaz. Zemin beyaz kart, mürekkep koyu; kabul/erteleme/ret
   renkleri beyaz üzerinde okunur olan koyu tonlardan (Bootstrap "-emphasis" ailesiyle aynı akıl) seçildi. */
#mcd-flow{
  --mcd-panel:#ffffff;--mcd-line:#dee2e6;--mcd-ink:#212529;--mcd-muted:#5c6670;--mcd-radius:6px;
  --mcd-chip-bg:#f8f9fa;--mcd-chip-line:#ced4da;--mcd-pill-bg:#e9ecef;--mcd-pill-ink:#343a40;
  --mcd-flow-opacity:.75;
  --mcd-accept:#0f766e;--mcd-deferred:#8a5a00;--mcd-reject:#b42318;
  --mcd-lane-src:#1d4ed8;--mcd-lane-app:#6d28d9;--mcd-lane-ip:#0f766e;--mcd-lane-dst:#15803d;
}
[data-bs-theme=dark] #mcd-flow{
  --mcd-panel:#1b1f22;--mcd-line:#343a40;--mcd-ink:#dee2e6;--mcd-muted:#9aa4ae;
  --mcd-chip-bg:#23282c;--mcd-chip-line:#454c53;--mcd-pill-bg:#2c3238;--mcd-pill-ink:#ced4da;
  --mcd-accept:#2dd4bf;--mcd-deferred:#f2c94c;--mcd-reject:#ff7b72;
  --mcd-lane-src:#6ea8ff;--mcd-lane-app:#b197fc;--mcd-lane-ip:#2dd4bf;--mcd-lane-dst:#51cf66;
}

/* Posta akış diyagramı (ortak betik static/flow.js; sınıflar tema-nötr `mcf-*`).
   mailcow AÇIK bir temadır: neon'un koyu paleti burada okunmaz, bu yüzden renkler beyaz zeminde ≥4.5:1
   kontrastlı koyu tonlardır; kutu/metin Bootstrap belirteçlerini izler (koyu mod dahil). */
[data-mp-theme=mailcow]{
  --mcf-net:#1d4ed8;--mcf-sub:#6d28d9;--mcf-web:#0f766e;--mcf-ok:#15803d;--mcf-warn:#b45309;
  --mcf-spam:#a21caf;--mcf-bad:#b91c1c;--mcf-trend:#0f766e;--mcf-grid:#dee2e6;
}
[data-mp-theme=mailcow][data-bs-theme=dark]{
  --mcf-net:#6ea8ff;--mcf-sub:#a78bfa;--mcf-web:#2dd4bf;--mcf-ok:#4ade80;--mcf-warn:#f2c94c;
  --mcf-spam:#f0abfc;--mcf-bad:#ff7b72;--mcf-trend:#2dd4bf;--mcf-grid:#343a40;
}
[data-mp-theme=mailcow] .mcf-flow{position:relative;height:300px}
[data-mp-theme=mailcow] .mcf-flow svg{position:absolute;inset:0;width:100%;height:100%;display:block}
[data-mp-theme=mailcow] .mcf-box{fill:var(--bs-body-bg);stroke:var(--bs-border-color)}
[data-mp-theme=mailcow] .mcf-t{fill:var(--bs-body-color);font-family:var(--mp-font-body);font-size:12.25px}
[data-mp-theme=mailcow] .mcf-n{fill:var(--bs-body-color);font-family:var(--mp-font-mono);font-size:10.5px}
[data-mp-theme=mailcow] .mcf-fl{fill:none;stroke-linecap:round}
@media (prefers-reduced-motion:no-preference){
  [data-mp-theme=mailcow] .mcf-anim{stroke-dasharray:6 10;animation:mcf-dash 1.4s linear infinite}
}
@keyframes mcf-dash{to{stroke-dashoffset:-16}}

/* Küme haritası (paylaşılan çizim: /static/clustermap.{css,js}). mailcow AÇIK bir tema; neon'un koyu paleti
   doğrudan kullanılamaz. Renkler beyaz zemin üstünde ≥4.5:1 olacak şekilde koyulaştırıldı (Lumen'in
   #28b62c / #158cba tonları beyaz üstünde 2.6:1 ve 3.4:1 kalıyordu — kart yazısı ve rozetler okunmuyordu).
   Sahne kartlardan ayrışsın diye zemin hafif gri; kart beyaz kalır. */
[data-mp-theme=mailcow] #mc-map{
  --mcm-stage:#f4f6f8;--mcm-card:#fff;--mcm-line:#c9d1d9;--mcm-line-soft:#e3e8ec;
  --mcm-ink:#212529;--mcm-muted:#55606a;--mcm-dim:#68727c;
  --mcm-accent:#0f6f94;--mcm-ok:#157347;--mcm-warn:#8a5a00;--mcm-bad:#b42318;--mcm-info:#0b5ed7;
  --mcm-idle:#aeb8c2;--mcm-grid-dot:#d5dce2;--mcm-group:#eef1f4;--mcm-chip:#eceff2;
  --mcm-radius:6px}
[data-mp-theme=mailcow][data-bs-theme=dark] #mc-map{
  --mcm-stage:#1b1f23;--mcm-card:#2b3035;--mcm-line:#3d444b;--mcm-line-soft:#333940;
  --mcm-ink:#e9ecef;--mcm-muted:#adb5bd;--mcm-dim:#9aa3ab;
  --mcm-accent:#4dabd6;--mcm-ok:#4ade80;--mcm-warn:#f3b84a;--mcm-bad:#ff8a80;--mcm-info:#7cb2ff;
  --mcm-idle:#495057;--mcm-grid-dot:#3a4048;--mcm-group:#23272b;--mcm-chip:#343a40}

/* Akış diyagramı zaman aralığı düğmeleri: seçili olan .on sınıfını alır (flow.js). Bootstrap'in
   .active'i kullanılmadı — o sınıf sekme/menü davranışlarıyla çakışıyor. */
[data-mp-theme=mailcow] [data-mcf-range].on{background:var(--bs-secondary-bg,#e9ecef);border-color:var(--bs-border-color,#ced4da);font-weight:600}

/* Akış kutuları tıklanabilir: imleç ve odak belirgin olsun (klavye erişimi). */
[data-mp-theme=mailcow] .mcf-link{cursor:pointer}
[data-mp-theme=mailcow] .mcf-link:hover .mcf-box{filter:brightness(.97)}
[data-mp-theme=mailcow] .mcf-link:focus-visible .mcf-box{outline:2px solid var(--bs-primary,#0d6efd);outline-offset:2px}
[data-mp-theme=mailcow] [data-flow-range].on{background:var(--bs-secondary-bg,#e9ecef);border-color:var(--bs-border-color,#ced4da);font-weight:600}

/* Pano "Servis bilgileri": düğüm başına servis rozetleri (Düğümler sayfasındaki düzenin aynısı).
   Rozetin içinde küçük bir yeniden başlatma düğmesi var; düz listede her satırın sonundaki büyük
   düğmeler ~90 satır boyunca tekrarlanıyordu. */
[data-mp-theme=mailcow] .mc-svc{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;
  font-size:12.25px;border:1px solid transparent;white-space:nowrap}
[data-mp-theme=mailcow] .mc-svc.ok{background:#e8f5e9;border-color:#c3e6c8;color:#1b5e20}
[data-mp-theme=mailcow] .mc-svc.bad{background:#fdecea;border-color:#f5c2c0;color:#8a1c14}
[data-mp-theme=mailcow] .mc-svc.nd{background:#eceff1;border-color:#d5dade;color:#455a64}
[data-mp-theme=mailcow] .mc-svc form{display:inline}
[data-mp-theme=mailcow] .mc-svc-restart{border:0;background:transparent;color:inherit;opacity:.55;cursor:pointer;padding:0 1px;line-height:1}
[data-mp-theme=mailcow] .mc-svc-restart:hover{opacity:1}
[data-mp-theme=dark] .mc-svc.ok,[data-bs-theme=dark] [data-mp-theme=mailcow] .mc-svc.ok{background:#173a1f;border-color:#23582f;color:#8fd79b}