/* V24: premium per-device Web Push controls, responsive and dark-mode aware. */
.push-setting{margin-top:12px;padding:17px;border:1px solid #e8eee7;border-radius:17px;background:linear-gradient(145deg,#f7faf5,#fdfdfa)}
.push-setting-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.push-setting-heading>span:last-child{flex:1;min-width:0}
.push-setting-heading strong{display:block;font-size:13px;color:#40594a}
.push-setting-heading small{display:block;margin-top:4px;color:#83958a;font-size:11px;line-height:1.4}
.push-device-state{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px;background:#edf2ed;border:1px solid #e0e9df;border-radius:14px}
.push-device-state.is-on{background:#e8f4e9;border-color:#bddac2}
.push-device-state>svg{flex:none;width:23px;height:23px;color:#557c60}
.push-device-state strong{display:block;font-size:12px;color:#405d49}
.push-device-state small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:#6d8273}
.push-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.push-buttons .btn{font-size:12px;min-height:36px;white-space:normal}
.push-buttons .btn svg{width:16px;height:16px}
.push-muted{font-size:11px;line-height:1.55;color:#7e9182;margin:10px 0 0}
.push-preferences{display:grid;gap:0;border-top:1px solid #dfe9df;margin-top:13px}
.push-preferences label{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:13px 0;border-bottom:1px solid #e8efe8}
.push-preferences label>span{flex:1;min-width:0}
.push-preferences strong{display:block;font-size:12px;color:#3e5b49}
.push-preferences small{display:block;font-size:11px;color:#7b9081;margin-top:4px;line-height:1.4}
.push-preferences input[type=checkbox]{flex:none;width:18px;height:18px;accent-color:#537d62;cursor:pointer}
html[data-theme="dark"] .push-setting{background:linear-gradient(145deg,#263a30,#202e29);border-color:#435747}
html[data-theme="dark"] .push-setting-heading strong,html[data-theme="dark"] .push-preferences strong{color:#eff8ed}
html[data-theme="dark"] .push-setting-heading small,html[data-theme="dark"] .push-preferences small,html[data-theme="dark"] .push-muted{color:#afc4b4}
html[data-theme="dark"] .push-device-state{background:#223c30;border-color:#456451}
html[data-theme="dark"] .push-device-state.is-on{background:#30513b;border-color:#61896c}
html[data-theme="dark"] .push-device-state strong{color:#eef8ed}
html[data-theme="dark"] .push-device-state small,html[data-theme="dark"] .push-device-state>svg{color:#c1dec7}
html[data-theme="dark"] .push-preferences{border-top-color:#45604c}
html[data-theme="dark"] .push-preferences label{border-bottom-color:#3f5848}
html[data-theme="dark"] .push-preferences input[type=checkbox]{accent-color:#96cda2}
@media(max-width:370px){.push-setting{padding:12px}.push-buttons .btn{flex:1}}