@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap');

.eb-kisa-devre *,.eb-kisa-devre *::before,.eb-kisa-devre *::after{box-sizing:border-box}
.eb-kisa-devre{--bg:#eef2f5; --panel:#ffffff; --ink:#1d2733; --muted:#5b6876; --line:#d3dbe3;
  --grid:rgba(29,39,51,.05); --plus:#d7263d; --minus:#1f6feb; --float:#9aa6b2;
  --lamp:#ffc93c; --lampOff:#f4e7d3; --dot:#ffb000; --heat:#ff6a00; --btnOn:#1d2733; --btnOnText:#fff; --ok:#1a8a4a;
   box-sizing:border-box; color:var(--ink);font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;font-size:16px;text-align:left;margin:1.5em 0}
.eb-kisa-devre button{all:unset;box-sizing:border-box;display:inline-block;cursor:pointer;text-align:center;font-family:inherit;line-height:1.4}
.eb-kisa-devre table,.eb-kisa-devre th,.eb-kisa-devre td{border:0;background:none;margin:0}
.eb-kisa-devre p{margin:0 0 1em} .eb-kisa-devre h2,.eb-kisa-devre h3{color:var(--ink);font-family:inherit;text-transform:none;letter-spacing:normal;padding:0}
.eb-kisa-devre canvas{max-width:100%}
.eb-kisa-devre h2{font-size:1.3em;font-weight:600;margin:30px 0 4px}
.eb-kisa-devre .lead{color:var(--muted);margin:0 0 18px;max-width:68ch}
.eb-kisa-devre .board{background:var(--panel);border:1px solid var(--line);border-radius:clamp(8px,2vw,14px);padding:clamp(3px,1.2vw,10px);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px}
.eb-kisa-devre canvas{display:block;width:100%;height:auto;touch-action:manipulation}
.eb-kisa-devre .controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px;align-items:center}
.eb-kisa-devre .sw{font:inherit;font-weight:500;border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer;min-width:92px}
.eb-kisa-devre .sw[aria-pressed="true"]{background:var(--btnOn);color:var(--btnOnText)}
.eb-kisa-devre .act{font:inherit;font-weight:500;border:1.5px solid var(--plus);background:var(--plus);color:#fff;border-radius:8px;padding:6px 14px;cursor:pointer}
.eb-kisa-devre .act[hidden]{display:none}
.eb-kisa-devre .chk{display:flex;align-items:center;gap:6px;color:var(--ink);cursor:pointer;margin-left:auto}
.eb-kisa-devre button:focus-visible,.eb-kisa-devre .chk input:focus-visible{outline:3px solid var(--minus);outline-offset:2px}
.eb-kisa-devre .meters{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px;font-variant-numeric:tabular-nums}
.eb-kisa-devre .meters div{min-width:150px}
.eb-kisa-devre .meters small{display:block;color:var(--muted);font-size:.9em;font-weight:500;line-height:1.3;margin-bottom:2px}
.eb-kisa-devre .meters b{font-size:1.6em;font-weight:600}
.eb-kisa-devre .meters b.bad{color:var(--plus)}
.eb-kisa-devre .meters b.good{color:var(--ok)}
.eb-kisa-devre .status{margin:14px 0 0;font-size:1.05em;font-weight:500;min-height:3em;max-width:75ch}
.eb-kisa-devre .status.warn{color:var(--plus)}
.eb-kisa-devre .ex{border-left:4px solid var(--line);padding:10px 0 10px 16px;margin:14px 0}
.eb-kisa-devre .ex.active{border-left-color:var(--minus)}
.eb-kisa-devre .ex.danger{border-left-color:var(--plus)}
.eb-kisa-devre .ex h3{font-size:1.05em;font-weight:600;margin:0 0 4px}
.eb-kisa-devre .ex p{margin:0 0 8px;max-width:70ch}
.eb-kisa-devre .ex button{font:inherit;font-size:.95em;border:1.5px solid var(--ink);background:var(--btnOn);color:var(--btnOnText);border-radius:8px;padding:5px 12px;cursor:pointer}
.eb-kisa-devre .note{color:var(--muted);font-size:.9em;margin-top:16px;max-width:75ch}