.webpush-panel{border:1px solid #dce7e9;border-radius:18px;background:#fff;padding:24px;margin:20px 0;color:#173b4b;overflow-wrap:anywhere}
.webpush-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.webpush-panel h3{font-size:18px;letter-spacing:-.025em;margin:0;font-weight:700}
.webpush-panel h4{font-size:13px;margin:0 0 12px;font-weight:700}
.webpush-eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:#537781;margin-bottom:5px}
.webpush-pill{display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:650;border-radius:999px;padding:5px 9px;background:#f0f4f6;color:#607582}
.webpush-pill.is-on{background:#e2f4ec;color:#226b4a}
.webpush-copy{font-size:13px;line-height:1.6;color:#5a7280;margin:10px 0 16px}
.webpush-hint{font-size:13px;line-height:1.6;background:#f2f7f8;border:1px solid #d6e6e8;border-radius:11px;padding:13px 15px;color:#375e6c;margin:12px 0}
.webpush-feedback{font-size:12px;line-height:1.6;color:#0b6670;margin:10px 0}
.webpush-feedback:empty{display:none}
.webpush-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 0}
.webpush-panel .btn{white-space:normal;line-height:1.4}
.webpush-panel .btn:disabled{cursor:not-allowed;opacity:.55}
.webpush-preferences{margin-top:22px;padding-top:18px;border-top:1px solid #e4ecef}
.webpush-name{display:flex;flex-direction:column;font-size:12px;gap:7px;color:#395764;max-width:480px;margin:16px 0}
.webpush-name input{width:100%;min-width:0;border:1px solid #cfdee3;border-radius:9px;background:#fff;padding:11px 12px;color:#183e4d;font:inherit;font-size:14px;line-height:1.5}
.webpush-name span{font-size:11px;color:#6c828c}
.webpush-preferences fieldset{border:0;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.webpush-preferences legend{font-size:12px;color:#486572;font-weight:650;margin-bottom:12px;padding:0}
.webpush-check{display:flex;align-items:center;gap:9px;font-size:13px;color:#375b67;line-height:1.5}
.webpush-check input{width:17px;height:17px;flex:0 0 auto;accent-color:#0b6670}
.webpush-devices{margin-top:23px;padding-top:18px;border-top:1px solid #e3ecee}
.webpush-device{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #edf2f4;padding:14px 0}
.webpush-device:first-of-type{border-top:0;padding-top:0}
.webpush-device>div{min-width:0}
.webpush-device strong{font-size:13px;display:block;font-weight:650}
.webpush-device span{font-size:11px;line-height:1.5;display:block;color:#6c818b;margin-top:3px}
.webpush-device span.webpush-error{color:#a14938}
.webpush-device>.btn{flex:0 0 auto}
.webpush-empty,.webpush-status{font-size:13px;color:#69818b}
.webpush-history{margin:10px 0 16px;border:1px solid #e3ecee;border-radius:11px;padding:12px 14px;font-size:12px}
.webpush-history summary{cursor:pointer;color:#496a76;font-weight:600}
.webpush-history ul{list-style:none;margin:10px 0 0;padding:0}
.webpush-history li{padding:10px 0;border-top:1px solid #e4ecef}
.webpush-history strong,.webpush-history span{display:block;font-size:11px;line-height:1.6}
.webpush-history span{color:#6c818b}
.webpush-footnote{font-size:11px;line-height:1.6;color:#738891;margin:14px 0 0}
.webpush-panel input:focus-visible,.webpush-panel button:focus-visible,.webpush-panel summary:focus-visible{outline:3px solid #73bbc4;outline-offset:3px}
@media(max-width:760px){.webpush-panel{padding:18px;border-radius:15px;margin:16px 0}.webpush-heading{align-items:flex-start;gap:10px}.webpush-panel h3{font-size:17px}.webpush-pill{font-size:10px;padding:4px 7px}.webpush-actions .btn{min-height:44px}.webpush-check{min-height:36px}.webpush-device>.btn{min-height:44px}.webpush-preferences fieldset{gap:8px}.webpush-name input{font-size:16px}.webpush-device{align-items:flex-start}.webpush-history summary{min-height:28px;line-height:28px}}
@media(max-width:360px){.webpush-heading{display:block}.webpush-pill{margin-top:9px}.webpush-preferences fieldset{grid-template-columns:1fr}.webpush-actions{display:grid;grid-template-columns:1fr}.webpush-device{flex-wrap:wrap}}