.push-panel{--push-soft:color-mix(in srgb,var(--blue) 7%,var(--paper,#fff))}
.push-status{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;padding:22px;border-radius:22px;background:var(--push-soft)}
.push-status-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--paper,#fff);color:var(--blue)}
.push-status-symbol .icon{width:27px;height:27px}.push-connected{display:block;margin-bottom:6px;color:var(--blue);font-size:12px;font-weight:650}.push-status h3{font-size:20px;line-height:1.25;margin:0 0 8px;letter-spacing:-.4px}.push-status p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.push-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 24px}.push-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.push-actions .icon{width:18px;height:18px}.push-disconnect{color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:8px 4px;background:none;border:0;cursor:pointer}.push-disconnect:hover{color:var(--ink)}
.push-quiet{border:1px solid var(--line);border-radius:18px;padding:18px}.push-quiet-toggle{display:flex;align-items:center;gap:14px;position:relative;cursor:pointer;min-height:44px}.push-quiet-toggle>span:first-child{flex:1;min-width:0}.push-quiet-toggle strong{display:block;font-size:16px}.push-quiet-toggle small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.push-quiet-toggle input{position:absolute;right:0;width:46px;height:28px;opacity:0;margin:0;cursor:pointer}.push-switch{width:46px;height:28px;flex:none;border-radius:20px;background:var(--line);padding:3px;pointer-events:none;transition:background .18s}.push-switch:after{content:'';display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .18s}.push-quiet-toggle input:checked+.push-switch{background:var(--blue)}.push-quiet-toggle input:checked+.push-switch:after{transform:translateX(18px)}.push-quiet-toggle input:focus-visible+.push-switch{outline:3px solid var(--blue);outline-offset:4px}.push-quiet-times{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.push-quiet-times[hidden]{display:none!important}.push-quiet-times .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.push-quiet-times input[type=time]{width:100%;min-width:0;font:inherit;font-size:16px;min-height:44px}.push-quiet-times .helper{margin:12px 0 0;overflow-wrap:anywhere}
.push-autosave{margin:12px 4px 0;font-size:12px;line-height:1.5;color:var(--muted)}.push-feedback{margin:10px 4px 0;font-size:13px;line-height:1.5}.push-feedback:empty{display:none}.push-feedback.is-error{color:var(--coral,var(--ink))}.push-feedback.is-success{color:var(--blue)}.push-privacy{margin:24px 0 8px;color:var(--muted);font-size:12px;line-height:1.6}.push-privacy summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:3px}.push-privacy p{margin:10px 0}.push-panel>.form-actions{margin-top:20px}.push-panel>.form-actions button{min-width:112px;min-height:44px}.push-loading{display:flex;gap:10px;align-items:center}.push-loading .icon{width:22px;height:22px;color:var(--blue)}
@media(max-width:760px){.push-status{padding:18px 16px;grid-template-columns:40px minmax(0,1fr);gap:12px}.push-status-symbol{width:40px;height:44px;border-radius:14px}.push-status h3{font-size:19px}.push-quiet{padding:16px}.push-actions>.primary-button{width:100%}.push-panel>.form-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.push-switch,.push-switch:after{transition:none}}