/* style.css (FINAL) */

.calc-wrapper{
  max-width:720px;
  margin:18px auto;
  background:#fff;
  border-radius:12px;
  box-shadow:0 6px 22px rgba(0,0,0,0.06);
  overflow:hidden;
  font-family:Arial, sans-serif;
}

.calc-header{
  background:#1e3a8a;
  padding:16px;
  color:#fff;
  text-align:center;
}

.calc-body{padding:18px;}
.calc-body label{display:block;margin-bottom:12px;font-weight:600;}

.calc-body input, 
.calc-body select{
  margin-top:6px;
  padding:10px;
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:8px;
  font-size:15px;
  box-sizing:border-box;
}

button#calcBtn{
  background:#fbbf24;
  padding:12px;
  border:none;
  border-radius:8px;
  cursor:pointer;
  color:#000;
  font-weight:700;
  width:160px;
  font-size:15px;
}

.result-box{
  margin-top:14px;
  padding:14px;
  background:#f9fafb;
  border-radius:10px;
  border:1px solid #e2e8f0;
}

table{
  width:100%;
  border-collapse:collapse;
  margin-top:8px;
}

td{
  padding:10px;
  border-bottom:1px solid #e7e7ea;
}

.error{
  color:#b91c1c;
  font-weight:700;
}

.muted{color:#374151}

input.invalid, select.invalid{
  border-color:#b91c1c;
  box-shadow:0 0 0 3px rgba(185,28,28,0.06);
}

/* ⭐ Premium Mode Highlights */
.premium-yearly  { background:#fff3cd !important; font-weight:700; }
.premium-half    { background:#e0f2fe !important; font-weight:700; }
.premium-quarter { background:#dcfce7 !important; font-weight:700; }
.premium-month   { background:#fde2e4 !important; font-weight:700; }