/* Markdown editor chrome and rendered output. Loaded by the app and by Django admin,
   so it carries literal colours rather than app.css custom properties. */
.message-body>:first-child,.editor-preview>:first-child{margin-top:0}.message-body>:last-child,.editor-preview>:last-child{margin-bottom:0}.message-body p,.editor-preview p{margin:0 0 13px}.message-body h1,.editor-preview h1{font-size:18px;margin:20px 0 9px}.message-body h2,.editor-preview h2{font-size:16px;margin:20px 0 9px}.message-body h3,.message-body h4,.editor-preview h3,.editor-preview h4{font-size:14px;margin:17px 0 8px}.message-body ul,.message-body ol,.editor-preview ul,.editor-preview ol{margin:0 0 13px;padding-left:21px}.message-body li,.editor-preview li{margin-bottom:5px}.message-body a,.editor-preview a{color:#dd3333;text-decoration:underline}.message-body blockquote,.editor-preview blockquote{margin:0 0 13px;padding-left:13px;border-left:3px solid #e3e5e8;color:#666c79}.message-body pre,.editor-preview pre{background:#fdf1f1;padding:14px;border-radius:7px;overflow:auto;margin:0 0 13px}.message-body code,.editor-preview code{font-size:12px}.message-body table,.editor-preview table{font-size:12px;margin-bottom:13px}.message-body th,.message-body td,.editor-preview th,.editor-preview td{padding:8px 11px;border:1px solid #e5e7eb}.message-body hr,.editor-preview hr{border:0;border-top:1px solid #e5e7eb;margin:18px 0}.editor{display:block}.editor-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:6px 7px;background:#fbfbfc;border:1px solid #e2e3e6;border-bottom:0;border-radius:6px 6px 0 0}.editor-tools,.editor-modes{display:flex;flex-wrap:wrap;gap:2px}.editor-tool,.editor-mode{min-height:28px;padding:5px 9px;border:1px solid transparent;border-radius:5px;background:none;color:#69707e;font-size:11px;font-weight:550;line-height:1.4;white-space:nowrap}.editor-tool:hover,.editor-mode:hover{background:#fceaea;color:#dd3333}.editor-mode[aria-pressed=true]{background:white;border-color:#dee0e4;color:#dd3333}.editor-tool:focus-visible,.editor-mode:focus-visible{outline:2px solid #e56c6c;outline-offset:1px}.editor textarea,.editor-preview{border-radius:0 0 6px 6px}.editor-preview{border:1px solid #e2e3e6;background:white;padding:15px 16px;font-size:13px;line-height:1.85;overflow-wrap:anywhere;min-height:120px}.composer .editor-preview{min-height:180px}.editor-hint{font-size:10px;color:#6b7280;margin:7px 0 0}.editor textarea[hidden],.editor input[hidden],.editor-tools[hidden],.editor-preview[hidden]{display:none}

/* CKEditor container. The bundle's own stylesheet loads after this file, so the app's palette is
   applied through CKEditor's custom properties — redefined on the editor root, they cascade to
   every part of the widget whatever the sheet order — plus a few selectors specific enough to
   win outright. */
.ck.ck-editor{--ck-focus-ring:1px solid #e56c6c;--ck-color-focus-border:#e56c6c;--ck-color-base-border:#e2e3e6;--ck-color-toolbar-background:#fbfbfc;--ck-color-toolbar-border:#e2e3e6;--ck-color-button-on-background:#fceaea;--ck-color-button-on-color:#dd3333;--ck-color-button-default-hover-background:#fceaea;--ck-border-radius:6px;--ck-inner-shadow:0 0 0 3px #f6c5c5;max-width:100%}
.ck.ck-editor .ck-editor__editable_inline{min-height:340px;padding:15px 16px;font-size:13px;line-height:1.85}
.ck.ck-editor .ck-source-editing-area textarea{min-height:340px;padding:15px 16px;border:0;border-radius:0;font-family:Menlo,Consolas,monospace;font-size:12px;line-height:1.7}
.ck.ck-editor .ck-toolbar{border-radius:6px 6px 0 0}

/* Article body, in the editor and on the published page alike. CKEditor's content stylesheet
   supplies the layout classes the editor writes - image placement, resized columns, alignment -
   and these reclaim the plain elements, so an article looks like the rest of the site rather
   than like the editor's demo, and the editor shows what the reader will get. Each selector is
   one step more specific than the .ck-content rule it replaces, so sheet order cannot undo it. */
.prose.ck-content blockquote,.ck.ck-editor .ck-content blockquote{margin:0 0 18px;padding:2px 0 2px 16px;border-left:3px solid #e3e5e8;font-style:normal;color:#666c79}
.prose.ck-content hr,.ck.ck-editor .ck-content hr{height:0;background:none;border:0;border-top:1px solid #e5e7eb;margin:28px 0}
.prose.ck-content pre,.ck.ck-editor .ck-content pre{background:#fdf1f1;color:inherit;border:0}
.prose.ck-content code,.ck.ck-editor .ck-content code{background:none;padding:0}
/* A help centre table is a full-width block, not the editor's shrink-to-fit centred box. Column
   widths an author set still apply: they ride on the colgroup, not on the table's own width. */
.prose.ck-content figure.table,.ck.ck-editor .ck-content figure.table{display:block;margin:0 0 20px;overflow-x:auto}
.prose.ck-content figure.table>table,.ck.ck-editor .ck-content figure.table>table{width:100%;border:0}
/* CKEditor writes its cell rules through nested :is() selectors, so these mirror that shape and
   add :not(.layout-table) to outrank them outright rather than relying on sheet order. */
.prose.ck-content figure.table:not(.layout-table)>table>:is(thead,tbody,tfoot)>tr>:is(th,td),.ck.ck-editor .ck-content figure.table:not(.layout-table)>table>:is(thead,tbody,tfoot)>tr>:is(th,td){padding:11px 14px;border:1px solid #e5e7eb;text-align:left}
.prose.ck-content figure.table:not(.layout-table)>table>:is(thead,tbody,tfoot)>tr>th,.ck.ck-editor .ck-content figure.table:not(.layout-table)>table>:is(thead,tbody,tfoot)>tr>th{background:#fbfbfc;font-weight:600;color:#666c79}
.prose.ck-content figure.image,.ck.ck-editor .ck-content figure.image{margin:0 0 20px}
.prose.ck-content img,.ck.ck-editor .ck-content img{max-width:100%;height:auto;border-radius:8px}
.prose.ck-content figcaption,.ck.ck-editor .ck-content figcaption{font-size:11px;color:#898f9c;padding:8px 2px 0}

/* Inline images in the Markdown composer's preview and in the conversation. */
.message-body img,.editor-preview img{max-width:100%;height:auto;border:1px solid #e5e7eb;border-radius:6px;vertical-align:middle}
.editor-status{font-size:11px;color:#dd3333;margin:4px 0 0;min-height:0}.editor-status:empty{display:none}

/* Knowledge base article picker in the Markdown composer. */
.editor-kb{border:1px solid #e2e3e6;border-top:0;background:#fbfbfc;padding:10px 11px}.editor-kb[hidden]{display:none}.editor-kb-search{width:100%;min-height:32px;padding:6px 9px;border:1px solid #dee0e4;border-radius:5px;background:white;font-size:12px}.editor-kb-search:focus-visible{outline:2px solid #e56c6c;outline-offset:1px}.editor-kb-results{max-height:220px;overflow-y:auto;margin-top:8px}.editor-kb-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:6px}.editor-kb-row+.editor-kb-row{border-top:1px solid #e5e7eb}.editor-kb-row:hover{background:#fceaea}.editor-kb-text{display:flex;flex-direction:column;gap:2px;min-width:180px;flex:1}.editor-kb-text strong{font-size:12px;color:#4c515b}.editor-kb-text span{font-size:11px;color:#6b7280}.editor-kb-actions{display:flex;gap:4px}.editor-kb-actions .editor-tool{border-color:#dee0e4;background:white}.editor-kb-empty{font-size:11px;color:#6b7280;margin:8px 2px 2px}

/* Public header account links. */
.public-actions{display:flex;align-items:center;gap:14px}
.public-actions a:not(.button){font-size:12px;color:#69707e;text-decoration:none}
.public-actions a:not(.button):hover{color:#dd3333;text-decoration:underline}
.public-actions form{margin:0}
.linklike{border:0;background:none;padding:0;font:inherit;font-size:12px;color:#69707e;text-decoration:none}
.linklike:hover{color:#dd3333;text-decoration:underline}
.linklike:focus-visible,.public-actions a:focus-visible{outline:2px solid #e56c6c;outline-offset:2px}
.portal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
/* Visual reply editor (static/editor.js): CKEditor limited to email-safe formatting, sitting under
   the helpdesk's own bar of modes. Its toolbar joins that bar, so only the bottom is rounded. */
.editor-visual[hidden],.editor-hint[hidden],.editor-tool[hidden],.editor-mode[hidden]{display:none}
.editor-visual .ck.ck-editor .ck-toolbar{border-radius:0}
.editor-visual .ck.ck-editor__main>.ck-editor__editable{border-radius:0 0 6px 6px}
.editor-visual .ck.ck-editor .ck-editor__editable_inline{min-height:160px;padding:6px 16px}
.composer .editor-visual .ck.ck-editor .ck-editor__editable_inline{min-height:200px}
.editor-visual .ck-content p{margin:0 0 13px}
.editor-visual .ck-content h2{font-size:16px;margin:20px 0 9px}
.editor-visual .ck-content h3{font-size:14px;margin:17px 0 8px}
.editor-visual .ck-content ul,.editor-visual .ck-content ol{margin:0 0 13px;padding-left:21px}
.editor-visual .ck-content a{color:#dd3333;text-decoration:underline}
.editor-tool.editor-tool-article{border-color:#efa3a3;background:#fcecec;color:#c62d2d}.editor-tool.editor-tool-article:hover,.editor-tool.editor-tool-article[aria-expanded=true]{background:#fadddd;border-color:#e98585;color:#b82a2a}