/* LIVE-LEDIG (live-ledig.js, Michael 29/10). Kortet øverst på forsiden og den grønne bjælke på alle fanerne - samme
   form og farver som "Del position"-bjælken (skal.css), så værten genkender "du deler noget lige nu". */
.live-kort { margin-bottom: 12px; display: flex; flex-direction: column; gap: 10px; }
.live-kort p { margin: 0; }
.live-titel { font-size: 17px; }
.live-lille { font-size: 13px; color: var(--ink-3); }
.live-besked { background: var(--harbor-soft); border-radius: var(--r-lille); padding: 10px 12px; font-size: 14px; }
.live-knapper { display: flex; flex-wrap: wrap; gap: 8px; }
.live-knapper .knap { width: auto; flex: 1 1 140px; margin: 0; }
.live-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.live-timer .knap { margin: 0; width: 100%; min-height: 48px; }
.live-foresp { border: 1.5px solid var(--good); background: var(--good-soft); border-radius: var(--r-lille); padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.live-foresp.live-ja { border-color: var(--harbor); background: var(--harbor-soft); }
.live-citat { font-style: italic; }
.live-frist { font-weight: 650; color: var(--good); }
.link-knap { border: 0; background: none; padding: 0; color: var(--ink-3); text-decoration: underline; font: inherit; cursor: pointer; width: auto; min-height: 0; }
.live-admin summary { cursor: pointer; font-weight: 650; font-size: 14px; padding: 6px 0; }
.live-admin .knap { width: auto; margin: 6px 0; }
.live-admin-liste { list-style: none; margin: 6px 0 0; padding: 0; max-height: 320px; overflow: auto; }
.live-admin-liste li { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.live-admin-liste input { width: auto; min-height: 0; margin-right: 6px; }

.live-ledig-bjaelke {
  position: fixed; left: 50%; transform: translateX(-50%); z-index: 59;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  width: min(640px, calc(100% - 24px)); box-sizing: border-box;
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  background: var(--good-soft); color: var(--ink); border: 1.5px solid var(--good);
  border-radius: var(--r); box-shadow: var(--shadow); font-size: 14px;
}
.live-ledig-bjaelke.under-del-position { top: calc(env(safe-area-inset-top, 0px) + 80px); }
.live-ledig-bjaelke.paamind { background: var(--warn-soft); border-color: var(--warn); }
.live-ledig-bjaelke.ny { background: var(--brass-soft); border-color: var(--brass); }
.live-ledig-bjaelke .prik {
  flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%; background: var(--good);
  box-shadow: 0 0 0 4px rgba(47, 125, 91, .25); animation: live-ledig-puls 2s ease-in-out infinite;
}
.live-ledig-bjaelke.paamind .prik { background: var(--warn); }
.live-ledig-bjaelke.ny .prik { background: var(--brass); }
@keyframes live-ledig-puls { 50% { box-shadow: 0 0 0 7px rgba(47, 125, 91, .12); } }
@media (prefers-reduced-motion: reduce) { .live-ledig-bjaelke .prik { animation: none; } }
.live-ledig-bjaelke .tekst { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.live-ledig-bjaelke .tekst b { color: var(--good); }
.live-ledig-bjaelke.paamind .tekst b { color: var(--warn); }
.live-ledig-bjaelke.ny .tekst b { color: var(--brass); }
.live-ledig-bjaelke button {
  width: auto; flex: 0 0 auto; min-height: 44px; margin: 0; padding: 0 12px; border-radius: var(--r-lille);
  font-weight: 750; font-size: 14px; background: var(--surface);
}
.live-ledig-bjaelke .stop { border: 2px solid var(--bad); color: var(--bad); }
.live-ledig-bjaelke .ja, .live-ledig-bjaelke .se { border: 2px solid var(--good); color: var(--good); }