.signal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.signal-card { padding: 16px; border-radius: 16px; border: 1px solid var(--border); background: var(--panel); }
.signal-card.buy { background: linear-gradient(180deg, rgba(10, 41, 28, 0.96), rgba(8, 19, 15, 0.96)); }
.signal-card.sell { background: linear-gradient(180deg, rgba(46, 15, 22, 0.96), rgba(17, 8, 11, 0.96)); }
.signal-card.wait { background: linear-gradient(180deg, rgba(44, 35, 15, 0.96), rgba(16, 12, 7, 0.96)); }
.signal-card .label { color: var(--muted); font-size: 12px; margin-bottom: 14px; }
.signal-card .value { font-size: 32px; font-weight: 700; margin-bottom: 10px; overflow-wrap: anywhere; }
.signal-card .meta { display: flex; justify-content: space-between; gap: 8px; color: var(--white); font-size: 14px; }
.signal-card .note { margin-top: 10px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.signal-summary-wrap { grid-template-columns: 1fr; }
.buy-text { color: var(--green); }
.sell-text { color: var(--red); }
.wait-text { color: var(--amber); }

html[data-theme="light"] .signal-card { border-color: rgba(108, 146, 173, 0.22); box-shadow: 0 12px 30px rgba(101, 131, 154, 0.08); }
html[data-theme="light"] .signal-card.buy { background: #eefaf3; }
html[data-theme="light"] .signal-card.sell { background: #fff1f5; }
html[data-theme="light"] .signal-card.wait { background: #fff7e2; }
html[data-theme="light"] .signal-card .meta,
html[data-theme="light"] .signal-card .value { color: var(--text); }
html[data-theme="light"] .signal-card .note { color: var(--muted); }

@media (max-width: 1200px) {
  .signal-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .signal-grid { grid-template-columns: 1fr; }
}