/* Mobile refinement 3: MakerWorld is the first, unmistakable action. */
@media (width <= 640px) {
  .topbar {
    gap: 8px;
    padding: 8px 10px;
  }

  .brand-mark { height: 36px; width: 36px; }
  .brand-symbol { font-size: 25px; }

  .topbar-right,
  .has-admin-control .topbar-right {
    align-items: stretch;
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "events sync"
      "search search"
      "role role"
      "account support"
      "report report";
    overflow: visible;
    padding: 1px 0 4px;
    width: 100%;
  }

  .topbar-right > * {
    min-height: 44px;
    min-width: 0;
  }

  .has-admin-control .topbar-right {
    grid-template-areas:
      "events sync"
      "search search"
      "role role"
      "account admin"
      "support report";
  }

  .topbar-event-details { grid-area: events; width: 100%; }
  .topbar-event-details[open] { z-index: 40; }
  .topbar-event-details .event-dropdown-menu { left: 0; right: auto; }
  .topbar-right .sync-pill { grid-area: sync; width: 100%; }
  .topbar-right .search-input,
  .search { grid-area: search; width: 100%; }
  .topbar-right #roleSwitch { grid-area: role; }
  .topbar-right #accountBtn { grid-area: account; }
  .topbar-right #adminLoginControl { grid-area: admin; }
  .topbar-right #supportBtn { grid-area: support; }
  .topbar-right #reportBtn { grid-area: report; }
  main { padding-top: 12px; }

  .info-banner {
    align-items: stretch;
    background:
      radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 42%),
      linear-gradient(145deg, color-mix(in srgb, var(--surface) 87%, var(--accent)), var(--surface));
    border: 1px solid color-mix(in srgb, var(--accent) 62%, var(--border));
    border-left-width: 5px;
    border-radius: 18px;
    box-shadow: 0 14px 38px rgb(0 0 0 / 22%), 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);
    display: grid;
    font-size: 14.5px;
    gap: 14px;
    line-height: 1.55;
    min-height: 178px;
    padding: 18px;
  }

  .info-banner::before {
    color: var(--accent);
    content: "MAKERWORLD · EMPFOHLEN";
    font: 800 10px/1.1 JetBrains Mono, monospace;
    letter-spacing: .11em;
    order: -1;
  }

  .info-banner > span { display: block; }

  .info-banner strong {
    display: block;
    font-size: 17px;
    line-height: 1.35;
    margin-bottom: 5px;
  }

  .info-banner .mw-link {
    font-size: 14px;
    justify-content: center;
    min-height: 50px;
    width: 100%;
  }
}

@media (width <= 380px) {
  .info-banner { min-height: 190px; padding: 16px; }
  .info-banner strong { font-size: 16px; }
  .card { grid-template-columns: 100px minmax(0, 1fr); }
}


/* v115-costs-mobile: zuverlässige Popup-Touchziele */
.broadcast-glow{
  pointer-events:none !important;
}

@media (pointer:coarse){
  .modal .x,
  .broadcast-popup-x,
  #conversationCancelBtn,
  #conversationResolveBtn,
  #confirmationCancelBtn,
  #confirmationConfirmBtn,
  #broadcastAckBtn,
  #completionAckBtn,
  #resolutionAckBtn{
    touch-action:manipulation;
  }

  #broadcastAckBtn,
  #completionAckBtn,
  #resolutionAckBtn,
  #conversationCancelBtn,
  #conversationResolveBtn,
  #confirmationCancelBtn,
  #confirmationConfirmBtn{
    min-height:44px;
  }
}