/* =========================================================
   DALA ELECTRO — SMD Resistor Code Converter styles
   Builds on shared .rc-* classes from resistor-tool.css
   ========================================================= */

.smd-eia-legend{
  display:flex; flex-wrap:wrap; gap:8px 14px; justify-content:center;
  background:var(--slate-50); border-radius:var(--radius-md); padding:12px 14px;
  margin-bottom:12px; font-size:12px; color:var(--slate-600);
}
.smd-eia-legend b{ color:var(--navy-900); font-family:var(--font-mono); }

.smd-eia-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(66px,1fr));
  gap:6px; max-height:320px; overflow-y:auto; padding:4px;
  border:1px solid var(--slate-200); border-radius:var(--radius-md); background:var(--white);
}
.smd-eia-cell{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:var(--slate-50); border-radius:8px; padding:6px 4px; text-align:center;
}
.smd-eia-cell b{ font-family:var(--font-mono); font-size:11.5px; color:var(--blue-600); }
.smd-eia-cell span{ font-family:var(--font-mono); font-size:12.5px; color:var(--navy-900); font-weight:700; }

@media (max-width:640px){
  .smd-eia-grid{ grid-template-columns:repeat(auto-fill,minmax(56px,1fr)); }
}