:root { --cedocs-radius: 12px; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }
.card { border-radius: var(--cedocs-radius); }
#localList .item { display:flex; align-items:center; justify-content:space-between; padding:.5rem .75rem; border:1px solid #eee; border-radius:8px; margin-bottom:.5rem; background:#fff; }
.badge-level { border: 1px solid rgba(0,0,0,.08); }
.log-entry { border-radius: var(--cedocs-radius); border: 1px solid rgba(15,23,42,.08); background-color: #fff; }
.log-entry-badge { font-size: .8rem; letter-spacing: .02em; }
.log-entry-context { display: flex; flex-wrap: wrap; gap: .5rem; }
.log-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .65rem; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: .75rem; letter-spacing: .02em; }
.log-chip-label { text-transform: uppercase; font-weight: 600; font-size: .7rem; letter-spacing: .04em; color: #1f2937; }
.log-chip-value { font-weight: 500; color: #0f172a; }
.log-entry-delete { margin: 0; }
.log-entry-delete .btn { padding: .3rem .6rem; }
#l4dokuModal .modal-content { display: flex; flex-direction: column; height: 100%; }
#l4dokuModal .modal-body { flex: 1 1 auto; overflow-y: auto; }
#l4dokuModal .modal-footer { flex-shrink: 0; }
.l4doku-modal-dialog { height: calc(100% - var(--bs-modal-margin)*2); max-height: calc(100% - var(--bs-modal-margin)*2); }
@media (max-width: 576px) {
  .l4doku-modal-dialog { margin: 0; height: 100%; max-height: 100%; width: 100%; }
  #l4dokuModal .modal-content { border-radius: 0; }
}
.changelog-timeline { position: relative; padding-left: 1.5rem; margin: 0; }
.changelog-timeline::before { content: ""; position: absolute; left: .5rem; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, rgba(148,163,184,.5), rgba(148,163,184,.1)); }
.changelog-timeline-item { position: relative; padding-left: 1rem; margin-bottom: 1.5rem; }
.changelog-timeline-item:last-child { margin-bottom: 0; }
.changelog-timeline-marker { position: absolute; left: -1.2rem; top: .35rem; width: .75rem; height: .75rem; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 2px rgba(148,163,184,.3); background: #64748b; }
.changelog-timeline-marker.bg-success { background: #198754; box-shadow: 0 0 0 2px rgba(25,135,84,.2); }
.changelog-timeline-marker.bg-warning { background: #f59e0b; box-shadow: 0 0 0 2px rgba(245,158,11,.2); }
.changelog-editor { background: #fff; }
.changelog-editor-toolbar { padding: .5rem; background: rgba(248,249,250,.9); display: flex; flex-wrap: wrap; gap: .5rem; }
.changelog-editor-toolbar .btn { min-width: 2.2rem; }
.changelog-editor-surface { min-height: 260px; padding: 1rem; outline: none; font-size: .95rem; line-height: 1.55; }
.changelog-editor-surface:focus { background: #fff; box-shadow: inset 0 0 0 1px rgba(25,135,84,.1); }
.changelog-editor-surface.is-empty::before { content: attr(data-placeholder); color: rgba(148,163,184,.9); font-style: italic; pointer-events: none; }
.rich-text ul { padding-left: 1.25rem; }
.rich-text ol { padding-left: 1.25rem; }
.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4 { margin-top: 1.25rem; margin-bottom: .5rem; letter-spacing: .01em; }
.rich-text p { margin-bottom: .75rem; }
.rich-text pre { background: #0f172a; color: #f8fafc; padding: .75rem; border-radius: .75rem; font-size: .9rem; overflow-x: auto; }
.rich-text code { background: rgba(15,23,42,.1); padding: .15rem .4rem; border-radius: .4rem; font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .85em; }
.rich-text a { color: #0d6efd; text-decoration: underline; }