:root { color-scheme:light; --bg:#f3f5f4; --surface:#fff; --raised:#eef2f0; --text:#18221d; --muted:#66736c; --line:#d9e1dd; --accent:#087458; --positive:#087458; --negative:#c23b4c; --notice:#e7f4ee; --warning-bg:#fff4d8; --warning:#865c15; --gold:#b97820; }
:root[data-theme="dark"] { color-scheme:dark; --bg:#121516; --surface:#1b1f20; --raised:#252b2c; --text:#edf2ef; --muted:#a9b5ae; --line:#343c39; --accent:#63d3aa; --positive:#63d3aa; --negative:#ff8995; --notice:#20392f; --warning-bg:#3a321f; --warning:#f1cc79; --gold:#e8b866; }
* { letter-spacing:0; box-sizing:border-box; }
.archive-table-wrap { overflow:auto; background:var(--surface); }
.archive-table { width:100%; table-layout:fixed; }
.archive-table caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.archive-table th:first-child { width:25%; }
.archive-table th:last-child { width:18%; }
.archive-table td { white-space:normal; overflow-wrap:anywhere; vertical-align:top; }
.archive-table small { display:block; margin-top:6px; color:var(--muted); font-size:11px; }
.signal-event { display:flex !important; align-items:center; gap:5px; }
.signal-event svg { width:13px; height:13px; flex:0 0 auto; }
.signal-event.is-deleted { color:var(--negative); font-weight:700; }
.signal-event:not(.is-deleted) { color:var(--positive); }
.execution-badge,.execution-line { display:inline-flex; align-items:center; gap:5px; font-weight:700; }
.execution-badge { padding:5px 9px; border-radius:999px; }
.execution-badge svg,.execution-line svg { width:14px; height:14px; }
.execution-done { color:var(--positive); background:var(--notice); }
.execution-rejected { color:var(--negative); background:color-mix(in srgb,var(--negative) 12%,var(--surface)); }
.execution-pending { color:var(--warning); background:var(--warning-bg); }
.rejection-reason { color:var(--negative) !important; font-weight:600; }
.score-badge { display:inline-flex !important; align-items:center; justify-content:center; min-width:78px; padding:6px 10px; border-radius:999px; font-weight:800; }
.score-good { color:var(--positive) !important; background:var(--notice) !important; }
.score-mid { color:var(--warning) !important; background:var(--warning-bg) !important; }
.score-low { color:var(--negative) !important; background:color-mix(in srgb,var(--negative) 12%,var(--surface)) !important; }
.score-none { color:var(--muted) !important; background:var(--raised) !important; }
.risk-level { display:flex !important; align-items:center; gap:4px; font-weight:700; }
.risk-level svg { width:13px; height:13px; color:var(--negative); }
.archive-detail summary { cursor:pointer; color:var(--accent); min-height:44px; }
.archive-detail[open] { position:relative; }
.archive-detail[open] > article { width:600px; max-width:65vw; position:relative; margin-inline-start:-430px; background:var(--surface); padding:16px; border:1px solid var(--line); }
.risk-facts b,.risk-factors b { overflow-wrap:anywhere; min-width:0; }
@media(max-width:700px) {
  .page-nav { justify-content:flex-start; gap:12px; padding-inline:12px; }
  .account-picker { padding:14px 16px; gap:8px; }
  .account-picker select { flex-basis:100%; font-size:12px; }
  .archive-table,.archive-table tbody,.archive-table tr,.archive-table td { display:block; width:100%; }
  .archive-table thead { display:none; }
  .archive-table tr { padding:12px; border-bottom:2px solid var(--line); }
  .archive-table td { display:grid; grid-template-columns:105px minmax(0,1fr); gap:6px; padding:8px 0; text-align:start; direction:rtl; }
  .archive-table td::before { content:attr(data-label); color:var(--muted); font-size:11px; }
  .archive-table td small { grid-column:2; }
  .archive-table td:last-child { display:block; }
  .archive-table td:last-child::before { display:none; }
  .archive-detail[open] > article { width:100%; max-width:100%; margin:0; padding:8px; }
  .panel { padding:14px; box-shadow:none; }
}
.archived-signal { padding:20px 0; border-bottom:1px solid var(--line); }
.archived-signal header,.archive-prices { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin-bottom:14px; }
.archived-signal header time { color:var(--muted); font-size:12px; }
.archive-prices { font-size:13px; }
.archived-signal summary { cursor:pointer; color:var(--accent); font-size:13px; }
.archived-signal pre { white-space:pre-wrap; overflow-wrap:anywhere; font-family:inherit; font-size:13px; line-height:1.9; }
.signal-risk { margin:14px 0; padding:14px 0; border-block:1px solid var(--line); background:var(--surface); }
.signal-risk h3 { margin:0 0 12px; font-size:14px; }
.risk-summary { display:grid; grid-template-columns:110px 1fr; gap:14px; align-items:stretch; }
.risk-score { display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; padding:10px; background:var(--surface); }
.risk-score strong { font-size:28px; line-height:1; }
.risk-score span { font-size:11px; color:var(--muted); }
.risk-score small { margin-top:7px; font-weight:700; }
.risk-score em { margin-top:5px; color:var(--muted); font-size:10px; font-style:normal; }
.risk-score.score-good { color:var(--positive); border:1px solid color-mix(in srgb,var(--positive) 40%,var(--line)); }.risk-score.score-mid { color:var(--warning); border:1px solid color-mix(in srgb,var(--warning) 40%,var(--line)); }.risk-score.score-low { color:var(--negative); border:1px solid color-mix(in srgb,var(--negative) 40%,var(--line)); }.risk-score.score-none { color:var(--muted); border:1px solid var(--line); }
.risk-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.risk-facts div { display:flex; justify-content:space-between; gap:8px; align-items:center; padding:8px 10px; background:var(--surface); border-radius:6px; font-size:12px; }
.risk-facts span,.risk-factors span { color:var(--muted); }.risk-facts b { text-align:end; }
.risk-factors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 14px; padding:10px 0 0; margin:0; list-style:none; font-size:11px; }
.risk-factors li { display:flex; justify-content:space-between; gap:8px; border-top:1px solid var(--line); padding-top:6px; }
.risk-note,.risk-empty { color:var(--muted); font-size:11px; margin:10px 0 0; }
@media(max-width:640px) { .risk-summary { grid-template-columns:1fr; }.risk-facts,.risk-factors { grid-template-columns:1fr; } }
#archive-status { padding:16px 0; color:var(--muted); }
#archive-more { padding:12px 20px; border:1px solid var(--line); margin-top:16px; }
@media(max-width:640px) { .page-nav { overflow-x:auto; } .page-nav a { flex-shrink:0!important; } .archive-prices { display:grid; grid-template-columns:1fr 1fr; } }
[hidden], .hidden { display:none !important; }
body { margin:0; font-family:"Vazirmatn","Segoe UI",sans-serif; background:var(--bg) !important; color:var(--text) !important; font-variant-numeric:tabular-nums; }
button, input, select { font:inherit; }
button, a, select { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
button:disabled { opacity:.45; cursor:not-allowed; }
#dashboard-view > header { background:color-mix(in srgb,var(--surface) 94%,transparent); color:var(--text); border-color:var(--line); backdrop-filter:blur(12px); }
#dashboard-view > header > div { height:76px; }
#account-subtitle { color:var(--muted); margin-top:4px; font-size:11px; }
.icon-button { width:42px; height:42px; flex-shrink:0; display:grid; place-items:center; border:1px solid var(--line); border-radius:6px; color:var(--muted); background:var(--surface); }
.icon-button:hover { background:var(--raised); color:var(--accent); border-color:var(--accent); }
.icon-button svg { width:19px; height:19px; }
.account-picker { display:flex; flex-wrap:wrap; align-items:center; gap:16px; max-width:1320px; margin:auto; padding:20px 28px; }
.account-picker label { font-size:12px; color:var(--muted); font-weight:600; }
.account-picker select { flex:1; min-width:0; max-width:720px; }
.page-nav { display:flex; justify-content:center; gap:22px; padding:0 28px; border-block:1px solid var(--line); background:var(--surface); }
.page-nav a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:54px; padding:12px 6px; font-size:12px; color:var(--muted); border-bottom:3px solid transparent; white-space:nowrap; }
.page-nav svg { width:16px; height:16px; }
.page-nav a:hover { color:var(--text); }
.page-nav a[aria-current="page"] { color:var(--accent); border-color:var(--accent); font-weight:700; }
main { min-width:0; max-width:1320px !important; padding-top:28px !important; }
main > section, .panel, .panel > div { min-width:0; }
#bot-status { font-size:20px; }
#last-seen { font-size:12px; color:var(--muted); margin-top:6px; }
#bot-meta { overflow-wrap:anywhere; color:var(--muted); font-size:11px; }
.bot-meta-box { max-width:min(48vw,620px); }
main > section:first-child > div:last-child { background:transparent; border-color:var(--line); }
.connection-notice { padding:10px 16px; background:var(--notice); color:var(--positive); border-inline-start:3px solid var(--positive); font-size:12px; line-height:1.9; }
.connection-notice.notice-error { background:var(--warning-bg); color:var(--warning); border-color:var(--warning); }
#metrics { gap:0; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); background:var(--surface); }
#metrics .metric-card { border-bottom:1px solid var(--line); }
@media(max-width:640px) { #metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.metric-card { min-height:124px; padding:20px; background:transparent; border:0; border-inline-end:1px solid var(--line); border-radius:0; }
.metric-card:last-child { border-inline-end:0; }
.metric-card .label { color:var(--muted); font-size:12px; font-weight:500; }
.metric-card .value { font-size:26px; line-height:1.3; font-weight:700; direction:ltr; text-align:right; margin-top:10px; overflow-wrap:anywhere; }
.metric-card .hint { font-size:10px; color:var(--muted); margin-top:5px; }
.panel { background:var(--surface); padding:24px; border:1px solid var(--line); border-radius:8px; box-shadow:0 8px 28px #11201908; }
.panel.p-0 { padding:0; }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.panel-heading h2 { font-size:16px; font-weight:700; }
.panel-heading p { color:var(--muted); font-size:12px; margin-top:5px; }
.panel-heading > svg { width:20px; height:20px; color:var(--accent); }
canvas { max-width:100%; }
.trade-tools,.event-tools { display:flex; align-items:end; gap:12px; padding:16px 24px; flex-wrap:wrap; border-block:1px solid var(--line); background:var(--bg); }
.trade-tools label,.event-tools label { display:grid; gap:7px; font-size:12px; color:var(--muted); }
.trade-tools label:first-child { flex:1; min-width:180px; }
input:not([type="checkbox"]),select { color:var(--text) !important; background:var(--surface) !important; border:1px solid var(--line) !important; border-radius:6px; padding:10px 12px; min-height:44px; max-width:100%; }
input[type="checkbox"] { accent-color:var(--accent); width:24px; height:24px; cursor:pointer; }
input[type="checkbox"]:disabled { opacity:.5; cursor:wait; }
.export-button { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border:1px solid var(--line); color:var(--accent); background:var(--surface); border-radius:6px; }
.export-button svg { width:19px; height:19px; }
.trade-summary { padding:12px 24px; color:var(--muted); font-size:12px; line-height:1.9; }
.event-tools { justify-content:space-between; font-size:12px; color:var(--muted); }
table { border-collapse:collapse; }
table.trades-grid { table-layout:fixed; min-width:1245px; width:100%; }
.trades-grid th, .trades-grid td { text-align:center; vertical-align:middle; padding-inline:10px; }
.trades-grid .cell-value { display:inline-block; max-width:100%; overflow-wrap:anywhere; white-space:normal; unicode-bidi:isolate; }
#trades-table .profit-positive, #trades-table .profit-positive .cell-value { color:var(--positive) !important; }
#trades-table .profit-negative, #trades-table .profit-negative .cell-value { color:var(--negative) !important; }
#trades-table .profit-neutral, #trades-table .profit-neutral .cell-value { color:var(--muted) !important; }
.trades-grid time { display:inline-flex; flex-direction:column; align-items:center; gap:3px; font-size:12px; }
.trades-grid .trade-time { color:var(--muted); font-size:11px; }
.trade-state { display:inline-flex !important; align-items:center; gap:5px; font-weight:700; }
.trade-state svg { width:14px; height:14px; color:var(--accent); }
th { padding:13px 16px; text-align:right; font-size:11px; font-weight:600; background:var(--raised); color:var(--muted); white-space:nowrap; border-block:1px solid var(--line); }
td { padding:16px; border-bottom:1px solid var(--line); white-space:nowrap; font-size:12px; }
tbody tr:hover { background:var(--raised); }
#trades-table td:nth-child(12) { font-weight:700; }
#trades-table td:nth-child(13) { direction:ltr; font-size:11px; }
#events > div { border-color:var(--line); }
#events > div:hover { background:var(--raised); }
.channel-preview-panel #channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.channel-preview-panel #channels > div { margin:0; background:var(--bg); border-color:var(--line); min-height:70px; }
.channel-manager { margin-bottom:20px; }
.channel-form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:end; }
.channel-form label { display:grid; gap:7px; color:var(--muted); font-size:12px; }
.channel-form-check { display:flex !important; align-items:center; gap:8px; min-height:44px; }
.channel-form-check input { margin:0; }
.channel-form-actions { display:flex; align-items:center; gap:8px; min-height:44px; }
.primary-button { min-height:44px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--accent); border-radius:6px; padding:9px 14px; color:#fff; background:var(--accent); cursor:pointer; }
.primary-button svg { width:16px; height:16px; }
.danger-button { color:var(--negative); }
.channel-actions { display:flex; align-items:center; gap:7px; }
.channel-actions .icon-button { width:36px; height:36px; }
.page-section h1 { font-size:24px; font-weight:800; margin-bottom:8px; }
.page-section h2 { font-size:16px; font-weight:700; margin:24px 0 12px; }
.report-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 0; border-bottom:1px solid var(--line); font-size:13px; }
.report-row > span { overflow-wrap:anywhere; min-width:0; }
#channels .report-row > span:nth-child(2) { color:var(--muted); font-size:12px; }
.month-chart { height:320px; margin:24px 0; }
#month-total { padding:12px 0; font-size:13px; line-height:2; color:var(--muted); }
#toast { background:var(--text); color:var(--surface); max-width:calc(100vw - 32px); }
.login-theme { position:absolute; top:20px; left:20px; }
#login-form { background:var(--surface); border-color:var(--line); color:var(--text); box-shadow:0 12px 40px #0000000a; }
.text-gray-400,.text-gray-500,.text-gray-600 { color:var(--muted) !important; }
.text-gray-900,.text-gray-800 { color:var(--text) !important; }
.metric-card .text-gray-950 { color:var(--text); }
.text-emerald-700,.text-emerald-600 { color:var(--positive) !important; }
.text-red-600,.text-red-700 { color:var(--negative) !important; }
.page-title-row { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:8px 0 22px; border-bottom:1px solid var(--line); }
.page-title-row > div:first-child > p:last-child { color:var(--muted); font-size:13px; margin-top:6px; }
.eyebrow { color:var(--accent) !important; font-size:11px !important; font-weight:800; margin:0 0 5px !important; }
.report-controls { display:flex; align-items:end; gap:10px; flex-shrink:0; }
.report-controls label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:600; }
.report-controls select { min-width:150px; }
.report-model-note { display:flex; align-items:flex-start; gap:12px; margin:20px 0 0; padding:14px 16px; background:var(--notice); border-inline-start:3px solid var(--accent); color:var(--muted); font-size:12px; line-height:1.9; }
.report-model-note svg { width:18px; height:18px; flex-shrink:0; color:var(--accent); margin-top:3px; }
.report-model-note strong { color:var(--text); }
.section-status { min-height:42px; display:flex; align-items:center; color:var(--muted); font-size:12px; }
.channel-report-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.channel-report-card { display:flex; flex-direction:column; min-width:0; min-height:190px; padding:18px; text-align:start; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:8px; cursor:pointer; }
.channel-report-card:hover,.channel-report-card.is-selected { border-color:var(--accent); box-shadow:0 8px 28px #1120190c; }
.channel-report-card.is-selected { box-shadow:inset 0 -3px var(--accent); }
.channel-card-rank { display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:16px; }
.channel-card-rank > svg { width:18px; height:18px; color:var(--muted); }
.rank-badge { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:6px 12px; border:1px solid var(--line); border-radius:6px; color:var(--text); background:var(--raised); }
.rank-badge svg { flex:none; width:24px; height:24px; }
.rank-badge span { color:inherit; font-size:12px; }
.rank-badge b { font-size:20px; margin-inline-start:5px; font-variant-numeric:tabular-nums; }
.rank-gold { color:#946600; background:#fff4cf; border-color:#d8b75b; }
.rank-silver { color:#475569; background:#edf1f5; border-color:#aab6c4; }
.rank-bronze { color:#8b4b23; background:#fff0e5; border-color:#d5a582; }
[data-theme="dark"] .rank-gold { color:#f4d273; background:#302917; border-color:#796430; }
[data-theme="dark"] .rank-silver { color:#d5dee8; background:#272d34; border-color:#596673; }
[data-theme="dark"] .rank-bronze { color:#efba91; background:#34271f; border-color:#806047; }
.rank-metric .rank-badge { align-self:flex-start; margin:12px 0 8px; }
.metric-caption { display:flex; align-items:center; gap:8px; }
.metric-caption svg { width:17px; height:17px; flex:none; color:var(--accent); }
.performance-metrics .channel-metric { min-height:145px; }
.channel-report-card:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.channel-card-top,.channel-card-profit,.channel-card-open { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.channel-card-top strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.status-dot-label,.status-pill,.signal-state { display:inline-flex; align-items:center; width:max-content; padding:4px 8px; border-radius:999px; font-size:10px; font-weight:700; }
.status-dot-label.is-active,.status-pill.is-active,.signal-state.is-present { background:var(--notice); color:var(--positive); }
.status-dot-label.is-muted,.status-pill.is-muted { background:var(--raised); color:var(--muted); }
.channel-card-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0; }
.channel-card-metrics > span { display:grid; gap:3px; padding-inline-end:8px; border-inline-end:1px solid var(--line); }
.channel-card-metrics > span:first-child { border:0; }
.channel-card-metrics small,.channel-card-profit small { color:var(--muted); font-size:10px; }
.channel-card-metrics b { font-size:18px; }
.channel-card-profit { padding-top:13px; border-top:1px solid var(--line); }
.channel-card-profit b { font-size:14px; }
.channel-card-open { margin-top:auto; padding-top:12px; color:var(--accent); font-size:11px; font-weight:700; }
.channel-card-open svg { width:14px; height:14px; }
.is-profit { color:var(--positive) !important; }
.is-loss { color:var(--negative) !important; }
.channel-detail { margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
.channel-detail-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.channel-detail-heading h2 { direction:ltr; text-align:right; font-size:22px; margin:0; }
.channel-detail-heading p:last-child { color:var(--muted); font-size:11px; margin-top:5px; }
.channel-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); background:var(--surface); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.channel-metrics.performance-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:20px; }
#channel-report-back { display:inline-block; margin:8px 0; color:var(--accent); }
#channel-report-back[hidden], #channel-report-list[hidden] { display:none; }
.channel-metric strong { overflow-wrap:anywhere; }
@media(max-width:640px) { .channel-metrics.performance-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.channel-metric { display:flex; flex-direction:column; min-height:112px; padding:17px; border-inline-end:1px solid var(--line); }
.channel-metric:first-child { border:0; }
.channel-metric span,.channel-metric small { color:var(--muted); font-size:10px; }
.channel-metric strong { margin:9px 0 4px; font-size:21px; }
.channel-metric.is-positive strong { color:var(--positive); }
.channel-metric.is-danger strong { color:var(--negative); }
.channel-analysis-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr); gap:14px; margin-top:14px; }
.analysis-chart,.analysis-summary { min-width:0; min-height:330px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:8px; }
.analysis-chart canvas { width:100% !important; height:250px !important; }
.analysis-summary h3,.analysis-chart h3 { font-size:14px; font-weight:700; }
.analysis-summary > div > div { display:flex; justify-content:space-between; gap:12px; padding:15px 0; border-bottom:1px solid var(--line); font-size:12px; }
.analysis-summary span { color:var(--muted); }
.signal-table-wrap { margin-top:14px; overflow-x:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.channel-signal-table { width:100%; min-width:1050px; table-layout:fixed; }
.channel-signal-table th,.channel-signal-table td { text-align:center; white-space:normal; vertical-align:middle; }
.channel-signal-table th:nth-child(1) { width:175px; }.channel-signal-table th:nth-child(2) { width:95px; }.channel-signal-table th:nth-child(3) { width:125px; }.channel-signal-table th:nth-child(4) { width:120px; }.channel-signal-table th:nth-child(5) { width:90px; }.channel-signal-table th:nth-child(7) { width:145px; }
.channel-signal-table td small { display:block; color:var(--muted); font-size:10px; margin-top:4px; }
.signal-state.is-deleted { background:color-mix(in srgb,var(--negative) 12%,transparent); color:var(--negative); }
.channel-actions { display:flex; align-items:center; gap:12px; }
.channel-report-link { display:grid; place-items:center; width:38px; height:38px; color:var(--accent); border:1px solid var(--line); border-radius:6px; }
.channel-report-link:hover { border-color:var(--accent); background:var(--notice); }
.channel-report-link svg { width:17px; height:17px; }
.empty-state { grid-column:1/-1; padding:40px; text-align:center; color:var(--muted); }
@media(max-width:1100px) and (min-width:641px) { #metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .metric-card { border-bottom:1px solid var(--line); } }
@media(max-width:1100px) { .channel-report-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .channel-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .channel-metric { border-bottom:1px solid var(--line); } }
@media(max-width:640px) {
  #dashboard-view > header > div { height:70px; padding-inline:14px; gap:10px; }
  #dashboard-view > header p.font-extrabold { font-size:14px; }
  #dashboard-view > header .w-9 { display:none; }
  #dashboard-view > header .gap-2 { gap:5px; }
  .icon-button { width:40px; height:40px; }
  #account-subtitle { max-width:160px; font-size:10px; }
  .account-picker { padding:14px 16px; gap:8px; }
  .account-picker label { flex-basis:100%; }
  .account-picker select { width:100%; font-size:13px; }
  .page-nav { justify-content:flex-start; gap:2px; padding:0 10px; overflow-x:auto; scrollbar-width:none; }
  .page-nav::-webkit-scrollbar { display:none; }
  .page-nav a { flex:0 0 auto; min-width:72px; padding-inline:8px; font-size:10px; min-height:56px; flex-direction:column; gap:4px; }
  main { padding:18px 14px !important; }
  #bot-status { font-size:18px; }
  .bot-meta-box { max-width:100%; width:100%; }
  .metric-card { min-height:110px; padding:16px; border-bottom:1px solid var(--line); }
  .metric-card:nth-child(even) { border-inline-end:0; }
  .metric-card .value { font-size:24px; }
  .panel { padding:18px 14px; }
  .channel-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-form-actions { grid-column:span 2; }
  .trade-tools { padding:14px; gap:10px; }
  .trade-tools label:first-child { flex-basis:100%; }
  .trade-tools label { flex:1; min-width:0; }
  .trade-tools input,select { width:100%; font-size:16px; }
  .trade-summary { padding:12px 14px; }
  table:has(#trades-table) { min-width:0; width:100%; }
  table.trades-grid { table-layout:auto; }
  .trades-grid colgroup { display:none; }
  .trades-grid time { align-items:flex-start; }
  table:has(#trades-table) thead { display:none; }
  #trades-table { display:block; }
  #trades-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:18px 14px; gap:12px 18px; border-bottom:1px solid var(--line); }
  #trades-table tr:nth-child(even) { background:var(--bg); }
  #trades-table td { display:flex; flex-direction:column; align-items:flex-start; white-space:normal; overflow-wrap:anywhere; padding:0; border:0; font-size:13px; min-width:0; }
  #trades-table td::before { content:attr(data-label); color:var(--muted); font-size:10px; font-weight:400; margin-bottom:4px; }
  #trades-table td:nth-child(2),#trades-table td[colspan] { grid-column:span 2; }
  .month-chart { height:280px; }
  .report-row { font-size:12px; }
  .channel-preview-panel #channels { grid-template-columns:1fr; }
  .page-title-row { align-items:stretch; flex-direction:column; gap:14px; }
  .report-controls { width:100%; }
  .report-controls label { flex:1; }
  .report-controls select { min-width:0; width:100%; }
  .channel-report-list { grid-template-columns:1fr; }
  .channel-report-card { min-height:175px; }
  .channel-detail-heading { align-items:flex-start; }
  .channel-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-metric { min-height:102px; padding:14px; }
  .channel-metric:nth-child(odd) { border-inline-end:1px solid var(--line); }
  .channel-analysis-grid { grid-template-columns:1fr; }
  .analysis-chart,.analysis-summary { min-height:0; padding:16px 14px; }
  .analysis-chart canvas { height:235px !important; }
  .signal-table-wrap { overflow:visible; border:0; background:transparent; }
  .channel-signal-table { min-width:0; display:block; }
  .channel-signal-table thead { display:none; }
  .channel-signal-table tbody { display:grid; gap:10px; }
  .channel-signal-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; padding:16px; background:var(--surface); border:1px solid var(--line); border-radius:8px; }
  .channel-signal-table td { display:flex; flex-direction:column; align-items:flex-start; padding:0; border:0; text-align:start; min-width:0; overflow-wrap:anywhere; font-size:12px; }
  .channel-signal-table td::before { content:attr(data-label); color:var(--muted); font-size:9px; margin-bottom:4px; }
  .channel-signal-table td:first-child,.channel-signal-table td:last-child { grid-column:1/-1; }
  .channel-signal-table td[colspan] { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }