.confirmations-page { display:grid; gap:28px; max-width:820px; }
.confirmations-intro { max-width:620px; color:var(--muted); font-size:16px; line-height:1.7; }
.confirmations-card-picker { display:grid; gap:12px; max-width:420px; }
.confirmations-card-picker label { display:grid; gap:9px; font-size:15px; }
.confirmations-card-picker select { min-height:54px; font-size:16px; }
.confirmations-selected-card { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; }
.confirmations-selected-card > span { color:var(--muted); font-size:15px; }
.confirmations-selected-card > strong { font-size:20px; font-weight:550; letter-spacing:.04em; }
.confirmations-content { display:grid; gap:20px; }
.confirmations-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.confirmations-heading h2 { font-size:23px; }
.confirmations-heading .text-button { flex-shrink:0; min-height:44px; font-size:15px; }
.confirmations-list { display:grid; gap:14px; list-style:none; margin:0; padding:0; }
.confirmations-item { min-width:0; padding:24px; border:1px solid var(--line-strong); border-radius:18px; background:var(--surface); }
.confirmations-item-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.confirmations-item-heading h3 { margin:0; font-size:18px; line-height:1.4; font-weight:550; }
.confirmations-item time { display:block; margin-top:7px; color:var(--muted); font-size:14px; line-height:1.6; }
.confirmations-item .button,.confirmations-item .text-button { flex-shrink:0; min-height:44px; font-size:15px; }
.confirmations-secret { display:grid; gap:10px; margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.confirmations-code-label { color:var(--muted); font-size:14px; }
.confirmations-code { display:block; max-width:100%; color:var(--text); font:550 clamp(30px,7vw,48px)/1.25 "Onest","Segoe UI",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:.16em; overflow-wrap:anywhere; user-select:all; }
.confirmations-secret p,.confirmations-hint { color:var(--muted); font-size:14px; line-height:1.7; }
.confirmations-empty { display:flex; min-height:260px; padding:32px 24px; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; border:1px solid var(--line); border-radius:18px; }
.confirmations-empty > .icon { width:30px; height:30px; color:var(--muted); }
.confirmations-empty h2 { font-size:23px; }
.confirmations-empty p { max-width:440px; color:var(--muted); font-size:16px; line-height:1.7; }
.confirmations-empty > .button { margin-top:4px; }
.confirmations-empty-compact { min-height:230px; gap:12px; }
@media (max-width:600px) {
  .confirmations-page { gap:24px; }
  .confirmations-heading h2 { font-size:21px; }
  .confirmations-item { padding:20px; }
  .confirmations-item-heading { align-items:flex-start; flex-direction:column; gap:16px; }
  .confirmations-item-heading > .button { width:100%; }
  .confirmations-secret { margin-top:20px; }
  .confirmations-code { letter-spacing:.12em; }
  .confirmations-empty { padding:28px 20px; }
}