#modal:has(.accurate-journal-detail) { width:560px; min-width:0; max-width:calc(100vw - 24px); border-radius:10px; }
#modal:has(.accurate-journal-detail) .dialog-head { background:#15295a; padding:9px 15px; font-size:14px; }
#modal:has(.accurate-journal-detail) .dialog-head > span::before { font-family:'bc-glyphs'; content:'\e002'; font-size:16px; margin-right:9px; }
#modal:has(.accurate-journal-detail) .dialog-body { padding:10px; }
.accurate-journal-detail { min-height:450px; }
.accurate-journal-detail:has(.journal-detail-fields[hidden]) { min-height:365px; }
.journal-detail-tabs { display:flex; border-bottom:1px solid #a6aab2; margin-bottom:10px; }
.journal-detail-tabs button { border:0; border-radius:0; border-bottom:3px solid transparent; padding:10px 15px 8px; background:transparent; color:#62666d; font-size:15px; }
.journal-detail-tabs button.active { color:red; border-bottom-color:red; }
.journal-detail-fields { padding:0 10px; }
.journal-detail-additional { padding:0 10px; }
.journal-detail-additional label { display:grid; grid-template-columns:177px minmax(0,1fr); font-size:15px; padding-top:0; }
.journal-detail-additional textarea { width:100%; height:70px; resize:vertical; border:1px solid #a6aab2; border-radius:6px; padding:6px 9px; }
.journal-detail-row { display:grid; grid-template-columns:177px minmax(0,1fr); align-items:start; min-height:42px; font-size:15px; }
.journal-detail-label { padding-top:7px; }
.journal-account-number { color:#4789f1; padding-top:7px; }
.journal-detail-row input[readonly] { width:100%; height:33px; padding:6px 9px; border:1px solid #a6aab2; border-radius:6px; background:#f3f5f9; color:#51555c; }
.journal-direction { display:flex; align-items:center; gap:40px; height:33px; margin-bottom:9px; }
.journal-direction label { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.journal-direction input { width:20px; height:20px; margin:0; accent-color:#2f60bc; }
.journal-money { display:flex; width:210px; max-width:100%; height:34px; border:1px solid #b7bbc3; border-radius:6px; background:white; }
.journal-money span { color:#848890; font-size:12px; padding:7px 8px; }
.journal-money input { min-width:0; width:100%; border:0; background:transparent; text-align:right; padding:5px; font-size:15px; outline:none; }
#modal:has(.accurate-journal-detail) .dialog-foot { margin:0 10px; border-top:1px solid #a6aab2; padding:10px 10px 14px; }
#modal:has(.accurate-journal-detail) .dialog-foot button { min-width:76px; min-height:40px; font-size:16px; }
/* Journal Voucher Detail (transaction Others > Journal Detail), as in the original. */
#modal:has(.journal-voucher) { width:860px; min-width:0; max-width:calc(100vw - 24px); border-radius:8px; }
#modal:has(.journal-voucher) .dialog-head { background:#15295a; color:#fff; padding:9px 12px; font-size:14px; }
#modal:has(.journal-voucher) .dialog-body { padding:14px 32px 18px; max-height:calc(100vh - 120px); overflow:auto; }
#modal:has(.journal-voucher) .dialog-foot { display:none; }
.journal-voucher { color:#303339; font-size:15px; }
.jv-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 24px; margin-bottom:14px; }
.jv-fact { display:grid; grid-template-columns:135px minmax(0,1fr); align-items:baseline; }
.jv-fact.right { grid-template-columns:auto auto; justify-content:end; gap:10px; }
.jv-fact.wide { grid-column:1 / -1; }
.jv-label { font-weight:600; }
.jv-fact.number .jv-value { color:#2a53ae; font-weight:600; }
.jv-row { display:grid; grid-template-columns:minmax(0,1fr) 160px 200px; align-items:start; gap:12px; padding:10px 0 8px; border-bottom:1px solid #e1e5ed; }
.jv-row .num { text-align:right; }
.jv-header { font-weight:600; padding:6px 0; border-bottom:1px solid #9599a1; }
.jv-header span:not(:first-child) { text-align:right; }
.jv-account small { display:block; font-size:11px; color:#51555c; margin-top:3px; }
.jv-row.credit .jv-account { padding-left:68px; }
.jv-empty { color:#73777e; padding:12px 0; }
.jv-foot { display:grid; grid-template-columns:minmax(0,1fr) 190px 190px; gap:8px; align-items:center; margin-top:36px; padding-top:8px; border-top:1px solid #9599a1; }
.jv-foot span { font-size:12px; font-style:italic; }
.jv-foot output { border:1px solid #c8ccd4; border-radius:6px; background:#f0f2f6; padding:6px 10px; text-align:right; font-weight:700; color:#51555c; }
@media(max-width:600px) {
  .jv-row { grid-template-columns:minmax(0,1fr) 90px 90px; }
  .jv-foot { grid-template-columns:minmax(0,1fr) 100px 100px; }
  .jv-row.credit .jv-account { padding-left:24px; }
}
@media(max-width:600px) { .journal-detail-row { grid-template-columns:125px minmax(0,1fr); } .journal-direction { gap:12px; } .accurate-journal-detail { min-height:330px; } }
.jv-link { color:#2a53ae; text-decoration:none; } .jv-link:hover { text-decoration:underline; }
.automatic-journal-note { margin: 0 0 8px; padding: 6px 12px; background: #f2f4f7; border-left: 3px solid #2a53ae; color: #31405a; font-size: 13px; } .automatic-journal-note a { color: #2a53ae; font-weight: 600; }