/* =========================================================
   DALA ELECTRO — Capacitor Code Calculator styles
   ========================================================= */

.cap-body-preview{
  display:flex; justify-content:center; align-items:center;
  background:linear-gradient(180deg,var(--slate-50),var(--slate-100));
  border-radius:var(--radius-md); padding:24px 10px; margin-bottom:18px;
  border:1px dashed var(--slate-200);
}
.cap-disc{
  width:110px; height:90px; border-radius:50% / 40%;
  background:radial-gradient(ellipse at 35% 30%, #f2c879, #c98a2e 75%);
  border:2px solid #a06a10; display:flex; align-items:center; justify-content:center;
  position:relative; box-shadow:0 8px 18px -8px rgba(0,0,0,.35);
}
.cap-disc::before, .cap-disc::after{
  content:""; position:absolute; top:100%; width:3px; height:22px; background:#8a8f99;
}
.cap-disc::before{ right:28%; }
.cap-disc::after{ left:28%; }
.cap-disc-code{
  font-family:var(--font-mono); font-weight:800; font-size:15px; color:#3c2405;
}

.cap-input-row{ display:flex; gap:10px; align-items:center; margin-bottom:16px; }
.cap-input-row .rc-input{ flex:1; width:auto; font-family:var(--font-mono); font-size:16px; text-align:center; letter-spacing:1px; }

.cap-tolerance-note{
  font-size:12px; color:var(--slate-600); text-align:center; margin-top:6px;
}

.cap-tol-table{
  width:100%; border-collapse:collapse; margin-top:10px; font-size:12.5px;
}
.cap-tol-table th, .cap-tol-table td{
  border:1px solid var(--slate-200); padding:7px 8px; text-align:center; color:var(--slate-600);
}
.cap-tol-table th{ background:var(--slate-100); color:var(--navy-900); font-weight:700; }

@media (max-width:640px){
  .cap-input-row{ flex-wrap:wrap; }
}