/* ECU LIST z paczki TuningSuite 2.7 - kolory podpiete pod zmienne motywu TakeTune
   (fallbacki = oryginalne kolory paczki, gdy plik laduje strona bez style.css). */
.tsecu{box-sizing:border-box;color:inherit;font:inherit;max-width:100%;min-width:0}.tsecu *{box-sizing:border-box}
.tsecu h2{font-size:1.4rem;margin:0 0 1rem;font-family:var(--display,inherit)}
.tsecu-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tsecu-filters>input{grid-column:1/-1}
.tsecu-filters label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;min-width:0;color:var(--text2,inherit)}
.tsecu input,.tsecu select{font:inherit;color:inherit;background:var(--input-bg,#101b2b);border:1px solid var(--input-border,#526275);border-radius:10px;min-height:44px;padding:10px 12px;width:100%;min-width:0}
.tsecu option{background:var(--panel2,#101b2b);color:var(--text,#f1f5f9)}
.tsecu-status{font-size:.85rem;min-height:1.5em;margin:16px 0;color:var(--muted,inherit)}.tsecu-status.tsecu-error{color:var(--warn-text,#ffb74d)}
.tsecu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tsecu-card{min-width:0;border:1px solid var(--border,#526275);border-radius:var(--radius-card,14px);padding:16px;background:var(--panel,rgba(34,211,238,.035));overflow-wrap:anywhere;box-shadow:var(--shadow-card,none)}
.tsecu-card-head,.tsecu-type{display:flex;align-items:center;gap:10px}
.tsecu-card-head img,.tsecu-type img{width:36px;height:30px;object-fit:contain;flex:0 0 36px}
.tsecu-type{font-weight:700;font-size:.9rem;margin:14px 0 8px;color:var(--accent-light,inherit);font-family:var(--mono,inherit)}
.tsecu-card>p:last-child{font-size:.8rem;opacity:.8;margin-bottom:0}
.tsecu-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.tsecu button{font:inherit;color:inherit;background:var(--panel2,#101b2b);border:1px solid var(--border,#526275);min-height:42px;padding:9px 16px;border-radius:10px;cursor:pointer}
.tsecu button:disabled{opacity:.45;cursor:default}
.tsecu :focus-visible{outline:2px solid var(--accent,#22d3ee);outline-offset:3px}
@media(max-width:900px){.tsecu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tsecu-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.tsecu-grid{grid-template-columns:minmax(0,1fr)}.tsecu-filters{grid-template-columns:minmax(0,1fr)}}


/* /* fork TakeTune: skorka Motorsport Heat dla ECU LIST (vendor hardkodowal granat #101b2b,
   stalowe ramki #526275 i cyjan #22d3ee ze swojej strony demo) */
.tsecu { --tsecu-input: var(--input-bg); --tsecu-card: var(--panel2); }
.tsecu input, .tsecu select, .tsecu button { border-color: var(--input-border); border-radius: var(--radius); }
.tsecu input:focus, .tsecu select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-bg); outline: none; }
.tsecu :focus-visible { outline-color: var(--accent); }
.tsecu option { background: var(--panel); color: var(--text); }
.tsecu-card { border-color: var(--border-soft); background: var(--panel2);
  border-radius: var(--radius-card); transition: transform .16s, border-color .16s, box-shadow .16s; }
.tsecu-card:hover { transform: translateY(-2px); border-color: var(--border); box-shadow: var(--shadow-card); }
.tsecu-type { color: var(--accent-light); }
.tsecu button:hover:not(:disabled) { border-color: var(--accent); }
.tsecu-status { color: var(--muted); }
/* w portalu naglowek daje head() — chowamy zdublowany tytul komponentu */
.main .tsecu > h2 { display: none; }