/* HARD DESKTOP GUARD */
@media (min-width: 981px) {
  html.mw-mobile-modal-open,
  body.mw-mobile-modal-open {
    overflow: auto !important;
    height: auto !important;
  }

  #mwMobileMessagesV4 {
    display: none !important;
  }

  #mwModal[data-section="requests"] {
    background: rgba(15, 23, 42, 0.62);
  }

  #mwModal[data-section="requests"] #mwModalContent {
    display: block !important;
  }
}

/* HARD MOBILE DEFAULT GUARD */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwMobileMessagesV4 {
    display: none !important;
  }
}

/* =====================================================
   Matawow – Profile Messages Mobile V1
   Eigenes Mobile-/Tablet-System bis 980px.
===================================================== */

@media (min-width: 981px) {
  html body #mwModal[data-section="requests"] .mw-mobile-only {
    display: none !important;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-messages-active {
    --mw-mobile-shell-max: 580px;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 {
    background: transparent;
  }
}
/* =====================================================
   V4 Layout Container
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-sidebar {
    width: 100%;
    max-width: none;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-detail {
    width: 100%;
    max-width: none;
  }
}

/* =====================================================
   V4 Shell – Mobile/Tablet Container
===================================================== */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog {
    width: min(580px, calc(100vw - 32px)) !important;
    max-width: 580px !important;
    height: min(850px, calc(100dvh - 32px)) !important;
    max-height: 850px !important;
    border-radius: 34px !important;
    overflow: hidden !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-body {
    height: calc(100% - 74px) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-head {
    min-height: 74px !important;
    padding: 16px 18px 12px !important;
    border-bottom: 1px solid rgba(148, 163, 255, 0.12) !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-title {
    font-size: clamp(23px, 7vw, 30px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-close {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 430px) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  .mw-mobile-hide-desktop {
    display: none !important;
  }
}
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 #mwModalContent {
    display: none !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-app-root {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    padding: 0;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-v4-placeholder {
    margin: 16px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 255, 0.18);
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    font-weight: 900;
    text-align: center;
  }
}

/* =====================================================
   V4 First Real Render
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-chat-card {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    gap: 13px;
    padding: 8px 14px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid rgba(148, 163, 255, 0.12);
    scrollbar-width: none;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip::-webkit-scrollbar {
    display: none;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    position: relative;
    flex: 0 0 54px;
    width: 54px;
    border: 0;
    background: transparent;
    color: rgba(245, 247, 255, 0.82);
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: block;
    background:
      linear-gradient(
        135deg,
        rgba(139, 92, 246, 0.25),
        rgba(32, 240, 194, 0.18)
      ),
      linear-gradient(145deg, #20314b, #0e1728);
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-person.is-active
    .mw-mobile-avatar {
    box-shadow:
      0 0 0 3px #8b5cf6,
      0 0 28px rgba(139, 92, 246, 0.58),
      0 0 16px rgba(32, 240, 194, 0.18);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-card {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin: 10px;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 255, 0.18);
    background: linear-gradient(
      180deg,
      rgba(7, 16, 31, 0.96),
      rgba(3, 9, 20, 0.96)
    );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-head {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 15px 0;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar.large {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-user-name {
    font-size: 21px;
    font-weight: 950;
    letter-spacing: -0.035em;
    line-height: 1.05;
    color: #f5f7ff;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(32, 240, 194, 0.13);
    border: 1px solid rgba(32, 240, 194, 0.28);
    color: #dfffee;
    font-size: 11px;
    font-weight: 950;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-status-pill::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #20f0c2;
    box-shadow: 0 0 12px rgba(32, 240, 194, 0.78);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-summary {
    flex-shrink: 0;
    display: grid;
    gap: 7px;
    margin: 14px 15px 0;
    padding: 11px 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 255, 0.12);
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-row {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-row
    span {
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(226, 232, 246, 0.42);
    font-weight: 950;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-row
    strong {
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-flow {
    flex-shrink: 0;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
    margin: 16px 15px 12px;
    padding: 0;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow::before {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    top: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      rgba(32, 240, 194, 0.72),
      rgba(139, 92, 246, 0.58)
    );
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-flow li {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-size: 9.5px;
    font-weight: 950;
    color: rgba(226, 232, 246, 0.48);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow
    span {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #07101f;
    border: 2px solid rgba(110, 130, 160, 0.72);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow
    .done,
  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow
    .active {
    color: #20f0c2;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow
    .done
    span,
  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow
    .active
    span {
    border-color: #20f0c2;
    box-shadow: 0 0 16px rgba(32, 240, 194, 0.45);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-flow
    .active
    span {
    background: #20f0c2;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-chat-scroll {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px 13px;
    border-top: 1px solid rgba(148, 163, 255, 0.12);
    overflow-y: auto;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-system-note {
    padding: 10px 12px;
    border-radius: 18px;
    background: rgba(139, 92, 246, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.22);
    color: rgba(245, 247, 255, 0.72);
    font-size: 12px;
    font-weight: 850;
    text-align: center;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-send-box {
    flex: 0 0 auto;
    flex-shrink: 0;
    padding: 10px;
    border-top: 1px solid rgba(148, 163, 255, 0.12);
    background: rgba(1, 5, 14, 0.72);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-input-wrap {
    position: relative;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-input-wrap
    textarea {
    width: 100%;
    min-height: 58px;
    resize: none;
    border: 1px solid rgba(148, 163, 255, 0.16);
    outline: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    padding: 13px 42px 12px 13px;
    font-size: 13px;
    caret-color: #20f0c2;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-help {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(153, 92, 255, 0.55);
    background: rgba(28, 22, 58, 0.75);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-send-actions {
    display: grid;
    grid-template-columns: 42px 1fr 1.42fr;
    gap: 9px;
    margin-top: 9px;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-send-actions
    button {
    height: 42px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 255, 0.18);
    font-size: 12px;
    font-weight: 950;
    color: #fff;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-trash,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-ghost {
    background: rgba(255, 255, 255, 0.045);
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-primary {
    background: linear-gradient(135deg, #35c9ff 0%, #7357ff 100%);
    box-shadow:
      0 0 30px rgba(91, 99, 255, 0.28),
      0 0 20px rgba(53, 201, 255, 0.16);
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-head
    > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-user-name {
    line-height: 1;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-status-pill {
    margin-top: 0 !important;
  }
}
/* =====================================================
   V4 Chat Bubbles
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-chat-scroll {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-message {
    max-width: 84%;
    padding: 10px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-message
    p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    color: rgba(245, 247, 255, 0.92);
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-message
    time {
    display: block;
    margin-top: 6px;
    font-size: 10px;
    color: rgba(226, 232, 246, 0.45);
    font-weight: 800;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-message.other {
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.055);
    border-bottom-left-radius: 7px;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-message.mine {
    align-self: flex-end;
    background: linear-gradient(
      135deg,
      rgba(36, 110, 255, 0.35),
      rgba(32, 240, 194, 0.16)
    );
    border-color: rgba(32, 240, 194, 0.16);
    border-bottom-right-radius: 7px;
  }
}
/* =====================================================
   V4 Compact Phones – iPhone SE / kleine Höhen
===================================================== */

@media (max-width: 430px) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-head {
    min-height: 64px !important;
    padding: 12px 16px 10px !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-title {
    font-size: 24px !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-close {
    width: 42px !important;
    height: 42px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip {
    padding: 7px 12px 9px !important;
    gap: 11px !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    flex-basis: 50px !important;
    width: 50px !important;
    font-size: 10px !important;
  }

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

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-card {
    margin: 8px !important;
    border-radius: 22px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-head {
    padding: 12px 13px 0 !important;
    gap: 10px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar.large {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-user-name {
    font-size: 19px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-status-pill {
    margin-top: 5px !important;
    padding: 6px 10px !important;
    font-size: 10.5px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-summary {
    margin: 11px 13px 0 !important;
    padding: 9px 10px !important;
    gap: 5px !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-row {
    grid-template-columns: 66px minmax(0, 1fr) !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-flow {
    margin: 13px 13px 8px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-chat-scroll {
    flex: 1 1 0 !important;
    min-height: 92px !important;
    padding: 10px 12px !important;
    gap: 9px !important;
    overflow-y: auto !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-system-note {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-message {
    padding: 9px 11px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-message
    p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-send-box {
    padding: 8px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-input-wrap
    textarea {
    min-height: 52px !important;
    font-size: 12px !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-send-actions {
    margin-top: 8px !important;
    gap: 8px !important;
    grid-template-columns: 40px 1fr 1.35fr !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-send-actions
    button {
    height: 40px !important;
  }
}
/* =====================================================
   V4 Scroll Lock – nur Chat scrollt, nicht das Modal
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog {
    overflow: hidden !important;
  }

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

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-app-root {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-chat-card {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-task-card {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-chat-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-send-box {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
  }
}
/* =====================================================
   V4 Background Scroll Lock
   Verhindert Scrollbar der profile.html hinter dem Modal.
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html.mw-mobile-modal-open,
  body.mw-mobile-modal-open {
    overflow: hidden !important;
    height: 100% !important;
  }
}

@media (min-width: 981px) {
  #mwModal[data-section="requests"] .mw-thread-title,
  #mwModal[data-section="requests"] .mw-conv-title,
  #mwModal[data-section="requests"] .mw-mobile-thread-title {
    max-width: none !important;
  }

  #mwMobileMessagesV4 {
    display: none !important;
    pointer-events: none !important;
  }
}
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-tab[data-msgtab="trash"] {
    font-size: 0 !important;
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-tab[data-msgtab="trash"]::before {
    content: "🗑";
    font-size: 15px;
    line-height: 1;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-legacy-tabs-hidden {
    display: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-v4-tabs {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 7px;
    border-bottom: 1px solid rgba(148, 163, 255, 0.1);
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-v4-tab {
    height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(245, 247, 255, 0.72);
    font-size: 11px;
    font-weight: 950;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-v4-tab.is-active {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    background: linear-gradient(135deg, #9b5cff, #6d4dff);
    box-shadow: 0 0 22px rgba(139, 92, 246, 0.34);
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-v4-tab.is-active
    span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 999px;
    background: #20f0c2;
    color: #06111f;
    font-size: 10px;
    font-weight: 950;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-v4-tab.system {
    color: #ffe7a3;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-v4-trash {
    margin-left: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(148, 163, 255, 0.18);
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    font-size: 14px;
  }
}
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-legacy-tabs-hidden {
    display: none !important;
  }
}
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4
    .dialog-body
    > *:not(#mwMobileMessagesV4) {
    display: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileMessagesV4 {
    display: flex !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action-bar {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    padding: 9px 10px 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-action-bar::-webkit-scrollbar {
    display: none;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action {
    flex: 0 0 auto;
    height: 36px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 255, 0.18);
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    white-space: nowrap;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action.primary {
    background: rgba(32, 240, 194, 0.12);
    border-color: rgba(32, 240, 194, 0.28);
    color: #dfffee;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action.danger {
    background: rgba(255, 92, 122, 0.1);
    border-color: rgba(255, 92, 122, 0.28);
    color: #ffd6df;
  }
}
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    width: min(326px, calc(100% - 32px)) !important;
    max-width: 326px !important;
    margin: 0 auto !important;
    padding: 10px 0 13px !important;
    gap: 14px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 0;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(1):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(2):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(3):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(4):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(5):last-child) {
    justify-content: center !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    flex: 0 0 54px !important;
    width: 54px !important;
    scroll-snap-align: center;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  .mw-final-details-overlay .mw-final-details-close,
  .mw-contact-details-overlay .mw-final-details-close {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(167, 91, 255, 0.62) !important;
    background: rgba(25, 18, 46, 0.88) !important;
    color: #fff !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.04) inset,
      0 0 24px rgba(139, 92, 246, 0.42) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  .mw-final-details-overlay .mw-final-details-card,
  .mw-final-details-overlay .mw-final-details-modal {
    max-width: min(360px, calc(100vw - 36px)) !important;
  }

  .mw-final-details-overlay .mw-final-details-card h2,
  .mw-final-details-overlay .mw-final-details-modal h2 {
    max-width: 230px !important;
    line-height: 1.08 !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    padding-left: 20px !important;
    padding-right: 20px !important;
    scroll-padding-left: 20px !important;
    scroll-padding-right: 20px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    flex: 0 0 54px !important;
  }
}
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 14px 12px !important;
    border-bottom: 1px solid rgba(148, 163, 255, 0.12);
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    gap: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    border-bottom: 0 !important;
    scroll-behavior: smooth;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip::-webkit-scrollbar {
    display: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-arrow {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: #dfe7ff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-shadow: 0 0 18px rgba(139, 92, 246, 0.18) !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    flex: 0 0 54px !important;
    width: 54px !important;
  }
}
/* =====================================================
   FINAL Avatar Carousel Override
   1-5 zentriert, ab 6 mit dezenter Vorschau rechts
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-arrow,
  #mwModal[data-section="requests"].mw-mobile-v4 #mwAvatarPrev,
  #mwModal[data-section="requests"].mw-mobile-v4 #mwAvatarNext {
    display: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 9px 0 12px !important;
    border-bottom: 1px solid rgba(148, 163, 255, 0.12) !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    flex: 0 0 auto !important;
    width: min(344px, calc(100% - 28px)) !important;
    max-width: 344px !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    border-bottom: 0 !important;
    scroll-behavior: smooth !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip::-webkit-scrollbar {
    display: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    scroll-snap-align: center !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(1):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(2):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(3):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(4):last-child),
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-strip:has(.mw-mobile-person:nth-child(5):last-child) {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
  }
}

@media (max-width: 430px) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    width: min(316px, calc(100% - 22px)) !important;
    max-width: 316px !important;
    gap: 12px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    flex-basis: 50px !important;
    width: 50px !important;
    min-width: 50px !important;
  }
}

/* =====================================================
   Avatar Carousel Dots
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0 0 20px;
    margin-top: 6px;
    border-bottom: none;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots span {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    transition: 0.25s ease;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-dots
    span.is-active {
    width: 20px;
    background: #20f0c2;
    box-shadow: 0 0 14px rgba(32, 240, 194, 0.45);
  }
}

/* =====================================================
   V4 Mobile System / Status Notes
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-system-note strong {
    display: block;
    margin-bottom: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-system-note p {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(245, 247, 255, 0.76);
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-system-note time {
    display: block;
    margin-top: 7px;
    font-size: 10px;
    font-weight: 800;
    color: rgba(226, 232, 246, 0.45);
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-admin-note {
    background: rgba(139, 92, 246, 0.13);
    border-color: rgba(139, 92, 246, 0.32);
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-review-note {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.28);
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-rejected-note {
    background: rgba(255, 92, 122, 0.1);
    border-color: rgba(255, 92, 122, 0.28);
  }
}

/* =====================================================
   Mobile Rating Modal Close Button = wie Nachrichtenmodal
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  .mw-rating-modal .mw-rating-close,
  .mw-rating-card .mw-rating-close,
  .mw-rating-overlay .mw-rating-close {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(167, 91, 255, 0.62) !important;
    background: rgba(25, 18, 46, 0.88) !important;
    color: #fff !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.04) inset,
      0 0 24px rgba(139, 92, 246, 0.42) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* =====================================================
   FINAL Mobile V4 Avatar Pagination
   Feste 5er-Seiten statt freiem Karussell
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) 32px !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 10px 11px !important;
    overflow: hidden !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    scroll-behavior: auto !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    display: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-person.is-page-visible {
    display: flex !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-arrow,
  #mwModal[data-section="requests"].mw-mobile-v4 #mwAvatarPrev,
  #mwModal[data-section="requests"].mw-mobile-v4 #mwAvatarNext {
    display: flex !important;
    width: 32px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(32, 240, 194, 0.28) !important;
    background: rgba(32, 240, 194, 0.07) !important;
    color: #20f0c2 !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow:
      0 0 16px rgba(32, 240, 194, 0.12),
      inset 0 0 12px rgba(32, 240, 194, 0.04) !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-avatar-arrow:disabled {
    opacity: 0.22 !important;
    cursor: default !important;
    box-shadow: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    padding-bottom: 9px !important;
  }
}

@media (max-width: 430px) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap {
    grid-template-columns: 28px minmax(0, 1fr) 28px !important;
    gap: 5px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-arrow {
    width: 28px !important;
    height: 40px !important;
  }
}
/* =====================================================
   FINAL Mobile V4 – Avatarbereich, Punkte und Trennlinie
   Nur Mobile V4, Desktop bleibt unberührt
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  /* Alte konkurrierende Linien vollständig abschalten */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-area,
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap,
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    border-top: none !important;
    border-bottom: none !important;
  }

  /*
   * Der gesamte Avatarbereich bekommt unten genug Platz.
   * Die neue Trennlinie sitzt erst unterhalb der Punkte.
   */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-area {
    position: relative !important;
    padding-bottom: 16px !important;
    margin-bottom: 12px !important;
  }

  /* Punkte klar unter den vollständigen Namen positionieren */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;

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

    position: relative !important;
    z-index: 2 !important;
  }

  /*
   * Eine einzige neue Trennlinie.
   * Sie hängt nicht mehr an den Punkten oder Avatarbuttons.
   */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-area::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(148, 163, 255, 0.1);
    pointer-events: none;
  }
}
/* =====================================================
   FINAL Mobile V4 – Avatar-Navigation
   - 1–5 Avatare mittig
   - Avatar + Name leicht höher
   - Pfeile optisch zentriert
   - keine zusätzliche Trennlinie
===================================================== */

@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  /* Keine konkurrierenden Linien mehr */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-area,
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap,
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    border-top: none !important;
    border-bottom: none !important;
  }

  /*
   * 1–5 sichtbare Avatare werden immer gemeinsam zentriert.
   * Fünf Einträge nutzen weiterhin die gesamte verfügbare Breite.
   */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-person {
    display: none !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-person.is-page-visible {
    display: flex !important;

    flex: 0 0 calc((100% - 32px) / 5) !important;
    min-width: 0 !important;

    /*
     * Profilbild und Name nur leicht nach oben.
     * Keine Größenänderung.
     */
    position: relative !important;
    top: -4px !important;

    overflow: visible !important;
  }

  /*
   * Genügend Höhe für zweizeilige Namen wie:
   * Hans
   * Zimmer
   */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-wrap {
    align-items: flex-start !important;
    padding-top: 8px !important;
    padding-bottom: 2px !important;
    overflow: visible !important;
  }

  /*
   * Pfeil-Pills bleiben an ihrer Position.
   * Der Pfeil wird darin optisch etwas höher zentriert.
   */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-arrow,
  #mwModal[data-section="requests"].mw-mobile-v4 #mwAvatarPrev,
  #mwModal[data-section="requests"].mw-mobile-v4 #mwAvatarNext {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-top: 0 !important;
    padding: 0 0 3px !important;
    line-height: 1 !important;
  }

  /*
   * Die leuchtenden Seitenpunkte bilden selbst
   * den optischen Abschluss des Avatarbereichs.
   */
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;

    margin-top: 5px !important;
    padding: 0 0 10px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-area {
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-area::after {
    content: none !important;
    display: none !important;
  }
}

/* Besonders schmale Geräte wie iPhone SE */
@media (max-width: 430px) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip {
    gap: 5px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-person.is-page-visible {
    flex-basis: calc((100% - 20px) / 5) !important;
    top: -5px !important;
  }

  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-dots {
    margin-top: 6px !important;
    padding-bottom: 9px !important;
  }
}

@media (max-width: 980px) {
  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-v4-tab[aria-busy="true"] {
    opacity: 0.75;
    cursor: progress;
  }

  #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-v4-tab[aria-busy="true"]::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 7px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: mwMobileTabLoading 0.65s linear infinite;
  }
}

@keyframes mwMobileTabLoading {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 980px) {
  #mwMobileMessagesV4 .mw-mobile-chat-card.mw-tab-is-loading {
    position: relative;
    min-height: 320px;
  }

  #mwMobileMessagesV4
    .mw-tab-is-loading
    > :not(.mw-mobile-v4-tabs):not(.mw-mobile-tab-loading) {
    visibility: hidden;
  }

  #mwMobileMessagesV4 .mw-mobile-tab-loading {
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    min-height: 180px;
    padding: 28px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #aeb8cc;
    font-size: 14px;
    z-index: 2;
    pointer-events: none;
  }

  #mwMobileMessagesV4 .mw-mobile-tab-loading.is-error {
    color: #f0b3b3;
  }
}


@media (max-width: 980px) {
  html body #mwModal[data-section="requests"].mw-mobile-v4
  .mw-mobile-task-summary .mw-mobile-task-row {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 8px;
    align-items: center;
  }


  html
    body
    #mwModal[data-section="requests"].mw-mobile-v4
    .mw-mobile-date-row
    strong {
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }
}


@media (max-width: 980px) {
  #mwModal[data-section="requests"].mw-mobile-v4
  .mw-mobile-v4-tab .mw-mobile-unread-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 999px;
    background: #20f0c2;
    color: #06111f;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
  }
}


@media (max-width: 980px),
(min-width: 981px) and (max-width: 1100px)
and (min-height: 1000px) and (orientation: portrait) {

  #mwMobileMessagesV4 .mw-mobile-is-closed
  > :is(
    .mw-mobile-task-head,
    .mw-mobile-task-summary,
    .mw-mobile-flow,
    .mw-mobile-chat-scroll,
    .mw-mobile-action-bar,
    .mw-mobile-send-box
  ) {
    display: none !important;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-card {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #eaf0ff;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(148,163,184,.16);
  }

  #mwMobileMessagesV4 .mw-mobile-closed-heading strong {
    font-size: 16px;
    overflow-wrap: anywhere;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-heading span,
  #mwMobileMessagesV4 .mw-mobile-closed-date {
    font-size: 12px;
    color: #9da9be;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-content {
    padding: 16px;
    border: 1px solid rgba(32,240,194,.22);
    border-radius: 14px;
    background: rgba(32,240,194,.055);
  }

  #mwMobileMessagesV4 .mw-mobile-closed-badge {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(16,185,129,.24);
    color: #b4f7dd;
    font-size: 10px;
    font-weight: 800;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-content h3 {
    margin: 12px 0 8px;
    font-size: 15px;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-content p {
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-reference {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(148,163,184,.16);
    font-size: 11px;
    color: #9da9be;
    overflow-wrap: anywhere;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-reference code {
    overflow-wrap: anywhere;
  }

  #mwMobileMessagesV4 .mw-mobile-closed-rating {
    padding: 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    font-size: 12px;
  }

  #mwMobileMessagesV4 #mwMobileClosedRatingBtn {
    padding: 10px 14px;
    border: 0;
    border-radius: 10px;
    background: #7650e9;
    color: white;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }
}


/* ============================================
   Mobile V4 – abgeschlossene Unterhaltungen
   kompakt statt Chat-Vollhöhe
============================================ */

@media (max-width: 980px),
(min-width: 981px) and (max-width: 1100px)
and (min-height: 1000px) and (orientation: portrait) {

  html body
  #mwModal[data-section="requests"].mw-mobile-v4
  #mwMobileMessagesV4
  .mw-mobile-task-card.mw-mobile-is-closed {
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    max-height: calc(100dvh - 225px);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-top: 10px;
  }

  #mwMobileMessagesV4
  .mw-mobile-is-closed
  .mw-mobile-closed-card {
    flex: 0 0 auto;
    padding: 12px;
    gap: 10px;
  }

  #mwMobileMessagesV4
  .mw-mobile-is-closed
  .mw-mobile-closed-content {
    padding: 13px;
  }

  #mwMobileMessagesV4
  .mw-mobile-is-closed
  .mw-mobile-closed-content h3 {
    margin: 9px 0 6px;
  }

  #mwMobileMessagesV4
  .mw-mobile-is-closed
  .mw-mobile-closed-content p {
    margin: 6px 0;
  }
}




/* Matawow Nov 7 - conversation-first mobile layout. Desktop intentionally untouched. */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-card {
    margin: 6px 8px 8px !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head {
    padding: 9px 12px 8px !important;
    gap: 9px !important;
    border-bottom: 1px solid rgba(148, 163, 255, .12);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head .mw-mobile-avatar.large {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-user-name {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-status-pill {
    margin-top: 3px !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details {
    display: block;
    flex: 0 0 auto;
    min-height: 0;
    border-bottom: 1px solid rgba(148, 163, 255, .12);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 13px;
    color: #dcfdf3;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    list-style: none;
    min-height: 40px;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary::-webkit-details-marker { display: none; }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary span {
    color: #a1adbf;
    font-size: 11px;
    font-weight: 500;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary::after {
    content: "▾";
    color: #b6eedf;
    flex: 0 0 auto;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details[open] > summary::after { content: "▴"; }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details[open] {
    overflow-y: auto;
    max-height: min(36dvh, 250px);
    -webkit-overflow-scrolling: touch;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-summary {
    margin: 0 10px 8px !important;
    padding: 8px 10px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-flow {
    margin: 8px 10px 12px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action-bar {
    padding: 7px 10px 8px !important;
    gap: 8px !important;
    flex-wrap: nowrap;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action-bar .mw-mobile-action {
    min-height: 39px;
    height: auto;
    padding: 7px 12px;
    font-size: 12px;
    flex: 1 0 auto;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-chat-scroll {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 11px 12px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-message p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-send-box {
    padding: 8px 10px max(8px, env(safe-area-inset-bottom)) !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-input-wrap textarea {
    font-size: 16px !important; /* iOS: prevents focus auto-zoom */
    min-height: 46px !important;
    max-height: 92px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-send-actions {
    margin-top: 6px !important;
    gap: 7px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-send-actions button {
    min-height: 40px !important;
    font-size: 12px !important;
  }
  /* Completed threads keep their existing summary instead of an empty disclosure. */
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-is-closed > .mw-mobile-task-details {
    display: none !important;
  }
}

/* MW mobile bubble spacing v2 2026-11-07: gap belongs to the inner message list, not its scroll wrapper. */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-chat-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}

/* MW-AVATAR-FALLBACK-20261107: show initials before and after image failure. */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(145deg, #20314b, #0e1728);
    color: #e9f4fc;
    font-size: 16px;
    font-weight: 750;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-avatar-initial {
    display: block;
    line-height: 1;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-avatar-photo {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    background: #162537;
  }
}

/* MW-MOBILE-CHAT-COMPACT-20261107: reclaim space, emphasize next step. */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-compact {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    min-height: 32px;
    padding: 7px 13px 0 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-context {
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(220,231,245,.48);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-compact .mw-mobile-status-pill {
    min-width: 0;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px !important;
    padding: 5px 9px !important;
    margin-top: 0 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-compact .mw-mobile-cancel-compact {
    flex: 0 0 auto;
    margin-left: auto;
    height: 30px !important;
    padding: 0 10px !important;
    color: rgba(255,194,202,.86);
    background: rgba(255,92,122,.045);
    border-color: rgba(255,92,122,.2);
    font-size: 10px;
    font-weight: 800;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-summary {
    margin-top: 7px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-flow {
    margin-top: 8px !important;
    margin-bottom: 6px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileDetailsBtn.is-contact-ready {
    color: #062b22 !important;
    background: linear-gradient(125deg, #20f0c2, #52f5a0) !important;
    border-color: #77ffd8 !important;
    box-shadow: 0 0 0 1px rgba(32,240,194,.28), 0 0 14px rgba(32,240,194,.22);
    animation: mwMobileContactPulse 2.8s ease-in-out infinite;
  }
  @keyframes mwMobileContactPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(32,240,194,.3), 0 0 10px rgba(32,240,194,.15); }
    50% { box-shadow: 0 0 0 4px rgba(32,240,194,.08), 0 0 20px rgba(32,240,194,.4); }
  }
}
@media (prefers-reduced-motion: reduce) {
  #mwMobileMessagesV4 #mwMobileDetailsBtn.is-contact-ready { animation: none !important; }
}

/* MW-SE-CHAT-LUNA-POLISH-20261107: compact notices, visible details toggle, white-on-green CTA. */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-luna-note {
    padding: 7px 9px !important;
    border-left: 2px solid rgba(244, 193, 102, .62) !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-note-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 4px 10px;
    min-height: 18px;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-note-heading strong {
    display: inline !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #ffe0a3;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-note-heading time {
    display: inline !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-luna-note > p {
    margin: 5px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-note-support {
    display: inline-block;
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.3;
    color: #a6f5e0;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 4px 8px 4px 13px !important;
    border-top: 1px solid rgba(56, 232, 185, .23);
    background: rgba(20, 135, 108, .065);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary::after {
    display: none !important;
    content: none !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-title {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px;
    align-items: flex-start;
    flex: 1 1 auto;
    min-width: 0;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-title strong {
    font-size: 13px !important;
    color: #dcfdf3 !important;
    font-weight: 850 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-title small {
    color: #aab8c9;
    font-size: 10px;
    line-height: 1.1;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px;
    border: 1px solid rgba(47, 235, 184, .48);
    background: rgba(25, 145, 111, .15);
    box-shadow: inset 0 0 0 1px rgba(41, 241, 190, .09);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-arrow {
    display: block;
    width: 11px;
    height: 11px;
    border-right: 2px solid #8bffe1;
    border-bottom: 2px solid #8bffe1;
    transform: translateY(-3px) rotate(45deg);
    transition: transform .18s ease;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details[open] .mw-mobile-details-arrow {
    transform: translateY(3px) rotate(225deg);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary:focus-visible {
    outline: 2px solid #2eeec0;
    outline-offset: -2px;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileDetailsBtn.is-contact-ready {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5) !important;
    background: linear-gradient(120deg, #075b48 0%, #08715a 100%) !important;
    border-color: #3af1b9 !important;
    box-shadow: 0 0 0 1px rgba(58,241,185,.5), 0 0 15px rgba(23,214,154,.3) !important;
    animation: mwMobileContactGreenBreath 2.8s ease-in-out infinite !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileDetailsBtn.is-contact-ready::before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
    top: -40%;
    bottom: -40%;
    left: -55%;
    width: 34%;
    transform: skewX(-25deg);
    background: linear-gradient(90deg, transparent, rgba(222, 255, 245, .37), transparent);
    animation: mwMobileContactGreenSweep 3.2s linear infinite;
  }
  @keyframes mwMobileContactGreenBreath {
    0%, 100% { box-shadow: 0 0 0 1px rgba(58,241,185,.42), 0 0 9px rgba(23,214,154,.2); }
    50% { box-shadow: 0 0 0 2px rgba(58,241,185,.66), 0 0 20px rgba(23,214,154,.42); }
  }
  @keyframes mwMobileContactGreenSweep {
    0%, 18% { left: -55%; }
    63%, 100% { left: 125%; }
  }
}
@media (prefers-reduced-motion: reduce) {
  #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileDetailsBtn.is-contact-ready {
    animation: none !important;
  }
  #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileDetailsBtn.is-contact-ready::before {
    animation: none !important;
    display: none !important;
  }
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-arrow {
    transition: none !important;
  }
}

/* MW-MOBILE-DETAILS-SLIM-20261108
 * Whole row stays clickable; only the ornamental 44px arrow box disappears.
 * No changes to booking logic, contact availability or moderation.
 */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details > summary {
    min-height: 40px !important;
    padding: 5px 12px !important;
    gap: 7px !important;
    background: rgba(20, 135, 108, .045) !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-title {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-title small {
    display: none !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-toggle {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-details-arrow {
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid #83f4d7 !important;
    border-bottom: 2px solid #83f4d7 !important;
    transform: translateY(-2px) rotate(45deg);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details[open] .mw-mobile-details-arrow {
    transform: translateY(2px) rotate(225deg);
  }
}

/* MW-MOBILE-TASK-ONE-ROW-20261108
 * Compact status + disclosure on ONE row. No duplicate "Auftragsdetails" band.
 * Do not modify cancellation, chat, payment or moderation logic.
 */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline {
    display: flex !important;
    align-items: center !important;
    min-height: 39px !important;
    gap: 7px !important;
    padding: 4px 10px !important;
    border-bottom: 1px solid rgba(148, 163, 255, .15) !important;
    cursor: pointer;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-task-disclosure {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    min-height: 30px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #a9f5df;
    padding: 2px 3px;
    font: inherit;
    cursor: pointer;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-task-context {
    color: #a9f5df !important;
    font-size: 10.5px !important;
    line-height: 1.2;
    letter-spacing: .045em;
    font-weight: 850 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-details-arrow {
    display: inline-block;
    flex: 0 0 8px;
    width: 8px !important;
    height: 8px !important;
    margin-left: 1px;
    border-right: 2px solid #52e9c1 !important;
    border-bottom: 2px solid #52e9c1 !important;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .17s ease;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-task-disclosure[aria-expanded="true"] .mw-mobile-details-arrow {
    transform: translateY(2px) rotate(225deg);
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-task-disclosure:focus-visible {
    outline: 2px solid #42e9bd;
    outline-offset: 1px;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-status-pill {
    margin: 0 !important;
    font-size: 10px !important;
    padding: 4px 8px !important;
    max-width: none !important;
    min-width: 0;
    flex: 0 1 auto;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-cancel-compact {
    margin-left: auto !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 9px !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details-inline {
    min-height: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details-inline > summary {
    display: none !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details-inline:not([open]) {
    display: none !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-details-inline[open] {
    border-bottom: 1px solid rgba(148, 163, 255, .13) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-head-inline .mw-mobile-details-arrow {
    transition: none !important;
  }
}
/* MW-MOBILE-FINISH-REVIEW-20261108-R2: mobile-only finish and rating focus */
@media (max-width: 980px),
  (min-width: 981px) and (max-width: 1100px) and (min-height: 1000px) and (orientation: portrait) {
  html.mw-mobile-modal-open,
  html body.mw-mobile-modal-open {
    overflow-x: clip !important;
    overscroll-behavior-x: none;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .dialog-body,
  html body #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileMessagesV4,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-app-root,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-chat-card,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-task-card {
    max-width: 100% !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-chat-scroll,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-is-closed {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  /* Keep the intentional horizontally scrollable contacts and buttons functional. */
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-avatar-strip,
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action-bar {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
  }

  html body #mwModal[data-section="requests"].mw-mobile-v4
  .mw-mobile-action.mw-mobile-attention-green {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #35e6b5 !important;
    background: linear-gradient(105deg, #075745 4%, #087f61 38%, #27b78a 50%, #08785d 62%, #075745 95%) !important;
    background-size: 260% 100% !important;
    box-shadow: 0 0 0 1px rgba(64,241,186,.36), 0 0 11px rgba(24,201,145,.28) !important;
    animation: mwMobileFinishSweep 3.1s ease-in-out infinite !important;
  }
  html body #mwModal[data-section="requests"].mw-mobile-v4
  #mwMobileClosedRatingBtn {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #ae89ff !important;
    background: linear-gradient(105deg, #4e269c 4%, #7450d5 38%, #ac83ff 50%, #7450d5 62%, #4e269c 95%) !important;
    background-size: 260% 100% !important;
    box-shadow: 0 0 0 1px rgba(162,120,255,.35), 0 0 11px rgba(148,98,247,.3) !important;
    animation: mwMobileFinishSweep 3.1s ease-in-out infinite !important;
  }
  @keyframes mwMobileFinishSweep {
    0%, 15% { background-position: 100% 50%; }
    70%, 100% { background-position: 0% 50%; }
  }
}
/* Keep the internal feedback explanation legible in the review overlay. */
.mw-rating-modal .mw-rating-privacy-note {
  margin: 6px 0 12px;
  font-size: 12px;
  line-height: 1.35;
  color: #bcd5ce;
}
@media (prefers-reduced-motion: reduce) {
  html body #mwModal[data-section="requests"].mw-mobile-v4 .mw-mobile-action.mw-mobile-attention-green,
  html body #mwModal[data-section="requests"].mw-mobile-v4 #mwMobileClosedRatingBtn {
    animation: none !important;
  }
}

/* MW-MOBILE-ACCEPT-SWEEP-20261108
 * Only small mobile screens: highlight the next positive action.
 * No effect on desktop, reject, report, cancel or payment logic.
 */
@media screen and (max-width: 767px) {
  html body #mwModal[data-section="requests"].mw-mobile-v4
  .mw-mobile-action.mw-mobile-attention-next {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #35e6b5 !important;
    background: linear-gradient(105deg, #075745 4%, #087f61 38%, #27b78a 50%, #08785d 62%, #075745 95%) !important;
    background-size: 260% 100% !important;
    box-shadow: 0 0 0 1px rgba(64,241,186,.36), 0 0 11px rgba(24,201,145,.28) !important;
    animation: mwMobileFinishSweep 3.1s ease-in-out infinite !important;
  }
}
@media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
  html body #mwModal[data-section="requests"].mw-mobile-v4
  .mw-mobile-action.mw-mobile-attention-next {
    animation: none !important;
  }
}