/* EDUHUNT R417 — Principal Result Analysis cleanup.
   Principal portal only. Desktop WhatsApp floating launcher removed.
   Mobile/tablet preserve desktop-style tables without horizontal scrolling. */

/* Desktop: remove the floating WhatsApp launcher/panel only. */
@media (min-width:1025px){
  body[data-portal-role="PRINCIPAL"] #principalCoordinatorWhatsappButton,
  body[data-portal-role="PRINCIPAL"] #principalCoordinatorWhatsappPanel{
    display:none!important;
  }
}

/* Subject-wise Average: vertical columns instead of horizontal progress bars. */
body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(74px,1fr))!important;
  align-items:end!important;
  gap:18px!important;
  min-height:205px!important;
  padding:14px 8px 4px!important;
}
body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-bar{
  display:grid!important;
  grid-template-rows:auto 148px auto!important;
  justify-items:center!important;
  align-items:end!important;
  gap:8px!important;
  min-width:0!important;
}
body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-bar>b{
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--text,#f4f8ff)!important;
}
body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-track{
  position:relative!important;
  width:34px!important;
  height:148px!important;
  border-radius:10px 10px 4px 4px!important;
  overflow:hidden!important;
  background:#0d2d49!important;
}
body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-track>i{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:var(--principal-average,0%)!important;
  border-radius:8px 8px 3px 3px!important;
  background:linear-gradient(180deg,#24c6c8,#1488d2)!important;
}
body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-bar>span{
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:center!important;
}

/* Performance Groups are real buttons. */
body[data-portal-role="PRINCIPAL"] .principal-performance-groups{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button{
  appearance:none!important;
  min-width:0!important;
  min-height:84px!important;
  padding:12px 8px!important;
  border:1px solid #315a77!important;
  border-radius:12px!important;
  background:#0b2943!important;
  color:#f4f8ff!important;
  display:grid!important;
  place-items:center!important;
  gap:6px!important;
  text-align:center!important;
  font:inherit!important;
  cursor:pointer!important;
}
body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button:hover,
body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button.active{
  border-color:#34c6e7!important;
  background:#0b6fa6!important;
}
body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button span{
  font-size:12px!important;
  line-height:1.2!important;
}
body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button b{
  font-size:24px!important;
  line-height:1!important;
}
body[data-portal-role="PRINCIPAL"] .principal-performance-students{
  margin-top:16px!important;
}
body[data-portal-role="PRINCIPAL"] .principal-performance-result-btn{
  min-height:30px!important;
  padding:5px 9px!important;
  font-size:10px!important;
}

@media (max-width:1024px){
  /* Exam Analysis summary: six compact values in one row on tablet/mobile. */
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    overflow:visible!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary>div{
    min-width:0!important;
    min-height:72px!important;
    padding:8px 3px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
    text-align:center!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary>div span{
    font-size:8px!important;
    line-height:1.05!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary>div b{
    font-size:17px!important;
    line-height:1!important;
  }

  /* Keep Teaching Analysis and Exam Analysis tables as real desktop-style tables. */
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ),
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) .table-card,
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) table{
    display:table!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) thead{display:table-header-group!important}
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) tbody{display:table-row-group!important}
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) tr{
    display:table-row!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) th,
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) td{
    display:table-cell!important;
    position:static!important;
    min-width:0!important;
    min-height:0!important;
    padding:7px 5px!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    vertical-align:middle!important;
  }
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) td::before,
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) td::after{
    content:none!important;
    display:none!important;
  }
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) .table-toolbar{
    padding:8px 9px!important;
    font-size:10px!important;
  }

  /* Teaching Analysis six columns. */
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table th:nth-child(1){width:9%!important}
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table th:nth-child(2){width:13%!important}
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table th:nth-child(3),
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table th:nth-child(4),
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table th:nth-child(5){width:17%!important}
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table th:nth-child(6){width:27%!important}
  body[data-portal-role="PRINCIPAL"] .principal-teaching-table .status-badge{
    min-width:0!important;
    padding:3px 4px!important;
    font-size:8px!important;
    white-space:normal!important;
  }

  /* Top Three Students: desktop columns retained, no card conversion. */
  body[data-portal-role="PRINCIPAL"] .principal-analysis-top-table th:nth-child(1){width:9%!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-top-table th:nth-child(2){width:29%!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-top-table th:nth-child(3){width:25%!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-top-table th:nth-child(4){width:18%!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-top-table th:nth-child(5){width:19%!important}

  /* Strong/Weak subject table also stays a table. */
  body[data-portal-role="PRINCIPAL"] .principal-analysis-subject-table th:nth-child(1){width:18%!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-subject-table th:nth-child(2),
  body[data-portal-role="PRINCIPAL"] .principal-analysis-subject-table th:nth-child(3),
  body[data-portal-role="PRINCIPAL"] .principal-analysis-subject-table th:nth-child(4){width:17%!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-subject-table th:nth-child(5){width:31%!important}

  /* Performance-group drill-down list. */
  body[data-portal-role="PRINCIPAL"] .principal-performance-student-table th:nth-child(1){width:35%!important}
  body[data-portal-role="PRINCIPAL"] .principal-performance-student-table th:nth-child(2){width:27%!important}
  body[data-portal-role="PRINCIPAL"] .principal-performance-student-table th:nth-child(3){width:16%!important}
  body[data-portal-role="PRINCIPAL"] .principal-performance-student-table th:nth-child(4){width:22%!important}

  /* Performance group buttons remain within viewport, no horizontal scrolling. */
  body[data-portal-role="PRINCIPAL"] .principal-performance-groups{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button{
    min-height:68px!important;
    padding:8px 5px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button span{font-size:10px!important}
  body[data-portal-role="PRINCIPAL"] .principal-performance-groups>button b{font-size:19px!important}

  /* Vertical Subject-wise Average remains compact on tablet/mobile. */
  body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical{
    grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important;
    gap:8px!important;
    min-height:165px!important;
    padding:10px 2px 2px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-bar{
    grid-template-rows:auto 112px auto!important;
    gap:5px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-track{
    width:25px!important;
    height:112px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-bar>b{font-size:11px!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-bars--vertical .principal-analysis-bar>span{font-size:10px!important}
}

@media (max-width:560px){
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary{gap:3px!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary>div{min-height:64px!important;padding:6px 2px!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary>div span{font-size:6.8px!important}
  body[data-portal-role="PRINCIPAL"] .principal-analysis-summary>div b{font-size:14px!important}

  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) th,
  body[data-portal-role="PRINCIPAL"] :is(
    .principal-teaching-table,
    .principal-analysis-top-table,
    .principal-analysis-subject-table,
    .principal-performance-student-table
  ) td{
    padding:6px 3px!important;
    font-size:8.5px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-analysis-top-table .principal-analysis-student-name{
    font-size:8.5px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-performance-result-btn{
    min-height:26px!important;
    padding:3px 4px!important;
    font-size:8px!important;
  }
}