#shell .topbar .top-actions{display:grid;width:auto;grid-template-columns:37px 37px 37px auto;grid-template-rows:37px 13px;gap:7px 9px;flex:0 0 auto;align-items:center;justify-content:end}
#shell .topbar .top-actions>.sync{display:inline-flex;align-items:center;gap:5px;grid-column:1/-1;grid-row:2;justify-self:end;font-size:9px;line-height:13px;color:#86a3b2;margin:0}
#shell .topbar .top-actions>.sync[data-status="error"]{color:#f2ac96}
#shell .topbar .top-actions>.sync[data-status="error"] i{background:#e7a084;box-shadow:none}
#shell .topbar .top-actions>.sync[data-status="loading"] i{background:#e3c774}
#shell #pp-push-button i{position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:#66e2bf;box-shadow:0 0 8px #66e2bf66}
#shell #pp-push-button i[hidden]{display:none}#shell #pp-push-button.is-enabled{color:#a0efda;border-color:#53bc9f55;background:#43d8b00b}
.pp-push-dialog{max-width:440px;width:calc(100vw - 32px);padding:31px;box-sizing:border-box;border:1px solid #315563;background:radial-gradient(ellipse at 0 0,#20607055,transparent 65%),#0c2130;color:#edf6fa;border-radius:24px;box-shadow:0 30px 100px #0008}
.pp-push-symbol{height:52px;width:52px;display:grid;place-content:center;background:#8bd8d30c;border:1px solid #7bcfc932;border-radius:16px;color:#b7e7e3;margin-bottom:23px}.pp-push-symbol svg{width:33px;height:33px}.pp-push-dialog .eyebrow{font-size:9px;color:#84c1c9;letter-spacing:.18em}.pp-push-dialog h2{font-size:27px;font-weight:550;letter-spacing:-.035em;margin:9px 0 24px}.pp-push-status{display:flex;align-items:center;gap:9px;color:#ddc985;font-size:12px}.pp-push-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.pp-push-status.is-on{color:#78dcc0}.pp-push-description{font-size:12px;line-height:1.8;color:#9db7c5;margin:13px 0 19px}.pp-push-types{display:flex;gap:6px;flex-wrap:wrap}.pp-push-types span{font-size:9px;color:#a7c2cf;border:1px solid #ffffff12;border-radius:20px;padding:6px 9px}.pp-push-actions{margin-top:27px;display:flex;flex-direction:column;align-items:stretch;gap:16px}.pp-push-actions .btn{padding:12px 16px;font-size:12px;border-radius:10px}.pp-push-actions .primary{color:#092d31;background:#63d7c3;border:0;font-weight:650}.pp-push-actions .text-btn{background:none;border:0;color:#92b3c4;font-size:11px;cursor:pointer}.pp-push-actions button:disabled{opacity:.5;cursor:wait}.pp-push-note{font-size:10px;line-height:1.7;color:#6f91a5;margin:22px 0 0}.pp-push-notice{font-size:11px;line-height:1.7;border-top:1px solid #ffffff12;padding-top:16px;color:#d7e6ee}.pp-push-dialog .pp-close{position:absolute;right:18px;top:16px;background:transparent;color:#91b0c1;border:0;font-size:26px;cursor:pointer}.pp-push-dialog::backdrop{background:#020c17aa;backdrop-filter:blur(4px)}
@media(max-width:600px){#shell .topbar .top-actions{grid-template-columns:32px 32px 32px auto;grid-template-rows:33px 12px;gap:5px 6px}#shell .topbar .top-actions .icon-btn{width:32px;min-height:33px;height:33px}#shell .topbar .top-actions>.btn{font-size:9px;padding:7px;min-height:33px}.pp-push-dialog{padding:25px}#shell .topbar .top-actions>.sync{font-size:8px}}

@media(max-width:980px){#shell .topbar .top-actions{grid-template-columns:37px 37px 37px}}
@media(max-width:650px){#shell .topbar .top-actions{grid-template-columns:32px 32px;width:auto;gap:5px 6px}}

.pp-push-dialog{font-family:Inter,system-ui,sans-serif;font-style:normal;line-height:1.5}.pp-push-actions .ghost{background:#ffffff05;border:1px solid #93b6c332;color:#d0e6ef}