.tds-wtf-home-card{display:flex;justify-content:space-between;gap:24px;align-items:center;border-color:#ded5ff}.tds-wtf-eyebrow{margin:0 0 4px;color:#5b2bd7;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tds-wtf-home-card h2{margin:0}.tds-wtf-home-metrics{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-top:12px}.tds-wtf-home-metrics strong{font-size:26px}.tds-wtf-home-action{display:grid;gap:4px;text-align:right}.tds-wtf-home-action strong{font-size:28px;color:#5b2bd7}.tds-wtf-home-action .button{margin-top:8px}.tds-wtf-header{margin-bottom:24px}.tds-wtf-header h1{margin:0 0 8px}.tds-wtf-header p{margin:0;color:#667085}.tds-wtf-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.tds-wtf-kpis article{display:grid;gap:5px;padding:18px;border:1px solid #e8e4f3;border-radius:12px;background:#fff}.tds-wtf-kpis strong{font-size:26px;color:#241a47}.tds-wtf-kpis span{font-size:13px;color:#667085}.tds-wtf-kpi-coverage{border-color:#cfc1ff!important;background:#faf8ff!important}.tds-wtf-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.tds-wtf-main,.tds-wtf-aside{min-width:0}.tds-wtf-distribution{display:flex;gap:20px;align-items:center}.tds-wtf-distribution h2{margin-top:0}.tds-wtf-donut{width:118px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6441e8 calc(var(--tds-coverage)*1%),#f0ecfb 0);position:relative;flex:0 0 auto}.tds-wtf-donut:before{content:'';position:absolute;inset:16px;border-radius:50%;background:#fff}.tds-wtf-donut strong{position:relative;font-size:18px;color:#4b27c7}.tds-wtf-filters{gap:10px}.tds-wtf-filters select{min-height:32px}.tds-wtf-school-table{min-width:650px}.tds-wtf-school-table__head,.tds-wtf-school-table__row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(90px,1fr));gap:12px;align-items:center;padding:13px 8px;border-bottom:1px solid #eceaf1}.tds-wtf-school-table__head{font-size:12px;font-weight:700;color:#667085}.tds-wtf-school-table__row span:last-child{display:flex;align-items:center;gap:7px}.tds-wtf-school-table__row i{width:38px;height:6px;border-radius:999px;background:linear-gradient(90deg,#6b44e8 calc(var(--tds-school-coverage)*1%),#ede9f8 0)}.tds-wtf-good{color:#177a49}.tds-wtf-warn{color:#a65b13}.tds-wtf-ranking{padding-left:18px;margin:0}.tds-wtf-ranking li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0eef5;font-size:13px}.tds-wtf-ranking b{color:#5934cc}@media(max-width:1100px){.tds-wtf-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.tds-wtf-layout{grid-template-columns:1fr}.tds-wtf-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tds-wtf-aside .tds-portal-section{margin:0}}@media(max-width:782px){.tds-wtf-home-card{align-items:flex-start;flex-direction:column}.tds-wtf-home-action{text-align:left}.tds-wtf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tds-wtf-layout{display:block}.tds-wtf-aside{display:block}.tds-wtf-aside .tds-portal-section{margin-bottom:16px}.tds-wtf-school-table{overflow:auto;min-width:0}.tds-wtf-school-table__head,.tds-wtf-school-table__row{grid-template-columns:minmax(155px,2fr) repeat(4,minmax(80px,1fr));min-width:600px}.tds-wtf-distribution{align-items:flex-start}}
.tds-wtf-compass .tds-wtf-kpis article{border-color:var(--tds-dg-border);border-radius:15px;box-shadow:0 5px 18px rgba(15,59,135,.04)}.tds-wtf-compass .tds-wtf-kpis strong{color:var(--tds-dg-text)}.tds-wtf-compass .tds-wtf-kpi-coverage{border-color:#f3d5e6!important;background:#fdf5f9!important}.tds-wtf-compass .tds-wtf-distribution{border-top:3px solid var(--tds-brand-pink)}.tds-wtf-compass .tds-wtf-donut{background:conic-gradient(var(--tds-brand-pink) calc(var(--tds-coverage)*1%),#f5e8ef 0)}.tds-wtf-compass .tds-wtf-donut strong,.tds-wtf-compass .tds-wtf-ranking b{color:var(--tds-brand-pink)}.tds-wtf-compass .tds-wtf-school-table{overflow-x:auto}.tds-wtf-compass .tds-wtf-school-table__row{background:#fff}.tds-wtf-compass .tds-wtf-school-table__row:hover{background:#f9fbfd}.tds-wtf-compass .tds-wtf-filters{display:flex;align-items:center;flex-wrap:wrap}.tds-wtf-compass .tds-wtf-filters input,.tds-wtf-compass .tds-wtf-filters select{min-height:38px;border:1px solid var(--tds-dg-border);border-radius:9px;background:#fff}.tds-wtf-compass .tds-wtf-filters input{min-width:240px}.tds-wtf-compass .tds-wtf-aside .tds-portal-section{padding:18px}.tds-wtf-compass .tds-wtf-good{color:#17804c}.tds-wtf-compass .tds-wtf-warn{color:#a65b13}@media(max-width:560px){.tds-wtf-compass .tds-wtf-filters,.tds-wtf-compass .tds-wtf-filters label,.tds-wtf-compass .tds-wtf-filters input,.tds-wtf-compass .tds-wtf-filters select,.tds-wtf-compass .tds-wtf-filters .button{width:100%}}
.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(80px,1fr)) minmax(120px,auto)}.tds-wtf-kpis--school{grid-template-columns:repeat(4,minmax(0,1fr))}.tds-wtf-participant-table{overflow-x:auto}.tds-wtf-participant-table__head,.tds-wtf-participant-table__row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,1fr) minmax(85px,.65fr) minmax(170px,1.25fr) minmax(130px,auto);gap:12px;align-items:center;min-width:760px;padding:13px 8px;border-bottom:1px solid #eceaf1}.tds-wtf-participant-table__head{font-size:12px;font-weight:700;color:var(--tds-muted)}.tds-wtf-participant-table__row{background:#fff}.tds-wtf-participant-table__row:hover{background:#f9fbfd}.tds-wtf-participant-table__row>div{display:grid;gap:3px;min-width:0}.tds-wtf-participant-table__row small{color:var(--tds-muted);font-size:12px}.tds-wtf-participant-table__row .button{justify-self:start;white-space:nowrap}@media(max-width:782px){.tds-wtf-kpis--school{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tds-wtf-participant-table__head,.tds-wtf-participant-table__row{min-width:760px}.tds-wtf-kpis--school{grid-template-columns:1fr}}

