/* Flyttet fra inline <style> i dfb-laesning.php (2026-10-08), saa browseren kan cache den. */

.dfb-lv-widget { padding: 0.2rem 0; }
.dfb-lv-alle-wrap {
    text-align: right;
    padding: 0.3rem 0 0;
    border-top: 1px solid #f0ebe2;
    margin-top: 0.15rem;
}
.dfb-lv-alle-knap {
    background: none;
    border: 1px solid #d6c8b4;
    border-radius: 4px;
    font-family: Georgia, serif;
    font-size: 0.75rem;
    color: #8b1a1a;
    padding: 2px 10px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.dfb-lv-alle-knap:hover {
    background: #8b1a1a;
    color: #fff;
}
.dfb-lv-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 0;
    border-bottom: 1px solid #f0ebe2;
    cursor: pointer;
    gap: 0.5rem;
}
.dfb-lv-toggle:last-of-type { border-bottom: none; }
.dfb-lv-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #1a1a1a;
    font-family: Georgia, serif;
}
.dfb-lv-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    padding: 1px 5px;
    min-width: 22px;
}
.dfb-lv-badge--g   { background: #8b1a1a; border-radius: 50%; width: 22px; height: 22px; font-style: italic; font-family: Georgia, serif; }
.dfb-lv-badge--kjv { background: #2c5f8a; }
.dfb-lv-badge--asv { background: #5a7a3a; }
.dfb-lv-badge--il  { background: #4a7c4a; }
.dfb-lv-badge--kr  { background: #6b4a86; border-radius: 50%; width: 22px; height: 22px; }
.dfb-lv-badge--bm  { background: #8a6d3b; border-radius: 50%; width: 22px; height: 22px; }
.dfb-lv-badge--sted { background: #185fa5; border-radius: 50%; width: 22px; height: 22px; }
.dfb-lv-badge--graf { background: #8b1a1a; border-radius: 50%; width: 22px; height: 22px; }
.dfb-lv-badge--ts { background: #4d4d4d; border-radius: 50%; width: 22px; height: 22px; font-family: Georgia, serif; font-weight: 400; }
.dfb-lv-ts { cursor: default; }
.dfb-lv-ts-ctrl { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; }
.dfb-lv-ts-knap,
.dfb-lv-sb-knap {
    width: 24px; height: 24px; padding: 0; line-height: 1;
    border: 1px solid #d6c8b4; border-radius: 4px; background: #fffdf9;
    color: #8b1a1a; font-size: 1rem; cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.dfb-lv-ts-knap:hover:not(:disabled),
.dfb-lv-sb-knap:hover:not(:disabled) { background: #8b1a1a; color: #fff; }
.dfb-lv-ts-knap:disabled,
.dfb-lv-sb-knap:disabled { opacity: 0.35; cursor: default; }
.dfb-lv-ts-val,
.dfb-lv-sb-val { min-width: 2.6em; text-align: center; font-size: 0.75rem; color: #555; font-variant-numeric: tabular-nums; }
.dfb-lv-badge--kompakt { background: #7a6a55; border-radius: 50%; width: 22px; height: 22px; font-size: 0.9rem; }
.dfb-lv-badge--note { background: #5c6b78; border-radius: 50%; width: 22px; height: 22px; font-size: 0.9rem; }
    .dfb-lv-badge--st   { background: #2f5d8a; border-radius: 50%; width: 22px; height: 22px; font-family: Georgia, serif; }
    .dfb-lv-badge--of   { background: #7a5c99; border-radius: 50%; width: 22px; height: 22px; }
    .dfb-lv-badge--hl   { background: #c9a227; border-radius: 50%; width: 22px; height: 22px; }

/* Toggle switch */
.dfb-lv-check { display: none; }
.dfb-lv-switch {
    position: relative;
    width: 36px;
    height: 20px;
    background: #ccc;
    border-radius: 20px;
    flex-shrink: 0;
    transition: background 0.2s;
}
.dfb-lv-switch::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: left 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.dfb-lv-check:checked + .dfb-lv-switch { background: #8b1a1a; }
.dfb-lv-check:checked + .dfb-lv-switch::after { left: 18px; }
.dfb-lv-status {
    font-size: 0.75rem;
    color: #4a7c4a;
    min-height: 1em;
    margin-top: 0.4rem;
    text-align: right;
}
.dfb-lv-status.fejl { color: #c0392b; }
.dfb-lv-locked { opacity: 0.5; cursor: not-allowed; }
.dfb-lv-locked .dfb-lv-switch { background: #ccc !important; }
.dfb-lv-lock { font-size: 0.75rem; margin-left: 2px; }