/* Owned notification panel styles; shell layout remains root-owned. */
.w2-mnotif { --mn-text: #f1f5fa; --mn-surface: #1d2838; --mn-line: #8292a8; --mn-focus: #9fd1ff; color: var(--mn-text); background: var(--mn-surface); border: 1px solid var(--mn-line); border-radius: 20px; padding: 24px; font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
:root[data-theme="light"] .w2-mnotif { --mn-text: #172335; --mn-surface: #f9fbff; --mn-line: #64748b; --mn-focus: #164e9c; }
.w2-mnotif h2 { margin: 0 0 16px; font-size: 24px; }
.w2-mnotif h3 { font-size: 20px; }
.w2-mnotif button, .w2-mnotif input { font: inherit; font-size: 16px; min-height: 44px; min-width: 44px; max-width: 100%; border: 1px solid currentColor; color: inherit; background: transparent; border-radius: 12px; padding: 10px 14px; overflow-wrap: anywhere; white-space: normal; }
.w2-mnotif input { color-scheme: dark; }
:root[data-theme="light"] .w2-mnotif input { color-scheme: light; }
.w2-mnotif button { cursor: pointer; }
.w2-mnotif button:disabled { opacity: .7; cursor: wait; }
.w2-mnotif button:focus-visible, .w2-mnotif input:focus-visible, .w2-mnotif [tabindex="-1"]:focus { outline: 3px solid var(--mn-focus); outline-offset: 3px; }
.w2-mnotif-tabs, .w2-mnotif-period { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.w2-mnotif-tabs [aria-selected="true"] { border-width: 3px; text-decoration: underline; font-weight: 700; }
.w2-mnotif-period label { display: grid; gap: 8px; }
.w2-mnotif-group { margin: 12px 0; }
.w2-mnotif-group button { text-align: left; width: 100%; }
.w2-mnotif-details { margin-top: 20px; border: 1px solid var(--mn-line); padding: 16px; border-radius: 16px; }
.w2-mnotif-details ul { padding-left: 24px; }
.w2-mnotif-details li { margin-bottom: 20px; }
.w2-mnotif-note { border-left: 3px solid currentColor; padding-left: 12px; }
@media (max-width: 640px) { .w2-mnotif { padding: 16px; border-radius: 16px; } .w2-mnotif-tabs button { flex: 1 1 120px; } .w2-mnotif-period { display: grid; grid-template-columns: 1fr; } .w2-mnotif-details { padding: 12px; } }

.w2-mnotif-card dl { margin:16px 0; }
.w2-mnotif-card dl>div { display:grid; grid-template-columns:minmax(120px,1fr) minmax(0,3fr); gap:12px; padding:8px 0; border-bottom:1px solid var(--mn-line); }
.w2-mnotif-card dt { font-weight:700; }
.w2-mnotif-card dd { margin:0; overflow-wrap:anywhere; min-width:0; }
@media(max-width:640px){ .w2-mnotif-card dl>div { grid-template-columns:minmax(0,1fr); gap:4px; } }