.push-account-action{display:flex!important;align-items:center;gap:9px;width:100%;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:9px}.push-account-action:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.push-modal-backdrop{position:fixed;inset:0;z-index:2147483000;display:none;place-items:center;padding:18px;background:#020503c9;backdrop-filter:blur(9px)}.push-modal-backdrop.open{display:grid}.push-modal{width:min(820px,100%);max-height:min(90vh,900px);overflow:auto;border:1px solid var(--border,#304337);border-radius:20px;background:var(--panel,#101a14);color:var(--text,#edf5ef);box-shadow:0 26px 90px #0009}.push-modal-content{padding:22px}.push-modal-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.push-modal-head small{color:#8ee600;font-weight:900;letter-spacing:.12em}.push-modal-head h2{margin:5px 0 3px;font-size:26px}.push-modal-head p{margin:0;color:var(--muted,#9fb0a3)}.push-close{width:40px;height:40px;border:0;border-radius:12px;background:color-mix(in srgb,var(--text,#fff) 8%,transparent);color:inherit;font-size:26px;cursor:pointer}.push-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.push-status-grid article,.push-section{border:1px solid var(--border,#304337);background:color-mix(in srgb,var(--panel,#101a14) 88%,var(--text,#fff) 4%);border-radius:14px;padding:14px}.push-status-grid span,.push-devices small,.push-note{display:block;color:var(--muted,#9fb0a3);font-size:12px}.push-status-grid strong{display:block;margin-top:5px}.push-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.push-section{margin-top:13px}.push-section h3{margin:0 0 12px;font-size:15px}.push-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}.push-preferences label,.push-section>label{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:color-mix(in srgb,var(--text,#fff) 5%,transparent);font-size:13px}.push-preferences label:not(:has(input[type=checkbox])){display:grid}.push-preferences input[type=time],.push-section input:not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid var(--border,#304337);border-radius:8px;background:var(--input,#0a120d);color:inherit;padding:9px}.push-preferences .wide{grid-column:1/-1}.push-devices{display:grid;gap:8px}.push-devices article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border,#304337);border-radius:10px;padding:11px}.danger-link{border:1px solid #c95757!important;background:#b6323217!important;color:#ff8a8a!important;border-radius:9px;padding:8px 11px;cursor:pointer}.push-help,.push-warning{margin-top:14px;padding:12px 14px;border-radius:11px;background:#e2a9001c;border:1px solid #dda80066;color:inherit}.push-toast{position:fixed;right:18px;bottom:20px;z-index:2147483647;max-width:min(440px,calc(100vw - 36px));padding:13px 16px;border:1px solid #74b83b;border-radius:12px;background:#102016;color:#eff8f0;box-shadow:0 14px 50px #0008;transform:translateY(25px);opacity:0;pointer-events:none;transition:.2s}.push-toast.show{transform:none;opacity:1}.push-toast.error{border-color:#e26969;background:#2a1010}.push-live-badge{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 3px;display:grid;place-items:center;border-radius:99px;background:#ed4545;color:#fff;font:800 10px/1 system-ui;font-style:normal}.alert-anchor{position:relative}.push-settings-card{position:relative}
html[data-theme=light] .push-modal,body.theme-light .push-modal{--panel:#fff;--text:#142219;--muted:#607066;--border:#d4ddd7;--input:#f5f8f6;background:#fff;color:#142219}.push-loading{padding:50px;text-align:center;color:var(--muted,#9fb0a3)}
@media(max-width:700px){.push-modal-backdrop{padding:8px}.push-modal{max-height:96vh;border-radius:15px}.push-modal-content{padding:15px}.push-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.push-preferences{grid-template-columns:1fr 1fr}.push-modal-head h2{font-size:22px}.push-actions>*{flex:1 1 auto}}

/* 3.10.0 — persistência VAPID ampliada e ativação Web Push resiliente. */
.push-readiness{margin:12px 0;padding:11px 13px;border:1px solid var(--border,#304337);border-radius:10px;font-size:12px;line-height:1.45}
.push-readiness.attention{border-color:#d5a52b88;background:#d5a52b18;color:inherit}
.push-readiness.blocked{border-color:#d8696988;background:#d8696917;color:inherit}
.push-actions button:disabled,.push-section button:disabled{cursor:not-allowed!important;animation:none!important;transform:none!important}
.push-device-button{min-width:210px}

.mobile-account-trigger,.mobile-account-backdrop{display:none}

@media(max-width:860px){
  .top-actions>.mobile-account-trigger{
    display:grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid var(--line,#ffffff13);
    border-radius:9px;
    background:var(--input-bg,#090c0a);
    color:var(--lime,#9dff00);
    cursor:pointer;
  }
  .mobile-account-trigger img{width:100%;height:100%;object-fit:cover;display:block}
  .mobile-account-trigger>span{display:grid;place-items:center;width:100%;height:100%;font-size:11px;font-weight:850}

  .mobile-account-backdrop{
    position:fixed;
    inset:0;
    z-index:2147482990;
    align-items:flex-end;
    justify-content:center;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom));
    background:#020503b8;
    backdrop-filter:blur(8px);
  }
  .mobile-account-backdrop.open{display:flex}
  .mobile-account-sheet{
    width:min(560px,100%);
    max-height:calc(100dvh - 24px);
    overflow:auto;
    border:1px solid var(--line-strong,#ffffff21);
    border-radius:18px;
    background:var(--surface,#0d100f);
    color:var(--text,#f3f7f4);
    box-shadow:0 24px 70px #0009;
    padding:8px 14px 14px;
  }
  .mobile-account-handle{width:44px;height:4px;margin:2px auto 10px;border-radius:999px;background:var(--line-strong,#ffffff21)}
  .mobile-account-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 13px;border-bottom:1px solid var(--line,#ffffff13)}
  .mobile-account-identity{display:flex;align-items:center;gap:11px;min-width:0}
  .mobile-account-identity>div:last-child{min-width:0}
  .mobile-account-identity strong,.mobile-account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-account-identity strong{font-size:14px}
  .mobile-account-identity small{margin-top:3px;color:var(--muted,#8e9992);font-size:11px}
  .mobile-account-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-strong,#ffffff21);border-radius:11px;background:var(--input-bg,#090c0a);color:var(--lime,#9dff00);font-size:12px;font-weight:850}
  .mobile-account-avatar img{width:100%;height:100%;object-fit:cover}
  .mobile-account-close{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--surface-2,#121614);color:inherit;font-size:25px;cursor:pointer}
  .mobile-account-sheet nav{display:grid;gap:7px;padding-top:12px}
  .mobile-account-sheet nav button,.mobile-account-sheet nav a{width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line,#ffffff13);border-radius:11px;background:var(--surface-2,#121614);color:inherit;text-align:left;text-decoration:none;cursor:pointer}
  .mobile-account-sheet nav button>span:first-child,.mobile-account-sheet nav a>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--lime-soft,#9dff001c);color:var(--lime,#9dff00);font-size:16px}
  .mobile-account-sheet nav strong,.mobile-account-sheet nav small{display:block}
  .mobile-account-sheet nav strong{font-size:12px}
  .mobile-account-sheet nav small{margin-top:3px;color:var(--muted,#8e9992);font-size:10px}
  .mobile-account-sheet nav button:active,.mobile-account-sheet nav a:active{border-color:var(--lime,#9dff00)}

  .push-modal-backdrop{z-index:2147483000}
}

@media(max-width:480px){
  .top-actions>.mobile-account-trigger{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .push-device-button{min-width:0;width:100%}
}