.hc-update-card{display:grid;gap:12px;border:1px solid var(--basic-border,var(--border,#d8e3df));border-radius:18px;padding:20px;background:var(--basic-card,var(--surface,#fff));color:var(--basic-text,var(--text,#132d25));box-sizing:border-box;margin-bottom:18px}
.hmp-mobile-download-card .hc-update-card{margin:0;border:0;padding:0;border-radius:0;background:transparent}
.hc-update-heading{display:flex;align-items:center;gap:12px}
.hc-update-heading h3{font-size:18px;margin:0 0 3px}
.hc-update-heading small,.hc-update-version,.hc-update-card>small{color:var(--basic-muted,var(--text-muted,#667b74));font-size:13px}
.hc-update-icon{display:grid;place-items:center;font-size:26px;width:44px;height:44px;border-radius:14px;background:#117a571a;color:var(--basic-green,#117a57);flex:0 0 auto}
.hc-update-card p{margin:0;line-height:1.5}
.hc-update-card p.hc-update-status,.hmp-basic-app .hmp-basic-package-pro .hc-update-card p.hc-update-status{color:var(--basic-text,var(--text,#132d25))}
.hc-update-card p.hc-update-version,.hmp-basic-app .hmp-basic-package-pro .hc-update-card p.hc-update-version{color:var(--basic-muted,var(--text-muted,#667b74))}
.hc-update-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hc-update-primary,.hc-update-recheck{font:inherit;min-height:48px;border-radius:12px;font-weight:700;cursor:pointer;box-sizing:border-box}
.hc-update-primary{flex:1 1 150px;padding:12px 20px;border:1px solid #117a57;background:#117a57;color:#fff!important}
.hc-update-primary:disabled{cursor:default;opacity:1}
.hc-update-card[data-update-state="current"] .hc-update-primary{background:#dff8ec;color:#176544!important;border-color:#b5e7cf}
.hc-update-recheck{padding:10px 12px;border:1px solid var(--basic-border,var(--border,#d8e3df));background:transparent;color:inherit}
.hc-update-recheck:disabled{opacity:.55;cursor:default}
.hc-update-primary:focus-visible,.hc-update-recheck:focus-visible{outline:3px solid #50c69d;outline-offset:3px}
.hc-update-card[data-update-state="checking"] .hc-update-icon,.hc-update-card[data-update-state="opening"] .hc-update-icon{animation:hc-update-spin 1s linear infinite}
.hc-update-card [hidden],.hmp-mobile-download-card [hidden]{display:none!important}
@keyframes hc-update-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hc-update-icon{animation:none!important}}