/* C2B.1: reusable DG actions and compact school action column. */
.tds-wtf-compass .tds-wtf-school-table{min-width:0}.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(170px,2fr) repeat(4,minmax(68px,1fr)) max-content}.tds-wtf-compass a.button.tds-dg-primary-button,.tds-wtf-compass .tds-wtf-school-table__row>a.button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:36px;box-sizing:border-box;padding:8px 12px;border:1px solid #8f4a93;border-radius:9px;background:#8f4a93;color:#fff;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}.tds-wtf-compass a.button.tds-dg-primary-button:hover,.tds-wtf-compass .tds-wtf-school-table__row>a.button:hover{border-color:#733b76;background:#733b76;color:#fff}.tds-wtf-compass a.button.tds-dg-primary-button:focus-visible,.tds-wtf-compass .tds-wtf-school-table__row>a.button:focus-visible,.tds-student-vocational__report a.tds-dg-secondary-button:focus-visible{outline:3px solid rgba(143,74,147,.35);outline-offset:2px}.tds-wtf-compass .tds-wtf-school-table__row>a.button{justify-self:start}.tds-wtf-compass .tds-wtf-participant-table__row .tds-dg-primary-button{justify-self:start}@media(max-width:782px){.tds-wtf-compass .tds-wtf-school-table{overflow-x:auto}.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(155px,2fr) repeat(4,minmax(76px,1fr)) max-content;min-width:650px}}

