:root {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  --primary: #ec682a;       /* Multiminded oranje */
  --primary-dark: #cf5925;
}
body { margin: 0; color: #1a1a1a; background: #f6f7f9; }
.topbar { background: #111; padding: .8rem 1rem; }
.topbar a { color: #fff; text-decoration: none; font-weight: 600; }
.container { max-width: 820px; margin: 2rem auto; padding: 0 1rem; }
.card { background: #fff; border: 1px solid #e2e5e9; border-radius: 8px; padding: 1rem 1.2rem; margin-bottom: 1rem; }
a { color: var(--primary); }
.topbar a { color: #fff; }
label { display: block; font-weight: 600; margin: .6rem 0 .2rem; }
input, textarea, select { width: 100%; padding: .5rem; border: 1px solid #cbd0d6; border-radius: 6px; font: inherit; box-sizing: border-box; }
input:focus, textarea:focus, select:focus { outline: 2px solid var(--primary); border-color: var(--primary); }
button, .btn { display: inline-block; padding: .55rem 1rem; border: 0; border-radius: 6px; background: var(--primary); color: #fff; font: inherit; cursor: pointer; text-decoration: none; }
button:hover, .btn:hover { background: var(--primary-dark); }
.status { display: inline-block; padding: .1rem .5rem; border-radius: 999px; font-size: .8rem; background: #f6e6dd; color: #a24316; }
.prio1 { background: #fde2e1; color: #b91c1c; }
.prio2 { background: #fdecd8; color: #b25e09; }
.prio3 { background: #e6eaef; color: #475569; }
.error { color: #b91c1c; } .muted { color: #6b7280; }
.muted a { color: var(--primary); }
/* rich editor */
.rich-editor { background: #fff; border-radius: 6px; }
.rich-editor .ql-toolbar.ql-snow, .rich-editor .ql-container.ql-snow { border-color: #cbd0d6; }
.rich-editor .ql-toolbar.ql-snow { border-radius: 6px 6px 0 0; }
.rich-editor .ql-container.ql-snow { border-radius: 0 0 6px 6px; }
.rich-editor .ql-editor { min-height: 8rem; font: inherit; }
.rich-editor .ql-editor img { max-width: 100%; height: auto; }
.rich-editor .ql-snow.ql-toolbar button:hover .ql-stroke, .rich-editor .ql-snow .ql-toolbar button:hover .ql-stroke { stroke: var(--primary); }
.rich-editor .ql-snow .ql-toolbar button.ql-active .ql-stroke { stroke: var(--primary); }
/* gerenderde HTML-content (body/reacties) */
.rich-content img { max-width: 100%; height: auto; border-radius: 6px; }
.rich-content p { margin: .4rem 0; }