.demo-pill { max-width: min(310px, 42vw); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.demo-pill #market-status { overflow: hidden; text-overflow: ellipsis; }
.portfolio-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.portfolio-actions button { white-space: nowrap; }
.stat-content strong#snapshot-value { font-size: clamp(25px, 2.7vw, 42px); letter-spacing: -1.7px; overflow-wrap: anywhere; }
.stat-content .positive { margin-top: 8px; }
.signals-panel #signal-feed { position: absolute; top: 52px; bottom: 52px; left: 0; right: 0; overflow: auto; }
.signals-panel .signal-row { min-height: 60px; align-items: flex-start; }
.signals-panel .signal-row div { min-width: 0; flex: 1; }
.signals-panel .signal-row strong { overflow-wrap: anywhere; }
.signals-panel .signal-row a { color: var(--mint); flex: none; font-size: 14px; }
.signals-panel .empty-state { padding: 22px; }
.empty-state { color: #a3b099; font-size: 12px; line-height: 1.5; }
.position-grid > .empty-state { grid-column: 1/-1; padding: 25px; background: #101510; border: 1px solid #30392b; border-radius: 10px; }
.position-card .market-link { display: inline-block; margin-top: 13px; color: var(--mint); font-size: 10px; font-weight: 700; text-decoration: none; }
.position-card .market-link:hover { text-decoration: underline; }
.table-action { border: 1px solid #596c3e; background: transparent; color: var(--mint); border-radius: 4px; padding: 7px 9px; font-size: 10px; }
.table-action:hover { background: #1b2613; }
.form-error { color: #ff9c87 !important; min-height: 16px; }
#enable-notifications { margin: 10px 0 16px; }
.rule-main { min-width: 0; }
.rule-main strong, .rule-main small { overflow-wrap: anywhere; }
.call-copy p { max-width: calc(100% - 52px); }
@media (max-width: 900px) { .section-intro { align-items: flex-start; flex-direction: column; } }
@media (max-width: 650px) { .demo-pill { display: none; } .portfolio-actions { width: 100%; } .portfolio-actions button { flex: 1; } }