/* ===================================================== Feedback-Widget (Admin) ===================================================== */ /* Widget-Container */
.feedbackWidget{position:fixed;bottom:20px;left:20px;z-index:99999;font-family:'Roboto', sans-serif}/* Toggle-Button (Bug-Icon) */
.feedbackWidget .fbToggle{width:56px;height:56px;background:linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(231, 76, 60, 0.4);transition:all 0.3s ease;border:none;outline:none}.feedbackWidget .fbToggle:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(231, 76, 60, 0.5)}.feedbackWidget .fbToggle svg{width:28px;height:28px;fill:#fff}.feedbackWidget .fbToggle .fbBadge{position:absolute;top:-5px;right:-5px;background:#2ecc71;color:#fff;font-size:11px;font-weight:bold;padding:2px 6px;border-radius:10px;display:none}/* Panel */
.feedbackWidget .fbPanel{position:absolute;bottom:70px;left:0;width:480px;max-width:calc(100vw - 40px);background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.2);transform:scale(0.8) translateY(20px);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden}.feedbackWidget.open .fbPanel{transform:scale(1) translateY(0);opacity:1;visibility:visible}/* Panel Header */
.feedbackWidget .fbHeader{background:linear-gradient(135deg, #002e68 0%, #00468c 100%);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.feedbackWidget .fbHeader h3{margin:0;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;color:#fff}.feedbackWidget .fbHeader h3 svg{width:20px;height:20px;fill:currentColor}.feedbackWidget .fbClose{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:0.8;transition:opacity 0.2s}.feedbackWidget .fbClose:hover{opacity:1}.feedbackWidget .fbClose svg{width:20px;height:20px;fill:currentColor}/* Panel Body */
.feedbackWidget .fbBody{padding:20px;max-height:60vh;overflow-y:auto}/* Formular */
.feedbackWidget .fbForm{display:flex;flex-direction:column;gap:16px}.feedbackWidget .fbFormGroup{display:flex;flex-direction:column;gap:6px}.feedbackWidget .fbFormGroup label{font-size:13px;font-weight:500;color:#333}.feedbackWidget .fbFormGroup label .required{color:#e74c3c}.feedbackWidget .fbFormGroup label .fbOptional{font-weight:400;color:#888;font-size:12px}/* Kategorie-Auswahl */
.feedbackWidget .fbCategories{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feedbackWidget .fbCategory{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all 0.2s;font-size:12px}.feedbackWidget .fbCategory:hover{border-color:#002e68;background:#f8f9fa}.feedbackWidget .fbCategory input{display:none}.feedbackWidget .fbCategory.selected{border-color:#002e68;background:#e8f4fd}.feedbackWidget .fbCategory svg{width:18px;height:18px;flex-shrink:0}.feedbackWidget .fbCategory.cat-funktionell svg{fill:#e74c3c}.feedbackWidget .fbCategory.cat-anzeige svg{fill:#f39c12}.feedbackWidget .fbCategory.cat-verbesserung svg{fill:#27ae60}.feedbackWidget .fbCategory.cat-anmerkung svg{fill:#3498db}/* Textarea */
.feedbackWidget textarea{width:100%;min-height:180px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color 0.2s;box-sizing:border-box;background:#fff;color:#333}.feedbackWidget textarea:focus{outline:none;border-color:#002e68}.feedbackWidget textarea::placeholder{color:#999}/* Info-Box */
.feedbackWidget .fbInfo{background:#f8f9fa;border-radius:8px;padding:12px;font-size:11px;color:#666}.feedbackWidget .fbInfo strong{color:#333;display:block;margin-bottom:4px}.feedbackWidget .fbInfo span{display:block;margin-top:2px;word-break:break-all}/* Submit Button */
.feedbackWidget .fbSubmit{background:linear-gradient(135deg, #002e68 0%, #00468c 100%);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s}.feedbackWidget .fbSubmit:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 46, 104, 0.3)}.feedbackWidget .fbSubmit:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.feedbackWidget .fbSubmit svg{width:18px;height:18px;fill:currentColor}/* Loading Spinner */
.feedbackWidget .fbSpinner{width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:fbSpin 0.8s linear infinite}@keyframes fbSpin{to{transform:rotate(360deg)}}/* Success Message */
.feedbackWidget .fbSuccess{text-align:center;padding:30px 20px}.feedbackWidget .fbSuccess svg{width:64px;height:64px;fill:#27ae60;margin-bottom:16px}.feedbackWidget .fbSuccess h4{margin:0 0 8px 0;color:#333;font-size:18px}.feedbackWidget .fbSuccess p{margin:0 0 20px 0;color:#666;font-size:14px}.feedbackWidget .fbSuccess button{background:linear-gradient(135deg, #002e68 0%, #00468c 100%);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s}.feedbackWidget .fbSuccess button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 46, 104, 0.3)}/* Error Message */
.feedbackWidget .fbError{background:#fef0f0;border:1px solid #f5c6c6;color:#c0392b;padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px;display:none}/* Responsive Anpassungen */
@media screen and (max-width:480px){.feedbackWidget{bottom:15px;left:15px}.feedbackWidget .fbToggle{width:50px;height:50px}.feedbackWidget .fbPanel{width:calc(100vw - 30px);bottom:65px}.feedbackWidget .fbCategories{grid-template-columns:1fr}.feedbackWidget .fbBody{max-height:50vh}}/* Portal-Formular (Kurz-Bewertung) — gleicher Button wie Admin-Feedback-Widget */
.feedbackWidget .fbQuickRating{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.feedbackWidget .fbQuickBtn{min-width:36px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:#002e68;transition:border-color 0.2s, background 0.2s}.feedbackWidget .fbQuickBtn:hover,
.feedbackWidget .fbQuickBtn.selected{border-color:#002e68;background:#e8f4fd}.feedbackWidget .fbQuickRatingSmiley{gap:10px;margin-top:8px}.feedbackWidget .fbQuickBtnSmiley{min-width:46px;height:42px;padding:0 10px;font-size:24px;line-height:1;border-radius:10px}.feedbackWidget .fbHint{font-size:12px;color:#666;margin-top:4px}