Spaces:
Sleeping
Sleeping
| .charts { | |
| display: grid; | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| gap: 1.5rem; | |
| } | |
| .pain-chart-grid { | |
| grid-column: 1 / -1; | |
| display: grid; | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| gap: 1.5rem; | |
| } | |
| .chart-container h2 { | |
| margin: 0 0 1rem; | |
| font-size: 1.25rem; | |
| } | |
| .charts > .empty-message { | |
| grid-column: 1 / -1; | |
| color: var(--color-text-muted); | |
| text-align: center; | |
| padding: 2rem; | |
| } | |
| .pain-tooltip { | |
| background: var(--color-card, #fff); | |
| border: 1px solid var(--color-border, #e5e7eb); | |
| border-radius: var(--radius, 6px); | |
| padding: 0.375rem 0.625rem; | |
| font-size: 0.8rem; | |
| line-height: 1.4; | |
| } | |
| .pain-tooltip p { | |
| margin: 0; | |
| } | |
| @media (max-width: 768px) { | |
| .charts { | |
| grid-template-columns: 1fr; | |
| } | |
| .pain-chart-grid { | |
| grid-template-columns: 1fr; | |
| } | |
| } | |