/* Panel docente: lectura del grupo, comparación por tema y consulta individual.
   Conserva los logos, el azul institucional y los controles del examen. */
body[data-screen=staff] main{max-width:1320px}
.staff-head h1{font-size:36px;letter-spacing:-.025em;margin-bottom:12px}
.staff-head p{margin-bottom:0;max-width:65ch}
.staff-head{align-items:start;margin-bottom:28px}
.staff-head>div{min-width:0}
.staff-command{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-block:1px solid var(--line)}
.staff-download{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.staff-auto{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--muted);margin:8px 0 0;min-height:28px;cursor:pointer}
.staff-auto input{width:18px;height:18px;accent-color:var(--blue);flex:none;margin:0}
.staff-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;padding:25px 0 14px}
.staff-filters>*{min-width:0}
body[data-screen=staff] select{font:inherit;color:var(--blue);background:#fff;border:1px solid #a5b4c5;border-radius:8px;min-height:48px;padding:10px 34px 10px 12px;width:100%;max-width:100%}
.staff-filters label,.staff-section-head label,.staff-method label{font-size:13px}
.staff-scope{font-size:13px;color:var(--muted);margin:0 0 26px}
.staff-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 28px;border-bottom:1px solid var(--line);gap:25px;margin-bottom:30px}
.staff-summary>div{min-width:0;display:flex;flex-direction:column}
.staff-summary>div+div{padding-left:25px;border-left:1px solid var(--line)}
.staff-summary span{font-size:14px;font-weight:600;color:var(--muted)}
.staff-summary strong{font-size:35px;font-weight:700;color:var(--blue);line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin:8px 0}
.staff-summary small{font-size:12px;color:var(--muted)}
.staff-charts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}
.staff-chart{min-width:0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px}
.chart-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:25px}
.chart-heading>.icon{color:var(--blue);width:23px;height:23px;flex:none;margin-top:3px}
.chart-heading h2,.staff-participation h2,.staff-section-head h2,.staff-method h2{font-size:21px;margin:0 0 6px;line-height:1.35}
.chart-heading p{font-size:13px;color:var(--muted);margin:0}
.histogram{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end;padding:0 5px 14px;border-bottom:1px solid var(--line)}
.histogram-column{min-width:0;text-align:center;font-variant-numeric:tabular-nums}
.histogram-column>strong{display:block;font-size:15px;color:var(--blue);margin-bottom:5px}
.histogram-track{height:140px;display:flex;align-items:end;border-bottom:1px solid var(--line);background:#f3f6fa}
.histogram-fill{width:100%;background:var(--blue);border-radius:4px 4px 0 0;min-height:0}
.histogram-column>span{display:block;font-size:12px;color:var(--muted);padding-top:9px;line-height:1.4;overflow-wrap:anywhere}
.staff-distribution>.help{margin-top:18px}
.chart-track{height:10px;background:#e5ebf2;border-radius:5px;overflow:hidden}
.chart-fill{height:100%;background:var(--blue);border-radius:5px}
.plaza-fill{background:#326f80}
.topic-performance{margin-bottom:26px}
.topic-performance>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.topic-performance strong{font-size:16px}
.topic-performance b{font-size:24px;font-variant-numeric:tabular-nums;color:var(--blue)}
.topic-performance p{font-size:12px;color:var(--muted);margin:9px 0 0}
.chart-empty{font-size:14px;color:var(--muted);padding:32px 0;min-height:150px;display:flex;align-items:center;max-width:50ch}
.staff-participation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:28px;margin:28px 0 38px;padding:22px 0;border-block:1px solid var(--line)}
.participation-bar{height:12px;display:flex;border-radius:4px;background:#e5ebf2;overflow:hidden}
.participation-bar>span{display:block;flex-shrink:0}
.participation-submitted{background:var(--green)}
.participation-active{background:var(--blue)}
.participation-expired{background:#a05c20}
.participation-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:12px 0 0;font-size:12px;color:var(--muted)}
.participation-legend li{display:flex;align-items:center;gap:6px}
.participation-legend strong{color:var(--ink,#17283d)}
.state-dot{height:8px;width:8px;border-radius:2px;flex:none}
.staff-section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:14px}
.staff-section-head>div{min-width:0}
.staff-section-head>div:last-child:has(select){min-width:200px}
.export-help{margin-bottom:16px;max-width:85ch}
.staff-results{min-width:1060px}
.staff-results td,.staff-results th{vertical-align:middle;font-size:13px;padding:17px 15px}
.staff-results tbody th{background:#fff;color:#17283d;font-weight:400;min-width:200px;white-space:normal}
.staff-results tbody th strong,.staff-results tbody th span{display:block}
.staff-results tbody th span{font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
.staff-results tbody tr:hover td,.staff-results tbody tr:hover th{background:#f6f8fb}
.staff-state{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--blue);white-space:normal}
.staff-state.submitted{color:var(--green)}
.staff-state.expired{color:var(--orange)}
.staff-state .icon{width:15px;height:15px}
.grade-value{font-size:19px;color:var(--blue);font-variant-numeric:tabular-nums}
.grade-note{display:block;font-size:11px;color:var(--orange);margin-top:3px}
.row-progress{display:flex;align-items:center;gap:8px;min-width:105px}
.row-progress progress{width:60px;min-width:60px;height:6px;margin:0}
.row-progress span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.staff-detail-button{font-size:12px;padding:9px 12px;min-height:44px}
.staff-detail-button .icon{width:15px;height:15px}
.staff-questions{margin-top:42px}
.question-analysis{list-style:none;padding:0;margin:20px 0 0;counter-reset:question}
.question-analysis li{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:28px;padding:21px 0;border-bottom:1px solid var(--line);align-items:center}
.question-analysis-copy{min-width:0}
.question-analysis-copy>span{font-size:12px;color:var(--blue);font-weight:600}
.question-analysis h3{font-size:15px;line-height:1.55;letter-spacing:0;margin:6px 0}
.question-analysis p{font-size:12px;color:var(--muted);margin:0}
.question-analysis-value{text-align:right;min-width:0}
.question-analysis-value>strong{font-size:20px;color:var(--blue);font-variant-numeric:tabular-nums}
.question-analysis-value>.chart-track{height:7px;margin:8px 0}
.question-analysis-value>span{font-size:11px;color:var(--muted)}
.staff-method{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:32px;align-items:start;padding:25px 0;margin:32px 0 0;border-block:1px solid var(--line)}
.staff-method p{font-size:13px;color:var(--muted);max-width:70ch;margin-bottom:0}
.staff-method h2{font-size:18px}
.staff-footnote{margin-top:22px;max-width:100ch}
#staff-detail{max-width:760px;padding:30px;max-height:calc(100dvh - 40px)}
#staff-detail h2{font-size:26px;margin-bottom:12px}
#staff-detail .eyebrow{margin-bottom:10px}
.student-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:22px 0;margin:22px 0;border-block:1px solid var(--line)}
.student-detail-facts dt{font-size:12px;color:var(--muted)}
.student-detail-facts dd{font-size:15px;font-weight:600;margin:3px 0 0;overflow-wrap:anywhere}
.student-topics{list-style:none;margin:0 0 25px;padding:0}
.student-topics li{display:flex;justify-content:space-between;gap:18px;font-size:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.student-review{padding-left:22px;font-size:14px}
.student-review li{margin-bottom:16px}
.student-review span{font-size:12px;color:var(--orange)}
.student-review p{margin:4px 0 0}
#staff-detail form{position:sticky;bottom:-30px;background:#fff;padding:15px 0;margin-top:20px}
@media(max-width:950px){
 .staff-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-filters button{justify-self:start}
 .staff-command{align-items:start}
 .staff-download{justify-content:end}
 .staff-charts{gap:16px}
 .staff-chart{padding:20px}
 .chart-heading h2{font-size:19px}
 .histogram{gap:8px;padding-inline:0}
 .staff-summary{gap:16px}
 .staff-summary>div+div{padding-left:16px}
}
@media(max-width:650px){
 .staff-head h1{font-size:29px}
 .staff-head{gap:16px}
 .staff-head>button{font-size:13px}
 .staff-command{display:block;padding:18px 0}
 .staff-download{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}
 .staff-download button{width:100%;font-size:14px;min-width:0;white-space:normal}
 .staff-auto{min-height:44px;font-size:13px}
 .staff-filters{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:20px}
 .staff-filters button{width:100%;justify-self:stretch}
 .staff-filters input,.staff-filters select{font-size:16px}
 .staff-scope{font-size:12px;line-height:1.7;margin-bottom:22px}
 .staff-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-bottom:24px;padding-bottom:22px}
 .staff-summary>div+div{padding-left:0;border-left:0}
 .staff-summary strong{font-size:29px;margin:6px 0}
 .staff-summary span{font-size:13px}
 .staff-summary small{font-size:12px}
 .staff-charts{grid-template-columns:minmax(0,1fr);gap:18px}
 .staff-chart{padding:20px 16px}
 .chart-heading{gap:10px;margin-bottom:22px}
 .chart-heading h2{font-size:20px}
 .chart-heading p{font-size:12px}
 .chart-heading>.icon{width:20px;height:20px}
 .histogram{gap:9px}
 .histogram-track{height:125px}
 .histogram-column>span{font-size:11px}
 .staff-participation{grid-template-columns:minmax(0,1fr);gap:16px;margin:24px 0 30px;padding:20px 0}
 .participation-legend{gap:10px 16px}
 .staff-section-head{display:block;margin-bottom:16px}
 .staff-section-head>div:last-child:has(select){min-width:0;margin-top:18px}
 .staff-section-head select{font-size:16px}
 .staff-section-head h2,.staff-participation h2{font-size:21px}
 .table-wrap{max-width:100%}
 .question-analysis li{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 0}
 .question-analysis-value{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left}
 .question-analysis-value>.chart-track{margin:0}
 .question-analysis h3{font-size:15px}
 .staff-method{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 0}
 .staff-method>div{min-width:0}
 #staff-reference{max-width:180px;font-size:16px}
 #staff-detail{padding:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
 #staff-detail h2{font-size:24px}
 .student-detail-facts{grid-template-columns:minmax(0,1fr);gap:12px}
 .student-topics li{display:block}
 .student-topics span{display:block;margin-top:5px}
 #staff-detail form{bottom:-22px}
}
@media print{.staff-command,.staff-filters,.staff-detail-button,.staff-method,#logout{display:none}.staff-charts{break-inside:avoid}.staff-results{min-width:0;white-space:normal}.table-wrap{overflow:visible}.staff-chart{background:#fff}.question-analysis li{break-inside:avoid}}

.staff-question-more{margin-top:20px;font-size:14px}

.staff-results{min-width:1200px}.screen-event-count{display:block;min-width:135px}