/* Generated appearance overrides. Source: existing fragebogen/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-50: rgb(245, 248, 250);
    --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);
    --white: rgb(255, 255, 255);
    --shadow: var(--aw-shadow)
}
body {
    background: radial-gradient(circle at 12% 8%, rgba(21, 94, 239, 0.1), transparent 28rem),
    linear-gradient(180deg, rgb(245, 248, 250) 0%, rgb(255, 255, 255) 58%)
}
.topbar {
    border-bottom: 1px solid rgba(224, 230, 235, 0.95);
    box-shadow: var(--aw-shadow)
}
.tool-mark {
    background: linear-gradient(135deg, rgb(21, 94, 239), var(--blue-700));
    box-shadow: var(--aw-shadow)
}
.lead {
    color: rgb(107, 119, 133)
}
.status-strip {
    box-shadow: var(--aw-shadow)
}
.panel {
    border-radius: 8px;
    box-shadow: var(--aw-shadow)
}
.field span,
.check-field span {
    color: rgb(21, 38, 57)
}
input,
select,
textarea {
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(21, 38, 57, 0.02), 0 2px 8px rgba(21, 38, 57, 0.03)
}
input::placeholder,
textarea::placeholder {
    color: rgb(107, 119, 133)
}
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(21, 94, 239, 0.78);
    box-shadow: var(--aw-shadow)
}
.check-field {
    border-radius: 8px
}
.method-note {
    border-radius: 8px;
    color: rgb(138, 79, 5)
}
.primary-button {
    background: rgb(21, 94, 239);
    box-shadow: var(--aw-shadow)
}
.secondary-button:hover,
.ghost-button:hover,
.small-button:hover {
    background: rgb(237, 243, 255)
}
.text-button {
    color: rgb(107, 119, 133)
}
.empty-state {
    border: 1px dashed rgba(107, 119, 133, 0.32);
    border-radius: 8px;
    background: rgba(245, 248, 250, 0.56)
}
.summary-item {
    border-radius: 8px
}
.quality-panel,
.export-panel {
    border: 1px solid rgba(8, 127, 120, 0.2);
    border-radius: 8px;
    color: rgb(8, 127, 120);
    background: rgba(8, 127, 120, 0.07)
}
.export-panel {
    border-color: rgba(21, 94, 239, 0.2);
    color: rgb(81, 97, 113)
}
.block {
    border-radius: 8px
}
.block-header {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 248, 250) 100%)
}
.icon-button {
    color: rgb(107, 119, 133)
}
.mini-field select {
    border-radius: 8px
}
.answer-preview,
.relevance-box,
.hypothesis-box {
    border-radius: 8px;
    color: rgb(81, 97, 113)
}
.answer-preview li {
    color: rgb(81, 97, 113)
}
.relevance-box {
    border: 1px solid rgba(21, 94, 239, 0.16);
    background: rgba(21, 94, 239, 0.06)
}
.toast {
    border-radius: 8px;
    box-shadow: var(--aw-shadow)
}
@media print {
    .panel,
  .block,
  .summary-item {
        border-color: rgb(224, 230, 235)
    }
}