.mooc-timer.charge-pending{border-color:#f59e0b!important;background:#fff7e6!important;color:#b45309!important}.mooc-timer.charged{border-color:#10b981!important;background:#ecfdf5!important;color:#047857!important}.mooc-timer.charged small{font-weight:800}.mooc-charge-dialog{width:min(620px,94vw)!important}.mooc-charge-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mooc-charge-summary p{margin:0;padding:14px;border:1px solid #dbe4f0;border-radius:14px;background:#f8fafc;display:grid;gap:6px}.mooc-charge-summary small{color:#64748b;font-weight:700}.mooc-charge-summary strong{font-size:20px;color:#0f2747}.mooc-charge-amount,.mooc-charge-note{display:grid;gap:7px;margin:12px 0;font-weight:800;color:#334155}.mooc-charge-amount input,.mooc-charge-note textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit;background:#fff}.mooc-charge-note textarea{min-height:76px;resize:vertical}.mooc-charge-dialog>[data-approve-mooc-charge]{width:100%;min-height:48px;margin-top:8px}@media(max-width:600px){.mooc-charge-summary{grid-template-columns:1fr}.mooc-charge-summary p{grid-template-columns:1fr 1fr;align-items:center}.mooc-charge-summary strong{text-align:right}}