@charset "UTF-8";

/* ===== form card ===== */
.pwa-form{
  display:flex;
  flex-direction: column;
  gap: 12px;

  background:#fff;
  border-radius:16px;
  padding:16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

.pwa-label{
  display:block;
  font-weight:800;
  font-size:14px;
  margin: 8px 0 0;
  color:#222;
}

.pwa-input,
.pwa-select,
.pwa-textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  font-size:16px;
  background:#fff;
  outline:none;
}

.pwa-input,
.pwa-select{
  height:44px;
  padding:10px 12px;
}

.pwa-textarea{
  min-height: 140px;
  padding:12px;
  resize: vertical;
  line-height: 1.7;
}

.pwa-input:focus,
.pwa-select:focus,
.pwa-textarea:focus{
  border-color:#7aa7ff;
  box-shadow:0 0 0 3px rgba(122,167,255,.25);
}

.pwa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:100%;
  height:44px;
  padding:0 16px;

  border-radius:999px;
  border:none;
  background:#111;
  color:#fff;

  font-weight:800;
  cursor:pointer;
  margin-top: 8px;
}

.pwa-btn:active{ transform: translateY(1px); }

.pwa-btn--secondary{
  background:#fff;
  color:#333;
  border:1px solid rgba(0,0,0,.15);
}

.pwa-help{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.7;
  opacity: .75;
}

.pwa-error{
  margin-top:12px;
  color:#c62828;
  display:block;
}

.pwa-success{
  margin-top:12px;
  color:#2e7d32;
  display:block;
}