/* C2B.2: the school explorer is the primary dashboard block; insights follow it. */
.tds-wtf-compass .tds-wtf-school-section{margin-top:20px}.tds-wtf-compass .tds-wtf-school-section .tds-explorer-heading{margin-bottom:14px}.tds-wtf-compass .tds-wtf-filters{display:grid;grid-template-columns:minmax(220px,1fr) max-content max-content;align-items:end;gap:10px}.tds-wtf-compass .tds-wtf-filters label:first-of-type{min-width:0}.tds-wtf-compass .tds-wtf-filters input{box-sizing:border-box;min-width:0;width:100%}.tds-wtf-compass .tds-wtf-filters select,.tds-wtf-compass .tds-wtf-filters .button{width:auto}.tds-wtf-compass .tds-wtf-school-table{overflow-x:visible}.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(240px,2.3fr) repeat(3,minmax(74px,.7fr)) minmax(120px,1fr) max-content;gap:14px}.tds-wtf-compass .tds-wtf-school-table__head{padding:12px 10px}.tds-wtf-compass .tds-wtf-school-table__row{min-height:52px;padding:14px 10px}.tds-wtf-compass .tds-wtf-school-table__row>strong{min-width:0;overflow-wrap:anywhere}.tds-wtf-compass .tds-wtf-coverage{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.tds-wtf-compass .tds-wtf-coverage i{flex:0 0 58px;width:58px;height:7px;background:linear-gradient(90deg,var(--tds-brand-pink) calc(var(--tds-school-coverage)*1%),#f5e8ef 0)}.tds-wtf-compass .tds-wtf-coverage b{color:var(--tds-dg-text);font-size:13px}.tds-wtf-compass .tds-wtf-school-action{justify-self:start;color:#8f4a93;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none;white-space:nowrap}.tds-wtf-compass .tds-wtf-school-action:hover{color:#733b76;text-decoration:underline}.tds-wtf-compass .tds-wtf-school-action:focus-visible{outline:3px solid rgba(143,74,147,.35);outline-offset:3px}.tds-wtf-compass .tds-wtf-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tds-wtf-compass .tds-wtf-insights .tds-portal-section{margin-top:0}.tds-wtf-compass .tds-wtf-insights h2{font-size:16px}@media(max-width:1024px){.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(190px,2fr) repeat(3,minmax(66px,.7fr)) minmax(108px,1fr) max-content;gap:10px}.tds-wtf-compass .tds-wtf-coverage i{flex-basis:46px;width:46px}}@media(max-width:782px){.tds-wtf-compass .tds-wtf-filters{grid-template-columns:1fr;align-items:stretch}.tds-wtf-compass .tds-wtf-filters select,.tds-wtf-compass .tds-wtf-filters .button{width:100%}.tds-wtf-compass .tds-wtf-school-table{overflow-x:auto}.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(190px,2fr) repeat(3,minmax(70px,.7fr)) minmax(115px,1fr) max-content;min-width:720px}.tds-wtf-compass .tds-wtf-insights{grid-template-columns:1fr}}

/* C2B.3: explicit column axes keep headers, metrics and actions aligned. */
.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(220px,34fr) repeat(3,minmax(72px,12fr)) minmax(130px,18fr) max-content;align-items:center}.tds-wtf-compass .tds-wtf-school-table__head>*,.tds-wtf-compass .tds-wtf-school-table__row>*{min-width:0;font-variant-numeric:tabular-nums}.tds-wtf-compass .tds-wtf-school-table__head>:nth-child(1),.tds-wtf-compass .tds-wtf-school-table__row>:nth-child(1){text-align:left}.tds-wtf-compass .tds-wtf-school-table__head>:nth-child(2),.tds-wtf-compass .tds-wtf-school-table__head>:nth-child(3),.tds-wtf-compass .tds-wtf-school-table__head>:nth-child(4),.tds-wtf-compass .tds-wtf-school-table__row>:nth-child(2),.tds-wtf-compass .tds-wtf-school-table__row>:nth-child(3),.tds-wtf-compass .tds-wtf-school-table__row>:nth-child(4){text-align:center}.tds-wtf-compass .tds-wtf-school-table__head>:nth-child(5),.tds-wtf-compass .tds-wtf-school-table__row>:nth-child(5){text-align:left}.tds-wtf-compass .tds-wtf-school-table__head>:nth-child(6),.tds-wtf-compass .tds-wtf-school-table__row>:nth-child(6){justify-self:end;text-align:right}.tds-wtf-compass .tds-wtf-coverage{display:grid;grid-template-columns:58px minmax(52px,1fr);gap:8px;width:100%}.tds-wtf-compass .tds-wtf-coverage i{justify-self:start}.tds-wtf-compass .tds-wtf-coverage b{min-width:52px;text-align:right}.tds-wtf-compass .tds-wtf-school-action{justify-self:end}@media(max-width:1024px){.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(190px,34fr) repeat(3,minmax(64px,12fr)) minmax(112px,18fr) max-content}.tds-wtf-compass .tds-wtf-coverage{grid-template-columns:46px minmax(48px,1fr)}.tds-wtf-compass .tds-wtf-coverage b{min-width:48px}}@media(max-width:782px){.tds-wtf-compass .tds-wtf-school-table__head,.tds-wtf-compass .tds-wtf-school-table__row{grid-template-columns:minmax(190px,34fr) repeat(3,minmax(70px,12fr)) minmax(115px,18fr) max-content;min-width:720px}}

/* C2B.4: native table layout provides one geometry for every school row. */
.tds-wtf-compass .tds-wtf-school-table-wrap{width:100%;overflow:visible}.tds-wtf-compass table.tds-wtf-school-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;overflow:visible}.tds-wtf-compass .tds-wtf-col-school{width:34%}.tds-wtf-compass .tds-wtf-col-participants,.tds-wtf-compass .tds-wtf-col-with,.tds-wtf-compass .tds-wtf-col-without{width:12%}.tds-wtf-compass .tds-wtf-col-coverage{width:18%}.tds-wtf-compass .tds-wtf-col-action{width:12%}.tds-wtf-compass .tds-wtf-school-table th,.tds-wtf-compass .tds-wtf-school-table td{box-sizing:border-box;padding:14px 10px;border-bottom:1px solid #eceaf1;vertical-align:middle}.tds-wtf-compass .tds-wtf-school-table thead th{color:var(--tds-muted);font-size:12px;font-weight:700}.tds-wtf-compass .tds-wtf-school-table tbody tr{min-height:52px;background:#fff}.tds-wtf-compass .tds-wtf-school-table tbody tr:hover{background:#f9fbfd}.tds-wtf-compass .tds-wtf-school-table th:nth-child(1),.tds-wtf-compass .tds-wtf-school-table td:nth-child(1){text-align:left;overflow-wrap:anywhere}.tds-wtf-compass .tds-wtf-school-table th:nth-child(2),.tds-wtf-compass .tds-wtf-school-table th:nth-child(3),.tds-wtf-compass .tds-wtf-school-table th:nth-child(4),.tds-wtf-compass .tds-wtf-school-table td:nth-child(2),.tds-wtf-compass .tds-wtf-school-table td:nth-child(3),.tds-wtf-compass .tds-wtf-school-table td:nth-child(4){text-align:center;font-variant-numeric:tabular-nums}.tds-wtf-compass .tds-wtf-school-table th:nth-child(5),.tds-wtf-compass .tds-wtf-school-table td:nth-child(5){text-align:left}.tds-wtf-compass .tds-wtf-school-table th:nth-child(6),.tds-wtf-compass .tds-wtf-school-table td:nth-child(6){text-align:right}.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage{display:flex;align-items:center;gap:8px;width:100%}.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage i{flex:0 0 58px}.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage b{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action{display:inline-flex;justify-content:flex-end;white-space:nowrap}@media(max-width:782px){.tds-wtf-compass .tds-wtf-school-table-wrap{overflow-x:auto}.tds-wtf-compass table.tds-wtf-school-table{min-width:720px}}

/* School coverage table: container queries use the portal's available content width. */
.tds-wtf-compass .tds-wtf-school-table-wrap{container-type:inline-size;overflow:clip}
@container (max-width:1040px){
	.tds-wtf-compass .tds-wtf-school-table{table-layout:fixed}
	.tds-wtf-compass .tds-wtf-col-school{width:31%}
	.tds-wtf-compass .tds-wtf-col-participants,.tds-wtf-compass .tds-wtf-col-with,.tds-wtf-compass .tds-wtf-col-without{width:10%}
	.tds-wtf-compass .tds-wtf-col-coverage{width:24%}
	.tds-wtf-compass .tds-wtf-col-action{width:15%}
	.tds-wtf-compass .tds-wtf-school-table th,.tds-wtf-compass .tds-wtf-school-table td{padding:12px 7px}
	.tds-wtf-compass .tds-wtf-school-table thead th{line-height:1.25;overflow-wrap:anywhere}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage{display:grid;grid-template-columns:minmax(46px,1fr) auto;gap:6px}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage i{width:100%;min-width:46px;flex-basis:auto}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage b{min-width:0;font-size:12px}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action{font-size:0;justify-content:center;gap:0}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action:before{content:'Ver';font-size:13px}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action span{display:none}
}
@container (max-width:780px){
	.tds-wtf-compass .tds-wtf-school-table-wrap{overflow:visible}
	.tds-wtf-compass table.tds-wtf-school-table{display:block;width:100%;min-width:0;table-layout:auto}
	.tds-wtf-compass .tds-wtf-school-table colgroup,.tds-wtf-compass .tds-wtf-school-table thead{display:none}
	.tds-wtf-compass .tds-wtf-school-table tbody{display:grid;gap:12px}
	.tds-wtf-compass .tds-wtf-school-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--tds-dg-border);border-radius:12px;overflow:hidden}
	.tds-wtf-compass .tds-wtf-school-table tbody th,.tds-wtf-compass .tds-wtf-school-table tbody td{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-bottom:1px solid #eef0f4;text-align:right!important}
	.tds-wtf-compass .tds-wtf-school-table tbody th:before,.tds-wtf-compass .tds-wtf-school-table tbody td:before{color:var(--tds-dg-muted);font-size:12px;font-weight:700;text-align:left}
	.tds-wtf-compass .tds-wtf-school-table tbody th:nth-child(1){grid-column:1 / -1;display:block;padding:14px 12px;color:var(--tds-dg-text);font-size:15px;text-align:left!important}
	.tds-wtf-compass .tds-wtf-school-table tbody th:nth-child(1):before{content:none}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(2):before{content:'Participantes'}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(3):before{content:'Con reportes'}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(4):before{content:'Sin reportes'}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(5){grid-column:1 / -1}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(5):before{content:'Cobertura'}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(6){grid-column:1 / -1;border-bottom:0;text-align:left!important}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(6):before{content:'Acción'}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage{display:grid;grid-template-columns:minmax(80px,1fr) auto;justify-self:end;width:min(100%,220px)}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-coverage i{min-width:80px}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action{font-size:13px;justify-content:flex-end;justify-self:end}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action:before{content:none}
	.tds-wtf-compass .tds-wtf-school-table .tds-wtf-school-action span{display:inline}
	.tds-wtf-compass .tds-wtf-insights{grid-template-columns:1fr}
}
@container (max-width:460px){
	.tds-wtf-compass .tds-wtf-school-table tbody tr{grid-template-columns:1fr}
	.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(2),.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(3),.tds-wtf-compass .tds-wtf-school-table tbody td:nth-child(4){grid-column:1}
}

