/* ===== Nachrichten (Profil) ===== */
.mw-msg-layout{display:grid;grid-template-columns: 1fr 1.6fr;gap:14px;min-height:420px;}
.mw-msg-left,.mw-msg-right{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;}
.mw-msg-left-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;}
.mw-msg-left .mw-list{padding:10px;display:grid;gap:10px;max-height:560px;overflow:auto;}
.mw-thread-row{width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);border-radius:16px;padding:12px 12px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;}
.mw-thread-row:hover{border-color:rgba(255,255,255,.18);}
.mw-thread-row.is-active{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.03);}
.mw-thread-row-title{font-weight:800;letter-spacing:.2px}
.mw-thread-row-meta{opacity:.75;font-size:13px;margin-top:2px}
.mw-thread-row-side{display:flex;align-items:center;gap:8px;white-space:nowrap}

.mw-unread-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 10px rgba(34,197,94,0.85);
  flex:0 0 auto;
}

.mw-thread-row.is-unread .mw-thread-row-title{
  font-weight:900;
}

.mw-thread-row.is-unread{
  border-color:rgba(34,197,94,0.22);
}

.mw-thread-preview {
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.75;
  line-height: 1.35;
    color: rgba(255,255,255,0.7);

}

.mw-thread-badge{
  display:inline-block;
  margin-left:6px;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  color:#eaf0f8;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.10);
}
.mw-thread-row:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,0.2);
  box-shadow: 0 0 0 1px rgba(120,180,255,0.2);
}


.mw-msg-empty{
  padding:18px 16px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:16px;
  background: rgba(255,255,255,.025);
  color:rgba(255,255,255,.72);
}
.mw-msg-detail-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.mw-msg-detail-title{
  font-weight:800;
  font-size:18px;
  letter-spacing:.2px;
  color:#f5f7ff;
}
.mw-msg-detail-meta{
  color:rgba(255,255,255,.78);
  font-size:13px;
  margin-top:4px;
}
.mw-msg-detail-sub{
  margin-top:8px;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.82);
}
.mw-msg-detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.mw-msg-accept{
  width:auto;
  max-width:520px;

  margin:12px 0 14px 0;
  padding:14px 16px;

  border-radius:18px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.02)
    );

  border:1px solid rgba(255,255,255,.07);

  backdrop-filter: blur(10px);

  display:flex;
  flex-wrap:wrap;
  gap:10px;

  align-items:center;
}
.mw-msg-box{
  width:100%;
  border-radius:18px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.mw-msg-bubbles{
  flex:1;
  overflow:auto;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(7,12,22,.42);
  border-radius:18px;
  padding:14px;
  min-height:240px;
  max-height:360px;
}



.mw-bubble-text{white-space:pre-wrap;word-break:break-word;}
.mw-bubble-meta{opacity:.65;font-size:12px;margin-top:6px}


.mw-msg-send textarea.input{min-height:72px;resize:vertical;}
.mw-msg-send-row{display:flex;justify-content:space-between;align-items:center;gap:10px}

@media (max-width: 980px){
  .mw-msg-layout{grid-template-columns:1fr;}
  .mw-msg-left .mw-list{max-height:320px;}
  .mw-msg-bubbles{max-height:280px;}
}

/* ===== Messages polish (premium, quiet) ===== */

/* ===== MATAWOW MESSAGES – CLEAN PREMIUM ===== */

.mw-msg-layout{
  display:grid;
  grid-template-columns: 0.9fr 1.35fr;
  gap:18px;
}

/* LEFT PANEL */
.mw-msg-left{
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  padding:20px;
}

/* RIGHT PANEL */
.mw-msg-right{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    radial-gradient(circle at top left, rgba(80,110,255,.10), transparent 42%);
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

/* THREAD ITEM */
.mw-thread-item{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  transition:.2s ease;
}

.mw-thread-item:hover{
  background:rgba(255,255,255,.06);
}

.mw-thread-item.active{
  background:rgba(120,140,255,.18);
  border-color:rgba(120,140,255,.6);
}

/* BUBBLES */
/* =========================
   CHAT BUBBLES
========================= */

/* =========================
   CHAT BUBBLES
========================= */

.mw-bubble{
  position:relative;

  max-width:min(78%, 540px);

  padding:12px 16px;
  margin-bottom:12px;

  line-height:1.5;
  word-break:break-word;

  backdrop-filter:blur(14px);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    opacity .18s ease;

  box-shadow:
    0 10px 28px rgba(0,0,0,.22);

  border:1px solid rgba(255,255,255,.08);

  font-size:14px;
}

/* =========================
   EINGEHENDE NACHRICHT
========================= */

.mw-bubble:not(.me){
  margin-right:auto;

  background:
    linear-gradient(
      180deg,
      rgba(58,160,255,.24),
      rgba(58,160,255,.11)
    );

  border-color:rgba(58,160,255,.30);

  border-radius:
    10px
    22px
    22px
    22px;
}

/* =========================
   AUSGEHENDE NACHRICHT
========================= */

.mw-bubble.me{
  margin-left:auto;

  background:
    linear-gradient(
      180deg,
      rgba(140,82,255,.34),
      rgba(140,82,255,.18)
    );

  border-color:rgba(140,82,255,.38);

  border-radius:
    22px
    10px
    22px
    22px;
}

/* =========================
   SYSTEM / NOTICE
========================= */

.mw-bubble.notice{
  margin-inline:auto;

  background:
    linear-gradient(
      180deg,
      rgba(255,210,70,.18),
      rgba(255,210,70,.08)
    );

  border:1px solid rgba(255,210,70,.28);

  color:#f6e7a8;

  border-radius:18px;

  max-width:90%;
}

/* =========================
   TEXT
========================= */

.mw-bubble-text{
  white-space:pre-wrap;
  line-height:1.5;
}

/* =========================
   META / ZEIT
========================= */

.mw-bubble-meta{
  margin-top:7px;

  font-size:11px;
  opacity:.62;
}

/* =========================
   HOVER
========================= */

.mw-bubble:hover{
  transform:translateY(-1px);

  box-shadow:
    0 14px 34px rgba(0,0,0,.28);
}

/* =========================
   UNGELESENE NACHRICHT
========================= */

.mw-bubble.is-new{
  box-shadow:
    0 0 0 1px rgba(52,199,89,.55),
    0 0 20px rgba(52,199,89,.18),
    0 12px 30px rgba(0,0,0,.28);

  animation:mwNewBubblePulse 1.8s ease;
}

@keyframes mwNewBubblePulse{
  0%{
    transform:scale(.985);
    opacity:.88;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}

/* TEXTAREA */

/* BUTTON */
.mw-msg-send button{
  background:linear-gradient(180deg,#3aa0ff,#2266ff);
  border:none;
  border-radius:999px;
  padding:10px 22px;
  font-weight:600;
  margin-top:10px;
}

/* TABS */
.mw-tab.active{
  background:linear-gradient(180deg,
    rgba(120,140,255,.35),
    rgba(120,140,255,.15)
  );
  border-color:rgba(120,140,255,.6);
}

/* Taskmaps-Link im Header ruhig & hochwertig */
.mw-msg-detail-head a{
  color: rgba(230,235,255,.92) !important;
  text-decoration: none !important;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.mw-msg-detail-head a:hover{
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.16);
}

/* Header Buttons (In Papierkorb / Wiederherstellen) */
.mw-msg-detail-head button{
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(245,247,255,.92) !important;
}
.mw-msg-detail-head button:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Composer-Box unten: nicht schwarz, sondern layered */
.mw-msg-send{
  margin-top:4px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}
.mw-msg-send textarea{
  width:100%;
  background: rgba(0,0,0,.26) !important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:14px;
  color:#fff;

  resize:none;

  /* 🔥 NEU */
  min-height:90px;
  max-height:160px;
  overflow-y:auto;
}
/* LEFT: Titel/Text wieder lesbar */
.mw-msg-left .mw-thread-title,
.mw-msg-left .mw-thread-item .mw-thread-title{
  color: rgba(245,247,255,.92) !important;
}

.mw-msg-left .mw-thread-sub,
.mw-msg-left .mw-thread-item .mw-thread-sub,
.mw-msg-left .mw-thread-meta{
  color: rgba(220,225,240,.70) !important;
}
/* RIGHT HEADER: Actions nebeneinander, gleich groß */
.mw-msg-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.mw-msg-detail-head .mw-actions{
  display:flex;
  gap:10px;
  align-items:center;
}

/* macht Link + Button optisch ident */
.mw-msg-detail-head a,
.mw-msg-detail-head button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-weight:600 !important;
  font-size:13px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(245,247,255,.92) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.mw-msg-detail-head a:hover,
.mw-msg-detail-head button:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}
#mwSendHint{
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  line-height: 1.4;
}
/* =====================================================
   PATCH 3 – STEP 1
   Messaging layout cleanup
   ===================================================== */

.mw-msg-layout{
  display: grid !important;
  grid-template-columns: 300px 1fr !important;
  gap: 18px !important;

  height: 100% !important;
  min-height: 0 !important;
}

.mw-msg-left{
  padding:16px !important;
  background: rgba(6,10,18,.42) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:20px !important;
  min-height: 0 !important;
}

.mw-msg-left .mw-list{
  max-height:none !important;
  height:100% !important;
  overflow:auto !important;
  padding:8px 0 0 !important;
}

.mw-msg-right{
  padding:14px !important;
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  min-width:0 !important;
  min-height: 0 !important;
}

.mw-msg-content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
}

.mw-msg-detail-head{
  display:block !important;
}

.mw-msg-detail-actions{
  display:none !important; /* alte Action-Zeile oben raus */
}

.mw-msg-bubbles{
  flex:1 1 auto !important;
  min-height:260px !important;
  max-height:none !important;
  overflow:auto !important;
  padding:16px !important;
  border-radius:18px !important;
  background: rgba(7,12,22,.36) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.mw-msg-send{
  margin-top:0 !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
}

.mw-msg-send textarea{
  min-height:92px !important;
}

.mw-msg-footer-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:2px;
}

.mw-msg-footer-actions-left,
.mw-msg-footer-actions-right{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.mw-msg-footer-actions .btn,
.mw-msg-footer-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 14px;
  border-radius:999px;
  text-decoration:none !important;
}

@media (max-width: 980px){
  .mw-msg-layout{
    grid-template-columns:1fr !important;
    min-height:unset !important;
  }
}

/* =====================================================
   PATCH 3 – STEP 2
   Thread cards kompakter + Avatar + bessere Lesbarkeit
   ===================================================== */

.mw-thread-row{
  display:grid !important;
  grid-template-columns: 46px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 14px !important;
  min-height: auto !important;
  border-radius:18px !important;
  background: rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.08) !important;
    padding: 10px 12px !important;

}

.mw-thread-row-main{
  min-width:0 !important;
}

.mw-thread-row-title{
  color:#f3f6ff !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.mw-thread-row-meta{
  color:rgba(220,225,240,.72) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  margin-top:3px !important;
}

.mw-thread-preview{
  color:rgba(220,225,240,.62) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  margin-top:4px !important;
}

.mw-thread-row-side{
  align-self:center !important;
}

.mw-thread-avatar{
  width:46px;
  height:46px;
  border-radius:999px;
  overflow:hidden;
  flex:0 0 46px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

.mw-thread-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mw-thread-avatar-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  color:#f3f6ff;
  background: linear-gradient(180deg, rgba(90,110,180,.45), rgba(30,40,70,.65));
}

.mw-msg-left .mw-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.mw-thread-row.is-active{
  border-color: rgba(120,140,255,.42) !important;
  background: linear-gradient(180deg, rgba(120,140,255,.12), rgba(255,255,255,.03)) !important;
  box-shadow: 0 0 0 1px rgba(120,140,255,.16) !important;
}

.mw-thread-row.is-unread{
  border-color: rgba(34,197,94,.24) !important;
}

.mw-msg-footer-actions{
  margin-top:8px !important;
  justify-content: flex-end !important;
}

.mw-msg-footer-actions .btn-view,
.mw-msg-footer-actions .btn-sm{
  background: rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color: rgba(245,247,255,.92) !important;
}

.mw-msg-footer-actions .btn-view:hover,
.mw-msg-footer-actions .btn-sm:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* =====================================================
   MESSAGES FINAL POLISH
   Nur Nachrichtenbereich – kein General Profile Polish
   ===================================================== */

.mw-msg-layout{
  display:grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap:18px !important;
  min-height:560px !important;
  align-items:stretch !important;
}

.mw-msg-left,
.mw-msg-right{
  min-height:0 !important;
}

.mw-msg-left{
  padding:14px !important;
  border-radius:20px !important;
  background: linear-gradient(180deg, rgba(5,10,20,.70), rgba(3,8,18,.82)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

.mw-msg-left-head{
  padding:4px 2px 12px !important;
  margin:0 0 8px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:rgba(245,247,255,.92) !important;
}

.mw-msg-left .mw-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
  height:100% !important;
  overflow:auto !important;
}

/* Thread card */
.mw-thread-row{
  display:grid !important;
  grid-template-columns: 44px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  width:100% !important;
  padding:12px 12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.028) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  text-align:left !important;
  min-width:0 !important;
}

.mw-thread-row:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) !important;
}

.mw-thread-row.is-active{
  background:linear-gradient(180deg, rgba(95,110,255,.16), rgba(255,255,255,.03)) !important;
  border-color:rgba(110,125,255,.46) !important;
  box-shadow:0 0 0 1px rgba(110,125,255,.14) !important;
}

.mw-thread-row.is-unread{
  border-color:rgba(34,197,94,.20) !important;
}

/* Avatar */
.mw-thread-avatar{
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}

.mw-thread-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.mw-thread-avatar-fallback{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#f3f6ff !important;
  background:linear-gradient(180deg, rgba(88,104,168,.45), rgba(28,36,68,.72)) !important;
}

/* Main text block */
.mw-thread-row-main{
  min-width:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:3px !important;
}

.mw-thread-row-title{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  color:#f4f7ff !important;
  letter-spacing:-0.01em !important;

  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.mw-thread-row-meta{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:rgba(220,226,240,.72) !important;

  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.mw-thread-preview{
  display:block !important;
  min-width:0 !important;
  margin:1px 0 0 !important;
  font-size:12px !important;
  line-height:1.34 !important;
  color:rgba(220,226,240,.58) !important;

  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.mw-thread-preview .mw-thread-badge,
.mw-thread-badge{
  display:inline-flex !important;
  align-items:center !important;
  margin-left:6px !important;
  padding:2px 7px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:700 !important;
  color:#eaf0f8 !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  vertical-align:middle !important;
}

.mw-thread-row-side{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  align-self:center !important;
  min-width:110px !important;
  padding-left:6px !important;
  white-space:nowrap !important;
}

.mw-unread-dot{
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  flex:0 0 8px !important;
}

/* Right panel */
.mw-msg-right{
  padding:14px !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)),
    radial-gradient(circle at top left, rgba(78,98,220,.08), transparent 42%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  min-width:0 !important;
}

.mw-msg-content{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.mw-msg-bubbles{
  flex:1 1 auto !important;
  min-height:220px !important;
  max-height:none !important;
  padding:16px !important;
  border-radius:18px !important;
  overflow:auto !important;
  background:rgba(6,10,20,.42) !important;
  border:1px solid rgba(255,255,255,.08) !important;

  position:relative;
z-index:1;
}

.mw-msg-send{
  margin-top:0 !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
}

.mw-msg-send textarea,
.mw-msg-send textarea.input{
  width:100% !important;
  min-height:92px !important;
  resize:vertical !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.22) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#f4f7ff !important;
}

/* disabled message state */
.mw-msg-send textarea:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(.15);
}

.mw-msg-send button:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(.15);
  box-shadow:none;
}

.mw-msg-send-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:10px !important;
}

#mwSendHint{
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:rgba(255,255,255,.60) !important;
}

/* Footer actions unten rechts */
.mw-msg-footer-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:6px !important;
}

.mw-msg-footer-actions-right{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* Papierkorb-Button optisch wie andere Buttons */
#mwTrashBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:36px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;

  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.05) !important;
  color:rgba(245,247,255,.92) !important;
  box-shadow:none !important;
}


/* Mobile */
@media (max-width: 980px){
  .mw-msg-layout{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }

  .mw-msg-left .mw-list{
    max-height:300px !important;
  }

  .mw-thread-row{
    grid-template-columns:44px minmax(0,1fr) !important;
  }

  .mw-thread-row-side{
    grid-column:2;
    justify-content:flex-start !important;
    padding-left:0 !important;
  }

  .mw-msg-send-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .mw-msg-send-row .btn{
    width:100% !important;
  }

  .mw-msg-footer-actions{
    justify-content:stretch !important;
  }

  .mw-msg-footer-actions-right{
    width:100% !important;
  }

  #mwTrashBtn{
    width:100% !important;
  }
}

/* =====================================================
   MESSAGES FINAL OVERRIDE
   Thread rows: Text oben, Badge unten
   Ganz unten einfügen – überschreibt alte Messages-Blöcke
   ===================================================== */

.mw-thread-row{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  width:100% !important;
  padding:14px 14px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.028) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  text-align:left !important;
  min-width:0 !important;
}

.mw-thread-row-top{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  min-width:0 !important;
}

.mw-thread-row-bottom{
  display:flex !important;
  justify-content:center !important;   /* <-- zentriert */
  align-items:center !important;
  width:100% !important;
}

.mw-thread-row-side{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;

  padding-left:0 !important;
  margin-left:0 !important;
  margin-top:2px !important;

  opacity:.95;
}

.mw-thread-row-main{
  min-width:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:3px !important;
}

.mw-thread-row-title{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  color:#f4f7ff !important;
  letter-spacing:-0.01em !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.mw-thread-row-meta{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:rgba(220,226,240,.72) !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.mw-thread-preview{
  display:block !important;
  min-width:0 !important;
  margin:1px 0 0 !important;
  font-size:12px !important;
  line-height:1.34 !important;
  color:rgba(220,226,240,.58) !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.mw-thread-row-side{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;   /* <-- DAS ist der Fix */

  gap:8px !important;

  padding-left:0 !important;
  margin:6px auto 0 auto !important;   /* <-- echtes Centering */

  opacity:.95;
}

.mw-thread-avatar{
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
  margin-top:2px !important;
}

.mw-thread-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.mw-thread-avatar-fallback{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#f3f6ff !important;
  background:linear-gradient(180deg, rgba(88,104,168,.45), rgba(28,36,68,.72)) !important;
}

.mw-thread-row:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) !important;
}

.mw-thread-row.is-active{
  background:linear-gradient(180deg, rgba(95,110,255,.16), rgba(255,255,255,.03)) !important;
  border-color:rgba(110,125,255,.46) !important;
  box-shadow:0 0 0 1px rgba(110,125,255,.14) !important;
}

.mw-thread-row.is-unread{
  border-color:rgba(34,197,94,.20) !important;
}

.mw-thread-preview .mw-thread-badge,
.mw-thread-badge{
  display:inline-flex !important;
  align-items:center !important;
  margin-left:6px !important;
  padding:2px 7px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:700 !important;
  color:#eaf0f8 !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  vertical-align:middle !important;
}

.mw-unread-dot{
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  flex:0 0 8px !important;
}

@media (max-width: 980px){
  .mw-thread-row-top{
    grid-template-columns:44px minmax(0,1fr) !important;
  }

  .mw-thread-row-side{
    padding-left:56px !important;
    justify-content:flex-start !important;
  }
}

/* Base */
.btn-trash{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(220,226,240,.78) !important;
  box-shadow:none !important;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

/* --- DELETE (In Papierkorb) --- */
.btn-trash.is-trash:hover{
  background:rgba(255,90,90,.10) !important;
  border-color:rgba(255,90,90,.38) !important;
  color:#ffc1c1 !important;
  box-shadow:
    0 0 0 1px rgba(255,90,90,.12),
    0 10px 24px rgba(255,90,90,.10) !important;
}


/* --- RESTORE (Wiederherstellen) --- */
.btn-trash.is-restore:hover{
  background:rgba(80,255,160,.10) !important;
  border-color:rgba(80,255,160,.34) !important;
  color:#c8ffe0 !important;
  box-shadow:
    0 0 0 1px rgba(80,255,160,.12),
    0 10px 24px rgba(80,255,160,.09) !important;
}

/* Messages tabs: ruhiger Hover */
#mwModal[data-section="requests"] .mw-tab{
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

#mwModal[data-section="requests"] .mw-tab:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:rgba(245,247,255,.98) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) !important;
}

#mwModal[data-section="requests"] .mw-tab.is-active:hover{
  background:rgba(99,102,241,0.22) !important;
  border-color:rgba(99,102,241,0.50) !important;
  color:#f5f7ff !important;
  box-shadow:0 0 0 1px rgba(99,102,241,0.10) !important;
}

/* ===== FINAL HARD OVERRIDE: Trash button hover ===== */

#mwTrashBtn.btn-trash{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:rgba(245,247,255,.92) !important;
  box-shadow:none !important;
}

