/* Approved registration B; runtime tokens and mobile layout, no preview code. */
.am-callout{--am-accent:var(--ember,#f5a04f);border:1px solid color-mix(in srgb,var(--am-accent) 38%,var(--line,rgba(var(--ui-line-tone-09),1)));background:color-mix(in srgb,var(--am-accent) 5%,var(--panel,rgba(var(--ui-panel-tone-23),1)));border-radius:16px;overflow:hidden;color:var(--text,rgba(var(--ui-text-tone-17),1))}
.am-callout p{margin:6px 0 0;line-height:1.65;color:var(--muted-strong,var(--muted,rgba(var(--ui-muted-strong-tone-14),1)));font-size:14px}
.am-callout h3{margin:0;font-size:18px;line-height:1.4;color:var(--text,rgba(var(--ui-text-tone-17),1))}
.am-callout small{font-size:12px;line-height:1.5;color:var(--muted,rgba(var(--ui-muted-tone-32),1))}
.am-callout .am-content{min-width:0}
.am-callout .am-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid color-mix(in srgb,var(--am-accent) 25%,transparent);border-radius:13px;color:var(--am-accent);background:color-mix(in srgb,var(--am-accent) 8%,transparent)}
.am-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.am-callout .am-actions{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.am-callout .button{white-space:nowrap;min-height:44px;text-decoration:none}
.am-callout[data-variant="B"]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:25px 24px;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--am-accent) 72%,transparent)}
.am-callout[data-variant="B"] .am-actions{align-items:flex-end}
.am-callout[data-variant="B"] p{max-width:620px}
.app-shell .am-callout{--panel:var(--surface);--muted-strong:var(--text-soft)}
.account-neutral-icon{width:22px;height:22px;display:block;color:inherit}
@media(max-width:700px){
.am-callout[data-variant="B"]{padding:20px;grid-template-columns:auto 1fr;gap:12px}
.am-callout[data-variant="B"] .am-actions{grid-column:1/-1;align-items:stretch;margin-top:5px}
.am-callout[data-variant="B"] .button{width:100%;justify-content:center}
.am-callout[data-variant="B"] h3{font-size:17px}
}


/* Approved pair warning A. Server-owned dates, no visual redesign of R5/B. */
.pair-access-notice{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line-strong,rgba(var(--ui-line-strong-tone-37),1));border-radius:12px;background:rgba(245,160,79,.055);color:var(--text)}
.pair-access-icon{flex:none;width:30px;color:var(--ui-accent-ink),1))}
.pair-access-icon svg{display:block;width:24px;height:24px}
.pair-access-copy{flex:1;min-width:0}.pair-access-copy h3{font-size:15px;line-height:1.4;margin:0}
.pair-access-copy p{font-size:13px;line-height:1.65;color:var(--muted);margin:5px 0 0}
.pair-access-copy time{display:block;color:var(--ui-accent-ink),1));font-size:11px;font-weight:700;margin-bottom:6px}
.pair-access-actions{flex:none}.pair-access-actions .button{min-height:44px;white-space:nowrap}
@media(max-width:700px){.pair-access-notice{flex-wrap:wrap;gap:12px;padding:16px}.pair-access-copy{flex-basis:calc(100% - 44px)}.pair-access-actions{width:100%}.pair-access-actions .button{width:100%;justify-content:center}}