Spaces:
Running
Running
| /* ── Panel ──────────────────────────────────────────────────────────── */ | |
| .panel { | |
| background: var(--surface); | |
| border: 1px solid var(--border); | |
| border-radius: var(--r-lg); | |
| display: flex; | |
| flex-direction: column; | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| .panel-header { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| gap: var(--space-2); | |
| padding: var(--space-2) var(--space-4); | |
| border-bottom: 1px solid var(--border); | |
| background: var(--surface-2); | |
| flex-shrink: 0; | |
| } | |
| .panel-header__start { display: flex; align-items: center; gap: 0.625rem; } | |
| .panel-header__end { display: flex; align-items: center; gap: var(--space-2); } | |
| .panel-header__title { | |
| font-size: var(--text-xs); | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| letter-spacing: 0.08em; | |
| color: var(--text-muted); | |
| user-select: none; | |
| } | |
| .panel-header__count { font-size: var(--text-xs); font-family: var(--font-mono); color: var(--text-muted); } | |