#strategy-greeks-root { min-width: 0; }
.sg-panel { margin-top: 18px; color: #e9f1f0; overflow: hidden; font-variant-numeric: tabular-nums; }
.sg-head { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; border-bottom: 1px solid #263b43; }
.sg-head h2 { margin: 5px 0 0; color: #e9f1f0; font-size: 18px; font-weight: 550; }
.sg-status { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 0 9px; border: 1px solid #3c514e; border-radius: 5px; color: #9aafb4; font: 700 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: nowrap; }
.sg-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.sg-status.is-ok { color: #77cbb7; background: #163029; border-color: #315b50; }
.sg-status.is-warning { color: #efbe73; background: #30281d; border-color: #665033; }
.sg-scroll { width: 100%; overflow-x: auto; }
.sg-table { width: 100%; min-width: 880px; border-collapse: collapse; color: #dce7e9; }
.sg-table th, .sg-table td { padding: 12px 14px; border-bottom: 1px solid #263b43; text-align: right; vertical-align: middle; }
.sg-table thead th { color: #8fa5ac; background: #0e1a20; font-size: 9px; font-weight: 650; letter-spacing: .035em; text-transform: uppercase; }
.sg-table thead th:first-child, .sg-table tbody td:first-child { text-align: left; }
.sg-table tbody tr:not(.sg-currency-row):not(.sg-total):hover { background: #14252b; }
.sg-currency-row th { padding: 11px 14px; background: #142229; text-align: left; }
.sg-currency-row th > span { display: inline-flex; align-items: center; gap: 9px; }
.sg-currency-row th > strong, .sg-currency-row th span > strong { color: #dce7e9; font-size: 12px; font-weight: 600; }
.sg-currency-row em { float: right; margin-top: 6px; color: #efbe73; font: 700 8px/1 ui-monospace, SFMono-Regular, Consolas, monospace; font-style: normal; }
.sg-currency-row em.is-ok { color: #77cbb7; }
.sg-coin { display: inline-grid; place-items: center; min-width: 35px; height: 25px; border-radius: 5px; color: #f2b65d; background: #f2b65d12; font-size: 9px; }
.sg-coin.sg-eth { color: #62caba; background: #62caba12; }
.sg-name strong, .sg-count strong, .sg-metric strong, .sg-total strong { display: block; color: #e5eeef; font-size: 11px; font-weight: 550; }
.sg-table small { display: block; margin-top: 5px; color: #8fa5ac; font-size: 9px; line-height: 1.25; white-space: nowrap; }
.sg-count { color: #e5eeef; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.sg-metric { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.sg-metric.is-positive strong { color: #77cbb7; }
.sg-metric.is-negative strong { color: #f19791; }
.sg-total td { background: #111f25; border-bottom-width: 2px; }
.sg-total strong { font-weight: 650; }
.sg-empty, .sg-state { padding: 29px 18px !important; color: #9aafb4; text-align: center !important; font-size: 11px; }
.sg-state.is-error, .sg-inline-error { color: #f19791; }
.sg-inline-error { float: right; font-size: 10px; font-weight: 500; }
.sg-foot { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 9px 14px; color: #8fa5ac; background: #0e1a20; font-size: 9px; line-height: 1.45; }
@media (max-width: 760px) {
  .sg-panel { margin-top: 14px; }
  .sg-head { min-height: 62px; align-items: flex-start; padding: 13px 14px; }
  .sg-head h2 { font-size: 15px; }
  .sg-status { font-size: 8px; }
  .sg-table th, .sg-table td { padding: 11px 12px; }
  .sg-foot { align-items: flex-start; flex-direction: column; gap: 4px; padding: 10px 12px; }
}