/* Existing reading card, network tile and Gradient arrow; no new palette. */
.sa-card { margin:24px 0; padding:24px; border-radius:24px; background:var(--panel); color:var(--ink); border:1px solid var(--line); }
.sa-card h3,.sa-confirm h3 { margin:0 0 8px; font-size:20px; line-height:1.4; font-weight:600; }
.sa-card p,.sa-confirm p { margin:8px 0 16px; font-size:15px; line-height:1.5; }
.sa-account { border-top:1px solid var(--line); padding-top:16px; margin-top:16px; }
.sa-person { display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:600; }
.sa-person>span:first-child { min-width:0; overflow-wrap:anywhere; }
.sa-person .brandtile { flex-shrink:0; }
.sa-handle { overflow-wrap:anywhere; }
.sa-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.sa-actions .ti-primary { flex:1; min-height:44px; }
.sa-quiet { min-height:44px; padding:8px 12px; color:inherit; background:transparent; border:0; font:inherit; cursor:pointer; }
.sa-confirm { padding:8px; }
[data-theme="dark"] .sa-card { background:var(--panel); }