#notification-settings { margin: 24px 0; padding: 24px; border: 1px solid rgba(128,128,128,.22); border-radius: 18px; text-align: left; }
#notification-settings h2 { margin: 0 0 10px; font-size: 18px; }
#notification-settings form { display: grid; gap: 16px; }
#notification-settings label { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13px; }
#notification-settings input[type="checkbox"] { flex: 0 0 auto; width: 16px; height: 16px; accent-color: #d6ac00; }
#notification-settings fieldset { min-width: 0; margin: 0; padding: 14px; border: 1px solid rgba(128,128,128,.22); border-radius: 12px; }
#notification-settings legend { font-size: 13px; font-weight: 600; padding: 0 6px; }
#notification-settings .notification-muted { font-size: 12px; line-height: 1.7; opacity: .7; }
#notification-settings .notification-status { font-size: 13px; }
#notification-settings [data-notification-feedback] { font-size: 13px; min-height: 1em; }
#notification-settings .notification-orgs { max-height: 220px; overflow: auto; }
#notification-settings .notification-binding { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 8px 0; font-size: 12px; }
#notification-settings .notification-binding input, #notification-settings select { flex: 1; min-width: 120px; max-width: 100%; border: 1px solid rgba(128,128,128,.4); border-radius: 8px; padding: 8px; color: inherit; background: transparent; }
#notification-settings select option { color: #222; background: #fff; }
html.theme-dark #notification-settings select option { color: #f0f0f0; background: #242424; }
#notification-settings .btn { justify-self: start; }
#notification-settings :is(button, input, select, summary):focus-visible { outline: 2px solid #d7ac16; outline-offset: 3px; }
#notification-settings details { margin-top: 18px; }
#notification-settings summary { cursor: pointer; font-size: 13px; padding: 8px 0; }
#notification-settings .notification-log { padding-left: 18px; font-size: 12px; line-height: 1.8; max-height: 280px; overflow: auto; overflow-wrap: anywhere; }
@media(max-width:600px) { #notification-settings { padding: 16px; } }