.journal-heading-icon { color: var(--muted); margin-top: 5px; }
.journal-heading-icon .icon { width: 24px; height: 24px; }
.journal-datebar { display: flex; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 8px 0; gap: 4px; }
.journal-date-label { display: flex; align-items: center; gap: 10px; }
.journal-date-label strong { font-size: var(--text-sm); }
.journal-date-label span { font-size: var(--text-xs); color: var(--accent-hover); background: var(--selected); padding: 2px var(--space-2); border-radius: var(--radius-sm); }
.journal-date-picker { margin-left: auto; }
.journal-date-picker input { border: 0; background: transparent; color: var(--secondary); font-size: var(--text-sm); min-height: var(--control); padding: var(--space-2); }
.journal-entry { margin-top: var(--space-6); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }
.journal-entry-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 24px; background: var(--sidebar); border-bottom: 1px solid var(--line); }
.journal-entry-heading h2 { display: flex; align-items: center; gap: 10px; font-size: var(--text-base); }
.journal-completed-count { display: flex; align-items: center; gap: 6px; font-size: var(--text-xs); color: var(--secondary); }
.journal-completed-count .icon { width: 16px; height: 16px; }
.journal-form { padding: var(--space-5) var(--space-6); }
.journal-fields { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--space-5); }
.journal-fields .field + .field { margin-top: 0; }
.journal-form .field label { font-size: var(--text-sm); color: var(--ink); margin-bottom: var(--space-2); }
.journal-form textarea { min-height: 144px; border-color: var(--border); padding: var(--space-3); line-height: 1.7; font-size: var(--text-ui); }
.journal-form textarea::placeholder { color: var(--muted); }
.next-step-field textarea { background: var(--sidebar); }
.journal-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; gap: 16px; }
.journal-form-footer span { font-size: var(--text-xs); color: var(--muted); }
.journal-form-footer .button { font-size: var(--text-sm); }
.journal-completed-list { margin: 8px 24px 0; font-size: var(--text-xs); color: var(--muted); }
.journal-completed-list summary { display: flex; align-items: center; gap: 6px; min-height: 44px; list-style: none; }
.journal-completed-list .icon { width: 14px; height: 14px; }
.journal-completed-list ul { list-style: none; margin: 0; padding: 0 0 8px; }
.journal-completed-list li { display: flex; align-items: center; gap: 8px; min-height: 30px; }
.journal-endnote { color: var(--muted); font-size: var(--text-xs); text-align: center; margin-top: 32px; }
.journal-date-picker input:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; border-radius: var(--radius-sm); }