/* AMS additions layered on the demo's brand/public styles. */
.flash{margin:24px 0 0;padding:14px 18px;font-size:var(--t-sm);border-left:4px solid var(--ink);background:var(--bg-soft)}
.page-body .flash,.form-card .flash,.signin-card .flash{margin:0 0 20px}
.flash ul{margin:8px 0 0;padding-left:18px}
.flash-ok{border-color:#4f8a10;background:#eef6e4;color:#244506}
.flash-error{border-color:var(--red);background:#fdecec;color:#7d1414}
.impersonation-bar{background:#ffe08a;color:#212621;padding:10px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:var(--t-sm)}
.impersonation-bar a{color:#212621;font-weight:700}
.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0;font-size:var(--t-sm);flex-wrap:wrap}
.pager a{font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.pager-off{color:var(--ink-3)}
.pager-info{color:var(--ink-2)}
.is-past{opacity:.72}
.account-nav{display:flex;gap:4px;flex-wrap:wrap;margin:20px 0 8px;border-bottom:1px solid var(--line)}
.account-nav a{padding:12px 14px;font-size:var(--t-sm);font-weight:700;text-decoration:none;color:var(--ink-2);position:relative;min-height:44px;display:inline-flex;align-items:center}
.account-nav a:hover{color:var(--ink)}
.account-nav a[aria-current=page]{color:var(--ink)}
.account-nav a[aria-current=page]:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--purple)}
.account-nav + .page-body{padding-top:24px}
.table-scroll{overflow-x:auto;width:100%}
.data-table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.data-table th{text-align:left;font-weight:700;padding:10px 12px;border-bottom:2px solid var(--ink);white-space:nowrap}
.data-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
.data-table .num{text-align:right;white-space:nowrap}
.data-table small{font-size:var(--t-xs)}
.add-form{align-self:start}
.signin-logo{display:block;width:180px;height:auto;margin:0 0 24px}
.receipt-logo{display:block;width:150px;height:auto;margin:0 0 24px}
.member-card a.on-dark{color:var(--cyan)}
.inline-form{display:inline}
.forgot{margin-top:16px;font-size:var(--t-sm)}
.forgot summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.sample-list form{margin-bottom:16px}
.sample-list .hint{margin:6px 0 0}
.amount-chip,.tab{cursor:pointer;display:inline-flex;align-items:center}
.amount-chip:has(input:checked){background:var(--cyan);border-color:var(--cyan)}
.donation-form .tab:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff}
.amount-chip:has(input:focus-visible),.tab:has(input:focus-visible){outline:3px solid var(--purple);outline-offset:2px}
.js .custom-field[data-hide-js]{display:none}
.row{display:flex;justify-content:space-between;align-items:start;gap:16px}
.no-margin{margin:0}
@media(max-width:560px){.account-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.account-nav a{white-space:nowrap;padding:12px 10px}.dashboard-top{flex-wrap:wrap}.dashboard-top p{overflow-wrap:anywhere}}

/* Event check-in pass (My ACSM › Events) */
.dashboard-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.checkin-pass{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;align-items:start}
.checkin-pass-card{border:1px solid var(--line);border-top:10px solid var(--cyan);background:#fff;padding:28px;text-align:center}
.checkin-pass-head{text-align:left;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.checkin-pass-head .eyebrow{margin-bottom:10px}
.checkin-pass-head h2{font-size:var(--t-xl);margin-bottom:6px}
.checkin-pass-head p{font-size:var(--t-sm);color:var(--ink-2);margin:0}
.checkin-pass-qr svg{width:260px;height:260px;max-width:100%;display:block;margin:0 auto}
.checkin-pass-code{margin:18px 0 6px}
.checkin-pass-code span{display:block;font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.checkin-pass-code strong{font-size:1.75rem;letter-spacing:.14em;font-variant-numeric:tabular-nums}
.checkin-pass-name{font-weight:700;margin:0}
.checkin-pass-help h2{font-size:var(--t-xl);margin-bottom:16px}
.checkin-pass-help h3{font-size:var(--t-base)}
.checkin-pass-help>h3{margin-top:28px}
@media(max-width:860px){.checkin-pass{grid-template-columns:1fr;gap:32px}.checkin-pass-card{max-width:440px;margin-inline:auto;width:100%}}
@media(max-width:560px){.dashboard-actions{gap:8px}.checkin-pass-card{padding:20px}.checkin-pass-qr svg{width:220px;height:220px}}
