/* Compact strategy workspace; deliberately scoped away from execution UI. */
#strategies .strategy-panel { padding:20px; }
#strategies .section-heading { gap:16px; margin-bottom:16px; }
#strategies .section-heading h2 { font-size:1.5rem; }
#strategies .section-heading .muted { margin:7px 0 0; font-size:.78rem; }
#strategies .strategy-header-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#strategies #strategySummary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 16px; }
#strategies #strategySummary article { min-height:0; padding:13px 15px; border-radius:9px; }
#strategies #strategySummary article::after { display:none; }
#strategies #strategySummary strong { margin:6px 0; font-size:1.15rem; }
#strategies #strategySummary span, #strategies #strategySummary small { font-size:.67rem; }
#strategies .strategy-list-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:10px; }
#strategies .strategy-list-toolbar label { display:grid; gap:5px; margin:0; color:#9bafbe; font-size:.66rem; }
#strategies .strategy-search-label { flex:1 1 210px; max-width:370px; }
#strategies .strategy-sort-label { flex:0 1 175px; }
#strategies .strategy-list-toolbar input, #strategies .strategy-list-toolbar select { width:100%; min-width:0; height:36px; font-size:.76rem; }
#strategies .strategy-list-toolbar .button { min-height:36px; margin:0 0 1px; }
#strategies #positionScanStatus { flex-basis:100%; font-size:.7rem; }
#strategies #positionScanStatus:empty { display:none; }
#strategies .strategy-list-caption { margin:9px 0 20px; color:#849caa; font-size:.66rem; line-height:1.65; }
#strategies .strategy-list-section + .strategy-list-section { margin-top:24px; }
#strategies .strategy-list-section-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; }
#strategies .strategy-list-section-heading > div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#strategies .strategy-list-section-heading h3 { display:flex; align-items:center; gap:8px; margin:0; font-size:.85rem; }
#strategies .strategy-list-section-heading > div > span { color:#849caa; font-size:.66rem; }
#strategies .strategy-section-count { min-width:22px; padding:2px 6px; color:#c1d5d9; background:#1c2932; border-radius:5px; text-align:center; font-size:.66rem; }
#strategies .strategy-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:12px; align-items:stretch; }
#strategies .strategy-compact-card { position:relative; display:flex; flex-direction:column; gap:0; min-width:0; padding:14px 15px 12px; border:1px solid #293943; border-left:3px solid #6cd5aa; border-radius:10px; background:linear-gradient(150deg,#121e27,#101920); box-shadow:0 4px 15px #00000012; }
#strategies .strategy-compact-card:hover { border-color:#48675b; border-left-color:#86efc2; transform:translateY(-1px); }
#strategies .strategy-card-ended { border-left-color:#61727c; background:linear-gradient(150deg,#121b22,#0f171d); }
#strategies .strategy-card-ended:hover { border-left-color:#91a5ae; }
#strategies .strategy-compact-header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 8px; min-width:0; }
#strategies .strategy-card-identity { display:flex; gap:8px; align-items:baseline; min-width:0; }
#strategies .strategy-card-identity > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.89rem; color:#e7f0f4; }
#strategies .strategy-code { color:#8a9eac; font:500 .64rem ui-monospace,SFMono-Regular,Consolas,monospace; white-space:nowrap; }
#strategies .strategy-compact-header h3 { grid-column:1/-1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; color:#a0b2bd; font-size:.68rem; font-weight:400; line-height:1.5; }
#strategies .strategy-status { flex:none; font-size:.62rem; padding:3px 6px; border-radius:4px; }
#strategies .strategy-status-running { color:#8aebc2; background:#1a332c; }
#strategies .strategy-status-closed { color:#a7b5bd; background:#24303a; }
#strategies .strategy-card-hero { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:52px; padding:10px 0; margin-top:4px; border-bottom:1px solid #293640; }
#strategies .strategy-card-hero > span { flex:none; color:#91a5b3; font-size:.67rem; }
#strategies .strategy-card-hero > strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.55rem; letter-spacing:-.045em; line-height:1.2; font-weight:650; font-variant-numeric:tabular-nums; }
#strategies .strategy-position-rows { margin:3px 0 10px; }
#strategies .strategy-position-row { display:grid; grid-template-columns:66px minmax(65px,1fr) minmax(100px,1.15fr); align-items:center; gap:8px; padding:8px 0; border-bottom:1px dashed #26343e; font-variant-numeric:tabular-nums; }
#strategies .strategy-position-row:last-child { border-bottom:0; }
#strategies .strategy-position-row > div { min-width:0; }
#strategies .strategy-position-row strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; font-weight:550; line-height:1.4; }
#strategies .strategy-position-row small { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.61rem; color:#91a5b3; line-height:1.35; }
#strategies .strategy-position-row .strategy-venue > strong { font-size:.64rem; letter-spacing:.015em; }
#strategies .venue-binance { color:#e9c377; }
#strategies .venue-other { color:#8faef1; }
#strategies .strategy-venue b { margin-left:5px; font-size:.65rem; }
#strategies .strategy-position-quantity { text-align:right; }
#strategies .strategy-position-funding { text-align:right; }
#strategies .strategy-position-funding > strong > small { display:inline; margin:0; font-size:.59rem; font-weight:400; }
#strategies .strategy-position-funding > .muted { font-size:.69rem; }
#strategies .strategy-card-statistics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px 7px; margin:0; padding:9px 8px; border:1px solid #243640; border-radius:7px; background:#17232d; font-variant-numeric:tabular-nums; }
#strategies .strategy-card-statistics > div { min-width:0; grid-column:span 2; }
#strategies .strategy-card-statistics > div:nth-child(n+4) { grid-column:span 3; }
#strategies .strategy-card-statistics dt { color:#91a5b3; font-size:.6rem; white-space:nowrap; }
#strategies .strategy-card-statistics dd { margin:5px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.74rem; font-weight:550; }
#strategies .strategy-card-note { margin:9px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#8097a5; font-size:.61rem; line-height:1.5; }
#strategies .strategy-card-note.has-warning { color:#e1ba75; }
#strategies .strategy-card-footer { margin-top:auto; }
#strategies .strategy-card-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin-bottom:9px; color:#91a5b3; font-size:.61rem; }
#strategies .strategy-row-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; white-space:normal; }
#strategies .strategy-row-actions .button { min-height:28px; padding:5px 9px; border-radius:5px; font-size:.67rem; line-height:1.2; }
#strategies .strategy-row-actions .strategy-detail-action { margin-right:auto; color:#9fe5c9; border-color:#3b5c50; background:#193229; }
#strategies .strategy-row-actions .end-button { color:#a7b6c0; }
#strategies .strategy-row-actions .close-button { color:#f3be94; border-color:#604535; background:#30251e; }
#strategies .strategy-compact-card:focus-visible { outline:2px solid #86efc2; outline-offset:3px; }
#strategies .empty-state { padding:42px 16px; border:1px dashed #344650; border-radius:10px; color:#9bafbe; text-align:center; }
@media (max-width:760px) {
  #strategies .strategy-panel { padding:14px; }
  #strategies .section-heading { flex-direction:column; align-items:flex-start; gap:12px; }
  #strategies #strategySummary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #strategies #strategySummary article { padding:11px 12px; }
  #strategies .strategy-search-label { max-width:none; flex-basis:100%; }
  #strategies .strategy-sort-label { flex:1 1 140px; }
  #strategies .strategy-compact-card { padding:13px 12px 11px; }
  #strategies .strategy-list-section-heading > div > span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  #strategies .strategy-compact-card { transition:none; }
  #strategies .strategy-compact-card:hover { transform:none; }
}