#journal{--j-ink:#173351;--j-muted:#52647c;--j-line:#e6edf5;max-width:1360px;margin:0 auto;padding-bottom:35px}#journal .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.j-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:13px 0 30px}.j-heading h2{color:var(--j-ink);font-size:31px;line-height:1.25;font-weight:500;letter-spacing:-1px;margin:10px 0}.j-heading>div>p:last-child{font-size:12px;line-height:1.8;color:var(--j-muted);margin:0}.j-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#52647c}.j-private{display:flex;gap:8px;align-items:center;color:#52647c;font-size:10px;white-space:nowrap;border:1px solid #e0ece5;border-radius:30px;padding:10px 13px;background:#f7fbf8}.j-private svg{width:15px;height:15px}.j-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}.j-history{background:#f2f6fb;border:1px solid #e7eef6;border-radius:16px;padding:21px 15px}.j-history>summary{font-size:12px;font-weight:500;color:#536d8e;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 5px;cursor:pointer}.j-history>summary::-webkit-details-marker,.j-import>summary::-webkit-details-marker{display:none}.j-history>summary>span{font-size:9px;font-weight:400;color:#52647c}.j-history-content{padding-top:19px}.j-today{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce6f4;border-radius:9px;padding:11px;background:#fff;color:#35689e;font-size:11px;font-weight:500}.j-today>span{font-size:16px;font-weight:400}.j-search{display:block;margin:15px 0 9px}.j-search input{width:100%;margin:0;border:0;background:transparent;padding:9px;color:#59718f;font-size:11px;border-bottom:1px solid #e1e8f2;border-radius:0}.j-search input::placeholder{color:#93a3b8}#jEntries{max-height:515px;overflow:auto;padding:2px}.j-entry{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:13px 9px;color:#768da8;margin-top:5px}.j-entry.selected{border-color:#dce8f8;background:#fff;box-shadow:0 3px 10px #153b6410}.j-entry:hover{background:#fff}.j-entry>span:last-child{min-width:0;flex:1}.j-entry strong{display:block;color:#58708f;font-size:11px;line-height:1.5;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-entry.selected strong{color:#174b84}.j-entry>span>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;color:#96a3b5;font-size:9px;margin-top:5px}.j-entry i{display:inline-block;font-size:8px;font-style:normal;color:#819c91;margin-top:8px;text-transform:capitalize}.j-day{flex:0 0 29px;text-align:center;margin-top:2px}.j-day b{display:block;font-size:20px;line-height:1;font-weight:400;color:#8397af}.j-day small{display:block;font-size:8px;text-transform:uppercase;margin-top:5px;letter-spacing:.7px}.j-list-empty{padding:28px 12px;line-height:1.85;font-size:11px;color:#95a4b7}.j-editor{background:#fff;border:1px solid var(--j-line);border-radius:17px;box-shadow:0 8px 34px #14376305;min-width:0;overflow:hidden;padding:29px 33px 20px}.j-editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.j-editor-top>.eyebrow{font-size:8px;letter-spacing:1.6px;color:#52647c}.j-date input{font-family:inherit;font-size:10px;padding:7px 8px;border:1px solid #e5edf6;border-radius:7px;background:#f9fbfd;color:#52647c;max-width:155px;margin:0}.j-date-label{font-size:11px;color:#52647c;line-height:1.5;margin:25px 0 12px}.j-title-label{display:block;margin:0}.j-title-label input{width:100%;border:0;background:transparent;padding:0;margin:0;color:#2a4665;font-weight:400;font-size:27px;line-height:1.4;letter-spacing:-.7px;border-radius:0}.j-title-label input::placeholder{color:#b2bece}.j-title-label input:focus{box-shadow:none;outline:none}.j-title-label input:focus-visible{outline:1px solid #c5d9f6;outline-offset:7px;border-radius:3px}.j-writing-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid #edf1f6;margin-bottom:21px}.j-writing-tools>div{display:flex;gap:7px}.j-writing-tools button{display:flex;align-items:center;gap:13px;padding:8px 10px;border:1px solid #e4ebf5;background:#f9fbfe;color:#52647c;border-radius:7px;font-size:9px;font-weight:400}.j-writing-tools button span{font-size:11px;color:#789bc6}.j-writing-tools>label{display:flex;align-items:center;gap:7px;font-size:9px;color:#52647c;white-space:nowrap}.j-writing-tools select{margin:0;padding:6px 5px;font-size:10px;border:0;background:transparent;color:#52647c;max-width:116px}.j-body-label{display:block;margin:0}.j-body-label textarea{padding:0;width:100%;border:0;resize:vertical;min-height:365px;background:transparent;border-radius:0;color:#536b86;line-height:2;font-size:13px;font-family:inherit;margin:0;box-shadow:none}.j-body-label textarea::placeholder{color:#b2bdcb;line-height:2.1}.j-body-label textarea:focus{outline:none;border:0;box-shadow:none}.j-body-label textarea:focus-visible{outline:1px solid #dae7f8;outline-offset:8px;border-radius:3px}.j-editor-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf2f7;margin-top:22px;padding-top:17px;font-size:9px;color:#52647c}.j-editor-footer #jSaveState{display:flex;gap:7px;align-items:center}.j-editor-footer #jSaveState:before{content:'';width:4px;height:4px;border-radius:50%;background:#a2b2c6}.j-editor-footer #jSaveState[data-state=saved]{color:#789989}.j-editor-footer #jSaveState[data-state=saved]:before{background:#79a590}.j-editor-footer #jSaveState[data-state=pending]{color:#a59471}.j-editor-footer #jSaveState[data-state=error]{color:#b46464}.j-save-error{border:1px solid #efdada;background:#fff8f7;border-radius:9px;padding:13px;margin-top:18px;color:#a15d5d;font-size:11px;line-height:1.7}.j-save-error[hidden]{display:none}.j-save-error>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.j-save-error button{font-size:10px;padding:8px 11px}.j-secondary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 4px;margin:12px 0}.j-secondary b{font-size:11px;font-weight:500;color:#52647c}.j-secondary p{font-size:10px;color:#52647c;line-height:1.8;margin:5px 0 0}.j-secondary button{font-size:10px;padding:11px 14px;border-color:#e0e9f5;color:#52647c;white-space:nowrap}.j-import{background:#fff;border:1px solid #e6edf5;border-radius:13px;margin-top:12px;overflow:hidden}.j-import>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:19px 22px;font-size:12px;color:#52647c;line-height:1.6}.j-import>summary small{display:block;font-size:9px;color:#52647c;margin-top:3px;font-weight:400}.j-import>summary small b{font-weight:400}.j-import>summary>span:last-child{font-size:17px;color:#91a7c1}.j-import[open]>summary{border-bottom:1px solid #edf2f7}.j-import[open]>summary>span:last-child{transform:rotate(45deg)}.j-import-content{padding:22px}.j-import-content>p{font-size:11px;color:#52647c;line-height:1.85;margin:0 0 14px}.j-import-hint{background:#f6f9fe;border:1px solid #e8eff8;padding:12px 15px;border-radius:9px}.j-import-content label{font-size:10px;color:#52647c}.j-import-content textarea{margin-top:8px;border-color:#e3ebf6;font-size:11px;border-radius:8px;line-height:1.8;min-height:110px}.j-file-row{display:flex;gap:12px;align-items:center;margin:18px 0}.j-file-row label{position:relative;overflow:hidden;cursor:pointer;font-size:10px;display:inline-flex;padding:9px 15px;border-radius:8px;color:#52647c;border:1px solid #dde8f6;background:#f8fbff}.j-file-row input{position:absolute;inset:0;opacity:0;cursor:pointer}.j-file-row button{font-size:10px}.j-import-buttons{display:flex;gap:10px;margin-top:14px}.j-import-buttons button{font-size:11px;padding:11px 15px}.j-csv-message{font-size:11px;color:#6883a0;line-height:1.9;padding-top:15px}.j-csv-message b,.j-csv-message span{display:block;font-weight:400}.j-csv-message li{color:#b27474}.j-trade{border-bottom:1px solid #eaf0f7;padding:0 0 3px}.j-trade>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;padding:16px 2px;cursor:pointer;color:#6f86a1}.j-trade summary::-webkit-details-marker{display:none}.j-trade summary b{font-weight:500;font-size:12px;color:#46658a}.j-trade summary small{display:block;color:#9bacc0;font-size:9px;margin-top:6px}.j-trade .j-profit{color:#609a83}.j-trade .j-loss{color:#bf7e7e}.j-trade form{padding:15px 0 20px}.j-trade-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin-bottom:12px}.j-trade-fields input{font-size:11px;padding:9px;border-color:#e1eaf6;border-radius:7px;margin-top:7px}.j-trade-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.j-trade-actions small{margin-right:auto;font-size:8px;color:#a7b4c5;overflow-wrap:anywhere;max-width:50%}.j-trade-actions button{font-size:10px;padding:9px 12px}.j-trade-actions [role=status]{font-size:10px;color:#7d9d89}.j-import-content>.j-record-note{font-size:10px}.j-editor[aria-busy=true]{opacity:.65}
@media(max-width:1120px){.j-workspace{grid-template-columns:205px minmax(0,1fr);gap:18px}.j-editor{padding:25px}.j-writing-tools{align-items:flex-start;flex-direction:column;gap:10px}.j-writing-tools>label{align-self:flex-end}.j-private{font-size:9px;padding:8px 11px}.j-title-label input{font-size:24px}}
@media(max-width:760px){.j-heading{margin:10px 0 22px;align-items:flex-start;flex-direction:column;gap:13px}.j-heading h2{font-size:26px;margin-top:9px}.j-heading>div>p:last-child{font-size:11px;max-width:350px}.j-private{border:0;padding:0;background:transparent;font-size:9px}.j-workspace{grid-template-columns:1fr;gap:16px}.j-history{padding:15px;border-radius:11px}.j-history>summary{font-size:11px}.j-history>summary:after{content:'⌄';font-size:15px;color:#7d94b3}.j-history>summary>span{margin-left:auto}.j-history-content{padding-top:15px}#jEntries{max-height:215px}.j-editor{padding:22px;border-radius:12px}.j-title-label input{font-size:23px}.j-date-label{font-size:10px;margin-top:20px}.j-writing-tools{flex-direction:row;align-items:center;gap:8px;padding:17px 0}.j-writing-tools>div{gap:6px}.j-writing-tools button{font-size:8px;gap:6px;padding:7px}.j-writing-tools>label{font-size:8px;align-self:center;gap:4px}.j-writing-tools select{font-size:9px;max-width:91px}.j-body-label textarea{min-height:325px;font-size:12px}.j-secondary{align-items:flex-start;flex-direction:column;gap:13px;padding:20px 3px;margin:5px 0}.j-secondary p{font-size:9px}.j-secondary button{font-size:9px;padding:9px 12px}.j-import>summary{padding:16px;font-size:11px}.j-import-content{padding:16px}.j-import-content>p{font-size:10px}.j-trade-fields{grid-template-columns:1fr 1fr}.j-trade-fields>label:last-child{grid-column:1/-1;max-width:50%}.j-trade summary b{font-size:11px}.j-trade summary{font-size:10px}.j-trade-actions small{max-width:100%;width:100%}}
@media(max-width:430px){.j-editor{padding:18px}.j-editor-top>.eyebrow{font-size:7px;letter-spacing:1px}.j-date input{font-size:9px;max-width:137px}.j-title-label input{font-size:21px}.j-writing-tools{flex-direction:column;align-items:flex-start;gap:10px}.j-writing-tools>label{align-self:flex-end}.j-writing-tools button{font-size:9px;gap:12px;padding:8px 9px}.j-file-row{flex-wrap:wrap}.j-import-buttons{flex-direction:column}.j-import-buttons button{width:100%}.j-heading .eyebrow{font-size:8px}.j-heading h2{font-size:25px}}

/* 092: local recovery remains visible after a failed load. */
.j-load-error{border:1px solid #ecc7ca;border-radius:12px;background:#fff7f7;color:#792f3b;padding:16px;font-size:13px;line-height:1.6;margin:12px 0}.j-load-error p{margin:0 0 12px}.j-load-error .secondary{white-space:normal;min-height:44px}.j-history .j-load-error{padding:12px}.j-history .j-load-error .secondary{padding:10px 12px;width:100%}
#journal #jSaveState{color:#52647c}#journal #jSaveState[data-state=saved]{color:#32614c}#journal #jSaveState[data-state=pending]{color:#765623}#journal #jSaveState[data-state=error]{color:#993640}#journal .j-list-empty{color:#52647c}
#journal .j-day b,#journal .j-day small,#journal .j-entry>span>small{color:#52647c}#journal .j-entry strong{font-size:13px}#journal .j-entry>span>small{font-size:11px}#journal .j-day small{font-size:10px}#journal .j-entry i{font-size:10px;color:#466452}
/* 093: the import journey must remain readable at normal desktop/mobile scale. */
#jImport>summary{font-size:15px}
#jImport>summary small{font-size:12px}
#jImport .j-import-content>p,#jImport label,#jImport button,#jImport textarea,.j-secondary p,.j-secondary button{font-size:13px;line-height:1.6}
#jImport .j-csv-message{font-size:13px;line-height:1.6}
#jImport .j-csv-message>b{display:block;margin-bottom:10px}
#jImport .j-csv-message button{margin-top:4px}
#jImport{scroll-margin-top:24px}
/* 093: full trade history, readable records and persistent note drafts. */
#jTradeHistory{scroll-margin-top:24px}
#jTradeHistory>summary{font-size:15px}#jTradeHistory>summary small{font-size:12px}
#jTradeHistory .j-record-note,#jTradeHistory label,#jTradeHistory input,#jTradeHistory select,#jTradeHistory textarea,#jTradeHistory button,#jTradeHistory .j-list-empty{font-size:13px;line-height:1.6}
.j-trade-filters{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr auto;gap:12px;align-items:end;margin:18px 0}
.j-trade-filters label{min-width:0}.j-trade-filters input,.j-trade-filters select{width:100%;min-width:0;min-height:44px;margin:6px 0 0}
#jTradeHistory button{min-height:44px}.j-trade-filters button{margin-bottom:0}
#jTradeDateError{font-size:13px;color:#993640}
.j-trade-drafts{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;background:#f1f6ff;border:1px solid #ccdcf2;border-radius:9px;font-size:13px;line-height:1.6;color:#173351}
#jTradeResults{font-size:13px;color:#52647c;margin:18px 0;scroll-margin-top:24px}
#jTradeHistory .j-trade summary{font-size:14px;color:#173351;align-items:flex-start}
#jTradeHistory .j-trade summary b{font-size:15px;color:#173351}
#jTradeHistory .j-trade summary small{font-size:12px;color:#52647c;line-height:1.6}
#jTradeHistory .j-trade summary>span:last-child{text-align:right;max-width:48%}
#jTradeHistory .j-trade .j-profit{color:#28634a}#jTradeHistory .j-trade .j-loss{color:#993640}
#jTradeHistory .j-trade-edit{color:#245cbc;margin-top:8px}
#jTradeHistory .j-trade-actions small,#jTradeHistory .j-trade-actions [role=status]{font-size:12px;color:#52647c}
#jTradePagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;font-size:13px;color:#52647c}
#jTradeHistory [hidden]{display:none!important}
@media(max-width:1120px){.j-trade-filters{grid-template-columns:1fr 1fr}.j-trade-filters button{justify-self:start}}
@media(max-width:760px){.j-trade-filters{grid-template-columns:minmax(0,1fr)}.j-trade-drafts{align-items:flex-start;flex-direction:column}#jTradeHistory .j-trade-fields{grid-template-columns:minmax(0,1fr)}#jTradeHistory .j-trade-fields>label:last-child{max-width:100%}.j-trade summary{gap:10px}#jTradeHistory .j-trade summary small{overflow-wrap:anywhere}}
#jTradeHistory .j-trade-filters label{margin:0}
#jTradeHistory .j-trade-filters input,#jTradeHistory .j-trade-filters select{max-width:none}
#jTradeHistory .j-trade-filters button{height:44px;padding:9px 14px}
@media(max-width:760px){.j-trade-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.j-trade-filters>label:nth-child(-n+2){grid-column:1/-1}.j-trade-filters>button{grid-column:1/-1}}
@media(max-width:520px){#journal :is(input,select,textarea,button,summary){scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}}
/* 103: civil-date calendar and optional reflection rating, in the existing brand system. */
.j-workspace{grid-template-columns:320px minmax(0,1fr)}
.j-month-nav,.j-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0;font-size:14px;color:#173351}
.j-month-nav button,.j-pagination button{min-width:44px;min-height:44px;padding:6px;background:#fff;border:1px solid #cedbed;border-radius:8px;color:#173351;font-size:22px}
.j-weekdays,.j-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.j-weekdays{font-size:12px;color:#52647c;margin-bottom:8px}
.j-calendar-days button{min-width:0;min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:#173351;padding:4px 0;font-size:14px}
.j-calendar-days button small{display:block;font-size:10px;line-height:12px;min-height:12px}
.j-calendar-days button.has-entry{background:#e3ecf9;border-color:#c3d5ed}
.j-calendar-days button.selected{background:#173351;color:white;border-color:#173351}
.j-calendar-days button:hover{outline:1px solid #245cbc}
.j-calendar-help{font-size:12px;line-height:1.6;color:#52647c;margin:12px 0}
.j-history-filters{font-size:13px;color:#173351;margin:12px 0}
.j-history-filters summary{cursor:pointer;min-height:44px;padding:12px 0}
.j-history-filters label{font-size:13px;display:block;margin:12px 0}
.j-history-filters :is(input,select,button){font-size:14px;min-height:44px;width:100%;margin:6px 0 0;min-width:0}
#jRangeError{font-size:13px;line-height:1.5;color:#993640}
.j-rating{border:0;border-bottom:1px solid #e6edf5;padding:0 0 20px;margin:0 0 24px;min-width:0;color:#173351}
.j-rating legend{font-size:14px;font-weight:500}.j-rating legend span{font-size:12px;color:#52647c;font-weight:400;margin-left:12px}
.j-rating p{font-size:13px;color:#52647c;margin:8px 0 12px;line-height:1.6}
.j-rating>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.j-rating label{position:relative;display:flex;align-items:center;gap:4px;margin:0;border:1px solid #cedbed;border-radius:8px;padding:8px;min-height:44px;cursor:pointer;font-size:14px}
.j-rating input{margin:0;width:16px;height:16px;accent-color:#245cbc}
.j-rating label:has(input:checked){border-color:#245cbc;background:#eaf1ff;color:#173351}
.j-rating button{font-size:13px;min-height:44px;padding:8px}
#journal .j-heading>div>p:last-child,#journal .j-search input,#journal .j-today{font-size:14px}
#journal .j-date-label,#journal .j-editor-footer{font-size:13px}
#journal .j-writing-tools button,#journal .j-writing-tools>label,#journal .j-writing-tools select,#journal .j-date input{font-size:13px;min-height:44px}
#journal .j-body-label textarea{font-size:16px;line-height:1.8}
#journal .j-history>summary{font-size:14px}#journal .j-history>summary>span{font-size:12px}
#journal .j-search input::placeholder,#journal .j-body-label textarea::placeholder,#journal .j-title-label input::placeholder{color:#62748a}
@media(max-width:1050px){.j-workspace{grid-template-columns:300px minmax(0,1fr)}.j-writing-tools{flex-wrap:wrap}.j-editor{padding:24px}}
@media(max-width:760px){.j-workspace{grid-template-columns:minmax(0,1fr)}.j-history{padding:16px}.j-calendar-days button{min-height:44px}#jEntries{max-height:260px}.j-editor{padding:20px}.j-heading{margin-bottom:20px}}
.j-rating{margin:24px 0 0;border-bottom:0;border-top:1px solid #e6edf5;padding:18px 0 0}.j-rating legend{padding:0 8px 0 0}
@media(max-width:430px){.j-rating label{font-size:12px;padding:6px;gap:2px}.j-writing-tools{padding:12px 0;margin-bottom:16px;gap:8px}.j-date-label{margin-top:16px}.j-heading{margin-top:0}}
@media(max-width:520px){#analyticsTrades :is(input,select,textarea,button,summary){scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}}
#analyticsTrades .j-csv-message{color:#52647c}
/* Journal review uses the existing Tilda/navy/white component system. */
#journal .j-review{margin:24px 0;padding:24px;background:#fff;border:1px solid #dce5f2;border-radius:20px;color:#172944;min-width:0}
#journal .j-review summary{cursor:pointer;padding:12px 0;font-weight:600;overflow-wrap:anywhere}
#journal .j-review-controls{display:flex;flex-wrap:wrap;align-items:end;gap:16px}
#journal .j-review-controls label{display:grid;gap:6px;min-width:0}
#journal .j-review-controls input{max-width:100%;min-width:0}
#journal .j-review [hidden]{display:none!important}
#journal .j-review-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
#journal .j-review :is(p,h4){overflow-wrap:anywhere}
#journal #jReviewPreview details,#journal #jReviewHistory>details{padding:8px 0;border-top:1px solid #dce5f2}
#journal .j-review :is(button,input,select,summary):focus-visible{outline:3px solid #0058ff;outline-offset:3px}
@media(max-width:520px){#journal .j-review{padding:16px}#journal .j-review-controls>*{width:100%}}
/* Reflow by available writing space, including enlarged content beside the sidebar. */
#journal{container-type:inline-size}
@container(max-width:760px){
 .j-workspace{grid-template-columns:minmax(0,1fr);gap:16px}
 .j-heading{flex-wrap:wrap;gap:13px}
 .j-editor{padding:20px}
 .j-editor-top,.j-writing-tools,.j-writing-tools>div,.j-secondary{flex-wrap:wrap}
 .j-history{padding:16px}
 #jEntries{max-height:260px}
 .j-secondary{align-items:flex-start;flex-direction:column}
 .j-review-controls>*{max-width:100%}
}
/* Design007: preserve page status and the opened day's keyboard destination. */
#journal .j-pagination #jHistoryPage{display:block}
#journal #jDateLabel:focus{outline:3px solid #0058ff;outline-offset:4px;border-radius:4px}
#journal #jReviewHistory summary small{display:block;margin-top:6px;font-size:13px;font-weight:400;color:#52647c;line-height:1.6}

/* Trade review comparison derives from the existing Figma-based workspace surfaces. */
#analyticsTrades .j-trade-recovery {margin:16px 0;padding:16px;border:1px solid var(--line,#dbe5f3);border-radius:14px;background:#f5f8ff;overflow-wrap:anywhere}
#analyticsTrades .j-trade-recovery[hidden],#analyticsTrades [data-comparison][hidden] {display:none}
#analyticsTrades .j-trade-comparison {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#analyticsTrades .j-trade-comparison section {min-width:0;padding:16px;border:1px solid #dbe5f3;border-radius:12px;background:white}
#analyticsTrades .j-trade-comparison h5 {font-size:16px;margin:0 0 12px}
#analyticsTrades .j-trade-comparison dl {margin:0}
#analyticsTrades .j-trade-comparison dt {font-weight:600;margin-top:10px}
#analyticsTrades .j-trade-comparison dd {margin:4px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}
#analyticsTrades .j-trade-recovery button {min-height:44px;white-space:normal}
@media(max-width:640px){#analyticsTrades .j-trade-comparison {grid-template-columns:minmax(0,1fr)}}
#analyticsTrades #jChartScope {font-size:14px;line-height:1.5;padding:12px 14px;border-radius:12px;background:#f5f8ff;color:#13233b;overflow-wrap:anywhere}

/* Import preview uses the existing readable table and control system. */
#jNewAccount[hidden]{display:none}#jNewAccount{display:grid;gap:12px}#jNewAccount label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}#jSampleAccount{width:20px;min-height:20px}#jPreviewRows{min-width:0}#jPreviewRows .j-preview-scroll{overflow:auto;max-width:100%}#jPreviewRows table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}#jPreviewRows th,#jPreviewRows td{padding:12px;border-bottom:1px solid var(--line,#dce4ef);white-space:nowrap}#jImport .j-import-content>details{margin:14px 0}#jImport .j-import-content>details:not(.j-mt5-guide)>summary{cursor:pointer;padding:12px 0;font-weight:600}#jImport #jSupportedFormats{font-weight:600}#jCsvMessage{overflow-wrap:anywhere}#jNewAccount small{font-size:13px;line-height:1.5}
#analyticsTrades .j-trade-recovery [role=alert]:focus-visible{outline:3px solid #0058ff;outline-offset:3px}
#jPreviewRows table{display:table;overflow:visible}#jPreviewRows .j-preview-scroll:focus-visible{outline:3px solid #0058ff;outline-offset:-3px}#statsDashboard .ta-mini-metrics small{display:block;font-size:13px;line-height:1.5;margin-top:5px;color:#52647a}
/* PRODUCT017 / task105: append after journal.css coverage rule. */
#statsDashboard .ta-mini-metrics>div{align-content:start}
#statsDashboard .ta-outcome-card>.ta-caption{font-size:13px;line-height:1.5}
#statsDashboard .ta-outcome-card [data-ta-risk]{display:block;width:fit-content;max-width:100%;min-height:44px;margin-top:8px;padding:8px 0;font-size:13px;line-height:1.5;text-align:left;white-space:normal}
#jImport .j-trade-fields{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}#jNewAccount{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#jNewAccount small,#jNewAccount label:has(input[type=checkbox]){grid-column:1/-1}@media(max-width:760px){#jImport .j-trade-fields,#jNewAccount{grid-template-columns:minmax(0,1fr)}}

/* 105: the mobile report export path is visible before account/file fields. */
.j-mt5-guide{border:1px solid #bfd4ff;border-radius:14px;background:#f3f7ff;color:#173351;margin:0 0 20px;scroll-margin-top:24px}
.j-mt5-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:18px;min-height:64px}
.j-mt5-guide>summary::-webkit-details-marker{display:none}
.j-mt5-guide>summary strong{display:block;font-size:16px;line-height:1.45;color:#173351}
.j-mt5-guide>summary small{display:block;font-size:14px;line-height:1.5;margin-top:4px;color:#375577}
.j-mt5-guide>summary svg{flex-shrink:0;color:#0058ff}
.j-mt5-guide[open]>summary svg{transform:rotate(180deg)}
.j-mt5-guide>summary:focus-visible{outline:2px solid #0058ff;outline-offset:3px;border-radius:14px}
.j-mt5-guide-body{padding:0 18px 18px;font-size:14px;line-height:1.65}
.j-mt5-guide-body p{margin:0}
.j-mt5-guide-tip{padding:14px;border-left:3px solid #0058ff;background:#e6efff;border-radius:0 8px 8px 0}
.j-mt5-guide-body ol{padding-left:26px;margin:20px 0}
.j-mt5-guide-body li{padding-left:6px;margin:0 0 18px}
.j-mt5-guide-body li:last-child{margin-bottom:0}
.j-mt5-guide-body li::marker{color:#0058ff;font-weight:700}
.j-mt5-guide-body li strong{font-size:15px}
.j-mt5-guide-body li p{margin-top:4px;color:#375577}
.j-mt5-guide-support{background:#fff;padding:14px;border:1px solid #d2dff2;border-radius:10px}
.j-mt5-guide-body a{display:inline-block;color:#0048ce;min-height:44px;padding-top:12px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#stats .ta-export-help{font-size:14px;line-height:1.5;min-height:44px;padding:8px 0;text-align:left;color:#0048ce;text-decoration:underline;text-underline-offset:3px;white-space:normal}
@media(max-width:430px){.j-mt5-guide>summary{padding:14px;gap:10px}.j-mt5-guide-body{padding:0 14px 14px}.j-mt5-guide>summary strong{font-size:15px}}