/* Generated appearance overrides. Source: existing leitfadencheck/index.html. */
:root {
    --blue-950: rgb(21, 38, 57);
    --blue-900: rgb(21, 38, 57);
    --blue-800: rgb(21, 94, 239);
    --blue-700: rgb(21, 94, 239);
    --blue-100: rgb(237, 243, 255);
    --blue-50: rgb(245, 248, 250);
    --green-600: rgb(8, 127, 120);
    --green-50: rgb(233, 248, 241);
    --orange-600: rgb(217, 119, 6);
    --orange-50: rgb(255, 244, 223);
    --red-600: rgb(199, 54, 54);
    --red-50: rgb(255, 240, 240);
    --ink: rgb(21, 38, 57);
    --muted: rgb(107, 119, 133);
    --line: rgb(224, 230, 235);
    --soft: rgb(245, 248, 250);
    --white: rgb(255, 255, 255);
    --shadow: var(--aw-shadow)
}
body {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0, rgb(245, 248, 250) 460px, rgb(255, 255, 255) 100%)
}
.topbar {
    border-bottom: 1px solid rgba(224, 230, 235, 0.95);
    box-shadow: var(--aw-shadow)
}
.mode-chip {
    color: rgb(81, 97, 113)
}
.panel {
    box-shadow: var(--aw-shadow)
}
.section-head p,
.muted,
.hint {
    color: rgb(81, 97, 113)
}
.upload-box {
    border: 1px dashed rgb(161, 172, 183)
}
.filter-button.active,
.ghost-button:hover,
.filter-button:hover,
.icon-button:hover {
    border-color: rgba(21, 94, 239, 0.42)
}
.metric-card.positive {
    border-color: rgba(8, 127, 120, 0.26)
}
.pill {
    color: rgb(81, 97, 113)
}
.status-badge.fulfilled {
    color: rgb(8, 127, 120)
}
.status-badge.missing {
    color: rgb(170, 43, 43)
}
.status-badge.uncheckable {
    color: rgb(146, 90, 0)
}
.category-badge.empfehlung {
    color: rgb(8, 127, 120)
}
.category-badge.unklar {
    color: rgb(146, 90, 0)
}
.check-card.positive {
    border-color: rgba(8, 127, 120, 0.28)
}
.cell p {
    color: rgb(21, 38, 57)
}
.error {
    color: rgb(161, 40, 40)
}