/* The approved update button. The existing handshake logo is a separate brand asset. */
.app-update-account{display:none}
.pomogator-native-app .app-update-account{display:flex;margin:20px 0 12px}
#finder .app-update-button,.app-update-button{display:flex;align-items:center;gap:11px;min-height:66px;padding:13px 14px;border:1px solid #467b55;border-radius:14px;background:linear-gradient(180deg,#57946b,#3a704e 55%,#2c5a3f);color:#fff;text-decoration:none;white-space:normal;box-shadow:inset 0 1px 0 #ffffff60,inset 0 -2px 0 #173a2b33,0 4px 0 #24462f,0 8px 14px #345f3a20;transition:box-shadow .18s,transform .18s}
.app-update-button .app-update-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;color:#d9e8cd}
.app-update-button .app-update-icon svg{width:24px;height:24px}
.app-update-available .app-update-icon{position:relative;background:linear-gradient(135deg,#e7f6aa,#9ec85d);color:#375a29;border:1px solid #e2f7b7;box-shadow:0 0 0 4px #bfe57a18,0 0 16px #dcff9999,0 0 30px #d9f58a45}
.app-update-available .app-update-icon:after{content:"";position:absolute;inset:-6px;border:1px solid #d7f28a77;border-radius:50%;animation:app-update-glow 2.8s ease-in-out infinite;pointer-events:none}
.app-update-copy{min-width:0;flex:1}
.app-update-copy strong{display:block;font:700 14px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:0}
.app-update-copy small{display:block;font:400 10px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;color:#d8e7cd;margin-top:2px}
.app-update-new{font:750 8px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.7px;color:#405c2d;background:#e6efb7;border:1px solid #e9f4c4;border-radius:5px;padding:5px 6px;box-shadow:0 0 12px #dcf28c44;white-space:nowrap;flex-shrink:0}
#finder .app-update-current,.app-update-current{border-color:#cad8bb;background:linear-gradient(#fbfdf6,#e6eddb);color:#557246;box-shadow:inset 0 1px 0 #fff,0 3px 0 #cbd5bf}
.app-update-current .app-update-copy small{color:#7d906b}
.app-update-current .app-update-icon{color:#718b5b}
.app-update-button:focus-visible{outline:3px solid #b7cb7b;outline-offset:5px}
.account-page #accountPage .app-update-button{color:#fff}
.account-page #accountPage .app-update-current{color:#557246}
.account-page #accountPage .app-update-button svg{width:22px;height:22px}
.account-page .app-update-account .app-update-copy strong{font-size:11px}
.account-page .app-update-account .app-update-copy small{font-size:9px}
.account-page .app-update-account{padding:12px 10px;gap:8px}
.account-page .app-update-account .app-update-new{font-size:7px;padding:3px 4px}
.account-page .app-update-account .app-update-icon{width:28px;height:28px}
@keyframes app-update-glow{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.09)}}
@media(max-width:760px){#finder .app-update-button{width:100%}.app-update-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.app-update-available .app-update-icon:after{animation:none}.app-update-button{transition:none}}

.account-page .ap-update-area .app-update-account{max-width:360px;margin:24px 0 0}