.history-shell{padding-bottom:64px!important}.history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.history-head h1{margin:0;font-size:20px;line-height:28px;font-weight:700}.history-head p{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}.sync-status{display:flex;gap:12px;align-items:flex-start}.sync-status>span:last-child{display:grid;gap:4px}.sync-status strong{font-size:16px;line-height:20px;font-weight:500}.sync-status small{font-size:14px;line-height:20px;color:var(--color-text-secondary)}.history-filters{margin-top:12px;border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.history-filters label{display:grid;gap:8px;font-size:14px;line-height:20px;color:var(--color-text-secondary)}.history-filters select{height:40px;border:1px solid var(--color-border-strong);border-radius:8px;background:#FDFDFD;padding:0 16px;font-size:16px;color:var(--color-text-primary)}.history-list{margin-top:20px}.list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.list-title{display:flex;align-items:center;gap:12px}.list-title h2{margin:0;font-size:20px;line-height:28px;font-weight:600}.list-title span{background:var(--gray-050);border-radius:16px;padding:8px 12px;font-size:14px;line-height:20px}.source-note{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:var(--color-text-secondary)}.source-note>span{font-size:24px}.history-table-wrap{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:#FDFDFD}.history-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed}.history-table-wrap th{height:44px;background:var(--gray-050);font-size:14px;line-height:20px;font-weight:500;text-align:left;padding:0 12px;color:var(--color-text-secondary)}.history-table-wrap td{height:66px;border-top:1px solid var(--color-border);padding:8px 12px;font-size:14px;line-height:20px;vertical-align:middle}.history-table-wrap tbody tr{cursor:pointer}.history-table-wrap tbody tr:focus-visible{outline:2px solid #000000;outline-offset:-2px}.history-table-wrap td strong{display:block;font-weight:500}.history-table-wrap td small{display:block;color:var(--color-text-secondary);font-size:13px;line-height:18px}.history-table-wrap th:nth-child(1){width:140px}.history-table-wrap th:nth-child(2){width:110px}.history-table-wrap th:nth-child(3){width:100px}.history-table-wrap th:nth-child(4){width:190px}.history-table-wrap th:nth-child(5){width:190px}.history-table-wrap th:nth-child(6){width:130px}.history-table-wrap th:nth-child(7){width:100px}.history-table-wrap th:nth-child(8){width:100px}.history-table-wrap th:nth-child(9){width:120px}.history-table-wrap th:nth-child(10){width:40px}.pill{display:inline-flex;height:28px;min-width:56px;padding:0 12px;border-radius:8px;align-items:center;justify-content:center;font-size:13px;line-height:20px;font-weight:500}.pill.sell,.pill.sl{background:#F2F2F2;color:#171717}.pill.buy,.pill.tp{background:#F2F2F2;color:#171717}.pill.manual{background:var(--gray-050);color:var(--color-text-primary)}.positive{color:#171717;font-weight:600}.negative{color:#171717;font-weight:600}.chev{font-size:24px;text-align:center}.pagination{height:64px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:14px;color:var(--color-text-secondary)}.pagination>div{display:flex;align-items:center;gap:16px}.pagination button{width:40px;height:40px;border:1px solid var(--color-border-strong);border-radius:20px;background:#FDFDFD;font-size:24px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:default}@media(max-width:1279px){html,body,.trade-journal-canvas{min-width:1280px}.history-shell{min-width:1184px}}

.chev img,.pagination button img{width:24px;height:24px;display:block;margin:auto}
/* State 4.1 — History MT5 disconnected (page-local only) */
.history-head .sync-status{visibility:hidden}
.history-shell.is-history-mt5-resolved:not(.is-history-mt5-disconnected) .sync-status{visibility:visible}
.history-shell.is-history-mt5-disconnected .sync-status{visibility:hidden}
.history-mt5-review-badge{margin:0 auto 16px}
.history-mt5-state41-details{display:grid;gap:8px;margin:16px auto 0;max-width:560px}
.history-mt5-state41-details p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}
html[data-history-review-state="history-mt5-disconnected"] [data-mt5-connected-content]{display:none!important}


/* State 4.2 — History loading (page-local only) */
.history-loading-status,.history-load-error,.history-empty-state{margin-top:12px;border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;background:#FDFDFD}
.history-loading-status[hidden],.history-load-error[hidden],.history-empty-state[hidden]{display:none}
.history-loading-status{display:grid;gap:4px}
.history-loading-status strong,.history-load-error strong,.history-empty-state strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.history-loading-status p,.history-load-error p,.history-empty-state p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}
.history-loading-review-badge{width:max-content;margin-bottom:8px}
.history-load-error{display:grid;gap:8px}
.history-load-retry{width:max-content;height:36px;border:1px solid #000000;border-radius:18px;background:#000000;color:#FDFDFD;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.history-load-retry:disabled{opacity:.4;cursor:default}
.history-empty-state{display:grid;gap:4px}
.history-shell.is-history-mt5-resolved.is-history-loading .sync-status{visibility:hidden}
.history-shell.is-history-loading .history-list{position:relative}
.history-shell:not(.is-history-mt5-resolved) [data-mt5-connected-content] .history-table-wrap tbody,
.history-shell:not(.is-history-mt5-resolved) [data-mt5-connected-content] .list-title>span,
.history-shell:not(.is-history-mt5-resolved) [data-mt5-connected-content] .pagination{visibility:hidden}
.history-skeleton{display:block;height:12px;border-radius:8px;background:var(--gray-050);opacity:.72;animation:historySkeletonPulse 1.2s ease-in-out infinite alternate}
.history-skeleton-line{display:grid;gap:8px}
.history-skeleton-line .history-skeleton:last-child{width:72%}
.history-skeleton-row{cursor:default!important}
.history-skeleton-row td{pointer-events:none}
.history-skeleton-row td:nth-child(1) .history-skeleton:first-child{width:88px}
.history-skeleton-row td:nth-child(2) .history-skeleton{width:76px}
.history-skeleton-row td:nth-child(3) .history-skeleton{width:56px;height:20px}
.history-skeleton-row td:nth-child(4) .history-skeleton:first-child{width:128px}
.history-skeleton-row td:nth-child(5) .history-skeleton{width:150px}
.history-skeleton-row td:nth-child(6) .history-skeleton{width:92px}
.history-skeleton-row td:nth-child(7) .history-skeleton{width:56px;height:20px}
.history-skeleton-row td:nth-child(8) .history-skeleton{width:60px}
.history-skeleton-row td:nth-child(9) .history-skeleton{width:72px}
.history-skeleton-row td:nth-child(10) .history-skeleton{width:20px;height:20px}
.history-count-skeleton{display:inline-block;width:72px;height:20px;vertical-align:middle}
.history-pagination-range-skeleton{display:inline-block;width:140px;height:20px}
.history-pagination-page-skeleton{display:inline-block;width:48px;height:20px}
@keyframes historySkeletonPulse{from{opacity:.48}to{opacity:.82}}
@media(prefers-reduced-motion:reduce){.history-skeleton{animation:none;opacity:.72}}


/* State 4.3 — History normal / frontend review (page-local only) */
html[data-history-review-state="history-normal"] [data-mt5-disconnected-content]{display:none!important}
.history-normal-review-badge{width:max-content;margin-top:12px}
html[data-history-review-state="history-normal"] .sync-status{visibility:hidden!important}
html[data-history-review-state="history-normal"]:not(.is-history-normal-review-ready) .history-list .list-title>span,
html[data-history-review-state="history-normal"]:not(.is-history-normal-review-ready) .history-table-wrap tbody,
html[data-history-review-state="history-normal"]:not(.is-history-normal-review-ready) .pagination{visibility:hidden}


/* State 4.4 — No closed-trade history (page-local only) */
html[data-history-review-state="history-empty"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-empty"] .sync-status{visibility:hidden!important}
.history-empty-state{justify-items:center;text-align:center;gap:8px;padding:32px}
.history-empty-icon{width:40px;height:40px;display:grid;place-items:center}
.history-empty-icon img{width:24px;height:24px;display:block}
.history-empty-review-badge{width:max-content;margin-bottom:4px}
.history-empty-state .history-empty-support{max-width:640px}
.history-empty-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:36px;border:1px solid #000000;border-radius:18px;background:#000000;color:#FDFDFD;text-decoration:none;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;margin-top:8px}
.history-empty-action:focus-visible{outline:2px solid #000000;outline-offset:4px}
.history-shell.is-history-empty .history-filters,
.history-shell.is-history-empty .history-list{display:none}


/* State 4.5 — No records for current filters (page-local only) */
.history-filter-empty-state{border:1px solid var(--color-border);border-radius:12px;background:#FDFDFD;padding:32px;display:grid;justify-items:center;text-align:center;gap:8px}
.history-filter-empty-state[hidden]{display:none}
.history-filter-empty-state strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.history-filter-empty-state p{margin:0;max-width:640px;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}
.history-filter-empty-icon{width:40px;height:40px;display:grid;place-items:center}
.history-filter-empty-icon img{width:24px;height:24px;display:block}
.history-filter-clear{width:max-content;height:36px;border:1px solid #000000;border-radius:18px;background:#000000;color:#FDFDFD;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;margin-top:8px}
.history-filter-clear:disabled{opacity:.4;cursor:default}
.history-filter-clear:focus-visible{outline:2px solid #000000;outline-offset:4px}
.history-shell.is-history-filter-empty .history-table-wrap{display:none}

/* State 4.5 — frontend review registration (page-local only) */
html[data-history-review-state="history-filter-empty"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-filter-empty"] .sync-status{visibility:hidden!important}
.history-filter-empty-review-badge{width:max-content;margin-bottom:4px}
html[data-history-review-state="history-filter-empty"]:not(.is-history-filter-empty-review-ready) .history-list .list-title>span,
html[data-history-review-state="history-filter-empty"]:not(.is-history-filter-empty-review-ready) .history-table-wrap tbody,
html[data-history-review-state="history-filter-empty"]:not(.is-history-filter-empty-review-ready) .pagination{visibility:hidden}


/* State 4.6 — History load error (page-local only) */
.history-load-error{justify-items:center;text-align:center;gap:8px;padding:32px}
.history-load-error-icon{width:40px;height:40px;display:grid;place-items:center}
.history-load-error-icon img{width:24px;height:24px;display:block}
.history-load-error-review-badge{width:max-content;margin-bottom:4px}
.history-load-error-stale{max-width:640px}
.history-load-retry:focus-visible{outline:2px solid #000000;outline-offset:4px}
.history-shell.is-history-load-error:not(.is-history-error-preserved) .history-table-wrap,
.history-shell.is-history-load-error:not(.is-history-error-preserved) .pagination{display:none}
.history-shell.is-history-load-error:not(.is-history-error-preserved) .source-note{display:none}
.history-shell.is-history-load-error:not(.is-history-error-preserved) .list-title>span{visibility:hidden}
html[data-history-review-state="history-load-error"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-load-error"] .sync-status{visibility:hidden!important}
html[data-history-review-state="history-load-error"] .history-table-wrap,
html[data-history-review-state="history-load-error"] .pagination{display:none!important}


/* State 4.7 — MT5 disconnected with preserved history (page-local only) */
.history-preserved-disconnected{margin-top:12px;border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;background:#FDFDFD;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px}
.history-preserved-disconnected[hidden]{display:none}
.history-preserved-disconnected-icon{width:40px;height:40px;display:grid;place-items:center}
.history-preserved-disconnected-icon img{width:24px;height:24px;display:block}
.history-preserved-disconnected-copy{display:grid;gap:4px;min-width:0}
.history-preserved-disconnected-copy strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.history-preserved-disconnected-copy p,.history-preserved-disconnected-copy small{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}
.history-preserved-disconnected-review-badge{width:max-content;margin-bottom:4px}
.history-preserved-disconnected-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:36px;border:1px solid #000000;border-radius:18px;background:#000000;color:#FDFDFD;text-decoration:none;padding:0 16px;font-size:14px;line-height:20px;font-weight:500}
.history-preserved-disconnected-action:focus-visible{outline:2px solid #000000;outline-offset:4px}
.history-shell.is-history-preserved-disconnected .sync-status{visibility:hidden!important}
html[data-history-review-state="history-mt5-disconnected-preserved"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-mt5-disconnected-preserved"] .sync-status{visibility:hidden!important}
html[data-history-review-state="history-mt5-disconnected-preserved"]:not(.is-history-preserved-disconnected-review-ready) .history-list .list-title>span,
html[data-history-review-state="history-mt5-disconnected-preserved"]:not(.is-history-preserved-disconnected-review-ready) .history-table-wrap tbody,
html[data-history-review-state="history-mt5-disconnected-preserved"]:not(.is-history-preserved-disconnected-review-ready) .pagination{visibility:hidden}

/* State 4.8 — MT5 sync delayed with preserved history (page-local only) */
.history-sync-delayed{margin-top:12px;border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;background:#FDFDFD;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px}
.history-sync-delayed[hidden]{display:none}
.history-sync-delayed-icon{width:40px;height:40px;display:grid;place-items:center}
.history-sync-delayed-icon img{width:24px;height:24px;display:block}
.history-sync-delayed-copy{display:grid;gap:4px;min-width:0}
.history-sync-delayed-copy strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.history-sync-delayed-copy p,.history-sync-delayed-copy small{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}
.history-sync-delayed-review-badge{width:max-content;margin-bottom:4px}
.history-sync-delayed-feedback[hidden]{display:none}
.history-sync-delayed-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:36px;border:1px solid #000000;border-radius:18px;background:#000000;color:#FDFDFD;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.history-sync-delayed-action:disabled{opacity:.4;cursor:default}
.history-sync-delayed-action:focus-visible{outline:2px solid #000000;outline-offset:4px}
.history-shell.is-history-sync-delayed .sync-status{visibility:hidden!important}
html[data-history-review-state="history-sync-delayed"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-sync-delayed"] .sync-status{visibility:hidden!important}
html[data-history-review-state="history-sync-delayed"]:not(.is-history-sync-delayed-review-ready) .history-list .list-title>span,
html[data-history-review-state="history-sync-delayed"]:not(.is-history-sync-delayed-review-ready) .history-table-wrap tbody,
html[data-history-review-state="history-sync-delayed"]:not(.is-history-sync-delayed-review-ready) .pagination{visibility:hidden}



/* State 4.9 — per-trade incomplete data quality (page-local only) */
.history-symbol-with-status{display:inline-flex;align-items:center;gap:4px;max-width:100%}
.history-incomplete-marker{display:inline-flex;width:16px;height:16px;flex:0 0 16px;align-items:center;justify-content:center}
.history-incomplete-marker img{display:block;width:16px;height:16px}
.history-incomplete-review-badge{width:max-content;margin-top:12px}
html[data-history-review-state="history-incomplete-trade"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-incomplete-trade"] .sync-status{visibility:hidden!important}
html[data-history-review-state="history-incomplete-trade"]:not(.is-history-incomplete-review-ready) .history-list .list-title>span,
html[data-history-review-state="history-incomplete-trade"]:not(.is-history-incomplete-review-ready) .history-table-wrap tbody,
html[data-history-review-state="history-incomplete-trade"]:not(.is-history-incomplete-review-ready) .pagination{visibility:hidden}
.pill.unknown{background:var(--gray-050);color:var(--color-text-primary)}


/* State 4.10 — Ambiguous Match Review (page-scoped) */
.history-ambiguous-notice{margin-top:24px;border:1px solid var(--color-border);border-radius:12px;background:var(--gray-050);padding:16px;display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center}
.history-ambiguous-notice-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.history-ambiguous-notice-icon img{width:20px;height:20px;display:block}
.history-ambiguous-notice-copy{display:grid;gap:8px}.history-ambiguous-notice-copy strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}.history-ambiguous-notice-copy p,.history-ambiguous-notice-copy small{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}.history-ambiguous-notice-copy .demo-data-badge{width:max-content}
.history-ambiguous-action{height:36px;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-black);color:var(--color-surface);text-decoration:none;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.history-ambiguous-action:focus-visible{outline:2px solid var(--brand-black);outline-offset:2px}
html[data-history-review-state="history-ambiguous-match"] [data-mt5-disconnected-content]{display:none!important}
html[data-history-review-state="history-ambiguous-match"] .sync-status{visibility:hidden!important}