/* =========================================================
   DALA ELECTRO — Adapter Wire Color & Voltage Guide styles
   ========================================================= */

.adp-symbol-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px; margin:18px 0 6px;
}
.adp-symbol-card{
  background:var(--slate-50); border:1px solid var(--slate-200); border-radius:var(--radius-md);
  padding:18px; text-align:center;
}
.adp-symbol-card svg{ width:90px; height:90px; }
.adp-symbol-card h5{ margin:10px 0 4px; font-size:13.5px; color:var(--navy-900); font-weight:800; }
.adp-symbol-card p{ margin:0; font-size:12px; color:var(--slate-600); line-height:1.8; }

.adp-table-wrap{ overflow-x:auto; margin:18px 0; border:1px solid var(--slate-200); border-radius:var(--radius-md); }
table.adp-table{ width:100%; border-collapse:collapse; font-size:12.5px; min-width:640px; }
table.adp-table th{
  background:var(--navy-950); color:#fff; padding:10px 12px; text-align:right; font-weight:700; white-space:nowrap;
}
table.adp-table td{ padding:10px 12px; border-top:1px solid var(--slate-200); color:var(--slate-900); }
table.adp-table tr:nth-child(even) td{ background:var(--slate-50); }
table.adp-table td b{ color:var(--navy-900); }

.adp-steps{ counter-reset:adpstep; margin:16px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.adp-steps li{
  counter-increment:adpstep; position:relative; padding:12px 44px 12px 14px;
  background:var(--slate-50); border-radius:var(--radius-sm); font-size:13px; color:var(--slate-600); line-height:1.8;
}
.adp-steps li::before{
  content:counter(adpstep); position:absolute; inset-inline-end:12px; top:12px;
  width:22px; height:22px; border-radius:50%; background:var(--blue-600); color:#fff;
  font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center;
}

.adp-warn{
  display:flex; gap:10px; align-items:flex-start; background:#fff6e8; border:1px solid var(--amber-300);
  border-radius:var(--radius-md); padding:14px 16px; margin:16px 0; font-size:13px; color:#8a5a08; line-height:1.8;
}
.adp-warn i{ color:var(--amber-400); margin-top:2px; }

@media (max-width:640px){
  .adp-symbol-card svg{ width:76px; height:76px; }
}