/* Preserve the approved motion and card affordances over the current theme. */
html { scrollbar-gutter:stable; }
.page-content { min-width:0; animation:chik-page-in 220ms ease-out both; }
@keyframes chik-page-in { from { opacity:.72; transform:translateY(3px); } to { opacity:1; transform:none; } }
.card-rotator { transition-duration:.52s; }
.card-info-face .card-heading > strong { font-size:18px; font-weight:700; }
.card-info-number { margin-top:18px; font-size:23px; font-weight:650; letter-spacing:.06em; }
.card-info-copy { max-width:38ch; margin:12px 0 18px; color:var(--muted); font-size:14px; line-height:1.6; }
.card-info-pending { color:var(--pending); font-size:13px; margin-bottom:12px; }
.card-info-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; margin-top:auto; }
.card-info-actions .text-button { font-size:13px; }
.cards-page .cards-grid { align-items:stretch; }
.cards-page .payment-card,.purchase-card-slot { display:flex; flex-direction:column; }
.cards-page .card-rotator,.purchase-card-tile { flex:1; }
.cards-page .observation-time { min-height:20px; margin:8px 0 0; line-height:20px; }
.purchase-card-tile { display:flex; width:100%; max-width:420px; min-height:232px; flex-direction:column; align-items:center; justify-content:center; gap:14px; border:1px dashed var(--line-strong); border-radius:22px; background:rgb(255 255 255/.015); color:var(--text); cursor:pointer; }
.purchase-card-tile:hover { border-color:var(--muted); background:rgb(255 255 255/.035); }
.purchase-card-tile .icon { width:32px; height:32px; }
.purchase-card-tile strong { font-size:20px; }
.purchase-card-tile small { max-width:26ch; color:var(--muted); font-size:14px; line-height:1.5; text-align:center; }
.dashboard-overview > .panel:has(.loading-state) { min-height:270px; }
@media(max-width:480px) {
  .record-row > .record-avatar.operation-avatar { display:grid; width:32px; height:32px; flex-basis:32px; border-radius:10px; }
  .card-info-copy { font-size:14px; }
  .card-info-actions { gap:12px; }
  .card-info-actions .button { font-size:13px; }
  .purchase-card-tile { min-height:218px; }
}
@media(prefers-reduced-motion:reduce) {
  .page-content { animation:none; }
  .card-rotator { transition:none; }
}