/* EDUHUNT R416 — Principal-only execution/results interaction cleanup.
   Mobile/tablet means <=1024px. Desktop layout is intentionally unchanged
   except pointer cursor on interactive Principal controls. */

body[data-portal-role="PRINCIPAL"] button:not(:disabled),
body[data-portal-role="PRINCIPAL"] a.button,
body[data-portal-role="PRINCIPAL"] [role="button"]:not([aria-disabled="true"]),
body[data-portal-role="PRINCIPAL"] [data-command]:not(:disabled),
body[data-portal-role="PRINCIPAL"] [data-module]:not(:disabled){
  cursor:pointer!important;
}

/* Search-only Student Bubbling selector. No native dropdown and no View button. */
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-shell{
  position:relative;
  display:grid;
  gap:7px;
  width:100%;
  margin:0 0 12px;
}
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-input{
  width:100%;
  min-height:46px;
  padding:10px 14px;
  border:1px solid #315a77;
  border-radius:11px;
  background:#08243d;
  color:#f5f9ff;
  font:inherit;
  font-size:14px;
  font-weight:750;
  outline:none;
}
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-input:focus{
  border-color:#2ebbe6;
  box-shadow:0 0 0 2px rgba(46,187,230,.16);
}
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-results{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-result{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid #315a77;
  border-radius:9px;
  background:#0b2b47;
  color:#edf7ff;
  font:inherit;
  font-size:12px;
  text-align:left;
}
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-result b{color:#52d7f5}
body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-empty{
  padding:8px 10px;
  border:1px dashed #315a77;
  border-radius:9px;
  color:#9fb8cc;
  font-size:12px;
  font-weight:750;
}

@media (max-width:1024px){
  /* ------------------------------------------------------------
     CDF Execution Status: header = Subject / CDF / Date, then exactly
     four workflow buttons in a 2 x 2 grid. Test Date is already in header.
     ------------------------------------------------------------ */
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2px!important;
    border:1px solid #31536d!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#082039!important;
    margin:0 0 10px!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cdf-mobile-head{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    grid-column:1/-1!important;
    align-items:center!important;
    min-height:52px!important;
    padding:0!important;
    background:#0c2d49!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cdf-mobile-head>*{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:52px!important;
    padding:8px 6px!important;
    border-right:1px solid #31536d!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cdf-mobile-head>*:last-child{border-right:0!important}
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-identity{
    display:none!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cell[data-mobile-label="Test Date"]{
    display:none!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cell:not([data-mobile-label="Test Date"]){
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    min-height:72px!important;
    padding:20px 7px 8px!important;
    border:0!important;
    border-radius:0!important;
    position:relative!important;
    text-align:center!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cell:not([data-mobile-label="Test Date"])::before{
    content:attr(data-mobile-label)!important;
    position:absolute!important;
    top:7px!important;
    left:4px!important;
    right:4px!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    opacity:.86!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cell>b{
    font-size:17px!important;
    line-height:1.08!important;
    text-align:center!important;
  }

  /* Smaller smart dock, while retaining the R411 obstruction logic. */
  body[data-portal-role="PRINCIPAL"] .principal-mobile-utility-dock{
    grid-template-columns:auto 44px 44px!important;
    gap:6px!important;
    min-height:50px!important;
    padding:3px 5px!important;
    border-radius:15px!important;
  }
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock #desktopThemeSwitcher{
    width:72px!important;
    min-width:72px!important;
    height:42px!important;
    min-height:42px!important;
    padding:2px!important;
    border-radius:12px!important;
  }
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock .desktop-theme-choice{
    width:33px!important;
    min-width:33px!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:9px!important;
  }
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock .desktop-theme-choice>span{font-size:15px!important}
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock #accountButton,
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock #principalCoordinatorWhatsappButton{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
  }
  body[data-portal-role="PRINCIPAL"] #principalMobileUtilityDock #accountButton .avatar{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }

  /* Student Bubbling: all six summary cards on one compact row. */
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis--compact{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    margin:8px 0 10px!important;
    overflow:visible!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-card{
    min-width:0!important;
    min-height:70px!important;
    padding:7px 3px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    text-align:center!important;
    gap:2px!important;
    border-radius:9px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    border-radius:7px!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-icon svg{width:15px!important;height:15px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-card>b,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-value{
    font-size:16px!important;
    line-height:1!important;
    margin:0!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-card span:not(.kpi-icon),
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-label{
    font-size:8px!important;
    line-height:1.05!important;
    white-space:normal!important;
  }

  /* Question-wise Analysis must remain the desktop-style six-column table.
     No card transformation and no horizontal scrollbar on tablet/mobile. */
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table .table-card,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table table{
    display:table!important;
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table thead{display:table-header-group!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table tbody{display:table-row-group!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table tr{display:table-row!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table td{
    display:table-cell!important;
    position:static!important;
    min-height:0!important;
    padding:7px 5px!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table td::before,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table td::after{display:none!important;content:none!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th:nth-child(1){width:8%!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th:nth-child(2){width:12%!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th:nth-child(3){width:22%!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th:nth-child(4){width:22%!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th:nth-child(5){width:22%!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th:nth-child(6){width:14%!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table .status-badge{
    min-width:0!important;
    padding:3px 5px!important;
    font-size:9px!important;
    white-space:normal!important;
  }

  /* Search results remain compact on smaller screens. */
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-search-input{min-height:42px!important;font-size:13px!important}
}

@media (max-width:560px){
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cell:not([data-mobile-label="Test Date"]){
    min-height:68px!important;
    padding:20px 5px 7px!important;
  }
  body[data-portal-role="PRINCIPAL"] .exam-v3-principal-table-row.is-cdf>.exam-v3-principal-cell>b{font-size:15px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis{gap:3px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-card{min-height:64px!important;padding:6px 2px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-card>b,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-value{font-size:14px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-card span:not(.kpi-icon),
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-kpis .kpi-label{font-size:7px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table th,
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table td{padding:6px 3px!important;font-size:9px!important}
  body[data-portal-role="PRINCIPAL"] .principal-bubbling-question-table .table-toolbar{padding:8px!important;font-size:10px!important}
}

body[data-portal-role="PRINCIPAL"] #resultReport,
body[data-portal-role="PRINCIPAL"] #principalResultView,
body[data-portal-role="PRINCIPAL"] #principalBubblingData{
  scroll-margin-top:96px!important;
}
@media(max-width:1024px){
  body[data-portal-role="PRINCIPAL"] #resultReport,
  body[data-portal-role="PRINCIPAL"] #principalResultView,
  body[data-portal-role="PRINCIPAL"] #principalBubblingData{
    scroll-margin-top:84px!important;
  }
}