/* Modern minimal CSS for Debrid Helper */

.dh-card{
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
  padding: 20px;
  max-width: 840px;
  margin: 0 auto 18px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.dh-card h3{
  margin-top: 0;
  font-size: 1.25rem;
  color: #0f172a;
}

.dh-card .muted{
  color: #64748b;
  font-size: 0.95rem;
  margin-bottom: 10px;
}

.dh-card label{
  display: block;
  margin: 10px 0;
  font-size: 0.95rem;
  color: #0f172a;
}

.dh-card input[type="email"],
.dh-card input[type="text"],
.dh-card input[type="date"]{
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e6eef8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  outline: none;
  font-size: 0.95rem;
  transition: box-shadow .15s ease, border-color .15s ease;
}

.dh-card input:focus{
  border-color: #93c5fd;
  box-shadow: 0 6px 18px rgba(59,130,246,0.08);
}

.dh-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
}

.btn{
  padding: 10px 14px;
  border-radius: 10px;
  border: none;
  background: #eef2ff;
  color: #1e293b;
  cursor: pointer;
  font-weight: 600;
  transition: transform .06s ease, box-shadow .06s ease;
}

.btn:hover{ transform: translateY(-1px); box-shadow: 0 6px 18px rgba(2,6,23,0.06); }

.btn-primary{
  background: linear-gradient(180deg,#2563eb,#1e40af);
  color: #fff;
  box-shadow: 0 8px 30px rgba(37,99,235,0.15);
}

@media (max-width: 600px){
  .dh-card{ padding:14px; border-radius:10px; }
  .dh-actions{ flex-direction: column; }
}