/* Nur wenn NICHT im Papierkorb -> rot auf Hover */
#mwTrashBtn.btn-trash.is-trash:hover{
  background:rgba(255,90,90,.16) !important;
  border-color:rgba(255,90,90,.52) !important;
  color:#ffd0d0 !important;
  box-shadow:
    0 0 0 1px rgba(255,90,90,.18),
    0 10px 24px rgba(255,90,90,.14) !important;
  transform:translateY(-1px) !important;
}

/* Nur wenn IM Papierkorb -> grün auf Hover */
#mwTrashBtn.btn-trash.is-restore:hover{
  background:rgba(80,255,160,.14) !important;
  border-color:rgba(80,255,160,.46) !important;
  color:#d6ffe8 !important;
  box-shadow:
    0 0 0 1px rgba(80,255,160,.16),
    0 10px 24px rgba(80,255,160,.12) !important;
  transform:translateY(-1px) !important;
}

#mwTrashBtn.btn-trash:active{
  transform:translateY(0) !important;
}



/* =========================================
   HEADER BELL
   ========================================= */

#mwBellBtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#eef3ff;
  cursor:pointer;
}

#mwBellBtn.has-unread{
  border-color:rgba(34,197,94,.55);
  box-shadow:0 0 18px rgba(34,197,94,.18);
}

#mwBellBtn:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.24);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

#mwBellBtn:active{
  transform:scale(.96);
}

#mwBellBtn svg{
  width:18px;
  height:18px;
  display:block;
  opacity:.96;
}

#mwBellCount{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:17px;
  height:17px;
  padding:0 5px;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(180deg,#ff5a6b,#d93b4f);
}


#mwBellCount.show{
  display:inline-flex;
}

.mw-msg-system {
  background: rgba(255, 80, 80, 0.08);
  border: 1px solid rgba(255, 80, 80, 0.25);
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px;
  color: #ffb3b3;
}

.mw-msg-sub {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 4px;
}

.mw-bubble.notice {
  background: rgba(255, 180, 0, 0.08);
  border: 1px solid rgba(255, 180, 0, 0.3);
  color: #ffd27a;
}

.mw-bubble.notice .mw-bubble-text::before {
  content: "matawow Hinweis";
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255, 208, 92, 0.78);
  margin-bottom: 4px;
}

.mw-hint-box{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px;
  color: #cfd6e2;
  line-height: 1.45;
}

.badge.verified{
  background: linear-gradient(90deg, #16a34a, #22c55e);
  color: white;
  border-color: rgba(34,197,94,0.65);
}

.char-counter {
  font-size: 12px;
  margin-top: 6px;
  color: #888;
}

.char-counter.ok {
  color: #4CAF50;
}

.char-counter.warn {
  color: #ff6b6b;
}

@media (max-width: 720px){
  .profile-shell{
    padding: 18px 14px 10px !important;
  }

  .grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .profile-head{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .avatar-wrapper{
    width: 90px !important;
    height: 90px !important;
    margin: 0 auto !important;
  }

  .profile-head > div:nth-child(2){
    text-align: center !important;
  }

  #viewBadges{
    justify-content: center !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    gap: 8px !important;
  }

  .profile-head-actions{
    width: 100% !important;
    align-items: stretch !important;
    padding-bottom: 0 !important;
  }

  .profile-head-actions .qa,
  .profile-head-actions .action-btn,
  .profile-head-actions a{
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  .card-lite{
    margin-top: 14px !important;
  }

  .side-title{
    word-break: break-word;
  }

  .card-text,
  .side-sub,
  .task-meta{
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .card-text{
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  h1{
    margin-top: 10px !important;
  }

  footer{
    margin-top: 20px !important;
  }
}

/* Tabs stay visible, list scrolls inside */
#mwModal .dialog-body{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#mwModalTabs{ flex: 0 0 auto; }
#mwModalContent{
  flex: 1 1 auto;
  overflow: auto;
  scrollbar-gutter: stable;
  opacity: 0;
  transition: opacity .18s ease;
}

#mwModalContent.is-visible{
  opacity: 1;
}

#mwModal.is-open #mwModalContent{ opacity:1; }


/* Modal */
.mw-modal{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 18px;
}
.mw-modal.is-open{ display:flex; }

/* Backdrop macht die Container-Ebene, nicht das Child */
.mw-modal{
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Child-Backdrop bleibt nur als Klickfläche, aber ohne Farbe */
.mw-modal .backdrop{
  position:absolute;
  inset:0;
  background: transparent;
  box-shadow: none;
}

.mw-modal .dialog{
  position: relative;
  width: min(1100px, calc(100vw - 36px));

  /* wirkt “voll” auch bei wenig Inhalt */
  min-height: clamp(420px, 70vh, 760px);

  /* wächst bis hierhin, danach scrollt innen */
  max-height: 84vh;

  display:flex;
  flex-direction:column;
  overflow:hidden;

  border-radius: 18px;
  border: 1px solid rgba(148,163,184,0.18);
  background: linear-gradient(180deg, rgba(17,24,39,0.92), rgba(11,15,26,0.92));
  box-shadow: 0 30px 80px rgba(0,0,0,0.45);
}

.mw-modal .dialog-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(148,163,184,0.14);
}
.mw-modal .dialog-title{
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.mw-modal .dialog-close{
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(148,163,184,0.18);
  background: rgba(148,163,184,0.06);
  color: rgba(226,232,240,0.95);
  cursor: pointer;
}
.mw-modal .dialog-close:hover{ background: rgba(148,163,184,0.10); }

.mw-modal .dialog-body{
  padding: 16px 18px 18px;
  overflow: auto;
  flex: 1 1 auto;
}

.mw-tabs{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}
.mw-tab{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.18);
  background: rgba(148,163,184,0.06);
  color: rgba(226,232,240,0.92);
  cursor:pointer;
  font-weight: 700;
  font-size: 13px;
}
.mw-tab.is-active{
  background: rgba(99,102,241,0.18);
  border-color: rgba(99,102,241,0.45);
}

.mw-list{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.mw-row{
  border: 1px solid rgba(148,163,184,0.14);
  background: rgba(148,163,184,0.05);
  border-radius: 14px;
  padding: 12px 12px;
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.mw-row .title{
  font-weight: 800;
  margin-bottom: 4px;
}
.mw-row .meta{
  color: rgba(148,163,184,0.95);
  font-size: 13px;
}
.mw-row .right{
  display:flex;
  align-items:center;
  gap:10px;
}
.mw-pill{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.18);
  background: rgba(148,163,184,0.06);
  font-size: 12px;
  font-weight: 800;
  color: rgba(226,232,240,0.90);
  white-space: nowrap;
}
.mw-empty{
  border: 1px dashed rgba(148,163,184,0.22);
  background: rgba(148,163,184,0.04);
  border-radius: 16px;
  padding: 14px;
  color: rgba(226,232,240,0.9);
  line-height: 1.45;
}


/* ===== Fix: kein "zweiter Schatten" links unten ===== */

/* mwModal ist NUR backdrop, darf selbst keinen Shadow/Background haben */
#mwModal{
  background: rgba(0,0,0,0.35) !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* falls irgendwas in deinem alten CSS dem ersten Child noch mal ein pseudo-layer gibt */
#mwModal > *::before,
#mwModal > *::after{
  content: none !important;
}

#mwModal .backdrop{
  background: transparent !important;
  box-shadow: none !important;
}

/* Shadow nur auf dem Fenster */
#mwModal .dialog{
  box-shadow: 0 22px 60px rgba(0,0,0,0.65) !important;
}

/* Backdrop-Child bleibt nur Clickfläche */
#mwModal .backdrop{
  box-shadow: none !important;
}


.mw-admin-notice-row{
  border-color: rgba(255,180,0,.24) !important;
  background: rgba(255,180,0,.055) !important;
}

.mw-admin-notice-row:hover{
  border-color: rgba(255,180,0,.38) !important;
  background: rgba(255,180,0,.075) !important;
}

.mw-bubble.notice{
  background: rgba(255, 196, 0, 0.045) !important;
  border: 1px solid rgba(255, 196, 0, 0.14) !important;
  color: rgba(255,255,255,0.86) !important;

  padding: 9px 12px !important;
  border-radius: 14px !important;

  font-size: 13px !important;
  line-height: 1.42 !important;

  box-shadow: none !important;
  max-width: 72% !important;
}

/* Messages: System-Tab hervorheben */
#mwModal[data-section="requests"] .mw-tab[data-msgtab="system"]{
  border-color: rgba(255,180,0,.32) !important;
  color: #ffd27a !important;
}

#mwModal[data-section="requests"] .mw-tab[data-msgtab="system"]:hover{
  background: rgba(255,180,0,.10) !important;
  border-color: rgba(255,180,0,.48) !important;
  box-shadow: 0 0 14px rgba(255,180,0,.12) !important;
}

#mwModal[data-section="requests"] .mw-tab[data-msgtab="system"].is-active{
  background: rgba(255,180,0,.14) !important;
  border-color: rgba(255,180,0,.55) !important;
  color: #ffe2a6 !important;
  box-shadow: 0 0 16px rgba(255,180,0,.16) !important;
}
/* Messages: kleiner Dot am System-Tab */
#mwModal[data-section="requests"] .mw-tab{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}

#mwModal[data-section="requests"] .mw-tab-dot.system{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#ffb547;
  box-shadow:0 0 10px rgba(255,181,71,.65);
  flex:0 0 auto;
}

/* Messages: rechte Detailansicht ruhiger strukturieren */
#mwModal[data-section="requests"] .mw-msg-detail-head{
  padding: 4px 2px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  margin-bottom: 4px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-title{
  font-size: 17px !important;
  line-height: 1.25 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-meta{
  color: rgba(220,226,240,.66) !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-sub{
  margin-top: 8px !important;
}

/* Messages: Modal größer und stabiler */
#mwModal[data-section="requests"] .dialog{
  width: min(1280px, calc(100vw - 32px)) !important;
  height: min(860px, calc(100vh - 36px)) !important;
  max-height: calc(100vh - 36px) !important;
}

#mwModal[data-section="requests"] .dialog-body{
  min-height: 0 !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] #mwModalContent{
  min-height: 0 !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-layout{
  height: 100% !important;
  min-height: 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-right{
  min-height: 0 !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  min-height: 0 !important;
  overflow: auto !important;
}

#mwModal[data-section="requests"] .mw-msg-send{
  flex: 0 0 auto !important;
}

/* Messages: bei schmaleren Fenstern sauber stapeln */
@media (max-width: 900px){
  #mwModal[data-section="requests"] .dialog{
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #mwModal[data-section="requests"] .mw-msg-layout{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left{
    max-height: 260px !important;
    min-height: 220px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left .mw-list{
    max-height: 190px !important;
    overflow: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-right{
    min-height: 360px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    max-height: 360px !important;
  }
}
/* Messages mobile/tablet: Sendebox und Button immer erreichbar */
@media (max-width: 900px){

  #mwModal[data-section="requests"] .mw-msg-right{
    display: flex !important;
    flex-direction: column !important;
    max-height: none !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    flex: 1 1 auto !important;
    max-height: 300px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send{
    flex: 0 0 auto !important;
    margin-top: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send textarea{
    min-height: 78px !important;
    max-height: 110px !important;
  }

  /* FIX: Hint + Button sauber untereinander */
  #mwModal[data-section="requests"] .mw-msg-send-row{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  #mwModal[data-section="requests"] #mwSendHint{
    width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }

  #mwModal[data-section="requests"] #mwSendBtn{
    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
}
/* Messages: System-Leerzustand kompakter */
@media (max-width: 900px){
  #mwModal[data-section="requests"][data-msgtab="system"] .mw-msg-right{
    min-height: 260px !important;
  }

  #mwModal[data-section="requests"][data-msgtab="system"] .mw-msg-empty{
    min-height: 0 !important;
    padding: 16px !important;
  }

  #mwModal[data-section="requests"][data-msgtab="system"] .mw-msg-content{
    max-height: 260px !important;
  }
}
.mw-msg-flow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.mw-flow-step{
  display:flex;
  align-items:center;
  gap:8px;

  padding:8px 12px;
  border-radius:999px;

  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);

  font-size:.78rem;
  font-weight:700;
  color:rgba(255,255,255,.68);
}

.mw-flow-step.active{
  border-color:rgba(74,222,128,.45);
  color:#fff;
}

.mw-flow-step.done{
  background:rgba(74,222,128,.10);
}

.mw-flow-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.25);
}

.mw-flow-step.active .mw-flow-dot,
.mw-flow-step.done .mw-flow-dot{
  background:#4ade80;
  box-shadow:0 0 10px rgba(74,222,128,.7);
}

/* Messages: Assignment-Hinweis kompakter */
#mwModal[data-section="requests"] .mw-msg-box,
#mwModal[data-section="requests"] .mw-msg-accept{
  padding: 12px 14px !important;
  margin-top: 12px !important;
}

#mwModal[data-section="requests"] .mw-msg-box > div:first-child,
#mwModal[data-section="requests"] .mw-msg-accept > div:first-child{
  margin-bottom: 4px !important;
}

#mwModal[data-section="requests"] .mw-msg-box .hint,
#mwModal[data-section="requests"] .mw-msg-accept .hint{
  font-size: .88rem !important;
}
/* ===== Kontakt-Details einklappbar ===== */

.mw-contact-toggle{
  margin-top:12px;
}

.mw-contact-btn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  font-size:13px;

  color:#fff;
  background:rgba(34,197,94,.16);
  border:1px solid rgba(34,197,94,.35);

    box-shadow:
    0 0 0 1px rgba(34,197,94,.14),
    0 0 16px rgba(34,197,94,.16);

  animation:mwContactPulse 2.8s ease-in-out infinite;

  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.mw-contact-btn:hover{
  background:rgba(34,197,94,.24);
  border-color:rgba(34,197,94,.55);
  transform:translateY(-1px);
}

.mw-contact-content{
  margin-top:14px;

  display:grid;
  gap:10px;

  padding:14px;
  border-radius:18px;

  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.mw-contact-row{
  padding:12px 14px;
  border-radius:14px;

  background:rgba(255,255,255,.035);
  border:1px dashed rgba(255,255,255,.08);
}

.mw-contact-row strong{
  display:block;
  margin-bottom:4px;

  font-size:13px;
  font-weight:800;
  color:#fff;
}

.mw-contact-row div{
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.86);
}
/* FIX: hidden bei Kontakt-Accordion wirklich respektieren */
.mw-contact-content[hidden]{
  display:none !important;
}

/* =====================================================
   MESSAGES INBOX POLISH – Airbnb/Uber Style
   Final Override
   ===================================================== */

#mwModal[data-section="requests"] .dialog{
  width: min(1320px, calc(100vw - 28px)) !important;
  height: min(900px, calc(100vh - 28px)) !important;
  max-height: calc(100vh - 28px) !important;
}

#mwModal[data-section="requests"] .dialog-body{
  overflow: hidden !important;
  min-height: 0 !important;
}

#mwModal[data-section="requests"] #mwModalContent{
  overflow: hidden !important;
  min-height: 0 !important;
  height: 100% !important;
}

#mwModal[data-section="requests"] .mw-msg-layout{
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: 340px minmax(0, 1fr) !important;
}

#mwModal[data-section="requests"] .mw-msg-left,
#mwModal[data-section="requests"] .mw-msg-right{
  min-height: 0 !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-right{
  gap: 10px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head{
  flex: 0 0 auto !important;
  padding: 2px 2px 10px !important;
  margin-bottom: 2px !important;
}

#mwModal[data-section="requests"] .mw-msg-flow{
  margin-top: 8px !important;
  gap: 7px !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  padding: 6px 10px !important;
  font-size: 12px !important;
}

#mwModal[data-section="requests"] .mw-msg-box,
#mwModal[data-section="requests"] .mw-msg-accept{
  padding: 9px 12px !important;
  margin-top: 6px !important;
  border-radius: 14px !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  height: 100% !important;
  min-height: 360px !important;
  max-height: none !important;
  overflow-y: auto !important;
}

#mwModal[data-section="requests"] .mw-msg-send{
  flex: 0 0 auto !important;
  padding: 12px !important;
}

#mwModal[data-section="requests"] .mw-msg-send textarea,
#mwModal[data-section="requests"] .mw-msg-send textarea.input{
  min-height: 76px !important;
  max-height: 120px !important;
  resize: none !important;
}

#mwModal[data-section="requests"] .mw-bubble{
  margin: 7px 0 !important;
  padding: 10px 13px !important;
}

#mwModal[data-section="requests"] .mw-bubble.notice{
  max-width: 68% !important;
  padding: 8px 11px !important;
  font-size: 12px !important;
}

@media (max-width: 900px){
  #mwModal[data-section="requests"] .mw-msg-layout{
    grid-template-columns: 1fr !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left{
    max-height: 230px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 260px !important;
  }
}

/* =====================================================
   MESSAGES STATUS CARD COMPACT
   Weniger Höhe für Auftrag-/Finaldaten-Status
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-accept > div:first-child,
#mwModal[data-section="requests"] .mw-msg-box > div:first-child{
  font-size: 13px !important;
  line-height: 1.25 !important;
  margin-bottom: 2px !important;
}

#mwModal[data-section="requests"] .mw-msg-accept .hint,
#mwModal[data-section="requests"] .mw-msg-box .hint{
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin-top: 4px !important;
}

#mwModal[data-section="requests"] .mw-msg-accept{
  gap: 7px !important;
}

#mwModal[data-section="requests"] .mw-msg-box{
  gap: 7px !important;
}
/* =====================================================
   MESSAGES CHAT AREA BOOST
   Mehr Lesefläche, Sendebox flacher
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-right{
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  min-height: 0 !important;
  height: 100% !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  min-height: 420px !important;
  height: 100% !important;
}

#mwModal[data-section="requests"] .mw-msg-send{
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

#mwModal[data-section="requests"] .mw-msg-send textarea,
#mwModal[data-section="requests"] .mw-msg-send textarea.input{
  min-height: 58px !important;
  height: 58px !important;
  max-height: 90px !important;
  padding: 10px 12px !important;
}

#mwModal[data-section="requests"] .mw-msg-send-row{
  margin-top: 8px !important;
}

#mwModal[data-section="requests"] #mwSendBtn{
  height: 34px !important;
  padding: 0 18px !important;
}
/* =====================================================
   MESSAGES STARTKLAR BOX – FLATTER
   Statusbox nimmt weniger Chatfläche weg
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-box{
  padding: 8px 10px !important;
  border-radius: 13px !important;
}

#mwModal[data-section="requests"] .mw-msg-box > div:first-child{
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

#mwModal[data-section="requests"] .mw-contact-toggle{
  margin-top: 4px !important;
}

#mwModal[data-section="requests"] .mw-contact-btn{
  padding: 7px 12px !important;
  font-size: 12px !important;
}

#mwModal[data-section="requests"] .mw-msg-box .hint{
  display: none !important;
}
/* =====================================================
   MESSAGES COMPOSER – FINAL SIZE FIX
   Schreibfeld wieder angenehm groß
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-send textarea,
#mwModal[data-section="requests"] .mw-msg-send textarea.input{
  min-height: 82px !important;
  height: 82px !important;
  max-height: 140px !important;
  padding: 13px 14px !important;
  line-height: 1.45 !important;
}

#mwModal[data-section="requests"] .mw-msg-send{
  padding: 12px 14px !important;
}

#mwModal[data-section="requests"] .mw-msg-send-row{
  margin-top: 10px !important;
}
/* =====================================================
   MESSAGES BUBBLES – CLEAR LEFT/RIGHT FLOW
   Eigene Nachrichten rechts, andere links
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-bubbles{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}

#mwModal[data-section="requests"] .mw-bubble{
  width: fit-content !important;
  max-width: 72% !important;
  margin: 0 !important;
}

#mwModal[data-section="requests"] .mw-bubble.me{
  align-self: flex-end !important;
  margin-left: auto !important;
}

#mwModal[data-section="requests"] .mw-bubble:not(.me):not(.notice){
  align-self: flex-start !important;
  margin-right: auto !important;
}

#mwModal[data-section="requests"] .mw-bubble.notice{
  align-self: center !important;
  max-width: 62% !important;
}
/* Contact strip: nicht mehr als große Box in den Chat ragen lassen */
#mwModal[data-section="requests"] .mw-final-contact-strip{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#mwModal[data-section="requests"] .mw-final-contact-strip .mw-contact-toggle{
  margin: 0 !important;
}

#mwModal[data-section="requests"] .mw-final-contact-strip .mw-contact-btn{
  padding: 6px 12px !important;
  font-size: 12px !important;
}

/* Matawow Chat Bubble Color – weniger Fremd-Blau */
#mwModal[data-section="requests"] .mw-bubble.me{
  background: linear-gradient(
    180deg,
    rgba(124,58,237,.28),
    rgba(109,94,247,.16)
  ) !important;
  border-color: rgba(168,85,247,.42) !important;
}

