/* ANANFX Trade Journal — constitution normalization; scope is journal only. */
.trade-journal-canvas{--journal-font:"Roboto","Noto Sans Thai",Arial,sans-serif;--journal-black:#000000;--journal-white:#FDFDFD;font-family:var(--journal-font);color:var(--color-text-primary);background:var(--journal-white)}
.trade-journal-canvas :where(button,input,select,textarea){font-family:var(--journal-font)}
.trade-journal-canvas .app-header{height:56px;background:var(--journal-white);border-bottom:1px solid var(--color-border)}
.trade-journal-canvas .app-header-menu,.trade-journal-canvas .app-header-bell{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%}
.trade-journal-canvas .app-header-menu img,.trade-journal-canvas .app-header-bell img{width:24px;height:24px}
.trade-journal-canvas .app-header-center .app-search{width:640px;min-width:640px;max-width:640px;height:40px;border-radius:20px;background:var(--journal-white)}
.trade-journal-canvas .app-header-center .app-search input{height:40px;min-height:40px;font-size:16px;line-height:24px;color:var(--color-text-primary)}
.trade-journal-canvas .app-header-center .app-search button{width:64px;min-width:64px;height:40px;min-height:40px;border-radius:0 20px 20px 0}
.trade-journal-canvas .app-header-center .app-search button img{width:24px;height:24px}
.trade-journal-canvas .app-header-account{font-size:14px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.trade-journal-canvas .app-header-account .account-chevron{width:20px;height:20px}
.trade-journal-canvas .app-rail>a{height:64px;min-height:64px;gap:12px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.trade-journal-canvas .app-rail>a img{width:24px;height:24px;filter:none;transform:none}
.trade-journal-canvas .app-rail>a.is-active,.trade-journal-canvas .app-rail>a[aria-current="page"]{background:rgba(253,200,6,.14);color:var(--journal-black);font-weight:500}
.trade-journal-canvas .app-rail>a.is-active::before,.trade-journal-canvas .app-rail>a[aria-current="page"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-yellow);border-radius:0 3px 3px 0}
.trade-journal-canvas :where(.journal-title-block,.checklist-page-head,.history-head,.analysis-head,.mt5-head,.detail-head) h1{font-size:20px;line-height:28px;font-weight:700;color:var(--color-text-primary)}
.trade-journal-canvas :where(.column-title-row,.form-section,.summary-panel,.list-title,.analysis-card,.insights,.account-panel,.after-panel,.sync-panel,.detail-card) h2{font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary)}
.trade-journal-canvas :where(.image-block,.detail-card) h3{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary)}
.trade-journal-canvas :where(.security-note p,.after-list p,.record-note p,.snapshot p,.fact-result p,.detail-card header p){font-size:14px;line-height:20px;font-weight:400}
.trade-journal-canvas :where(.journal-tabs a,.range-switch button,.card-action,.result-pill,.test-btn,.connect-btn){height:36px;min-height:36px;padding:0 16px;border-radius:18px;font-size:14px;line-height:20px;font-weight:500}
.trade-journal-canvas .view-full{height:32px;min-height:32px;padding:0 12px;border-radius:16px;font-size:14px;line-height:20px;font-weight:500}
.trade-journal-canvas .ready-button{height:40px;min-height:40px;padding:0 16px;border-radius:20px;font-size:14px;line-height:20px;font-weight:500}
.trade-journal-canvas .password-wrap button,.trade-journal-canvas .pagination button{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%}
.trade-journal-canvas button:hover,.trade-journal-canvas button:active,.trade-journal-canvas .journal-tabs a:hover{transform:none}
.trade-journal-canvas :where(select,input[type="text"],input[type="password"],input[type="search"]){font-size:16px;line-height:24px;font-weight:400}
.trade-journal-canvas :where(.journal-tabs a.is-active,.range-switch button.is-active){background:var(--journal-black);border-color:var(--journal-black);color:var(--journal-white)}
.trade-journal-canvas .segmented button.is-selected{background:var(--journal-black);color:var(--journal-white)}
.trade-journal-canvas :where(.trade-card,.form-section,.summary-panel,.history-table-wrap,.account-panel,.after-panel,.sync-panel,.detail-card,.analysis-card,.kpi-card,.insight-grid article){background:var(--journal-white)}
.trade-journal-canvas :where(.matching-strip img,.warning-row img,.readonly-control img){width:24px;height:24px}
.trade-journal-canvas :where(.card-icon,.info-box>span,.source-note>span){font-size:24px;line-height:24px}
.trade-journal-canvas :where(.positive,.success){color:#171717}.trade-journal-canvas .negative{color:#171717}
.trade-journal-canvas .app-main>.page-shell{padding-left:24px;padding-right:24px}
@media(max-width:1279px){html,body,.trade-journal-canvas{min-width:1280px}}

/* v0.8.7.62 journal-only constitution correction — 2026-09-23 */
.trade-journal-canvas{
  --brand-yellow:#FDC806;--brand-white:#FDFDFD;--brand-black:#000000;
  --gray-900:#171717;--gray-700:#444444;--gray-600:#666666;--gray-500:#8A8A8A;--gray-400:#B5B5B5;--gray-300:#D2D2D2;--gray-200:#E6E6E6;--gray-100:#F2F2F2;--gray-050:#F7F7F7;
  --color-text-primary:#171717;--color-text-secondary:#666666;--color-border:#E6E6E6;--color-border-strong:#D2D2D2;
}
.trade-journal-canvas .app-rail>a{height:74px;min-height:74px;gap:16px;padding:0 12px;background:transparent!important;color:#171717!important}
.trade-journal-canvas .app-rail>a.is-active,.trade-journal-canvas .app-rail>a[aria-current="page"]{background:transparent!important;color:#171717!important}
.trade-journal-canvas .app-rail>a.is-active::before,.trade-journal-canvas .app-rail>a[aria-current="page"]::before{display:none!important}
.trade-journal-canvas .app-rail>a img{width:24px!important;height:24px!important;object-fit:contain}
.trade-journal-canvas .app-rail>a.is-active img,.trade-journal-canvas .app-rail>a[aria-current="page"] img{width:24px!important;height:24px!important;filter:none!important}
.trade-journal-canvas :where(.kpi-icon,.insight-icon,.round-icon,.sync-icon){width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 48px;font-size:0;line-height:0}
.trade-journal-canvas :where(.kpi-icon,.insight-icon,.round-icon,.sync-icon) img{width:24px;height:24px;display:block}
.trade-journal-canvas .record-note>span{font-size:0;line-height:0;display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px}
.trade-journal-canvas .record-note>span img,.trade-journal-canvas .shield img,.trade-journal-canvas .inline-ui-icon{width:24px;height:24px;display:block}
.trade-journal-canvas .password-wrap button img{width:24px;height:24px;display:block}
.trade-journal-canvas .readonly-badge{display:inline-flex;align-items:center;gap:8px}
.trade-journal-canvas .inline-ui-icon{flex:0 0 24px}
.trade-journal-canvas .security-note .shield{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px}
.trade-journal-canvas .after-list p,.trade-journal-canvas .record-note p,.trade-journal-canvas .security-note p,.trade-journal-canvas .analysis-head small,.trade-journal-canvas .kpi-card small,.trade-journal-canvas .insight-grid span,.trade-journal-canvas .insight-grid small{font-size:14px!important;line-height:20px!important;font-weight:400!important;color:#666666!important}
.trade-journal-canvas .analysis-head p{font-size:14px!important;line-height:20px!important;font-weight:400!important;color:#666666!important}
.trade-journal-canvas .kpi-card span{font-size:14px!important;line-height:20px!important;font-weight:400!important}
.trade-journal-canvas .range-switch button{background:#FDFDFD!important;color:#171717!important;border-color:#D2D2D2!important}
.trade-journal-canvas .range-switch button.is-active{background:#000000!important;color:#FDFDFD!important;border-color:#000000!important}
.trade-journal-canvas .analysis-filters select{background:#FDFDFD!important;color:#171717!important;border-color:#D2D2D2!important}
.trade-journal-canvas .kpi-icon.trophy,.trade-journal-canvas .kpi-icon.clock,.trade-journal-canvas .insight-icon,.trade-journal-canvas .round-icon,.trade-journal-canvas .sync-icon{background:rgba(253,200,6,.10)!important;color:#FDC806!important}
.trade-journal-canvas .kpi-icon.bars{background:#F7F7F7!important;color:#171717!important}
.trade-journal-canvas .bar{background:#E6E6E6!important}.trade-journal-canvas .bar i,.trade-journal-canvas .barcol i.yellow{background:#FDC806!important}.trade-journal-canvas .barcol i{background:#000000!important}
.trade-journal-canvas .positive,.trade-journal-canvas .success{color:#171717!important}.trade-journal-canvas .negative{color:#171717!important}
.trade-journal-canvas .security-note{background:rgba(253,200,6,.08)!important;border-color:#FDC806!important}
.trade-journal-canvas :where(.journal-tabs a,.range-switch button,.card-action,.result-pill,.test-btn,.connect-btn){height:36px!important;min-height:36px!important;padding:0 16px!important;border-radius:18px!important;font-size:14px!important;line-height:20px!important;font-weight:500!important}
.trade-journal-canvas .ready-button{height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:20px!important;font-size:14px!important;line-height:20px!important;font-weight:500!important}
.trade-journal-canvas :where(.analysis-card,.kpi-card,.insight-grid article,.account-panel,.after-panel,.sync-panel){border-color:#E6E6E6!important;background:#FDFDFD!important}
.trade-journal-canvas .info-box>span,.trade-journal-canvas .source-note>span{font-size:0!important;line-height:0!important;display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px}
.trade-journal-canvas .info-box>span img,.trade-journal-canvas .source-note>span img{width:24px;height:24px;display:block}

/* Journal-only corrections: body role, button role, color allowlist — 2026-09-23 */
/* Body/content only. Headings, labels, metadata, navigation, search and form values are intentionally excluded. */
.trade-journal-canvas :where(.journal-title-block>p,.column-head>p,.history-head>div>p,.checklist-page-head>div>p,.mt5-head>p,.analysis-head>p){font-size:14px!important;line-height:20px!important;font-weight:400!important;color:var(--color-text-secondary)!important}
.trade-journal-canvas :where(.system-name,.event-name){font-size:14px!important;line-height:20px!important;font-weight:400!important;color:var(--color-text-secondary)!important}
/* Standard content action = M 36; form actions = Form 40. */
.trade-journal-canvas .create-checklist{height:36px!important;min-height:36px!important;border-radius:18px!important;padding:0 16px!important;font-size:14px!important;line-height:20px!important;font-weight:500!important}
.trade-journal-canvas .mt5-shell .form-actions :where(.test-btn,.connect-btn){height:40px!important;min-height:40px!important;border-radius:20px!important;padding:0 16px!important;font-size:14px!important;line-height:20px!important;font-weight:500!important}
/* Global Color Constitution allowlist: no page-local red/green/gold status palette. Meaning remains in text/icon/shape. */
.trade-journal-canvas :where(.positive,.negative,.success,.points,.warning-row,.result-summary p,.rows b.positive,.verified,.fact-result strong){color:var(--color-text-primary)!important}
.trade-journal-canvas :where(.side-badge.sell,.side-badge.buy,.mini.sell,.mini.success,.result-pill.negative,.result-pill.manual,.verified,.fact-result){background:var(--gray-100)!important;color:var(--color-text-primary)!important;border-color:var(--gray-300)!important}
.trade-journal-canvas :where(.status-dot){background:var(--brand-black)!important}
.trade-journal-canvas :where(.security-note,.demo-data-badge){background:var(--gray-050)!important;color:var(--color-text-primary)!important;border-color:var(--gray-300)!important}
.trade-journal-canvas :where(.steps .is-current b){background:var(--brand-yellow)!important;color:var(--brand-black)!important}
.trade-journal-canvas :where(.steps li.is-current:not(:last-child):after,.bar i,.barcol i.yellow){background:var(--brand-yellow)!important}

/* Final journal cascade guard — constitution must be the last journal stylesheet. */
.trade-journal-canvas .mt5-gate p{font-size:14px!important;line-height:20px!important;font-weight:400!important;color:var(--color-text-secondary)!important}