/* Reklamation8D – globales Feedback */
.feedback-nav-item{display:flex;align-items:center}
.app-navbar-modern .feedback-nav-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:.42rem;
  min-height:40px;padding:.5rem .72rem!important;border-radius:13px!important;
  border:1px solid rgba(124,58,237,.20)!important;
  color:#fff!important;background:linear-gradient(135deg,#6d5dfc 0%,#8b5cf6 55%,#0a84ff 100%)!important;
  box-shadow:0 8px 20px rgba(99,102,241,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
  font-weight:800!important;letter-spacing:-.01em;white-space:nowrap;
}
.app-navbar-modern .feedback-nav-btn:hover,.app-navbar-modern .feedback-nav-btn:focus-visible{
  color:#fff!important;transform:translateY(-1px);box-shadow:0 12px 26px rgba(99,102,241,.24),0 0 0 .2rem rgba(124,58,237,.08)!important;
}
.feedback-nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px}
.feedback-nav-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.feedback-admin-badge{margin-left:.38rem;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#111827;color:#fff;font-size:.65rem;font-weight:900;padding:0 .34rem}

.feedback-modal .modal-dialog{max-width:760px}
.feedback-modal .modal-content{overflow:hidden;border:1px solid rgba(15,23,42,.10);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(15,23,42,.22);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}
.feedback-modal-head{position:relative;padding:1.25rem 1.3rem 1rem;border-bottom:1px solid rgba(15,23,42,.08);background:radial-gradient(circle at 90% 0%,rgba(10,132,255,.14),transparent 36%),linear-gradient(135deg,#fff,#f7f8ff)}
.feedback-modal-title-row{display:flex;align-items:center;gap:.72rem;padding-right:2.5rem}
.feedback-modal-mark{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#6d5dfc,#0a84ff);box-shadow:0 10px 24px rgba(99,102,241,.22)}
.feedback-modal-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.feedback-modal-head h2{margin:0;color:#111827;font-size:1.28rem;font-weight:900;letter-spacing:-.025em}
.feedback-modal-head p{margin:.18rem 0 0;color:#64748b;font-size:.91rem}
.feedback-modal .btn-close{position:absolute;top:1rem;right:1rem;border-radius:999px;background-color:rgba(255,255,255,.86);box-shadow:0 4px 14px rgba(15,23,42,.10);opacity:.72}
.feedback-modal-body{padding:1.2rem 1.3rem 1.3rem}
.feedback-context{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1rem;padding:.78rem .85rem;border-radius:15px;border:1px solid rgba(15,23,42,.07);background:#f8fafc;color:#475569;font-size:.86rem}
.feedback-context-dot{width:9px;height:9px;border-radius:50%;margin-top:.3rem;background:#0a84ff;box-shadow:0 0 0 5px rgba(10,132,255,.09);flex:0 0 9px}
.feedback-context strong{color:#111827}
.feedback-modal label.form-label{margin-bottom:.35rem;color:#1f2937;font-size:.86rem;font-weight:800}
.feedback-modal .form-control,.feedback-modal .form-select{min-height:46px;border:1px solid rgba(15,23,42,.11);border-radius:13px;background:#fff;color:#111827;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-size:.94rem}
.feedback-modal textarea.form-control{min-height:118px;resize:vertical;line-height:1.5}
.feedback-modal .form-control:focus,.feedback-modal .form-select:focus{border-color:rgba(10,132,255,.48);box-shadow:0 0 0 .22rem rgba(10,132,255,.10)}
.feedback-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}
.feedback-type-option{position:relative}
.feedback-type-option input{position:absolute;opacity:0;pointer-events:none}
.feedback-type-option label{display:flex;min-height:58px;height:100%;align-items:center;justify-content:center;text-align:center;padding:.5rem .38rem;border:1px solid rgba(15,23,42,.09);border-radius:13px;background:#fff;color:#475569;font-size:.75rem;font-weight:800;cursor:pointer;transition:.16s ease}
.feedback-type-option input:checked+label{border-color:rgba(10,132,255,.40);background:#eef6ff;color:#075bb5;box-shadow:0 0 0 2px rgba(10,132,255,.07)}
.feedback-rating-row{display:flex;gap:.28rem;align-items:center;flex-wrap:wrap}
.feedback-star{position:relative}
.feedback-star input{position:absolute;opacity:0;pointer-events:none}
.feedback-star label{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#fff;color:#cbd5e1;font-size:1.25rem;cursor:pointer;transition:.15s ease}
.feedback-star input:checked+label{color:#f59e0b;background:#fff8e7;border-color:rgba(245,158,11,.25)}
.feedback-star label:hover{transform:translateY(-1px);color:#f59e0b}
.feedback-upload{position:relative;border:1.5px dashed rgba(100,116,139,.35);border-radius:16px;background:#f8fafc;padding:.9rem;transition:.16s ease}
.feedback-upload.is-dragover{border-color:#0a84ff;background:#eef6ff}
.feedback-upload-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.feedback-upload-copy{color:#64748b;font-size:.84rem}.feedback-upload-copy strong{display:block;color:#1f2937;margin-bottom:.12rem}
.feedback-upload input[type=file]{max-width:100%;font-size:.83rem}
.feedback-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.7rem}
.feedback-preview-item{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#fff}
.feedback-preview-item img{width:100%;height:100%;object-fit:cover;display:block}
.feedback-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(15,23,42,.07)}
.feedback-privacy-note{max-width:410px;color:#64748b;font-size:.76rem;line-height:1.35}
.feedback-submit{min-height:46px;border:0;border-radius:13px;padding:.65rem 1rem;color:#fff;background:linear-gradient(135deg,#6d5dfc,#0a84ff);font-weight:850;box-shadow:0 10px 22px rgba(99,102,241,.20)}
.feedback-submit:disabled{opacity:.65}
.feedback-result{display:none;margin:.85rem 0 0;padding:.75rem .85rem;border-radius:13px;font-size:.88rem;font-weight:700}.feedback-result.is-show{display:block}.feedback-result.is-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.feedback-result.is-error{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3}

@media(max-width:1199.98px) and (min-width:1025px){.app-navbar-modern .feedback-nav-btn{min-height:38px;padding:.45rem .55rem!important;font-size:.76rem!important}.feedback-nav-icon{width:16px;height:16px;flex-basis:16px}.feedback-nav-icon svg{width:16px;height:16px}}
@media(max-width:1024px){.feedback-nav-item{width:100%}.app-navbar-modern .feedback-nav-btn{width:100%;min-height:46px!important;justify-content:center!important;margin:0}.feedback-admin-badge{margin-left:auto}.feedback-modal .modal-dialog{margin:.7rem;max-width:none}.feedback-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.feedback-modal .modal-dialog{align-items:flex-end;min-height:calc(100% - 1rem);margin:.5rem}.feedback-modal .modal-content{border-radius:24px 24px 18px 18px;max-height:calc(100dvh - 1rem)}.feedback-modal-head{padding:1rem .95rem .82rem}.feedback-modal-body{padding:.95rem}.feedback-modal-footer{align-items:stretch;flex-direction:column}.feedback-submit{width:100%}.feedback-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-type-grid{grid-template-columns:1fr 1fr}.feedback-context{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.feedback-nav-btn,.feedback-type-option label,.feedback-star label,.feedback-upload{transition:none!important;transform:none!important}}
