#workJournalPage {min-width:0}
.journal-filters {display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}
.journal-filters label,.journal-item header label {display:grid;gap:6px;font-size:13px;min-width:0}
.journal-filters label:first-child {flex:1;min-width:190px}
.journal-filters input,.journal-filters select,.journal-item select {padding:9px;border:1px solid #cbd5d1;border-radius:4px;background:#fff;color:#24342e;max-width:100%;font:inherit}
.journal-item {border-top:1px solid #d7deda;padding:20px 0}
.journal-item header {display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.journal-item header>div {flex:1;min-width:180px}
.journal-item h2 {font-size:18px;margin:6px 0;overflow-wrap:anywhere;letter-spacing:0}
.journal-item h3 {font-size:13px;margin:12px 0 6px;letter-spacing:0}
.journal-item p {margin:0;line-height:1.55;overflow-wrap:anywhere}
.journal-item small {color:#59675e}
.journal-state {padding:5px 8px;font-size:12px;border-radius:4px;background:#ecefef;color:#35443d;white-space:nowrap}
.journal-state[data-state=done] {background:#d9eee1;color:#165530}
.journal-state[data-state=active] {background:#def0f7;color:#12536b}
.journal-state[data-state=blocked] {background:#fce1e0;color:#902827}
.journal-state[data-state=review] {background:#fff0cf;color:#775307}
.journal-actions {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:4px 0 14px}
.journal-document {border-top:1px solid #d7deda;padding:12px 0}
#workJournalPage summary {cursor:pointer;overflow-wrap:anywhere}
#workJournalPage pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;max-height:500px;overflow:auto;background:#f5f7f6;padding:12px}
#workJournalPage>h2 {font-size:20px;margin-top:28px;letter-spacing:0}
@media(max-width:650px){.journal-actions{grid-template-columns:1fr;gap:0}.journal-filters label{flex:1;min-width:140px}.journal-item header{align-items:start}}