/* Improved, overflow-safe, mobile-first */
* { box-sizing: border-box; }
.dwr-auth-wrap { max-width: 760px; margin: 32px auto; padding: 0 16px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.dwr-tabs { display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap }
.dwr-tab { flex:1 1 140px; border:1px solid #e0e0e0; padding:12px 16px; cursor:pointer; background:#fff; border-radius:12px; text-align:center }
.dwr-tab-active { background:#111; color:#fff }
.dwr-card { background:#fff; border:1px solid #e8e8e8; border-radius:16px; padding:20px; box-shadow:0 2px 12px rgba(0,0,0,.06); overflow:hidden }
.dwr-grid-2 { display:grid; grid-template-columns:1fr; gap:14px }
@media (min-width:680px){ .dwr-grid-2 { grid-template-columns:1fr 1fr } }
.dwr-option { display:flex; align-items:center; gap:10px; border:1px solid #ddd; border-radius:12px; padding:12px; cursor:pointer; background:#fafafa }
.dwr-option input { transform: scale(1.1); }
.dwr-card input[type="text"],
.dwr-card input[type="password"],
.dwr-card input[type="email"],
.dwr-card input[type="url"],
.dwr-card input[type="number"],
.dwr-card input[type="date"],
.dwr-card input[type="file"],
.dwr-card select, .dwr-card textarea {
  width:100%; padding:12px; border:1px solid #ddd; border-radius:12px; margin:6px 0 12px; font-size:16px; max-width:100%
}
.dwr-card textarea { resize:vertical }
.dwr-check { display:flex; align-items:center; gap:8px; margin: 6px 0 12px }
.dwr-actions-inline { display:flex; gap:12px; flex-wrap:wrap }
.dwr-submit, .dwr-next, .dwr-prev, .dwr-btn {
  appearance:none; border:0; background:#ff6a00; color:#fff; padding:12px 16px; border-radius:12px; cursor:pointer; font-weight:700; line-height:1.2
}
.dwr-prev { background:#667085 }
.dwr-hidden { display:none!important }
.dwr-step { display:none }
.dwr-step.active { display:block }
.dwr-error { color:#b00020; margin: 4px 0 8px; min-height: 18px }
.dwr-profile h2 { margin-top:0 }
.dwr-selfie label { display:block; margin-top:8px; margin-bottom:4px }
/* placeholder style during sort */
.dwr-placeholder{background:#e9f2ff;border:2px dashed #2271b1;min-height:40px;border-radius:8px;margin:6px 0}