.personal-profile-panel,
.sound-settings-panel { margin-top: 1rem; }
.profile-security-badge { color: #087f5b; background: rgba(8,127,91,.1); border-radius: 999px; padding: .45rem .7rem; font-size: .78rem; font-weight: 700; }
.settings-control-grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem 1.25rem; align-items: center; }
.settings-control-grid p { margin: .25rem 0 0; color: var(--muted, #718096); }
.settings-control-grid .button { white-space: nowrap; }
.rich-editor { min-width: 0; }
.rich-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; padding: .5rem; border: 1px solid var(--border, #dfe5e2); border-bottom: 0; border-radius: .7rem .7rem 0 0; background: var(--surface-muted, #f6f8f7); }
.rich-tool { min-width: 2.25rem; min-height: 2.25rem; border: 1px solid transparent; border-radius: .45rem; background: transparent; color: inherit; cursor: pointer; padding: .35rem .55rem; font: inherit; }
.rich-tool:hover, .rich-tool:focus-visible { border-color: var(--accent, #138a67); background: rgba(19,138,103,.1); outline: none; }
.rich-toolbar-divider { width: 1px; align-self: stretch; background: var(--border, #dfe5e2); margin: .15rem .15rem; }
.rich-font-size { min-height: 2.25rem; border: 1px solid var(--border, #dfe5e2); border-radius: .45rem; background: var(--surface, #fff); color: inherit; padding: .25rem .45rem; }
.rich-editor-surface { min-height: 10rem; max-height: 22rem; overflow: auto; border: 1px solid var(--border, #dfe5e2); border-radius: 0 0 .7rem .7rem; background: var(--surface, #fff); color: inherit; padding: .85rem 1rem; line-height: 1.55; outline: none; }
.rich-editor-surface:focus { border-color: var(--accent, #138a67); box-shadow: 0 0 0 3px rgba(19,138,103,.12); }
.rich-editor-surface p, .rich-editor-surface div { margin: 0 0 .65rem; }
.rich-editor-surface p:last-child, .rich-editor-surface div:last-child { margin-bottom: 0; }
.rich-editor-surface ul, .rich-editor-surface ol { padding-left: 1.5rem; }
.rich-editor-help { margin-top: .45rem; }
.doc-rich-content { line-height: 1.55; overflow-wrap: anywhere; }
.doc-rich-content p, .doc-rich-content div { margin: 0 0 .65rem; }
.doc-rich-content p:last-child, .doc-rich-content div:last-child { margin-bottom: 0; }
.doc-rich-content ul, .doc-rich-content ol { padding-left: 1.5rem; margin: .35rem 0 .7rem; }
.notification-button.is-muted { opacity: .45; }
@media (max-width: 700px) {
  .settings-control-grid { grid-template-columns: 1fr; gap: .55rem; }
  .settings-control-grid .button { width: 100%; }
  .rich-toolbar { gap: .25rem; }
  .rich-tool { min-width: 2.1rem; }
  .rich-font-size { flex: 1 1 9rem; }
  .rich-editor-surface { min-height: 9rem; max-height: 18rem; }
}