.jrn-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.jrn-head h2{margin:0;font-size:23px}.jrn-head p{margin:8px 0;color:var(--skin-ink,#657084);font-size:13px}.jrn-dialog{width:min(1250px,96vw);max-width:96vw;max-height:92vh;border:1px solid var(--skin-line,#d9e0e7);border-radius:16px;padding:24px;color:var(--skin-ink,#243344);background:var(--skin-surface,#fff);overflow:auto}.jrn-dialog::backdrop{background:#16283880}.jrn-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.jrn-fields label,.jrn-form>label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.jrn-form input,.jrn-form select{font:inherit;padding:9px;min-height:38px;border:1px solid var(--skin-line,#d9e0e7);border-radius:6px;max-width:100%;color:inherit;background:var(--skin-surface,#fff)}.jrn-scroll{width:100%;max-width:100%;overflow-x:auto;min-width:0}.jrn-scroll table{border-collapse:collapse;min-width:800px;width:100%;font-size:13px}.jrn-scroll th,.jrn-scroll td{padding:10px;border-bottom:1px solid var(--skin-line,#d9e0e7);text-align:left;vertical-align:middle}.jrn-scroll th{background:var(--skin-surface,#f5f7fa);white-space:nowrap}.jrn-scroll small{display:block;color:var(--skin-ink,#68788a)}.jrn-scroll [data-account],.jrn-scroll [data-party]{min-width:180px;max-width:230px}.jrn-scroll [data-document]{width:230px}.jrn-scroll [data-debit],.jrn-scroll [data-credit],.jrn-scroll [data-amount]{width:130px;font-variant-numeric:tabular-nums}.jrn-footer,.jrn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0}.jrn-footer{justify-content:space-between}.jrn-actions label{font-size:13px;display:flex;gap:8px;align-items:center}.jrn-form input[type=checkbox]{width:18px;min-height:18px}.jrn-error{color:var(--skin-danger,#b12a36);font-size:13px;min-height:20px}.jrn-filters{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.jrn-filters label{display:flex;flex-direction:column;font-size:13px;gap:6px}.jrn-filters label:first-child{flex:1;min-width:180px}.jrn-workspace>header button{white-space:nowrap}@media(max-width:650px){.jrn-fields{grid-template-columns:1fr}.jrn-dialog{padding:14px}.jrn-form input,.jrn-form select{font-size:16px}.jrn-filters label{flex:1;min-width:140px}.jrn-footer strong{font-size:13px}}

.jrn-dialog [hidden]{display:none!important}

/* One control size for all three journal editors, including native date fields. */
.jrn-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.date-picker-native),
.jrn-form select,
.ar-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.date-picker-native),
.ar-form select{box-sizing:border-box;height:48px;min-height:48px;max-height:48px;margin:0;padding:0 12px;border-radius:10px;line-height:normal}
.jrn-fields>label,.ar-form>label{min-width:0;gap:8px}
.jrn-fields>label>input,.jrn-fields>label>select,.ar-form>label>input,.ar-form>label>select{width:100%;min-width:0}
.jrn-fields .date-picker-wrap,.ar-form .date-picker-wrap{height:48px;min-width:0}
.jrn-fields .date-picker-text,.ar-form .date-picker-text{width:100%}
.ar-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
@media(max-width:650px){.ar-form{grid-template-columns:minmax(0,1fr)}}
.jrn-scroll [data-project]{min-width:180px;max-width:230px}
.jrn-form>.draft-recovery-notice,.ar-form>.draft-recovery-notice{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
.jrn-form .draft-recovery-notice pre,.ar-form .draft-recovery-notice pre{max-height:220px;overflow:auto;white-space:pre-wrap}