.messaging-panel { margin-top: 16px; padding: 18px; border: 1px solid #d8e0dc; border-radius: 8px; background: #fff; }
.messaging-panel .section-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.messaging-panel .section-title h2 { margin: 0 0 3px; font-size: 18px; }
.messaging-panel .section-title span { color: #66736e; font-size: 13px; }
.messaging-panel-message { min-height: 0; margin-bottom: 8px; }
.messaging-table-wrap { overflow-x: auto; }
.messaging-table { width: 100%; border-collapse: collapse; min-width: 920px; }
.messaging-table th, .messaging-table td { padding: 11px 10px; border-bottom: 1px solid #e7ece9; text-align: left; vertical-align: middle; }
.messaging-table th { color: #5e6d67; font-size: 11px; text-transform: uppercase; }
.messaging-table td strong, .messaging-table td small { display: block; }
.messaging-table td small { margin-top: 3px; color: #77837e; }
.messaging-role, .messaging-status { display: inline-block; padding: 4px 8px; border-radius: 6px; background: #eef2f0; font-size: 12px; }
.messaging-status.active { color: #0d694c; background: #e5f4ed; }
.messaging-status.inactive { color: #7b5555; background: #f5eded; }
.messaging-unlinked { margin-top: 18px; }
.messaging-unlinked:empty { display: none; }
.messaging-unlinked h3, .messaging-notification-settings h3, .messaging-audit h3 { margin: 0 0 6px; font-size: 15px; }
.messaging-unlinked > p { margin: 0 0 10px; color: #66736e; font-size: 13px; }
.messaging-unlinked-list { display: grid; gap: 7px; }
.messaging-unlinked-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; background: #f6f8f7; border-radius: 6px; }
.messaging-editor-overlay { z-index: 1200; }
.messaging-editor-modal { width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow-y: auto; }
.messaging-account-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 12px; margin-bottom: 16px; background: #f3f6f4; border-radius: 6px; }
.messaging-account-summary div { min-width: 0; }
.messaging-account-summary span, .messaging-account-summary strong { display: block; }
.messaging-account-summary span { color: #69766f; font-size: 11px; text-transform: uppercase; }
.messaging-account-summary strong { margin-top: 4px; overflow-wrap: anywhere; }
.messaging-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.messaging-form-grid .grid-span-full { grid-column: 1 / -1; }
.messaging-editor-modal .telegram-id-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.messaging-notification-settings, .messaging-audit { margin: 16px 0; padding: 14px; border: 1px solid #dfe6e2; border-radius: 7px; }
.messaging-toggle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
.messaging-editor-modal .toggle-row { min-height: 38px; }
.messaging-editor-message { min-height: 22px; margin-top: 10px; }
.messaging-audit-list { display: grid; gap: 5px; max-height: 150px; overflow-y: auto; color: #596761; font-size: 12px; }
.messaging-audit-item { padding-bottom: 5px; border-bottom: 1px solid #edf0ee; }
@media (max-width: 720px) {
  .messaging-panel { padding: 14px; }
  .messaging-editor-modal { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
  .messaging-account-summary, .messaging-form-grid, .messaging-toggle-grid { grid-template-columns: 1fr; }
  .messaging-form-grid .grid-span-full { grid-column: auto; }
  .messaging-editor-modal .telegram-id-controls { grid-template-columns: 1fr; }
  .messaging-unlinked-item { align-items: flex-start; flex-direction: column; }
}