/* =========================================================
   Schéma zapojení podle nákresu majitele TC MACH
   ========================================================= */
.schema-sec{background:#121417;color:#fff}
.schema-sec .sec-head p{color:#c3c8cd}
.schema-sec .eyebrow{color:#ff5a4a}
.schema-sec .eyebrow::before{background:#ff5a4a}

/* legenda = filtr druhů energie */
.sch-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.sch-legend button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;color:#d6d9dc;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .2s}
.sch-legend button:hover{border-color:rgba(255,255,255,.3);color:#fff}
.sch-legend button.on{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}
.sch-legend i{display:inline-block;width:22px;height:4px;border-radius:3px}
.sch-legend i.com{background:repeating-linear-gradient(90deg,#3ccf6e 0 5px,transparent 5px 9px);height:3px}

.sch-wrap{position:relative;border-radius:26px;background:radial-gradient(900px 500px at 55% 45%,#1f242a,#16191c 70%);border:1px solid rgba(255,255,255,.06);padding:14px;overflow:hidden}
.sch-scroll{overflow:hidden}
/* schéma se vždy vejde celé: široké nebo na výšku podle místa (js/schema.js) */
.sch-svg{display:block;width:100%;height:auto}
.sch-svg.tall{max-width:560px;margin:0 auto}
.sch-svg.tall .node .ttl{font-size:16px}
.sch-svg.tall .node .sub{font-size:13.5px}
.sch-svg.tall .node .tag{font-size:11px}
.sch-hint{display:none;font-size:13px;color:#a7adb3;margin:8px 4px 0}

/* čáry */
.e-base{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.38;transition:opacity .3s}
.e-flow{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:3 15;animation:schFlow 1.1s linear infinite;transition:opacity .3s}
.e-flow.slow{animation-duration:2.2s}
.e-base.com{stroke-dasharray:7 7;opacity:.75}
.e-flow.com{stroke-dasharray:2 22}
@keyframes schFlow{to{stroke-dashoffset:-18}}
/* propojení jednou neutrální barvou: schéma má ukázat celek, ne kdo s kým komunikuje */
.t-dc,.t-ac,.t-com,.t-ev,.t-heat,.t-cool{stroke:#8f969d}
.edge.dim .e-base,.edge.dim .e-flow{opacity:.06}
.edge.hot .e-base{opacity:.9}

/* karty zařízení */
.node{cursor:pointer;outline:none}
.node .card{fill:#1c2025;stroke:rgba(255,255,255,.12);stroke-width:1.2;transition:stroke .25s,fill .25s}
.node.info .card{stroke-dasharray:5 5}
.node:hover .card,.node:focus-visible .card,.node.sel .card{stroke:#ff5a4a;fill:#241b1d}
.node .ttl{font:700 15px "Hind Siliguri",sans-serif;fill:#fff}
.node .sub{font:500 12.5px "Hind Siliguri",sans-serif;fill:#a7adb3}
.node .tag{font:700 10px "Hind Siliguri",sans-serif;letter-spacing:.08em;fill:#ffb020;text-transform:uppercase}
.node .ic{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.node .ic-bg{fill:rgba(229,58,43,.14)}
.node.dim{opacity:.28}
.node{transition:opacity .3s}
.node.hp .card{fill:#221a1c;stroke:rgba(229,58,43,.6);stroke-width:1.6}
.node.hp .ttl{font-size:17px}
.node.hp .brand{font:700 20px "Hind Siliguri",sans-serif;fill:#ff4a3a}
.hp-glow{fill:#e53a2b;opacity:.16;animation:schPulse 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes schPulse{50%{opacity:.32;transform:scale(1.04)}}

/* detail vybraného zařízení */
.sch-info{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:16px;background:#1a1d21;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 20px;min-height:96px}
.sch-info .k{width:46px;height:46px;border-radius:14px;background:rgba(229,58,43,.16);display:grid;place-items:center}
.sch-info .k svg{width:26px;height:26px}
.sch-info b{display:block;font-size:19px}
.sch-info small{display:inline-block;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 9px;margin:4px 0 6px;background:rgba(229,58,43,.18);color:#ff8a7e}
.sch-info small.inf{background:rgba(255,176,32,.16);color:#ffc35a}
.sch-info p{color:#cfd3d7;font-size:16px}
.sch-info .links{margin-top:6px;font-size:13.5px;color:#a7adb3}
.sch-info .links span{display:inline-flex;align-items:center;gap:6px;margin-right:12px}
.sch-info .links i{display:inline-block;width:14px;height:3px;border-radius:3px}

/* přínosy podle nákresu */
.sch-ben{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.sch-ben div{display:flex;gap:14px;align-items:center;background:#1a1d21;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px}
.sch-ben svg{flex:none;width:40px;height:40px;stroke:#ff5a4a;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sch-ben b{min-width:0;font-size:16px;line-height:1.3;color:#fff}
.sch-ben.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sch-ben.two div{justify-content:center;padding:22px}
.sch-ben.two b{font-size:19px}
.sch-credit{margin-top:14px;font-size:13px;color:#8b9197}

@media (max-width:900px){
  .sch-wrap{padding:8px;border-radius:18px}
  .sch-ben{grid-template-columns:1fr 1fr}
  .sch-ben div{padding:14px;gap:10px}
  .sch-ben svg{width:32px;height:32px}
  .sch-ben b{font-size:14px}
  .sch-ben.two div{padding:14px;justify-content:flex-start}
  .sch-ben.two b{font-size:15px}
}
@media (prefers-reduced-motion:reduce){ .e-flow,.hp-glow{animation:none} }