/* Stemsplit til venner: Mimirs udseende (app.css) i Stemsplit-ikonets lilla. */
:root { --guld: #A88BE0; --guld-moerk: #2A2338; }
.knap { color: #150F22; }
.logo { cursor: default; }

.format { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.format label {
  display: grid; gap: 2px; padding: 12px; border-radius: 12px; text-align: center;
  background: var(--kort); border: 1px solid var(--kant); cursor: pointer; user-select: none;
}
.format input { display: none; }
.format b { font-size: 16px; }
.format small { color: var(--daempet); font-size: 12px; }
.format label:has(input:checked) { border-color: var(--guld); background: var(--guld-moerk); }

.filer { list-style: none; padding: 0; margin: 10px 0 0; }
.filer li { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; padding: 4px 2px; }
.filer li span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filer li span:last-child { flex: none; color: var(--daempet); }
.filer li.for-stor span:last-child { color: var(--fejl); }

.sang { background: var(--kort); border: 1px solid var(--kant); border-radius: var(--radius); padding: 14px 16px; margin: 10px 0; }
.sang .hoved { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.sang .hoved b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sang .bjaelke { margin: 10px 0 4px; }
.sang .spor { background: var(--kort2); margin: 8px 0 0; }
.sang .knap { margin-top: 12px; padding: 12px 16px; font-size: 16px; }