/* =========================================================
   DALA ELECTRO — Ohm's Law Calculator styles
   Builds on the shared .rc-* classes from resistor-tool.css
   ========================================================= */

.oh-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px; margin-bottom:18px;
}
.oh-field{
  background:var(--slate-50); border:1.5px solid var(--slate-200);
  border-radius:var(--radius-md); padding:12px; transition:border-color .18s ease, background .18s ease;
}
.oh-field-label{
  display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700;
  color:var(--navy-900); margin-bottom:8px;
}
.oh-field-label i{ color:var(--blue-500); width:14px; text-align:center; }
.oh-inputrow{ display:flex; gap:8px; }
.oh-input{ flex:1 1 auto; min-width:0; width:100%; }
.oh-unit{ flex:0 0 auto; width:auto; }

.oh-field.computed{
  border-color:var(--amber-400);
  background:linear-gradient(180deg,#fff8ea,var(--slate-50));
}
.oh-field.computed .oh-field-label{ color:#a3690a; }
.oh-field.computed .oh-input{
  border-color:var(--amber-400); color:var(--navy-950); font-weight:700;
  font-family:var(--font-mono); background:#fff;
}
.oh-badge{
  display:inline-block; font-size:10.5px; font-weight:800; color:var(--navy-950);
  background:var(--amber-300); border-radius:50px; padding:1px 8px; margin-inline-start:6px;
}

.oh-actions{ display:flex; justify-content:flex-end; margin-bottom:18px; }
.oh-clear{
  border:1.5px solid var(--slate-200); background:var(--white); color:var(--slate-600);
  font-family:inherit; font-weight:700; font-size:12.5px; padding:8px 16px;
  border-radius:50px; display:flex; align-items:center; gap:6px; cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.oh-clear:hover{ background:var(--slate-100); color:var(--navy-900); border-color:var(--slate-200); }

.oh-formula-box{
  text-align:center; background:var(--navy-950); border-radius:var(--radius-md);
  padding:18px 14px; color:#fff;
}
.oh-formula-box .oh-status{ font-size:13px; color:#b9c8ea; }
.oh-formula-box .oh-formula-text{
  font-family:var(--font-mono); font-size:16px; font-weight:700; color:var(--amber-300);
  margin-top:6px; letter-spacing:.3px; direction:ltr; display:inline-block;
}

.oh-formula-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:8px; margin-top:10px;
}
.oh-formula-grid .rc-chip{ justify-content:center; font-family:var(--font-mono); direction:ltr; }

@media (max-width:640px){
  .oh-grid{ grid-template-columns:repeat(2,1fr); }
}