#mwModal[data-section="requests"] .mw-bubble.notice{
  align-self: center !important;
  background: rgba(255,196,0,.045) !important;
  border-color: rgba(255,196,0,.16) !important;
  color: rgba(255,255,255,.86) !important;
}
/* Chat Bubble Gegenüber – dezenter Matawow-Türkis-Akzent */
#mwModal[data-section="requests"] .mw-bubble:not(.me):not(.notice){
  background: linear-gradient(
    180deg,
    rgba(32,224,178,.12),
    rgba(255,255,255,.045)
  ) !important;
  border-color: rgba(32,224,178,.20) !important;
}
/* Chat Bubble Gegenüber – freundlicher Türkis/Azure */
#mwModal[data-section="requests"] .mw-bubble:not(.me):not(.notice){
  background: linear-gradient(
    180deg,
    rgba(70,150,255,.16),
    rgba(32,224,178,.06)
  ) !important;

  border-color: rgba(80,170,255,.34) !important;

  box-shadow:
    0 0 0 1px rgba(80,170,255,.06),
    0 8px 22px rgba(0,0,0,.18) !important;
}

/* Status rechts oben im Message Header */
#mwModal[data-section="requests"] .mw-msg-detail-head > div{
  position: relative !important;
}

#mwModal[data-section="requests"] .mw-header-status{
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 13px;
  font-weight: 700;
  color: rgba(245,247,255,.9);
}

#mwModal[data-section="requests"] .mw-contact-btn-inline{
  padding: 6px 12px !important;
  font-size: 12px !important;
}
/* Leere Trennzeile zwischen Header und Chat entfernen */
#mwModal[data-section="requests"] .mw-msg-thread-divider{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}



/* FINAL FIX: Gegenüber-Bubble klarer Azure statt Grün */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble:not(.me):not(.notice){
  background: linear-gradient(
    180deg,
    rgba(58,160,255,.24),
    rgba(109,94,247,.10)
  ) !important;

  border-color: rgba(58,160,255,.42) !important;

  box-shadow:
    0 0 0 1px rgba(58,160,255,.08),
    0 10px 24px rgba(0,0,0,.20) !important;
}



#mwModal[data-section="requests"] #mwContactContent[hidden]{
  display: none !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  min-height: 0 !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  min-height: 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-footer-actions{
  position: static !important;
  margin-top: 6px !important;
}
/* =====================================================
   MESSAGES MOBILE HEADER FIX
   Titel, Status und Kontaktbutton nicht überlappen lassen
   ===================================================== */

@media (max-width: 760px){

  #mwModal[data-section="requests"] .mw-msg-detail-head{
    padding-bottom: 10px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-detail-head > div{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    position: relative !important;
  }

  #mwModal[data-section="requests"] .mw-header-status{
    position: static !important;
    order: 3 !important;
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: wrap !important;

    margin-top: 2px !important;
    font-size: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-detail-title{
    order: 1 !important;
    padding-right: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-detail-meta{
    order: 2 !important;
    font-size: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-flow{
    order: 4 !important;
    margin-top: 4px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-btn-inline{
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  #mwModal[data-section="requests"] #mwContactContent{
    top: 150px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
}
/* =====================================================
   FINAL NIGHT FIX – Messages schmale Ansicht
   Chatbereich nicht mehr winzig/komisch quetschen
   ===================================================== */

@media (max-width: 900px){

  #mwModal[data-section="requests"] .mw-msg-right{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    flex: 1 1 auto !important;
    min-height: 180px !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 180px !important;
    height: 220px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send{
    flex: 0 0 auto !important;
    margin-top: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-footer-actions{
    flex: 0 0 auto !important;
    margin-top: 4px !important;
  }

  #mwModal[data-section="requests"] .mw-bubble.notice{
    max-width: 80% !important;
  }
}

/* FINAL FIX: Message Header Status nie über Titel legen */
#mwModal[data-section="requests"] .mw-msg-detail-head > div{
  position: relative !important;
  padding-right: 260px !important;
}

#mwModal[data-section="requests"] .mw-header-status{
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  max-width: 250px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 980px){
  #mwModal[data-section="requests"] .mw-msg-detail-head > div{
    padding-right: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-header-status{
    position: static !important;
    margin-top: 8px !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
}

/* =====================================================
   FINAL MOBILE FIX – Messages Tabs vollständig sichtbar
   Eingang / Gesendet / System / Papierkorb
   ===================================================== */

@media (max-width: 900px){

  #mwModal[data-section="requests"] .dialog{
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #mwModal[data-section="requests"] .dialog-body{
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
  }

  #mwModal[data-section="requests"] #mwModalContent{
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #mwModal[data-section="requests"] .mw-msg-layout{
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left{
    min-height: 0 !important;
    max-height: 210px !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left .mw-list{
    max-height: 145px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-right{
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 150px !important;
    height: 170px !important;
    max-height: 170px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send{
    flex: 0 0 auto !important;
    margin-top: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-footer-actions{
    flex: 0 0 auto !important;
    margin-top: 6px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-empty{
    min-height: 180px !important;
  }
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
  padding:18px !important;
}

/* Basis Bubble */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble{
  position:relative !important;
  width:fit-content !important;
  max-width:72% !important;

  padding:11px 15px 9px !important;
  margin:0 !important;

  border-radius:22px !important;
  line-height:1.42 !important;

  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.20) !important;

  backdrop-filter:blur(12px) !important;
}

/* Fremde Nachricht links */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble:not(.me):not(.notice){
  align-self:flex-start !important;

  background:linear-gradient(
    180deg,
    rgba(58,160,255,.26),
    rgba(58,160,255,.12)
  ) !important;

  border-color:rgba(58,160,255,.40) !important;

  border-top-left-radius:22px !important;
  border-top-right-radius:22px !important;
  border-bottom-right-radius:22px !important;
  border-bottom-left-radius:7px !important;
}

/* Fremde Bubble Tail */
/* Fremde Bubble */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble:not(.me):not(.notice){
  align-self:flex-start !important;

  background:linear-gradient(
    180deg,
    rgba(58,160,255,.26),
    rgba(58,160,255,.12)
  ) !important;

  border-color:rgba(58,160,255,.40) !important;

  border-radius:
    10px
    24px
    24px
    24px !important;
}

/* Eigene Bubble */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble.me{
  align-self:flex-end !important;

  background:linear-gradient(
    180deg,
    rgba(124,58,237,.34),
    rgba(109,94,247,.18)
  ) !important;

  border-color:rgba(168,85,247,.44) !important;

  border-radius:
    24px
    10px
    24px
    24px !important;
}



/* Systemhinweis bleibt ohne Tail */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble.notice{
  align-self:center !important;
  max-width:64% !important;
  border-radius:16px !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble.notice::after{
  display:none !important;
}

/* Text kompakter wie Messenger */
#mwModal[data-section="requests"] .mw-bubble-text{
  font-size:14px !important;
  line-height:1.42 !important;
}

#mwModal[data-section="requests"] .mw-bubble-meta{
  margin-top:5px !important;
  font-size:10.5px !important;
  opacity:.58 !important;
}

/* =====================================================
   UNREAD VISUAL HIGHLIGHT – THREADS / TABS / BUBBLES
===================================================== */

#mwModal[data-section="requests"] .mw-tab-count{
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  color:#07130d;
  background:#22c55e;
  box-shadow:0 0 14px rgba(34,197,94,.55);
}

#mwModal[data-section="requests"] .mw-tab-count.system{
  background:#ffb547;
  color:#1d1300;
  box-shadow:0 0 14px rgba(255,181,71,.55);
}

#mwModal[data-section="requests"] .mw-thread-row.is-unread{
  border-color:rgba(34,197,94,.82) !important;
  background:
    linear-gradient(180deg, rgba(34,197,94,.14), rgba(255,255,255,.035)) !important;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.36),
    0 0 26px rgba(34,197,94,.22) !important;
}

#mwModal[data-section="requests"] .mw-thread-row.is-unread .mw-thread-row-title{
  color:#fff !important;
  font-weight:900 !important;
}

#mwModal[data-section="requests"] .mw-bubble.is-new{
  border-color:rgba(34,197,94,.90) !important;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.70),
    0 0 28px rgba(34,197,94,.34),
    0 12px 30px rgba(0,0,0,.28) !important;
  animation:mwUnreadBubblePulse 1.5s ease;
}

@keyframes mwUnreadBubblePulse{
  0%{ transform:scale(.985); opacity:.84; }
  100%{ transform:scale(1); opacity:1; }
}

/* =====================================================
   UNREAD THREAD HIGHLIGHT
===================================================== */

#mwModal[data-section="requests"] .mw-thread-row.is-unread{
  border-color:rgba(34,197,94,.55) !important;

  box-shadow:
    0 0 0 1px rgba(34,197,94,.24),
    0 0 18px rgba(34,197,94,.12) !important;
}

#mwModal[data-section="requests"] .mw-thread-row.is-unread .mw-thread-row-title{
  color:#fff !important;
  font-weight:900 !important;
}

/* =====================================================
   NEW / UNREAD MESSAGE BUBBLE
===================================================== */

#mwModal[data-section="requests"] .mw-bubble.is-new{
  border-color:rgba(34,197,94,.75) !important;

  box-shadow:
    0 0 0 1px rgba(34,197,94,.55),
    0 0 22px rgba(34,197,94,.22),
    0 10px 24px rgba(0,0,0,.22) !important;

  animation:mwUnreadBubblePulse 1.6s ease;
}

@keyframes mwUnreadBubblePulse{
  0%{
    transform:scale(.985);
    opacity:.86;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}

/* =====================================================
   FINAL FIX – Message Accept Box kompakt oben rechts
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-detail-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  padding:2px 2px 10px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-main{
  flex:1 1 auto !important;
  min-width:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  margin:0 0 0 auto !important;
  padding:8px 10px !important;
  border-radius:999px !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;

  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head > div:first-child{
  width:auto !important;
  margin:0 4px 0 0 !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  color:rgba(245,247,255,.85) !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  height:30px !important;
  padding:0 10px !important;
  font-size:12px !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:rgba(245,247,255,.92) !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary{
  background:rgba(34,197,94,.12) !important;
  border-color:rgba(34,197,94,.30) !important;
  color:#d8ffe6 !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary:hover{
  background:rgba(34,197,94,.18) !important;
  border-color:rgba(34,197,94,.42) !important;
}

@media (max-width:980px){
  #mwModal[data-section="requests"] .mw-msg-detail-head{
    flex-wrap:wrap !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
}
/* =====================================================
   FINAL LAUNCH FIX – Message Header stabil
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-detail-head{
  position:relative !important;
  display:block !important;
  padding:2px 2px 12px !important;
  margin-bottom:6px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  min-height:92px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-main{
  padding-right:390px !important;
  min-width:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-flow{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:7px !important;
  margin-top:8px !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  height:28px !important;
  padding:0 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head{
  position:absolute !important;
  top:0 !important;
  right:0 !important;

  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:6px 8px !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;

  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head > div:first-child{
  width:auto !important;
  margin:0 4px 0 0 !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  height:28px !important;
  padding:0 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  box-shadow:none !important;
  filter:none !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary{
  background:rgba(34,197,94,.13) !important;
  border-color:rgba(34,197,94,.32) !important;
  color:#dfffea !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.ghost{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:rgba(245,247,255,.88) !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

#mwModal[data-section="requests"] .mw-bubble{
  width:fit-content !important;
  max-width:min(78%, 540px) !important;
}

@media (max-width:980px){
  #mwModal[data-section="requests"] .mw-msg-detail-main{
    padding-right:0 !important;
  }

 #mwModal[data-section="requests"] .mw-msg-accept-head{
  margin-top:10px !important;
  margin-bottom:10px !important;

  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;

  padding:6px 10px !important;

  width:fit-content !important;
  max-width:100% !important;
}
  #mwModal[data-section="requests"] .mw-msg-flow{
    flex-wrap:wrap !important;
  }
}

/* Accept-Bar ohne äußere Oval-Hülle */
#mwModal[data-section="requests"] .mw-msg-accept-head{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;

  padding:0 !important;
  margin-top:10px !important;
  margin-bottom:10px !important;

  width:auto !important;
  max-width:100% !important;

  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
/* Message Action Buttons: kein alter grüner Glow */
#mwModal[data-section="requests"] .mw-msg-accept-head .btn,
#mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary{
  box-shadow:none !important;
  filter:none !important;
}
#mwModal[data-section="requests"] .mw-msg-bubbles{
  position:relative !important;

  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;

  background:
    linear-gradient(
      180deg,
      rgba(20,28,48,.82) 0%,
      rgba(10,16,32,.72) 38%,
      rgba(4,8,18,.55) 70%,
      rgba(4,8,18,.38) 100%
    ) !important;

  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;

mask-image:
  linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 55%,
    rgba(0,0,0,.75) 72%,
    rgba(0,0,0,.35) 86%,
    rgba(0,0,0,0) 100%
  ) !important;

-webkit-mask-image:
  linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 55%,
    rgba(0,0,0,.75) 72%,
    rgba(0,0,0,.35) 86%,
    rgba(0,0,0,0) 100%
  ) !important;
}
/* FINAL RESET: Chatfenster wieder klare Kante, kein Fade unten */
#mwModal[data-section="requests"] .mw-msg-bubbles{
  mask-image:none !important;
  -webkit-mask-image:none !important;

  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;

  background:rgba(6,10,20,.42) !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* =====================================================
   FINAL MOBILE FIX – Messages ruhiger & breiter
   ===================================================== */
@media (max-width: 600px){

  #mwModal[data-section="requests"]{
    padding: 6px !important;
  }

  #mwModal[data-section="requests"] .dialog{
    width: calc(100vw - 10px) !important;
    height: calc(100vh - 10px) !important;
    max-height: calc(100vh - 10px) !important;
    border-radius: 16px !important;
  }

  #mwModal[data-section="requests"] .dialog-head{
    padding: 14px 16px !important;
  }

  #mwModal[data-section="requests"] .dialog-body{
    padding: 12px !important;
  }

 #mwModal[data-section="requests"] .mw-msg-left{
  max-height: 190px !important;
  min-height: 155px !important;
  padding: 10px !important;
}
#mwModal[data-section="requests"] .mw-msg-left .mw-list{
  max-height: 118px !important;
  overflow-y: auto !important;
}

  #mwModal[data-section="requests"] .mw-msg-right{
    padding: 14px !important;
    border-radius: 18px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-detail-head{
    min-height: 0 !important;
    padding-bottom: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-flow{
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  #mwModal[data-section="requests"] .mw-flow-step{
    height: 28px !important;
    padding: 0 10px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head{
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    gap: 8px !important;
    margin-top: 12px !important;
    text-align: center !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head > div:first-child{
    text-align: center !important;
    margin: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head .btn{
    width: 100% !important;
    height: 34px !important;
    justify-content: center !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 230px !important;
    height: 230px !important;
    max-height: 230px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  #mwModal[data-section="requests"] .mw-bubble{
    max-width: 86% !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send{
    padding: 12px !important;
    border-radius: 16px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send textarea,
  #mwModal[data-section="requests"] .mw-msg-send textarea.input{
    height: 76px !important;
    min-height: 76px !important;
  }

  #mwModal[data-section="requests"] #mwSendBtn,
  #mwModal[data-section="requests"] #mwTrashBtn{
    width: 100% !important;
  }

  /* Mobile: Konversationskarten kompakter */
#mwModal[data-section="requests"] .mw-thread-row{
  min-height:72px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
}

#mwModal[data-section="requests"] .mw-thread-avatar{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
}

#mwModal[data-section="requests"] .mw-thread-title{
  font-size:15px !important;
  line-height:1.15 !important;
}

#mwModal[data-section="requests"] .mw-thread-sub{
  font-size:12px !important;
  line-height:1.2 !important;
  margin-top:2px !important;
}

#mwModal[data-section="requests"] .mw-thread-preview{
  font-size:12px !important;
  line-height:1.2 !important;

  display:-webkit-box !important;
  -webkit-line-clamp:1 !important;
  line-clamp:1;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-thread-status{
  margin-top:6px !important;

  align-self:flex-start !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:22px !important;
  padding:0 9px !important;

  border-radius:999px !important;

  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;

  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;

  color:rgba(255,255,255,.82) !important;
}
#mwModal[data-section="requests"] .mw-msg-left .mw-list{
  padding-top:8px !important;
}
#mwModal[data-section="requests"] .mw-thread-status{
  margin-top:4px !important;
  padding:6px 12px !important;
  font-size:12px !important;
}
#mwModal[data-section="requests"] .mw-thread-row{
  padding-bottom:16px !important;
}
#mwModal[data-section="requests"] .mw-thread-row{
  overflow:visible !important;
}
/* Mobile: OFFEN-UFO durch kleinen Open-Dot am Avatar ersetzen */
#mwModal[data-section="requests"] .mw-thread-row-bottom,
#mwModal[data-section="requests"] .mw-thread-row-side,
#mwModal[data-section="requests"] .mw-thread-status{
  display:none !important;
}

#mwModal[data-section="requests"] .mw-thread-avatar{
  position:relative !important;
  overflow:visible !important;
}

#mwModal[data-section="requests"] .mw-thread-avatar img{
  border-radius:999px !important;
}

#mwModal[data-section="requests"] .mw-thread-avatar::after{
  content:"";
  position:absolute;
  right:-2px;
  bottom:2px;

  width:11px;
  height:11px;
  border-radius:999px;

  background:#22c55e;
  border:2px solid #111827;

  box-shadow:
    0 0 0 1px rgba(34,197,94,.55),
    0 0 12px rgba(34,197,94,.85);
}
#mwModal[data-section="requests"] .mw-thread-avatar::after{
  content:"";
  position:absolute;

  right:-6px;
  bottom:4px;

  width:8px;
  height:8px;
  border-radius:999px;

  background:#22c55e;
  border:2px solid #111827;

  box-shadow:
    0 0 6px rgba(34,197,94,.75);
}
}

/* =====================================================
   TABLET / MID WIDTH FIX – 601 bis 900px
   ===================================================== */
@media (min-width: 601px) and (max-width: 900px){

  #mwModal[data-section="requests"] .mw-msg-detail-head{
    min-height:0 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head{
    position:static !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    gap:8px !important;
    margin:10px 0 6px !important;
    text-align:left !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head > div:first-child{
    width:auto !important;
    margin:0 6px 0 0 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head .btn{
    width:auto !important;
    height:30px !important;
    padding:0 12px !important;
    min-width:unset !important;
    justify-content:center !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height:300px !important;
    height:300px !important;
    max-height:300px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send textarea,
  #mwModal[data-section="requests"] .mw-msg-send textarea.input{
    height:72px !important;
    min-height:72px !important;
  }
}
/* FIX: 601–760px Action-Label sauber über Buttons */
@media (min-width: 601px) and (max-width: 760px){

  #mwModal[data-section="requests"] .mw-msg-accept-head{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    gap:6px !important;
    row-gap:10px !important;
    width:100% !important;
    margin:12px 0 8px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-action-label{
    flex:0 0 100% !important;
    width:100% !important;
    display:block !important;
    margin:0 0 4px 0 !important;
    padding:0 !important;
    line-height:1.25 !important;
  }

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  width:fit-content !important;
  min-width:0 !important;
  height:32px !important;
  padding:0 14px !important;
  white-space:nowrap !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head{
  row-gap:8px !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn + .btn{
  margin-left:4px !important;
}
}

#mwModal[data-section="requests"] .mw-final-details-panel{
  position: relative !important;
  z-index: 60 !important;
  margin: 10px 0 12px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(5,8,18,.96) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.04) inset !important;
  backdrop-filter: blur(14px) !important;
}

#mwModal[data-section="requests"] .mw-final-details-card{
  display: grid !important;
  gap: 12px !important;
}

#mwModal[data-section="requests"] .mw-final-details-title{
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #fff !important;
}

#mwModal[data-section="requests"] .mw-final-details-hint{
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: rgba(234,240,248,.72) !important;
}

#mwModal[data-section="requests"] .mw-final-details-panel .input{
  background: rgba(15,23,42,.86) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

#mwModal[data-section="requests"] .mw-final-details-panel textarea{
  resize: none !important;
}

