[data-push-test][hidden], [data-push-disable][hidden],
[data-push-enable][hidden], [data-push-unread-line][hidden] { display: none !important; }
.push-settings-card [hidden] { display: none !important; }
.push-page { max-width: 1040px; margin: 0 auto; padding: 32px 38px 48px; }
.push-page > h1 { margin: 0 0 26px; }
.push-settings-card { padding: 28px 30px; border: 1px solid #dce6ef; border-radius: 16px; background: #fff; }
.push-settings-card h2 { margin: 0 0 8px; font-size: 22px; }
.push-settings-card h1 { margin: 0 0 10px; font-size: 26px; line-height: 1.25; }
.push-intro { margin: 0; }
.push-state-row { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 22px 0 12px; }
.push-state { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; }
.push-state::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; flex-shrink: 0; }
.push-state[data-state="disabled"]::before { background: #dc3545; }
.push-state[data-state="enabled"]::before { background: #10b981; }
.push-state[data-state="blocked"]::before, .push-state[data-state="unavailable"]::before { background: #d68b16; }
.push-settings-card button { min-height: 44px; border: 1px solid #d9e5ee; border-radius: 10px; padding: 10px 16px; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.push-settings-card button:disabled { opacity: .55; cursor: default; }
.push-settings-card button:focus-visible, .push-settings-card input:focus-visible { outline: 3px solid #2572a4; outline-offset: 3px; }
.push-settings-card .push-switch { width: 48px; min-height: 28px; height: 28px; padding: 3px; border: 0; border-radius: 99px; background: #0b986b; margin-left: auto; }
.push-switch span { display: block; width: 22px; height: 22px; border-radius: 50%; background: #fff; margin-left: auto; }
.push-options { border-top: 1px solid #dce6ef; padding-top: 18px; margin-top: 18px; }
.push-sound-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.push-settings-card label { display: flex; gap: 8px; align-items: center; min-height: 38px; font-size: 14px; line-height: 1.5; cursor: pointer; }
.push-settings-card input[type="checkbox"] { width: 18px; height: 18px; accent-color: #2572a4; flex-shrink: 0; }
.push-settings-card label:has(input:disabled), .push-settings-card fieldset:disabled { opacity: .55; cursor: default; }
.push-settings-card fieldset { border: 0; padding: 0; margin: 18px 0 0; min-width: 0; }
.push-settings-card legend { font-weight: 700; padding: 0 0 6px; font-size: 14px; }
.push-categories, [data-push-site-list] { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.push-settings-card .push-status:empty, .push-preference-status:empty { display: none; }
.push-settings-card .push-blocked-help { padding: 12px 14px; border-radius: 8px; background: #fff7e6; color: #855900; }
.push-scope-note, .push-preference-status { font-size: 13px; margin-bottom: 0; }
.account-preferences-label { padding: 8px 14px 6px; color: #64748b; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.account-theme-label { display: block; color: #64748b; font-size: 12px; margin: 0 0 7px; font-weight: 650; }
.account-push-link { flex-wrap: wrap; }
.account-push-link > span { flex: 1; }
.account-push-link small { font-size: 11px; color: #64748b; margin-left: auto; }
.account-push-link small[data-state="enabled"] { color: #05835b; }
.account-dropdown-item:disabled { opacity: .45; cursor: default; }
.account-push-feedback { margin: 0; padding: 5px 12px; font-size: 12px; color: #64748b; line-height: 1.5; }
.account-push-feedback[hidden] { display: none !important; }
[data-push-menu-state][hidden] { display: none !important; }
.push-settings-card .settings-card-header { margin-bottom: 20px; }
.push-settings-card p { color: #64748b; line-height: 1.65; }
.push-settings-card .settings-card-header p { margin: 0; }
.push-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 20px 0; }
.push-actions button { min-height: 44px; padding: 10px 16px; border: 1px solid #d9e5ee; border-radius: 10px; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.push-primary { background: #2572a4; color: #fff; }
.push-secondary { background: #f8fbfd; color: #2572a4; }
.push-actions button:disabled { opacity: .6; cursor: default; }
.push-actions button:focus-visible, .push-back:focus-visible { outline: 3px solid #2572a4; outline-offset: 4px; }
.push-status { margin: 14px 0; }
.push-device-note { font-size: 13px; margin-bottom: 0; }
.push-back { display: inline-block; margin-top: 24px; color: #2572a4; text-underline-offset: 4px; }
html[data-theme="dark"] .push-settings-card { background: var(--theme-surface); color: var(--theme-text); border-color: var(--theme-border); }
html[data-theme="dark"] .push-settings-card p { color: var(--theme-muted); }
html[data-theme="dark"] .push-secondary { background: var(--theme-surface-raised); color: var(--theme-accent); border-color: var(--theme-border); }
html[data-theme="dark"] .push-back { color: var(--theme-accent); }
html[data-theme="dark"] .push-options { border-color: var(--theme-border); }
html[data-theme="dark"] .push-settings-card .push-blocked-help { background: #3a301b; color: #f9cd7b; }
html[data-theme="dark"] .account-theme-label, html[data-theme="dark"] .account-preferences-label,
html[data-theme="dark"] .account-push-link small { color: var(--theme-muted); }
html[data-theme="dark"] .account-push-link small[data-state="enabled"] { color: #6ee7b7; }
@media (max-width: 750px) {
    .push-page { padding: 26px 18px 40px; }
    .push-page > h1 { font-size: 26px; }
    .push-settings-card { padding: 23px 20px; }
    .push-settings-card h1 { font-size: 22px; }
    .push-categories, [data-push-site-list] { grid-template-columns: 1fr; }
    .push-sound-row { align-items: flex-start; flex-direction: column; }
    .push-actions { flex-direction: column; }
    .push-actions button { width: 100%; }
}