/* Lehký rich-text editor pro brief */
.rich {
    border: 1px solid #cfd2d6;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.rich.is-focus { outline: 2px solid #c8c9ce; border-color: var(--black, #111418); }
.rich-tb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding: 6px 8px;
    background: #fafafb;
    border-bottom: 1px solid var(--line, #ececee);
}
.rich-tb button {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 7px;
    padding: 4px 9px;
    font-size: 13px;
    line-height: 1;
    color: var(--ink, #111418);
    cursor: pointer;
    min-width: 30px;
}
.rich-tb button:hover { background: #ececee; }
.rich-tb button:active,
.rich-tb button.active { background: var(--accent-light, #fde7eb); border-color: var(--accent, #e6425a); }
.rich-sep { width: 1px; align-self: stretch; background: var(--line, #ececee); margin: 2px 4px; }
.rich-area {
    min-height: 130px;
    max-height: 460px;
    overflow-y: auto;
    padding: 12px 14px;
    font: inherit;
    color: var(--ink, #111418);
}
.rich-area:focus { outline: none; }
.rich-area:empty::before {
    content: attr(data-placeholder);
    color: var(--muted, #8a909a);
}
.rich-area p { margin: 0 0 8px; }
.rich-area p:last-child { margin-bottom: 0; }
.rich-area ul, .rich-area ol { margin: 4px 0 8px; padding-left: 22px; }
.rich-area li { margin: 2px 0; }
.rich-area h3, .rich-area h4 { margin: 10px 0 6px; }
.rich-area a { color: var(--accent, #e6425a); }

/* Zobrazení briefu – aby formátování vypadalo stejně */
.brief ul, .brief ol, .brief-update ul, .brief-update ol { margin: 4px 0 8px; padding-left: 22px; }
.brief li, .brief-update li { margin: 2px 0; }
.brief p, .brief-update p { margin: 0 0 8px; }
.brief p:last-child, .brief-update p:last-child { margin-bottom: 0; }