/* =====================================================
   LAUNCH FIX – Messages: Mid-width Ghost/Overflow
   Fix für ca. 981–1127px + versteckte grüne Button-Glow
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-right{
  position: relative !important;
  overflow: hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head{
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-main{
  min-width: 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head > div{
  padding-right: 0 !important;
}

#mwModal[data-section="requests"] .mw-header-status{
  position: static !important;
  max-width: 100% !important;
  margin-bottom: 8px !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#mwModal[data-section="requests"] .mw-msg-flow{
  position: relative !important;
  z-index: 20 !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

#mwModal[data-section="requests"] .mw-msg-accept,
#mwModal[data-section="requests"] .mw-final-confirm-box,
#mwModal[data-section="requests"] .mw-final-details-box{
  position: relative !important;
  z-index: 30 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  position: relative !important;
  z-index: 10 !important;
  clear: both !important;
}

/* genau das Loch, das du gesehen hast */
@media (min-width: 981px) and (max-width: 1127px){
  #mwModal[data-section="requests"] .mw-msg-layout{
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left{
    padding: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-right{
    padding: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 300px !important;
    height: auto !important;
  }
}

/* =====================================================
   LAUNCH FIX 2 – Messages: Tablet/Mid-width sauber stapeln
   ===================================================== */

@media (min-width: 901px) and (max-width: 1279px){

  #mwModal[data-section="requests"] .dialog{
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #mwModal[data-section="requests"] .mw-msg-layout{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left{
    max-height: 230px !important;
    min-height: 180px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left .mw-list{
    max-height: 160px !important;
    overflow: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-right{
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept{
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 14px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 260px !important;
    max-height: 340px !important;
  }
}

/* =====================================================
   LAUNCH FIX 3 – Message action row wie Auftraggeber
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-accept-head{
  width:100% !important;
  max-width:100% !important;
  margin:12px 0 0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-msg-action-label{
  font-weight:800 !important;
  font-size:13px !important;
  color:rgba(245,247,255,.92) !important;
  margin-right:2px !important;
  line-height:1 !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  margin:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head{
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
/* =====================================================
   LAUNCH FIX 4 – 601–760px Action Row sauber umbrechen
   ===================================================== */

@media (min-width: 601px) and (max-width: 760px){

  #mwModal[data-section="requests"] .mw-msg-accept-head{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
  }

  #mwModal[data-section="requests"] .mw-msg-action-label{
    flex:0 0 100% !important;
    width:100% !important;

    margin:0 0 10px 0 !important;
    padding:0 !important;

    line-height:1.2 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head .btn{
    margin-top:0 !important;
  }
}

/* =====================================================
   EMERGENCY RESET – Messages Layout wieder gleichmäßig
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-right{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  flex:1 1 auto !important;
  min-height:360px !important;
  max-height:none !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  height:100% !important;
  min-height:360px !important;
  max-height:none !important;
  overflow-y:auto !important;
}

#mwModal[data-section="requests"] .mw-msg-send{
  flex:0 0 auto !important;
  margin-top:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-send textarea,
#mwModal[data-section="requests"] .mw-msg-send textarea.input{
  min-height:86px !important;
  max-height:86px !important;
  resize:none !important;
}

#mwModal[data-section="requests"] .mw-msg-footer-actions{
  flex:0 0 auto !important;
  margin-top:0 !important;
  position:static !important;
}

/* Kontaktbox darf Layout nicht größer/kleiner machen */
#mwModal[data-section="requests"] #mwContactContent{
  position:absolute !important;
  top:130px !important;
  right:24px !important;
  width:320px !important;
  max-width:calc(100% - 48px) !important;
  z-index:50 !important;
  background:rgba(17,24,39,.98) !important;
}

@media (max-width:900px){
  #mwModal[data-section="requests"] .mw-msg-content{
    min-height:260px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height:260px !important;
  }

  #mwModal[data-section="requests"] #mwContactContent{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 !important;
  }
}

/* =====================================================
   MESSAGES RESPONSIVE CLEANUP – 21.05.
   Finaldaten kompakter + Übergänge stabiler
   ===================================================== */

/* 1) Finaldaten-Panel: nicht mehr durchsichtig/zu dominant */
#mwModal[data-section="requests"] #mwContactContent,
#mwModal[data-section="requests"] .mw-contact-content{
  background:
    linear-gradient(180deg, rgba(22,28,44,.97), rgba(14,20,34,.97)) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* 2) Desktop: Kontaktbox als kleines Overlay rechts im Chat */
@media (min-width: 981px){
  #mwModal[data-section="requests"] .mw-msg-right{
    position: relative !important;
  }

  #mwModal[data-section="requests"] #mwContactContent{
    position: absolute !important;
    top: 118px !important;
    right: 22px !important;
    left: auto !important;

    width: min(330px, 38%) !important;
    max-width: 330px !important;
    z-index: 12 !important;

    margin: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row{
    padding: 11px 13px !important;
  }

  #mwModal[data-section="requests"] #mwContactContent .mw-contact-row div{
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

/* 3) Tablet/Übergang 761–980px: Kontaktbox inline, aber kompakt */
@media (min-width: 761px) and (max-width: 980px){
  #mwModal[data-section="requests"] #mwContactContent{
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 14px !important;
    z-index: auto !important;
  }

  #mwModal[data-section="requests"] .mw-contact-content{
    padding: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row{
    padding: 10px 12px !important;
  }
}

/* 4) Mobile: Finaldaten nicht über Chat kleben lassen */
@media (max-width: 760px){
  #mwModal[data-section="requests"] #mwContactContent{
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 14px !important;
    z-index: auto !important;
  }

  #mwModal[data-section="requests"] .mw-contact-content{
    padding: 10px !important;
    gap: 8px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row{
    padding: 10px 12px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row strong{
    font-size: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row div{
    font-size: 13px !important;
  }
}

/* 5) Gelesen/Button: niemals mitten als breite Geisterleiste */
#mwModal[data-section="requests"] #mwConfirmFinalBtn,
#mwModal[data-section="requests"] .mw-confirm-final-btn{
  position: static !important;
  width: auto !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* 6) Chatbereich darf durch Kontaktbox nicht schrumpfen */
#mwModal[data-section="requests"] .mw-msg-bubbles{
  position: relative !important;
  min-height: 300px !important;
}

/* 7) Bei sehr kleinen Breiten Buttons nicht quetschen */
@media (max-width: 440px){
  #mwModal[data-section="requests"] .mw-flow-step{
    font-size: 11px !important;
    padding: 6px 9px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-btn,
  #mwModal[data-section="requests"] .mw-contact-btn-inline{
    width: 100% !important;
    justify-content: center !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send-row{
    gap: 8px !important;
  }
}

/* =====================================================
   MESSAGES FIX – 980px Scroll + Mobile Compact Contact
   ===================================================== */

/* 980px / Tablet: Modalinhalt darf wieder scrollen */
@media (min-width: 761px) and (max-width: 980px){
  #mwModal[data-section="requests"] #mwModalContent{
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100% !important;
    scrollbar-gutter: stable !important;
  }

  #mwModal[data-section="requests"] .mw-msg-layout{
    height: auto !important;
    min-height: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-right{
    overflow: visible !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    overflow: visible !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    height: 340px !important;
    max-height: 340px !important;
    min-height: 260px !important;
    overflow-y: auto !important;
  }
}

/* Mobile: Kontaktdaten kompakter, damit die Seite nicht unnötig lang wird */
@media (max-width: 760px){
  #mwModal[data-section="requests"] .mw-contact-content{
    padding: 8px !important;
    gap: 7px !important;
    border-radius: 16px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row{
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  #mwModal[data-section="requests"] .mw-contact-row strong{
    margin-bottom: 2px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 240px !important;
  }
}

/* =====================================================
   FIX – Papierkorb bei 901–1279px sichtbar halten
   ===================================================== */

@media (min-width: 901px) and (max-width: 1279px){

  #mwModal[data-section="requests"] .mw-msg-right{
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    flex: 1 1 auto !important;
    min-height: 220px !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    height: 100% !important;
    min-height: 220px !important;
    max-height: none !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send{
    flex: 0 0 auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send textarea,
  #mwModal[data-section="requests"] .mw-msg-send textarea.input{
    min-height: 72px !important;
    max-height: 72px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-footer-actions{
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 8px !important;
    padding-bottom: 2px !important;
  }

  #mwModal[data-section="requests"] #mwTrashBtn{
    min-width: max-content !important;
    flex: 0 0 auto !important;
  }
}
/* =====================================================
   FIX – Messages Breakpoint stabilisieren 896–1279px
   Alles bis 1279px einspaltig, ab 1280px Desktop
   ===================================================== */

@media (max-width: 1279px){

  #mwModal[data-section="requests"] .dialog{
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #mwModal[data-section="requests"] .dialog-body{
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] #mwModalContent{
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  #mwModal[data-section="requests"] .mw-msg-layout{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left{
    min-height: 190px !important;
    max-height: 260px !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-left .mw-list{
    max-height: 190px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-right{
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    min-height: 0 !important;
    overflow: visible !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 260px !important;
    height: 300px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send textarea,
  #mwModal[data-section="requests"] .mw-msg-send textarea.input{
    min-height: 72px !important;
    max-height: 90px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-footer-actions{
    display: flex !important;
    justify-content: stretch !important;
    margin-top: 8px !important;
  }

  #mwModal[data-section="requests"] .mw-msg-footer-actions-right{
    width: 100% !important;
  }

  #mwModal[data-section="requests"] #mwTrashBtn{
    width: 100% !important;
    display: flex !important;
  }
}

@media (min-width: 1280px){

  #mwModal[data-section="requests"] .mw-msg-layout{
    grid-template-columns: 320px minmax(0, 1fr) !important;
  }

  #mwModal[data-section="requests"] #mwTrashBtn{
    width: auto !important;
  }
}
/* =====================================================
   FIX – Desktop Papierkorb nicht abschneiden ab 1280px
   ===================================================== */

@media (min-width: 1280px){

  #mwModal[data-section="requests"] .mw-msg-right{
    padding-bottom: 18px !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-content{
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-bubbles{
    min-height: 220px !important;
    height: auto !important;
    max-height: 300px !important;
    overflow-y: auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-send{
    flex: 0 0 auto !important;
  }

  #mwModal[data-section="requests"] .mw-msg-footer-actions{
    flex: 0 0 auto !important;
    margin-top: 10px !important;
    padding-bottom: 8px !important;
    justify-content: flex-end !important;
  }

  #mwModal[data-section="requests"] #mwTrashBtn{
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: max-content !important;
    margin-bottom: 0 !important;
  }
}


/* =====================================================
   SPRINT 19 FINAL – Message Chatfläche zurückholen
   Zentral in profile-messages.css
   ===================================================== */

@media (min-width:1280px){

  #mwModal[data-section="requests"] #mwModalContent{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  #mwModal[data-section="requests"] .mw-msg-layout{
    height:100% !important;
    min-height:0 !important;
    grid-template-columns:320px minmax(0,1fr) !important;
    gap:16px !important;
  }

  #mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right{
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  #mwModal[data-section="requests"] #mwMsgDetail .mw-msg-detail-head{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 0 6px !important;
  }

  #mwModal[data-section="requests"] #mwMsgDetail .mw-msg-flow{
    margin-top:8px !important;
    margin-bottom:0 !important;
    padding-bottom:8px !important;
  }

  #mwModal[data-section="requests"] #mwMsgDetail .mw-msg-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
    margin:6px 0 8px !important;
    padding:0 !important;
  }

  #mwModal[data-section="requests"] #mwMsgBubbles,
  #mwModal[data-section="requests"] #mwMsgDetail .mw-msg-bubbles{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overflow-anchor:none !important;
    padding:10px 16px 12px !important;
    margin:0 !important;
    border-radius:18px !important;
  }

  #mwModal[data-section="requests"] #mwMsgDetail .mw-msg-send{
    flex:0 0 auto !important;
    margin-top:0 !important;
    padding:12px 14px !important;
    border-radius:18px !important;
  }

  #mwModal[data-section="requests"] #mwMsgText{
    min-height:82px !important;
    height:82px !important;
    max-height:120px !important;
    resize:none !important;
  }

  #mwModal[data-section="requests"] #mwMsgDetail .mw-msg-send-row{
    margin-top:10px !important;
    gap:10px !important;
    align-items:center !important;
  }

  #mwModal[data-section="requests"] #mwSendHint{
    font-size:12px !important;
    line-height:1.35 !important;
    margin:0 !important;
  }
}
.mw-msg-detail-loading{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:20px;
  background:rgba(15,23,42,.36);
}

.mw-loading-pulse{
  width:34px;
  height:34px;
  border-radius:999px;
  border:2px solid rgba(148,163,184,.22);
  border-top-color:rgba(34,197,94,.75);
  animation:mwSpin .75s linear infinite;
}

@keyframes mwSpin{
  to{ transform:rotate(360deg); }
}
#mwMsgBubbles,
.mw-msg-bubbles{
  scroll-behavior:auto !important;
  overflow-anchor:none !important;
}

/* ==========================================================
   Thread Switching / Smooth Render
   ========================================================== */

#mwMsgDetail{
  position:relative;
}

#mwMsgDetail .mw-msg-detail-head,
#mwMsgDetail .mw-msg-content,
#mwMsgDetail .mw-msg-send{
  transition:opacity 140ms ease;
}

#mwMsgDetail.is-switching-thread .mw-msg-detail-head,
#mwMsgDetail.is-switching-thread .mw-msg-content,
#mwMsgDetail.is-switching-thread .mw-msg-send{
  opacity:0;
  pointer-events:none;
}

#mwMsgDetail.is-switching-thread::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  border-radius:18px;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(2px);
  pointer-events:none;
}

#mwModal[data-section="requests"] #mwMsgDetail{
  transition: opacity .12s ease, filter .12s ease;
}

#mwModal[data-section="requests"] #mwMsgDetail.is-preparing-thread{
  opacity:.72;
  filter: blur(.4px);
}
/* =====================================================
   SPRINT 19 – PREMIUM POLISH 1
   Conversation Cards ruhiger / hochwertiger
   Ganz unten lassen
   ===================================================== */

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .18s ease,
    transform .16s ease !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.04) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  background:
    linear-gradient(180deg, rgba(96,165,250,.13), rgba(255,255,255,.035)) !important;
  border-color: rgba(96,165,250,.42) !important;
  box-shadow:
    0 12px 30px rgba(37,99,235,.10),
    0 0 0 1px rgba(96,165,250,.13),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  transform: translateY(-1px) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge{
  min-width: 108px !important;
  height: 27px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  opacity: .92 !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-date{
  opacity: .58 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* =====================================================
   SPRINT 19 – PREMIUM POLISH 1B
   Sichtbarer Conversation-Card Override
   Ganz unten in profile-messages.css
   ===================================================== */

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  border-color: rgba(255,255,255,.105) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0,0,0,.20) !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row:hover{
  transform: translateY(-2px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)) !important;
  border-color: rgba(96,165,250,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 34px rgba(0,0,0,.30),
    0 0 0 1px rgba(96,165,250,.12) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  background:
    linear-gradient(180deg, rgba(96,165,250,.20), rgba(109,94,247,.065)) !important;
  border-color: rgba(96,165,250,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 16px 38px rgba(37,99,235,.18),
    0 0 0 1px rgba(96,165,250,.22) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge{
  min-width: 96px !important;
  height: 25px !important;
  padding: 0 12px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  opacity: .88 !important;
}

/* =====================================================
   SPRINT 19 – PREMIUM POLISH 2
   Rechte Chatseite: ruhiger, mehr Fokus auf Chat
   Ganz unten lassen
   ===================================================== */

html body #mwModal[data-section="requests"] .mw-msg-right{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)),
    radial-gradient(circle at top left, rgba(96,165,250,.055), transparent 38%) !important;
  border-color: rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 12px 34px rgba(0,0,0,.18) !important;
}

html body #mwModal[data-section="requests"] .mw-msg-detail-head{
  padding: 2px 2px 8px !important;
  margin-bottom: 0 !important;
  border-bottom-color: rgba(255,255,255,.065) !important;
}

html body #mwModal[data-section="requests"] .mw-msg-detail-title{
  font-size: 16px !important;
  line-height: 1.18 !important;
  letter-spacing: -.02em !important;
}

html body #mwModal[data-section="requests"] .mw-msg-detail-meta{
  margin-top: 3px !important;
  font-size: 12px !important;
  color: rgba(220,226,240,.58) !important;
}

html body #mwModal[data-section="requests"] .mw-msg-flow{
  margin-top: 7px !important;
  gap: 6px !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step{
  padding: 5px 9px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  opacity: .88 !important;
}

html body #mwModal[data-section="requests"] .mw-msg-bubbles{
  border-color: rgba(255,255,255,.07) !important;
  background:
    linear-gradient(180deg, rgba(5,10,20,.46), rgba(5,10,20,.34)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* =====================================================
   SPRINT 19 – A1 PREMIUM THREAD LIST + SCROLLBARS
   Nur Optik, keine Logik
   Ganz unten in profile-messages.css lassen
   ===================================================== */

/* ---------- Threadliste Panel ---------- */

html body #mwModal[data-section="requests"] .mw-msg-left{
  background:
    linear-gradient(180deg, rgba(5,10,20,.76), rgba(3,7,16,.88)) !important;
  border-color: rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 16px 34px rgba(0,0,0,.20) !important;
}

html body #mwModal[data-section="requests"] .mw-msg-left-head{
  padding: 4px 2px 12px !important;
  margin-bottom: 10px !important;
  color: rgba(245,247,255,.92) !important;
  border-bottom-color: rgba(255,255,255,.075) !important;
}

