.notif-card{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:20px;margin:8px 0 24px}.notif-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.notif-text{display:flex;flex-direction:column;gap:4px;min-width:0}.notif-label{color:#e0e0e0;font-size:18px;font-weight:600}.notif-status{color:#b0b0b0;font-size:15px;line-height:1.5}.notif-card[data-state=on] .notif-status{color:#10b981}.notif-card[data-state=blocked] .notif-status,.notif-card[data-state=error] .notif-status{color:#f59e0b}.notif-switch{position:relative;flex-shrink:0;width:56px;height:32px;border-radius:16px;border:1px solid #3a3a3a;background:#333;cursor:pointer;padding:0;transition:background .15s,border-color .15s}.notif-switch[aria-checked=true]{background:#10b981;border-color:#10b981}.notif-switch:disabled{opacity:.45;cursor:default}.notif-switch:focus-visible{outline:2px solid #10b981;outline-offset:3px}.notif-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}.notif-switch[aria-checked=true] .notif-knob{transform:translate(24px)}.notif-help{margin-top:16px;padding-top:16px;border-top:1px solid #2a2a2a}main#content .notif-help p{margin-bottom:8px}main#content .notif-help ol{margin-bottom:0}main#content .notif-note{font-size:14px;color:#888}main#content .notif-note a{color:#10b981}