.trade-journal-canvas [hidden]{display:none!important}
.mt5-status{min-height:36px;border-radius:18px;padding:0 12px;align-items:center}
.mt5-status .status-dot{flex:0 0 auto;margin-top:0}
.mt5-status.is-primary{height:36px;padding:0 16px;background:var(--brand-yellow);color:var(--brand-black);gap:8px}
.mt5-status.is-primary .status-dot{display:none}
.mt5-status.is-primary small{display:none}
.mt5-status.is-primary strong{font-size:14px;line-height:20px;font-weight:500}
.create-checklist{height:36px;border-radius:18px}
.create-checklist.is-disabled{background:var(--gray-050);color:var(--color-text-secondary);cursor:not-allowed;pointer-events:none}
.mt5-gate{margin-top:20px;min-height:360px;border:1px solid var(--color-border);border-radius:12px;display:grid;place-items:center;padding:40px;text-align:center}
.mt5-gate-inner{max-width:560px}
.mt5-gate-icon{width:48px;height:48px;margin:0 auto 20px;border-radius:50%;background:#F7F7F7;display:grid;place-items:center;font-size:24px;font-weight:600}
.mt5-gate h2{margin:0;font-size:20px;line-height:28px;font-weight:600}
.mt5-gate p{margin:8px auto 0;color:var(--color-text-secondary);font-size:16px;line-height:24px}
.mt5-gate-action{height:36px;margin:20px auto 0;padding:0 16px;border-radius:18px;background:var(--brand-yellow);color:var(--brand-black);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;line-height:20px;font-weight:500}
.mt5-gate-action:hover,.mt5-status.is-primary:hover,.create-checklist:hover{transform:none}
.mt5-gate-action:focus-visible{outline:2px solid var(--brand-black);outline-offset:2px}
html[data-mt5-state="syncing"] .mt5-status .status-dot{background:#FDC806}
.mt5-shell .form-actions button{height:36px;border-radius:18px;padding:0 16px}
.mt5-shell .connect-btn{background:var(--brand-yellow);color:var(--brand-black);border-color:var(--brand-yellow)}
.mt5-shell .connect-btn:disabled{opacity:1;background:var(--gray-050);border-color:var(--color-border);color:var(--color-text-secondary)}
.demo-data-badge{display:inline-flex;height:28px;margin-top:8px;padding:0 12px;border-radius:16px;background:#F7F7F7;color:#171717;align-items:center;font-size:14px;line-height:20px;font-weight:500}
html[data-demo-mode="true"] .sync-status .status-dot,html[data-demo-mode="true"] .mt5-status .status-dot{background:#FDC806}
.missing-after-image{height:292px;display:grid;place-items:center;background:var(--gray-050);color:var(--color-text-secondary);font-size:14px;line-height:20px}
.detail-page .result-pill.negative,.detail-page .mini.negative{background:#F2F2F2;color:#171717}
.detail-page .result-pill.manual,.detail-page .mini.manual{background:var(--gray-050,#F7F7F7);color:var(--color-text-primary,#171717)}

.mt5-gate-icon img{width:24px;height:24px;display:block}
.checklist-lock-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.checklist-lock-copy{max-width:240px;color:var(--color-text-secondary);font-size:14px;line-height:20px;font-weight:400;text-align:right}
.mt5-review-badge{margin-left:auto;margin-right:auto}
html[data-mt5-state="connected"] .checklist-lock-copy,html[data-demo-mode="true"] .checklist-lock-copy{display:none}
html[data-mt5-state="syncing"] .mt5-sync-overview{display:block;margin-top:20px}
.mt5-sync-note,.mt5-sync-count{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:20px;font-weight:400}
.mt5-sync-progress{position:relative;width:100%;height:8px;margin-top:16px;border-radius:4px;background:var(--gray-050);overflow:hidden}
.mt5-sync-progress>span{display:block;height:100%;width:0;background:var(--brand-yellow);border-radius:4px}
.mt5-sync-progress.is-indeterminate>span{width:40%;animation:mt5-overview-sync-indeterminate 1.4s ease-in-out infinite}
.mt5-sync-percent{display:block;margin-top:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.mt5-sync-count{margin-top:8px}
@keyframes mt5-overview-sync-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(250%)}}

/* Overview state 2.3: connected and ready, with no actionable items. */
.journal-empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.journal-empty-state img{width:24px;height:24px;display:block;margin-bottom:16px}
.journal-empty-state strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.journal-empty-state p{max-width:320px;margin:8px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary)}
.journal-empty-review-badge{margin-top:20px}