/* ---------- A1 Conversation Cards ---------- */

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;

  padding: 17px 17px 16px !important;
  min-height: 144px !important;

  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.09) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.16) !important;

  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease,
    box-shadow .18s ease !important;

  overflow: hidden !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:transparent;
  opacity:0;
  transition:opacity .16s ease, background .16s ease;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(96,165,250,.26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.024)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 15px 34px rgba(0,0,0,.22),
    0 0 0 1px rgba(96,165,250,.08) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  border-color: rgba(96,165,250,.54) !important;
  background:
    linear-gradient(180deg, rgba(96,165,250,.16), rgba(109,94,247,.055)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 42px rgba(37,99,235,.16),
    0 0 0 1px rgba(96,165,250,.18) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active::before{
  opacity:1;
  background: linear-gradient(180deg, #60a5fa, #8b5cf6);
}

/* ---------- Card Inhalt ---------- */

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-top{
  display: grid !important;
  grid-template-columns: 50px minmax(0,1fr) !important;
  gap: 13px !important;
  align-items: center !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar{
  width: 50px !important;
  height: 50px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.26),
    0 0 0 3px rgba(255,255,255,.025) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-title{
  font-size: 15px !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  color: #f6f8ff !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-meta{
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: rgba(218,226,242,.58) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-state{
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  color: rgba(245,247,255,.88) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-date{
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  color: rgba(218,226,242,.46) !important;
}

/* ---------- Badge unten ---------- */

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-bottom{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 1px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  min-width: 0 !important;
  gap: 7px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge{
  height: 27px !important;
  min-width: 118px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;

  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;

  background: rgba(15,23,42,.58) !important;
  border: 1px solid rgba(148,163,184,.30) !important;
  color: rgba(245,247,255,.88) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 6px 16px rgba(0,0,0,.18) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge.green{
  background: rgba(34,197,94,.13) !important;
  border-color: rgba(34,197,94,.36) !important;
  color: rgba(210,255,226,.92) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge.gray{
  background: rgba(148,163,184,.12) !important;
  border-color: rgba(148,163,184,.28) !important;
  color: rgba(231,236,246,.82) !important;
}


/* =====================================================
   SPRINT 19 – A1 FINAL CLEAN OVERRIDE
   Premium Look + keine Scrollbar-Spitzen
   Ganz unten in profile-messages.css
   ===================================================== */



/* Panels ruhiger */
html body #mwModal[data-section="requests"] .mw-msg-left{
  background: linear-gradient(180deg, rgba(5,10,20,.82), rgba(3,7,16,.92)) !important;
  border-color: rgba(255,255,255,.075) !important;
}

html body #mwModal[data-section="requests"] .mw-msg-right{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    radial-gradient(circle at top right, rgba(32,224,178,.055), transparent 34%),
    radial-gradient(circle at top left, rgba(109,94,247,.075), transparent 38%) !important;
  border-color: rgba(255,255,255,.085) !important;
}

/* Conversation Cards – A1 final */
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  position: relative !important;
  min-height: 132px !important;
  padding: 16px 16px 15px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 10px 24px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:transparent;
  opacity:0;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(96,165,250,.28) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  border-color: rgba(96,165,250,.56) !important;
  background: linear-gradient(180deg, rgba(96,165,250,.17), rgba(109,94,247,.06)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 42px rgba(37,99,235,.16),
    0 0 0 1px rgba(96,165,250,.18) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active::before{
  opacity:1;
  background: linear-gradient(180deg, #60a5fa, #8b5cf6);
}

/* Avatar / Text */
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-top{
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: 13px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar{
  width:48px !important;
  height:48px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-title{
  font-size:15px !important;
  font-weight:850 !important;
  letter-spacing:-.025em !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-meta,
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-date{
  color:rgba(220,226,240,.52) !important;
}

/* Badges kleiner und ruhiger */
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge{
  height:25px !important;
  min-width:112px !important;
  padding:0 12px !important;
  font-size:10px !important;
  font-weight:850 !important;
  opacity:.86 !important;
  box-shadow:none !important;
}

/* Status-Badges oben rechts ruhiger */
html body #mwModal[data-section="requests"] .mw-msg-flow{
  gap:6px !important;
  margin-top:8px !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step{
  height:24px !important;
  padding:0 10px !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  opacity:.82 !important;
}

/* Detail-Header kompakter */
html body #mwModal[data-section="requests"] .mw-msg-detail-head{
  padding:2px 0 10px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-detail-title{
  font-size:17px !important;
  line-height:1.15 !important;
}
/* =====================================================
   SPRINT 19 – MESSAGES MODAL HEADER FINAL
   Tabs + Close Button + Footer Buttons Premium
   Ganz unten einfügen
   ===================================================== */

/* Header etwas ruhiger */
#mwModal[data-section="requests"] .dialog-head{
  padding:16px 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
}

#mwModal[data-section="requests"] .dialog-title{
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}

/* Schließen -> Premium X-Button */
#mwModal[data-section="requests"] .dialog-close{
  width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:14px !important;
  font-size:0 !important;
  position:relative !important;

  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.12), transparent 36%),
    rgba(15,23,42,.62) !important;

  border:1px solid rgba(148,163,184,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 24px rgba(0,0,0,.22) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

#mwModal[data-section="requests"] .dialog-close::before{
  content:"×";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  font-weight:500;
  color:rgba(241,245,249,.88);
  transform:translateY(-1px);
}

#mwModal[data-section="requests"] .dialog-close:hover{
  transform:translateY(-1px) scale(1.03) !important;
  border-color:rgba(168,85,247,.55) !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(168,85,247,.20), transparent 48%),
    rgba(15,23,42,.78) !important;
  box-shadow:
    0 0 0 1px rgba(168,85,247,.12),
    0 0 22px rgba(168,85,247,.18),
    0 14px 30px rgba(0,0,0,.28) !important;
}

#mwModal[data-section="requests"] .dialog-close:active{
  transform:scale(.96) !important;
}

/* Tabs: weniger oldschool, mehr segmented premium */
#mwModal[data-section="requests"] #mwModalTabs.mw-tabs{
  gap:8px !important;
  min-height:42px !important;
  margin:10px 0 16px !important;
  padding:0 !important;
  overflow:visible !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:104px !important;
  height:36px !important;
  padding:0 16px !important;
  border-radius:999px !important;

  font-size:12.5px !important;
  font-weight:850 !important;
  letter-spacing:-.015em !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:rgba(226,232,240,.78) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab:hover{
  transform:translateY(-1px) !important;
  color:#f8fafc !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
  border-color:rgba(191,219,254,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.20) !important;
}

/* Aktiver normaler Tab */
#mwModal[data-section="requests"] #mwModalTabs .mw-tab.is-active{
  color:#fff !important;
  background:
    linear-gradient(180deg, rgba(99,102,241,.36), rgba(99,102,241,.18)) !important;
  border-color:rgba(129,140,248,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(129,140,248,.12),
    0 0 20px rgba(99,102,241,.16) !important;
}

/* System bleibt amber, aber edler */
#mwModal[data-section="requests"] #mwModalTabs .mw-tab[data-msgtab="system"]{
  color:rgba(255,226,166,.88) !important;
  border-color:rgba(255,180,0,.30) !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab[data-msgtab="system"].is-active{
  color:#ffe7b3 !important;
  background:
    linear-gradient(180deg, rgba(255,180,0,.20), rgba(255,180,0,.10)) !important;
  border-color:rgba(255,180,0,.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 18px rgba(255,180,0,.13) !important;
}

/* Senden/Papierkorb Buttons leicht angleichen */
#mwModal[data-section="requests"] #mwSendBtn{
  min-width:92px !important;
  height:36px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:850 !important;
  border:1px solid rgba(34,197,94,.52) !important;
  background:linear-gradient(180deg,#22c55e,#16a34a) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(34,197,94,.20) !important;
}

#mwModal[data-section="requests"] #mwSendBtn:not(:disabled):hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 14px 30px rgba(34,197,94,.28) !important;
}

#mwModal[data-section="requests"] #mwTrashBtn{
  height:36px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)) !important;
  border-color:rgba(148,163,184,.24) !important;
}

/* Mobile: Tabs scrollen wieder sauber */
@media (max-width:720px){
  #mwModal[data-section="requests"] #mwModalTabs.mw-tabs{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }

  #mwModal[data-section="requests"] #mwModalTabs.mw-tabs::-webkit-scrollbar{
    display:none !important;
  }

  #mwModal[data-section="requests"] #mwModalTabs .mw-tab{
    min-width:96px !important;
    height:34px !important;
    font-size:11.5px !important;
  }
}
/* =====================================================
   SPRINT 19 – FINAL STATUS / HELP / ACTION POLISH
   Nur Optik, keine Chat-Logik
   Ganz unten einfügen
   ===================================================== */

/* Status oben: Emoji-Look entschärfen */
#mwModal[data-section="requests"] .mw-header-status,
#mwModal[data-section="requests"] .mw-msg-detail-head .mw-header-status{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;

  width:max-content !important;
  max-width:100% !important;

  padding:6px 11px !important;
  border-radius:999px !important;

  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;

  color:rgba(232,255,241,.94) !important;
  background:
    linear-gradient(180deg, rgba(34,197,94,.16), rgba(34,197,94,.075)) !important;
  border:1px solid rgba(34,197,94,.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 20px rgba(34,197,94,.08) !important;
}

/* erstes Emoji optisch wie Status-Dot behandeln */
#mwModal[data-section="requests"] .mw-header-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 10px rgba(34,197,94,.65);
  flex:0 0 auto;
}

/* sichtbare Emoji am Anfang weich machen */
#mwModal[data-section="requests"] .mw-header-status{
  text-shadow:none !important;
}

/* Prüffall geschlossen etwas amber statt grün */
#mwModal[data-section="requests"] .mw-header-status:has(> span),
#mwModal[data-section="requests"] .mw-header-status.is-review,
#mwModal[data-section="requests"] .mw-header-status.is-locked{
  color:rgba(255,236,194,.94) !important;
  background:
    linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.07)) !important;
  border-color:rgba(245,158,11,.34) !important;
}

/* Falls :has nicht greift, bleibt grün – ist okay */

/* Hilfe-Button edler */
#mwModal[data-section="requests"] .mw-contact-btn-inline,
#mwModal[data-section="requests"] .mw-msg-help-btn,
#mwModal[data-section="requests"] a[href*="kontakt"]{
  min-width:64px !important;
  height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:12px !important;
  font-weight:850 !important;
  text-decoration:none !important;

  color:rgba(241,245,249,.88) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)) !important;
  border:1px solid rgba(168,85,247,.26) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(168,85,247,.09) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

#mwModal[data-section="requests"] .mw-contact-btn-inline:hover,
#mwModal[data-section="requests"] .mw-msg-help-btn:hover,
#mwModal[data-section="requests"] a[href*="kontakt"]:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(168,85,247,.46) !important;
  background:
    linear-gradient(180deg, rgba(168,85,247,.12), rgba(255,255,255,.035)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 22px rgba(168,85,247,.16),
    0 12px 26px rgba(0,0,0,.18) !important;
}

/* Footer-Buttons minimal ruhiger */
#mwModal[data-section="requests"] #mwSendBtn{
  height:36px !important;
  min-width:96px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:850 !important;
}

#mwModal[data-section="requests"] #mwSendBtn:disabled{
  opacity:.46 !important;
  filter:saturate(.75) grayscale(.16) !important;
}

#mwModal[data-section="requests"] #mwTrashBtn{
  height:36px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:850 !important;
  color:rgba(241,245,249,.88) !important;
}
/* =====================================================
   SPRINT 19 – HEADER STATUS FINAL CLEANUP
   Kein Emoji-Look, kompakter Header
   ===================================================== */

#mwModal[data-section="requests"] .mw-header-status{
  margin:0 0 7px 0 !important;
  height:26px !important;
  padding:0 12px !important;
  border-radius:999px !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;

  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;

  color:rgba(232,255,241,.94) !important;
  background:linear-gradient(180deg, rgba(34,197,94,.16), rgba(34,197,94,.07)) !important;
  border:1px solid rgba(34,197,94,.34) !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-header-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 10px rgba(34,197,94,.65);
  flex:0 0 auto;
}

#mwModal[data-section="requests"] .mw-header-status.is-review,
#mwModal[data-section="requests"] .mw-header-status.is-closed{
  color:rgba(255,236,194,.94) !important;
  background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.07)) !important;
  border-color:rgba(245,158,11,.34) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-review::before,
#mwModal[data-section="requests"] .mw-header-status.is-closed::before{
  background:#f59e0b;
  box-shadow:0 0 10px rgba(245,158,11,.62);
}

/* Doppelte Ein-Step-Flow-Badge ausblenden */
#mwModal[data-section="requests"] .mw-msg-flow:has(.mw-flow-step:only-child){
  display:none !important;
}

/* Header kompakter und gleichmäßiger */
#mwModal[data-section="requests"] .mw-msg-detail-head{
  padding:0 0 10px !important;
  margin-bottom:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-title{
  margin-top:0 !important;
}

/* X sauber zentrieren */
#mwModal[data-section="requests"] .dialog-close::before{
  font-size:22px !important;
  font-weight:600 !important;
  transform:none !important;
  line-height:1 !important;
}

#mwModal[data-section="requests"] .dialog-close{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* FINAL HEADER STATUS BAR – einheitlich */

#mwModal[data-section="requests"] .mw-msg-detail-head{
  min-height:0 !important;
  padding:0 0 10px !important;
}

#mwModal[data-section="requests"] .mw-header-status{
  margin:0 0 7px 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-flow-inline{
  margin-top:8px !important;
  gap:7px !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-closed,
#mwModal[data-section="requests"] .mw-header-status.is-review{
  color:rgba(255,236,194,.94) !important;
  background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.07)) !important;
  border-color:rgba(245,158,11,.34) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-closed::before,
#mwModal[data-section="requests"] .mw-header-status.is-review::before{
  background:#f59e0b !important;
  box-shadow:0 0 10px rgba(245,158,11,.62) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-expired,
#mwModal[data-section="requests"] .mw-header-status.is-rejected{
  color:rgba(226,232,240,.88) !important;
  background:linear-gradient(180deg, rgba(148,163,184,.14), rgba(148,163,184,.06)) !important;
  border-color:rgba(148,163,184,.28) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-expired::before,
#mwModal[data-section="requests"] .mw-header-status.is-rejected::before{
  background:#94a3b8 !important;
  box-shadow:none !important;
}
/* =====================================================
   SPRINT 19 – FINAL HEADER BAR COMPACT
   Status + Flow in einer Zeile, mehr Chat-Höhe
   Ganz unten lassen
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-detail-head{
  min-height: 0 !important;
  padding: 0 0 10px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-main{
  padding-right: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-areas:
    "status help"
    "title help"
    "meta help";
  column-gap: 16px !important;
  row-gap: 5px !important;
  align-items: start !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-topbar{
  grid-area: help !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: start !important;
  margin: 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-status-row{
  grid-area: status !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 0 5px !important;
}

#mwModal[data-section="requests"] .mw-header-status{
  position: static !important;
  margin: 0 !important;
  max-width: none !important;
  height: 26px !important;
  padding: 0 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  flex: 0 0 auto !important;

  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  color: rgba(232,255,241,.94) !important;
  background: linear-gradient(180deg, rgba(34,197,94,.16), rgba(34,197,94,.07)) !important;
  border: 1px solid rgba(34,197,94,.34) !important;
  box-shadow: none !important;
}

#mwModal[data-section="requests"] .mw-header-status::before{
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  box-shadow: 0 0 10px rgba(34,197,94,.65) !important;
  flex: 0 0 auto !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-review,
#mwModal[data-section="requests"] .mw-header-status.is-closed{
  color: rgba(255,236,194,.94) !important;
  background: linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.07)) !important;
  border-color: rgba(245,158,11,.34) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-review::before,
#mwModal[data-section="requests"] .mw-header-status.is-closed::before{
  background: #f59e0b !important;
  box-shadow: 0 0 10px rgba(245,158,11,.62) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-expired,
#mwModal[data-section="requests"] .mw-header-status.is-rejected{
  color: rgba(226,232,240,.86) !important;
  background: linear-gradient(180deg, rgba(148,163,184,.13), rgba(148,163,184,.06)) !important;
  border-color: rgba(148,163,184,.28) !important;
}

#mwModal[data-section="requests"] .mw-header-status.is-expired::before,
#mwModal[data-section="requests"] .mw-header-status.is-rejected::before{
  background: #94a3b8 !important;
  box-shadow: none !important;
}

/* Flow direkt neben Hauptstatus */
#mwModal[data-section="requests"] .mw-msg-flow,
#mwModal[data-section="requests"] .mw-msg-flow-inline{
  margin: 0 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  background: rgba(148,163,184,.10) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(226,232,240,.58) !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done,
#mwModal[data-section="requests"] .mw-flow-step.active{
  background: rgba(34,197,94,.11) !important;
  border-color: rgba(34,197,94,.30) !important;
  color: rgba(224,255,236,.82) !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.46) !important;
  box-shadow: none !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot{
  background: #22c55e !important;
  box-shadow: 0 0 8px rgba(34,197,94,.55) !important;
}

/* Titel/Meta wieder höher ziehen */
#mwModal[data-section="requests"] .mw-msg-detail-title{
  grid-area: title !important;
  margin: 4px 0 0 !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-meta{
  grid-area: meta !important;
  margin: 0 !important;
  font-size: 12.5px !important;
}

/* Header-Actions nur wenn echte Buttons da sind */
#mwModal[data-section="requests"] .mw-header-actions:empty{
  display: none !important;
}

/* Chatfläche wieder mehr Höhe geben */
#mwModal[data-section="requests"] .mw-msg-right{
  gap: 8px !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  min-height: 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  min-height: 0 !important;
  flex: 1 1 auto !important;
}

/* =====================================================
   FINAL FIX – Conversation Liste + Chat nicht abschneiden
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-left{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-left .mw-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:8px 8px 18px !important;
  scroll-padding-top:10px !important;
  scroll-padding-bottom:22px !important;
}

#mwModal[data-section="requests"] .mw-thread-row{
  scroll-margin-top:10px !important;
  scroll-margin-bottom:22px !important;
  flex:0 0 auto !important;
}

/* Rechts: Inhalt darf nie unten abgeschnitten wirken */
#mwModal[data-section="requests"] .mw-msg-right{
  min-height:0 !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  min-height:0 !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow-y:auto !important;
  padding-bottom:34px !important;
}

/* Composer bleibt sichtbar, Chat darüber scrollt */
#mwModal[data-section="requests"] .mw-msg-send{
  flex:0 0 auto !important;
  margin-top:8px !important;
}

/* Desktop-Höhe sauber aufteilen */
#mwModal[data-section="requests"] .mw-msg-layout{
  min-height:0 !important;
}

#mwModal[data-section="requests"] .dialog-body,
#mwModal[data-section="requests"] #mwModalContent{
  min-height:0 !important;
}
/* FINAL DOM STABILITY – Composer immer sichtbar unter Chat */

#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  gap:10px !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized > .mw-msg-detail-head{
  grid-row:1 !important;
  min-height:0 !important;
}

#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized > .mw-msg-content{
  grid-row:2 !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized > .mw-msg-content > .mw-msg-bubbles{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
}

#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized > .mw-msg-send{
  grid-row:3 !important;
  flex:0 0 auto !important;
  margin-top:0 !important;
}
/* =====================================================
   SPRINT 19 – Messages Header Clean V2
   Header flach, Actions nebeneinander, Chat größer
   ===================================================== */

#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized{
  grid-template-rows:auto minmax(0,1fr) auto !important;
  gap:10px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "main actions"
    "flow actions";
  gap:8px 18px !important;
  align-items:start !important;
  padding:0 0 10px !important;
  margin:0 !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-main{
  grid-area:main !important;
  min-width:0 !important;
  padding-right:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-title{
  font-size:19px !important;
  line-height:1.12 !important;
  margin:4px 0 0 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-meta{
  margin-top:4px !important;
  font-size:12px !important;
  color:rgba(220,226,240,.62) !important;
}

#mwModal[data-section="requests"] .mw-msg-flow{
  grid-area:flow !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  max-width:560px !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  position:relative !important;
}

#mwModal[data-section="requests"] .mw-msg-flow::before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  right:42px !important;
  top:9px !important;
  height:1px !important;
  background:rgba(148,163,184,.28) !important;
  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  z-index:1 !important;
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:rgba(220,226,240,.38) !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  border:2px solid rgba(148,163,184,.42) !important;
  box-shadow:0 0 0 4px rgba(20,26,42,.96) !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active,
#mwModal[data-section="requests"] .mw-flow-step.done{
  color:#42f0aa !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  background:#22c55e !important;
  border-color:#22c55e !important;
  box-shadow:
    0 0 0 4px rgba(20,26,42,.96),
    0 0 16px rgba(34,197,94,.72) !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head{
  grid-area:actions !important;
  align-self:start !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  max-width:none !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  width:360px !important;
}

#mwModal[data-section="requests"] .mw-msg-action-label{
  display:none !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  width:100% !important;
  height:38px !important;
  margin:0 !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary{
  background:linear-gradient(135deg,#20c6f4,#8b5cf6) !important;
  color:#fff !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.ghost{
  background:rgba(239,68,68,.055) !important;
  border-color:rgba(239,68,68,.42) !important;
  color:#ff8f8f !important;
}

#mwModal[data-section="requests"] .mw-help-btn,
#mwModal[data-section="requests"] button[id*="Help"],
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help{
  position:absolute !important;
  top:72px !important;
  right:18px !important;
  height:30px !important;
  padding:0 12px !important;
  font-size:11px !important;
  opacity:.72 !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  min-height:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-send-row{
  flex-direction:row !important;
  align-items:center !important;
}

#mwModal[data-section="requests"] #mwSendBtn{
  width:auto !important;
  min-width:110px !important;
}

@media (max-width:900px){
  #mwModal[data-section="requests"] .mw-msg-detail-head{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "main"
      "flow"
      "actions";
  }

  #mwModal[data-section="requests"] .mw-msg-accept-head{
    width:100% !important;
  }
}
/* =====================================================
   SPRINT 19 – Header/Composer Alignment Fix V3
   Foto 1 an Foto 2 angleichen
   ===================================================== */

/* Header Actions stabil nebeneinander */
#mwModal[data-section="requests"] .mw-msg-accept-head{
  width:420px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:start !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  min-width:0 !important;
  width:100% !important;
  height:36px !important;
  padding:0 14px !important;
  font-size:11.5px !important;
}

/* Hilfe nicht in die Buttons drücken */
#mwModal[data-section="requests"] .mw-help-btn,
#mwModal[data-section="requests"] button[id*="Help"],
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help{
  position:absolute !important;
  top:44px !important;
  right:18px !important;
  height:30px !important;
  padding:0 12px !important;
  font-size:11px !important;
  opacity:.72 !important;
}

/* Timeline ruhiger, keine grünen Blöcke */
#mwModal[data-section="requests"] .mw-msg-flow{
  max-width:560px !important;
  margin-top:4px !important;
  gap:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-flow-step::after{
  content:"" !important;
  position:absolute !important;
  top:9px !important;
  left:18px !important;
  right:8px !important;
  height:1px !important;
  background:rgba(148,163,184,.26) !important;
  z-index:-1 !important;
}

#mwModal[data-section="requests"] .mw-flow-step:last-child::after{
  display:none !important;
}

/* Titelbereich nicht nach unten ziehen */
#mwModal[data-section="requests"] .mw-msg-detail-title{
  margin-top:2px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head{
  gap:6px 18px !important;
  padding-bottom:8px !important;
}

/* Composer: Senden + Papierkorb nebeneinander halten */
#mwModal[data-section="requests"] .mw-msg-send-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:10px !important;
}

#mwModal[data-section="requests"] #mwSendHint{
  min-width:0 !important;
}

#mwModal[data-section="requests"] #mwSendBtn,
#mwModal[data-section="requests"] #mwTrashBtn{
  width:auto !important;
  min-width:112px !important;
  height:36px !important;
}

/* Falls Papierkorb außerhalb der Send-Row liegt */
#mwModal[data-section="requests"] .mw-msg-footer-actions{
  justify-content:flex-end !important;
  margin-top:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-footer-actions-right{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}
/* =====================================================
   SPRINT 19 – HEADER FINAL COMPACT OVERRIDE
   Hilfe raus, Header flacher, Chat größer
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-detail-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "main actions";
  gap:12px !important;
  align-items:start !important;
  min-height:0 !important;
  padding:0 0 8px !important;
  margin:0 0 6px !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-main{
  grid-area:main !important;
  display:block !important;
  padding-right:0 !important;
  min-width:0 !important;
}

#mwModal[data-section="requests"] .mw-msg-status-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin:0 0 6px !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-title{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.1 !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-meta{
  margin:4px 0 0 !important;
  font-size:12px !important;
}

/* Flow klein und inline, keine Timeline-Blöcke mehr */
#mwModal[data-section="requests"] .mw-msg-flow,
#mwModal[data-section="requests"] .mw-msg-flow-inline{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
}

