/* Board detail formatting only. Shared Markdown source remains a native textarea. */
#task-detail .rich-editor{position:relative;min-width:0;color:var(--tk-text)}
#task-detail .rich-editor [hidden]{display:none!important}
#task-detail .rich-editor .format-toolbar{display:flex;flex-wrap:wrap;gap:2px;align-items:center;margin:6px 0}
#task-detail .rich-editor button{min-height:var(--tk-control-md);min-width:32px;padding:6px 8px;border:1px solid transparent;border-radius:var(--tk-radius-sm);background:var(--tk-surface);color:var(--tk-text);font:inherit;font-size:var(--tk-font-sm)}
#task-detail .rich-editor button:hover:not(:disabled),#task-detail .rich-editor button[aria-pressed=true]{background:var(--tk-accent-soft)}
#task-detail .rich-editor :is(button,input,textarea):focus-visible{outline:var(--tk-focus-width) solid var(--tk-focus);outline-offset:var(--tk-focus-offset)}
#task-detail .rich-editor button:disabled{color:var(--tk-text-disabled);cursor:not-allowed}
#task-detail .rich-editor .format-preview-toggle{margin-left:auto}
#task-detail .rich-editor .format-commands{padding:8px;margin-bottom:8px;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius-md)}
#task-detail .rich-editor .format-command-header{display:flex;align-items:center;gap:8px;font-size:var(--tk-font-sm);font-weight:var(--tk-font-weight-semibold);margin-bottom:6px}
#task-detail .rich-editor .format-command-search{margin:0 0 6px;width:100%}
#task-detail .rich-editor .format-command-options{display:grid;grid-template-columns:minmax(0,1fr);max-height:220px;overflow:auto;overscroll-behavior:contain;scroll-padding:4px}
#task-detail .rich-editor .format-command-options button{width:100%;text-align:left;overflow-wrap:anywhere}
#task-detail .rich-editor .format-command-options button[aria-selected=true]{background:var(--tk-accent-soft);box-shadow:inset 3px 0 var(--tk-accent)}
#task-detail .rich-editor .format-context-toolbar{position:absolute;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;max-width:100%;gap:2px;padding:4px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-md);background:var(--tk-surface)}
#task-detail .rich-editor .format-link{padding:12px;margin-bottom:8px;background:var(--tk-bg);border-radius:var(--tk-radius-md)}
#task-detail .rich-editor .format-link label{display:block}
#task-detail .rich-editor .format-error{color:var(--tk-danger);font-size:var(--tk-font-sm)}
#task-detail .rich-editor .editor-count,#task-detail .rich-editor .format-command-empty{font-size:var(--tk-font-xs);color:var(--tk-text-muted);margin:6px 0}
#task-detail .rich-editor>textarea{display:block;width:100%;min-height:96px;resize:vertical}
#task-detail .rich-editor .rich-preview{padding:12px;margin-top:8px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-md);background:var(--tk-surface)}
#task-detail :is(.rich-preview,.rich-text){overflow-wrap:anywhere;line-height:var(--tk-line-height-body)}
#task-detail :is(.rich-preview,.rich-text) :is(h1,h2,h3,h4){line-height:var(--tk-line-height-tight);margin:10px 0 6px;color:var(--tk-text)}
#task-detail :is(.rich-preview,.rich-text) h1{font-size:24px}
#task-detail :is(.rich-preview,.rich-text) h2{font-size:21px}
#task-detail :is(.rich-preview,.rich-text) h3{font-size:18px}
#task-detail :is(.rich-preview,.rich-text) h4{font-size:16px}
#task-detail :is(.rich-preview,.rich-text) pre{white-space:pre-wrap;max-width:100%;overflow:auto;padding:10px;border-radius:var(--tk-radius-sm);background:var(--tk-bg)}
#task-detail :is(.rich-preview,.rich-text) code{font-family:var(--tk-font-mono)}
#task-detail :is(.rich-preview,.rich-text) blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--tk-border-strong)}
#task-detail :is(.rich-preview,.rich-text) :is(ul,ol){padding-left:22px}
#task-detail :is(.rich-preview,.rich-text) .rich-check{list-style:none}
#task-detail :is(.rich-preview,.rich-text) .rich-check>label{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font:inherit;margin:6px 0}
#task-detail :is(.rich-preview,.rich-text) .rich-check input{width:18px;height:18px;min-height:18px;flex:none;padding:0;margin:2px 0;accent-color:var(--tk-accent)}
@media(max-width:600px){
 #task-detail .rich-editor button{min-height:var(--tk-touch-target);min-width:var(--tk-touch-target)}
 #task-detail .rich-editor .format-command-options{max-height:176px}
 #task-detail .rich-editor .rich-check>label{min-height:var(--tk-touch-target);align-items:center}
 #task-detail .rich-editor :is(textarea,input){font-size:16px}
}