/* Shared Kneipenkönig CI: Open Sans, dark surfaces, #38b6ff accent. */
#ft-aktionsbereich { display: block !important; padding: 20px 24px !important; background: linear-gradient(110deg, var(--blue-dim), var(--dark2)) !important; }
.quiz-kicker { color: var(--blue); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 7px; }
.quiz-action-title { font-size: 18px; font-weight: 700; line-height: 1.4; }
.quiz-hint { color: var(--text2); font-size: 12px; line-height: 1.7; margin: 7px 0 14px; }
.quiz-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.quiz-followup { padding-bottom: 14px; border-bottom: 1px solid var(--border); margin-bottom: 20px; }
.quiz-table-next { color: var(--text2); font-size: 11px; margin-top: 5px; max-width: 230px; }
.quiz-inbox-link { padding: 12px 0; }
.quiz-inbox-link:empty { display: none; }
.quiz-inbox-link select { max-width: 100%; margin: 8px 0; }
.quiz-history { list-style: none; padding-left: 16px; border-left: 1px solid var(--border2); }
.quiz-history li { padding: 0 0 22px 16px; position: relative; }
.quiz-history li::before { content: ''; width: 7px; height: 7px; background: var(--blue); border-radius: 50%; position: absolute; left: -20px; top: 6px; }
.quiz-history time { display: block; font-size: 11px; color: var(--text2); margin-bottom: 4px; }
.quiz-history strong { font-size: 13px; }
.quiz-history details { margin-top: 8px; font-size: 12px; color: var(--text2); }
.quiz-history pre { white-space: pre-wrap; font: inherit; line-height: 1.7; padding: 12px; background: var(--glass); border-radius: var(--radius); }
#quiz-mail-options { padding: 16px; margin-bottom: 18px; background: var(--blue-dim); border: 1px solid var(--border2); border-radius: var(--radius); }
#modal-mail-compose { z-index: 1100; }
#modal-firmentermin { z-index: 1050; }
#modal-firmentermin .step-btn { color: var(--text2); }
#modal-firmentermin .step-btn.active { color: var(--black); }
#quiz-mail-options label { display: block; margin-bottom: 8px; font-size: 12px; }
#quiz-mail-options input[type=file] { width: 100%; font: inherit; font-size: 12px; }
.quiz-attachment { display: inline-block; padding: 6px 10px; margin: 4px 4px 6px 0; border: 1px solid var(--border2); border-radius: 6px; font-size: 11px; }
@media (max-width: 600px) { #ft-aktionsbereich { padding: 16px !important; } .quiz-action-row .btn { flex: 1 1 auto; } .quiz-followup { display: block; } }