#mwModal[data-section="requests"] .mw-msg-flow::before,
#mwModal[data-section="requests"] .mw-flow-step::after{
  display:none !important;
  content:none !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  flex:0 0 auto !important;
  height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  background:rgba(148,163,184,.09) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
  color:rgba(226,232,240,.50) !important;
  font-size:10.5px !important;
  font-weight:850 !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:7px !important;
  height:7px !important;
  border:0 !important;
  background:rgba(148,163,184,.48) !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active,
#mwModal[data-section="requests"] .mw-flow-step.done{
  background:rgba(34,197,94,.11) !important;
  border-color:rgba(34,197,94,.28) !important;
  color:rgba(224,255,236,.82) !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  background:#22c55e !important;
  box-shadow:0 0 8px rgba(34,197,94,.55) !important;
}

/* Actions rechts kompakt */
#mwModal[data-section="requests"] .mw-msg-accept-head{
  grid-area:actions !important;
  position:static !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  width:auto !important;
  min-width:150px !important;
  height:34px !important;
  padding:0 15px !important;
  font-size:11.5px !important;
}

/* Hilfe als kleiner Kreis oben rechts */
#mwModal[data-section="requests"] .mw-help-btn,
#mwModal[data-section="requests"] button[id*="Help"],
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help{
  position:absolute !important;
  top:12px !important;
  right:14px !important;
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  padding:0 !important;
  border-radius:999px !important;
  font-size:0 !important;
  opacity:.82 !important;
  z-index:5 !important;
}

#mwModal[data-section="requests"] .mw-help-btn::before,
#mwModal[data-section="requests"] button[id*="Help"]::before,
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help::before{
  content:"?";
  font-size:14px;
  font-weight:900;
}

/* Chatfläche zurückholen */
#mwModal[data-section="requests"] #mwMsgDetail.mw-detail-normalized{
  grid-template-rows:auto minmax(0,1fr) auto !important;
  gap:8px !important;
}

#mwModal[data-section="requests"] .mw-msg-content{
  min-height:0 !important;
  overflow:hidden !important;
}

#mwModal[data-section="requests"] .mw-msg-bubbles{
  min-height:0 !important;
  height:100% !important;
  max-height:none !important;
}
/* =====================================================
   SPRINT 19 – HEADER ACTIONS + FLOATING HELP FINAL
   Actions oben, Hilfe als kleiner ? im Chat
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-detail-head{
  position:relative !important;
  padding-right:300px !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:auto !important;
  display:flex !important;
  flex-direction:row !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  min-width:118px !important;
  width:auto !important;
  height:28px !important;
  padding:0 12px !important;
  font-size:10.5px !important;
  border-radius:999px !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary{
  background:linear-gradient(135deg,#22d3ee,#8b5cf6) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(59,130,246,.18) !important;
}

#mwModal[data-section="requests"] .mw-msg-accept-head .btn.ghost{
  background:rgba(239,68,68,.055) !important;
  border-color:rgba(239,68,68,.34) !important;
  color:#ff9b9b !important;
}

/* Flow wieder kompakter mit Premium-Verlauf */
#mwModal[data-section="requests"] .mw-flow-step{
  height:22px !important;
  padding:0 8px !important;
  font-size:10px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active,
#mwModal[data-section="requests"] .mw-flow-step.done{
  background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(32,224,178,.08)) !important;
  border-color:rgba(34,197,94,.32) !important;
}

/* Hilfe raus aus Header, als Floating-? im Chat */
#mwModal[data-section="requests"] .mw-help-btn,
#mwModal[data-section="requests"] button[id*="Help"],
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help{
  position:absolute !important;
  right:22px !important;
  bottom:178px !important;
  top:auto !important;

  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  padding:0 !important;
  border-radius:999px !important;

  font-size:0 !important;
  z-index:20 !important;

  background:linear-gradient(180deg,rgba(168,85,247,.18),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(168,85,247,.42) !important;
  box-shadow:0 0 18px rgba(168,85,247,.16) !important;
}

#mwModal[data-section="requests"] .mw-help-btn::before,
#mwModal[data-section="requests"] button[id*="Help"]::before,
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help::before{
  content:"?";
  font-size:15px;
  font-weight:900;
  color:rgba(245,247,255,.92);
}

/* Damit der Floating Button sich am rechten Panel orientiert */
#mwModal[data-section="requests"] .mw-msg-right{
  position:relative !important;
}
/* FINAL FIX – Hilfe wirklich als Floating ? unten rechts */

#mwModal[data-section="requests"] .mw-msg-detail-head .mw-help-btn,
#mwModal[data-section="requests"] .mw-msg-detail-head button[id*="Help"],
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help,
#mwModal[data-section="requests"] .mw-msg-detail-head a[href*="kontakt"]{
  position:absolute !important;
  top:auto !important;
  right:22px !important;
  bottom:-405px !important;

  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  padding:0 !important;

  border-radius:999px !important;
  font-size:0 !important;
  line-height:1 !important;
  z-index:40 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:linear-gradient(180deg,rgba(168,85,247,.18),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(168,85,247,.42) !important;
  box-shadow:0 0 18px rgba(168,85,247,.16) !important;
}

#mwModal[data-section="requests"] .mw-msg-detail-head .mw-help-btn::before,
#mwModal[data-section="requests"] .mw-msg-detail-head button[id*="Help"]::before,
#mwModal[data-section="requests"] .mw-msg-detail-head .btn-help::before,
#mwModal[data-section="requests"] .mw-msg-detail-head a[href*="kontakt"]::before{
  content:"?";
  font-size:15px;
  font-weight:900;
  color:rgba(245,247,255,.92);
}
/* =====================================================
   SPRINT 19 – Composer Help Button FINAL
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-send{
  position:relative !important;
}

#mwModal[data-section="requests"] .mw-msg-send a.mw-msg-help-btn.mw-composer-help{
  position:absolute !important;
  top:20px !important;
  right:20px !important;

  box-sizing:border-box !important;
  width:26px !important;
  min-width:26px !important;
  max-width:26px !important;
  height:26px !important;
  min-height:26px !important;
  max-height:26px !important;

  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:50% !important;
  text-decoration:none !important;

  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;

  color:#f5f3ff !important;
  background:rgba(124,92,255,.14) !important;
  border:1px solid rgba(155,110,255,.42) !important;
  box-shadow:0 0 8px rgba(155,110,255,.16) !important;

  opacity:.9 !important;
  z-index:60 !important;
}

#mwModal[data-section="requests"] .mw-msg-send a.mw-msg-help-btn.mw-composer-help::before{
  content:none !important;
}

#mwModal[data-section="requests"] .mw-msg-send a.mw-msg-help-btn.mw-composer-help:hover{
  opacity:1 !important;
  background:rgba(124,92,255,.22) !important;
  border-color:#9b6eff !important;
  transform:scale(1.05) !important;
}
/* =====================================================
   SPRINT 19 – Flow Tracker statt Status-Pills
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-flow,
#mwModal[data-section="requests"] .mw-msg-flow-inline{
  display:flex !important;
  align-items:flex-start !important;
  gap:0 !important;
  width:420px !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
}

#mwModal[data-section="requests"] .mw-msg-flow::before,
#mwModal[data-section="requests"] .mw-msg-flow-inline::before{
  content:"" !important;
  position:absolute !important;
  top:9px !important;
  left:10px !important;
  right:10px !important;
  height:2px !important;
  background:rgba(148,163,184,.22) !important;
  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:7px !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:rgba(220,226,240,.46) !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;

  background:#111827 !important;
  border:2px solid rgba(148,163,184,.38) !important;
  box-shadow:0 0 0 4px rgba(15,23,42,.92) !important;

  position:relative !important;
  z-index:2 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active,
#mwModal[data-section="requests"] .mw-flow-step.done{
  color:#35f0aa !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  background:#22c55e !important;
  border-color:#35f0aa !important;
  box-shadow:
    0 0 0 4px rgba(15,23,42,.92),
    0 0 16px rgba(34,197,94,.72) !important;
}
/* =====================================================
   SPRINT 19 – Flow Tracker Glow Timeline
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-flow{
  display:flex !important;
  align-items:flex-start !important;
  gap:0 !important;
  width:420px !important;
  max-width:100% !important;
  margin-top:8px !important;
  padding:0 !important;
  position:relative !important;
}

#mwModal[data-section="requests"] .mw-msg-flow::before{
  content:"" !important;
  position:absolute !important;
  top:9px !important;
  left:10px !important;
  right:10px !important;
  height:2px !important;
  background:rgba(72,93,125,.34) !important;
  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  flex:1 1 0 !important;
  min-width:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;

  padding:0 !important;
  margin:0 !important;
  height:auto !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  color:rgba(170,184,210,.55) !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;

  background:#101827 !important;
  border:2px solid rgba(110,129,165,.48) !important;

  box-shadow:
    0 0 0 3px rgba(8,13,24,.92) !important;

  position:relative !important;
  z-index:2 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done,
#mwModal[data-section="requests"] .mw-flow-step.active{
  color:#35f0b3 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot{
  background:#10251f !important;
  border-color:#35f0b3 !important;

  box-shadow:
    0 0 0 3px rgba(8,13,24,.92),
    0 0 12px rgba(53,240,179,.85),
    0 0 28px rgba(53,240,179,.34) !important;
}

/* aktive / erledigte Verbindungslinie */
#mwModal[data-section="requests"] .mw-flow-step.done::after,
#mwModal[data-section="requests"] .mw-flow-step.active::after{
  content:"" !important;
  position:absolute !important;
  top:9px !important;
  left:10px !important;
  height:2px !important;
  background:linear-gradient(90deg, #35f0b3, rgba(53,240,179,.25)) !important;
  box-shadow:0 0 12px rgba(53,240,179,.45) !important;
  z-index:1 !important;
}

/* Fortschritt je nach aktivem Schritt */
#mwModal[data-section="requests"] .mw-flow-step:nth-child(1).active::after,
#mwModal[data-section="requests"] .mw-flow-step:nth-child(1).done::after{
  width:25% !important;
}

#mwModal[data-section="requests"] .mw-flow-step:nth-child(2).active::after,
#mwModal[data-section="requests"] .mw-flow-step:nth-child(2).done::after{
  width:50% !important;
}

#mwModal[data-section="requests"] .mw-flow-step:nth-child(3).active::after,
#mwModal[data-section="requests"] .mw-flow-step:nth-child(3).done::after{
  width:75% !important;
}

#mwModal[data-section="requests"] .mw-flow-step:nth-child(4).active::after,
#mwModal[data-section="requests"] .mw-flow-step:nth-child(4).done::after{
  width:100% !important;
}
/* =====================================================
   SPRINT 19 – Flow Tracker Glow Timeline FINAL
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-flow{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  align-items:start !important;
  gap:0 !important;

  width:430px !important;
  max-width:100% !important;

  margin:4px 0 0 !important;
  padding:0 !important;

  position:relative !important;
}

/* Extra-Status-Chip "Anfrage aktiv" aus dem Tracker ausblenden,
   wenn 5 Elemente vorhanden sind */
#mwModal[data-section="requests"] .mw-msg-flow .mw-flow-step:first-child:nth-last-child(5){
  display:none !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  z-index:1 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;

  min-width:0 !important;
  height:auto !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;

  color:rgba(150,164,194,.62) !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Verbindungslinie von Punkt zu Punkt */
#mwModal[data-section="requests"] .mw-flow-step::after{
  content:"" !important;
  position:absolute !important;

  top:8px !important;
  left:50% !important;

  width:100% !important;
  height:2px !important;

  background:rgba(72,93,125,.36) !important;
  box-shadow:none !important;

  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step:last-child::after{
  display:none !important;
}

/* erledigte Verbindung */
#mwModal[data-section="requests"] .mw-flow-step.done::after{
  background:#35f0b3 !important;
  box-shadow:
    0 0 10px rgba(53,240,179,.45),
    0 0 22px rgba(53,240,179,.18) !important;
}

/* aktive Verbindung leicht auslaufend */
#mwModal[data-section="requests"] .mw-flow-step.active::after{
  background:linear-gradient(
    90deg,
    #35f0b3 0%,
    rgba(53,240,179,.72) 42%,
    rgba(53,240,179,.18) 82%,
    rgba(72,93,125,.22) 100%
  ) !important;

  box-shadow:
    0 0 12px rgba(53,240,179,.42),
    0 0 26px rgba(53,240,179,.16) !important;
}

/* Punkte */
#mwModal[data-section="requests"] .mw-flow-dot{
  position:relative !important;
  z-index:3 !important;

  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;

  border-radius:999px !important;

  background:#101827 !important;
  border:2px solid rgba(103,121,158,.58) !important;

  box-shadow:
    0 0 0 3px rgba(8,13,24,.94) !important;
}

/* aktive/erledigte Steps */
#mwModal[data-section="requests"] .mw-flow-step.done,
#mwModal[data-section="requests"] .mw-flow-step.active{
  color:#35f0b3 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot{
  background:#10251f !important;
  border-color:#35f0b3 !important;

  box-shadow:
    0 0 0 3px rgba(8,13,24,.94),
    0 0 12px rgba(53,240,179,.90),
    0 0 28px rgba(53,240,179,.38) !important;
}
/* =====================================================
   SPRINT 19 – MESSAGES PREMIUM FINAL OVERRIDE
   Modal Glow + Cards + Tabs + Timeline + Send Button
   GANZ UNTEN LASSEN
   ===================================================== */

/* Modal Premium Glow */
#mwModal[data-section="requests"] .dialog{
  border-radius:28px !important;
  border:1px solid rgba(139,92,246,.42) !important;
  background:
    radial-gradient(circle at top left, rgba(139,92,246,.18), transparent 34%),
    radial-gradient(circle at bottom right, rgba(32,224,178,.12), transparent 38%),
    linear-gradient(180deg, rgba(8,13,28,.96), rgba(3,7,18,.98)) !important;
  box-shadow:
    0 0 0 1px rgba(139,92,246,.16),
    0 0 42px rgba(139,92,246,.18),
    0 34px 90px rgba(0,0,0,.66) !important;
}

/* Titel mit Nachrichten-Icon */
#mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  font-size:19px !important;
  font-weight:900 !important;
}

#mwModal[data-section="requests"] .dialog-title::before{
  content:"";
  width:24px;
  height:24px;
  border-radius:9px;
  background:
    linear-gradient(180deg, rgba(168,85,247,.24), rgba(96,165,250,.10));
  border:1px solid rgba(168,85,247,.46);
  box-shadow:0 0 18px rgba(168,85,247,.25);
}

/* Tabs wie Screenshot */
#mwModal[data-section="requests"] #mwModalTabs .mw-tab{
  min-width:96px !important;
  height:38px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  color:rgba(226,232,240,.72) !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab.is-active{
  color:#fff !important;
  background:linear-gradient(135deg, #6d5ef7, #8b5cf6) !important;
  border-color:rgba(168,85,247,.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 22px rgba(139,92,246,.38) !important;
}

/* Conversation Cards */
#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  min-height:126px !important;
  border-radius:22px !important;
  padding:16px !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(8,13,28,.82)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.24) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  border-color:rgba(139,92,246,.88) !important;
  background:
    linear-gradient(180deg, rgba(88,45,190,.28), rgba(15,23,42,.86)) !important;
  box-shadow:
    0 0 0 1px rgba(139,92,246,.28),
    0 0 26px rgba(139,92,246,.34),
    0 18px 42px rgba(0,0,0,.34) !important;
}

/* Status-Badges Premium */
#mwModal[data-section="requests"] #mwMsgThreadList .badge{
  height:26px !important;
  min-width:116px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active .badge{
  color:#efe7ff !important;
  background:linear-gradient(135deg, rgba(139,92,246,.92), rgba(109,94,247,.72)) !important;
  border-color:rgba(196,181,253,.55) !important;
  box-shadow:0 0 18px rgba(139,92,246,.38) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .badge.green{
  color:#d8ffe9 !important;
  background:linear-gradient(135deg, rgba(34,197,94,.42), rgba(32,224,178,.20)) !important;
  border-color:rgba(34,197,94,.48) !important;
  box-shadow:0 0 14px rgba(34,197,94,.22) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .badge.gray{
  color:rgba(226,232,240,.78) !important;
  background:rgba(148,163,184,.13) !important;
  border-color:rgba(148,163,184,.24) !important;
}

/* Timeline Glow wie Screenshot */
#mwModal[data-section="requests"] .mw-msg-flow{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  width:430px !important;
  max-width:100% !important;
  gap:0 !important;
  margin-top:8px !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:rgba(150,164,194,.58) !important;
  font-size:10px !important;
  font-weight:850 !important;
}

#mwModal[data-section="requests"] .mw-flow-step::after{
  content:"" !important;
  position:absolute !important;
  top:8px !important;
  left:50% !important;
  width:100% !important;
  height:2px !important;
  background:rgba(72,93,125,.34) !important;
  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step:last-child::after{
  display:none !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:17px !important;
  height:17px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  border:2px solid rgba(103,121,158,.58) !important;
  box-shadow:0 0 0 4px rgba(8,13,24,.96) !important;
  z-index:2 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done,
#mwModal[data-section="requests"] .mw-flow-step.active{
  color:#35f0b3 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done::after,
#mwModal[data-section="requests"] .mw-flow-step.active::after{
  background:#35f0b3 !important;
  box-shadow:0 0 16px rgba(53,240,179,.48) !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot{
  background:#10251f !important;
  border-color:#35f0b3 !important;
  box-shadow:
    0 0 0 4px rgba(8,13,24,.96),
    0 0 14px rgba(53,240,179,.9),
    0 0 30px rgba(53,240,179,.38) !important;
}

/* Send Button mit Papierflieger */
#mwModal[data-section="requests"] #mwSendBtn{
  min-width:122px !important;
  height:40px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, #22d3ee, #7c3aed) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 12px 28px rgba(124,58,237,.30) !important;
}

#mwModal[data-section="requests"] #mwSendBtn::before{
  content:"✈";
  margin-right:8px;
  font-size:14px;
}
/* =====================================================
   SPRINT 19 – MESSAGES CLEAN PREMIUM FINAL
   Entfernt zu starken Modal-Glow, behält Cards/Timeline/Button
   GANZ UNTEN LASSEN
   ===================================================== */

/* Modal-Glow wieder entschärfen */
#mwModal[data-section="requests"] .dialog{
  border-color:rgba(148,163,184,.18) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.58) !important;
}

/* Nachrichten-Icon links vom Titel */
#mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

#mwModal[data-section="requests"] .dialog-title::before{
  content:"💬";
  font-size:18px;
  color:#a78bfa;
  text-shadow:0 0 14px rgba(167,139,250,.45);
}

/* Conversation Cards: Premium, aber nicht verspielt */
#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  background:linear-gradient(180deg, rgba(15,23,42,.74), rgba(8,13,28,.84)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.22) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  border-color:rgba(96,165,250,.62) !important;
  background:linear-gradient(180deg, rgba(96,165,250,.17), rgba(15,23,42,.86)) !important;
  box-shadow:0 0 0 1px rgba(96,165,250,.20), 0 14px 34px rgba(0,0,0,.30) !important;
}

/* Badges in den Cards wie Screenshot */
#mwModal[data-section="requests"] #mwMsgThreadList .badge{
  height:24px !important;
  min-width:0 !important;
  padding:0 11px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active .badge{
  color:#efe7ff !important;
  background:linear-gradient(135deg, rgba(139,92,246,.92), rgba(109,94,247,.70)) !important;
  border-color:rgba(196,181,253,.42) !important;
  box-shadow:0 0 14px rgba(139,92,246,.28) !important;
}

#mwModal[data-section="requests"] #mwMsgThreadList .badge.green{
  color:#d8ffe9 !important;
  background:linear-gradient(135deg, rgba(34,197,94,.38), rgba(32,224,178,.18)) !important;
  border-color:rgba(34,197,94,.44) !important;
}

/* Timeline: echte Linie mit Punkten */
#mwModal[data-section="requests"] .mw-msg-flow{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  width:430px !important;
  max-width:100% !important;
  gap:0 !important;
  margin-top:8px !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:rgba(150,164,194,.58) !important;
  font-size:10px !important;
  font-weight:850 !important;
}

#mwModal[data-section="requests"] .mw-flow-step::after{
  content:"" !important;
  position:absolute !important;
  top:8px !important;
  left:50% !important;
  width:100% !important;
  height:1px !important;
  background:rgba(72,93,125,.42) !important;
  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step:last-child::after{
  display:none !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:17px !important;
  height:17px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  border:2px solid rgba(103,121,158,.58) !important;
  box-shadow:0 0 0 4px rgba(8,13,24,.96) !important;
  z-index:2 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done,
#mwModal[data-section="requests"] .mw-flow-step.active{
  color:#35f0b3 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done::after,
#mwModal[data-section="requests"] .mw-flow-step.active::after{
  background:#35f0b3 !important;
  box-shadow:0 0 14px rgba(53,240,179,.44) !important;
}

