/* Out-of-game notifications (roadmap item 117): the settings row and the "แจ้งเตือนนอกเกม" box (src/push.js). */
#settings-dialog .settings-row#settings-push-row[hidden]{display:none}
.push-settings{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 24px);box-sizing:border-box;margin:auto;padding:0;border:2px solid #c9a24c;border-radius:18px;background:#1f3729;color:#f3ead0;box-shadow:0 20px 60px #000a;font-family:inherit;overflow:auto}
.push-settings::backdrop{background:#08120cb8}
.push-card{padding:18px 20px 14px;display:grid;gap:12px}
.push-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.push-head h2{margin:0;font-size:1.18rem;color:#f6e3a8}
.push-close{width:36px;height:36px;border-radius:50%;border:2px solid #c9a24c;background:#2b4a37;color:#f6e3a8;font:inherit;font-size:1.3rem;line-height:1;cursor:pointer}
.push-status{margin:0;font-size:.95rem;line-height:1.5;color:#e8dcb6}
.push-device,.push-actions{display:flex;flex-wrap:wrap;gap:8px}
.push-primary,.push-secondary,.push-remove{min-height:38px;padding:8px 16px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}
.push-primary{border:2px solid #f2d68c;background:#c9a24c;color:#1d2a20}
.push-secondary,.push-remove{border:2px solid #c9a24c;background:#2b4a37;color:#f3ead0}
.push-primary:disabled,.push-secondary:disabled{opacity:.45;cursor:not-allowed}
.push-primary:focus-visible,.push-secondary:focus-visible,.push-close:focus-visible,.push-remove:focus-visible,.push-check input:focus-visible{outline:3px solid #f6e3a8;outline-offset:2px}
.push-topics{margin:0;padding:10px 12px;border:1px solid #c9a24c80;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 12px}
.push-topics legend{padding:0 6px;color:#f6e3a8;font-weight:700}
.push-topics[disabled]{opacity:.5}
.push-check{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}
.push-check input{width:20px;height:20px;accent-color:#c9a24c;flex:none}
.push-empty{margin:0;color:#cbbf9c;font-size:.9rem}
.push-quiet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.push-times{display:flex;align-items:center;gap:6px}
.push-times input{min-height:32px;padding:2px 6px;border-radius:8px;border:1px solid #c9a24c;background:#14261c;color:#f3ead0;font:inherit}
.push-times input:disabled{opacity:.5}
.push-devices-wrap[hidden]{display:none}
.push-devices-wrap h3{margin:0 0 6px;font-size:.95rem;color:#f6e3a8}
.push-devices{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.push-device-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;background:#2b4a3780}
.push-remove{min-height:30px;padding:4px 12px;font-size:.85rem}
.push-message{margin:0;min-height:1.2em;font-size:.9rem}
.push-message[data-tone="good"]{color:#bfe6a8}
.push-message[data-tone="bad"]{color:#ffb4a2}
.push-note{margin:0;font-size:.82rem;color:#cbbf9c}
@media (max-height:430px){.push-card{padding:10px 16px;gap:8px}.push-head h2{font-size:1rem}.push-topics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:6px 10px}.push-check{min-height:28px}}