/* Performance: visibly equal card heights and balanced lower panels. */
  #view-report .mv-performance-summary {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
  }
  #view-report .mv-summary-card {
    min-height:150px !important;
    height:150px !important;
    padding:16px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  #view-report .mv-summary-card .icon { margin-bottom:10px !important; }
  #view-report .mv-summary-card small { margin-top:auto !important; padding-top:8px !important; }
  #view-report .mv-performance-layout {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
    align-items:stretch !important;
  }
  #view-report .mv-performance-layout > .mv-student-panel {
    min-height:440px !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
  }
  #view-report .mv-performance-layout > .mv-student-panel > :last-child { flex:1 1 auto; }

  /* Assignments: switch from small two-column tiles to full-width horizontal cards. */
  #view-missions #mission-list {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  #view-missions .mv-assignment-card {
    width:100% !important;
    min-height:190px !important;
    height:auto !important;
    padding:20px 22px 20px 26px !important;
    border-radius:24px !important;
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(15,23,42,.05) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.45fr) minmax(420px,1.2fr) 150px !important;
    gap:22px !important;
    align-items:center !important;
    position:relative !important;
    overflow:hidden !important;
  }
  #view-missions .mv-assignment-card::before {
    width:6px !important;
    background:#38bdf8 !important;
  }
  #view-missions .mv-assignment-card.is-completed::before { background:#34d399 !important; }
  #view-missions .mv-assignment-main {
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;
    min-width:0 !important;
  }
  #view-missions .mv-assignment-icon {
    width:64px !important;
    height:64px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(145deg,#e0f2fe,#f0f9ff) !important;
    color:#0284c7 !important;
    font-size:1.45rem !important;
    border:1px solid #bae6fd !important;
    flex:0 0 64px !important;
  }
  #view-missions .is-completed .mv-assignment-icon {
    background:linear-gradient(145deg,#dcfce7,#f0fdf4) !important;
    color:#059669 !important;
    border-color:#bbf7d0 !important;
  }
  #view-missions .mv-assignment-card h3 {
    font-size:1.25rem !important;
    line-height:1.2 !important;
    margin:8px 0 5px !important;
    color:#172554 !important;
  }
  #view-missions .mv-assignment-card .status-pill {
    display:inline-flex !important;
    width:max-content !important;
    padding:5px 9px !important;
    font-size:.61rem !important;
  }
  #view-missions .mv-assignment-subtitle {
    color:#64748b !important;
    font-size:.74rem !important;
    font-weight:750 !important;
  }
  #view-missions .mv-assignment-meta-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    align-self:stretch !important;
  }
  #view-missions .mv-assignment-meta {
    min-height:64px !important;
    padding:10px 12px !important;
    border:1px solid #e8eef5 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  #view-missions .mv-assignment-meta label { font-size:.54rem !important; margin-bottom:5px !important; }
  #view-missions .mv-assignment-meta span { font-size:.74rem !important; }
  #view-missions .mv-assignment-action {
    width:100% !important;
    min-height:44px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-family:'Fredoka',sans-serif !important;
    font-size:.78rem !important;
    font-weight:700 !important;
  }
  #view-missions .mv-assignment-action--start {
    background:#0ea5e9 !important;
    color:#fff !important;
    box-shadow:0 4px 0 #0284c7 !important;
  }
  #view-missions .mv-assignment-action--done {
    background:#ecfdf5 !important;
    color:#166534 !important;
    border:1px solid #bbf7d0 !important;
    box-shadow:none !important;
    padding:10px !important;
    line-height:1.35 !important;
  }

  @media (max-width:980px) {
    #view-report .mv-performance-summary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    #view-report .mv-summary-card { height:145px !important; }
    #view-report .mv-performance-layout { grid-template-columns:1fr !important; }
    #view-report .mv-performance-layout > .mv-student-panel { min-height:0 !important; }
    #view-missions .mv-assignment-card {
      grid-template-columns:1fr !important;
      min-height:0 !important;
      gap:14px !important;
    }
    #view-missions .mv-assignment-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    #view-missions .mv-assignment-action { max-width:none !important; }
  }
  @media (max-width:560px) {
    #view-report .mv-performance-summary { grid-template-columns:1fr !important; }
    #view-report .mv-summary-card { height:auto !important; min-height:132px !important; }
    #view-missions .mv-assignment-card { padding:16px 16px 18px 20px !important; border-radius:20px !important; }
    #view-missions .mv-assignment-main { grid-template-columns:52px minmax(0,1fr) !important; gap:12px !important; }
    #view-missions .mv-assignment-icon { width:52px !important; height:52px !important; border-radius:15px !important; font-size:1.2rem !important; }
    #view-missions .mv-assignment-meta-grid { grid-template-columns:1fr 1fr !important; }
  }