#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot{
  background:#10251f !important;
  border-color:#35f0b3 !important;
  box-shadow:
    0 0 0 4px rgba(8,13,24,.96),
    0 0 14px rgba(53,240,179,.88),
    0 0 28px rgba(53,240,179,.34) !important;
}

/* Send Button wie Screenshot, mit Papierflieger */
#mwModal[data-section="requests"] #mwSendBtn{
  min-width:128px !important;
  height:40px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#22d3ee,#7c3aed) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 12px 28px rgba(124,58,237,.28) !important;
}

#mwModal[data-section="requests"] #mwSendBtn::before{
  content:"➤";
  margin-right:8px;
  font-size:13px;
  transform:rotate(-25deg);
}

/* =====================================================
   SPRINT 19 – MOCKUP REDESIGN CLEAN PATCH
   Ab hier nur neue gezielte Overrides
   ===================================================== */

   /* =====================================================
   SPRINT 19 – MOCKUP REDESIGN CLEAN PATCH
   STEP 1: Header + Tabs ruhig wie Mockup
   ===================================================== */

/* Modal weniger Neon, mehr Premium */
#mwModal[data-section="requests"] .dialog{
  background:linear-gradient(180deg, rgba(10,16,31,.96), rgba(5,10,22,.97)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.58) !important;
}

/* Header flacher */
#mwModal[data-section="requests"] .dialog-head{
  padding:18px 22px !important;
  background:rgba(255,255,255,.012) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
}

/* Nachrichten-Icon links */
#mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}

#mwModal[data-section="requests"] .dialog-title::before{
  content:"💬";
  width:28px !important;
  height:28px !important;
  border-radius:9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  background:linear-gradient(135deg, rgba(124,58,237,.95), rgba(91,33,182,.78)) !important;
  box-shadow:0 0 18px rgba(124,58,237,.42) !important;
  flex:0 0 auto !important;
}

/* Tabs exakt ruhiger Mockup-Stil */
#mwModal[data-section="requests"] #mwModalTabs.mw-tabs{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:12px 0 18px !important;
  padding:0 !important;
  flex-wrap:wrap !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab{
  height:38px !important;
  min-width:0 !important;
  padding:0 22px !important;
  border-radius:999px !important;

  background:transparent !important;
  border:1px solid transparent !important;
  box-shadow:none !important;

  color:rgba(226,232,240,.74) !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:-.015em !important;

  transform:none !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab:hover{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(148,163,184,.14) !important;
  color:#fff !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab.is-active{
  color:#fff !important;
  background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
  border-color:rgba(196,181,253,.30) !important;
  box-shadow:0 10px 24px rgba(124,58,237,.26) !important;
}

/* System bleibt leicht amber, aber nicht Gaming */
#mwModal[data-section="requests"] #mwModalTabs .mw-tab[data-msgtab="system"]{
  color:#f8d990 !important;
  border-color:rgba(245,158,11,.26) !important;
}

#mwModal[data-section="requests"] #mwModalTabs .mw-tab[data-msgtab="system"].is-active{
  background:rgba(245,158,11,.10) !important;
  border-color:rgba(245,158,11,.42) !important;
  color:#ffe4a8 !important;
  box-shadow:none !important;
}

/* grüne Count-Bubble etwas dezenter */
#mwModal[data-section="requests"] .mw-tab-count{
  min-width:17px !important;
  height:17px !important;
  font-size:10px !important;
  background:#22c55e !important;
  color:#06130b !important;
  box-shadow:0 0 10px rgba(34,197,94,.36) !important;
}

/* =====================================================
   SPRINT 19 – MOCKUP FINAL V3
   Foto-2 Nachbau: Header, Search, Cards, Timeline, Button
   ===================================================== */

html body #mwModal[data-section="requests"] .dialog{
  background:linear-gradient(180deg,#08111f,#050b18) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.62) !important;
}

/* Header */
html body #mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  font-size:21px !important;
  font-weight:900 !important;
}

html body #mwModal[data-section="requests"] .dialog-title::before{
  content:"";
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
  background:
    url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.8 16.2H6.2C4.43 16.2 3 14.77 3 13V7.8C3 6.03 4.43 4.6 6.2 4.6H17.8C19.57 4.6 21 6.03 21 7.8V13C21 14.77 19.57 16.2 17.8 16.2H12.2L7.8 19.2V16.2H6.8Z' stroke='%23F5F3FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.4H8.05M12 10.4H12.05M16 10.4H16.05' stroke='%23F5F3FF' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/21px 21px no-repeat,
    linear-gradient(135deg,#7c3aed,#4c1d95) !important;
  box-shadow:0 0 22px rgba(139,92,246,.65) !important;
}

/* Tabs */
html body #mwModal[data-section="requests"] #mwModalTabs{
  gap:22px !important;
  margin:14px 0 18px !important;
}

html body #mwModal[data-section="requests"] #mwModalTabs .mw-tab{
  min-width:0 !important;
  width:auto !important;
  height:36px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  color:rgba(226,232,240,.76) !important;
  box-shadow:none !important;
  font-size:14px !important;
  font-weight:850 !important;
}

html body #mwModal[data-section="requests"] #mwModalTabs .mw-tab.is-active{
  color:#fff !important;
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  box-shadow:0 0 18px rgba(139,92,246,.34) !important;
}

/* Search */
html body #mwModal[data-section="requests"] .mw-msg-tools{
  display:grid !important;
  grid-template-columns:1fr 46px !important;
  gap:10px !important;
  margin:0 0 14px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-search{
  height:46px !important;
  border-radius:11px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(5,12,26,.72) !important;
  display:flex !important;
  align-items:center !important;
  padding:0 13px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-search input{
  flex:1 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#e5e7eb !important;
  font-weight:650 !important;
}

html body #mwModal[data-section="requests"] .mw-msg-search span{
  opacity:.65 !important;
  font-size:22px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-filter{
  height:46px !important;
  border-radius:11px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(5,12,26,.72) !important;
  color:#e5e7eb !important;
  font-size:20px !important;
  font-weight:900 !important;
}

/* Cards wie Foto */
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  min-height:126px !important;
  padding:18px 16px !important;
  border-radius:14px !important;
  grid-template-columns:64px minmax(0,1fr) auto !important;
  background:linear-gradient(180deg,rgba(18,31,55,.88),rgba(8,17,34,.95)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:transparent;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  border-color:rgba(96,165,250,.45) !important;
  background:linear-gradient(180deg,rgba(25,42,73,.96),rgba(9,17,36,.98)) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active::before{
  background:linear-gradient(180deg,#38bdf8,#8b5cf6) !important;
  box-shadow:0 0 18px rgba(139,92,246,.45) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar,
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar img,
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar-fallback{
  width:54px !important;
  height:54px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-title{
  font-size:17px !important;
  font-weight:900 !important;
  margin-bottom:4px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-bottom{
  grid-column:2 !important;
  justify-content:flex-start !important;
  margin:0 !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip{
  display:inline-flex !important;
  height:23px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-request{
  background:rgba(139,92,246,.48) !important;
  color:#e9d5ff !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-start{
  background:rgba(14,165,233,.35) !important;
  color:#7dd3fc !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-done{
  background:rgba(34,197,94,.32) !important;
  color:#86efac !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-closed,
html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-neutral{
  background:rgba(148,163,184,.18) !important;
  color:#cbd5e1 !important;
}

/* Timeline exakt Linie + Kreise */
html body #mwModal[data-section="requests"] .mw-msg-flow{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  width:470px !important;
  max-width:100% !important;
  gap:0 !important;
  margin:2px 0 0 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(148,163,184,.72) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step::after{
  content:"" !important;
  position:absolute !important;
  top:9px !important;
  left:50% !important;
  width:100% !important;
  height:1px !important;
  background:rgba(71,85,105,.65) !important;
  z-index:0 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step:last-child::after{
  display:none !important;
}

html body #mwModal[data-section="requests"] .mw-flow-dot{
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  background:#08111f !important;
  border:2px solid rgba(100,116,139,.75) !important;
  box-shadow:0 0 0 4px #08111f !important;
  z-index:2 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step.active,
html body #mwModal[data-section="requests"] .mw-flow-step.done{
  color:#35f0b3 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
html body #mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  border-color:#35f0b3 !important;
  box-shadow:0 0 0 4px #08111f,0 0 15px rgba(53,240,179,.75) !important;
}

/* Senden */
html body #mwModal[data-section="requests"] #mwSendBtn{
  min-width:170px !important;
  height:50px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#22d3ee,#7c3aed) !important;
  border:0 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:0 16px 34px rgba(124,58,237,.30) !important;
}

html body #mwModal[data-section="requests"] #mwSendBtn::before{
  content:"➤";
  display:inline-block;
  margin-right:11px;
  transform:rotate(-28deg);
  font-size:15px;
}

/* =====================================================
   SPRINT 19 – HARD RESET HEADER/TIMELINE/SEND
   ===================================================== */

#mwModal[data-section="requests"] .mw-msg-tools,
#mwModal[data-section="requests"] .mw-msg-left-head{
  display:none !important;
}

/* Header Icon wie Foto 2: Outline + Glow, kein voller Button */
#mwModal[data-section="requests"] .dialog-title::before{
  content:"" !important;
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
  flex:0 0 30px !important;

  background:
    url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.7 16.2H6.2C4.43 16.2 3 14.77 3 13V7.8C3 6.03 4.43 4.6 6.2 4.6H17.8C19.57 4.6 21 6.03 21 7.8V13C21 14.77 19.57 16.2 17.8 16.2H12.3L7.8 19.1V16.2H6.7Z' stroke='%23d8b4fe' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.35H8.05M12 10.35H12.05M16 10.35H16.05' stroke='%23d8b4fe' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/25px 25px no-repeat !important;

  background-color:rgba(124,58,237,.08) !important;
  border:1px solid rgba(168,85,247,.42) !important;

  box-shadow:
    0 0 18px rgba(168,85,247,.72),
    0 0 34px rgba(124,58,237,.34) !important;
}

/* Timeline hart neu */
#mwModal[data-section="requests"] .mw-msg-flow,
#mwModal[data-section="requests"] .mw-msg-flow-inline{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  width:520px !important;
  max-width:100% !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#mwModal[data-section="requests"] .mw-msg-flow::before,
#mwModal[data-section="requests"] .mw-msg-flow-inline::before{
  content:"" !important;
  position:absolute !important;
  left:12.5% !important;
  right:12.5% !important;
  top:10px !important;
  height:1px !important;
  background:rgba(71,85,105,.72) !important;
  box-shadow:none !important;
  z-index:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:rgba(148,163,184,.74) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#mwModal[data-section="requests"] .mw-flow-step::before,
#mwModal[data-section="requests"] .mw-flow-step::after{
  content:none !important;
  display:none !important;
}

#mwModal[data-section="requests"] .mw-flow-dot{
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  background:#08111f !important;
  border:2px solid rgba(100,116,139,.85) !important;
  box-shadow:0 0 0 5px #08111f !important;
  margin:0 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active,
#mwModal[data-section="requests"] .mw-flow-step.done{
  color:#35f0b3 !important;
}

#mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
#mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  border-color:#35f0b3 !important;
  box-shadow:
    0 0 0 5px #08111f,
    0 0 16px rgba(53,240,179,.85) !important;
}

/* Send Button wie Referenz */
#mwModal[data-section="requests"] #mwSendBtn{
  min-width:174px !important;
  height:52px !important;
  border-radius:999px !important;
  padding:0 30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  border:0 !important;
  background:linear-gradient(135deg,#28c7f4 0%,#5367f4 52%,#7c3aed 100%) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  box-shadow:
    0 18px 38px rgba(79,70,229,.34),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#mwModal[data-section="requests"] #mwSendBtn::before{
  content:"" !important;
  width:21px !important;
  height:21px !important;
  margin:0 !important;
  transform:none !important;
  background:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 3.8L4 11.1C3.15 11.48 3.2 12.7 4.08 13.01L10.15 15.16L12.31 21.22C12.62 22.1 13.84 22.15 14.22 21.3L21.5 4.8C21.8 4.1 21.2 3.5 20.5 3.8Z' stroke='white' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M10.25 15.05L14.4 10.9' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center/21px 21px no-repeat !important;
}

/* disabled trotzdem sauber */
#mwModal[data-section="requests"] #mwSendBtn:disabled{
  opacity:.48 !important;
  filter:grayscale(.25) !important;
}
/* FINAL – Nachrichten Icon wie Mockup: nur Outline + Glow */

#mwModal[data-section="requests"] .dialog-title::before{
  content:"" !important;

  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;

  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;

  background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 18.7H7.6C5.6 18.7 4 17.1 4 15.1V9.1C4 7.1 5.6 5.5 7.6 5.5H20.4C22.4 5.5 24 7.1 24 9.1V15.1C24 17.1 22.4 18.7 20.4 18.7H14.3L8.4 22.5V18.7Z' stroke='%23C084FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 12.2H10.05M14 12.2H14.05M18 12.2H18.05' stroke='%23E9D5FF' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:28px 28px !important;

  filter:
    drop-shadow(0 0 5px rgba(192,132,252,.95))
    drop-shadow(0 0 14px rgba(139,92,246,.70)) !important;
}
/* FINAL FIX – Nachrichten Icon exakt flacher, kein violetter Blob */

html body #mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

html body #mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

html body #mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  overflow:visible !important;
  line-height:1.1 !important;
}

html body #mwModal[data-section="requests"] .dialog-title::before{
  content:"" !important;

  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;

  margin-top:3px !important;

  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;

  background:
    transparent
    url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.1 20.3H8.3C6.15 20.3 4.5 18.65 4.5 16.5V10.2C4.5 8.05 6.15 6.4 8.3 6.4H23.7C25.85 6.4 27.5 8.05 27.5 10.2V16.5C27.5 18.65 25.85 20.3 23.7 20.3H16.6L9.1 24.8V20.3Z' stroke='%23C084FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4 13.5H11.45M16 13.5H16.05M20.6 13.5H20.65' stroke='%23E9D5FF' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E")
    center / 32px 32px
    no-repeat !important;

  filter:
    drop-shadow(0 0 2px rgba(216,180,254,.9))
    drop-shadow(0 0 8px rgba(139,92,246,.48)) !important;
}
/* =====================================================
   FINAL FIX V2 – echte aktuelle DOM-Klassen
   Cards + Timeline wie Mockup
   ===================================================== */

/* LEFT CARDS */
html body #mwModal[data-section="requests"] .mw-msg-layout{
  grid-template-columns:320px minmax(0,1fr) !important;
  gap:16px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  min-height:118px !important;
  padding:16px 16px 15px 18px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(20,34,60,.92),rgba(8,17,34,.98)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:6px !important;
  background:linear-gradient(180deg,#22d3ee,#8b5cf6) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-top{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  width:100% !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar{
  width:54px !important;
  height:54px !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar img,
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar-fallback{
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  object-fit:cover !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-avatar::after{
  content:"" !important;
  position:absolute !important;
  right:-1px !important;
  bottom:5px !important;
  width:12px !important;
  height:12px !important;
  border-radius:999px !important;
  background:#35f0b3 !important;
  border:2px solid #071120 !important;
  box-shadow:0 0 10px rgba(53,240,179,.8) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-main{
  min-width:0 !important;
  overflow:hidden !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-title{
  display:block !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  color:#f8fafc !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin:0 0 7px !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-meta,
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-preview{
  font-size:13px !important;
  line-height:1.35 !important;
  color:rgba(226,232,240,.70) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin:0 !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-date{
  align-self:start !important;
  justify-self:end !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:rgba(226,232,240,.72) !important;
  white-space:nowrap !important;
  margin:0 !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-bottom{
  position:absolute !important;
  left:132px !important;
  top:42px !important;
  width:auto !important;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-start !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side{
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row-side .badge{
  height:23px !important;
  min-width:0 !important;
  padding:0 11px !important;
  border-radius:999px !important;
  font-size:10.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* TIMELINE */
html body #mwModal[data-section="requests"] .mw-msg-detail-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px 18px !important;
  align-items:start !important;
  padding:0 0 12px !important;
  margin:0 0 8px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-status-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  margin:0 0 10px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-flow{
  position:relative !important;
  flex:0 1 520px !important;
  max-width:520px !important;
  min-width:420px !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body #mwModal[data-section="requests"] .mw-msg-flow::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:10px !important;
  height:2px !important;
  background:linear-gradient(90deg,rgba(53,240,179,.65),rgba(148,163,184,.20)) !important;
  z-index:0 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:rgba(226,232,240,.42) !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step::after{
  display:none !important;
  content:none !important;
}

html body #mwModal[data-section="requests"] .mw-flow-dot{
  width:20px !important;
  height:20px !important;
  border-radius:999px !important;
  background:#08111f !important;
  border:2px solid rgba(148,163,184,.46) !important;
  box-shadow:0 0 0 5px #08111f !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step.active,
html body #mwModal[data-section="requests"] .mw-flow-step.done{
  color:#35f0b3 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
html body #mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  border-color:#35f0b3 !important;
  box-shadow:
    0 0 0 5px #08111f,
    0 0 16px rgba(53,240,179,.85) !important;
}

/* Buttons rechts oben kleiner */
html body #mwModal[data-section="requests"] .mw-msg-accept-head{
  position:static !important;
  display:flex !important;
  gap:10px !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body #mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  min-width:138px !important;
  height:32px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
/* =====================================================
   MATAWOW MESSAGES A2 – CLEAN MOCKUP OVERRIDE
   Conversation Cards + Timeline + Header Icon
   ===================================================== */

/* Header Icon flach wie Mockup */
html body #mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  line-height:1.1 !important;
}

html body #mwModal[data-section="requests"] .dialog-title::before{
  content:"" !important;
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  background:
    transparent
    url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 18.8H7.7C5.7 18.8 4.2 17.3 4.2 15.3V9.4C4.2 7.4 5.7 5.9 7.7 5.9H20.3C22.3 5.9 23.8 7.4 23.8 9.4V15.3C23.8 17.3 22.3 18.8 20.3 18.8H14.1L8.4 22.2V18.8Z' stroke='%23C084FC' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 12.3H10.05M14 12.3H14.05M18 12.3H18.05' stroke='%23E9D5FF' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")
    center/28px 28px no-repeat !important;
  filter:
    drop-shadow(0 0 5px rgba(192,132,252,.85))
    drop-shadow(0 0 13px rgba(139,92,246,.55)) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Layout */
html body #mwModal[data-section="requests"] .mw-msg-layout{
  grid-template-columns:320px minmax(0,1fr) !important;
  gap:18px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-left{
  padding:14px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(5,10,20,.86), rgba(3,7,16,.94)) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList{
  gap:12px !important;
}

/* Conversation Card */
html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:104px !important;
  padding:14px !important;
  border-radius:18px !important;
  overflow:hidden !important;

  background:linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,28,.90)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 10px 24px rgba(0,0,0,.22) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#38bdf8,#8b5cf6);
  opacity:0;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active{
  border-color:rgba(96,165,250,.58) !important;
  background:linear-gradient(180deg, rgba(96,165,250,.18), rgba(15,23,42,.88)) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18),
    0 14px 34px rgba(37,99,235,.16) !important;
}

html body #mwModal[data-section="requests"] #mwMsgThreadList .mw-thread-row.is-active::before{
  opacity:1;
}

html body #mwModal[data-section="requests"] .mw-thread-card-main{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
}

html body #mwModal[data-section="requests"] .mw-thread-avatar{
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.26) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

html body #mwModal[data-section="requests"] .mw-thread-copy{
  min-width:0 !important;
}

html body #mwModal[data-section="requests"] .mw-thread-headline{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
}

html body #mwModal[data-section="requests"] .mw-thread-row-title{
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#f7f9ff !important;
  letter-spacing:-.02em !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body #mwModal[data-section="requests"] .mw-thread-time{
  flex:0 0 auto !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:rgba(226,232,240,.54) !important;
  white-space:nowrap !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-line{
  margin-top:5px !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:22px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-request{
  color:#efe7ff !important;
  background:linear-gradient(135deg, rgba(139,92,246,.78), rgba(109,94,247,.52)) !important;
  border-color:rgba(196,181,253,.40) !important;
  box-shadow:0 0 16px rgba(139,92,246,.28) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-start{
  color:#d8f7ff !important;
  background:linear-gradient(135deg, rgba(56,189,248,.42), rgba(37,99,235,.24)) !important;
  border-color:rgba(56,189,248,.40) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-done{
  color:#d8ffe9 !important;
  background:linear-gradient(135deg, rgba(34,197,94,.40), rgba(32,224,178,.18)) !important;
  border-color:rgba(34,197,94,.45) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-closed{
  color:rgba(226,232,240,.78) !important;
  background:rgba(148,163,184,.14) !important;
  border-color:rgba(148,163,184,.25) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-status-chip.is-review{
  color:#ffe4b0 !important;
  background:rgba(245,158,11,.16) !important;
  border-color:rgba(245,158,11,.36) !important;
}

html body #mwModal[data-section="requests"] .mw-thread-row-meta{
  margin-top:6px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  color:rgba(226,232,240,.68) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body #mwModal[data-section="requests"] .mw-thread-preview{
  margin-top:3px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
  color:rgba(226,232,240,.50) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body #mwModal[data-section="requests"] .mw-thread-count{
  min-width:20px !important;
  height:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#fff !important;
  background:linear-gradient(135deg,#8b5cf6,#3b82f6) !important;
  box-shadow:0 0 16px rgba(139,92,246,.48) !important;
}

/* Timeline kompakt wie Mockup */
html body #mwModal[data-section="requests"] .mw-msg-status-row{
  display:grid !important;
  grid-template-columns:auto minmax(260px,520px) auto !important;
  align-items:start !important;
  gap:14px !important;
}

html body #mwModal[data-section="requests"] .mw-msg-flow,
html body #mwModal[data-section="requests"] .mw-msg-flow-inline{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  width:520px !important;
  max-width:100% !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
}

html body #mwModal[data-section="requests"] .mw-msg-flow::before{
  content:"" !important;
  position:absolute !important;
  left:12.5% !important;
  right:12.5% !important;
  top:10px !important;
  height:1px !important;
  background:rgba(71,85,105,.70) !important;
  z-index:0 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:rgba(148,163,184,.70) !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step::before,
html body #mwModal[data-section="requests"] .mw-flow-step::after{
  display:none !important;
  content:none !important;
}

html body #mwModal[data-section="requests"] .mw-flow-dot{
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  background:#08111f !important;
  border:2px solid rgba(100,116,139,.80) !important;
  box-shadow:0 0 0 5px #08111f !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step.active,
html body #mwModal[data-section="requests"] .mw-flow-step.done{
  color:#35f0b3 !important;
}

html body #mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
html body #mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
  border-color:#35f0b3 !important;
  box-shadow:
    0 0 0 5px #08111f,
    0 0 15px rgba(53,240,179,.80),
    0 0 28px rgba(53,240,179,.30) !important;
}

/* Buttons rechts */
html body #mwModal[data-section="requests"] .mw-msg-accept-head{
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body #mwModal[data-section="requests"] .mw-msg-accept-head .mw-msg-action-label{
  display:none !important;
}

html body #mwModal[data-section="requests"] .mw-msg-accept-head .btn{
  height:32px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

html body #mwModal[data-section="requests"] .mw-msg-accept-head .btn.primary{
  background:linear-gradient(135deg,#22d3ee,#8b5cf6) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(124,58,237,.24) !important;
}

html body #mwModal[data-section="requests"] .mw-msg-accept-head .btn.ghost{
  color:#ffc8c8 !important;
  background:rgba(239,68,68,.055) !important;
  border-color:rgba(239,68,68,.38) !important;
}

