/* Physics & CS Tools CSS - compact, blue-themed, WP-friendly */
.mt-container{
  max-width:880px;
  width:100%;
  margin:16px auto;
  padding:14px;
  border-radius:12px;
  background: linear-gradient(180deg,#f6fbff 0%, #ffffff 100%);
  box-shadow: 0 12px 30px rgba(7,50,120,0.08);
  border:1px solid rgba(6,55,120,0.06);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  color:#05325a;
}
.mt-header h2{ margin:0; font-size:1.15rem; color:#022f5a; }
.mt-sub{ margin:4px 0 0 0; color:#245880; font-size:0.92rem; }

.mt-tabs{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.mt-tabs .tab{
  padding:8px 12px; border-radius:10px; border:1px solid transparent; background:linear-gradient(180deg,#e9f6ff,#d8efff);
  color:#023a6a; cursor:pointer; font-weight:600;
}
.mt-tabs .tab.active{ background:linear-gradient(180deg,#0570e6,#0757b8); color:#fff; box-shadow:0 8px 18px rgba(5,88,199,0.12); }

.mt-main{ margin-top:12px; }
.panel{ display:none; padding:10px 0; }
.panel.active{ display:block; }

.panel h3{ margin:0 0 8px 0; color:#023358; }
.muted{ color:#2f627f; font-size:0.9rem; margin:6px 0; }
.small input[type="text"], .small input[type="number"], .small input[type="password"], .small select{
  padding:8px 10px; border-radius:8px; border:1px solid rgba(3,68,148,0.09); font-size:0.95rem; max-width:360px;
}
.row{ margin:8px 0; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.actions{ margin-top:10px; }
button{ padding:10px 14px; border-radius:10px; border:none; cursor:pointer; font-weight:700; background:linear-gradient(180deg,#0570e6,#0757b8); color:#fff; box-shadow:0 8px 18px rgba(5,88,199,0.12); }
button.alt{ background:transparent; color:#0757b8; border:1px solid rgba(7,87,184,0.10); box-shadow:none; font-weight:700; }

.result-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-top:12px; }
.result-grid.single{ grid-template-columns:1fr; }
.result-val{ margin-top:6px; padding:10px; border-radius:8px; background:linear-gradient(180deg,#ffffff,#f5fbff); border:1px solid rgba(3,68,148,0.06); font-weight:700; color:#052a56; min-height:36px; display:flex; align-items:center; }

.band-selects{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.band-selects select{ padding:8px; border-radius:8px; border:1px solid rgba(3,68,148,0.08); }

.chk{ display:inline-flex; align-items:center; gap:6px; margin-right:10px; font-size:0.92rem; color:#184f72; }
.small{ font-size:0.96rem; }

.mt-footer{ margin-top:14px; text-align:center; color:#2f627f; font-size:0.85rem; }

/* Responsive */
@media (max-width:560px){
  .result-grid{ grid-template-columns:1fr; }
  .mt-tabs{ gap:6px; }
}
