/* Project and task share one mobile room/info screen structure. */
@media (max-width: 768px) {
  .foundation-info-window.info-open .chat-head,
  .foundation-info-window.info-open .discussion,
  .foundation-info-window.info-open .message-composer,
  .foundation-info-window.info-open .modal-two-col > .workflow-actions {
    display: none !important;
  }
  .foundation-info-window.info-open .info-bar {
    flex: none;
    display: flex !important;
    align-items: center;
    gap: 8px;
    height: 58px;
    padding: 0 12px 0 8px;
    background: var(--surface);
    border-bottom: 1px solid var(--rule);
  }
  .foundation-info-window.info-open .modal-two-col {
    overflow-y: auto;
    padding: 12px;
    gap: 12px;
  }
  .foundation-info-window.info-open .modal-left-top {
    display: block !important;
    flex: none;
  }
  .foundation-info-window.info-open .modal-members {
    display: flex !important;
    flex: none;
  }
  .foundation-info-window.info-open .project-created-date {
    display: block !important;
  }
  .foundation-info-window.info-open .m-section-body {
    display: block !important;
    max-height: none;
    overflow: visible;
  }
  .foundation-info-window.info-open .m-section-toggle {
    display: none !important;
  }
  .foundation-info-window.info-open .tasks-section {
    display: flex !important;
    flex: none;
    max-height: none;
  }
  .foundation-info-window.info-open .task-sched-row {
    display: flex !important;
  }
  .foundation-info-window.info-open .modal-members > :not(.task-sched-row) {
    display: block !important;
  }
  .foundation-info-window.info-open .modal-members > .m-desktop-label {
    display: none !important;
  }
  .foundation-info-window.info-open .modal-members > .m-section-body {
    display: block !important;
  }
  .foundation-info-window.info-open .task-title-col {
    display: block;
  }
  .task-modal.foundation-info-window.info-open .modal-members {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 13px 22px 15px;
    background: var(--surface);
    border: 1px solid var(--hairline);
    border-radius: 0 0 var(--radius) var(--radius);
    box-shadow: var(--shadow-sheet);
  }
  .task-modal.foundation-info-window.info-open .m-section-body {
    max-height: none !important;
    overflow: visible;
  }
}