/* Header Titel darunter */
html body #mwModal[data-section="requests"] .mw-msg-detail-title{
  margin-top:12px !important;
  font-size:19px !important;
  font-weight:900 !important;
  color:#f7f9ff !important;
}

html body #mwModal[data-section="requests"] .mw-msg-detail-meta{
  margin-top:4px !important;
  font-size:13px !important;
  color:rgba(226,232,240,.58) !important;
}

@media (max-width:980px){
  html body #mwModal[data-section="requests"] .mw-msg-status-row{
    grid-template-columns:1fr !important;
  }

  html body #mwModal[data-section="requests"] .mw-msg-flow,
  html body #mwModal[data-section="requests"] .mw-msg-flow-inline{
    width:100% !important;
  }

  html body #mwModal[data-section="requests"] .mw-msg-accept-head{
    justify-content:flex-start !important;
  }
}
/* =====================================================
   S19 Launch Fix 04 – Send Button Hover ohne Grün
   ===================================================== */

#mwModal[data-section="requests"] #mwSendBtn{
  background:linear-gradient(135deg,#22d3ee,#7c3aed) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  box-shadow:
    0 12px 28px rgba(124,58,237,.28),
    0 0 0 1px rgba(255,255,255,.08) !important;
}

#mwModal[data-section="requests"] #mwSendBtn:hover:not(:disabled){
  background:linear-gradient(135deg,#38bdf8,#8b5cf6) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#ffffff !important;
  filter:brightness(1.04) !important;
  box-shadow:
    0 14px 34px rgba(124,58,237,.34),
    0 0 20px rgba(255,255,255,.12),
    0 0 0 1px rgba(255,255,255,.14) !important;
}

#mwModal[data-section="requests"] #mwSendBtn:active:not(:disabled){
  transform:translateY(0) scale(.99) !important;
}

#mwModal[data-section="requests"] #mwSendBtn:disabled{
  filter:grayscale(.18) brightness(.78) !important;
  box-shadow:none !important;
}
/* Sprint 19 – Nachrichten Header Icon größer */
#mwModal[data-section="requests"] .dialog-title svg{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  filter:
    drop-shadow(0 0 8px rgba(168,85,247,.72))
    drop-shadow(0 0 16px rgba(168,85,247,.35));
}

#mwModal[data-section="requests"] .dialog-title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

/* Sprint 19 – Rejected Message Bubble */
#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble.is-compact-reject{
  align-self:flex-end !important;
  width:fit-content !important;
  max-width:min(360px,62%) !important;
  padding:12px 14px 10px !important;
  border-radius:18px 8px 18px 18px !important;
  background:
    linear-gradient(180deg, rgba(88,50,168,.42), rgba(45,31,104,.42)) !important;
  border:1px solid rgba(244,114,182,.32) !important;
  box-shadow:
    0 0 0 1px rgba(244,114,182,.05),
    0 10px 22px rgba(0,0,0,.22) !important;
}

#mwModal[data-section="requests"] .mw-bubble.is-compact-reject .mw-reject-title{
  font-size:12.5px !important;
  font-weight:800 !important;
  color:#fda4af !important;
  margin-bottom:7px !important;
  letter-spacing:.01em;
}

#mwModal[data-section="requests"] .mw-bubble.is-compact-reject .mw-reject-copy{
  font-size:12.5px !important;
  line-height:1.38 !important;
  color:rgba(255,255,255,.86) !important;
}

#mwModal[data-section="requests"] .mw-bubble.is-compact-reject .mw-reject-quote{
  margin:7px 0 !important;
  padding:7px 9px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

#mwModal[data-section="requests"] .mw-bubble.is-compact-reject .mw-reject-quote span{
  display:block !important;
  font-size:9px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.55) !important;
  margin-bottom:4px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#mwModal[data-section="requests"] .mw-bubble.is-compact-reject .mw-reject-quote strong{
  display:block !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#ffffff !important;
  word-break:break-word !important;
}

#mwModal[data-section="requests"] .mw-bubble.is-compact-reject .mw-bubble-meta{
  margin-top:8px !important;
  font-size:10px !important;
  opacity:.46 !important;
}
/* Sprint 19 – Messages Main Close Button wie Rating-X */
#mwModal[data-section="requests"] .dialog-close{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  padding:0 !important;
  font-size:0 !important;
  position:relative !important;
  border:1px solid rgba(168,85,247,.55) !important;
  background:rgba(15,23,42,.72) !important;
  color:#f8fafc !important;
  cursor:pointer !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-shadow:
    0 0 0 1px rgba(168,85,247,.16),
    0 0 18px rgba(168,85,247,.22),
    inset 0 1px 0 rgba(255,255,255,.08) !important;

  transition:
    transform .18s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

#mwModal[data-section="requests"] .dialog-close::before{
  content:"×" !important;
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#f8fafc !important;
  transform:none !important;
}

#mwModal[data-section="requests"] .dialog-close:hover{
  transform:translateY(-1px) scale(1.04) !important;
  border-color:rgba(216,180,254,.95) !important;
  background:rgba(88,28,135,.34) !important;
  box-shadow:
    0 0 0 1px rgba(168,85,247,.30),
    0 0 28px rgba(168,85,247,.48),
    0 0 46px rgba(168,85,247,.22),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

#mwModal[data-section="requests"] .dialog-close:active{
  transform:translateY(0) scale(.98) !important;
}
/* =====================================================
   Sprint 19 – Messages Native Scrollbar Final V2
   Nur echte Scrollbereiche, keine Layout-Verschiebung
===================================================== */

#mwModal[data-section="requests"]{
  --mw-msg-scroll-thumb: rgba(96,165,250,.55);
  --mw-msg-scroll-thumb-hover: rgba(125,211,252,.78);
}

/* Echte Scrollbereiche */
#mwModal[data-section="requests"] #mwMsgThreadList,
#mwModal[data-section="requests"] .mw-msg-left .mw-list,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right,
#mwModal[data-section="requests"] #mwMsgBubbles,
#mwModal[data-section="requests"] .mw-msg-bubbles{
  scrollbar-width:thin !important;
  scrollbar-color:var(--mw-msg-scroll-thumb) transparent !important;
  overflow-x:hidden !important;
}

/* Conversation-Liste */
#mwModal[data-section="requests"] #mwMsgThreadList,
#mwModal[data-section="requests"] .mw-msg-left .mw-list{
  padding-right:12px !important;
}

/* Chrome / Edge */
#mwModal[data-section="requests"] #mwMsgThreadList::-webkit-scrollbar,
#mwModal[data-section="requests"] .mw-msg-left .mw-list::-webkit-scrollbar,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar{
  width:8px !important;
  height:8px !important;
}

/* Track transparent */
#mwModal[data-section="requests"] #mwMsgThreadList::-webkit-scrollbar-track,
#mwModal[data-section="requests"] .mw-msg-left .mw-list::-webkit-scrollbar-track,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar-track,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar-track,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar-track{
  background:transparent !important;
}

/* Chat-Scrollbar aus den Rundungen rausholen */
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar-track,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar-track,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar-track{
  margin-top:34px !important;
  margin-bottom:34px !important;
}

/* Thumb */
#mwModal[data-section="requests"] #mwMsgThreadList::-webkit-scrollbar-thumb,
#mwModal[data-section="requests"] .mw-msg-left .mw-list::-webkit-scrollbar-thumb,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar-thumb,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar-thumb,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar-thumb{
  background-color:var(--mw-msg-scroll-thumb) !important;
  border-radius:999px !important;
  border:2px solid transparent !important;
  background-clip:content-box !important;
  min-height:42px !important;
}

/* Hover */
#mwModal[data-section="requests"] #mwMsgThreadList::-webkit-scrollbar-thumb:hover,
#mwModal[data-section="requests"] .mw-msg-left .mw-list::-webkit-scrollbar-thumb:hover,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar-thumb:hover,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar-thumb:hover,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar-thumb:hover{
  background-color:var(--mw-msg-scroll-thumb-hover) !important;
}

/* Endkappen transparent halten */
#mwModal[data-section="requests"] #mwMsgThreadList::-webkit-scrollbar-button,
#mwModal[data-section="requests"] .mw-msg-left .mw-list::-webkit-scrollbar-button,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar-button,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar-button,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar-button{
  background:transparent !important;
  border:0 !important;
  width:8px !important;
  height:8px !important;
}

/* Ecke */
#mwModal[data-section="requests"] #mwMsgThreadList::-webkit-scrollbar-corner,
#mwModal[data-section="requests"] .mw-msg-left .mw-list::-webkit-scrollbar-corner,
#mwModal[data-section="requests"] #mwMsgDetail.mw-msg-right::-webkit-scrollbar-corner,
#mwModal[data-section="requests"] #mwMsgBubbles::-webkit-scrollbar-corner,
#mwModal[data-section="requests"] .mw-msg-bubbles::-webkit-scrollbar-corner{
  background:transparent !important;
}

/* Sprint 19 – A2 Header: Timeline + Actions sauber trennen */
html body #mwModal[data-section="requests"] .mw-msg-a2-topline{
  display:grid !important;
  grid-template-columns:120px minmax(300px, 1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  overflow:visible !important;
}

html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-flow{
  width:100% !important;
  max-width:420px !important;
  min-width:300px !important;
  flex:none !important;
  justify-self:center !important;
}

html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-accept-head{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:max-content !important;
  flex:none !important;
  overflow:visible !important;
}

html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-accept-head .btn,
html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-accept-head .mw-completion-head-btn,
html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-accept-head .mw-contact-btn{
  height:28px !important;
  padding:0 11px !important;
  font-size:10.5px !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}
/* Sprint 19 – Abschluss bestätigen Hover */
html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-accept-head .mw-completion-head-btn{
  transition:
    color .18s ease,
    text-shadow .18s ease,
    transform .18s ease;
}

html body #mwModal[data-section="requests"] .mw-msg-a2-topline .mw-msg-accept-head .mw-completion-head-btn:hover{
  color:#ffffff !important;
  text-shadow:0 0 10px rgba(255,255,255,.22);
  transform:translateY(-1px);
}
/* =====================================================
   Sprint 19 – Desktop Timeline final wie Mobile V4
===================================================== */

@media (min-width:981px){
  html body #mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot,
  html body #mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot{
    background:#35f0b3 !important;
    border-color:#35f0b3 !important;
    box-shadow:
      0 0 0 5px #08111f,
      0 0 15px rgba(53,240,179,.80),
      0 0 28px rgba(53,240,179,.30) !important;
  }

  html body #mwModal[data-section="requests"] .mw-flow-step.active,
  html body #mwModal[data-section="requests"] .mw-flow-step.done{
    color:#35f0b3 !important;
  }
}
/* =====================================================
   Sprint 19 – Desktop Timeline wie Mobile V4
   NUR Zeitleiste, kein Layout-Umbau.
===================================================== */

@media (min-width:981px){
  #mwModal[data-section="requests"] .mw-msg-flow{
    margin-top:6px !important;
  }

  #mwModal[data-section="requests"] .mw-flow-step{
    gap:7px !important;
    color:rgba(226,232,246,.48) !important;
    font-size:10px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-align:center !important;
  }

  #mwModal[data-section="requests"] .mw-flow-step::after{
    top:8px !important;
    height:2px !important;
    background:rgba(72,93,125,.34) !important;
  }

  #mwModal[data-section="requests"] .mw-flow-step.done::after,
  #mwModal[data-section="requests"] .mw-flow-step.active::after{
    background:linear-gradient(90deg,#20f0c2,rgba(139,92,246,.58)) !important;
    box-shadow:0 0 12px rgba(32,240,194,.38) !important;
  }

  #mwModal[data-section="requests"] .mw-flow-dot{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
    background:#07101f !important;
    border:2px solid rgba(110,130,160,.72) !important;
    box-shadow:0 0 0 3px rgba(8,13,24,.94) !important;
  }

  #mwModal[data-section="requests"] .mw-flow-step.done,
  #mwModal[data-section="requests"] .mw-flow-step.active{
    color:#20f0c2 !important;
  }

  #mwModal[data-section="requests"] .mw-flow-step.done .mw-flow-dot,
  #mwModal[data-section="requests"] .mw-flow-step.active .mw-flow-dot{
    background:#20f0c2 !important;
    border-color:#20f0c2 !important;
    box-shadow:
      0 0 0 3px rgba(8,13,24,.94),
      0 0 16px rgba(32,240,194,.55) !important;
  }
}
@keyframes mwContactPulse{

  0%,100%{
    box-shadow:
      0 0 0 1px rgba(34,197,94,.18),
      0 0 16px rgba(34,197,94,.16);
  }

  50%{
    box-shadow:
      0 0 0 1px rgba(34,197,94,.34),
      0 0 28px rgba(34,197,94,.30);
  }

}

/* =====================================================
   Sprint 19 – Problem Select
===================================================== */

#mwProblemReason{

  appearance:none;
  -webkit-appearance:none;

  width:100%;

  padding:13px 46px 13px 14px;

  border-radius:16px;

  border:1px solid rgba(148,163,184,.26);

  background:
    linear-gradient(rgba(15,23,42,.92),rgba(15,23,42,.92));

  color:#f8fafc;

  font-size:14px;
  font-weight:700;

  cursor:pointer;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white'%3E%3Cpath d='M4 6l5 6 5-6'/%3E%3C/svg%3E");

  background-repeat:no-repeat;

  background-position:right 14px center;
}
#mwProblemReason option{
  background:#111827;
  color:#f8fafc;
  font-weight:700;
}

#mwProblemReason option:checked{
  background:#2563eb;
  color:#fff;
}

/* =========================================================
   CLOSED THREAD / ABSCHLUSSANSICHT
   ========================================================= */

#mwModal[data-section="requests"] .mw-closed-thread-detail {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 12px;
}

#mwModal[data-section="requests"] .mw-closed-card {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  padding: 18px 20px;
}

#mwModal[data-section="requests"] .mw-closed-card-main {
  background:
    linear-gradient(
      135deg,
      rgba(30, 210, 135, .08),
      rgba(255,255,255,.025)
    );
  border-color: rgba(52, 211, 153, .18);
}

#mwModal[data-section="requests"] .mw-closed-status {
  margin-bottom: 12px;
}

#mwModal[data-section="requests"] .mw-closed-card h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.3;
  color: #f5f7fb;
}

#mwModal[data-section="requests"] .mw-closed-card p {
  margin: 8px 0 0;
  color: rgba(225,232,241,.78);
  font-size: 13px;
  line-height: 1.55;
}

#mwModal[data-section="requests"] .mw-closed-date {
  margin-top: 7px;
  color: rgba(225,232,241,.58);
  font-size: 12px;
  font-weight: 700;
}

#mwModal[data-section="requests"] .mw-closed-rating-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

#mwModal[data-section="requests"] .mw-closed-rating-copy {
  min-width: 0;
}

#mwModal[data-section="requests"] .mw-closed-rating-kicker {
  display: block;
  margin-bottom: 5px;
  color: #53e7b0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
}

#mwModal[data-section="requests"] .mw-closed-rating-btn {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(72, 229, 166, .55);
  border-radius: 999px;
  background: rgba(24, 197, 116, .16);
  color: #eafff5;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(25, 211, 127, .12);
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

#mwModal[data-section="requests"] .mw-closed-rating-btn:hover {
  background: rgba(24, 197, 116, .25);
  border-color: rgba(72, 229, 166, .85);
  transform: translateY(-1px);
}

#mwModal[data-section="requests"] .mw-closed-rating-done {
  display: flex;
  align-items: center;
  gap: 12px;
}

#mwModal[data-section="requests"] .mw-closed-rating-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: rgba(30, 210, 135, .13);
  border: 1px solid rgba(52, 211, 153, .35);
  color: #56e9b1;
  font-weight: 900;
}

@media (max-width: 700px) {
  #mwModal[data-section="requests"] .mw-closed-rating-card {
    align-items: stretch;
    flex-direction: column;
  }

  #mwModal[data-section="requests"] .mw-closed-rating-btn {
    width: 100%;
  }
}

.mw-closed-reference {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);

  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;

  font-size: 12px;
  line-height: 1.4;
}

.mw-closed-reference > span {
  font-weight: 700;
  color: #64748b;
}

.mw-closed-reference > code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  font-size: 11px;
  color: #475569;

  overflow-wrap: anywhere;
  word-break: break-word;
}

/* =====================================================
   MATAWOW NOTICE – FINAL DESKTOP LOOK
   Neutraler Systemhinweis, bewusst ohne Gold/Braun
===================================================== */

#mwModal[data-section="requests"] .mw-msg-bubbles > .mw-bubble.notice {
  background: rgba(17, 30, 48, 0.96) !important;
  border: 1px solid rgba(76, 151, 255, 0.28) !important;
  color: rgba(255, 255, 255, 0.92) !important;

  box-shadow: none !important;
}

/* Label "MATAWOW HINWEIS" */
#mwModal[data-section="requests"]
  .mw-msg-bubbles
  > .mw-bubble.notice
  .mw-bubble-text::before {
  color: rgba(105, 174, 255, 0.92) !important;
}

/* ===== Helper Price Review Actions ===== */

.mw-helper-price-review-actions {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.mw-helper-price-review-actions button {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.mw-helper-price-review-actions button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

.mw-helper-price-accept {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-color: rgba(34, 197, 94, 0.65);
  color: #fff;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.18);
}

.mw-helper-price-counter {
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.42);
  color: #bfdbfe;
}

.mw-helper-price-cancel {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.34);
  color: #fecaca;
}

.mw-helper-price-review-counter {
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(96, 165, 250, 0.24);
  background: rgba(15, 23, 42, 0.48);
}

.mw-helper-price-counter-input {
  width: 160px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(2, 6, 23, 0.42);
  color: #f8fafc;
  font: inherit;
  font-weight: 700;
  outline: none;
}

.mw-helper-price-counter-input:focus {
  border-color: rgba(96, 165, 250, 0.7);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
}