/* Mono Translate Pro 3.51.0 · Account page layout (cards, learning summary, devices, security,
   pricing in the homepage style, renewal reminder, animated hero). Loaded after the 3.47.x styles. */
.content-grid.ap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;align-items:start}
.ap-col{display:grid;gap:20px;min-width:0;align-content:start}
.ap-card{position:relative;transition:box-shadow .35s var(--mpu-ease),transform .45s var(--mpu-spring)}
.ap-card:hover{box-shadow:0 18px 40px -26px rgba(20,32,74,.35)}
.ap-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ap-ico{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;transition:transform .45s var(--mpu-spring)}
.ap-card:hover .ap-ico{transform:rotate(-6deg) scale(1.06)}
.ap-ico svg{width:20px;height:20px}
.ap-learn .ap-ico{background:#fbefe2;color:#b8682a}
.ap-devices .ap-ico{background:#e8f0fd;color:#2f6fe0}
.ap-security .ap-ico{background:#e7f4ec;color:#2f7a4f}
.ap-shield-tick{stroke-dasharray:12;stroke-dashoffset:12;animation:mpu-draw .7s .4s var(--mpu-ease) forwards}
.ap-head-t{min-width:0;flex:1}
.ap-head h3{margin:0;font:650 16px/1.3 var(--mpu-display);letter-spacing:-.01em;color:var(--mpu-ink)}
.ap-head p{margin:2px 0 0;font-size:12.5px;color:var(--mpu-ink3)}
.ap-count{padding:4px 10px;border-radius:999px;background:var(--mpu-surface2);font-size:12px;font-weight:700;color:var(--mpu-ink2);font-variant-numeric:tabular-nums}
.ap-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ap-actions .mpu-btn{min-height:42px;font-size:13.5px;border-radius:12px}
.ap-empty{margin:0;font-size:13.5px;line-height:1.6;color:var(--mpu-ink3)}

/* hero */
.profile-eyebrow.ap-named>span:first-child{display:none}
.ap-via{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px 4px 7px;border-radius:999px;background:var(--mpu-surface2);border:1px solid var(--mpu-line);font-size:11.5px;font-weight:600;color:var(--mpu-ink2)}
.ap-via svg{width:14px;height:14px}
.hero-art .ap-scene{position:absolute;inset:0;z-index:1}
.hero-art .ap-scene .ms-layer{transform:none}
.hero-art .art-caption{z-index:3}
.hero-art .device-pill[hidden]{display:none}

/* learning */
.ap-learn-row{display:flex;align-items:center;gap:18px}
.ap-learn-ring{position:relative;width:76px;height:76px;flex:none;color:#e0913a}
.ap-learn-ring .mpu-ring{width:76px;height:76px}
.ap-learn-ring .mpu-ring-v{animation:ap-ring 1.2s var(--mpu-ease) both}
@keyframes ap-ring{from{stroke-dasharray:0 94.25}}
.ap-learn-ring b{position:absolute;inset:0;display:grid;place-items:center;font:750 17px/1 var(--mpu-display);color:var(--mpu-ink)}
.ap-kv{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:0}
.ap-kv div{padding:10px 12px;border-radius:14px;background:var(--mpu-surface2);border:1px solid var(--mpu-line);transition:transform .35s var(--mpu-spring)}
.ap-kv div:hover{transform:translateY(-3px)}
.ap-kv b{display:block;font:750 22px/1.1 var(--mpu-display);letter-spacing:-.02em;color:var(--mpu-ink);font-variant-numeric:tabular-nums}
.ap-kv small{display:block;margin-top:2px;font-size:11.5px;line-height:1.3;color:var(--mpu-ink3)}
.ap-kv .due{background:#fff4e6;border-color:#f6d9b2}.ap-kv .due b{color:#b5641a}

/* devices (panel moved out of the dialog) */
.ap-devices .security-card{padding:0;border:0;background:none}
.ap-devices .security-devices-head{display:none}
.ap-devices .ap-head{flex-wrap:wrap}.ap-dev-acts{margin-inline-start:8px}.ap-dev-acts button{white-space:nowrap}
.ap-devices .security-devices-head>div:first-child{display:none}
.ap-devices .security-device{padding:12px 4px;border-bottom:1px solid var(--mpu-line);border-radius:12px;transition:background .25s}
.ap-devices .security-device:hover{background:var(--mpu-surface2)}
.ap-devices .security-device:last-child{border-bottom:0}
.ap-devices .security-device-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--mpu-surface2);color:var(--mpu-ink2)}
.ap-devices .security-device[data-source="extension"] .security-device-icon{background:#f1ecfd;color:#6b47d6}
.ap-devices .security-device-copy strong{font-size:13.5px}
.ap-devices .security-device-copy small{font-size:11.5px}
.ap-devices .security-device-badge{color:var(--mpu-green);animation:mag-live 2s infinite;border-radius:50%}
.ap-devices [data-device-revoke],.ap-devices .security-devices-actions button{border-radius:10px;transition:transform .3s var(--mpu-spring),background .2s}
.ap-devices [data-device-revoke]:hover,.ap-devices .security-devices-actions button:hover{transform:translateY(-1px)}
.ap-devices .security-events{margin-top:10px;font-size:12px;color:var(--mpu-ink3)}
.ap-devices .device-context{margin:12px 0 0;font-size:11.5px;color:var(--mpu-ink4)}
@keyframes mag-live{0%{box-shadow:0 0 0 0 rgba(31,157,85,.45)}70%,100%{box-shadow:0 0 0 7px rgba(31,157,85,0)}}

/* security */
.ap-security .password-details{margin:0;padding:0;border:0;font-size:13px;color:var(--mpu-ink2)}
.ap-security .password-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:var(--mpu-surface2);border:1px solid var(--mpu-line);font-weight:600;cursor:pointer;transition:background .2s}
.ap-security .password-details>summary::-webkit-details-marker{display:none}
.ap-security .password-details>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s var(--mpu-spring);opacity:.6}
.ap-security .password-details[open]>summary::after{transform:rotate(-135deg)}
.ap-security .password-details[open]>summary{margin-bottom:12px}
.ap-security .ap-signout{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--mpu-line);background:transparent;color:#c0392b;font:600 13px/1.2 var(--mpu-font);cursor:pointer;transition:background .2s,transform .3s var(--mpu-spring)}
.ap-security .ap-signout:hover{background:#fdf0ef;transform:translateX(3px)}
.ap-security .ap-signout svg{width:17px;height:17px}

/* pricing card in the homepage style */
#upgradeCard .prices.ap-prices{display:block}
#upgradeCard .ap-prices>.holiday-account-plan{display:none}
#upgradeCard .ap-plans .mpu-plans{margin-top:4px}
#upgradeCard .ap-plans .mpu-cta{margin-top:14px}
#upgradeCard .ap-feats .mpu-feats{margin:16px 0 10px}
#upgradeCard .ap-feats .mpu-notes{margin-bottom:6px}
#upgradeCard .mpu-plan{text-transform:none}
#proCard .mpu-feats{margin-top:18px}

/* renewal reminder */
.ap-renew{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;border-color:#cfe0fb;background:linear-gradient(135deg,#f3f8ff,#fff 60%)}
.ap-renew .mpu-rn{grid-template-columns:1fr}
.ap-renew .mpu-rn-ring{display:none}
.ap-renew-bell{position:relative;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mpu-brand);color:#fff;box-shadow:0 12px 24px -12px rgba(61,99,242,.8)}
.ap-renew-bell svg{width:22px;height:22px;transform-origin:50% 10%;animation:mpu-ring 4s .8s ease-in-out infinite}
.ap-renew-bell i{position:absolute;top:-7px;inset-inline-end:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font:800 11.5px/21px var(--mpu-font);font-style:normal;text-align:center;box-shadow:0 0 0 3px #fff;animation:mpu-badge 2s ease-in-out infinite}
.ap-renew:has(.mpu-rn.urgent){border-color:#f6d2a8;background:linear-gradient(135deg,#fff6ec,#fff 60%)}

/* back to the Learning Map */
.ap-return{position:fixed;left:50%;bottom:24px;z-index:100003;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:16px;background:#1D1D1F;color:#fff;font:500 14px/1.4 var(--mpu-font);box-shadow:0 24px 50px -20px rgba(0,0,0,.6);opacity:0;transform:translate(-50%,16px);transition:opacity .35s,transform .45s var(--mpu-spring)}
.ap-return.show{opacity:1;transform:translate(-50%,0)}
.ap-return button{border:0;border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.14);color:#fff;font:600 13px/1 var(--mpu-font);cursor:pointer}
.ap-return-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#7cc0ff;animation:mpu-spinr .8s linear infinite}
@keyframes mpu-spinr{to{transform:rotate(360deg)}}

@media (max-width:900px){.content-grid.ap-grid{grid-template-columns:1fr}}
@media (max-width:560px){.ap-dev-acts{order:3;flex-basis:100%;margin:10px 0 0!important}.ap-dev-acts button{width:100%}.ap-learn-row{flex-direction:column;align-items:stretch}.ap-learn-ring{margin:0 auto}.ap-kv b{font-size:19px}.ap-renew{grid-template-columns:1fr}.ap-renew-bell{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.ap-card,.ap-ico,.ap-kv div,.ap-security .ap-signout,.ap-return{transition:none}.ap-learn-ring .mpu-ring-v,.ap-shield-tick,.ap-renew-bell svg,.ap-renew-bell i,.ap-devices .security-device-badge,.ap-return-spin{animation:none!important}.ap-shield-tick{stroke-dashoffset:0}}