/* Generated appearance overrides. Source: existing quellenqualitaet/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);
    --premium-blue: rgb(21, 94, 239);
    --green-600: rgb(8, 127, 120);
    --orange-600: rgb(217, 119, 6);
    --red-600: rgb(199, 54, 54);
    --ink: rgb(21, 38, 57);
    --muted: rgb(107, 119, 133);
    --line: rgb(224, 230, 235);
    --soft: rgb(245, 248, 250);
    --soft-2: rgb(245, 248, 250);
    --white: rgb(255, 255, 255);
    --shadow: var(--aw-shadow)
}
.topbar {
    border-bottom: 1px solid rgba(224, 230, 235, 0.95);
    box-shadow: var(--aw-shadow)
}
.brand-logo-img {
    box-shadow: var(--aw-shadow)
}
.nav button:hover,
.nav button.active {
    background: rgb(245, 248, 250)
}
.lead {
    color: rgb(81, 97, 113)
}
.panel {
    box-shadow: var(--aw-shadow)
}
.field label,
.source-textarea-panel > label {
    color: rgb(21, 38, 57)
}
.field input,
.field textarea,
.source-textarea-panel textarea {
    border: 1px solid rgb(224, 230, 235)
}
.field input:focus,
.field textarea:focus,
.source-textarea-panel textarea:focus {
    box-shadow: var(--aw-shadow)
}
.btn.primary,
.btn.gold,
.btn.accent,
.btn.unlock {
    box-shadow: var(--aw-shadow)
}
.btn.primary:hover,
.btn.gold:hover,
.btn.accent:hover,
.btn.unlock:hover {
    background: rgb(21, 94, 239)
}
.badge.green {
    color: rgb(14, 88, 55);
    background: rgba(8, 127, 120, 0.12)
}
.badge.orange {
    color: rgb(141, 77, 5)
}
.badge.red {
    color: rgb(143, 32, 32)
}
.badge.blue {
    background: rgba(21, 94, 239, 0.12)
}
.error {
    color: rgb(143, 32, 32)
}
.empty {
    border: 1px dashed rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.upload-first-screen {
    background: linear-gradient(180deg, rgb(237, 243, 255) 0%, rgb(245, 248, 250) 58%, rgb(255, 255, 255) 100%)
}
.upload-hero-copy p {
    color: rgb(107, 119, 133)
}
.upload-start-card {
    border: 1px solid rgba(169, 194, 252, 0.82);
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.quality-context-panel {
    border-bottom: 1px solid rgb(245, 248, 250)
}
.upload-box {
    border: 1.5px dashed rgb(169, 194, 252);
    background: rgb(255, 255, 255)
}
.upload-box:hover,
.upload-box.active,
.optional-upload-box:hover,
.optional-upload-box.active {
    background: rgb(245, 248, 250)
}
.upload-arrow {
    background: rgb(237, 243, 255)
}
.upload-proof-panel {
    background: rgb(245, 248, 250)
}
.upload-proof-panel p {
    color: rgb(107, 119, 133)
}
.mini-result-preview div {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(255, 255, 255)
}
.mini-result-preview span {
    color: rgb(107, 119, 133)
}
.optional-upload-box {
    border: 1.5px dashed rgb(169, 194, 252);
    background: rgb(255, 255, 255)
}
.original-file-item {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(245, 248, 250)
}
.source-form-footer {
    border-top: 1px solid rgb(245, 248, 250)
}
.source-form-footer > span {
    color: rgb(107, 119, 133)
}
.source-loading-steps span {
    border: 1px solid rgb(237, 243, 255);
    color: rgb(107, 119, 133);
    background: rgb(245, 248, 250)
}
.source-loading-steps span.active {
    border-color: rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.source-result-hero {
    background: linear-gradient(135deg, rgb(245, 248, 250), rgb(255, 255, 255))
}
.source-result-hero p {
    color: rgb(81, 97, 113)
}
.source-summary-card {
    border: 1px solid rgb(224, 230, 235)
}
.source-summary-card.green {
    border-color: rgba(8, 127, 120, 0.25)
}
.source-summary-card.blue {
    border-color: rgba(21, 94, 239, 0.28)
}
.diagnosis-row {
    border: 1px solid rgb(237, 243, 255)
}
.diagnosis-row i {
    background: rgb(237, 243, 255)
}
.diagnosis-row.warning i {
    color: rgb(141, 77, 5)
}
.diagnosis-row.good i {
    color: rgb(14, 88, 55);
    background: rgba(8, 127, 120, 0.12)
}
.diagnosis-row p {
    color: rgb(81, 97, 113)
}
.locked-source-row {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(245, 248, 250)
}
.locked-source-list:not(.unlocked) .locked-source-row::after {
    background: linear-gradient(90deg, transparent, rgba(245, 248, 250, 0.82))
}
.guardrail-note {
    border: 1px solid rgb(224, 230, 235)
}
.guardrail-note span {
    color: rgb(81, 97, 113)
}
.stripe-checkout-page {
    background: rgb(245, 248, 250)
}
.stripe-checkout-card {
    border: 1px solid rgb(237, 243, 255);
    box-shadow: var(--aw-shadow)
}
.stripe-wallet-box {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.stripe-tier-name {
    color: rgb(16, 73, 190);
    background: rgb(237, 243, 255)
}
.stripe-payment-divider::before,
.stripe-payment-divider::after {
    background: rgb(224, 230, 235)
}
.stripe-order-line {
    border-bottom: 1px solid rgb(237, 243, 255);
    color: rgb(81, 97, 113)
}
.stripe-trust-list li {
    border: 1px solid rgb(237, 243, 255);
    color: rgb(81, 97, 113);
    background: rgb(245, 248, 250)
}
.stripe-payment-message.success {
    color: rgb(8, 127, 120)
}
.stripe-payment-message.error {
    color: rgb(143, 32, 32)
}
.checkout-success-banner {
    border: 1px solid rgb(189, 235, 216);
    color: rgb(8, 127, 120);
    background: rgb(238, 251, 246)
}
.portfolio-grid div {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(245, 248, 250)
}
.portfolio-grid span {
    color: rgb(107, 119, 133)
}
.source-report-row {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(255, 255, 255)
}
.quality-tags span {
    border: 1px solid rgb(224, 230, 235);
    color: rgb(81, 97, 113);
    background: rgb(245, 248, 250)
}
.quality-reason-grid section {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(245, 248, 250)
}
.quality-reason-grid ul {
    color: rgb(81, 97, 113)
}
.source-evidence {
    border-top: 1px solid rgb(245, 248, 250);
    color: rgb(107, 119, 133)
}
.source-report-match {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(245, 248, 250)
}
.source-report-match span {
    color: rgb(107, 119, 133)
}
.source-report-match p {
    color: rgb(81, 97, 113)
}
@media print {
    .report-cover {
        color: rgb(21, 38, 57);
        background: rgb(255, 255, 255)
    }
    .report-cover h1,
  .report-cover h2,
  .report-cover h3,
  .report-cover p,
  .report-metrics strong,
  .report-metrics span {
        color: rgb(21, 38, 57)
    }
}