/* Trade oversight pages (Broker Hub, Trade Journal, Risk Dashboard, Alerts) — UI standard, October 2026. Tokens only. */

/* Button roles on these pages: the shared theme renders every .btn neutral, so restore the standard's
   destructive (red) and buy (green) roles here with tokens. */
#p-broker .btn.bd,#p-journal .btn.bd,#p-riskdash .btn.bd,#p-alerts .btn.bd{color:var(--red);border-color:var(--red);background:var(--state-bear-bg)}
#p-broker .btn.bs{color:var(--grn);border-color:var(--grn);background:var(--state-bull-bg)}
#p-broker .btn.bd:hover:not(:disabled),#p-journal .btn.bd:hover:not(:disabled),#p-riskdash .btn.bd:hover:not(:disabled),#p-alerts .btn.bd:hover:not(:disabled){filter:brightness(1.15)}

/* Numbers: monospace and right-aligned in tables */
#p-broker th.num,#p-broker td.num,#p-journal th.num,#p-journal td.num,#p-riskdash th.num,#p-riskdash td.num,#p-alerts th.num,#p-alerts td.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}

/* Shared action row: one button plus its inline status */
.jrnl-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jrnl-actions>p{margin:0;min-height:1em}
.jrnl-actions>p:empty{display:none}
.jrnl-grid{gap:8px}
.jrnl-row-actions{display:flex;gap:6px;flex-wrap:nowrap}
.jrnl-mistakes{border:0;padding:0;margin:4px 0 0;min-width:0}
.jrnl-mistakes>div{display:flex;gap:6px 12px;flex-wrap:wrap}
.jrnl-check{font-size:var(--text-2xs);display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--t1);min-height:32px}
#p-journal .empty .btn,#p-alerts .empty .btn{margin-left:8px}

/* Journal: secondary segmented control under Notes & analysis */
.journal-subtabs{display:inline-flex;gap:2px;padding:3px;margin:0 0 12px;border:1px solid var(--brd);border-radius:var(--radius-md);background:var(--s1);max-width:100%;overflow-x:auto}
.journal-subtabs .jrnl-tab{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--t2);font:inherit;font-size:var(--text-xs);font-weight:600;padding:6px 12px;min-height:32px;white-space:nowrap;cursor:pointer}
.journal-subtabs .jrnl-tab[aria-selected=true]{background:var(--s3);color:var(--t0)}
.journal-subtabs .jrnl-tab:focus-visible,.journal-tabs .btn:focus-visible{outline:2px solid var(--blu);outline-offset:2px}
.journal-tabs{margin-bottom:12px}

/* Ad-hoc journal dialogs */
.oversight-dialog-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}
.oversight-dialog{background:var(--s1);border:1px solid var(--brd);border-radius:var(--radius-md);width:min(640px,calc(100vw - 32px));max-height:80vh;overflow-y:auto;padding:16px 18px;color:var(--t1)}
.oversight-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.oversight-dialog-head h3{margin:0;font-size:var(--text-md);color:var(--t0)}
.oversight-dialog h4{margin:12px 0 6px;font-size:var(--text-xs);color:var(--t2);font-weight:700}
.oversight-note{padding:10px 12px;background:var(--s2);border-left:3px solid var(--brd);border-radius:var(--radius-sm);margin-bottom:10px;font-size:var(--text-xs);line-height:1.5;color:var(--t1)}
.oversight-note strong{display:block;color:var(--t0);margin-bottom:4px}

/* Broker Hub */
.broker-connect-row{flex-wrap:wrap;align-items:flex-end}
.broker-connect-row .fld{flex:1 1 200px;min-width:0}
.broker-ticket-row{flex-wrap:wrap;align-items:flex-end;gap:8px}
.broker-ticket-row .fld{min-width:0}
.broker-discovery{margin-top:8px;font-size:var(--text-xs);color:var(--t1);overflow-wrap:anywhere}
.broker-discovery:empty{display:none}
.broker-discovery-list{margin:4px 0 0;padding-left:18px;font-family:var(--mono);font-size:var(--text-2xs)}
#bhZerodha .cmd-more ol{color:var(--t2)}

/* Risk dashboard kill switch */
.ks-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ks-title{min-width:0;flex:1 1 260px}
.ks-banner{font-size:var(--text-2xs);color:var(--t2);margin-top:6px}
.ks-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ks-select{display:inline-flex;align-items:center;gap:6px}
.ks-actions .ks-warn{color:var(--amb);border-color:var(--amb)}
.ks-actions .ks-warn:disabled,.ks-actions .bd:disabled{opacity:.55;cursor:not-allowed}
.ks-kpis{gap:12px;margin-bottom:12px}
.ks-kpi{text-align:left;padding:12px;display:block}
.ks-kpi-lbl{font-size:var(--text-2xs);color:var(--t3)}
.ks-kpi-val{font-family:var(--mono);font-weight:700;color:var(--t1);margin-top:4px}
.ks-kpi-sub{color:var(--t3);font-size:var(--text-2xs);font-weight:500;margin-top:4px}
.ks-bar{height:6px;background:var(--s2);border-radius:3px;margin-top:6px;overflow:hidden}
.ks-bar-fill{height:100%;width:0%;background:var(--grn);transition:width .3s,background .3s}
#p-riskdash .metric-mini .mm-val{font-family:var(--mono)}
#alertCount[hidden]{display:none!important}

/* Mobile: no horizontal page scroll at 375 px */
@media(max-width:900px){
 #p-riskdash .ks-kpis,#p-riskdash .calc-result{grid-template-columns:repeat(2,minmax(0,1fr))}
 #p-journal .g5,#p-riskdash .g5{grid-template-columns:repeat(2,minmax(0,1fr))}
 #p-journal .g4,#p-alerts .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #p-journal .g3,#p-riskdash .risk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 #p-riskdash>.g2,#p-alerts>.g2{grid-template-columns:minmax(0,1fr)}
 .ks-actions{width:100%}
 .ks-select{width:100%;flex-wrap:wrap}
 .ks-select select{flex:1 1 160px;min-width:0}
 .broker-connect-row>.btn{flex:1 1 auto}
 .oversight-dialog{padding:14px}
}