/* UNHCR-style donation form */
.unhcr-donation { --u-blue:#0072BC; --u-yellow:#FFB81C; --u-dark:#1a1a1a; --u-border:#e5e7eb; --u-muted:#6b7280;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 720px; margin: 0 auto; padding: 16px; }
.unhcr-donation__card { background:#fff; box-shadow: 0 10px 40px rgba(0,0,0,.08); border-radius: 8px; padding: 24px; }
.unhcr-donation__steps { list-style:none; display:flex; gap:6px; padding:0; margin:0 0 20px; flex-wrap:wrap; }
.unhcr-donation__steps li { flex:1 1 80px; min-width:80px; display:flex; align-items:center; justify-content:center; gap:6px; padding:10px 8px; background:#f3f4f6; color:#9ca3af; font-weight:600; border-radius:4px; font-size:13px; text-align:center; }
.unhcr-donation__steps li span { width:22px; height:22px; border-radius:50%; background:#d1d5db; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; flex-shrink:0; }
.unhcr-donation__steps li.is-active { background: var(--u-blue); color:#fff; }
.unhcr-donation__steps li.is-active span { background:#fff; color: var(--u-blue); }
.unhcr-donation__panel { display:none; }
.unhcr-donation__panel.is-active { display:block; }
.unhcr-donation__label { display:block; font-weight:600; margin: 16px 0 8px; color: var(--u-dark); font-size: 14px; }
.unhcr-donation__select, .unhcr-donation input[type="text"], .unhcr-donation input[type="email"], .unhcr-donation input[type="tel"], .unhcr-donation input[type="number"], .unhcr-donation select {
  width:100%; padding: 12px 14px; border:1px solid var(--u-border); border-radius:4px; font-size:16px; background:#fff; box-sizing:border-box; }
.unhcr-donation__freq { display:flex; gap:8px; margin-bottom: 8px; flex-wrap:wrap; }
.unhcr-donation__freq button { flex:1 1 140px; padding:12px; border:1px solid var(--u-border); background:#fff; border-radius:4px; cursor:pointer; font-weight:600; font-size:15px; }
.unhcr-donation__freq button.is-active { background: var(--u-blue); color:#fff; border-color: var(--u-blue); }
.unhcr-donation__amounts { display:grid; grid-template-columns: repeat(auto-fit, minmax(90px,1fr)); gap:8px; }
.unhcr-donation__amt { padding: 16px 8px; border:2px solid var(--u-border); background:#fff; border-radius:4px; cursor:pointer; font-weight:700; font-size:18px; text-align:center; }
.unhcr-donation__amt.is-active { border-color: var(--u-blue); background: #eaf4fb; color: var(--u-blue); }
.unhcr-donation__amt-cur { font-size:13px; opacity:.7; margin-right:2px; }
.unhcr-donation__custom { display:flex; align-items:center; border:1px solid var(--u-border); border-radius:4px; padding:0 14px; }
.unhcr-donation__custom span { color: var(--u-muted); font-weight:600; }
.unhcr-donation__custom input { border:0 !important; padding-left:8px !important; }
.unhcr-donation__row { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.unhcr-donation__cta { display:block; width:100%; margin-top:20px; padding: 16px; background: var(--u-yellow); color:#1a1a1a; font-weight:800; font-size:17px; border:0; border-radius:4px; cursor:pointer; text-transform:uppercase; letter-spacing:.5px; transition: background .2s; }
.unhcr-donation__cta:hover { background:#ffc94a; }
.unhcr-donation__cta:active { transform: translateY(1px); }
.unhcr-donation__back { padding: 14px 22px; background:#fff; border:1px solid var(--u-border); border-radius:4px; cursor:pointer; font-weight:600; font-size:15px; }
.unhcr-donation__nav { display:flex; gap:10px; margin-top:20px; flex-wrap:wrap; }
.unhcr-donation__nav .unhcr-donation__back { flex:1 1 100px; }
.unhcr-donation__nav .unhcr-donation__cta { flex:2 1 180px; margin-top:0; }
.unhcr-donation__summary { background:#f9fafb; border-radius:6px; padding:20px; text-align:center; margin-bottom:16px; }
.unhcr-donation__summary p { margin:0 0 8px; color:var(--u-muted); }
.unhcr-donation__summary-amount { display:block; font-size:28px; color:var(--u-blue); margin:4px 0; }
.unhcr-donation__summary-freq { color:var(--u-muted); font-size:14px; }
.unhcr-donation__notice { font-size:13px; color:var(--u-muted); text-align:center; margin:12px 0; }
.unhcr-donation__error { color:#b91c1c; font-size:14px; text-align:center; min-height:20px; }

/* Mobile tweaks */
@media (max-width: 600px) {
  .unhcr-donation { padding: 8px; }
  .unhcr-donation__card { padding: 16px; border-radius:6px; box-shadow: 0 4px 16px rgba(0,0,0,.06); }
  .unhcr-donation__row { grid-template-columns: 1fr; }
  .unhcr-donation__steps li { font-size:12px; padding:8px 6px; flex:1 1 0; min-width:0; }
  .unhcr-donation__steps li span { width:20px; height:20px; font-size:11px; }
  .unhcr-donation__amounts { grid-template-columns: repeat(3, 1fr); }
  .unhcr-donation__amt { padding:14px 4px; font-size:16px; }
  .unhcr-donation__cta { font-size:16px; padding:14px; }
  .unhcr-donation__summary-amount { font-size:24px; }
}
@media (max-width: 360px) {
  .unhcr-donation__amounts { grid-template-columns: repeat(2, 1fr); }
}