/* MathPro Tutors v5.4 · operational student profile */
.mp-admin-content .student-shell { scroll-behavior: smooth; }
.mp-admin-content .student-shell > .container { max-width: 1480px; }
.mp-admin-content .student-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.mp-admin-content .student-metric-grid .metric-card { min-width: 0; }
.mp-admin-content .student-metric-grid .metric-card strong,
.mp-admin-content .student-metric-grid .metric-card small { overflow-wrap: anywhere; }

.mp-admin-content .student-section-nav { position: sticky; top: 75px; z-index: 15; display: flex; align-items: center; gap: 6px; overflow-x: auto; margin: 0 0 18px; padding: 7px; border: 1px solid var(--mp-line, #dfe3eb); border-radius: 10px; background: rgba(255, 255, 255, .96); box-shadow: 0 7px 22px rgba(16, 24, 40, .07); backdrop-filter: blur(12px); scrollbar-width: thin; }
.mp-admin-content .student-section-nav a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 8px 12px; border: 1px solid transparent; border-radius: 7px; color: var(--mp-muted, #697386) !important; font-size: 11px; font-weight: 750; text-decoration: none; }
.mp-admin-content .student-section-nav a:hover,
.mp-admin-content .student-section-nav a:focus-visible { border-color: #f1bfd4; background: #fff2f7; color: var(--mp-magenta-strong, #b9004d) !important; outline: none; }
.mp-admin-content .student-section-nav .material-symbols-outlined { font-size: 17px; }

.mp-admin-content .student-detail-grid { align-items: start; margin-bottom: 16px; }
.mp-admin-content .student-detail-card { min-width: 0; overflow: hidden; }
.mp-admin-content .student-detail-card > .card-heading { min-height: 64px; margin-bottom: 0; }
.mp-admin-content .student-detail-card > .card-heading p { max-width: 550px; margin: 5px 0 0; color: var(--mp-muted, #697386); font-size: 11px; line-height: 1.45; }
.mp-admin-content .student-count-badge { flex: 0 0 auto; padding: 6px 9px; border: 1px solid #e3cad5; border-radius: 6px; background: #fff7fa; color: var(--mp-magenta-strong, #b9004d); font-size: 10px; font-weight: 800; }

.mp-admin-content .student-operations-card .student-record-list { gap: 0; margin: 0 -2px 14px; }
.mp-admin-content .student-operations-card .student-record-row { min-height: 70px; padding: 13px 2px; }
.mp-admin-content .student-record-row > div { min-width: 0; }
.mp-admin-content .student-record-row > div:first-child { display: grid; gap: 3px; }
.mp-admin-content .student-record-row > div:first-child > span { color: var(--mp-muted, #697386); font-size: 10px; overflow-wrap: anywhere; }
.mp-admin-content .student-record-row > div:last-child { display: flex; align-items: flex-end; flex-direction: column; gap: 6px; }
.mp-admin-content .student-record-flags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }
.mp-admin-content .student-record-flags small { padding: 3px 6px; border-radius: 4px; background: #f1f3f7; color: #526075; font-weight: 700; }

.mp-admin-content .student-compact-empty { min-height: 112px; padding: 18px; border: 1px dashed #d9dee7; border-radius: 8px; background: #fafbfc; }
.mp-admin-content .student-compact-empty > .material-symbols-outlined { width: 36px; height: 36px; display: grid; place-items: center; margin-bottom: 7px; border-radius: 8px; background: #fff0f6; color: var(--mp-magenta-strong, #b9004d); font-size: 19px; }

.mp-admin-content .student-create-panel,
.mp-admin-content .student-action-panel { overflow: hidden; border: 1px solid var(--mp-line, #dfe3eb); border-radius: 8px; background: #fff; }
.mp-admin-content .student-create-panel > summary,
.mp-admin-content .student-action-panel > summary { display: flex; align-items: center; gap: 11px; padding: 13px 14px; list-style: none; cursor: pointer; user-select: none; }
.mp-admin-content .student-create-panel > summary::-webkit-details-marker,
.mp-admin-content .student-action-panel > summary::-webkit-details-marker { display: none; }
.mp-admin-content .student-create-panel > summary > .material-symbols-outlined:first-child { width: 34px; height: 34px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 7px; background: #fff0f6; color: var(--mp-magenta-strong, #b9004d); font-size: 18px; }
.mp-admin-content .student-create-panel > summary > span:nth-child(2),
.mp-admin-content .student-action-panel > summary > span:first-child { min-width: 0; display: grid; gap: 2px; }
.mp-admin-content .student-create-panel > summary strong,
.mp-admin-content .student-action-panel > summary strong { color: var(--mp-ink, #1a1f2c); font-size: 11px; }
.mp-admin-content .student-create-panel > summary small,
.mp-admin-content .student-action-panel > summary small { color: var(--mp-muted, #697386); font-size: 9px; }
.mp-admin-content .student-panel-chevron,
.mp-admin-content .student-action-panel > summary > .material-symbols-outlined { margin-left: auto; color: #8b95a5; transition: transform .18s ease; }
.mp-admin-content .student-create-panel[open] .student-panel-chevron,
.mp-admin-content .student-action-panel[open] > summary > .material-symbols-outlined { transform: rotate(180deg); }
.mp-admin-content .student-create-panel[open] > summary,
.mp-admin-content .student-action-panel[open] > summary { background: #fff8fb; }
.mp-admin-content .student-create-panel > form,
.mp-admin-content .student-panel-form { margin: 0; padding: 16px; border-top: 1px solid var(--mp-line, #dfe3eb); background: #fbfcfe; }

.mp-admin-content .student-permission-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.mp-admin-content .student-permission-fieldset legend { width: 100%; margin: 0 0 8px; color: var(--mp-ink, #1a1f2c); font-size: 10px; font-weight: 800; }
.mp-admin-content .student-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mp-admin-content .student-permission-grid-small { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mp-admin-content .student-permission-option { min-width: 0; min-height: 58px; display: grid !important; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 9px; padding: 10px !important; border: 1px solid #dfe3eb; border-radius: 7px; background: #fff; cursor: pointer; }
.mp-admin-content .student-permission-option:has(input:checked) { border-color: #e59aba; background: #fff6fa; box-shadow: inset 3px 0 0 var(--mp-magenta, #d81b60); }
.mp-admin-content .student-permission-option input { width: 16px !important; height: 16px !important; margin: 1px 0 0 !important; accent-color: var(--mp-magenta, #d81b60); }
.mp-admin-content .student-permission-option span { min-width: 0; display: grid; gap: 2px; }
.mp-admin-content .student-permission-option strong { color: var(--mp-ink, #1a1f2c); font-size: 10px; }
.mp-admin-content .student-permission-option small { color: var(--mp-muted, #697386); font-size: 9px; line-height: 1.35; }

.mp-admin-content .student-status-stack { display: grid; gap: 8px; }
.mp-admin-content .student-action-panel > summary { justify-content: space-between; }
.mp-admin-content .student-panel-form { display: grid; gap: 10px; }
.mp-admin-content .student-panel-form .button { justify-self: start; }

.mp-admin-content .student-row-menu { position: relative; }
.mp-admin-content .student-row-menu > summary { color: var(--mp-danger, #b42335); font-size: 9px; font-weight: 800; list-style: none; cursor: pointer; }
.mp-admin-content .student-row-menu > summary::-webkit-details-marker { display: none; }
.mp-admin-content .student-row-menu[open] { width: min(250px, 40vw); }
.mp-admin-content .student-row-menu form { display: grid; gap: 6px; margin-top: 5px; }
.mp-admin-content .student-row-menu input { min-height: 34px; font-size: 9px; }
.mp-admin-content .student-row-menu button { justify-self: end; }

@media (max-width: 1120px) {
  .mp-admin-content .student-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .mp-admin-content .student-section-nav { top: 67px; }
  .mp-admin-content .student-permission-grid,
  .mp-admin-content .student-permission-grid-small { grid-template-columns: 1fr; }
  .mp-admin-content .student-record-row { align-items: flex-start; flex-direction: column; }
  .mp-admin-content .student-record-row > div:last-child { width: 100%; align-items: flex-start; }
  .mp-admin-content .student-row-menu[open] { width: 100%; }
}

@media (max-width: 460px) {
  .mp-admin-content .student-metric-grid { grid-template-columns: 1fr; }
  .mp-admin-content .student-section-nav { margin-right: -13px; margin-left: -13px; border-right: 0; border-left: 0; border-radius: 0; }
}

@media print {
  .mp-admin-content .student-section-nav,
  .mp-admin-content .student-create-panel,
  .mp-admin-content .student-row-menu,
  .mp-admin-content .student-status-stack { display: none !important; }
}