/* V9: Mobile profile + Manage Mess responsive polish */
    @media (max-width: 900px) {

      #profileModal .profile-summary-card,
      #moderatorInfoModal .moderator-info-card,
      #messRoleModal .mess-summary-card {
        padding: 13px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
      }

      #profileModal .profile-info-grid,
      #moderatorInfoModal .profile-info-grid,
      #messRoleModal .profile-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
      }

      #profileModal .profile-info-item,
      #moderatorInfoModal .profile-info-item,
      #messRoleModal .profile-info-item {
        min-width: 0 !important;
        padding: 10px !important;
        border-radius: 13px !important;
      }

      #profileModal .profile-info-item span,
      #moderatorInfoModal .profile-info-item span,
      #messRoleModal .profile-info-item span {
        font-size: clamp(0.52rem, 2.15vw, 0.68rem) !important;
        line-height: 1.16 !important;
        white-space: normal !important;
      }

      #profileModal .profile-info-item strong,
      #moderatorInfoModal .profile-info-item strong,
      #messRoleModal .profile-info-item strong {
        font-size: clamp(0.72rem, 2.75vw, 0.88rem) !important;
        line-height: 1.28 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
      }

      #profileModal .profile-avatar-top {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 11px !important;
        padding: 11px !important;
        border-radius: 15px !important;
      }

      #profileModal .profile-avatar-top strong,
      #profileModal .profile-avatar-top small {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
      }

      #profileModal .modal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
      }

      #profileModal .profile-edit-card {
        padding: 12px !important;
        border-radius: 15px !important;
      }

      #profileModal .profile-edit-card .action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        align-items: stretch !important;
      }

      #profileModal .profile-history-wrap {
        border-radius: 14px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
      }

      #profileModal .profile-history-table {
        min-width: 560px !important;
      }

      #messRoleModal .mess-summary-card .action-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: 8px !important;
        align-items: stretch !important;
        width: 100% !important;
      }

      #messRoleModal #managerMessNameInput {
        max-width: none !important;
        width: 100% !important;
        min-width: 0 !important;
      }

      #messRoleModal .mess-members-list {
        gap: 9px !important;
      }

      #messRoleModal .mess-member-item {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 11px !important;
        border-radius: 14px !important;
        min-width: 0 !important;
      }

      #messRoleModal .mess-member-main {
        min-width: 0 !important;
      }

      #messRoleModal .mess-member-main strong,
      #messRoleModal .mess-member-main span {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
      }

      #messRoleModal .manager-actions {
        justify-content: flex-end !important;
        gap: 6px !important;
        max-width: 138px !important;
      }

      #messRoleModal .manager-actions .btn {
        min-height: 34px !important;
        padding: 7px 9px !important;
        font-size: 0.72rem !important;
      }

      #messRoleModal .manager-actions .manager-icon-btn {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
      }

      #messRoleModal .actual-member-toggle {
        min-height: 34px !important;
        padding: 7px 8px !important;
        font-size: 0.68rem !important;
        white-space: nowrap !important;
      }
    }

    @media (max-width: 430px) {

      #profileModal .profile-info-grid,
      #moderatorInfoModal .profile-info-grid,
      #messRoleModal .profile-info-grid,
      #profileModal .modal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
      }

      #profileModal .profile-info-item,
      #moderatorInfoModal .profile-info-item,
      #messRoleModal .profile-info-item {
        padding: 8px !important;
      }

      #profileModal .profile-edit-card .action-row,
      #messRoleModal .mess-summary-card .action-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      #messRoleModal #managerMessNameInput {
        grid-column: 1 / -1 !important;
      }

      #messRoleModal .mess-member-item {
        grid-template-columns: minmax(0, 1fr) auto !important;
        padding: 10px !important;
      }

      #messRoleModal .manager-actions {
        max-width: 94px !important;
      }

      #messRoleModal .actual-member-toggle {
        width: 100% !important;
      }
    }