/* DSVT 1.9: journal opens on a clean monthly list; details are a separate full editor. */
#view-journal #journal-legacy-elements {display:none!important}
body.v18-journal-active #journal-list[hidden], body.v18-journal-active #review-overlay[hidden]{display:none!important}
#view-journal .journal-month-shell{max-width:1120px;margin:0 auto 60px;min-height:65vh}
#view-journal .journal-month-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 23px}
#view-journal .journal-month-head h1{font-weight:750;letter-spacing:-.035em;font-size:30px;margin:3px 0 6px;color:#f3f9f4}
#view-journal .journal-month-head p{color:#91b09b;font-size:13px;margin:0}
#view-journal .journal-month-head .eyebrow{color:#4de795;font-size:10px;letter-spacing:2.5px;font-weight:750}
#view-journal .journal-month-head .journal-new-trade{white-space:nowrap;min-height:42px;padding:10px 18px;background:#27e88b;color:#062012;font-weight:750;box-shadow:0 3px 22px #00e88422}
#view-journal .journal-month-navigation{display:flex;align-items:center;gap:9px;margin:0 0 19px;padding:10px 12px;border-radius:12px;background:#06140f;border:1px solid #163c29}
#view-journal .journal-month-arrow{font-size:25px;line-height:1;width:35px;height:36px;border:1px solid #28583d;color:#c9edda;border-radius:8px;background:#0b2118;cursor:pointer}
#view-journal .journal-month-arrow:hover{border-color:#3eee99;background:#123422}
#view-journal .journal-month-label{display:flex;align-items:center;gap:8px;border:1px solid #2c5e41;background:#0b2118;border-radius:8px;padding:0 10px;min-height:36px}
#view-journal .journal-month-icon{color:#55e99b;font-size:16px}
#view-journal .journal-month-label input[type=month]{font-size:13px;font-weight:600;font-family:inherit;color:#eef8f1;accent-color:#24e487;min-height:30px;width:155px;border:0!important;background:transparent!important;outline:none;padding:0!important;color-scheme:dark}
#view-journal .journal-month-count{color:#93b39e;font-size:12px;margin-left:6px}
#view-journal .journal-all-months{margin-left:auto;background:transparent;border:1px solid #254a36;color:#b7d1c0;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}
#view-journal .journal-all-months[aria-pressed=true]{border-color:#42d18a;color:#6be8a3;background:#0b291b}
#view-journal .journal-group{border:1px solid #1b4530;background:linear-gradient(155deg,#071811,#05120d);border-radius:15px;padding:15px 17px;margin:0 0 14px;box-shadow:0 15px 40px #00000040}
#view-journal .journal-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#view-journal .journal-group-head h2{text-transform:capitalize;font-size:17px;font-weight:740;color:#eaf9ee;letter-spacing:-.02em;margin:0}
#view-journal .journal-group-head span{font-size:12px;color:#90aa98}
#view-journal .is-positive{color:#52e89a!important} #view-journal .is-negative{color:#f38282!important}
#view-journal .journal-table-head, #view-journal .journal-trade-entry{display:grid;grid-template-columns:84px minmax(160px,2.1fr) minmax(92px,.9fr) minmax(100px,1.3fr) minmax(115px,1.2fr) 17px;gap:10px;align-items:center}
#view-journal .journal-table-head{color:#829f8c;font-size:10px;font-weight:750;letter-spacing:1px;text-transform:uppercase;padding:11px 13px;border-bottom:1px solid #24513b}
#view-journal .journal-trade-entry{width:100%;box-sizing:border-box;text-align:left;background:transparent;border:0;border-bottom:1px solid #153627;padding:11px 13px;color:#e3f3e9;cursor:pointer;border-radius:5px;font-family:inherit;font-size:12px;transition:background .12s ease}
#view-journal .journal-trade-entry:last-child{border-bottom:0}
#view-journal .journal-trade-entry:hover, #view-journal .journal-trade-entry:focus-visible{background:#113021;outline:1px solid #2d724b}
#view-journal .journal-entry-date{color:#abc2b1;font-weight:600;font-variant-numeric:tabular-nums}
#view-journal .journal-entry-pair{display:flex;flex-direction:column;gap:3px;min-width:0}
#view-journal .journal-entry-pair strong{font-weight:750;color:#f0f9f2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-journal .journal-entry-pair small{color:#809f8b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
#view-journal .journal-entry-direction{display:inline-block;width:max-content;background:#0b2a19;color:#6deea4;border:1px solid #19583a;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:700}
#view-journal .journal-entry-direction.short{background:#311c1d;color:#f2978e;border-color:#633632}
#view-journal .journal-entry-setup{color:#aac6b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-journal .journal-entry-result{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;font-variant-numeric:tabular-nums}
#view-journal .journal-entry-result strong{font-size:13px;color:#e3efe8;white-space:nowrap}
#view-journal .journal-entry-result small{color:#8ca995;font-size:10px}
#view-journal .journal-entry-chevron{font-size:23px;line-height:1;text-align:right;color:#55a579}
#view-journal .journal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #1f5537;background:#071b12;border-radius:15px;text-align:center;padding:70px 22px;min-height:290px}
#view-journal .journal-empty-icon{font-size:29px;color:#53e99a;margin-bottom:8px}
#view-journal .journal-empty h2{font-size:19px;color:#e1f4e6;margin:0 0 5px}
#view-journal .journal-empty p{font-size:12px;color:#90ab9a;margin:0 0 20px}
@media(max-width:800px){#view-journal .journal-month-head{margin:12px 0 18px}#view-journal .journal-group{padding:12px}#view-journal .journal-table-head{display:none}#view-journal .journal-trade-entry{grid-template-columns:64px minmax(110px,1fr) auto;row-gap:7px;column-gap:8px;padding:13px 5px}#view-journal .journal-entry-date{grid-column:1;grid-row:1}#view-journal .journal-entry-pair{grid-column:2;grid-row:1}#view-journal .journal-entry-direction{grid-column:3;grid-row:1}#view-journal .journal-entry-setup{grid-column:2;grid-row:2;font-size:10px}#view-journal .journal-entry-result{grid-column:3;grid-row:2}#view-journal .journal-entry-chevron{display:none}}
@media(max-width:520px){#view-journal .journal-month-head{align-items:flex-start;flex-direction:column;gap:12px}#view-journal .journal-month-head h1{font-size:24px}#view-journal .journal-month-head .journal-new-trade{width:100%}#view-journal .journal-month-navigation{flex-wrap:wrap;gap:6px}#view-journal .journal-month-label{flex:1}#view-journal .journal-month-label input[type=month]{width:100%}#view-journal .journal-month-count{margin:0;flex:1;font-size:11px}#view-journal .journal-all-months{margin:0}#view-journal .journal-trade-entry{grid-template-columns:58px minmax(83px,1fr) auto;column-gap:6px}#view-journal .journal-entry-pair strong{font-size:12px}#view-journal .journal-entry-result strong{font-size:11px}#view-journal .journal-entry-direction{font-size:10px;padding:4px 6px}}
/* Keep timeframe selector readable on narrow phones without clipping long context labels. */
@media(max-width:520px){
 #view-journal .journal-workspace .tf-card-head strong{font-size:0!important;line-height:1!important;white-space:normal!important;max-width:85px}
 #view-journal .journal-workspace .tf-card-head strong:before{content:'TF';font-size:11px;color:#d6efdf}
}