/* School students: one shared four-column grid changes to structured cards by available width. */
.tds-wtf-compass .tds-wtf-participant-table{--tds-wtf-student-columns:minmax(0,1fr) minmax(124px,.6fr) minmax(142px,.7fr) minmax(154px,.75fr);container-type:inline-size;overflow:clip;width:100%}
.tds-wtf-compass .tds-wtf-participant-table__head,.tds-wtf-compass .tds-wtf-participant-table__row{min-width:0;grid-template-columns:var(--tds-wtf-student-columns)}
.tds-wtf-compass .tds-wtf-participant-table__row .tds-portal-state{display:inline-flex;align-items:center;justify-self:start;min-width:max-content;box-sizing:border-box;min-height:28px;padding:5px 10px;line-height:1.2;white-space:nowrap;font-weight:700}
.tds-wtf-compass .tds-wtf-participant-table__row .tds-portal-state.is-active{font-size:0;background:#e6f7ed;color:#167447}
.tds-wtf-compass .tds-wtf-participant-table__row .tds-portal-state.is-active:before{content:'Disponible';font-size:12px}
.tds-wtf-compass .tds-wtf-participant-table__row .tds-portal-state:not(.is-active){background:#f4f1ea;color:#745c2d}
@container (max-width:900px){
	.tds-wtf-compass .tds-wtf-participant-table{--tds-wtf-student-columns:minmax(0,1fr) minmax(86px,.5fr) minmax(112px,.65fr) minmax(74px,.45fr)}
	.tds-wtf-compass .tds-wtf-participant-table__head,.tds-wtf-compass .tds-wtf-participant-table__row{gap:9px;padding:12px 8px}
	.tds-wtf-compass .tds-wtf-participant-table__row .tds-dg-primary-button{font-size:0;min-height:34px;padding:7px 10px}
	.tds-wtf-compass .tds-wtf-participant-table__row .tds-dg-primary-button:before{content:'Ver';font-size:13px}
}
@container (max-width:720px){
	.tds-wtf-compass .tds-wtf-participant-table__head{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.tds-wtf-compass .tds-wtf-participant-table__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 12px;padding:0;border:1px solid var(--tds-dg-border);border-radius:12px;overflow:hidden}
	.tds-wtf-compass .tds-wtf-participant-table__row>div,.tds-wtf-compass .tds-wtf-participant-table__row>span,.tds-wtf-compass .tds-wtf-participant-table__row>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:0;padding:10px 12px;border-bottom:1px solid #eef0f4}
	.tds-wtf-compass .tds-wtf-participant-table__row>span.tds-portal-state{display:grid;justify-self:stretch;min-width:0}
	.tds-wtf-compass .tds-wtf-participant-table__row>a.tds-dg-primary-button{display:grid}
	.tds-wtf-compass .tds-wtf-participant-table__row>div{grid-column:1 / -1;display:block;padding:14px 12px}
	.tds-wtf-compass .tds-wtf-participant-table__row>span:before{color:var(--tds-dg-muted);font-size:12px;font-weight:700}
	.tds-wtf-compass .tds-wtf-participant-table__row>span:nth-child(2):before{content:'Reportes'}
	.tds-wtf-compass .tds-wtf-participant-table__row>span:nth-child(3):before{content:'Estado'}
	.tds-wtf-compass .tds-wtf-participant-table__row>a{grid-column:1 / -1;justify-content:center;border-bottom:0;font-size:13px}
	.tds-wtf-compass .tds-wtf-participant-table__row>a:before{content:none}
	.tds-wtf-compass .tds-wtf-participant-table__row .tds-portal-state{justify-self:end}
}
@container (max-width:460px){
	.tds-wtf-compass .tds-wtf-participant-table__row{grid-template-columns:1fr}
	.tds-wtf-compass .tds-wtf-participant-table__row>span:nth-child(2),.tds-wtf-compass .tds-wtf-participant-table__row>span:nth-child(3){grid-column:1}
	.tds-wtf-compass .tds-wtf-participant-table__row>a{width:100%;box-sizing:border-box}
}
@media(max-width:980px){
	.tds-wtf-compass .tds-wtf-filters{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) max-content}
}
@media(max-width:680px){
	.tds-wtf-compass .tds-wtf-filters{grid-template-columns:1fr 1fr}
	.tds-wtf-compass .tds-wtf-filters label:first-of-type{grid-column:1 / -1}
	.tds-wtf-compass .tds-wtf-filters select,.tds-wtf-compass .tds-wtf-filters .button{width:100%}
}
@media(max-width:460px){
	.tds-wtf-compass .tds-wtf-filters{grid-template-columns:1fr}
	.tds-wtf-compass .tds-wtf-filters label:first-of-type{grid-column:1}
}

/* Student availability table: direct grid items share the same axes in table mode. */
@container (min-width:721px){
	.tds-wtf-compass .tds-wtf-participant-table__head>:nth-child(1),
	.tds-wtf-compass .tds-wtf-participant-table__row>:nth-child(1){justify-self:stretch;text-align:left}
	.tds-wtf-compass .tds-wtf-participant-table__head>:nth-child(2),
	.tds-wtf-compass .tds-wtf-participant-table__head>:nth-child(3),
	.tds-wtf-compass .tds-wtf-participant-table__head>:nth-child(4),
	.tds-wtf-compass .tds-wtf-participant-table__row>:nth-child(2){justify-self:stretch;text-align:center}
	.tds-wtf-compass .tds-wtf-participant-table__row>:nth-child(3),
	.tds-wtf-compass .tds-wtf-participant-table__row>:nth-child(4){justify-self:center;text-align:center}
}