/* Plan or credits card (public/plan-credits.js). The card itself is the
   approval card of composer-approval.css; this adds the "always" setting and
   the smaller waiting state. Grays only: nothing here is a status color. */
.plan-credits-always { display:flex; align-items:center; gap:8px; margin-top:12px; color:var(--ink-2); font-size:12.5px; cursor:pointer; }
.plan-credits-always input { width:16px; height:16px; margin:0; accent-color:var(--ink); }
.plan-credits.is-waiting { padding-top:10px; padding-bottom:10px; }
.plan-credits.is-waiting .approval-card-actions { margin-top:10px; }
/* A phone: one answer per row, the solid one first. */
@media (max-width:560px) {
  .plan-credits .approval-card-actions { display:grid; grid-template-columns:1fr; }
  .plan-credits .approval-card-actions .btn { width:100%; flex:0 0 auto; }
  .plan-credits .approval-card-actions .btn.primary { order:-1; }
}
/* While the card waits for an answer, it replaces the typing dots. */
.plan-credits-asking #pending-msg, .plan-credits-asking #thread-status { display:none; }