:root{--ink:#14233d;--muted:#667085;--line:#e6eaf0;--bg:#f6f8fb;--blue:#174c9b;--green:#16936b;--red:#d74444;--yellow:#d89214}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.5px;margin-bottom:0}h2{font-size:20px;margin-bottom:8px}h3{font-size:17px}a{color:var(--blue)}button,input,select{font:inherit}button,.outline,.primary{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #78a6e9;outline-offset:3px}.primary,.outline,.text-button{font-weight:650;border-radius:7px;padding:10px 14px;text-decoration:none;display:inline-block;text-align:center}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary:hover{background:#103b7c}.outline{background:#fff;border:1px solid #c8d3e2;color:var(--ink)}.outline:hover{background:#f4f7fc}.text-button{color:var(--blue);background:none;border:0;padding:3px;text-align:left}.full{width:100%;margin-top:12px}.subtle,.empty{color:var(--muted);font-size:13px}.empty{padding:18px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.8px;color:var(--blue);margin-bottom:5px}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{background:#0e2447;color:#e9effa;padding:25px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{color:inherit;text-decoration:none;display:flex;gap:11px;align-items:center;padding:0 8px 28px}.brand-mark{flex-shrink:0;width:39px;height:39px;border:1px solid #7da6e0;border-radius:9px;display:grid;place-items:center;font:700 12px Georgia,serif}.brand strong{display:block;font-size:14px}.brand small{display:block;font-size:11px;opacity:.75}.sidebar nav{display:grid;gap:5px}.nav-link{padding:11px 13px;border-radius:8px;color:#c8d4e8;text-decoration:none}.nav-link:hover,.nav-link.selected{background:#244a7e;color:white}.sidebar-footer{margin-top:auto;border-top:1px solid #2c4b76;padding:20px 8px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px}.sidebar-footer strong{display:block;font-size:13px}.sidebar-footer .outline{margin-left:auto}main{min-width:0;padding:32px 38px 35px;max-width:1600px;width:100%;margin:0 auto}.topbar,.section-header,.panel-head,.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{margin-bottom:28px}.section-header{margin-bottom:22px}.section-header p,.panel-head p{color:var(--muted);margin:3px 0 0;font-size:13px}.panel-head h2{font-size:17px;margin-bottom:0}.welcome{background:linear-gradient(110deg,#eaf2ff,#f7fbff);border:1px solid #d9e6fa;border-radius:12px;padding:24px;margin-bottom:20px}.welcome p:last-child{color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.metric-card{appearance:none;text-align:left;color:var(--ink);font:inherit;background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;min-width:0}.metric-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric-card:hover,.metric-card:focus-visible{transform:translateY(-2px);border-color:#b7c9e3;box-shadow:0 8px 22px #17345d14;outline:none}.metric-card span{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:28px;margin:4px 0}.metric-card small{font-size:12px;color:var(--muted)}.metric-card em{display:block;margin-top:8px;font-size:11px;font-weight:700;font-style:normal;color:var(--blue)}.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{display:grid;gap:18px}.two-col{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:18px;min-width:0}.chart,.tiles-chart{display:flex;align-items:end;justify-content:space-around;gap:12px;padding:20px 10px 5px;min-height:200px;border:0}.chart-column,.tile-column{display:grid;justify-items:center;gap:7px;min-width:38px;font-size:11px;color:var(--muted);text-align:center}.tile-column b,.chart-column b{font-size:10px;color:#475467}.tile-column.current b,.chart-column.current b{color:var(--blue)}.tile-stack{display:grid;grid-template-rows:repeat(10,10px);gap:3px}.tile-stack i{width:11px;height:10px;border-radius:2px;background:#e6ebf2}.tile-stack i.filled{background:#88a9d7}.tile-column.current .tile-stack i.filled,.chart-column.current .tile-stack i.filled{background:#2868c7}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#567bb0;color:#fff;font-weight:700;flex-shrink:0}.participation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tiles{display:inline-grid;grid-template-columns:repeat(10,8px);gap:3px}.tiles i{width:8px;height:8px;border-radius:2px;background:#e6ebf2}.tiles.good i.filled{background:var(--green)}.tiles.warn i.filled{background:var(--yellow)}.tiles.danger i.filled{background:var(--red)}.participation strong{font-size:12px;white-space:nowrap}.status{font-size:11px;font-weight:700;padding:5px 9px;border-radius:50px;display:inline-block;white-space:nowrap}.status.active,.status.open{background:#e7f7ef;color:#087754}.status.inactive,.status.closed{background:#eff2f5;color:#526275}.status.pending,.status.warn{background:#fff5de;color:#925a00}.status.canceled,.status.danger{background:#fcebec;color:#b62929}.status.good{background:#e7f7ef;color:#087754}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.detail-row small{display:block;color:var(--muted)}.button-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.select-class{display:grid;gap:5px;max-width:600px;margin:12px 0;font-size:13px;font-weight:650}label{display:grid;gap:6px;font-size:13px;font-weight:650;margin:12px 0}input,select,textarea{min-width:0;width:100%;border:1px solid #cfd8e6;background:#fff;border-radius:7px;padding:10px 11px;color:var(--ink)}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #94b8eb;outline-offset:1px}.check{display:flex;align-items:center;font-weight:500}.check input{width:auto}.filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}.filter-row label{flex:1;min-width:140px;margin:0}.filter-row button{margin-bottom:0}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;margin-top:10px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#748096;padding:11px 9px;border-bottom:1px solid var(--line)}td{padding:13px 9px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}td small{display:block;font-size:11px;color:var(--muted);margin-top:2px}td .button-group{min-width:130px}.qr-panel{text-align:center}.qr-panel canvas{display:block;width:min(245px,100%);height:auto;margin:16px auto;image-rendering:pixelated}.link-field{font-size:12px;margin:10px 0}.live-list{max-height:360px;overflow-y:auto}.live-list p{border-top:1px solid var(--line);margin:0;padding:11px 0;font-size:13px}.live-list span{color:var(--muted);margin-right:10px;font-variant-numeric:tabular-nums}.class-actions{margin-top:18px}.center-page{min-height:100vh;padding:24px;display:grid;place-items:center}.login-card,.public-card{background:white;border:1px solid var(--line);border-radius:14px;padding:30px;width:100%;max-width:470px;box-shadow:0 10px 40px #10234708}.public-card{max-width:560px}.combo{position:relative}.combo-list{position:absolute;z-index:8;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #cfd8e6;border-radius:7px;box-shadow:0 8px 22px #17345d14;max-height:240px;overflow:auto}.combo-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 11px;border-radius:6px;font:inherit;color:var(--ink)}.combo-list button[aria-selected="true"],.combo-list button:hover{background:#eaf2ff}.combo-list .empty{padding:10px 11px;margin:0}
.center-page h1{font-size:24px;margin-bottom:12px}.center-page .brand{padding-left:0}.form-message{font-size:13px;color:#b62929;margin:12px 0 0}.success-box{padding:20px;border:1px solid #92d4b8;background:#ecfaf3;border-radius:10px;white-space:pre-line;color:#087754}.success-box h2{font-size:20px}dialog{border:0;border-radius:13px;box-shadow:0 20px 70px #10234745;width:min(94vw,900px);padding:0;max-height:90vh;overflow:auto;position:fixed;inset:0;margin:auto;height:fit-content;max-width:min(94vw,900px)}dialog::backdrop{background:#0b1b35aa}.modal-body{padding:28px;position:relative}.close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}#modal-content{padding-top:6px}#modal-content h2{padding-right:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.confirm-box{padding:15px;background:#fff5de;border-radius:8px}footer{color:var(--muted);font-size:11px;margin-top:35px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;max-width:90vw;background:#102d50;color:white;padding:12px 20px;border-radius:9px;box-shadow:0 5px 20px #0002;display:none}#notice.visible{display:block}.note{padding:12px 15px;background:#eef4fd;border-radius:8px;font-size:13px;margin:15px 0}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:15px;gap:10px}.sidebar .brand{padding:0}.sidebar nav{display:flex;overflow-x:auto;max-width:100%;padding:8px 0 0}.nav-link{white-space:nowrap;padding:8px 12px;flex-shrink:0}.sidebar-footer{margin:0;padding:0;border:0;position:absolute;top:15px;right:15px;display:block}.sidebar-footer span{display:none}.sidebar-footer button{padding:6px 10px;font-size:12px}main{padding:25px 20px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.panel{padding:18px}}
@media(max-width:600px){main{padding:20px 14px}.topbar{align-items:center;gap:12px}.topbar h1{font-size:23px}.topbar>.primary{font-size:13px;padding:9px 10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:13px}.metric-card strong{font-size:25px}.compact{grid-template-columns:1fr}.welcome,.section-header{display:block;padding:20px}.section-header{padding:0}.welcome button,.section-header>.button-group,.section-header>a{margin-top:15px}.form-grid{grid-template-columns:1fr}.modal-body{padding:22px 18px}.center-page{padding:15px}.login-card,.public-card{padding:24px 20px}.detail-row{align-items:start;flex-wrap:wrap}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row label:first-child{grid-column:1/-1}.filter-row label{min-width:0}.chart{gap:4px}.chart-column{max-width:45px;font-size:10px}.panel{padding:15px}.button-group .outline{font-size:13px}.qr-panel canvas{width:220px}.table-wrap table{min-width:580px}#public-student{font-size:14px}.sidebar nav{gap:0;font-size:13px}.nav-link{padding:8px 9px}.brand small{font-size:10px}}

.lista-chamada-grafico{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.lista-chamada-grafico h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:14px}.lista-chamada-grafico h3 span{font-variant-numeric:tabular-nums;color:var(--muted)}.lista-chamada-grafico ul{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto}.lista-chamada-grafico li{padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.lista-chamada-grafico .empty{padding:0;margin:0}.lista-chamada-pendente{margin:12px 0 0}
.aluno-presenca-linha{display:flex;align-items:center;justify-content:space-between;gap:12px}.aluno-presenca-linha>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aluno-presenca-blocos{display:flex;align-items:center;gap:3px;flex:0 0 auto}.aluno-presenca-blocos i{display:block;width:9px;height:14px;border-radius:3px;background:rgba(218,226,237,.82);border:1px solid rgba(128,145,168,.42);box-shadow:0 2px 4px rgba(16,36,71,.16)}.aluno-presenca-blocos i.presente{background:rgba(31,157,106,.88);border-color:rgba(255,255,255,.7)}.aluno-presenca-blocos i.ausente{background:rgba(215,68,68,.9);border-color:rgba(255,255,255,.7)}

@media(max-width:600px){.lista-chamada-grafico{grid-template-columns:1fr;gap:14px}}

.aluno-presenca-blocos{gap:2px}.aluno-presenca-blocos i{width:6px;height:12px;border-radius:2px;box-shadow:0 1px 3px rgba(16,36,71,.14)}
.previsao-barras button{justify-content:flex-start}.barra-blocos{flex:0 0 auto;width:auto}.barra-blocos i{flex:0 0 auto;width:14px;height:20px}

.brand-logo{width:168px;height:auto;object-fit:contain;flex-shrink:0;background:#fff;padding:5px;border-radius:6px}.sidebar>.brand{display:grid;gap:12px;padding:0 8px 24px}.sidebar>.brand .brand-logo{width:100%;height:auto;max-height:168px;padding:8px}.sidebar-footer .text-button{color:#d9e7ff;padding:0;font-size:12px}.sidebar-footer small{color:#b5cbe8}.review-tag{display:inline-block;color:#925a00;background:#fff5de;padding:3px 7px;border-radius:5px;font-size:11px;margin-top:6px}.destructive{color:#b62929}.status.deleted{background:#fcebec;color:#b62929}.review-summary{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.review-summary p{flex:1;min-width:150px;margin:0}.review-summary .outline{font-size:12px}details>summary{cursor:pointer;font-weight:650;padding:8px 0}.user-role{font-weight:650}.orphan-row{padding:12px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.orphan-row small{display:block;color:var(--muted)}
@media(max-width:720px){.sidebar>.brand{display:flex;gap:10px;padding:0;padding-right:82px}.sidebar>.brand .brand-logo{width:120px;height:auto;padding:4px}.sidebar-footer .text-button,.sidebar-footer small{display:none}}
@media(max-width:600px){.sidebar>.brand .brand-logo{width:108px;height:auto}.sidebar>.brand strong{font-size:13px}.review-summary .button-group{width:100%}}
@media(max-width:720px){.app-shell{grid-template-columns:minmax(0,1fr);align-content:start}.sidebar{min-width:0}}

.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.metric-card,.metrics article{display:flex;align-items:center;gap:12px;width:auto;max-width:none;padding:8px 14px;min-height:0;text-align:left}
.metric-card strong,.metrics article strong{font-size:28px;line-height:1;margin:0;flex:0 0 auto}
.cartao-texto{display:flex;flex-direction:column;min-width:0;gap:1px}
.cartao-texto span,.metric-card span{font-size:13px;line-height:1.2}
.cartao-texto small,.metric-card small{font-size:11px;line-height:1.25}
.cartao-texto em,.metric-card em{margin-top:1px;font-size:10px}
article.metric-card{cursor:default}
article.metric-card:hover{transform:none;box-shadow:none}
.anos-grafico{display:flex;gap:0;margin:0 10px;border-top:2px solid #cbd5e1;height:34px;overflow:hidden}.anos-grafico span{position:relative;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:750;color:var(--ink);min-width:70px;border-left:2px solid #cbd5e1}.anos-grafico span:last-child{border-right:2px solid #cbd5e1}.chart-column.faixa-alta .tile-stack i.filled{background:#1f9d6a}
.chart-column.faixa-media .tile-stack i.filled{background:#8fb42a}
.chart-column.faixa-baixa .tile-stack i.filled{background:#e08a1e}
.chart-column.faixa-critica .tile-stack i.filled{background:#d74444}
button.chart-column{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}
button.chart-column:hover{transform:translateY(-2px)}
.legenda-faixa{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:10px 0 0;margin:0;font-size:12px;color:var(--muted)}
.legenda-faixa li{display:flex;align-items:center;gap:6px}
.legenda-faixa i{display:inline-block;width:10px;height:10px;border-radius:2px;flex:0 0 auto}
.legenda-faixa i.faixa-alta{background:#1f9d6a}
.legenda-faixa i.faixa-media{background:#8fb42a}
.legenda-faixa i.faixa-baixa{background:#e08a1e}
.legenda-faixa i.faixa-critica{background:#d74444}
.legenda-faixa i.faixa-neutra{background:#8aa0bd}
.dica-ancora{display:contents}
.dica-balao-cinza{background:linear-gradient(145deg,rgba(146,146,146,.9),rgba(136,136,136,.82));color:#fff;border-color:rgba(20,35,61,.9);box-shadow:0 10px 24px rgba(16,36,71,.2),inset 0 1px 0 rgba(255,255,255,.42);backdrop-filter:blur(16px) saturate(105%);-webkit-backdrop-filter:blur(16px) saturate(105%)}
.dica-balao{position:fixed;z-index:30;width:max-content;max-width:min(260px,calc(100vw - 20px));padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.72);color:#4a5a72;border:1px solid rgba(20,35,61,.12);font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 10px 24px rgba(16,36,71,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none}.dica-balao-amarelo{background:rgba(255,214,102,.42);color:#5a4818;border-color:rgba(150,110,20,.28);box-shadow:0 10px 24px rgba(120,90,10,.12)}.chip-lista{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;border:1px solid rgba(20,35,61,.12);border-radius:999px;background:rgba(255,255,255,.55);font-size:13px}.chip button{border:0;background:transparent;color:#5a4818;padding:2px 6px;font-size:12px}.lista-cadastro{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.lista-cadastro .table-wrap{margin-top:12px}.interruptor-linha{display:flex;align-items:center;gap:10px;padding:5px 0;border:0;background:transparent;color:var(--ink);font-weight:650}.interruptor{position:relative;width:42px;height:24px;border-radius:999px;background:#aab4c3;box-shadow:inset 0 0 0 1px #7f8b9d;transition:background .18s ease}.interruptor span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #14233d40;transition:transform .18s ease}.interruptor-linha[aria-checked="true"] .interruptor{background:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.interruptor-linha[aria-checked="true"] .interruptor span{transform:translateX(18px)}
.interruptor-linha-compacto .interruptor{width:36px;height:20px}.interruptor-linha-compacto .interruptor::after{content:"OFF";position:absolute;right:3px;top:50%;transform:translateY(-50%);font-size:7px;font-weight:800;line-height:1;color:#44546b;letter-spacing:0}.interruptor-linha-compacto .interruptor span{z-index:1;width:14px;height:14px}.interruptor-linha-compacto[aria-checked="true"] .interruptor::after{content:"ON";left:4px;right:auto;color:#fff}.interruptor-linha-compacto[aria-checked="true"] .interruptor span{transform:translateX(16px)}
body.ensaio-vidro .primary.salvar,body.ensaio-vidro .primary.salvar:hover,body.ensaio-vidro .primary.salvar:focus-visible{color:var(--ink)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]){background:linear-gradient(145deg,rgba(255,255,255,.6) 0%,rgba(232,241,253,.46) 52%,rgba(213,229,249,.4) 100%);border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 68px rgba(16,36,71,.18),0 8px 24px rgba(23,76,155,.08),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(120,166,233,.08);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"])::backdrop{background:rgba(14,36,71,.34);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) .modal-body{color:var(--ink)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) h2{color:var(--ink)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) .close{color:var(--muted)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) .subtle{color:var(--muted)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) input,.app-shell.ensaio-vidro dialog:has(form input[name="name"]) select{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(226,238,253,.52));border:1px solid rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(16,36,71,.08),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(120,166,233,.08);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) input:focus,.app-shell.ensaio-vidro dialog:has(form input[name="name"]) select:focus{background:rgba(255,255,255,.8);border-color:rgba(120,166,233,.62);box-shadow:0 10px 24px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.96)}
.app-shell.ensaio-vidro dialog:has(form input[name="name"]) select:disabled{opacity:.78}
.barra-linha{display:grid;grid-template-columns:minmax(108px,140px) 1fr 28px;gap:8px;align-items:center;width:100%;margin:0 0 8px;padding:6px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.barra-linha span{font-size:13px}
.barra-linha strong{font-size:14px}
.barra-trilho{display:block;height:10px;border-radius:99px;background:#e6ebf2;overflow:hidden}
.barra-trilho b{display:block;height:100%;border-radius:99px}
.barra-trilho b.alta{background:#1f9d6a}
.barra-trilho b.media{background:#8fb42a}
.barra-trilho b.critica{background:#d74444}
.barra-trilho b.neutra{background:#8aa0bd}
.barra-trilho.grande{height:16px;margin:8px 0}
.barra-empilhada{display:flex;height:24px;border-radius:99px;overflow:hidden;background:#e6ebf2;box-shadow:0 4px 8px rgba(16,36,71,.32)}
.barra-empilhada span{display:flex;align-items:center;justify-content:center;height:100%;min-width:0;overflow:hidden;color:#fff;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.barra-empilhada span.alta{background:#1f9d6a}
.barra-empilhada span.critica{background:#d74444}
.barra-empilhada span.neutra{background:#8aa0bd}
.previsao-numero{display:flex;align-items:baseline;gap:10px}
.previsao-numero strong{font-size:32px;line-height:1}
.previsao-numero span{color:var(--muted);font-size:13px}
.previsao-barras{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:8px 0 4px;padding:4px 0 0}
.previsao-barras button{appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:16px;max-width:none;width:100%}
.previsao-valor{position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding-top:23.8px}
.previsao-barras strong{font-size:19.8px;line-height:1}
.previsao-valor strong{position:absolute;top:50%;right:14px;align-self:auto;text-align:right;transform:translateY(-50%)}
.previsao-valor span{color:var(--muted);font-size:12px;line-height:1.25}
@media(max-width:520px){.previsao-valor{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;padding-top:0}.previsao-valor strong{position:static;grid-column:2;grid-row:1;margin-right:14px;transform:none}.previsao-valor span{grid-column:1/-1;grid-row:2}}
.painel-previsao .subtle{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.barra-blocos{display:flex;flex:1 1 auto;flex-direction:row;align-items:flex-end;gap:4px;width:auto;min-width:0;margin:0}
.barra-blocos i{display:block;flex:1 1 0;width:auto;height:20px;border-radius:3px;border:0;background:rgba(255,255,255,.5);box-shadow:0 3px 6px rgba(16,36,71,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.barra-blocos.verde i.filled{background:rgba(31,157,106,.88);box-shadow:0 3px 6px rgba(16,36,71,.34)}
.barra-blocos.vermelha i.filled{background:rgba(215,68,68,.9);box-shadow:0 3px 6px rgba(16,36,71,.34)}
.barra-blocos.amarela i.filled{background:rgba(232,176,36,.92);box-shadow:0 3px 6px rgba(16,36,71,.34)}
.barra-blocos.cinza i.filled{background:rgba(120,132,150,.85);box-shadow:0 3px 6px rgba(16,36,71,.34)}
.previsao-barras button:hover .barra-blocos i.filled,.previsao-barras button:focus-visible .barra-blocos i.filled{filter:brightness(1.08)}
.tile-stack{grid-template-rows:repeat(10,8px)}
.tile-stack i{width:14px;height:8px;border-radius:3px;box-shadow:0 2px 3px rgba(16,36,71,.16)}
.tile-stack i.filled{box-shadow:0 3px 6px rgba(16,36,71,.34)}
.setor{overflow:visible}
.setor .flutua{filter:drop-shadow(0 4px 5px rgba(16,36,71,.32))}
.setor text{font-size:11px;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.tiles{grid-template-columns:repeat(10,8px);align-items:end}
.tiles i{width:8px;height:14px;border-radius:3px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.88);box-shadow:0 3px 6px rgba(16,36,71,.28),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tiles.good i.filled{background:rgba(31,157,106,.88);border-color:rgba(255,255,255,.8)}
.tiles.warn i.filled{background:rgba(224,138,30,.9);border-color:rgba(255,255,255,.8)}
.tiles.danger i.filled{background:rgba(215,68,68,.9);border-color:rgba(255,255,255,.8)}
.dashboard>.subtle{margin-bottom:4px}
.detail-row > div:last-child{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.setor-linha{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.setor{width:min(100%,128px);height:auto;aspect-ratio:1;flex:0 1 128px}
.setor-legenda{flex:1 1 11rem;min-width:min(100%,9rem)}
.setor-fatia{cursor:pointer}
.setor-fatia:hover,.setor-fatia:focus-visible{filter:drop-shadow(0 4px 5px rgba(16,36,71,.32)) brightness(1.08)}
.setor-item{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;width:100%;margin:0;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.filtros-evento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;margin:4px 0 8px}
.filtros-evento label{margin:0}
.dashboard-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.dashboard-controls .subtle{margin:0}.dashboard-seletores{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.acompanhamento{max-width:none;margin-top:4px}
@media(max-width:720px){.filtros-evento,.dashboard-seletores{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dashboard-seletores{grid-template-columns:1fr}.dashboard-controls{align-items:flex-start;flex-direction:column}}
body.ensaio-vidro .filtros-evento input,body.ensaio-vidro .filtros-evento select,body.ensaio-vidro .select-class select,body.ensaio-vidro .filter-row input,body.ensaio-vidro .filter-row select{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 14px 36px rgba(16,36,71,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app-shell.ensaio-vidro .sidebar{background:linear-gradient(180deg,rgba(23,76,155,.62),rgba(14,36,71,.48));border:1px solid rgba(255,255,255,.32);border-radius:22px;box-shadow:0 14px 36px rgba(16,36,71,.22),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);margin:12px 0 12px 12px;height:calc(100vh - 24px)}
.app-shell.ensaio-vidro .nav-link:hover,.app-shell.ensaio-vidro .nav-link.selected{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
@media(max-width:720px){.app-shell.ensaio-vidro .sidebar{height:auto;margin:0;border-radius:0}}
.setor-item i{width:10px;height:10px;border-radius:2px}
.setor-item i.faixa-alta{background:#1f9d6a}
.setor-item i.faixa-critica{background:#d74444}
.setor-item strong{font-size:20px}
@media(max-width:900px){
.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric-card strong{font-size:24px}
}
.app-shell.ensaio-vidro{background:radial-gradient(680px 420px at 30% 18%,rgba(23,76,155,.32),transparent 68%),radial-gradient(560px 380px at 82% 62%,rgba(22,147,107,.22),transparent 66%),radial-gradient(480px 320px at 48% 46%,rgba(214,176,120,.42),transparent 70%),linear-gradient(180deg,#d5e3f6 0%,#f4efe4 48%,#dce6f3 100%)}
.app-shell.ensaio-vidro main{background:transparent;min-height:100vh;position:relative}
.app-shell.ensaio-vidro main::before{content:"";position:absolute;z-index:0;left:6%;right:8%;top:72px;height:340px;pointer-events:none;background:radial-gradient(closest-side,rgba(23,76,155,.34),rgba(23,76,155,0) 72%)}
.app-shell.ensaio-vidro main>*{position:relative;z-index:1}
body.ensaio-vidro{background:radial-gradient(680px 420px at 30% 18%,rgba(23,76,155,.32),transparent 68%),radial-gradient(560px 380px at 82% 62%,rgba(22,147,107,.22),transparent 66%),radial-gradient(480px 320px at 48% 46%,rgba(214,176,120,.42),transparent 70%),linear-gradient(180deg,#d5e3f6 0%,#f4efe4 48%,#dce6f3 100%)}
.app-shell.ensaio-vidro .metric-card,.app-shell.ensaio-vidro .panel,.app-shell.ensaio-vidro .welcome,body.ensaio-vidro .login-card,body.ensaio-vidro .public-card,body.ensaio-vidro .brand-logo{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 14px 36px rgba(16,36,71,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.ensaio-vidro .brand-logo{border:0}
.app-shell.ensaio-vidro .metric-card:hover,.app-shell.ensaio-vidro .metric-card:focus-visible{background:rgba(255,255,255,.74);border-color:rgba(255,255,255,.9)}
body.ensaio-vidro .primary,body.ensaio-vidro .outline{background:rgba(200,220,250,.76);border:1px solid rgba(23,76,155,.32);border-radius:999px;box-shadow:0 12px 28px rgba(16,36,71,.2),inset 0 1px 0 rgba(255,255,255,.96);color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}body.ensaio-vidro .primary:hover,body.ensaio-vidro .primary:focus-visible,body.ensaio-vidro .outline:hover,body.ensaio-vidro .outline:focus-visible{background:rgba(215,230,252,.88);box-shadow:0 14px 32px rgba(16,36,71,.24),inset 0 1px 0 #fff;color:var(--ink);transform:translateY(-1px)}
body.ensaio-vidro .primary,body.ensaio-vidro .outline{font-size:13.5px;font-weight:600;letter-spacing:.01em}
.novo-atividade{width:220px;max-width:100%;white-space:nowrap}
.avaliacoes-opcoes{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.avaliacoes-opcoes label{margin:4px 0}
.curso-detalhes{position:relative;margin:10px 0 12px;padding:16px 18px;border:1px solid rgba(23,76,155,.2);border-radius:14px;background:rgba(225,236,250,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(16,36,71,.07)}
.aula-planejada .tres-campos{grid-template-columns:minmax(0,.7fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,1.85fr)}.aula-planejada .dica-ancora>.professor-aula-campo{display:grid;white-space:normal}.aula-planejada .dica-ancora>.professor-aula-campo select{min-width:0}
.grade-aulas{display:grid;gap:12px;margin:10px 0 12px}.aula-planejada{position:relative;padding:16px 18px;border:1px solid rgba(23,76,155,.2);border-radius:14px;background:rgba(225,236,250,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(16,36,71,.07)}.aula-planejada h3{margin:0 0 4px;color:var(--ink)}.remover-aula-planejada{position:absolute;top:10px;right:14px;border:0;background:transparent;color:#17658b;font-size:31px;line-height:1;cursor:pointer;padding:0 4px}.remover-aula-planejada:hover,.remover-aula-planejada:focus-visible{color:#b62929;transform:scale(1.08)}.tres-campos{grid-template-columns:repeat(3,minmax(0,1fr))}.adicionar-aula-planejada{margin-bottom:4px}.local-padrao-titulo{margin:22px 0 0}
.localizacao-bloco{margin:22px 0 0;padding:18px 16px 14px;border:1px solid rgba(20,35,61,.22);border-radius:16px;background:linear-gradient(145deg,rgba(218,232,251,.76),rgba(190,213,241,.5));box-shadow:0 10px 24px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.localizacao-bloco legend,.localizacao-bloco>h3{padding:0 8px;color:var(--ink);font-size:18px;font-weight:700}.localizacao-bloco>h3{margin:0 0 12px;line-height:1.25}.localizacao-principal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}
.localizacao-principal-grid{grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr) minmax(0,1fr)}
.form-nova-aula>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.form-nova-aula>.form-grid>.dica-ancora{min-width:0}
.form-nova-aula .localizacao-principal-grid{grid-template-columns:minmax(0,1.65fr) 64px minmax(0,1.15fr)}
.form-nova-aula .localizacao-bloco input:not([type=hidden]),.form-nova-aula .localizacao-bloco select,.form-nova-aula>.dica-ancora>label>input,.form-nova-aula>.dica-ancora>label>select{width:100%;max-width:100%;min-height:34px;padding-top:6px;padding-bottom:6px}
.form-nova-aula .form-grid>.dica-ancora input:not([type=hidden]),.form-nova-aula .form-grid>.dica-ancora select{width:100%;max-width:100%;min-height:34px;padding-top:6px;padding-bottom:6px}
.form-nova-aula .localizacao-principal-grid>.dica-ancora:nth-child(2) select{width:64px}
.form-nova-aula textarea[name=observacao]{width:100%}
body.ensaio-vidro dialog:has(.form-nova-aula){background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:0 18px 44px rgba(16,36,71,.18),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
body.ensaio-vidro dialog:has(.form-nova-aula)::backdrop{background:rgba(14,36,71,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.ensaio-vidro dialog:has(.form-nova-aula) .modal-body{background:linear-gradient(145deg,rgba(225,236,250,.52),rgba(205,222,244,.38));color:var(--ink)}
body.ensaio-vidro dialog:has(.form-nova-aula) .close{top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(23,76,155,.24);border-radius:50%;background:rgba(220,234,253,.72);color:#315783;font-size:21px;font-weight:400;line-height:1;text-align:center;box-sizing:border-box;box-shadow:0 5px 12px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
body.ensaio-vidro dialog:has(.form-nova-aula) .close:hover,body.ensaio-vidro dialog:has(.form-nova-aula) .close:focus-visible{background:rgba(199,220,250,.92);border-color:rgba(23,76,155,.4);color:#174c9b;transform:scale(1.05);box-shadow:0 7px 16px rgba(16,36,71,.16),inset 0 1px 0 #fff}
body.ensaio-vidro dialog:has(.form-nova-aula) .localizacao-bloco{position:relative;isolation:isolate;margin:18px 0 0;padding:16px;border:1px solid rgba(255,255,255,.82);border-radius:16px;background:linear-gradient(145deg,rgba(218,232,251,.68),rgba(190,213,241,.42));box-shadow:0 12px 28px rgba(16,36,71,.13),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.ensaio-vidro dialog:has(.form-nova-aula) .form-nova-aula input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.ensaio-vidro dialog:has(.form-nova-aula) .form-nova-aula select,body.ensaio-vidro dialog:has(.form-nova-aula) .form-nova-aula textarea{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(218,231,249,.48));border:1px solid rgba(255,255,255,.86);box-shadow:0 8px 18px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.9);color:var(--ink);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
body.ensaio-vidro dialog:has(.form-nova-aula) .form-nova-aula input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,body.ensaio-vidro dialog:has(.form-nova-aula) .form-nova-aula select:focus,body.ensaio-vidro dialog:has(.form-nova-aula) .form-nova-aula textarea:focus{background:rgba(255,255,255,.82);border-color:rgba(120,166,233,.76);box-shadow:0 0 0 2px rgba(120,166,233,.18),0 10px 22px rgba(16,36,71,.12),inset 0 1px 0 #fff}
@media(max-width:720px){.form-nova-aula>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-nova-aula .localizacao-principal-grid{grid-template-columns:minmax(0,1.65fr) 64px minmax(0,1.15fr)}}
@media(max-width:600px){.form-nova-aula>.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.form-nova-aula .localizacao-principal-grid{grid-template-columns:minmax(0,1.65fr) 64px minmax(0,1.15fr)}}
@media(max-width:720px){.localizacao-principal-grid{grid-template-columns:1fr}}
@media(max-width:720px){.tres-campos{grid-template-columns:1fr}}
.aula-detalhes{scroll-margin-top:20px}.linha-selecionada td{background:rgba(215,230,252,.58)}.linha-selecionada td:first-child{box-shadow:inset 3px 0 0 var(--blue)}.alunos-pre-cadastrados{margin-top:18px;padding-top:18px;border-top:1px solid rgba(20,35,61,.1)}.lista-pre-cadastrados{margin-top:10px}
.matricula-curso-controles{display:flex;align-items:end;gap:10px;margin:12px 0}.matricula-curso-controles label{flex:1;margin:0}.matricula-curso-controles button{flex:0 0 auto}
.matricula-curso-controles .matricula-data-opcional{display:flex;flex:0 1 210px;align-items:stretch;gap:6px;justify-content:flex-end;font-size:12px;font-weight:600;white-space:nowrap}.matricula-data-opcional>span{display:flex;align-items:center;gap:6px}.matricula-data-opcional input[type="checkbox"]{width:16px;height:16px;margin:0}.matricula-data-opcional input[type="date"]{width:150px;padding:8px 9px}
.aluno-cursos-vinculos{grid-column:1/-1;width:100%;max-width:680px;justify-self:start;border:1px solid rgba(23,76,155,.16);border-radius:12px;padding:12px 14px;margin:0;background:rgba(238,243,248,.38)}.aluno-cursos-vinculos legend{padding:0 5px;font-size:13px;font-weight:700}.aluno-cursos-vinculos>p{margin:0 0 8px}.aluno-curso-vinculo{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:end;gap:14px;padding:8px 0;border-top:1px solid rgba(20,35,61,.08)}.aluno-curso-vinculo:first-of-type{border-top:0}.aluno-curso-vinculo .check{margin:0;align-self:center}.aluno-curso-vinculo label:not(.check){margin:0;font-size:12px}.aluno-curso-vinculo input[type="date"]{padding:8px 9px}
.aluno-curso-seletor{position:relative;margin:8px 0}.aluno-curso-seletor select{padding-right:34px}.aluno-curso-mais{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;line-height:1;color:var(--blue);pointer-events:none}.aluno-curso-vinculo{grid-template-columns:minmax(0,1fr) 170px auto;align-items:end}.aluno-curso-vinculo strong{align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aluno-curso-vinculo>.icon-button{width:34px;height:34px;margin:0}
@media(max-width:600px){.aluno-curso-vinculo{grid-template-columns:1fr}.aluno-curso-vinculo label:not(.check){width:100%}}
.aluno-cursos-vinculos{max-width:900px;padding:18px 20px 20px;margin:4px 0 6px;border-color:rgba(23,76,155,.22);border-radius:16px;background:linear-gradient(145deg,rgba(225,236,250,.72),rgba(238,243,248,.54));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 24px rgba(16,36,71,.08)}.aluno-cursos-vinculos legend{padding:0 8px;color:var(--ink);font-size:16px}.aluno-cursos-vinculos>p{margin:0 0 14px;line-height:1.45}.aluno-curso-seletor{margin:0 0 12px}.aluno-curso-seletor select{width:100%;min-height:42px;padding:10px 42px 10px 13px;border-radius:10px}.aluno-curso-mais{right:14px;font-size:22px;font-weight:700}.aluno-curso-vinculo{grid-template-columns:minmax(0,1fr) 190px 36px;gap:16px;padding:12px 0;border-top-color:rgba(20,35,61,.12)}.aluno-curso-vinculo strong{font-size:14px;line-height:1.35}.aluno-curso-vinculo label:not(.check){font-size:11px;font-weight:700;color:var(--muted)}.aluno-curso-vinculo input[type="date"]{width:100%;min-height:38px;margin-top:5px;padding:8px 10px}.aluno-curso-vinculo>.icon-button{width:36px;height:36px;align-self:end}
@media(max-width:600px){.aluno-cursos-vinculos{padding:15px}.aluno-curso-vinculo{grid-template-columns:minmax(0,1fr) 36px;gap:10px}.aluno-curso-vinculo label:not(.check){grid-column:1/-1}.aluno-curso-vinculo>.icon-button{grid-column:2;grid-row:1;align-self:center}}
.participantes-page .aluno-cursos-vinculos{background:transparent;box-shadow:inset 0 -1px 0 rgba(53,76,107,.34);border-color:rgba(255,255,255,.78);border-radius:16px}.participantes-page .aluno-cursos-vinculos legend{display:table;width:auto;margin:0 auto;padding:0 8px;font-size:16px;background:transparent;border-radius:0}
.cadastro-contato-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(150px,.85fr) minmax(0,1.45fr);gap:0 15px}.cadastro-contato-grid>.dica-ancora{min-width:0}
@media(max-width:720px){.cadastro-contato-grid{grid-template-columns:1fr}}
.app-shell.ensaio-vidro dialog{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);border-radius:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.ensaio-vidro .center-page{position:relative}
body.ensaio-vidro .center-page::before{content:"";position:absolute;z-index:0;left:18%;right:18%;top:8%;height:280px;pointer-events:none;background:radial-gradient(closest-side,rgba(23,76,155,.28),rgba(23,76,155,0) 72%)}
body.ensaio-vidro .center-page>*{position:relative;z-index:1}
body.ensaio-vidro input,body.ensaio-vidro select,body.ensaio-vidro textarea,body.ensaio-vidro .table-wrap,body.ensaio-vidro .combo-list{background:#fff}
body.ensaio-vidro .panel input,body.ensaio-vidro .panel select,body.ensaio-vidro .panel textarea,body.ensaio-vidro .panel .combo-list{background:rgba(255,255,255,.52);border-color:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
body.ensaio-vidro .panel input:focus,body.ensaio-vidro .panel select:focus,body.ensaio-vidro .panel textarea:focus{background:rgba(255,255,255,.68);border-color:rgba(120,166,233,.78);box-shadow:0 12px 28px rgba(16,36,71,.14),inset 0 1px 0 rgba(255,255,255,.96)}
.combo-list-permanente{position:static;margin-top:4px}
.campo-lista-fluida .combo-list{position:static;margin-top:4px;max-height:min(240px,40vh);overscroll-behavior:contain}.campo-lista-fluida .combo-list button{white-space:normal;overflow-wrap:anywhere}
body.ensaio-vidro .table-wrap{border-radius:12px}
body.ensaio-vidro .qr-panel canvas{background:#fff;border-radius:12px;box-shadow:0 8px 18px rgba(16,36,71,.18)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.app-shell.ensaio-vidro .metric-card,.app-shell.ensaio-vidro .panel,.app-shell.ensaio-vidro .welcome,.app-shell.ensaio-vidro dialog,body.ensaio-vidro .login-card,body.ensaio-vidro .public-card,body.ensaio-vidro .brand-logo,.dica-balao{background:rgba(255,255,255,.94)}body.ensaio-vidro .primary,body.ensaio-vidro .outline{background:rgb(200,220,250)}.dica-balao.dica-balao-amarelo{background:rgba(255,228,150,.94)}
}
.brand strong{font-size:31px;line-height:1.15}
@media(max-width:600px){.sidebar>.brand strong{font-size:24px}}
.campo-senha{display:grid;gap:6px;margin:12px 0}
.campo-senha label{margin:0}
.senha-linha{display:flex;align-items:center;justify-content:space-between;gap:8px}
.senha-linha button{border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:650;padding:0}.senha-linha .icon-button{width:28px;height:28px;padding:0;border:0;background:transparent;color:#fff;box-shadow:none;transform:none}.senha-linha .icon-button:hover,.senha-linha .icon-button:focus-visible{background:transparent;box-shadow:none;transform:none;color:#fff}.senha-linha .icon-button svg{width:21px;height:21px;filter:drop-shadow(0 1px 0 rgba(20,35,61,.78)) drop-shadow(1px 0 0 rgba(20,35,61,.3)) drop-shadow(-1px -1px 0 rgba(255,255,255,.98))}.senha-linha .icon-button .senha-iris{fill:#5d8fc4;stroke:#fff}
body.ensaio-vidro .login-card .primary,body.ensaio-vidro .login-card .primary:hover,body.ensaio-vidro .login-card .primary:focus-visible{color:var(--ink)}
.senha-ajuda{margin:0 0 4px;font-size:13px}
.senha-ajuda a,.senha-ajuda a:hover{color:var(--ink)}
.detail-row > div.button-group{flex-direction:row;flex-wrap:nowrap;align-items:center}
.detail-row > div.button-group button{padding:4px 12px;line-height:1.2;font-size:12px}
.app-shell.ensaio-vidro .detail-row .button-group .primary.marca-presente,
.app-shell.ensaio-vidro .detail-row .button-group .primary.marca-presente:hover,
.app-shell.ensaio-vidro .detail-row .button-group .primary.marca-presente:focus-visible{color:var(--green)}
.app-shell.ensaio-vidro .detail-row .button-group .primary.marca-falta,
.app-shell.ensaio-vidro .detail-row .button-group .primary.marca-falta:hover,
.app-shell.ensaio-vidro .detail-row .button-group .primary.marca-falta:focus-visible{color:var(--red)}
.form-ok{font-size:13px;color:#087754;margin:12px 0 0}
.metrics.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.metrics.compact .metric-card strong{font-size:22px}
.metrics.compact .metric-card.abaixo-de-60 strong{color:var(--red)}
.metrics.compact .metric-card[data-tooltip]{position:relative}
.metrics.compact{position:relative;z-index:5}
.metrics.compact .metric-card[data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:20;left:50%;top:calc(100% + 12px);width:min(50%,220px);min-width:150px;padding:5px 7px;border:1px solid rgba(255,255,255,.9);border-radius:7px;background:rgba(255,255,255,.97);color:var(--ink);box-shadow:0 10px 24px rgba(16,36,71,.24),0 2px 5px rgba(16,36,71,.12);font-size:11px;font-weight:400;line-height:1.25;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,2px);transition:opacity .12s ease,transform .12s ease}
.metrics.compact .metric-card[data-tooltip]:hover::after,.metrics.compact .metric-card[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,-2px)}
.area-aluno-publica{align-items:start;padding-top:12vh}.area-aluno-publica .public-card{max-width:500px}.area-aluno-acesso{margin-top:22px}.area-aluno-separador{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:12px}.area-aluno-separador::before,.area-aluno-separador::after{content:"";height:1px;flex:1;background:var(--line)}
.dica-balao{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.97);color:var(--ink);border:1px solid rgba(255,255,255,.9);font-size:11px;font-weight:400;line-height:1.25;box-shadow:0 10px 24px rgba(16,36,71,.24),0 2px 5px rgba(16,36,71,.12)}
.dica-regras{display:grid;gap:7px;min-width:220px}.dica-regras>div{padding-bottom:6px;border-bottom:1px solid rgba(20,35,61,.12)}.dica-regras>div:last-of-type{border-bottom:0;padding-bottom:0}.dica-regras strong{font-weight:750}.dica-regras small{display:block;font-size:10px;line-height:1.3}
@media(max-width:900px){.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.metrics.compact{grid-template-columns:1fr}.metrics.compact .metric-card strong{font-size:20px}}
.cidade-lista{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;padding:0;list-style:none}
.cidade-lista li{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #c8d3e2;border-radius:999px;padding:2px 4px 2px 10px;font-size:13px}
.cidade-lista button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:650;padding:4px 8px}
.metric-card strong,.metrics article strong{margin-left:auto}
.cartao-texto{flex:1 1 auto}
.bloco-presenca{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px}
.bloco-presenca i,.setor-item .bloco-presenca i{display:block;width:10px;height:17.6px;border-radius:4px;background:#e6ebf2;box-shadow:0 2px 3px rgba(16,36,71,.16)}
.bloco-presenca i.filled.alta,.setor-item .bloco-presenca i.filled.alta{background:#1f9d6a;box-shadow:0 3px 6px rgba(16,36,71,.34)}
.bloco-presenca i.filled.critica,.setor-item .bloco-presenca i.filled.critica{background:#d74444;box-shadow:0 3px 6px rgba(16,36,71,.34)}
.bloco-presenca i.filled.neutra,.setor-item .bloco-presenca i.filled.neutra{background:#8aa0bd;box-shadow:0 3px 6px rgba(16,36,71,.34)}
.alunos-curso-abas{display:flex;gap:6px;margin-top:16px;padding:4px;border:1px solid rgba(23,76,155,.16);border-radius:12px;background:rgba(215,230,252,.42)}
.alunos-curso-aba{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:650;cursor:pointer}
.alunos-curso-aba span{min-width:24px;padding:2px 7px;border-radius:999px;background:rgba(20,35,61,.08);font-size:11px;color:inherit}
.alunos-curso-aba[aria-selected="true"]{background:rgba(255,255,255,.86);border-color:rgba(23,76,155,.2);box-shadow:0 5px 14px rgba(16,36,71,.1);color:var(--blue)}
.alunos-curso-painel{padding-top:16px}
.tiles.pending i.filled{background:rgba(31,157,106,.88);border-color:rgba(255,255,255,.8)}
.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(23,76,155,.28);border-radius:50%;background:rgba(255,255,255,.6);color:var(--blue);box-shadow:0 3px 8px rgba(16,36,71,.12);cursor:pointer}.icon-button:hover,.icon-button:focus-visible{background:rgba(215,230,252,.92);transform:translateY(-1px)}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button.destructive{border-color:rgba(182,41,41,.34);color:#b62929}.icon-button.destructive:hover,.icon-button.destructive:focus-visible{background:rgba(215,68,68,.12)}.botao-ajuda{display:inline-grid;place-items:center;width:16px;height:16px;padding:0;border:1px solid #8caede;border-radius:50%;background:#eaf2ff;color:var(--blue);font-size:11px;font-weight:750;line-height:1;cursor:help;box-shadow:none;text-shadow:none}.botao-ajuda:hover,.botao-ajuda:focus-visible{background:#d7e6fc;color:var(--blue);box-shadow:none;text-shadow:none}
.alunos-curso-painel>p:first-child{margin-bottom:10px;color:var(--muted);font-size:13px}
.confirm-actions{justify-content:flex-end;margin-top:18px}
body.ensaio-vidro .danger-button,body.ensaio-vidro .danger-button:hover,body.ensaio-vidro .danger-button:focus-visible{background:rgba(215,68,68,.14);border-color:rgba(182,41,41,.38);color:#a52222}
@media(max-width:600px){.alunos-curso-abas{display:grid;grid-template-columns:1fr}.alunos-curso-aba{width:100%}.matricula-curso-controles{align-items:stretch;flex-direction:column}.matricula-curso-controles button{width:100%}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-actions button{width:100%}}
.tiles-chart{justify-content:flex-start;overflow-x:auto}
.filtros-dashboard{grid-template-columns:repeat(5,minmax(0,1fr))}
.filtro-panorama{display:none!important}
.ordenacao-lista{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:#65748a;font-weight:500;text-shadow:1px 1px 1px rgba(255,255,255,.72),-1px -1px 1px rgba(72,98,132,.18)}.ordenacao-lista select{appearance:none;-webkit-appearance:none;width:auto;min-width:150px;padding:8px 30px 8px 14px;font-size:12px;font-weight:600;color:#263b5d;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede;border-radius:20px;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);cursor:pointer}.ordenacao-lista select:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 5px 12px rgba(23,76,155,.22)}
.lista-chamada-controles{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.busca-lista-chamada{width:220px;max-width:100%;margin:0;padding:8px 14px;font-size:12px;color:#263b5d;background:rgba(255,255,255,.78);border:1px solid #c3d2e6;border-radius:20px;box-shadow:inset 0 1px 2px rgba(20,35,61,.08),0 2px 6px rgba(16,36,71,.06)}
.busca-lista-chamada:focus{outline:none;border-color:#8caede;box-shadow:0 0 0 3px rgba(140,174,222,.28)}
.botao-relevo-suave,.aula-seletor .outline,.qr-panel .outline,.class-actions .outline{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.botao-relevo-suave:hover,.aula-seletor .outline:hover,.qr-panel .outline:hover,.class-actions .outline:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 5px 12px rgba(23,76,155,.22)}
.dashboard .primary,.dashboard .outline{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.dashboard .primary:hover,.dashboard .outline:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 5px 12px rgba(23,76,155,.22)}
.portal-professor .primary{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.portal-professor .primary:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important}.portal-professor .icon-button:not(.destructive){background:linear-gradient(180deg,#dceaff,#cbdcf3);border-color:#8caede;color:#263b5d;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 4px 10px rgba(23,76,155,.18)}
.portal-professor .tabela-avaliacoes tbody tr{background:transparent}
.portal-professor .tabela-avaliacoes tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}
.portal-professor .tabela-avaliacoes td .button-group .icon-button{width:31px;height:31px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#eaf3ff,#c7dcef);box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2);color:#526d85;transform:none}
.portal-professor .tabela-avaliacoes td .button-group .icon-button:hover,.portal-professor .tabela-avaliacoes td .button-group .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.22);transform:translateY(-1px)}
.portal-professor .tabela-avaliacoes td .button-group .icon-button.destructive{border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85}
.portal-professor .tabela-avaliacoes td .button-group .icon-button.destructive:hover,.portal-professor .tabela-avaliacoes td .button-group .icon-button.destructive:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d}
.portal-professor .tabela-avaliacoes td .button-group .icon-button svg{width:16px;height:16px;stroke-width:1.35}
.portal-professor .tabela-avaliacoes td:last-child{vertical-align:middle}.portal-professor .tabela-avaliacoes td .button-group{gap:7px;min-width:0;align-items:center;flex-wrap:nowrap}.portal-professor .tabela-avaliacoes td .button-group .outline{display:inline-flex;align-items:center;justify-content:center;height:30px;min-height:30px;margin:0;padding:3px 11px;border-radius:15px;font-size:13px;font-weight:400;line-height:22px}.portal-professor .tabela-avaliacoes td .button-group .acao-corrigir{width:86px;min-width:86px;flex:0 0 86px}.portal-professor .tabela-avaliacoes td .button-group .acao-reativar{width:80px;min-width:80px;flex:0 0 80px}.portal-professor .tabela-avaliacoes td .button-group .icon-button{width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px}.portal-professor .tabela-avaliacoes td .button-group>.dica-ancora{display:inline-flex;align-items:center;width:30px;height:30px;flex:0 0 30px}
.portal-professor .tabela-avaliacoes td .button-group{display:grid;grid-template-columns:repeat(5,30px);justify-content:start;align-items:center;gap:7px}
.portal-professor .tabela-avaliacoes td .button-group .action-spacer{display:inline-block;width:30px;height:30px;flex:0 0 30px}
.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-corrigir,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-reativar{width:30px;min-width:30px;flex:0 0 30px}
.portal-professor .tabela-avaliacoes td .button-group button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}
.portal-professor .tabela-avaliacoes td .button-group .acao-desativada{opacity:1;filter:saturate(.35);cursor:not-allowed!important;color:#788698!important;border-color:#aeb9c7!important}.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-desativada{position:relative}.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-desativada:hover,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-desativada:focus-visible{background:linear-gradient(145deg,#e1e6ec,#cbd3dd);box-shadow:inset 1px 1px 2px rgba(255,255,255,.82),0 2px 5px rgba(42,52,62,.14);transform:none}.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-desativada::after{content:"";position:absolute;left:50%;top:50%;width:1px;height:22px;border-radius:1px;background:#b62929;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
@media(max-width:640px){.portal-professor .tabela-avaliacoes td .button-group{grid-template-columns:repeat(5,44px);gap:8px}.portal-professor .tabela-avaliacoes td .button-group .outline,.portal-professor .tabela-avaliacoes td .button-group .icon-button{height:44px;min-height:44px}.portal-professor .tabela-avaliacoes td .button-group .acao-corrigir{width:86px;min-width:86px}.portal-professor .tabela-avaliacoes td .button-group .acao-reativar{width:84px;min-width:84px}.portal-professor .tabela-avaliacoes td .button-group .icon-button{width:44px;min-width:44px}.portal-professor .tabela-avaliacoes td .button-group .outline{padding-inline:15px;border-radius:22px}.portal-professor .tabela-avaliacoes td .button-group .action-spacer{width:84px;height:44px;flex-basis:84px}.portal-professor .tabela-avaliacoes td .button-group>.dica-ancora{height:44px}}
.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-corrigir,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-reativar{width:30px;min-width:30px;height:30px;min-height:30px;flex-basis:30px}
@media(max-width:640px){.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-corrigir,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-reativar{width:44px;min-width:44px;height:44px;min-height:44px;flex-basis:44px}.portal-professor .tabela-avaliacoes td .button-group .action-spacer{width:44px;height:44px;flex-basis:44px}}
.portal-professor .tabela-avaliacoes td strong{font-weight:400}
.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-desativada::after{transform:translate(-50%,-50%) rotate(-45deg)}
.cadastros-page>.panel tbody tr{background:transparent}.cadastros-page>.panel tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}.cadastros-page>.panel tbody td{border-bottom-color:rgba(50,80,120,.14)}.cadastros-page>.panel td:last-child{vertical-align:middle}.cadastros-page>.panel td:last-child .button-group{gap:7px;min-width:0;align-items:center;flex-wrap:nowrap}.cadastros-page>.panel td:last-child .button-group .icon-button{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#eaf3ff,#c7dcef);box-shadow:4px 4px 8px rgba(42,52,62,.22),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.16);color:#526d85;transform:none;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.cadastros-page>.panel td:last-child .button-group .icon-button:hover,.cadastros-page>.panel td:last-child .button-group .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);box-shadow:5px 5px 10px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.2);color:#315b7d;transform:translateY(-1px)}.cadastros-page>.panel td:last-child .button-group .icon-button.destructive{border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85}.cadastros-page>.panel td:last-child .button-group .icon-button.destructive:hover,.cadastros-page>.panel td:last-child .button-group .icon-button.destructive:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d}.cadastros-page>.panel td:last-child .button-group .icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.form-grid-controle{grid-template-columns:max-content max-content}.form-grid-controle label{max-width:100%;font-weight:400}.form-grid-controle select{min-height:34px;padding-top:6px;padding-bottom:6px}
.relatorio-graficos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 8px}
.relatorio-grafico{padding:16px;border:1px solid rgba(20,35,61,.1);border-radius:12px;background:linear-gradient(145deg,rgba(248,250,253,.9),rgba(232,238,247,.72))}
.relatorio-grafico h3{font-size:15px;margin:0 0 14px}
.relatorio-barras{display:grid;gap:11px}
.relatorio-barra-cabecalho{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}
.relatorio-barra-cabecalho strong{color:var(--ink);font-size:12px}
.relatorio-barra-trilho{height:9px;margin-top:4px;border-radius:99px;background:#e1e7ef;overflow:hidden}
.relatorio-barra-trilho i{display:block;height:100%;border-radius:inherit;background:#6d91bd}
.relatorio-barra-trilho i.verde{background:var(--green)}.relatorio-barra-trilho i.amarelo{background:var(--yellow)}.relatorio-barra-trilho i.vermelho{background:var(--red)}.relatorio-barra-trilho i.azul{background:#4e82bd}.relatorio-barra-trilho i.roxo{background:#8b6bb2}.relatorio-barra-trilho i.cinza{background:#8997a8}
@media(max-width:700px){.relatorio-graficos{grid-template-columns:1fr}}
.participantes-page .primary,.participantes-page .outline{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.participantes-page .primary:hover,.participantes-page .outline:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important}
.portal-aluno-page .outline{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.portal-aluno-page .outline:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important}
.portal-aluno-page tbody tr:nth-child(odd){background:rgba(238,243,249,.58)}.portal-aluno-page tbody tr:nth-child(even){background:rgba(220,230,242,.58)}.portal-aluno-page tbody td{padding-top:8px;padding-bottom:8px;border-bottom-color:rgba(50,80,120,.13)}.portal-aluno-page tbody td:last-child{width:52px;text-align:center;vertical-align:middle}.portal-aluno-page tbody td:last-child .icon-button{width:30px;height:30px;min-width:30px;min-height:30px;border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85;box-shadow:4px 4px 8px rgba(42,52,62,.22),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.16);transform:none}.portal-aluno-page tbody td:last-child .icon-button:hover,.portal-aluno-page tbody td:last-child .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.2);transform:translateY(-1px)}.portal-aluno-page tbody td:last-child .icon-button svg{width:16px;height:16px;stroke-width:1.35}
.organizacao-page .primary,.organizacao-page .outline{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.organizacao-page .primary:hover,.organizacao-page .outline:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important}
.organizacao-page .interruptor-linha{font-weight:400;color:#53647c;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.18)}.organizacao-page .interruptor-linha .interruptor{background:linear-gradient(180deg,#dceaff,#cbdcf3);border:1px solid #8caede;box-shadow:inset 1px 1px 2px rgba(255,255,255,.9),inset -1px -1px 2px rgba(80,110,150,.2),0 2px 5px rgba(23,76,155,.16)}.organizacao-page .interruptor-linha .interruptor span{background:#f5f9ff;box-shadow:inset 1px 1px 1px rgba(255,255,255,.9),0 1px 3px rgba(23,76,155,.22)}
.usuarios-page .primary,.usuarios-page .text-button{font-weight:400!important;color:#263b5d!important;background:linear-gradient(180deg,#dceaff,#cbdcf3)!important;border:1px solid #8caede!important;border-radius:22px!important;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(111,145,187,.18),0 4px 10px rgba(23,76,155,.18);padding:10px 16px!important}.usuarios-page .primary:hover,.usuarios-page .text-button:hover{background:linear-gradient(180deg,#e5f0ff,#d1e1f7)!important}
.switch-lista-chamada .interruptor{background:rgba(218,226,237,.82);border:1px solid rgba(128,145,168,.72);box-shadow:inset 0 1px 1px rgba(255,255,255,.78),inset 0 0 0 1px rgba(20,35,61,.12),0 4px 10px rgba(16,36,71,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.switch-lista-chamada[aria-checked="true"] .interruptor{background:rgba(205,216,230,.9);border-color:rgba(128,145,168,.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.82),inset 0 0 0 1px rgba(20,35,61,.14),0 4px 12px rgba(16,36,71,.16)}
.switch-lista-chamada[aria-checked="true"] .interruptor::after{color:#44546b}
.interruptor-linha .interruptor{background:rgba(218,226,237,.82);border:1px solid rgba(128,145,168,.72);box-shadow:inset 0 1px 1px rgba(255,255,255,.78),inset 0 0 0 1px rgba(20,35,61,.12),0 4px 10px rgba(16,36,71,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}
.interruptor-linha[aria-checked="true"] .interruptor{background:rgba(205,216,230,.9);border-color:rgba(128,145,168,.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.82),inset 0 0 0 1px rgba(20,35,61,.14),0 4px 12px rgba(16,36,71,.16)}
.interruptor-linha-compacto[aria-checked="true"] .interruptor::after{color:#44546b}
.filtros-dashboard.filtros-com-curso{grid-template-columns:repeat(6,minmax(0,1fr))}
.filtros-dashboard.filtros-com-curso .campo-curso{grid-column:span 2}.filtros-dashboard.filtros-com-curso .campo-aula{grid-column:span 4}
@media(max-width:720px){.filtros-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.filtros-dashboard.filtros-com-curso{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.filtros-dashboard,.filtros-dashboard.filtros-com-curso{grid-template-columns:1fr}}
.sidebar-footer #logout{width:100%;margin-left:0}
.filtros-dashboard{column-gap:18px}
.cadastro-evento-form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.cadastro-evento-form-grid>.dica-ancora:nth-child(-n+3)>label{grid-column:span 2}
.cadastro-evento-form-grid>.forma-participacao-campo{grid-column:span 2}.cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo{grid-column:span 4;display:flex;align-items:center;gap:12px;margin:8px 0 4px;white-space:nowrap}.cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo select{flex:1}
@media(max-width:900px){.cadastro-evento-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cadastro-evento-form-grid>.dica-ancora:nth-child(-n+3)>label{grid-column:auto}.cadastro-evento-form-grid>.forma-participacao-campo,.cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo{grid-column:auto}}
@media(max-width:600px){.cadastro-evento-form-grid{grid-template-columns:1fr}.cadastro-evento-form-grid>.forma-participacao-campo,.cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo{grid-column:auto}}
.app-shell.ensaio-vidro .cadastro-evento-form-grid select{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.82);box-shadow:0 10px 22px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}.app-shell.ensaio-vidro .cadastro-evento-form-grid select:focus{background:rgba(255,255,255,.64);border-color:rgba(120,166,233,.72);box-shadow:0 12px 26px rgba(16,36,71,.16),0 0 0 2px rgba(120,166,233,.18),inset 0 1px 0 rgba(255,255,255,.96)}
.app-shell.ensaio-vidro .cadastro-curso-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.app-shell.ensaio-vidro .cadastro-curso-form select,.app-shell.ensaio-vidro .cadastro-curso-form textarea{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(218,231,249,.48));border:1px solid rgba(255,255,255,.84);box-shadow:0 10px 22px rgba(16,36,71,.14),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}.app-shell.ensaio-vidro .cadastro-curso-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,.app-shell.ensaio-vidro .cadastro-curso-form select:focus,.app-shell.ensaio-vidro .cadastro-curso-form textarea:focus{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(215,230,252,.62));border-color:rgba(120,166,233,.72);box-shadow:0 12px 26px rgba(16,36,71,.18),0 0 0 2px rgba(120,166,233,.18),inset 0 1px 0 rgba(255,255,255,.98)}
.app-shell.ensaio-vidro .cadastro-curso-form textarea[name="observacao"]{background:linear-gradient(145deg,rgba(224,237,253,.72),rgba(198,220,246,.5))}
body.ensaio-vidro dialog:has(.cadastro-evento-form){background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:0 18px 44px rgba(16,36,71,.18),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
body.ensaio-vidro dialog:has(.cadastro-evento-form)::backdrop{background:rgba(14,36,71,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modal-body{background:linear-gradient(145deg,rgba(225,236,250,.52),rgba(205,222,244,.38));color:var(--ink)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modal-body{font-weight:400}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modal-body :where(*){font-weight:400}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modal-body h2{font-weight:700}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .close{top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(23,76,155,.24);border-radius:50%;background:rgba(220,234,253,.72);color:#315783;font-size:21px;font-weight:400;line-height:1;text-align:center;box-sizing:border-box;box-shadow:0 5px 12px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .close:hover,body.ensaio-vidro dialog:has(.cadastro-evento-form) .close:focus-visible{background:rgba(199,220,250,.92);border-color:rgba(23,76,155,.4);color:#174c9b}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form> .form-grid:not(.cadastro-evento-form-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form> .form-grid:not(.cadastro-evento-form-grid)>.dica-ancora{min-width:0}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.dica-ancora:first-child>label,body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.forma-participacao-campo{grid-column:auto}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;white-space:normal}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.dica-ancora:first-child>label,body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo{align-self:end;margin:0}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.dica-ancora:first-child>label select,body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo select{height:34px;min-height:34px;width:100%;margin:0}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form select{min-height:34px;padding-top:6px;padding-bottom:6px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .localizacao-bloco{margin-top:18px;padding:16px;border-color:rgba(255,255,255,.82);background:linear-gradient(145deg,rgba(218,232,251,.68),rgba(190,213,241,.42));box-shadow:0 12px 28px rgba(16,36,71,.13),inset 0 1px 0 rgba(255,255,255,.88)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:24px;width:100%;margin:18px 0 4px;padding:16px 20px;border:1px solid rgba(255,255,255,.82);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(218,231,249,.38));box-shadow:0 12px 28px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento-visual{display:grid;place-items:center;min-height:196px;padding:12px;border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 8px 18px rgba(16,36,71,.12),inset 0 1px 0 #fff}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento canvas{display:block;width:min(100%,172px);height:auto;aspect-ratio:1;image-rendering:pixelated}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento-info h3{margin:0 0 8px;font-size:20px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento-info>p:not(.eyebrow){margin:0 0 10px;color:var(--muted);font-size:13px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-link{display:grid;gap:4px;margin-top:12px;font-size:12px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-link input{width:100%;min-width:0;min-height:38px;padding:8px 12px;border:1px solid rgba(91,119,153,.32);border-radius:20px;background:rgba(255,255,255,.7);box-shadow:0 6px 16px rgba(16,36,71,.08),inset 0 1px 0 rgba(255,255,255,.9);font-size:12px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-acoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-acoes button{width:100%;min-width:0;margin:0;padding:8px 6px;font-size:12px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-cancelar{width:100%;min-height:40px;margin:14px 0 0;padding:8px 12px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0;width:100%;max-width:100%;margin:14px 0 0;padding:12px 16px;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(145deg,rgba(218,232,251,.58),rgba(190,213,241,.34));box-shadow:0 8px 20px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card .forma-participacao-campo{margin:0}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card .forma-participacao-campo{min-width:0}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card .forma-participacao-campo+ .forma-participacao-campo{position:relative;padding-left:24px}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card .forma-participacao-campo+ .forma-participacao-campo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(23,76,155,.22);box-shadow:1px 0 0 rgba(255,255,255,.8)}
body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form .primary{min-height:40px}
@media(max-width:600px){body.ensaio-vidro dialog:has(.cadastro-evento-form) .cadastro-evento-form> .form-grid:not(.cadastro-evento-form-grid){grid-template-columns:1fr}}
@media(max-width:600px){body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card{grid-template-columns:1fr;gap:12px}body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card .forma-participacao-campo+ .forma-participacao-campo{padding-left:0;padding-top:12px}body.ensaio-vidro dialog:has(.cadastro-evento-form) .modalidade-pre-cadastro-card .forma-participacao-campo+ .forma-participacao-campo::before{top:0;right:0;bottom:auto;width:auto;height:1px;box-shadow:0 1px 0 rgba(255,255,255,.8)}}
@media(max-width:600px){body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento{grid-template-columns:minmax(0,1fr);gap:14px}.app-shell.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-evento-visual{min-height:0}}
@media(max-width:420px){body.ensaio-vidro dialog:has(.cadastro-evento-form) .preview-qr-acoes{grid-template-columns:1fr}}
.forma-participacao-campo{border:0;padding:0;margin:8px 0 4px;min-width:0}
.forma-participacao-campo legend{padding:0;color:var(--ink);font-size:13px;font-weight:700}
.opcoes-radio{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:18px;margin-top:7px}.radio-opcao{display:flex;flex:0 0 auto;align-items:center;flex-direction:row;gap:8px;width:max-content;margin:0;padding:7px 0;border:0;background:transparent;box-shadow:none;cursor:pointer}.radio-opcao input[type="radio"]{width:16px;height:16px;margin:0;accent-color:#17658b}.radio-opcao:has(input:checked){border:0;background:transparent;box-shadow:none}
.app-shell.ensaio-vidro .filtros-evento input,.app-shell.ensaio-vidro .filtros-evento select{border-radius:15px}
.previsao-barras button{justify-content:flex-start}.barra-blocos{flex:0 0 auto!important;width:auto!important}.barra-blocos i{flex:0 0 auto!important;width:14px!important;height:20px!important}
.participantes-page{font-size:13.5px}.participantes-page h2{font-size:18px}.participantes-page .section-header p{font-size:11.7px}.participantes-page label{font-size:12px}.participantes-page input,.participantes-page select{font-size:13.5px}.participantes-page th{font-size:10px}.participantes-page td{font-size:12px}.participantes-page td small,.participantes-page>.panel>.subtle{font-size:10px}
.participantes-page>.section-header>.button-group>.primary,.participantes-page>.section-header>.button-group>.outline{display:inline-flex;align-items:center;justify-content:center;height:34px;min-height:34px;padding:5px 12px;line-height:22px}
.participantes-page fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 13px;margin:12px 0}.participantes-page legend{padding:0 5px;color:var(--muted);font-size:12px;font-weight:700}.participantes-page fieldset .check{margin:7px 0;font-weight:500}
body.ensaio-vidro input:not([type="checkbox"]):not([type="radio"]),body.ensaio-vidro select,body.ensaio-vidro textarea{border-radius:16px}
.campos-ccb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}
.campos-ccb-grid select{border:1px solid rgba(20,35,61,.34)}
.campos-ccb-grid select:focus{border-color:rgba(20,35,61,.58);box-shadow:0 0 0 2px rgba(120,166,233,.22),0 8px 20px rgba(16,36,71,.08)}
.regional-cadastro-grid select{border:1px solid rgba(20,35,61,.34)}
.regional-cadastro-grid select{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,238,253,.58));border:1px solid rgba(20,35,61,.46);box-shadow:0 8px 20px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.92)}
.regional-cadastro-grid select:focus{border-color:rgba(20,35,61,.68);box-shadow:0 0 0 2px rgba(120,166,233,.24),0 8px 20px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.96)}
.cadastro-curso-novo .curso-detalhes{margin:14px 0 16px;padding:20px 22px;border-color:rgba(255,255,255,.84);background:linear-gradient(145deg,rgba(218,232,251,.58),rgba(190,213,241,.34));box-shadow:0 10px 24px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.86)}
.cadastro-curso-novo .cadastro-evento-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:18px 14px}
.cadastro-curso-novo .cadastro-evento-form-grid>label,.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora>label{display:grid;align-content:end;gap:6px;min-width:0;margin:0;white-space:normal}
.cadastro-curso-novo .cadastro-evento-form-grid>label:nth-child(1){grid-column:span 2}
.cadastro-curso-novo .cadastro-evento-form-grid>label:nth-child(2){grid-column:span 3}
.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora:nth-child(3)>label{grid-column:span 7}
.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora:nth-child(4)>.responsavel-curso-campo{grid-column:span 5;display:grid;grid-template-columns:minmax(0,1fr);align-self:end;gap:6px;margin:0;white-space:normal}
.cadastro-curso-novo .cadastro-evento-form-grid>.forma-participacao-campo{grid-column:span 3;align-self:end;min-width:0;margin:0 0 2px}
.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora:nth-child(6)>label{grid-column:span 4}
body.ensaio-vidro dialog:has(.cadastro-curso-novo) .modal-body :where(*){font-weight:400}
body.ensaio-vidro dialog:has(.cadastro-curso-novo) .modal-body h2{font-weight:700}
.cadastro-curso-novo .cadastro-evento-form-grid>label select,.cadastro-curso-novo .cadastro-evento-form-grid>label input,.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora>label select,.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora>label input{width:100%;height:36px;min-width:0;min-height:36px;margin:0;padding-top:6px;padding-bottom:6px}
@media(max-width:680px){.cadastro-curso-novo .cadastro-evento-form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.cadastro-curso-novo .cadastro-evento-form-grid>label:nth-child(1),.cadastro-curso-novo .cadastro-evento-form-grid>label:nth-child(2),.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora:nth-child(3)>label,.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora:nth-child(4)>.responsavel-curso-campo,.cadastro-curso-novo .cadastro-evento-form-grid>.forma-participacao-campo,.cadastro-curso-novo .cadastro-evento-form-grid>.dica-ancora:nth-child(6)>label{grid-column:1}}
@media(max-width:720px){.campos-ccb-grid{grid-template-columns:1fr}}
.participantes-page .tiles i.filled.absence{background:var(--red);box-shadow:0 2px 4px rgba(16,36,71,.18)}
body.ensaio-vidro .dica-balao-cinza{background:#E8E8E8;color:#14233d;border:1px solid rgba(20,35,61,.22);box-shadow:0 10px 24px rgba(16,36,71,.16),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.ensaio-vidro select{border:1px solid rgba(20,35,61,.24)}
body.ensaio-vidro select:focus{border-color:rgba(20,35,61,.4);box-shadow:0 0 0 2px rgba(120,166,233,.2),0 8px 20px rgba(16,36,71,.08)}
body.ensaio-vidro input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),body.ensaio-vidro select,body.ensaio-vidro textarea{border:1px solid rgba(20,35,61,.24)!important}
body.ensaio-vidro input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,body.ensaio-vidro select:focus,body.ensaio-vidro textarea:focus{border-color:rgba(20,35,61,.4)!important;box-shadow:0 0 0 2px rgba(120,166,233,.2),0 8px 20px rgba(16,36,71,.08)!important}
body.ensaio-vidro .regional-cadastro-grid select{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,238,253,.58));border:1px solid rgba(20,35,61,.24);box-shadow:0 8px 20px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.92)}
body.ensaio-vidro .regional-cadastro-grid select:focus{border-color:rgba(20,35,61,.4);box-shadow:0 0 0 2px rgba(120,166,233,.2),0 8px 20px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.96)}
/* Avaliações: navegação, editor de provas, aplicação móvel e impressão */
.nav-submenu{position:relative;display:grid;gap:2px;margin:3px 3px 7px 12px;padding:7px 0 7px 27px;background:transparent;border:0;border-radius:10px;box-shadow:none}.nav-submenu:not([aria-label="Menu do Portal do Professor"])::before{content:"";position:absolute;left:9px;top:24px;bottom:24px;width:1px;background:rgba(21,92,139,.9)}.nav-submenu .nav-link{position:relative;padding:7px 10px;font-size:12px;background:transparent}.nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before{content:"";position:absolute;right:100%;top:50%;width:18px;height:1px;background:rgba(21,92,139,.9)}.nav-submenu .nav-link.selected{background:rgba(255,255,255,.18);color:#fff}.questoes-editor{margin:24px 0}.questao-editor{background:#f8fafc}.alternativas-editor{display:grid;gap:8px}.alternativa-editor{display:grid;grid-template-columns:auto 24px 1fr;align-items:center;gap:6px}.alternativa-editor input[type=radio]{width:auto}.pagina-prova-publica{align-items:start}.prova-mobile{max-width:760px}.google-acesso{display:grid;justify-items:center;text-align:center;padding:22px 0}.aluno-identificado{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#eef3f6;border-radius:8px;margin:16px 0}.aluno-identificado small{color:var(--muted)}.questao-prova{border:0;border-top:1px solid var(--line);padding:22px 0;margin:0}.questao-prova legend{display:grid;gap:8px;font-size:15px;font-weight:500;width:100%;padding:0}.questao-prova legend span{font-size:13px;font-weight:750;color:#43505d}.alternativa-prova{display:grid;grid-template-columns:auto 24px 1fr;align-items:start;gap:5px;font-weight:400;margin:10px 0}.alternativa-prova input{width:auto;margin-top:4px}.acoes-impressao{position:sticky;top:0;z-index:3;display:flex;justify-content:center;gap:8px;padding:12px;background:#eef1f4}.documento-prova{padding:0;margin:0 auto;max-width:none}.folha-prova{position:relative;width:210mm;min-height:297mm;margin:10mm auto;background:#fff;padding:27mm 20mm 22mm;color:#222;box-shadow:0 3px 18px #0002;page-break-after:always}.prova-cabecalho{position:absolute;left:0;right:0;top:0;height:13mm;background:#30343a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 17mm;font-size:9pt}.pagina-numero{position:absolute;right:17mm;top:15mm;font-size:8pt;color:#666}.capa-prova small,.questao-impressa h2{font-weight:750;color:#444}.capa-prova h1{font-size:23pt;margin:3mm 0 1mm}.identificacao-prova{display:grid;grid-template-columns:2fr 1fr;gap:5mm 12mm;background:#eee;border:1px solid #ccc;padding:4mm;margin:6mm 0}.questao-impressa{margin:7mm 0}.questao-impressa h2{font-size:11pt;margin:0 0 3mm}.questao-impressa p{font-size:10.5pt;line-height:1.45;margin:2.5mm 0}.questao-impressa .opcao-impressa{margin:1.4mm 0}.prova-rodape{position:absolute;left:17mm;right:17mm;bottom:9mm;border-top:1px solid #bbb;padding-top:3mm;display:flex;justify-content:space-between;font-size:8pt;color:#666}.tabela-gabarito{margin:8mm 0}.tabela-gabarito th{background:#30343a;color:#fff}.tabela-gabarito tbody tr:nth-child(even){background:#eee}
@media print{body{background:#fff}.acoes-impressao{display:none}.documento-prova{padding:0}.folha-prova{margin:0;box-shadow:none;width:210mm;height:297mm;min-height:297mm;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}.folha-prova:last-child{break-after:auto}}
.prova-parametros{grid-template-columns:minmax(170px,.65fr) minmax(150px,1fr) minmax(135px,.75fr) .75fr auto;align-items:end}.prova-parametros .prova-bloqueio{min-height:43px;margin:12px 0;align-content:center;white-space:nowrap}.prova-parametros label:nth-child(3){white-space:nowrap}.prova-parametros label:has([name=show_grade]),.prova-parametros label:has([name=lock_after_due]){grid-column:1/-1;min-height:0;margin:4px 0}.check input{flex:none}.campo-com-sufixo{position:relative}.campo-com-sufixo input{padding-right:28px}.campo-com-sufixo span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:600;color:var(--muted);pointer-events:none}
@media(max-width:800px){.prova-parametros{grid-template-columns:1fr}}
/* Relevo sutil nas linhas de Avaliações, inspirado em baixo-relevo gravado. */
.nav-submenu .nav-link{color:#dce7f5;text-shadow:1px 1px 1px rgba(8,31,62,.72),-1px -1px 1px rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(5,29,59,.42)}
.nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before{box-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(5,29,59,.42)}
.nav-submenu:not([aria-label="Menu do Portal do Professor"])::before,.nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before{background:rgba(180,190,204,.9)}
.nav-submenu .nav-link.selected{background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(133,164,202,.16));border:1px solid rgba(255,255,255,.28);box-shadow:inset 1px 1px 1px rgba(255,255,255,.28),inset -1px -1px 1px rgba(7,35,71,.35),0 2px 3px rgba(4,25,52,.2)}
.nav-submenu-filho{position:relative;display:grid;margin-left:18px;padding-left:10px}
.nav-submenu-filho::before{content:"";position:absolute;left:0;top:-2px;bottom:50%;width:1px;background:rgba(180,190,204,.9)}
.nav-submenu .nav-submenu-filho .nav-link::before{width:10px}
.nav-submenu-cursos::before{top:-8px}
.sidebar nav > .nav-link{border:1px solid transparent;text-shadow:1px 1px 1px rgba(8,31,62,.72),-1px -1px 1px rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(5,29,59,.42)}
.sidebar nav > .nav-link:hover,.sidebar nav > .nav-link.selected{background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(133,164,202,.16));border-color:rgba(255,255,255,.28);box-shadow:inset 1px 1px 1px rgba(255,255,255,.28),inset -1px -1px 1px rgba(7,35,71,.35),0 2px 3px rgba(4,25,52,.2)}
.brand strong,.brand small{text-shadow:1px 1px 1px rgba(8,31,62,.72),-1px -1px 1px rgba(255,255,255,.28)}
.dashboard .welcome,.dashboard-controls > button,.dashboard .filtros-dashboard input,.dashboard .filtros-dashboard select{box-shadow:0 10px 22px rgba(16,36,71,.14),inset 1px 1px 1px rgba(255,255,255,.34),inset -1px -1px 1px rgba(44,72,108,.2)}
.dashboard .welcome{border-color:rgba(255,255,255,.84)}
.dashboard-controls > button,.dashboard .filtros-dashboard input,.dashboard .filtros-dashboard select{border-color:rgba(117,142,174,.55);text-shadow:1px 1px 1px rgba(255,255,255,.72),-1px -1px 1px rgba(57,79,108,.2)}
.dashboard > .panel{border-color:rgba(255,255,255,.88);box-shadow:0 14px 28px rgba(16,36,71,.16),inset 1px 1px 1px rgba(255,255,255,.62),inset -1px -1px 1px rgba(81,101,126,.2)}
.dashboard .tile-stack i,.dashboard .setor-fatia{box-shadow:1px 1px 2px rgba(16,36,71,.28),inset 1px 1px 1px rgba(255,255,255,.54),inset -1px -1px 1px rgba(38,60,89,.24)}
.dashboard .setor-item{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(70,91,119,.16)}
.dashboard > .dashboard-graficos-principais{align-items:stretch}
.dashboard > .dashboard-graficos-principais > .panel{height:335px;padding-bottom:12px;overflow:hidden}
@media(max-width:720px){.dashboard > .dashboard-graficos-principais > .panel{height:auto;overflow:visible}}
.setor .setor-fatia{filter:url(#setor-relevo);stroke:rgba(0,0,0,.58);stroke-width:.7px;paint-order:stroke fill}
.setor .setor-fatia[fill="#b83b45"]{filter:url(#setor-relevo);stroke:rgba(0,0,0,.58);stroke-width:.7px;paint-order:stroke fill}
.setor{width:min(100%,384px);flex-basis:384px}
.setor-linha{flex-wrap:nowrap}
.dashboard > .dashboard-graficos-principais > .panel:nth-child(2) .setor-linha{margin-bottom:-60px}
.dashboard > .dashboard-graficos-principais > .panel:nth-child(2) .setor-linha > .setor{transform:translateY(-60px)}
.dashboard > .dashboard-graficos-principais > .panel:nth-child(2) .setor-legenda{margin-left:auto;align-self:center}
.dashboard > .dashboard-graficos-principais > .panel:nth-child(2){height:335px;overflow:hidden}
.dashboard > .grid.two-col:has(.grafico-aulas-expandido) > .grafico-aulas-card{grid-column:1/-1}
.setor .setor-fundo{pointer-events:none}
.chamada-foco-grafico{margin-top:12px}
.dashboard .barra-blocos i{width:10px!important;height:17.6px!important;border-radius:4px}
@media(max-width:720px){.setor-linha{flex-wrap:wrap}}
@media(max-width:720px){.dashboard > .dashboard-graficos-principais > .panel:nth-child(2){height:auto;overflow:visible}}
.setor text{font-size:8.8px;font-weight:400;fill:#fff;stroke:transparent;stroke-width:0;paint-order:fill;filter:none;text-shadow:none}
.setor{width:min(100%,128px);height:auto}
.sidebar-footer .outline{box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(20,35,61,.28),0 4px 9px rgba(4,25,52,.24);text-shadow:1px 1px 1px rgba(255,255,255,.35),-1px -1px 1px rgba(20,35,61,.22)}
.sidebar-footer #logout{width:75px;margin-left:auto;margin-right:auto}
.dashboard .previsao-barras button,.dashboard .bloco-presenca i,.dashboard .lista-chamada-grafico,.dashboard .aluno-presenca-linha,.dashboard .switch-lista-chamada{box-shadow:1px 1px 3px rgba(16,36,71,.24),inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(53,76,107,.2)}
.dashboard .previsao-barras button,.dashboard .bloco-presenca i{border:1px solid rgba(255,255,255,.55)}
.live-list p{padding:10px 8px;border:1px solid rgba(255,255,255,.6);border-radius:5px;background:rgba(238,243,248,.52);box-shadow:1px 1px 3px rgba(16,36,71,.24),inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(53,76,107,.2)}
.participantes-page > .panel table tbody tr{background:transparent;box-shadow:1px 1px 3px rgba(16,36,71,.24),inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(53,76,107,.2)}
.participantes-page > .panel table tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}
.novo-trabalho{box-shadow:3px 3px 7px rgba(16,36,71,.3),inset 2px 2px 2px rgba(255,255,255,.72),inset -2px -2px 2px rgba(53,76,107,.28);text-shadow:1px 1px 1px rgba(255,255,255,.62),-1px -1px 1px rgba(53,76,107,.18)}
.cadastro-curso-evento button{box-shadow:3px 3px 7px rgba(16,36,71,.3),inset 2px 2px 2px rgba(255,255,255,.72),inset -2px -2px 2px rgba(53,76,107,.28);text-shadow:1px 1px 1px rgba(255,255,255,.62),-1px -1px 1px rgba(53,76,107,.18)}
.participantes-page .icon-button:not(.destructive){width:29px;height:29px;border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85;box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2)}
.participantes-page .icon-button:not(.destructive):hover,.participantes-page .icon-button:not(.destructive):focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.22)}
.participantes-page .icon-button.destructive{width:29px;height:29px;border:0;background:linear-gradient(145deg,#ffe1e1,#efbebe);color:#315b7d;box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(151,86,86,.2)}
.participantes-page .icon-button.destructive:hover,.participantes-page .icon-button.destructive:focus-visible{background:linear-gradient(145deg,#ffe9e9,#eeb0b0);color:#244c6d;box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(151,86,86,.22)}
.participantes-page .cabecalho-com-ajuda{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.participantes-page td .text-button{color:#000;font-weight:400}
.participantes-page td .text-button:hover,.participantes-page td .text-button:focus-visible{color:#000}
.participantes-page .filter-row label,.participantes-page .filter-row input,.participantes-page .filter-row select{font-weight:400}
.participantes-page .filter-row label{gap:4px}
.participantes-page .filter-row input,.participantes-page .filter-row select{padding-top:7px;padding-bottom:7px}
.participantes-page .filter-row .filtro-data{flex:0 1 150px;min-width:130px}
.participantes-page>.filter-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px 12px;margin:12px 0}.participantes-page>.filter-row>label{min-width:0;margin:0}.participantes-page>.filter-row>label:first-child{grid-column:auto}.participantes-page>.filter-row .filtro-data{width:auto;min-width:0}.participantes-page>.filter-row input,.participantes-page>.filter-row select{height:34px;min-height:34px;padding-top:5px;padding-bottom:5px;line-height:22px}.participantes-page>.filter-row>button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:34px;min-height:34px;margin:0;padding:5px 12px;line-height:22px}
.relatorios-page>.filter-row input,.relatorios-page>.filter-row select{height:34px;min-height:34px;padding-top:5px;padding-bottom:5px;line-height:22px}
@media(max-width:1100px){.participantes-page>.filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.participantes-page>.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.participantes-page>.filter-row{grid-template-columns:minmax(0,1fr)}}
.participantes-page .tiles i,.participantes-page .tiles i.filled.absence{box-shadow:2px 2px 5px rgba(16,36,71,.3),inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(53,76,107,.28)}
.dashboard .bloco-presenca i,.dashboard .tile-stack i,.dashboard .barra-blocos i,.dashboard .barra-blocos.verde i.filled,.dashboard .barra-blocos.vermelha i.filled,.dashboard .barra-blocos.amarela i.filled,.dashboard .barra-blocos.cinza i.filled{box-shadow:2px 2px 5px rgba(16,36,71,.3),inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(53,76,107,.28)}
.dashboard .aluno-presenca-blocos{gap:4px;align-items:center}
.dashboard .aluno-presenca-blocos i{display:block;flex:0 0 auto;width:10px;height:17.6px;border:0;border-radius:4px;background:rgba(255,255,255,.5);box-shadow:0 3px 6px rgba(16,36,71,.34),inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(53,76,107,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dashboard .aluno-presenca-blocos i.presente{background:rgba(31,157,106,.88);box-shadow:0 3px 6px rgba(16,36,71,.34),inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(53,76,107,.28)}
.dashboard .aluno-presenca-blocos i.ausente{background:rgba(215,68,68,.9);box-shadow:0 3px 6px rgba(16,36,71,.34),inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(53,76,107,.28)}
.dashboard .aluno-presenca-blocos.compacto i{flex:1 1 0;min-width:0}
.dashboard .lista-chamada-grafico{border:1px solid rgba(255,255,255,.55);border-radius:12px;padding:8px;}.lista-chamada-grafico{grid-template-columns:1fr!important}.lista-chamada-grafico ul{max-height:none;overflow:visible}.lista-chamada-grafico .situacao-ausente,.lista-chamada-grafico .situacao-presente{font-size:11px;font-weight:700;margin-left:auto;margin-right:10px}.lista-chamada-grafico .situacao-ausente{color:#c93636}.lista-chamada-grafico .situacao-presente{color:#168b68}
.dashboard .aluno-presenca-linha{border-radius:5px;padding-left:8px;padding-right:8px}
.dashboard .aluno-presenca-cabecalho{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,45%);align-items:center;column-gap:12px;padding:0 8px 4px;color:#748096;font-size:10px;font-weight:750;letter-spacing:.4px;text-transform:uppercase}.dashboard .aluno-presenca-cabecalho span:nth-child(2),.dashboard .aluno-presenca-cabecalho span:nth-child(3){text-align:center}.dashboard .aluno-presenca-cabecalho strong{position:absolute;right:8px;top:0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
.nome-aluno-chamada{font-weight:400}
.nome-aluno-chamada + small{display:inline}
.lista-pre-cadastrados{display:grid;gap:10px;margin-top:14px}
.lista-pre-cadastrados .detail-row{display:grid;grid-template-columns:minmax(230px,1.6fr) minmax(170px,220px) auto auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(238,243,248,.48);box-shadow:1px 2px 5px rgba(16,36,71,.16),inset 1px 1px 1px rgba(255,255,255,.62),inset -1px -1px 1px rgba(53,76,107,.14)}
.lista-pre-cadastrados .detail-row>div:first-child{min-width:0}
.lista-pre-cadastrados .detail-row>div:first-child strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-pre-cadastrados .detail-row>div:first-child small{display:block;margin-top:2px}
.lista-pre-cadastrados .detail-row>label{min-width:0;margin:0;gap:4px;font-size:12px}
.lista-pre-cadastrados .detail-row>label input{width:100%;padding:9px 10px}
.lista-pre-cadastrados .detail-row>.matricula-acao{margin:0}
.lista-pre-cadastrados .detail-row{grid-template-columns:minmax(230px,1fr) auto}
@media(max-width:900px){.lista-pre-cadastrados .detail-row{grid-template-columns:minmax(180px,1fr) minmax(150px,190px) auto auto}}
@media(max-width:600px){.lista-pre-cadastrados .detail-row{grid-template-columns:1fr auto auto;gap:10px}.lista-pre-cadastrados .detail-row>label{grid-column:1/-1}.lista-pre-cadastrados .detail-row>.matricula-acao{grid-column:auto;justify-self:end}}
.aula-detalhes > .section-header > .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}
.aula-seletor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;margin:14px 0 18px}.aula-seletor button{width:100%;min-width:0;min-height:44px;margin:0;white-space:nowrap}
.cadastro-curso-evento>.section-header>.aula-seletor{display:flex;justify-content:flex-end;margin:0;flex-shrink:0}
.filtros-aulas{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.6fr);gap:14px;margin:12px 0 18px}.filtros-aulas .select-class{margin:0}.filtros-aulas select:disabled{opacity:.62;cursor:not-allowed}
.presencas-grafico{display:flex;align-items:center;min-width:190px}.presencas-blocos{display:flex;flex-direction:row;align-items:flex-end;gap:3px;flex:1;min-width:90px}.presencas-blocos i{display:block;flex:1 1 0;min-width:3px;height:22px;border-radius:3px;background:linear-gradient(145deg,#f8fbff,#d6dfeb);border:1px solid rgba(255,255,255,.82);box-shadow:0 4px 7px rgba(16,36,71,.28),inset 1px 1px 1px rgba(255,255,255,.92),inset -1px -1px 1px rgba(86,108,137,.25);transform:translateY(-1px);transition:transform .16s ease,box-shadow .16s ease}.presencas-blocos i.filled{background:linear-gradient(145deg,#31b982,#168d67);border-color:rgba(255,255,255,.72);box-shadow:0 5px 9px rgba(16,75,61,.34),inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(7,91,63,.3)}.presencas-blocos i:hover{transform:translateY(-3px);box-shadow:0 7px 12px rgba(16,36,71,.32),inset 1px 1px 1px rgba(255,255,255,.92),inset -1px -1px 1px rgba(86,108,137,.25)}
.numero-aluno-chamada{display:inline-block;width:28px;margin-right:8px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:700px){.filtros-aulas{grid-template-columns:1fr}}
@media(max-width:1100px){.aula-seletor{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.aula-seletor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.aula-seletor{grid-template-columns:1fr}}
.aula-detalhes > .section-header > div:first-child{min-width:0;flex:1;max-width:calc(100% - 230px)}
.aula-detalhes > .section-header > div:first-child p{overflow-wrap:anywhere}
body.ensaio-vidro dialog:has(.prova-form){background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(218,231,249,.48));border:1px solid rgba(255,255,255,.84);box-shadow:0 24px 68px rgba(16,36,71,.2),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form input:not([type="checkbox"]):not([type="radio"]),body.ensaio-vidro dialog:has(.prova-form) .prova-form select,body.ensaio-vidro dialog:has(.prova-form) .prova-form textarea{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(226,238,253,.5));border:1px solid rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form input:not([type="checkbox"]):not([type="radio"]):focus,body.ensaio-vidro dialog:has(.prova-form) .prova-form select:focus,body.ensaio-vidro dialog:has(.prova-form) .prova-form textarea:focus{background:rgba(255,255,255,.8);border-color:rgba(120,166,233,.72);box-shadow:0 12px 26px rgba(16,36,71,.16),0 0 0 2px rgba(120,166,233,.18),inset 0 1px 0 rgba(255,255,255,.96)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form select{background:linear-gradient(145deg,rgba(225,236,250,.92),rgba(201,218,240,.82));border:1px solid rgba(91,119,153,.42);border-radius:16px;box-shadow:0 8px 18px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.78);color:var(--ink);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form input:not([type="checkbox"]):not([type="radio"]),body.ensaio-vidro dialog:has(.prova-form) .prova-form textarea{background:linear-gradient(145deg,rgba(225,236,250,.92),rgba(201,218,240,.82));border:1px solid rgba(91,119,153,.42);border-radius:16px;box-shadow:0 8px 18px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.78);color:var(--ink);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form .questao-editor{background:rgba(255,255,255,.38);border-color:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.registro-presenca-hub{max-width:980px;margin:0 auto;display:grid;gap:16px}
.registro-presenca-intro,.registro-presenca-nota{padding:24px}
.registro-presenca-opcoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.registro-presenca-nota{border-left:4px solid var(--blue,#4b7fc4)}
.area-aluno{max-width:1180px;margin:0 auto;padding:28px 20px}
.portal-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.portal-header>div{display:flex;align-items:center;gap:10px}.portal-header small{display:block}.portal-header .outline{margin-left:10px}
.portal-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.portal-resumo article{padding:6px 18px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.78)}.portal-resumo span,.portal-resumo small{display:block;color:var(--muted);line-height:1.2}.portal-resumo strong{display:block;margin:1px 0;font-size:28px;line-height:1}
.portal-grid{display:grid;grid-template-columns:minmax(500px,1fr) minmax(0,1.25fr);gap:18px}.portal-aulas-lista{display:grid;gap:2px;margin-bottom:18px}.portal-aulas-lista p{margin:0;padding:7px 9px;border-radius:7px;white-space:nowrap}.portal-aula-titulo{font-weight:550}.portal-aulas-lista p:nth-child(odd){background:rgba(238,243,249,.72)}.portal-aulas-lista p:nth-child(even){background:rgba(220,230,242,.72)}.portal-avaliacao{margin:0 0 2px;padding:10px 12px;border:0;border-radius:8px}.portal-avaliacao:nth-of-type(odd){background:rgba(238,243,249,.72)}.portal-avaliacao:nth-of-type(even){background:rgba(220,230,242,.72)}.portal-avaliacao small{display:block}.portal-avaliacao textarea{min-height:90px}.portal-avaliacao form{margin-top:10px}.tab-row{display:flex;gap:8px;margin:18px 0}.tab-row button{border:0;background:transparent;padding:8px 10px;color:var(--muted)}.tab-row button.selected{border-bottom:2px solid var(--blue,#376eb3);color:var(--ink);font-weight:700}
@media (max-width:1000px){.portal-grid{grid-template-columns:1fr}.portal-aulas-lista p{white-space:normal}}
.area-aluno-atalho{margin-top:18px;text-align:center}
.acessos-publicos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.acessos-publicos>a,.acessos-publicos>button{display:flex;align-items:center;justify-content:center;text-align:center;margin:0;min-width:0}@media (max-width:520px){.acessos-publicos{grid-template-columns:1fr}}
@media (max-width:760px){.portal-header,.portal-header>div{align-items:flex-start;flex-direction:column}.portal-resumo,.portal-grid{grid-template-columns:1fr}.portal-header .outline{margin-left:0}}
td .button-group{flex-wrap:nowrap;white-space:nowrap}
.cursos-page td .button-group .icon-button{width:31px;height:31px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#eaf3ff,#c7dcef);box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2);color:#526d85;transform:none}
.cursos-page td .button-group .icon-button:hover,.cursos-page td .button-group .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.22);transform:translateY(-1px)}
.cursos-page td .button-group .icon-button svg{width:16px;height:16px;stroke-width:1.35}
.provas-page td:last-child{vertical-align:middle}.provas-page td:last-child .button-group{gap:7px;min-width:0;align-items:center;flex-wrap:nowrap}.provas-page td:last-child .button-group .outline{display:inline-flex;align-items:center;justify-content:center;height:30px;min-height:30px;margin:0;padding:3px 11px;border:1px solid rgba(23,76,155,.28);border-radius:15px;background:linear-gradient(145deg,#eaf3ff,#c7dcef);box-shadow:4px 4px 8px rgba(42,52,62,.22),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.16);color:#526d85;font-size:13px;font-weight:400;line-height:22px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.provas-page td:last-child .button-group .outline:hover,.provas-page td:last-child .button-group .outline:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);box-shadow:5px 5px 10px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.2);color:#315b7d;transform:translateY(-1px)}
.provas-page td:last-child .button-group .icon-button{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#eaf3ff,#c7dcef);box-shadow:4px 4px 8px rgba(42,52,62,.22),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.16);color:#526d85;transform:none;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.provas-page td:last-child .button-group .icon-button:hover,.provas-page td:last-child .button-group .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);box-shadow:5px 5px 10px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.2);color:#315b7d;transform:translateY(-1px)}.provas-page td:last-child .button-group .icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.provas-page td:last-child .button-group .icon-button.destructive{border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85}.provas-page td:last-child .button-group .icon-button.destructive:hover,.provas-page td:last-child .button-group .icon-button.destructive:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d}
.sidebar-footer{position:relative;border-top:0}.sidebar-footer::before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:linear-gradient(to bottom,rgba(255,255,255,.36),rgba(8,35,72,.48));box-shadow:0 1px 0 rgba(255,255,255,.16)}
.sidebar-footer::before{top:12px;left:0;right:0;width:auto;height:3px}
/* Resumo de participantes filtrados */
.participantes-page .participantes-resumo{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 14px}
.participantes-page .participantes-resumo .metric-card{min-height:64px}
.alunos-curso-painel > .panel-head{display:none}
/* A coluna de presenças fica disponível no detalhe da aula, não nesta listagem. */
.cursos-eventos-panel th:nth-child(4),.cursos-eventos-panel td:nth-child(4){display:none}
.ordenar-coluna{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:auto;margin:-4px 0 -4px -9px;padding:4px 5px 4px 9px;border:1px solid transparent;border-radius:20px;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;box-shadow:none;transform:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.ordenar-coluna::after{content:"▾";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #c3d2e6;border-radius:50%;background:linear-gradient(180deg,#f7faff,#e4ecf6);color:#7a879b;font-size:10px;line-height:1;transform:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 1px 3px rgba(16,36,71,.12);transition:background .15s ease,border-color .15s ease,color .15s ease}
.ordenar-coluna:hover{background:rgba(220,234,255,.5);border-color:rgba(140,174,222,.5)}
.ordenar-coluna:hover::after{border-color:#8caede;color:#263b5d}
.ordenar-coluna:focus-visible{outline:2px solid rgba(140,174,222,.7);outline-offset:2px}
.ordenar-coluna[data-ativo="true"]{color:#263b5d}.ordenar-coluna[data-ativo="true"]::after{background:linear-gradient(180deg,#dceaff,#cbdcf3);border-color:#8caede;color:#1f4f8f;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 2px 6px rgba(23,76,155,.2)}.ordenar-coluna[data-ativo="true"][data-direcao="asc"]::after{content:"▴"}.ordenar-coluna:hover{color:var(--blue)}
.cursos-eventos-panel th,.cursos-eventos-panel td{box-shadow:none}
.cursos-eventos-panel th{font-size:12px;white-space:nowrap;box-shadow:none!important;text-shadow:none;filter:none}.cursos-eventos-panel th:nth-child(1){width:190px}.cursos-eventos-panel th:nth-child(2){min-width:320px}.cursos-eventos-panel th:nth-child(3){min-width:220px}.cursos-eventos-panel th:nth-child(5){width:120px}.cursos-eventos-panel .ordenar-coluna{gap:8px}.cursos-eventos-panel .ordenar-coluna{box-shadow:none!important;text-shadow:none;filter:none}
 .organizacao-page .interruptor-linha .interruptor span{background:#f5f9ff!important}
.organizacao-page .interruptor-linha-compacto .interruptor span{top:50%;transform:translateY(-50%)}.organizacao-page .interruptor-linha-compacto[aria-checked="true"] .interruptor span{transform:translate(16px,-50%)}
 .interruptor-linha{font-weight:400;color:#53647c;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(50,76,111,.18)}.interruptor-linha .interruptor{background:linear-gradient(180deg,#dceaff,#cbdcf3);border:1px solid #8caede;box-shadow:inset 1px 1px 2px rgba(255,255,255,.9),inset -1px -1px 2px rgba(80,110,150,.2),0 2px 5px rgba(23,76,155,.16)}.interruptor-linha .interruptor span{top:50%;background:#f5f9ff;box-shadow:inset 1px 1px 1px rgba(255,255,255,.9),0 1px 3px rgba(23,76,155,.22);transform:translateY(-50%)}.interruptor-linha[aria-checked="true"] .interruptor{background:linear-gradient(180deg,#dceaff,#cbdcf3);border-color:#8caede;box-shadow:inset 1px 1px 2px rgba(255,255,255,.9),inset -1px -1px 2px rgba(80,110,150,.2),0 2px 5px rgba(23,76,155,.16)}.interruptor-linha-compacto[aria-checked="true"] .interruptor span{transform:translate(16px,-50%)}
 .lista-indice{flex:0 0 28px;color:#738097;font-size:12px;font-weight:500;text-align:right;text-shadow:1px 1px 1px rgba(255,255,255,.78)}
.lista-dialogo-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:42px}.lista-dialogo-cabecalho h2{margin-bottom:0;white-space:pre-line}.lista-dialogo-cabecalho .interruptor-linha{flex-shrink:0}.ordenacao-dialogo{gap:6px;font-size:11px}.ordenacao-dialogo select{min-width:132px;padding:5px 24px 5px 12px;font-size:11px}.lista-dialogo-cabecalho~.detail-row strong{font-weight:400}
 .lista-dialogo-cabecalho~.detail-row>div:first-of-type{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lista-dialogo-cabecalho~.detail-row>div:first-of-type small{display:inline;margin-left:8px;white-space:nowrap}
.titulo-lista-principal,.titulo-lista-data{display:block}.titulo-lista-data{font-weight:400;font-size:.82em;color:var(--muted);margin-top:3px}
 .participacao-detalhe{display:flex;align-items:center;justify-content:flex-end;gap:10px}.participacao-detalhe>small{order:0;color:var(--muted);white-space:nowrap}.participacao-detalhe>.participation{order:1}
.lista-dialogo-cabecalho{margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid rgba(120,145,178,.24);box-shadow:inset 0 -1px 0 rgba(255,255,255,.72)}
.dashboard > .grid.two-col:not(.dashboard-graficos-principais) > .panel:nth-child(2){display:none}
.chart-column>span{font-size:9.9px}
.grafico-aulas-rolagem .anos-grafico{height:25px}
.grafico-aulas-rolagem{overflow-x:auto}.grafico-aulas-rolagem .tiles-chart{display:grid;justify-content:initial;overflow:visible}.grafico-aulas-rolagem .anos-grafico{display:grid;gap:12px;margin:0;padding:0 10px;overflow:visible}.grafico-aulas-rolagem .anos-grafico span{min-width:0}
.grafico-aulas-rolagem .anos-grafico{border-top-color:#b8c8d9;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.grafico-aulas-rolagem .anos-grafico span{border-left-color:#b8c8d9;box-shadow:inset 1px 0 0 rgba(255,255,255,.88),inset -1px 0 0 rgba(55,82,112,.28)}.grafico-aulas-rolagem .anos-grafico span:last-child{border-right-color:#b8c8d9;box-shadow:inset -1px 0 0 rgba(55,82,112,.28),inset 1px 0 0 rgba(255,255,255,.88)}
.grafico-aulas-rolagem .anos-grafico span{border-left-color:transparent}.grafico-aulas-rolagem .anos-grafico span::before,.grafico-aulas-rolagem .anos-grafico span:last-child::after{content:"";position:absolute;top:-5px;bottom:0;width:2px;background:#9db3ca;box-shadow:inset 1px 0 0 rgba(255,255,255,.78),inset -1px 0 0 rgba(55,82,112,.24)}.grafico-aulas-rolagem .anos-grafico span::before{left:-1px}.grafico-aulas-rolagem .anos-grafico span:last-child{border-right-color:transparent}.grafico-aulas-rolagem .anos-grafico span:last-child::after{right:-1px}
.grafico-aulas-rolagem .anos-grafico span,.grafico-aulas-rolagem .anos-grafico span:last-child{border-left-color:transparent;border-right-color:transparent;box-shadow:none}
.grafico-aulas-rolagem .tiles-chart,.grafico-aulas-rolagem .anos-grafico{gap:8.64px}
.grafico-aulas-rolagem .anos-grafico span::before,.grafico-aulas-rolagem .anos-grafico span:last-child::after{top:-9px}
.grafico-aulas-rolagem .anos-grafico span::before,.grafico-aulas-rolagem .anos-grafico span:last-child::after{bottom:7.5px}
.grafico-aulas-rolagem .tiles-chart{position:relative}.grafico-aulas-rolagem .chart-column{position:relative;z-index:3;grid-template-rows:107px 17px 15px;gap:7px}.grafico-aulas-rolagem .chart-column>span{line-height:17px}.grafico-aulas-rolagem .chart-column>b{line-height:15px}.linha-tendencia-aulas{position:absolute;z-index:2;top:calc(100% - 158px);left:10px;width:calc(100% - 20px);height:107px;pointer-events:none;overflow:visible}.linha-tendencia-aulas polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.linha-tendencia-aulas .linha-media-aulas{stroke:#d74444;stroke-width:.8;opacity:.72}.legenda-faixa i.linha-media-aulas{width:18px;height:2px;border-radius:99px;background:#d74444}
.marcacao-aula{display:flex;flex-direction:column;gap:2px;margin:10px 0 6px}.marcacao-aula .subtle{margin:0;font-size:13px}.interruptor-linha:disabled{opacity:.55;cursor:not-allowed}
.regra-marcacao{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.regra-marcacao h3{margin:0 0 8px;font-size:16px}
.aluno-curso-desistencia{grid-column:1/-1;display:grid;gap:8px;margin-top:8px;padding:10px;border:1px dashed var(--line);border-radius:12px}.aluno-curso-vinculo.desistente{opacity:.8}.aluno-curso-vinculo.desistente .subtle{font-size:13px}
.rotulo-campo{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.professores-curso-campo,.professor-aula-campo{display:grid;min-width:0;margin-bottom:12px}.professores-curso-campo{grid-column:1/-1}
.seletor-professores{position:relative;min-width:0}.seletor-professores-gatilho{width:100%;min-height:44px;text-align:left;font:inherit;font-weight:600;color:var(--ink);padding:10px 34px 10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.84);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(218,231,249,.48));box-shadow:0 10px 22px rgba(16,36,71,.14),inset 0 1px 0 rgba(255,255,255,.92);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.seletor-professores-gatilho::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg)}.seletor-professores-gatilho[data-vazio="true"]{color:var(--muted);font-weight:500}.seletor-professores-gatilho:focus-visible{outline:2px solid rgba(120,166,233,.6);outline-offset:1px}
.seletor-professores-lista{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);max-height:260px;overflow:auto;padding:6px;border-radius:14px;background:rgba(255,255,255,.97);border:1px solid rgba(120,145,178,.3);box-shadow:0 18px 40px rgba(16,36,71,.2)}.seletor-professores-opcao{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;font-weight:500;cursor:pointer;margin:0}.seletor-professores-opcao:hover{background:rgba(120,166,233,.14)}.seletor-professores-opcao input{width:auto;margin-top:3px;box-shadow:none}.seletor-professores-opcao small{display:block;color:var(--muted);font-weight:400}.seletor-professores-opcao.seguir-curso{border-bottom:1px solid rgba(120,145,178,.2);border-radius:10px 10px 0 0;margin-bottom:4px}
.lista-controle-presencas{display:grid;gap:10px}.linha-controle-presenca{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:13px 0;border-top:1px solid var(--line)}.linha-controle-identidade{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.linha-controle-identidade strong{overflow-wrap:anywhere}.linha-controle-identidade .status{max-width:55%;white-space:normal;text-align:right}.acoes-marcacao-presenca{grid-column:1/-1;display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px;border-radius:10px;background:rgba(230,238,248,.5);border:1px solid rgba(180,196,216,.5)}.acoes-marcacao-presenca label{flex:1 1 260px;margin:0}.faixa-justificada{background:#4777b5!important}.bloco-presenca i.filled.justificada{background:#4777b5;box-shadow:0 3px 6px rgba(16,36,71,.28)}
@media(max-width:600px){.linha-controle-presenca{grid-template-columns:1fr}.linha-controle-identidade{align-items:flex-start;flex-direction:column}.linha-controle-identidade .status{max-width:100%;text-align:left}.acoes-marcacao-presenca{align-items:stretch;flex-direction:column}.acoes-marcacao-presenca>.button-group{justify-content:flex-start}}
.panel:has(.lista-controle-presencas) .panel-head h2,.linha-controle-presenca strong,.linha-controle-identidade .status{font-weight:400}.linha-controle-presenca{grid-template-columns:minmax(0,1fr) minmax(210px,270px)}.linha-controle-identidade{grid-column:1;justify-content:flex-start}.linha-controle-identidade .status{margin-left:auto}.acoes-marcacao-presenca{grid-column:2;display:contents;padding:0;border:0;background:transparent}.seletor-marca-presenca{grid-column:2;grid-row:1;position:relative;display:block;min-width:0;margin:0;font-size:13px;font-weight:400}.seletor-marca-presenca select{appearance:none;min-height:34px;padding:6px 34px 6px 12px;font-size:13px;font-weight:400;color:#263b5d;background:linear-gradient(180deg,#dceaff,#cbdcf3);border:1px solid #8caede;border-radius:20px;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 4px 10px rgba(23,76,155,.18);cursor:pointer}.seletor-marca-presenca::before{content:"";position:absolute;right:7px;top:50%;width:19px;height:19px;transform:translateY(-50%);border:1px solid #8caede;border-radius:50%;background:linear-gradient(180deg,#e5f0ff,#cbdcf3);box-shadow:0 2px 5px rgba(23,76,155,.16);pointer-events:none}.seletor-marca-presenca::after{content:"";position:absolute;right:13px;top:50%;width:5px;height:5px;transform:translateY(-70%) rotate(45deg);border-right:1px solid #245b9f;border-bottom:1px solid #245b9f;pointer-events:none}.justificativa-presenca{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;padding:10px 12px;border-radius:10px;background:rgba(230,238,248,.5);border:1px solid rgba(180,196,216,.5)}.justificativa-presenca label{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.linha-controle-presenca{grid-template-columns:minmax(0,1fr) minmax(195px,240px);gap:10px 12px}.linha-controle-identidade{grid-column:1;flex-direction:column;align-items:flex-start;gap:4px}.linha-controle-identidade .status{margin-left:0;max-width:100%;text-align:left}.marcas-acoes-presenca{grid-column:2;grid-row:1}.remover-marca-presenca{grid-column:1/-1;grid-row:2;justify-self:start}.justificativa-presenca{grid-column:1/-1;grid-template-columns:1fr}}
@media(max-width:480px){.linha-controle-presenca{grid-template-columns:1fr}.linha-controle-identidade{grid-column:1}.seletor-marca-presenca{grid-column:1;grid-row:auto}.justificativa-presenca{grid-column:1}}
.marcas-acoes-presenca{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);width:100%;gap:10px}.marcas-presenca{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:10px;margin:0;padding:0;border:0}.radio-presenca{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:28px;padding:3px 0;font-size:13px;line-height:1.25;font-weight:400;white-space:nowrap;color:#263b5d;cursor:pointer}.radio-presenca:hover{color:#1c4f8f}.radio-presenca input{width:13px;height:13px;margin:0;accent-color:#4777b5}.radio-presente.selecionado{color:#087443}.radio-falta.selecionado{color:#b42318}.marcas-presenca:disabled .radio-presenca{cursor:not-allowed;opacity:.65}
@media(max-width:480px){.marcas-acoes-presenca{grid-column:1;grid-row:auto}}
.lista-controle-presencas .linha-controle-presenca{padding-left:8px;padding-right:8px;border-radius:5px;background:transparent}.lista-controle-presencas .linha-controle-presenca:nth-child(odd){background:rgba(210,218,229,.68)}
@media(max-width:600px){.panel:has(.lista-controle-presencas) .panel-head{align-items:flex-start;flex-direction:column;gap:10px}.panel:has(.lista-controle-presencas) .panel-head .ordenacao-lista{align-self:stretch;justify-content:space-between}}
.radio-presenca input{appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0;border:0;border-radius:50%;background:linear-gradient(145deg,#d8e3f1,#eef4fb);box-shadow:inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(71,91,119,.42),0 1px 2px rgba(16,36,71,.18);cursor:pointer}.radio-presenca input:checked{background:radial-gradient(circle at center,#4777b5 0 4px,transparent 4.5px),linear-gradient(145deg,#d8e3f1,#eef4fb);box-shadow:inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(71,91,119,.42),0 1px 2px rgba(16,36,71,.18)}.radio-presenca input:focus-visible{outline:2px solid #78a6e9;outline-offset:2px}.marcas-presenca:disabled .radio-presenca input{cursor:not-allowed}
.radio-presenca input,.radio-presenca input:checked{width:18px;height:18px;flex-basis:18px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f7fb 0,#e0e7f0 52%,#cbd5e2 100%);box-shadow:inset 2px 2px 4px rgba(73,91,116,.28),inset -2px -2px 4px rgba(255,255,255,.82);vertical-align:middle}.radio-presenca input:checked{background:radial-gradient(circle at center,#4777b5 0 4px,transparent 4.5px),radial-gradient(circle at 35% 30%,#f4f7fb 0,#e0e7f0 52%,#cbd5e2 100%);box-shadow:inset 2px 2px 4px rgba(73,91,116,.28),inset -2px -2px 4px rgba(255,255,255,.82)}.radio-presenca input:focus-visible{outline:2px solid #78a6e9;outline-offset:3px}.lista-controle-presencas .linha-controle-presenca{border-top:0}
/* Chamada compacta: menos distância entre participantes e ação Justificar sem esticar a coluna. */
.lista-controle-presencas{gap:4px}.lista-controle-presencas .linha-controle-presenca{padding-top:7px;padding-bottom:7px}.marcas-acoes-presenca>button{width:max-content;min-width:0;justify-self:end;padding:8px 10px}
.lista-controle-presencas .marcas-acoes-presenca>button{min-height:26px;height:26px;padding:2px 10px;font-size:13px;line-height:20px;font-weight:400}.lista-controle-presencas .linha-controle-identidade .status.danger{display:none}
.panel:has(.lista-controle-presencas) .panel-head .ordenacao-lista{width:270px;flex:0 0 270px;justify-content:space-between}
.panel:has(.lista-controle-presencas) .panel-head .ordenacao-lista select{flex:1;width:auto;min-width:0;height:28px;min-height:28px;padding:3px 30px 3px 12px}
@media(max-width:700px){.panel:has(.lista-controle-presencas) .panel-head .ordenacao-lista{width:240px;flex-basis:240px}}
@media(max-width:600px){.panel:has(.lista-controle-presencas) .panel-head .ordenacao-lista{width:min(100%,240px);flex-basis:auto;align-self:flex-end}}
.topbar h1.titulo-portal-professor{font-size:22px;letter-spacing:-.3px}
.titulo-portal-professor .contexto-portal-professor{color:var(--muted);font-weight:400}.titulo-portal-professor .separador-portal-professor{color:var(--muted);font-weight:400}.titulo-portal-professor>span:last-child{color:var(--ink);font-weight:750}
.painel-previsao .previsao-barras button{padding-inline:8px}
.painel-previsao .previsao-barras strong{font-size:17px;color:var(--muted)}
.previsao-totais{display:flex;flex-wrap:wrap;gap:10px 28px;margin:14px 0 6px;font-size:14px;color:var(--muted)}.previsao-totais strong{font-size:24px;line-height:1;color:var(--ink);margin-right:4px}
/* Menu lateral cabe na altura da tela: rolagem própria como garantia e topo compacto em telas baixas. */
.app-shell .sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
.app-shell .sidebar nav,.app-shell .sidebar>.brand,.app-shell .sidebar-footer{flex-shrink:0}
@media(min-width:721px) and (max-height:1000px){.sidebar>.brand{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:0 4px 16px}.sidebar>.brand .brand-logo{width:72px;max-height:72px;padding:4px}.brand strong{font-size:22px}.brand small{font-size:10.5px;line-height:1.25}}
.nav-botao{appearance:none;border:0;background:none;font:inherit;text-align:left;cursor:pointer;width:100%}
.aviso-leitura{margin:0 0 16px;padding:10px 14px;border-radius:9px;background:#eef4fd;color:#174c9b;font-size:13px}.somente-leitura main .novo-trabalho,.somente-leitura main .icon-button,.somente-leitura main form button.primary:not(.manter),.somente-leitura main form .salvar:not(.manter),.somente-leitura main td>button.outline{display:none}
.usuarios-acoes{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.busca-usuarios{width:260px}
.usuarios-page tbody tr:nth-child(odd){background:rgba(238,243,249,.58)}.usuarios-page tbody tr:nth-child(even){background:rgba(220,230,242,.58)}.usuarios-page tbody td{padding-top:8px;padding-bottom:8px;border-bottom-color:rgba(50,80,120,.13)}
.usuarios-page td:last-child{vertical-align:middle}.usuarios-page td:last-child .usuarios-acoes-tabela{gap:7px;min-width:0;flex-wrap:nowrap}.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85;box-shadow:4px 4px 8px rgba(42,52,62,.22),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.16);transform:none}.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button:hover,.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.2);transform:translateY(-1px)}.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button svg{width:16px;height:16px;stroke-width:1.35}
@media(max-width:600px){.usuarios-acoes{justify-content:stretch;margin-top:15px}.busca-usuarios{width:100%}}
.entrar-google{display:grid;justify-items:center;gap:10px;margin:18px 0 8px;padding:20px 16px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(16,36,71,.1)}.entrar-google-titulo{margin:0;font-weight:700;font-size:16px;color:var(--ink)}.entrar-google-botao{width:100%;max-width:400px;min-height:44px;display:flex;justify-content:center}.entrar-google .subtle{margin:0;font-size:12px}.entrar-email{margin:14px 0 4px}.entrar-email>summary{cursor:pointer;text-align:center;color:var(--blue);font-size:14px;font-weight:600;padding:8px 0;list-style:none}.entrar-email>summary::-webkit-details-marker{display:none}.entrar-email[open]>summary{margin-bottom:6px}.acesso-aluno-link{text-align:center;font-size:14px;margin:14px 0 4px}
.escolha-portal{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 6px}.cartao-portal{display:grid;place-items:center;min-height:110px;line-height:1.25;padding:18px;border-radius:14px;text-decoration:none;text-align:center;font-size:18px;font-weight:700;color:var(--ink);background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 26px rgba(16,36,71,.12);transition:transform .15s ease,box-shadow .15s ease}.cartao-portal:hover,.cartao-portal:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,36,71,.18);color:var(--blue)}@media(max-width:480px){.escolha-portal{grid-template-columns:1fr}}
.voltar-portal{margin:4px 0 6px;font-size:14px}.voltar-portal a{text-decoration:none;color:var(--blue);font-weight:600}
.entrar-google{padding:0;background:none;border:0;box-shadow:none;margin:16px 0 4px}.entrar-google-botao{min-height:44px;width:100%;display:flex;justify-content:center}.entrar-google-botao>div{margin:0 auto}
.separador-ou{display:flex;align-items:center;gap:12px;margin:14px 0 4px;color:var(--muted);font-size:13px}.separador-ou::before,.separador-ou::after{content:"";flex:1;height:1px;background:rgba(16,36,71,.15)}
.center-page .brand>span{display:inline-grid;gap:6px}.center-page .brand strong{font-size:52px;line-height:1}.center-page .brand small{width:0;min-width:100%;white-space:nowrap;text-align:justify;text-align-last:justify;font-size:16.5px;line-height:1.2;opacity:.85}@media(max-width:480px){.center-page .brand strong{font-size:38px}.center-page .brand small{font-size:12px}}

/* ===== Celular (até 720px). Tudo aqui fica dentro de @media: o computador não muda. ===== */
.menu-movel{display:none}
@media(max-width:720px){
  .app-shell{overflow-x:clip}
  /* Topo compacto e fixo: marca, botão Menu e Sair na mesma linha; o menu abre em lista. */
  .app-shell .sidebar,.app-shell.ensaio-vidro .sidebar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 12px;height:auto;max-height:100dvh;overflow-y:auto;margin:0;border-radius:0 0 18px 18px}
  .sidebar>.brand{display:flex;align-items:center;gap:10px;padding:0;min-width:0}
  .sidebar>.brand .brand-logo{width:58px;max-height:none;padding:3px;border-radius:10px}
  .sidebar>.brand strong{font-size:20px;line-height:1.1}
  .sidebar>.brand small{font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar>.brand>span{min-width:0}
  .menu-movel{display:inline-flex;align-items:center;gap:8px;grid-column:2;grid-row:1;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.16);color:#fff;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
  .menu-movel-icone{position:relative;display:block;width:16px;height:2px;background:currentColor;border-radius:2px;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
  .sidebar.menu-aberto .menu-movel-icone{background:transparent;box-shadow:none}
  .sidebar.menu-aberto .menu-movel-icone::before,.sidebar.menu-aberto .menu-movel-icone::after{content:"";position:absolute;left:0;top:0;width:16px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg)}
  .sidebar.menu-aberto .menu-movel-icone::after{transform:rotate(-45deg)}
  .sidebar nav{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;gap:4px;overflow:visible;max-width:none;padding:6px 0 8px;font-size:15px}
  .sidebar.menu-aberto nav{display:flex}
  .sidebar nav .nav-link{white-space:normal;padding:11px 14px;flex-shrink:0;font-size:15px;text-align:left}
  .nav-submenu{margin:2px 0 6px 14px;padding:4px 0 4px 22px}
  .nav-submenu .nav-link{font-size:14px;padding:9px 12px}
  .sidebar-footer,.app-shell .sidebar-footer{position:static;grid-column:3;grid-row:1;display:block;margin:0;padding:0;border:0}
  .sidebar-footer::before{display:none}
  .sidebar-footer>span{display:none}
  .sidebar-footer #logout,.sidebar-footer button{width:auto;margin:0;padding:9px 14px;font-size:14px}
  main{padding:20px 14px 28px}
  .topbar h1{font-size:23px;line-height:1.25}
  /* No iPhone, campo com letra menor que 16px faz a página dar zoom ao tocar e ficar "solta". */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
  .center-page>*{min-width:0}
}
.app-shell.ensaio-vidro .sidebar-footer #logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto}
.app-shell.ensaio-vidro .sidebar-footer #logout .logout-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px .4px rgba(255,255,255,.9)) drop-shadow(-1px -1px .5px rgba(112,126,146,.45))}
.cursos-page .table-wrap,body.ensaio-vidro .cursos-page .table-wrap{background:transparent}
.cursos-page tbody tr{background:transparent}
.cursos-page tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}
/* Título e botão da caixa na mesma linha, centralizados; respiro igual antes da tabela. */
.cursos-page>.panel>.panel-head{align-items:center;margin-bottom:16px}.cursos-page>.panel>.panel-head h2{margin:0}

/* Conectores em L para Cursos e Eventos, com o mesmo baixo relevo do Portal. */
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos{--tree-color:var(--shadow-dark);--tree-w:1px;--tree-x:18px;--tree-r:12px;--gap:14px;position:relative;gap:var(--gap);padding-left:var(--tree-x);overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos::before{content:none;display:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-link,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho{position:relative;overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-link::before{content:"";position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:calc(-1 * var(--gap));width:var(--tree-x);height:calc(50% + var(--gap));border:0;border-left:var(--tree-w) solid var(--tree-color);border-bottom:var(--tree-w) solid var(--tree-color);border-bottom-left-radius:var(--tree-r);box-sizing:border-box;background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-link:not(:last-child)::after{content:"";display:block;position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:50%;bottom:0;width:0;height:auto;border:0;border-left:var(--tree-w) solid var(--tree-color);background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho{--tree-x:10px;--tree-w:1px;--tree-r:12px;--gap:14px;gap:var(--gap);margin-left:18px;padding:0 0 0 var(--tree-x);overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho::before{content:"";position:absolute;left:-36px;right:auto;top:calc(-1 * var(--gap));bottom:calc(-1 * var(--gap));width:0;border-left:var(--tree-w) solid var(--tree-color);filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho::after{content:none;display:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho>.nav-link{position:relative;overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho>.nav-link::before{content:"";position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:calc(-1 * var(--gap));width:var(--tree-x);height:calc(50% + var(--gap));border:0;border-left:var(--tree-w) solid var(--tree-color);border-bottom:var(--tree-w) solid var(--tree-color);border-bottom-left-radius:var(--tree-r);box-sizing:border-box;background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho>.nav-link:not(:last-child)::after{content:"";display:block;position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:50%;bottom:0;width:0;height:auto;border:0;border-left:var(--tree-w) solid var(--tree-color);background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
@media(min-resolution:2dppx){.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho{--tree-w:.5px}.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-link::before,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-link::after,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho::before,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho>.nav-link::before,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-cursos>.nav-submenu-filho>.nav-link::after{filter:drop-shadow(.5px .5px 0 var(--shadow-light)) drop-shadow(-.5px -.5px 0 rgba(188,198,212,.35))}}
@media(max-width:640px){
  /* Tabelas viram cartões: cada linha um cartão, cada valor com o nome da coluna. */
  .table-wrap,body.ensaio-vidro .table-wrap{overflow-x:visible;background:transparent;border-radius:0}
  .table-wrap table{min-width:0;margin-top:6px}
  .table-wrap thead:not(:has(button)){display:none}
  .table-wrap thead tr{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px}
  .table-wrap thead th{display:block;padding:4px 0;border:0}
  .table-wrap thead th:empty{display:none}
  .table-wrap tbody,.table-wrap tbody tr,.table-wrap tbody td{display:block;width:100%}
  .table-wrap tbody tr{position:relative;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(16,36,71,.12);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(16,36,71,.08);height:auto}
  .table-wrap tbody td{padding:3px 0;border:0;text-align:left;height:auto;min-width:0;overflow-wrap:anywhere}
  .table-wrap tbody td[data-rotulo]{display:grid;grid-template-columns:minmax(84px,34%) minmax(0,1fr);gap:10px;align-items:baseline}
  .table-wrap tbody td[data-rotulo]::before{content:attr(data-rotulo);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
  .table-wrap tbody td:first-child{display:block;font-size:15px;font-weight:600;padding-bottom:6px}
  .table-wrap tbody td:first-child::before{display:none}
  .table-wrap tbody td:empty{display:none}
  .table-wrap tbody td .button-group,.table-wrap tbody td:last-child:not([data-rotulo]){padding-top:6px}
}
@media(max-width:520px){
  .metrics{grid-template-columns:1fr;gap:8px}
  .metrics .metric-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;text-align:left}
  .metrics .metric-card>*{min-width:0}
  .center-page .brand{gap:12px}
  .center-page .brand .brand-logo{width:92px}
  .center-page .brand strong{font-size:34px}
  .center-page .brand small{font-size:11.5px}
  .login-card,.public-card{padding:22px 16px}
}
@media(max-width:720px){
  /* Dashboard: na lista da chamada o nome e a contagem ficam em cima e a barra embaixo, numa linha só. */
  .dashboard .aluno-presenca-linha{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;padding-top:8px;padding-bottom:8px}
  .dashboard .aluno-presenca-linha>span:first-child{white-space:normal}
  .dashboard .aluno-presenca-linha>.aluno-presenca-blocos{grid-column:1/-1;justify-content:flex-start;--bloco:8px;--vao:3px}
  .dashboard .aluno-presenca-blocos i{height:14px}
  .lista-chamada-painel .panel-head{flex-direction:column;align-items:stretch;gap:10px}
  .lista-chamada-painel .lista-chamada-controles{width:100%}
}
@media(max-width:640px){
  .table-wrap tbody td[data-rotulo]>*{grid-column:2;min-width:0}
  .table-wrap tbody td[data-rotulo="Ações" i],.table-wrap tbody td[data-rotulo="Ação" i],.table-wrap tbody td[data-rotulo="Ações" i]>*{grid-column:1/-1}
  .table-wrap tbody td[data-rotulo="Ações" i],.table-wrap tbody td[data-rotulo="Ação" i]{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
  .table-wrap tbody td[data-rotulo="Ações" i]::before,.table-wrap tbody td[data-rotulo="Ação" i]::before{display:none}
  .table-wrap tbody td button,.table-wrap tbody td .outline,.table-wrap tbody td .primary{margin:0}
}
@media(max-width:420px){.sidebar>.brand small{display:none}}
@media(max-width:640px){
  .table-wrap tbody td[data-rotulo]>*{justify-self:start}
  .table-wrap tbody td{padding:2px 0}
  .aula-detalhes>.section-header>div:first-child{max-width:none}
}
@media(max-width:520px){
  .participantes-page .participantes-resumo{grid-template-columns:1fr}
  .participantes-page .participantes-resumo .metric-card{min-height:0}
}
@media(max-width:600px){
  .cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo{display:grid;gap:6px;white-space:normal}
  .cadastro-evento-form-grid>.dica-ancora>.responsavel-curso-campo select{width:100%}
}
@media(max-width:640px){
  .table-wrap tbody .participacao-detalhe{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 10px;max-width:100%}
  .table-wrap tbody .participation{min-width:0}
}

.estrutura-organizacional>.organizacao-etapa>h2{margin:0 0 10px}
.estrutura-organizacional>.organizacao-etapa>form{max-width:980px}
.estrutura-organizacional>.organizacao-etapa>form:has(.regional-cadastro-grid){max-width:none}
.estrutura-organizacional .lista-cadastro>form{max-width:760px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.estrutura-organizacional .lista-cadastro>form h4{margin:0 0 10px}
.organizacao-page .campos-ccb-grid{grid-template-columns:72px minmax(180px,230px) minmax(240px,1fr);gap:0 12px}
.organizacao-page .organizacao-admin-grid{grid-template-columns:260px minmax(220px,1fr);gap:0 12px}
.organizacao-page .organizacao-cidade-grid{grid-template-columns:260px 72px minmax(220px,1fr);gap:0 12px}
.organizacao-page .organizacao-tipo-grid{grid-template-columns:minmax(170px,210px) minmax(240px,1fr);gap:0 12px}
.organizacao-page .organizacao-funcoes>form>.ajuda-campo{width:204px}
.organizacao-page .organizacao-observacao{position:relative;top:-9px;margin:0 0 8px;color:#718096;font-size:12px;opacity:.78}
.organizacao-page .organizacao-tipos>.lista-cadastro>.ajuda-switch{position:static;top:auto;grid-column:2;grid-row:3;align-self:end;display:flex;align-items:center;gap:4px;height:28px;margin:0 0 6px;padding:0;min-width:max-content}
.organizacao-page .organizacao-tipos>.lista-cadastro>.ajuda-switch .interruptor-linha{height:28px;margin:0;padding:0;font-size:12px;white-space:nowrap}
.organizacao-page .organizacao-instrumento-grid{grid-template-columns:minmax(120px,150px) minmax(170px,1fr);gap:0 12px}
.organizacao-page .campos-ccb-grid>.ajuda-campo>label{min-width:0}
.organizacao-page .grid.two-col>article:first-child>form>.ajuda-campo>label{max-width:320px}
.organizacao-page .organizacao-em-linha{grid-template-columns:minmax(0,1fr) 120px;column-gap:8px;align-items:end}
.organizacao-page .organizacao-em-linha>form{grid-column:1;min-width:0;align-self:end}
.organizacao-page .organizacao-em-linha>.lista-cadastro{grid-column:1/-1;min-width:0}
.organizacao-page .organizacao-em-linha>.lista-cadastro>.ajuda-switch{grid-column:2;justify-self:start;align-self:end}
@media(max-width:1200px){
  .organizacao-page .organizacao-instrumento-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1100px){
  .organizacao-page .campos-ccb-grid{grid-template-columns:72px minmax(200px,1fr)}
  .organizacao-page .campos-ccb-grid>.ajuda-campo:nth-child(3){grid-column:1/-1}
  .organizacao-page .organizacao-cidade-grid{grid-template-columns:minmax(200px,1fr) 72px}
  .organizacao-page .organizacao-cidade-grid>.ajuda-campo:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .organizacao-page .organizacao-tipos>.lista-cadastro>.ajuda-switch{top:0}
  .organizacao-page .campos-ccb-grid,
  .organizacao-page .organizacao-admin-grid,
  .organizacao-page .organizacao-cidade-grid,
  .organizacao-page .organizacao-tipo-grid{grid-template-columns:minmax(0,1fr)}
  .organizacao-page .campos-ccb-grid>.ajuda-campo:nth-child(3),
  .organizacao-page .organizacao-cidade-grid>.ajuda-campo:last-child{grid-column:auto}
}
.estrutura-organizacional{container-type:inline-size}
.organizacao-page .regional-cadastro-grid{grid-template-columns:72px minmax(160px,1fr) minmax(220px,1.2fr) auto auto;gap:0 8px}
.organizacao-page .regional-cadastro-grid>.ajuda-campo:nth-child(1){grid-column:1;grid-row:1;max-width:72px}
.organizacao-page .regional-cadastro-grid>.ajuda-campo:nth-child(2){grid-column:2;grid-row:1}
.organizacao-page .regional-cidades-campo{grid-column:3;grid-row:1;position:relative;min-width:0}
.organizacao-page .regional-cadastro-grid>.ajuda-campo>label,
.organizacao-page .regional-cidades-campo>label{gap:3px;margin:6px 0;font-size:12px}
.organizacao-page .ajuda-campo{position:relative;min-width:0}
.organizacao-page .ajuda-campo-titulo{display:inline-flex;align-items:flex-end;gap:0;width:max-content;max-width:100%}
.organizacao-page .regional-cadastro-grid input,
.organizacao-page .regional-cadastro-grid select{height:28px;padding:3px 9px;font-size:12px;line-height:20px}
.organizacao-page .ajuda-campo input:not([type="hidden"]),
.organizacao-page .ajuda-campo select{height:30px;padding:4px 9px;font-size:12px;line-height:20px;box-shadow:0 3px 8px rgba(16,36,71,.14)}
.organizacao-page .ajuda-campo input:not([type="hidden"]):focus,
.organizacao-page .ajuda-campo select:focus{box-shadow:0 0 0 2px rgba(120,166,233,.24),0 3px 8px rgba(16,36,71,.14)}
.organizacao-page .regional-acoes{display:contents}
.organizacao-page .regional-acoes>.primary{grid-column:4;grid-row:1;align-self:end;height:28px;margin-bottom:6px;padding:3px 10px!important;font-size:12px;line-height:20px;white-space:nowrap}
.organizacao-page .regional-acoes>.ajuda-switch{grid-column:5;grid-row:1;align-self:end;display:flex;align-items:center;gap:4px;margin-bottom:6px;padding:0;min-width:max-content}
.organizacao-page .regional-acoes>.ajuda-switch .interruptor-linha{height:28px;margin:0;padding:0;font-size:12px;white-space:nowrap}
@container (max-width:750px){
  .organizacao-page .regional-cadastro-grid{grid-template-columns:72px minmax(0,1fr)}
  .organizacao-page .regional-cadastro-grid>.ajuda-campo:nth-child(2){grid-column:2;grid-row:1}
  .organizacao-page .regional-cidades-campo{grid-column:1/-1;grid-row:2;max-width:460px}
  .organizacao-page .regional-acoes{grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .organizacao-page .regional-acoes>.primary,
  .organizacao-page .regional-acoes>.ajuda-switch{grid-column:auto;grid-row:auto;align-self:auto;margin-bottom:0}
}
@container (max-width:480px){
  .organizacao-page .regional-cadastro-grid{grid-template-columns:minmax(0,1fr)}
  .organizacao-page .regional-cadastro-grid>.ajuda-campo:nth-child(1){grid-column:1;grid-row:1}
  .organizacao-page .regional-cadastro-grid>.ajuda-campo:nth-child(2){grid-column:1;grid-row:2}
  .organizacao-page .regional-cidades-campo{grid-column:1;grid-row:3;max-width:none}
  .organizacao-page .regional-acoes{grid-column:1;grid-row:4}
}
.organizacao-page .organizacao-etapa .form-message:empty{display:none}
.organizacao-page .organizacao-em-linha{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:end}
.organizacao-page .organizacao-em-linha>h2,
.organizacao-page .organizacao-em-linha>h3,
.organizacao-page .organizacao-em-linha>p{grid-column:1/-1}
.organizacao-page .organizacao-em-linha>form{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:end;min-width:0;max-width:none}
.organizacao-page .organizacao-em-linha>form>:is(.form-grid,.ajuda-campo){grid-column:1;grid-row:1;min-width:0}
.organizacao-page .organizacao-em-linha>form>button.primary{grid-column:2;grid-row:1;align-self:end;height:28px;margin:0 0 6px;padding:3px 10px!important;font-size:12px;line-height:20px;white-space:nowrap}
.organizacao-page .organizacao-em-linha>form>.note{grid-column:1/-1;grid-row:2;margin-top:12px}
.organizacao-page .organizacao-em-linha>form>.form-message{grid-column:1/-1;grid-row:3}
.organizacao-page .organizacao-em-linha>.lista-cadastro{display:contents}
.organizacao-page .organizacao-em-linha>.lista-cadastro>.ajuda-switch{grid-column:2;align-self:end;display:flex;align-items:center;gap:4px;height:28px;margin:0 0 6px;padding:0;min-width:max-content}
.organizacao-page .organizacao-em-linha>.lista-cadastro>.ajuda-switch .interruptor-linha{height:28px;margin:0;padding:0;font-size:12px;white-space:nowrap}
.organizacao-page .organizacao-tipos>.lista-cadastro>.ajuda-switch{grid-column:2;grid-row:3;align-self:end;height:28px;margin:0 0 6px}
.organizacao-page .organizacao-em-linha>.lista-cadastro>:not(.interruptor-linha):not(.ajuda-switch){grid-column:1/-1;min-width:0}
/* Cadastros Diversos: a faixa de ações acompanha a linha dos campos. */
@media(min-width:1051px){
  .organizacao-page .organizacao-tipos{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px}
  .organizacao-page .organizacao-tipos>form{display:contents}
  .organizacao-page .organizacao-tipos>form>.organizacao-tipo-grid{grid-column:1;grid-row:3}
  .organizacao-page .organizacao-tipos>form>button.primary{grid-column:2;grid-row:3;margin-bottom:12px}
  .organizacao-page .organizacao-tipos>.lista-cadastro>.ajuda-switch{grid-column:3;grid-row:3;margin-bottom:12px}
  .organizacao-page .organizacao-tipos>form>.note{grid-column:1/-1;grid-row:4}
  .organizacao-page .organizacao-tipos>form>.form-message{grid-column:1/-1;grid-row:5}
  .organizacao-page :is(.organizacao-funcoes,.organizacao-instrumentos)>form{grid-row:2}
  .organizacao-page :is(.organizacao-funcoes,.organizacao-instrumentos)>form>button.primary{margin-bottom:12px}
  .organizacao-page :is(.organizacao-funcoes,.organizacao-instrumentos)>.lista-cadastro>.ajuda-switch{grid-row:2;margin-bottom:24px}
}
@media(max-width:1050px){
  .organizacao-page .organizacao-em-linha{grid-template-columns:minmax(0,1fr)}
  .organizacao-page .organizacao-em-linha>.lista-cadastro>.ajuda-switch{grid-column:1;margin-top:10px}
  .organizacao-page .organizacao-tipos>.lista-cadastro>.ajuda-switch{grid-column:1;grid-row:auto}
}
@media(max-width:720px){
  .organizacao-page .organizacao-em-linha>form{grid-template-columns:minmax(0,1fr)}
  .organizacao-page .organizacao-em-linha>form>button.primary{grid-column:1;grid-row:2;justify-self:start;margin-top:8px}
  .organizacao-page .organizacao-em-linha>form>.note{grid-row:3}
  .organizacao-page .organizacao-em-linha>form>.form-message{grid-row:4}
}
/* Dashboard, Alunos da chamada: nome | presenças/aulas | barra de uma linha só (proporcional, ver src/lib/blocos-presenca.ts). */
.dashboard .aluno-presenca-linha{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,45%);align-items:center;column-gap:12px}
.dashboard .aluno-presenca-total{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.85;text-align:center}
.dashboard .aluno-presenca-linha>.aluno-presenca-blocos{--bloco:10px;--vao:4px;width:100%;min-width:0;flex-wrap:nowrap;overflow:hidden;justify-content:flex-end;gap:var(--vao)}
.dashboard .aluno-presenca-linha>.aluno-presenca-blocos i{width:var(--bloco)}
@media(max-width:720px){
  .dashboard .aluno-presenca-linha{grid-template-columns:minmax(0,1fr) 70px}
  .dashboard .aluno-presenca-linha>.aluno-presenca-blocos{grid-column:1/-1;justify-content:flex-start;--bloco:8px;--vao:3px}
  .dashboard .aluno-presenca-cabecalho{grid-template-columns:minmax(0,1fr) 70px}
  .dashboard .aluno-presenca-cabecalho span:nth-child(3){grid-column:1/-1;text-align:left}
}

/* Desempenho da rolagem: o vidro desfocado (backdrop-filter) nos bloquinhos de 8-10px não aparece ao olho,
   mas obriga o navegador a redesenhar cada um a cada quadro; com ~1000 deles o celular dava trancos. */
.aluno-presenca-blocos i,.tiles i,.barra-blocos i,.tile-stack i,.bloco-presenca i,.previsao-barras i,.chart-column i{backdrop-filter:none;-webkit-backdrop-filter:none}
.dashboard .aluno-presenca-blocos i,.dashboard .aluno-presenca-blocos i.presente,.dashboard .aluno-presenca-blocos i.ausente,.dashboard .aluno-presenca-blocos i.pendente{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:720px){
  /* No celular, sem vidro desfocado em nada: os cartões já são 94% brancos e o topo ganha cor sólida equivalente. */
  *,*::before,*::after,dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .app-shell .sidebar,.app-shell.ensaio-vidro .sidebar{background:linear-gradient(180deg,#5f85be,#4a6796)}
}
@media(max-width:600px){
  /* Janela de lista do Dashboard: título em cima, "Ordenar por" embaixo; cada pessoa em duas linhas compactas. */
  .lista-dialogo-cabecalho{flex-direction:column;align-items:stretch;gap:10px}
  .lista-dialogo-cabecalho h2{font-size:19px;line-height:1.3}
  .lista-dialogo-cabecalho h2>span{display:block}
  .lista-dialogo-cabecalho .ordenacao-dialogo{display:flex;align-items:center;gap:8px;margin-right:-42px}
  .lista-dialogo-cabecalho~.detail-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 8px;align-items:center;padding:8px 0}
  .lista-dialogo-cabecalho~.detail-row>.lista-indice{grid-row:1/3;align-self:start;margin:0}
  .lista-dialogo-cabecalho~.detail-row>div{grid-column:2;min-width:0;margin:0}
  .lista-dialogo-cabecalho~.detail-row>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}
}
.dashboard-aula-hoje{display:flex;justify-content:flex-end;margin-bottom:16px}.dashboard-aula-hoje>.outline{min-width:160px;margin:0}.dashboard-aula-hoje>button:disabled{cursor:not-allowed}
.filtros-dashboard.filtros-com-curso .campo-curso,.filtros-dashboard.filtros-com-curso .campo-aula{grid-column:span 3}
@media(max-width:720px){.filtros-dashboard.filtros-com-curso .campo-curso,.filtros-dashboard.filtros-com-curso .campo-aula{grid-column:1/-1}}
.painel-previsao .previsao-barras{gap:7px;margin:4px 0 0;padding-top:0}.previsao-barras button.previsao-item{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding-block:4px}.previsao-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.previsao-linha .previsao-contagem{flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}.previsao-rotulo{display:block;text-align:center;color:var(--muted);font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.previsao-totais{justify-content:space-between;margin:10px 0 0}
@media(max-width:600px){.legenda-faixa.legenda-faixas-aulas{flex-direction:column;flex-wrap:nowrap;gap:6px}}
/* Dashboard, Alunos da chamada: busca à esquerda e ordenação à direita, com "Ordenar por" centralizado em cima da caixa. */
.lista-chamada-painel .panel-head{flex-direction:column;align-items:stretch;gap:10px}
.lista-chamada-painel .lista-chamada-controles{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:12px}
.lista-chamada-painel .busca-lista-chamada{flex:0 1 320px;min-width:0;width:auto}
.lista-chamada-painel .lista-chamada-controles>.ordenacao-lista{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;flex:0 0 auto;width:auto}
.dashboard .painel-previsao .previsao-linha .barra-blocos{flex:1 1 auto!important;width:auto!important;min-width:0;gap:4px}.dashboard .painel-previsao .previsao-linha .barra-blocos i{flex:1 1 0!important;width:auto!important;min-width:0;max-width:10px}
@media(max-width:600px){.dashboard .painel-previsao .previsao-linha .barra-blocos{gap:3px}}
.dashboard .painel-previsao .previsao-linha .previsao-contagem{min-width:3.2em;text-align:right}
footer.rodape-app{display:flex;flex-direction:column;gap:2px;line-height:1.3}.rodape-app strong{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.2px}.rodape-app span{font-size:12px}.rodape-app small{font-size:10px;opacity:.85;font-variant-numeric:tabular-nums}
/* Gráfico "Aulas deste curso": o ano acompanha a parte visível da rolagem (centralizado quando o ano inteiro aparece). */
.anos-grafico .ano-rotulo{position:sticky;left:12px;right:12px;font-weight:inherit;white-space:nowrap}
.mostrar-mais{margin:6px 0 10px}
/* Gráfico "Aulas deste curso": o ano acompanha a parte visível da rolagem (centralizado quando o ano inteiro aparece). */
.anos-grafico .ano-rotulo{position:sticky;left:12px;right:12px;font-weight:inherit;white-space:nowrap}
.mostrar-mais{margin:6px 0 10px}
/* Balão montado (gráfico de aulas): título, número e faixa, um por linha. */
.dica-balao.dica-balao-montado{display:grid;gap:3px;padding:8px 11px;border-radius:10px;font-size:12px;line-height:1.3;max-width:220px}
.dica-balao-montado strong{font-size:12.5px;font-weight:700}
.dica-balao-montado .dica-numero{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.dica-balao-montado .dica-faixa{display:flex;align-items:center;gap:6px;color:#4a5a72}
.dica-balao-montado .dica-faixa i{flex:0 0 auto;width:9px;height:9px;border-radius:50%}
.dica-balao-montado i.faixa-alta{background:#1f9d6a}.dica-balao-montado i.faixa-media{background:#8fb42a}.dica-balao-montado i.faixa-baixa{background:#e08a1e}.dica-balao-montado i.faixa-critica{background:#d74444}.dica-balao-montado i.faixa-neutra{background:#8aa0bd}
.filtros-aulas.filtros-aulas-empilhados{grid-template-columns:minmax(0,1fr)}.grupo-curso-evento{display:grid;gap:6px;min-width:0}.grupo-curso-evento .titulo-grupo-curso{display:block;margin:0;text-align:center;font-size:13px;font-weight:650}.linha-curso-evento{display:flex;gap:8px;align-items:stretch;min-width:0}.linha-curso-evento>select{flex:1 1 60%;min-width:0}.linha-curso-evento>button{flex:0 0 calc(20% - 6px);margin:0;padding:8px;display:flex;align-items:center;justify-content:center}.linha-curso-evento>.botao-novo-curso{font-size:22px;line-height:1;font-weight:700}.linha-curso-evento svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.linha-curso-evento>button:disabled{cursor:not-allowed}
.cadastro-curso-evento .filtros-aulas.filtros-aulas-empilhados{grid-template-columns:minmax(240px,420px) minmax(280px,440px) auto;justify-content:start;align-items:end}
.cadastro-curso-evento .filtros-aulas .titulo-grupo-curso{text-align:left}.rotulo-com-ajuda{display:inline-flex;align-items:center;gap:5px}.cadastro-curso-evento .botao-ajuda{width:16px!important;height:16px!important;padding:0!important;border:1px solid #8caede!important;border-radius:50%!important;background:#eaf2ff!important;color:var(--blue)!important;box-shadow:none!important;text-shadow:none!important}.cadastro-curso-evento .botao-ajuda:hover,.cadastro-curso-evento .botao-ajuda:focus-visible{background:#d7e6fc!important;color:var(--blue)!important;box-shadow:none!important;text-shadow:none!important}
.cadastro-curso-evento .filtros-aulas .aula-seletor{display:flex;margin:0;align-items:end}
.cadastro-curso-evento .filtros-aulas .aula-seletor{position:relative}
.cadastro-curso-evento .filtros-aulas .orientacao-nova-aula{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:max-content;max-width:min(340px,calc(100vw - 40px));margin:0;padding:8px 10px;border:1px solid #8caede;border-radius:8px;background:#eaf2ff;color:#263b5d;font-size:12px;line-height:1.4;box-shadow:0 4px 12px rgba(16,36,71,.12)}
@media(max-width:700px){.cadastro-curso-evento .filtros-aulas.filtros-aulas-empilhados{grid-template-columns:minmax(0,1fr)}}
.acima-lista-presencas{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:6px 0 12px}.acima-lista-presencas>button{flex:0 1 auto;max-width:100%;height:34px;margin:0;padding:5px 16px!important;white-space:nowrap}.acima-lista-presencas .ordenacao-lista.ordenacao-empilhada{flex-direction:column;align-items:stretch;gap:4px;flex:0 1 220px;width:220px;min-width:0;max-width:100%;margin:0}.acima-lista-presencas .ordenacao-empilhada select{width:100%;min-width:0;min-height:34px;height:34px;padding:5px 30px 5px 14px}
.busca-lista-presencas input{width:100%;min-width:0;min-height:34px;height:34px;margin:0;padding:5px 14px;font-size:13px;border-radius:20px}
.cadastro-curso-evento .linha-curso-evento>.botao-novo-curso{font-size:24px!important;font-weight:700;line-height:1}.filtros-aulas.filtros-aulas-empilhados .select-class{max-width:none}
/* Atividades: chave de marcação, botões do QR por igual, "Ordenar por" e lápis no cartão da aula. */
.interruptor-linha[aria-checked="true"] .interruptor span{transform:translate(18px,-50%)}
.qr-panel .marcacao-aula{align-items:center;margin:12px 0 4px}.qr-panel .marcacao-aula .interruptor-linha{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0;margin:0;width:auto}
.qr-panel .qr-link{margin:14px 0 0}.qr-panel .qr-link .link-field{margin:6px 0 0}
.qr-acoes{display:flex;gap:8px;margin:10px 0 0}.qr-panel .qr-acoes>*{flex:1 1 0;min-width:0;min-height:44px;margin:0;padding:8px 6px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.2}
.qr-acoes.class-actions{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.qr-panel.qr-panel-horizontal{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:32px;align-items:center;text-align:left;padding:28px}
.qr-panel-horizontal .qr-visual{display:flex;justify-content:center;align-items:center;min-width:0}
.qr-panel.qr-panel-horizontal canvas{width:min(100%,280px);height:auto;margin:0}
.app-shell.ensaio-vidro .qr-panel.qr-panel-horizontal{gap:26px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(218,231,249,.38));border:1px solid rgba(255,255,255,.82);border-radius:16px;box-shadow:0 8px 20px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.app-shell.ensaio-vidro .qr-panel.qr-panel-horizontal .qr-visual{padding:12px;border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(16,36,71,.1),inset 0 1px 0 #fff}
.app-shell.ensaio-vidro .qr-panel.qr-panel-horizontal canvas{width:min(100%,260px);border-radius:8px;box-shadow:none}
.app-shell.ensaio-vidro .qr-panel.qr-panel-horizontal .outline{box-shadow:0 4px 10px rgba(23,76,155,.1),inset 0 1px 0 rgba(255,255,255,.88);text-shadow:none}
.app-shell.ensaio-vidro .qr-panel.qr-panel-horizontal .outline:hover{box-shadow:0 5px 12px rgba(23,76,155,.14),inset 0 1px 0 #fff}
.qr-panel-horizontal .qr-conteudo{min-width:0}
.qr-panel-horizontal .qr-identificacao{display:block;font-size:20px;line-height:1.3}
.qr-panel-horizontal .qr-conteudo>.subtle{margin:4px 0 12px}
.qr-panel-horizontal .qr-conteudo>.note{margin:12px 0}
.qr-panel.qr-panel-horizontal .marcacao-aula{align-items:flex-start}
.qr-panel-horizontal .qr-coluna{display:grid;gap:10px;min-width:0}.qr-panel.qr-panel-horizontal .qr-coluna .marcacao-aula{align-items:center;margin:0}.qr-panel-horizontal .qr-coluna .marcacao-aula>.subtle{text-align:center}@media(max-width:720px){.qr-panel.qr-panel-horizontal .qr-coluna .interruptor-linha{min-height:44px}}
.qr-panel-horizontal .qr-link{min-width:0}
@media(max-width:720px){.qr-panel.qr-panel-horizontal{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}.qr-panel.qr-panel-horizontal canvas{width:min(100%,245px)}}
.cursos-eventos-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.cursos-eventos-cabecalho h2{margin:0;min-width:0}.cursos-eventos-cabecalho .ordenacao-lista.ordenacao-empilhada{flex-direction:column;align-items:stretch;gap:4px;margin:0;flex:0 0 40%;max-width:240px}.cursos-eventos-cabecalho .ordenacao-empilhada select{width:100%;min-width:0}
.cursos-eventos-panel .lista-aulas-sem-curso td{padding:22px 12px;border-bottom:0;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:640px){.cursos-eventos-panel .table-wrap tbody td[data-rotulo="Ações" i]{position:absolute;top:8px;right:10px;width:auto;padding:0}.cursos-eventos-panel .table-wrap tbody td:first-child{padding-right:48px}}
@media(max-width:640px){.cursos-eventos-panel .table-wrap tbody tr.linha-selecionada{background:rgba(215,230,252,.9);border-color:#8caede;box-shadow:inset 4px 0 0 var(--blue),0 4px 12px rgba(16,36,71,.08)}.cursos-eventos-panel .table-wrap tbody tr.linha-selecionada td{background:transparent;box-shadow:none}.qr-panel .qr-acoes>*{font-size:13px}}
.qr-panel .qr-acoes>*{padding-left:6px!important;padding-right:6px!important}
.cursos-eventos-cabecalho h2{display:flex;align-items:center;min-height:36px;line-height:1.2}
.marcacao-aula .interruptor-linha[aria-checked="true"] .interruptor{background:linear-gradient(180deg,#2f6fd0,#174c9b);border-color:#123e80;box-shadow:inset 0 1px 2px rgba(0,0,0,.18),0 2px 6px rgba(23,76,155,.3)}.marcacao-aula .interruptor-linha[aria-checked="true"] .interruptor span{background:#fff}
.organizacao-page .interruptor-linha[aria-checked="true"] .interruptor{background:linear-gradient(180deg,#2f6fd0,#174c9b);border-color:#123e80;box-shadow:inset 0 1px 2px rgba(0,0,0,.18),0 2px 6px rgba(23,76,155,.3)}.organizacao-page .interruptor-linha[aria-checked="true"] .interruptor span{background:#fff!important}.organizacao-page .interruptor-linha-compacto[aria-checked="true"] .interruptor::after{color:#fff}
.organizacao-page .estrutura-organizacional .interruptor-linha[aria-checked="true"] .interruptor{background:linear-gradient(180deg,#dceaff,#cbdcf3);border-color:#8caede;box-shadow:inset 1px 1px 2px rgba(255,255,255,.9),inset -1px -1px 2px rgba(80,110,150,.2),0 2px 5px rgba(23,76,155,.16)}
.organizacao-page .estrutura-organizacional .interruptor-linha[aria-checked="true"] .interruptor span{background:#f5f9ff!important}
.organizacao-page .estrutura-organizacional .interruptor-linha-compacto[aria-checked="true"] .interruptor::after{color:#44546b}
.espelho-materiais{display:grid;gap:6px;max-height:240px;overflow-y:auto}
.portal-espelho{margin:8px 0}.portal-espelho p{margin:4px 0}.portal-espelho a{overflow-wrap:anywhere}
.envio-gravar{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;cursor:pointer;text-align:center}
.portal-avaliacao form button.primary{display:block;width:100%;margin-top:10px;background:var(--blue);color:#fff}
.envio-escolhido{margin:8px 0;overflow-wrap:anywhere}
.envio-progresso{margin:10px 0}.envio-progresso progress{display:block;width:100%;height:16px;margin-bottom:6px}.envio-progresso p{margin:6px 0 0;font-weight:600}
.envio-concluido{font-size:1.1em;font-weight:700}
.correcao-abas{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}
.correcao-abas button{min-height:42px;margin:0;padding:9px 16px;border:1px solid #9bb9e3;border-radius:999px;background:linear-gradient(145deg,#eef5ff,#d9e7f8);box-shadow:4px 5px 10px rgba(42,67,103,.18),inset 1px 1px 2px rgba(255,255,255,.92),inset -1px -1px 2px rgba(86,119,151,.2);color:#263b5d;font-size:14px;font-weight:650;line-height:1.2;text-shadow:1px 1px 1px rgba(255,255,255,.7);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.correcao-abas button:hover{background:linear-gradient(145deg,#f5f9ff,#d0e1f7);box-shadow:5px 6px 12px rgba(42,67,103,.22),inset 1px 1px 2px rgba(255,255,255,.96),inset -1px -1px 2px rgba(86,119,151,.22);transform:translateY(-1px)}
.correcao-abas button:focus-visible{outline:3px solid #78a6e9;outline-offset:3px}
.correcao-abas button[aria-pressed=true],.correcao-abas button[aria-pressed=true]:hover,.correcao-abas button[aria-pressed=true]:focus{border-color:#8ca6c7;background:linear-gradient(145deg,#d6e3f2,#bdcfe4);box-shadow:inset 1px 1px 3px rgba(70,94,125,.2),inset -1px -1px 2px rgba(255,255,255,.65),0 2px 5px rgba(42,67,103,.12);color:#263b5d;text-shadow:1px 1px 1px rgba(255,255,255,.65);transform:translateY(0)}
.correcao-caixa{display:flex;flex-direction:column;gap:10px;min-width:0}.correcao-caixa h2,.correcao-caixa p{margin:0}
.correcao-video{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}.correcao-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.correcao-resposta{white-space:pre-wrap;overflow-wrap:anywhere}
.correcao-espelho p{margin:4px 0 0}.correcao-espelho a{overflow-wrap:anywhere}
.correcao-decisao{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.correcao-decisao button{min-height:48px;font-weight:700;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.correcao-aprovar.marcado{background:var(--green);border-color:var(--green);color:#fff}.correcao-reprovar.marcado{background:var(--red);border-color:var(--red);color:#fff}.correcao-refazer.marcado{background:#b26a00;border-color:#b26a00;color:#fff}
/* Campo cujo texto vai ao aluno: vermelho, para o professor não confundir com a anotação interna. */
.campo-para-aluno{padding:10px 12px;border:2px solid #c62828;border-radius:12px;background:#fdecea;color:#b3261e;font-weight:700}.campo-para-aluno small{display:block;font-weight:600;color:#b3261e}.campo-para-aluno textarea,.campo-para-aluno input{border-color:#c62828;color:var(--ink);font-weight:400}
.campo-interno{padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:#f4f6f9}.campo-interno small{display:block;color:#5b6b80}
.recado-correcao{display:block;color:#b3261e;font-weight:600}.texto-recado{white-space:pre-wrap;margin:4px 0 0;font-weight:400;color:var(--ink)}
div.campo-para-aluno,div.campo-interno{margin:12px 0;font-size:13px}
.recados-aluno{margin:14px 0}.recados-aluno textarea,.campo-para-aluno textarea,.campo-interno textarea{font:inherit;font-weight:400}.recados-aluno label{margin:10px 0}.recados-acoes{display:flex;align-items:center;gap:12px}
.recado-professor{border:2px solid #c62828;background:#fdecea;color:#7f1d1d;border-radius:14px;padding:12px 16px}.recado-professor strong{display:block;color:#b3261e}.recado-professor p{white-space:pre-wrap;margin:4px 0 0}
.correcao-acoes{display:grid;grid-template-columns:2fr 1fr;gap:8px}
@media(max-width:480px){.correcao-abas button{flex:1 1 45%}}
dialog:has(.correcao-caixa){background:#fff;backdrop-filter:none}
.materiais-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.materiais-acoes button{min-height:40px}
.material-lista{display:grid;gap:8px}
.material-topico{min-width:0;padding:0;border:1px solid rgba(50,80,120,.2);border-radius:14px;background:rgba(235,241,249,.75);box-shadow:0 2px 6px rgba(16,36,71,.07)}.material-topico>summary{cursor:pointer;font-weight:400;padding:9px 14px;line-height:1.25;overflow-wrap:anywhere}
.material-lista>.material-topico:nth-child(odd){background:rgba(238,243,249,.82)}
.material-lista>.material-topico:nth-child(even){background:rgba(220,230,242,.82)}
.material-topico-corpo{display:grid;gap:14px;padding:2px 14px 14px}.material-topico-corpo>.materiais-acoes{margin-bottom:0}.material-topico-corpo>.empty{margin:0}
.material-item{min-width:0;padding:16px;border:1px solid rgba(50,80,120,.18);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,36,71,.08)}.material-item h3{margin:0 0 2px;font-size:16px;overflow-wrap:anywhere}
.material-cabeca{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.material-cabeca>div{min-width:0}.material-cabeca small{display:block}.material-cabeca .icon-button{flex:none}
.material-cabeca-acoes{display:flex;gap:6px;flex:none}
.material-anexos{margin-top:12px;padding-top:12px;border-top:1px solid rgba(50,80,120,.14)}.material-anexos>:first-child{margin-top:0}.material-anexos>:last-child{margin-bottom:0}
.material-form{display:grid;gap:12px;min-width:0}.material-form label{min-width:0}.material-form textarea{width:100%}
.material-form-anexos{min-width:0;margin:0;padding:12px;border:1px solid rgba(50,80,120,.2);border-radius:12px}.material-form-anexos legend{font-weight:700;padding:0 6px}.material-form-anexos>small{display:block;margin-top:8px}
.material-form-anexo{display:grid;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(50,80,120,.14)}.material-form-anexo p{margin:0;overflow-wrap:anywhere}.material-form-anexo>button{justify-self:start}
.material-form-mais{display:flex;flex-wrap:wrap;gap:8px}.material-form-arquivo{display:inline-flex;align-items:center;margin:0;cursor:pointer}
@media(max-width:480px){.material-item{padding:12px}.material-topico-corpo{padding:2px 8px 8px}.material-form-mais>*{flex:1 1 100%;justify-content:center}}
.material-texto{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.material-link{margin:6px 0;overflow-wrap:anywhere}.material-indisponivel{margin:6px 0;color:#6b7686}
.material-anexo-video{margin:8px 0}.material-anexo-video button{min-height:44px}.material-anexo-video .correcao-video{max-width:640px}.material-anexo-video .correcao-video+button{margin-top:10px}
.material-comentarios{margin-top:8px}.material-comentarios>summary{cursor:pointer}.material-comentarios>div{margin-top:8px}
.portal-materiais{margin-top:18px}
.app-shell.ensaio-vidro dialog:has(.material-form){background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
body .resultados-page :is(label,button,input,select,textarea,th,strong,h2,h3,summary,.status){font-weight:400}
.resultados-page .table-wrap tbody td[data-rotulo]::before{font-weight:400}
/* ===== Revisão: layout (grupo B). As regras do computador ficam em min-width para não mudar o celular. ===== */
@media(min-width:721px){.acima-lista-presencas{justify-content:flex-start}.acima-lista-presencas>button{flex:0 0 auto;white-space:nowrap}.acima-lista-presencas .ordenacao-lista.ordenacao-empilhada{flex:0 0 220px;margin:0}}
.form-grid.campos-data-hora{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
@media(max-width:600px){.form-grid.campos-data-hora{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid.campos-data-hora>.dica-ancora:first-child>label{grid-column:1/-1}}
.provas-cabecalho{display:grid;gap:10px;margin-bottom:18px}.provas-botoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.provas-botoes button{width:100%;margin:0}
@media(max-width:720px){.provas-botoes{grid-template-columns:minmax(0,1fr)}}
.cadastro-evento-form-grid.curso-edicao-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 15px;align-items:end}
.curso-edicao-grid>.dica-ancora>label,.curso-edicao-grid>label,.curso-edicao-grid>.forma-participacao-campo{grid-column:auto!important;min-width:0}
.curso-edicao-grid>.dica-ancora>.responsavel-curso-campo,.curso-edicao-grid>.dica-ancora>.desistencia-curso-campo,.curso-edicao-grid>.dica-ancora>.professores-curso-campo{grid-column:1/-1!important;display:grid;gap:6px;margin:0;white-space:normal;min-width:0}
@media(max-width:600px){.cadastro-evento-form-grid.curso-edicao-grid{grid-template-columns:minmax(0,1fr)}}
.aluno-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 15px}.aluno-form-grid .cadastro-contato-grid{display:contents}.aluno-form-grid>.aluno-cursos-vinculos{grid-column:1/-1;max-width:none}.aluno-form-grid textarea{width:100%;min-height:96px}
@media(min-width:721px){.aluno-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.aluno-form-grid label:has([name=observacao]),.aluno-form-grid label:has([name=mensagem_aluno]){grid-column:1/-1}.aluno-form-grid label:has([name=name]),.aluno-form-grid label:has([name=endereco]){grid-column:span 8}.aluno-form-grid label:has([name=tipo_pessoa]),.aluno-form-grid label:has([name=bairro]),.aluno-form-grid label:has([name=city]){grid-column:span 4}.aluno-form-grid label:has([name=state]),.aluno-form-grid label:has([name=cpf]),.aluno-form-grid label:has([name=phone]),.aluno-form-grid label:has([name=birth]),.aluno-form-grid label:has([name=batismo]),.aluno-form-grid label:has([name=profile]),.aluno-form-grid label:has([name=ficha_assinada]){grid-column:span 3}.aluno-form-grid label:has([name=house]){grid-column:span 5}.aluno-form-grid label:has([name=email]),.aluno-form-grid label:has([name=funcao_id]),.aluno-form-grid label:has([name=instrumento_id]){grid-column:span 6}}
.aluno-cursos-vinculos .aluno-curso-vinculo{grid-template-columns:minmax(0,1fr) 160px auto 34px;align-items:end}.aluno-curso-vinculo>.aluno-curso-nome{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;align-self:center;min-width:0}.aluno-curso-vinculo>.icon-button{align-self:end;margin:0 0 5px}.aluno-curso-vinculo .aluno-curso-nome strong{white-space:normal;overflow:visible;overflow-wrap:anywhere}.aluno-curso-vinculo>button.outline{grid-column:3;margin:0;padding:8px 14px;white-space:nowrap}.aluno-curso-vinculo>.icon-button{grid-column:4}.aluno-cursos-vinculos .aluno-curso-vinculo.desistente{grid-template-columns:minmax(0,1fr) auto}.aluno-curso-vinculo.desistente>button.outline{grid-column:2}
@media(max-width:720px){.aluno-cursos-vinculos .aluno-curso-vinculo{grid-template-columns:minmax(0,1fr) auto 36px;gap:10px}.aluno-curso-vinculo>.aluno-curso-nome{grid-column:1/3;grid-row:1}.aluno-curso-vinculo>.icon-button{grid-column:3;grid-row:1}.aluno-cursos-vinculos .aluno-curso-vinculo>label:not(.check){grid-column:1;grid-row:2}.aluno-curso-vinculo>button.outline{grid-column:2/4;grid-row:2;align-self:end}.aluno-cursos-vinculos .aluno-curso-vinculo.desistente{grid-template-columns:minmax(0,1fr)}.aluno-curso-vinculo.desistente>.aluno-curso-nome,.aluno-curso-vinculo.desistente>button.outline{grid-column:1;grid-row:auto}}
@media(max-width:720px){.app-shell.ensaio-vidro dialog[open]:not(:has(.material-form,.correcao-caixa)){background:#f4f7fb}}

/* Ensaio do menu inspirado na referência: plano-base e cartões em alto-relevo macio. */
.app-shell.ensaio-vidro .sidebar{--menu-base:#e1e8f0;--menu-surface:linear-gradient(145deg,#e3eaf3 0%,#dfe7f1 58%,#d9e3ed 100%);--menu-surface-active:linear-gradient(145deg,#dfe7f1 0%,#dbe4ee 58%,#d6e0eb 100%);--menu-depth-surface:linear-gradient(145deg,#eef3f8 0%,#dce5ef 48%,#cbd6e2 100%);--menu-depth-active:linear-gradient(145deg,#cbd6e2 0%,#dce5ef 52%,#eef3f8 100%);--menu-raised-shadow:1px 2px 4px rgba(88,108,136,.11),5px 10px 18px rgba(88,108,136,.15),-5px -5px 12px rgba(255,255,255,.68);--menu-main-shadow:1px 1px 2px rgba(74,92,116,.14),3px 5px 9px rgba(74,92,116,.16),-3px -3px 7px rgba(255,255,255,.7);--menu-pressed-shadow:inset 4px 4px 8px rgba(74,92,116,.28),inset -4px -4px 8px rgba(255,255,255,.84),1px 2px 4px rgba(74,92,116,.1);background:var(--menu-base);color:#40516b;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.app-shell.ensaio-vidro .sidebar>.brand{color:#33445d}
.app-shell.ensaio-vidro .sidebar>.brand small{color:#687990;opacity:1}
.app-shell.ensaio-vidro .sidebar>.brand :is(strong,small){text-shadow:none}
@media(min-width:721px){.app-shell.ensaio-vidro .sidebar>.brand{padding-bottom:30px}}
.app-shell.ensaio-vidro .sidebar>.brand .brand-logo{background:var(--menu-surface);border:0;box-shadow:var(--menu-raised-shadow)}
.app-shell.ensaio-vidro .sidebar nav>.nav-link{position:relative;isolation:isolate;min-height:42px;margin:2px 0;padding:9px 13px;border:0;border-radius:12px;background:var(--menu-depth-surface);background-clip:padding-box;color:#495a72;text-shadow:0 1px 0 rgba(255,255,255,.58);box-shadow:var(--menu-main-shadow);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.app-shell.ensaio-vidro .sidebar nav>.nav-link::after{content:"";position:absolute;pointer-events:none;inset:0;border:.35px solid rgba(118,132,151,.2);border-radius:12px;box-sizing:border-box;box-shadow:inset 1px 1px 0 rgba(255,255,255,.78),inset -1px -1px 0 rgba(74,92,116,.24)}
.app-shell.ensaio-vidro .sidebar nav>.nav-link:hover{transform:translateY(-1px);background:linear-gradient(145deg,#f2f6fa 0%,#e1e9f2 48%,#ced9e4 100%);color:#244d82;box-shadow:1px 2px 2px rgba(74,92,116,.16),4px 7px 12px rgba(74,92,116,.18),-4px -4px 8px rgba(255,255,255,.74)}
.app-shell.ensaio-vidro .sidebar nav>.nav-link.selected{transform:none;background:var(--menu-depth-active);color:#174c9b;text-shadow:0 1px 0 rgba(255,255,255,.68);box-shadow:var(--menu-pressed-shadow)}
.app-shell.ensaio-vidro .sidebar nav>.nav-link.selected::after{box-shadow:inset 1px 1px 0 rgba(74,92,116,.3),inset -1px -1px 0 rgba(255,255,255,.78)}
.app-shell.ensaio-vidro .sidebar .nav-submenu{border-left-color:rgba(126,146,172,.45)}
.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"])::before,.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before{background:rgba(105,126,153,.54);box-shadow:1px 1px 0 rgba(255,255,255,.58),-1px -1px 0 rgba(83,103,130,.14)}
.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"])::before,.app-shell.ensaio-vidro .sidebar .nav-submenu-filho::before{width:1px}
.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before{height:1px}
.app-shell.ensaio-vidro .sidebar .nav-submenu-filho::before{left:0;top:-2px;bottom:16px;background:rgba(105,126,153,.54);box-shadow:1px 1px 0 rgba(255,255,255,.58),-1px -1px 0 rgba(83,103,130,.14)}
.app-shell.ensaio-vidro .sidebar .nav-submenu-filho .nav-link::before{width:10px}
.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link{border:0;border-radius:11px;color:#52627a;text-shadow:none;box-shadow:none}
.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link:hover{background:#e3eaf3;color:#244d82;box-shadow:1px 2px 4px rgba(88,108,136,.1),4px 7px 12px rgba(88,108,136,.13),-4px -4px 9px rgba(255,255,255,.68)}
.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link.selected{background:var(--menu-surface);color:#174c9b;box-shadow:var(--menu-raised-shadow)}
.app-shell.ensaio-vidro .sidebar-footer{color:#4c5d75;border-color:transparent}
.app-shell.ensaio-vidro .sidebar-footer::before{background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(144,162,186,.34));box-shadow:0 1px 0 rgba(255,255,255,.5)}
.app-shell.ensaio-vidro .sidebar-footer>.avatar{display:none}
.app-shell.ensaio-vidro .sidebar-footer .usuario-logado{display:block;font-weight:400}
.app-shell.ensaio-vidro .sidebar-footer .usuario-logado strong{display:inline;font-size:inherit;font-weight:700}
.app-shell.ensaio-vidro .sidebar-footer small{color:#718198}
.app-shell.ensaio-vidro .sidebar-footer .avatar{background:var(--menu-surface);color:#385b8c;box-shadow:var(--menu-raised-shadow)}
.app-shell.ensaio-vidro .sidebar-footer #logout{border:0;background:var(--menu-surface);color:#40516b;box-shadow:var(--menu-raised-shadow);text-shadow:none}
.app-shell.ensaio-vidro .sidebar-footer #logout:hover{box-shadow:1px 3px 5px rgba(88,108,136,.13),5px 9px 16px rgba(88,108,136,.17),-5px -5px 11px rgba(255,255,255,.76)}
@media(min-resolution:2dppx){.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"])::before,.app-shell.ensaio-vidro .sidebar .nav-submenu-filho::before{width:.5px}.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before{height:.5px}.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"])::before,.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before,.app-shell.ensaio-vidro .sidebar .nav-submenu-filho::before{box-shadow:.5px .5px 0 rgba(255,255,255,.58),-.5px -.5px 0 rgba(83,103,130,.14)}}
@media(max-width:720px){.app-shell.ensaio-vidro .sidebar{background:var(--menu-base);color:#40516b;border-radius:0 0 18px 18px;box-shadow:0 8px 18px rgba(88,108,136,.16)}.app-shell.ensaio-vidro .sidebar>.brand{color:#33445d}.app-shell.ensaio-vidro .sidebar>.brand small{color:#687990}.app-shell.ensaio-vidro .menu-movel{border:0;background:var(--menu-surface);color:#3f5574;box-shadow:var(--menu-raised-shadow)}.app-shell.ensaio-vidro .sidebar-footer #logout{background:var(--menu-surface);color:#40516b;border:0;box-shadow:var(--menu-raised-shadow)}.app-shell.ensaio-vidro .sidebar.menu-aberto nav{gap:7px}.app-shell.ensaio-vidro .sidebar.menu-aberto nav>.nav-link{min-height:44px;background:var(--menu-depth-surface)}.app-shell.ensaio-vidro .sidebar.menu-aberto nav>.nav-link.selected{background:var(--menu-depth-active);box-shadow:var(--menu-pressed-shadow)}.app-shell.ensaio-vidro .sidebar .nav-submenu-filho::before{left:0;top:-2px;bottom:19.5px}}
.busca-participantes{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}.busca-participantes label{flex:1 1 280px;min-width:0;margin:0}.busca-participantes button{margin:0}
.curso-edicao-grid>.regra-curso-campo{grid-column:1/-1;min-width:0;margin:6px 0 0}.curso-edicao-grid>.dica-ancora>.professores-curso-campo .seletor-professores{width:100%}
.desistencia-curso-linha{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}.desistencia-curso-linha select,.desistencia-curso-linha input{width:100%;margin:0}.desistencia-curso-linha select:last-child{grid-column:1/-1}
.cadastros-topo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.cadastros-topo input{flex:1 1 220px;min-width:0;margin:0}.cadastros-topo button{margin:0}.cadastro-form{display:grid;gap:10px;min-width:0}
.area-atuacao{display:grid;gap:10px;min-width:0}.area-atuacao-linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;align-items:end;padding-bottom:10px;border-bottom:1px solid rgba(20,35,61,.08)}.area-atuacao-linha label{min-width:0;margin:0}.area-atuacao-linha select{width:100%}.area-atuacao-linha .icon-button{justify-self:end;margin:0 0 5px}.area-atuacao>.outline{justify-self:start}
.aluno-form-grid label:has([name=setor_filtro]){min-width:0}
@media(min-width:721px){.aluno-form-grid label:has([name=setor_filtro]){grid-column:span 3}}
.material-selo{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.material-selo.ok{background:#dff5ec;color:#0d6b4d}.material-selo.falta{background:#fdf0d5;color:#8a5a00}
.videos-turma>p{margin:0 0 8px}.videos-turma .table-wrap{margin-top:10px}
.videos-turma-busca{display:block;max-width:520px;margin:0 0 10px}.videos-turma-busca input{width:100%}
.videos-turma-filtros{display:flex;flex-wrap:wrap;gap:4px 26px;margin:4px 0 8px}.videos-turma-filtros .check{margin:0;padding:9px 0;min-height:40px;display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.portal-pendencias p small{display:block}
.materiais-barra{align-items:center;gap:7px;margin-bottom:48px}.materiais-barra>button,.materiais-barra>select{height:32px;min-height:32px;margin:0;padding-top:3px;padding-bottom:3px;white-space:nowrap;font-weight:400}.materiais-barra>select{flex:1 1 180px;width:auto;min-width:160px;max-width:360px;text-overflow:ellipsis}
@media(max-width:1279px){.materiais-barra{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));grid-auto-rows:32px}.materiais-barra>button,.materiais-barra>select{width:100%;min-width:0;max-width:none;padding-left:8px;padding-right:8px}}

/* Árvore do submenu do Portal do Professor; os outros submenus preservam seus conectores. */
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]{--tree-color:var(--shadow-dark);--tree-w:1px;--tree-x:18px;--tree-r:12px;--gap:14px;position:relative;gap:var(--gap);padding-left:var(--tree-x);overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]::before{content:none;display:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]>.nav-link{position:relative;overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]>.nav-link::before{content:"";position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:calc(-1 * var(--gap));width:var(--tree-x);height:calc(50% + var(--gap));border:0;border-left:var(--tree-w) solid var(--tree-color);border-bottom:var(--tree-w) solid var(--tree-color);border-bottom-left-radius:var(--tree-r);box-sizing:border-box;background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]>.nav-link:not(:last-child)::after{content:"";display:block;position:absolute;z-index:1;inset:auto;left:calc(-1 * var(--tree-x));right:auto;top:50%;bottom:0;width:0;height:auto;border:0;border-left:var(--tree-w) solid var(--tree-color);border-radius:0;background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
@media(min-resolution:2dppx){.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]{--tree-w:.5px}.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]>.nav-link::before,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu[aria-label="Menu do Portal do Professor"]>.nav-link:not(:last-child)::after{filter:drop-shadow(.5px .5px 0 var(--shadow-light)) drop-shadow(-.5px -.5px 0 rgba(188,198,212,.35))}}

/* Sidebar neumórfica: relevo por sombras duplas sobre superfícies sólidas. */
body.ensaio-vidro{--bg:#dfe6ee;--shadow-dark:#bcc6d4;--shadow-light:#fff;--text:#4a5568;--accent:#104862;background:var(--bg)}
.app-shell.ensaio-vidro{background:var(--bg)}
.app-shell.ensaio-vidro main::before{display:none}
.app-shell.ensaio-vidro .sidebar{background:var(--bg);color:var(--text);border:0;border-radius:28px;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);backdrop-filter:none;-webkit-backdrop-filter:none;margin:12px 0 12px 12px;width:auto;height:calc(100vh - 24px);padding:24px}
.app-shell.ensaio-vidro .sidebar>.brand{color:var(--text);text-shadow:none}
.app-shell.ensaio-vidro .sidebar>.brand strong,.app-shell.ensaio-vidro .sidebar>.brand small{color:var(--text);text-shadow:none;opacity:1}
.app-shell.ensaio-vidro .sidebar>.brand .brand-logo{background:var(--bg);border:0;border-radius:16px;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar nav{gap:14px}
.app-shell.ensaio-vidro .sidebar nav .nav-link{position:relative;isolation:isolate;min-height:0;margin:0;padding:9px 14px;border:0;border-radius:20px;background:var(--bg);background-clip:padding-box;color:var(--text);font-size:14px;font-weight:400;text-align:left;text-decoration:none;text-shadow:none;white-space:nowrap;outline:none;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:box-shadow .2s ease,color .2s ease}
.app-shell.ensaio-vidro .sidebar nav .nav-link::after{display:none}
.app-shell.ensaio-vidro .sidebar nav .nav-link:hover{transform:none;background:var(--bg);color:var(--text);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar nav .nav-link.selected,.app-shell.ensaio-vidro .sidebar nav .nav-link.selected:hover{background:var(--bg);color:var(--accent);font-weight:600;text-shadow:none;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar nav .nav-link:focus-visible{outline:none;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar nav .nav-link.selected:focus-visible{box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar .nav-submenu{gap:14px;margin:0 0 0 12px;padding:0 0 0 20px;border:0;border-radius:0;background:transparent;box-shadow:none}
.app-shell.ensaio-vidro .sidebar .nav-submenu-filho{gap:14px}
.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"])::before,.app-shell.ensaio-vidro .sidebar .nav-submenu:not([aria-label="Menu do Portal do Professor"]) .nav-link::before,.app-shell.ensaio-vidro .sidebar .nav-submenu-filho::before{background:var(--shadow-dark);box-shadow:1px 1px 0 var(--shadow-light),-1px -1px 0 rgba(188,198,212,.35)}
.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link{border:0;border-radius:20px;background:var(--bg);color:var(--text);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link:hover{background:var(--bg);color:var(--text);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link.selected,.app-shell.ensaio-vidro .sidebar .nav-submenu .nav-link.selected:hover{background:var(--bg);color:var(--accent);font-weight:600;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar-footer{color:var(--text);border-color:transparent}
.app-shell.ensaio-vidro .sidebar-footer::before{height:1px;background:var(--shadow-dark);box-shadow:0 1px 0 var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar-footer>.avatar{display:none}
.app-shell.ensaio-vidro .sidebar-footer .usuario-logado{display:block;font-weight:400}
.app-shell.ensaio-vidro .sidebar-footer .usuario-logado strong{display:inline;font-size:inherit;font-weight:600}
.app-shell.ensaio-vidro .sidebar-footer small{color:var(--text)}
.app-shell.ensaio-vidro .sidebar-footer #logout{width:100%;margin:0;padding:8px 14px;border:0;border-radius:20px;background:var(--bg);color:var(--text);font-size:14px;text-shadow:none;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:box-shadow .2s ease}
.app-shell.ensaio-vidro .sidebar-footer #logout:hover{background:var(--bg);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
.app-shell.ensaio-vidro .sidebar-footer #logout:focus-visible{outline:none;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
@media(max-width:720px){
  .app-shell.ensaio-vidro .sidebar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px 16px;height:auto;max-height:100dvh;overflow-y:auto;margin:10px;border-radius:28px;background:var(--bg);box-shadow:8px 8px 18px var(--shadow-dark),-8px -8px 18px var(--shadow-light)}
  .app-shell.ensaio-vidro .sidebar nav{gap:14px}
  .app-shell.ensaio-vidro .sidebar nav .nav-link{padding:9px 14px}
  .app-shell.ensaio-vidro .sidebar.menu-aberto nav{gap:14px}
  .app-shell.ensaio-vidro .menu-movel{border:0;border-radius:20px;background:var(--bg);color:var(--text);padding:10px 14px;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:box-shadow .2s ease}
  .app-shell.ensaio-vidro .menu-movel:hover{background:var(--bg);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
  .app-shell.ensaio-vidro .menu-movel:focus-visible{outline:none;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}
  .app-shell.ensaio-vidro .sidebar-footer{position:static;grid-column:3;grid-row:1;display:block;margin:0;padding:0;border:0}
  .app-shell.ensaio-vidro .sidebar-footer::before,.app-shell.ensaio-vidro .sidebar-footer>span{display:none}
  .app-shell.ensaio-vidro .sidebar-footer #logout{width:auto;margin:0;padding:8px 14px;font-size:14px}
}

.app-shell.ensaio-vidro .sidebar-footer #logout{width:auto;margin-left:auto;margin-right:auto;text-shadow:1px 1px 0 var(--shadow-light),-1px -1px 0 rgba(188,198,212,.35)}
.app-shell.ensaio-vidro .sidebar nav .nav-link,.app-shell.ensaio-vidro .sidebar nav .nav-link.selected,.app-shell.ensaio-vidro .sidebar nav .nav-link.selected:hover{ text-shadow:1px 1px 0 var(--shadow-light),-1px -1px 0 rgba(188,198,212,.35)}
.app-shell.ensaio-vidro .sidebar>.brand strong{text-shadow:1px 1px 0 var(--shadow-light),-1px -1px 0 rgba(188,198,212,.35)}
.app-shell.ensaio-vidro .sidebar nav .nav-link-expandable{display:flex;align-items:center;justify-content:space-between;gap:8px}
.app-shell.ensaio-vidro .sidebar nav .submenu-indicator{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));transition:transform .2s ease}
.app-shell.ensaio-vidro .sidebar nav .nav-link-expandable[aria-expanded="true"] .submenu-indicator{transform:rotate(180deg)}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao{--tree-color:var(--shadow-dark);--tree-w:1px;--tree-x:18px;--tree-r:12px;--gap:14px;position:relative;gap:var(--gap);padding-left:var(--tree-x);overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao::before{content:none;display:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao>.nav-link{position:relative;overflow:visible}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao>.nav-link::before{content:"";position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:calc(-1 * var(--gap));width:var(--tree-x);height:calc(50% + var(--gap));border:0;border-left:var(--tree-w) solid var(--tree-color);border-bottom:var(--tree-w) solid var(--tree-color);border-bottom-left-radius:var(--tree-r);box-sizing:border-box;background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao>.nav-link:not(:last-child)::after{content:"";display:block;position:absolute;z-index:1;left:calc(-1 * var(--tree-x));right:auto;top:50%;bottom:0;width:0;height:auto;border:0;border-left:var(--tree-w) solid var(--tree-color);background:none;box-shadow:none;filter:drop-shadow(1px 1px 0 var(--shadow-light)) drop-shadow(-1px -1px 0 rgba(188,198,212,.35));pointer-events:none}
@media(min-resolution:2dppx){.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao{--tree-w:.5px}.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao>.nav-link::before,.app-shell.ensaio-vidro .sidebar #navegacao-principal>.nav-submenu-organizacao>.nav-link:not(:last-child)::after{filter:drop-shadow(.5px .5px 0 var(--shadow-light)) drop-shadow(-.5px -.5px 0 rgba(188,198,212,.35))}}

/* Relatórios da Turma: painel exclusivo; não altera Dashboard nem Participantes. */
.painel-relatorios{--painel-azul:#56769e;--painel-texto:#243954;--painel-suave:#65768c;--painel-linha:rgba(77,102,138,.14);--painel-verde:#3f896e;--painel-amarelo:#b38235;--painel-vermelho:#b46464;color:var(--painel-texto);font-size:13px;min-width:0}
.painel-relatorios :where(button,a,input,select){font:inherit;color:inherit}
.painel-relatorios :where(button){background:none;border:0;border-radius:8px;padding:0;text-align:left;font-weight:400;box-shadow:none;text-shadow:none}
.painel-relatorios :where(button,a,summary):focus-visible{outline:2px solid #6489b6;outline-offset:4px}
.painel-relatorios button:disabled{cursor:default;opacity:1}
.painel-relatorios small,.painel-detalhes small{display:block;color:#63748a;font-size:11px;font-weight:400;line-height:1.5}
.painel-relatorios h2{font-size:16px;letter-spacing:-.2px;font-weight:600;line-height:1.35;margin:0 0 5px}
.painel-relatorios h3{font-size:14px;font-weight:550;margin:0 0 12px}
.painel-sobretitulo{display:block;font-size:10px;font-weight:550;letter-spacing:1.4px;color:#5e7390}
.painel-introducao{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.painel-introducao p{margin:6px 0 0;color:var(--painel-suave);font-size:13px}
.painel-exportar{display:inline-flex;align-items:center;gap:8px;flex:none;text-decoration:none;font-size:12px!important;padding:9px 13px;border:1px solid rgba(92,122,163,.28);border-radius:10px;background:rgba(239,245,253,.46)}
.painel-exportar svg,.painel-botao-filtros svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.painel-filtros{position:sticky;top:12px;z-index:6;padding:15px 18px;background:rgba(232,239,248,.96);border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 4px 16px rgba(36,57,84,.04);backdrop-filter:blur(16px)}
.painel-filtros-principais{display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(270px,1fr) auto;align-items:end;gap:24px}
.painel-filtros label{margin:0;gap:5px;min-width:0;font-size:11px;font-weight:400;color:var(--painel-suave)}
body.ensaio-vidro .painel-filtros select,body.ensaio-vidro .painel-filtros input{height:35px;min-height:35px;padding:5px 11px;border:1px solid rgba(77,102,138,.22)!important;border-radius:8px;background:rgba(255,255,255,.53)!important;box-shadow:none!important;font-size:13px;color:var(--painel-texto)}
.painel-periodos>span{display:block;font-size:11px;color:var(--painel-suave);margin-bottom:5px}
.painel-periodos>div,.painel-medida>div{display:flex;align-items:center;gap:3px;padding:3px;background:rgba(86,118,158,.07);border-radius:9px}
.painel-periodos button,.painel-medida button{padding:6px 12px;font-size:12px;line-height:1.4;white-space:nowrap;text-align:center;border-radius:7px}
.painel-periodos button:hover,.painel-medida button:hover{background:rgba(255,255,255,.35)}
.painel-periodos button[aria-pressed=true],.painel-medida button[aria-pressed=true]{background:rgba(255,255,255,.8);box-shadow:0 1px 4px rgba(36,57,84,.06);color:#31537f}
.painel-botao-filtros{display:flex;align-items:center;justify-content:center;gap:7px;height:35px;padding:6px 10px!important;font-size:12px!important;border:1px solid var(--painel-linha)!important;white-space:nowrap}
.painel-botao-filtros.ativo{background:rgba(255,255,255,.55)}
.painel-filtros-avancados{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:16px;padding-top:15px;border-top:1px solid var(--painel-linha)}
.painel-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}
.painel-chips button{display:inline-flex;align-items:center;gap:10px;padding:4px 9px;background:rgba(255,255,255,.65);border:1px solid rgba(77,102,138,.12);border-radius:6px;font-size:11px;max-width:100%}
.painel-chips button span{font-size:15px;color:#6a7c94}
.painel-chips .painel-limpar{background:none;border:0;color:#466a98;text-decoration:underline;text-underline-offset:3px}
.painel-contexto{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--painel-suave);font-size:11px;margin:14px 2px 12px}
.painel-contexto button{color:#4c6d98;font-size:11px}.painel-contexto i{margin-right:8px;font-style:normal;color:#96a5b7}.painel-contexto>small{margin-left:auto;font-size:10px}
.painel-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 22px}
.painel-kpi{position:relative;min-width:0;padding:14px 14px 12px;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:rgba(247,250,254,.63);box-shadow:0 3px 12px rgba(36,57,84,.025)}
.painel-kpi-rotulo{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:20px;font-size:11px;color:#5b6e87}
.painel-kpi-rotulo>.dica-ancora{flex:none;width:15px}
.painel-kpi .painel-kpi-valor{display:flex;align-items:baseline;gap:8px;width:100%;font-size:29px;font-weight:550;letter-spacing:-1px;padding:6px 0 5px;line-height:1.2;font-variant-numeric:tabular-nums}
.painel-kpi-valor>span{margin-left:auto;color:#8b9bb0;font-size:13px;font-weight:400;letter-spacing:0;opacity:0;transition:opacity .15s}
.painel-kpi:hover .painel-kpi-valor>span,.painel-kpi:focus-within .painel-kpi-valor>span{opacity:1}
.painel-kpi>small{font-size:10px;min-height:30px;line-height:1.5}
.painel-kpi.desempenho::before{content:"";position:absolute;top:18px;left:-1px;width:3px;height:38px;border-radius:2px;background:var(--painel-azul)}
.painel-kpi.desempenho.boa::before{background:var(--painel-verde)}.painel-kpi.desempenho.media::before{background:var(--painel-amarelo)}.painel-kpi.desempenho.baixa::before{background:var(--painel-vermelho)}
.painel-medida{display:flex;align-items:center;gap:12px;margin:0 0 15px;color:var(--painel-suave);font-size:11px}.painel-medida>div{padding:2px}.painel-medida button{padding:5px 10px;font-size:11px}.painel-medida>small{margin-left:auto;font-size:10px}
.painel-grid-principal{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.painel-bloco{padding:22px 22px 16px;border-radius:16px;background:rgba(247,250,254,.62);border:1px solid rgba(255,255,255,.85);min-width:0;box-shadow:0 3px 16px rgba(36,57,84,.025)}
.painel-bloco-cabecalho{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.painel-bloco-cabecalho p{font-size:11px;color:var(--painel-suave);margin:0;line-height:1.55}
.painel-curso{padding:0 0 19px;margin:0 0 17px;border-bottom:1px solid var(--painel-linha)}.painel-curso:last-of-type{margin-bottom:5px}
.painel-curso-topo{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px}.painel-nome-curso{font-size:13px!important;line-height:1.5;min-width:0}.painel-nome-curso:hover{color:#426a9a}.painel-nome-curso small{margin-top:3px;font-size:10px}
.painel-contagem{text-align:right!important;font-size:17px!important;font-weight:500!important;white-space:nowrap;flex:none;line-height:1.3}.painel-contagem small{font-size:10px}
.painel-barra-curso{display:flex;align-items:center;gap:12px;width:100%}.painel-barra-curso>span{display:block;flex:1;height:8px;background:rgba(86,118,158,.12);border-radius:20px;overflow:hidden}.painel-barra-curso i{display:block;height:100%;border-radius:inherit;background:#7d95b6}.painel-barra-curso strong{font-size:13px;font-weight:550;width:52px;text-align:right;font-variant-numeric:tabular-nums}
.painel-barra-curso.boa i{background:#699d88}.painel-barra-curso.media i{background:#c2a163}.painel-barra-curso.baixa i{background:#bf8585}
.painel-linha{width:100%;height:auto;display:block;min-height:170px;margin:0 0 8px;overflow:visible}.painel-linha text{font-size:11px;fill:#7b899e;font-family:inherit}.painel-linha .painel-meta-texto{font-size:9px;fill:#648776}.painel-grade{stroke:rgba(77,102,138,.1);stroke-width:1}.painel-meta{stroke:#7ba28e;stroke-dasharray:4 5;stroke-width:1}.painel-area{fill:rgba(102,140,188,.1)}.painel-tracado{fill:none;stroke:#688bb8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.painel-ponto{cursor:default;outline:none}.painel-ponto circle{fill:#688bb8;stroke:#f5f8fc;stroke-width:1.5}.painel-ponto .painel-alvo{fill:transparent;stroke:none}.painel-ponto:hover circle:not(.painel-alvo),.painel-ponto:focus-visible circle:not(.painel-alvo){fill:#355f96;stroke:#355f96;stroke-width:4}
.painel-nota{color:#687a92;font-size:10.5px!important;line-height:1.65;margin:10px 0 0}.painel-nota a{color:#496e9d;text-underline-offset:2px}
.painel-insights{padding:21px 2px 22px;margin:0}.painel-insights>.painel-sobretitulo{margin-bottom:11px}.painel-insights>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.painel-insights button{display:flex;align-items:start;gap:9px;font-size:11px;line-height:1.6}.painel-insights button>span:last-child:not(:first-child){margin-left:auto}.painel-marcador{display:block;flex:none;width:5px;height:5px;margin-top:7px;border-radius:50%;background:#96a6ba}.painel-marcador.atencao{background:#bb9670}
.painel-expansivel{margin-bottom:10px;border:1px solid rgba(255,255,255,.75);border-radius:12px;background:rgba(242,247,253,.45);min-width:0}.painel-expansivel>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px;cursor:pointer;list-style:none}.painel-expansivel>summary::-webkit-details-marker{display:none}.painel-expansivel summary strong{font-size:13px;font-weight:500}.painel-expansivel summary small{margin-top:2px;font-size:10px}.painel-expansivel>summary>span:last-child{font-size:19px;color:#7f94af}.painel-expansivel[open]>summary>span:last-child{transform:rotate(45deg)}.painel-expansivel-conteudo{padding:4px 20px 20px}
.painel-territorios{display:grid;gap:2px}.painel-territorios>button{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 10px;border-bottom:1px solid var(--painel-linha);border-radius:4px}.painel-territorios button:hover{background:rgba(255,255,255,.35)}.painel-percentual{text-align:right;font-size:17px;font-weight:500}.painel-percentual small{font-size:10px}.painel-percentual.boa{color:#477d68}.painel-percentual.media{color:#8f723e}.painel-percentual.baixa{color:#9f5e5e}.painel-rankings{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.painel-rankings h3{font-size:12px}.painel-rankings button{display:flex;justify-content:space-between;gap:15px;width:100%;font-size:11px;padding:6px 0}
.painel-empilhado{display:flex;gap:3px;height:18px;border-radius:6px;overflow:hidden;margin:15px 0}.painel-empilhado button{border-radius:2px;min-width:5px}.painel-situacao-boa{background:#7ba38f!important}.painel-situacao-media{background:#c4a66e!important}.painel-situacao-baixa{background:#be8989!important}.painel-situacao-neutra{background:#a8b3c2!important}.painel-legendas{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:14px}.painel-legendas button{font-size:11px;display:flex;align-items:center;gap:10px}.painel-legendas strong{font-weight:550}.painel-relatorios .painel-link,.painel-detalhes .painel-link{font-size:11px;color:#496e9d;padding:4px 0;text-decoration:underline;text-underline-offset:3px;background:none;border:0;box-shadow:none;text-shadow:none}
.painel-mapa{margin-top:27px;padding-top:21px;border-top:1px solid var(--painel-linha)}.painel-mapa h3{margin-bottom:4px}.painel-mapa-rolagem{overflow-x:auto;max-width:100%;margin-top:13px}.painel-mapa table{border-collapse:separate;border-spacing:4px;margin:0;width:100%;min-width:0}.painel-mapa th,.painel-mapa td{padding:0;border:0;font-size:10px;text-transform:none;letter-spacing:0;text-align:center;vertical-align:middle;white-space:nowrap}.painel-mapa th{font-weight:400;color:#6a7c95}.painel-mapa th:first-child{width:170px;min-width:120px;white-space:normal;text-align:left}.painel-mapa th:first-child button{font-size:11px;max-width:160px}.painel-celula{display:grid!important;place-items:center;width:30px;height:29px;border-radius:4px!important;font-size:9px!important;color:#35485f!important;background:#e1e7ef!important}.painel-celula.boa{background:#b4cfc1!important}.painel-celula.media{background:#dfd0ab!important}.painel-celula.baixa{background:#e0bbbb!important}.painel-celula.vazia,.painel-celula.sem-base{background:#e1e7ef!important;color:#8390a1!important}
.painel-perfil{display:grid;grid-template-columns:1fr 1fr;gap:30px}.painel-perfil h3{display:flex;align-items:center;justify-content:space-between;font-size:13px}.painel-perfil section>button{display:grid;grid-template-columns:minmax(85px,1fr) 1.5fr 32px;align-items:center;gap:12px;width:100%;font-size:11px;padding:8px 0}.painel-perfil strong{font-weight:500;text-align:right}.painel-barra-neutra{height:6px;border-radius:8px;background:rgba(86,118,158,.1);overflow:hidden}.painel-barra-neutra i{display:block;height:100%;background:#8ca4c3;border-radius:inherit}.painel-modulo{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:15px 0!important;border-bottom:1px solid var(--painel-linha)!important;font-size:12px!important}.painel-modulo i{padding:0 12px;font-style:normal;color:#8c9bb0}.painel-modulo>span:last-child{text-align:right}
.painel-rodape-nota{font-size:10px;color:#75849a;text-align:center;line-height:1.7;margin:23px 0 6px}.painel-vazio,.painel-estado{padding:32px 12px;color:#687a92;font-size:12px;text-align:center;margin:0}.painel-estado button{padding:6px 12px;border:1px solid var(--painel-linha);border-radius:6px}.painel-skeleton{display:grid;gap:13px;padding:24px 4px;min-height:130px}.painel-skeleton i{display:block;height:15px;background:rgba(122,145,177,.12);border-radius:5px;animation:painel-pulsar 1.3s ease-in-out infinite}.painel-skeleton i:nth-child(2){width:85%}.painel-skeleton i:nth-child(3){width:60%}@keyframes painel-pulsar{50%{opacity:.4}}
body.ensaio-vidro dialog:has(.painel-detalhes){position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100vw);max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:18px 0 0 18px;background:#edf2f8;box-shadow:-12px 0 40px rgba(30,52,80,.15);color:#243954;padding:0}
body.ensaio-vidro dialog:has(.painel-detalhes)::backdrop{background:rgba(25,44,70,.2);backdrop-filter:blur(2px)}
body.ensaio-vidro dialog:has(.painel-detalhes) .modal-body{padding:32px 25px;background:none;min-height:100%;overflow-x:hidden}
body.ensaio-vidro dialog:has(.painel-detalhes) .close{right:16px;top:15px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #bdcadd;border-radius:50%;background:#e4edf8;color:#47678f;box-shadow:none;font-size:20px;line-height:1}
.painel-detalhes{font-size:12px}.painel-detalhes h2{font-size:20px;font-weight:550;margin:7px 24px 22px 0}.painel-detalhes h3{font-size:14px;font-weight:550;margin:20px 0 10px}.painel-detalhes button{font:inherit;color:inherit;background:none;border:0;box-shadow:none;text-shadow:none;border-radius:6px;padding:0;font-weight:400;text-align:left}.painel-detalhes button:focus-visible{outline:2px solid #6489b6;outline-offset:3px}
.painel-detalhe-controles{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #d9e1eb;padding-bottom:12px}.painel-detalhe-controles p{margin:0;color:#63748a;font-size:11px}.painel-detalhe-controles label{margin:0;font-size:10px;font-weight:400;gap:3px}.painel-detalhe-controles select{min-height:30px;padding:4px 10px;font-size:12px;max-width:190px;box-shadow:none}
.painel-detalhes .painel-pessoa,.painel-detalhes .painel-historico{display:flex;justify-content:space-between;align-items:start;gap:20px;width:100%;padding:14px 3px;border-bottom:1px solid #d9e1eb;border-radius:0;text-align:left;font-size:12px;line-height:1.6}.painel-pessoa>span:first-child,.painel-historico>span:first-child{min-width:0;overflow-wrap:anywhere}.painel-pessoa>span:last-child,.painel-historico>span:last-child{text-align:right;flex:none;max-width:140px}.painel-pessoa small,.painel-historico small{font-size:10px}.painel-detalhes .painel-pessoa:hover{background:rgba(255,255,255,.5)}.painel-paginacao{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:11px}.painel-paginacao button{padding:6px 9px;border:1px solid #bdcadd}.painel-paginacao button:disabled{opacity:.4;cursor:default}
@media(max-width:1250px){.painel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.painel-kpi>small{min-height:15px}.painel-filtros-principais{gap:14px;grid-template-columns:minmax(170px,1fr) auto auto}.painel-periodos button{padding:6px 9px}.painel-medida>small{max-width:270px;text-align:right}}
@media(max-width:1000px){.painel-grid-principal{grid-template-columns:1fr}.painel-linha{max-height:240px}.painel-filtros-principais{grid-template-columns:1fr auto}.painel-periodos{grid-row:2;grid-column:1/-1}.painel-periodos>div{width:fit-content}.painel-botao-filtros{grid-row:1;grid-column:2}.painel-filtros-avancados{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.painel-relatorios{font-size:13px}.painel-filtros{top:75px}.painel-introducao{align-items:start}.painel-introducao p{font-size:11px}.painel-exportar{font-size:11px!important;padding:8px;gap:5px}.painel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.painel-filtros-avancados{grid-template-columns:repeat(2,minmax(0,1fr))}.painel-insights>div{grid-template-columns:1fr}.painel-medida{flex-wrap:wrap;gap:7px}.painel-medida>small{flex-basis:100%;margin-left:0;text-align:left;max-width:none}.painel-perfil,.painel-rankings{grid-template-columns:1fr;gap:22px}.painel-modulo{align-items:start;flex-direction:column;gap:9px}.painel-modulo>span:last-child{text-align:left}.painel-bloco{padding:18px}.painel-filtros{padding:13px}.painel-detalhes .painel-pessoa{gap:12px}}
@media(max-width:450px){.painel-introducao{flex-direction:column;gap:12px;margin-bottom:14px}.painel-filtros{position:relative;top:auto}.painel-filtros-principais{grid-template-columns:minmax(0,1fr) auto;gap:12px}.painel-botao-filtros{font-size:11px!important;padding:6px 8px!important}.painel-periodos button{padding:6px 10px;font-size:11px}.painel-filtros select,.painel-filtros input{font-size:16px!important}.painel-contexto>small{flex-basis:100%;margin:0}.painel-kpi{padding:12px 11px}.painel-kpi .painel-kpi-valor{font-size:27px}.painel-kpi-rotulo{font-size:11px}.painel-kpi>small{min-height:30px}.painel-grid-principal{gap:12px}.painel-bloco{padding:17px 14px}.painel-bloco-cabecalho{gap:7px}.painel-bloco-cabecalho h2{font-size:15px}.painel-expansivel>summary{padding:14px}.painel-expansivel-conteudo{padding:2px 14px 17px}.painel-legendas{gap:13px}.painel-perfil section>button{gap:7px}.painel-pessoa>span:last-child{max-width:100px}.painel-detalhes .painel-pessoa{font-size:11px}body.ensaio-vidro dialog:has(.painel-detalhes){border-radius:0}body.ensaio-vidro dialog:has(.painel-detalhes) .modal-body{padding:32px 16px}.painel-detalhe-controles select{font-size:16px;max-width:185px}.painel-contexto span{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.painel-skeleton i{animation:none}.painel-kpi-valor>span{transition:none}}
.alertas-desistencia{display:grid;gap:12px;margin:0 0 16px}
.alerta-desistencia-painel{border-left:4px solid var(--red,#d74444);padding:14px 16px}
.alerta-desistencia-painel h3{margin:0 0 4px;font-size:16px}
.alerta-desistencia-painel ul,.alerta-risco-painel ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.alerta-desistencia-painel li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-top:10px;border-top:1px solid rgba(23,76,155,.12)}
.alerta-desistencia-painel li p{margin:2px 0 0;color:var(--muted)}
.alerta-desistencia-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.alerta-desistencia-acoes input{min-width:200px}
.alerta-risco-painel{padding:10px 16px}
.alerta-risco-painel summary{cursor:pointer;font-weight:700}
.alerta-risco-painel li span{color:var(--muted)}
/* Cards do panorama de Relatórios mais baixos: cerca de 120 px caem para cerca de 78 px. No celular fica como estava. */
@media(min-width:721px){
.painel-kpis{gap:8px;margin:0 0 14px}
.painel-kpi{padding:9px 12px 8px}
.painel-kpi-rotulo{min-height:16px;font-size:11px}
.painel-kpi .painel-kpi-valor{font-size:24px;padding:2px 0 1px;line-height:1.15}
.painel-kpi>small{min-height:0;font-size:10.5px;line-height:1.3}
.painel-kpi.desempenho::before{top:12px;height:28px}
}
.organizacao-page .ajuda-campo-titulo .botao-ajuda{flex:none;margin-left:5px;transform:translateY(-2px)}
/* O painel de Relatórios zera os botões; aqui o "?" volta ao visual padrão (.botao-ajuda). */
.painel-relatorios .botao-ajuda{width:16px;height:16px;padding:0;border:1px solid #8caede;border-radius:50%;background:#eaf2ff;color:var(--blue);font-size:11px;font-weight:750;line-height:1;text-align:center;cursor:help}
.painel-relatorios .botao-ajuda:hover,.painel-relatorios .botao-ajuda:focus-visible,.painel-relatorios .botao-ajuda[aria-expanded="true"]{background:#d7e6fc}
/* Valores e legendas dos cards de Relatórios centralizados; a seta de detalhe fica fixa na esquerda. */
.painel-kpi .painel-kpi-valor{position:relative;justify-content:center;text-align:center}
.painel-kpi-valor>span{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0}
.painel-kpi>small{display:block;text-align:center}
/* Gráfico de presença filtrado por uma aula: botão para voltar a todas, dentro do próprio card. */
.painel-aula-filtrada{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:0 0 8px;padding:7px 10px;border:1px solid rgba(77,102,138,.16);border-radius:8px;background:rgba(255,255,255,.6);font-size:11.5px;color:#4a5a72}
.painel-aula-filtrada button{padding:4px 10px;border:1px solid #8caede;border-radius:6px;background:#eaf2ff;color:var(--blue);font-size:11.5px;font-weight:600;cursor:pointer}
.painel-aula-filtrada button:hover,.painel-aula-filtrada button:focus-visible{background:#d7e6fc}
/* Detalhe de Evasão: linha que explica a desistência (quando, quem marcou, motivo). */
.painel-pessoa .painel-desistencia{display:block;margin-top:3px;padding:3px 7px;border-left:2px solid #d89214;border-radius:0 5px 5px 0;background:rgba(216,146,20,.08);color:#4a5a72;line-height:1.35}
.painel-pessoa .painel-desistencia strong{font-weight:650;color:#14233d}
/* Ícones de ação da lista de Alunos: 23px com ícone de 14px (aprovado; as demais tabelas seguem o bloco abaixo) */
.participantes-page .icon-button:not(.destructive),.participantes-page .icon-button.destructive{width:23px;height:23px;min-width:23px;box-shadow:3px 3px 6px rgba(42,52,62,.26),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2)}
.participantes-page .icon-button svg{width:14px;height:14px}
/* Padrão dos ícones de ação das tabelas: 23px com ícone de 14px (cerca de 20% menores). No celular continuam maiores, para o toque. */
@media(min-width:641px){
.portal-professor .tabela-avaliacoes td .button-group .icon-button,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-corrigir,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-reativar,.cadastros-page>.panel td:last-child .button-group .icon-button,.portal-aluno-page tbody td:last-child .icon-button,.cursos-page td .button-group .icon-button,.provas-page td:last-child .button-group .icon-button,.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button{width:23px;height:23px;min-width:23px;min-height:23px;flex:0 0 23px;box-shadow:3px 3px 6px rgba(42,52,62,.26),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2)}
.portal-professor .tabela-avaliacoes td .button-group .icon-button svg,.cadastros-page>.panel td:last-child .button-group .icon-button svg,.portal-aluno-page tbody td:last-child .icon-button svg,.cursos-page td .button-group .icon-button svg,.provas-page td:last-child .button-group .icon-button svg,.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button svg{width:14px;height:14px}
.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-desativada::after{height:17px}
.portal-professor .tabela-avaliacoes td .button-group{grid-template-columns:repeat(5,23px)}
}
/* Frequência em Alunos: régua de 10 blocos. Mesmos valores finais da Análise de permanência do Dashboard (.dashboard .barra-blocos) */
.freq-aulas{display:inline-flex;align-items:center;gap:3px;min-height:25px;padding:2px 0}
.freq-aulas i{display:block;flex:0 0 auto;width:10px;height:21px;border-radius:4px;border:0;background:rgba(255,255,255,.5);box-shadow:2px 2px 5px rgba(16,36,71,.3),inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(53,76,107,.28);backdrop-filter:none;-webkit-backdrop-filter:none}
.freq-aulas i.presente{background:#8fb42a}
.freq-aulas i.falta{background:#e2582c}
.freq-aulas i.justificada{background:rgba(165,177,195,.78)}
.freq-seguidas{display:inline-block;padding:1px 6px;border-radius:99px;background:rgba(215,68,68,.12);color:#b62929;font-size:11px;font-weight:650;white-space:nowrap}
/* Cartões de total em Alunos: mais curtos (cerca de 20% menos de comprimento), alinhados à esquerda */
@media(min-width:521px){.participantes-page .participantes-resumo{grid-template-columns:repeat(3,minmax(0,265px));justify-content:start}}
/* Exportar e Importar CSV na mesma linha dos cartões de total */
.participantes-resumo-linha{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:10px 0 14px}
.participantes-resumo-linha .participantes-resumo{margin:0}
.participantes-resumo-acoes{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}
@media(max-width:520px){.participantes-resumo-linha{display:grid}.participantes-resumo-acoes{justify-content:flex-start}}
@media(min-width:721px){.participantes-resumo-linha{flex-wrap:nowrap}.participantes-resumo-linha .participantes-resumo{flex:0 1 auto;min-width:0}.participantes-resumo-acoes{flex:0 0 auto}}
/* "+ Novo" sobe para a linha do título da página */
@media(min-width:721px){.participantes-page>.section-header>.button-group{align-self:flex-start;margin-top:-50px}}
/* Tela de entrada: composição centralizada, cabeçalho proporcional e portais em destaque */
.center-page{justify-items:center}
.center-page .login-card{margin-inline:auto;max-width:500px;padding:28px 28px 26px}
body.ensaio-vidro .center-page::before{left:50%;right:auto;top:50%;width:min(720px,92vw);height:460px;transform:translate(-50%,-52%);background:radial-gradient(closest-side,rgba(23,76,155,.16),rgba(23,76,155,0) 72%)}
.login-card .brand{gap:16px;padding-bottom:6px}
.login-card .brand .brand-logo{width:96px;padding:4px;border-radius:14px;box-shadow:0 6px 16px rgba(16,36,71,.16)}
.login-card .brand strong{font-size:36px;line-height:1.05;text-shadow:none}
.login-card .brand small{font-size:14px;line-height:1.3;opacity:.8;text-shadow:none;width:auto;min-width:0;white-space:normal;text-align:left;text-align-last:auto}
.escolha-portal-titulo{margin:18px 0 0;text-align:center;font-size:16px;font-weight:400;color:#8a97ab;letter-spacing:.02em;text-shadow:1px 1px 1px rgba(255,255,255,.95),-1px -1px 1px rgba(120,134,156,.35)}
.login-card .escolha-portal{gap:14px;margin:12px 0 0}
.login-card .cartao-portal{grid-auto-flow:row;gap:10px;align-content:center;min-height:112px;padding:16px 12px;font-size:16px;font-weight:650;white-space:nowrap}
.cartao-portal svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cartao-portal.portal-aluno-cartao{color:#174c9b;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(222,234,252,.7))}
.cartao-portal.portal-professor-cartao{color:#0f766e;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(215,241,236,.7))}
.cartao-portal span{color:var(--ink)}
.cartao-portal:hover span,.cartao-portal:focus-visible span{color:inherit}
@media(max-width:520px){.login-card .escolha-portal{grid-template-columns:1fr}.login-card .cartao-portal{min-height:64px;grid-auto-flow:column;justify-content:center;gap:12px}.login-card .brand .brand-logo{width:76px}.login-card .brand strong{font-size:30px}}
/* Entrada em neumorfismo: relevo suave (luz no alto à esquerda), ícones de traço fino em disco elevado */
body .center-page .login-card{background:#dde4ed;border:0;border-radius:26px;box-shadow:12px 12px 26px rgba(163,177,198,.55),-10px -10px 24px rgba(255,255,255,.9);backdrop-filter:none;-webkit-backdrop-filter:none}
body .center-page .login-card .brand .brand-logo{background:#dde4ed;border:0;border-radius:18px;padding:5px;box-shadow:6px 6px 12px rgba(163,177,198,.55),-5px -5px 10px rgba(255,255,255,.9)}
body .login-card .cartao-portal{display:grid;grid-auto-flow:row;justify-items:center;align-content:center;gap:12px;min-height:128px;padding:18px 12px;border:0;border-radius:24px;background:#e0e6ee;color:#5b6b82;font-size:15.5px;font-weight:600;box-shadow:8px 8px 18px rgba(163,177,198,.6),-8px -8px 18px rgba(255,255,255,.95);transition:box-shadow .18s ease,transform .18s ease}
body .login-card .cartao-portal.portal-aluno-cartao,body .login-card .cartao-portal.portal-professor-cartao{background:#e0e6ee}
body .login-card .cartao-portal:hover,body .login-card .cartao-portal:focus-visible{transform:none;box-shadow:inset 6px 6px 12px rgba(163,177,198,.6),inset -6px -6px 12px rgba(255,255,255,.95);color:#5b6b82}
.cartao-portal .disco-icone{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#eef2f8,#d7dee8);box-shadow:5px 5px 11px rgba(163,177,198,.6),-5px -5px 10px rgba(255,255,255,.95)}
.cartao-portal .disco-icone svg{width:28px;height:28px;stroke:#5b6b82;stroke-width:1.1}
.cartao-portal.portal-professor-cartao .disco-icone svg{stroke:#2f8f7a}
.cartao-portal span{color:#33445c}
@media(max-width:520px){body .login-card .cartao-portal{grid-auto-flow:column;min-height:72px;gap:14px;justify-content:center}.cartao-portal .disco-icone{width:46px;height:46px}.cartao-portal .disco-icone svg{width:23px;height:23px}}

/* Portais de entrada: silhuetas do aluno e do professor com a turma (imagem em tom de grafite) */
.cartao-portal .disco-icone .icone-silhueta{display:block;width:50px;height:50px;object-fit:contain;opacity:.62}
@media(max-width:520px){.cartao-portal .disco-icone .icone-silhueta{width:40px;height:40px}}

/* Título SisDiário em azul escuro na tela de escolha de portal (/entrar) */
.login-card .brand strong{color:#135573}
.login-card .brand strong{text-shadow:0 3px 4px rgba(16,36,71,.35),0 8px 14px rgba(16,36,71,.22)}
.login-card .brand>span{justify-items:center;text-align:center;gap:2px;position:relative;top:-5px}
.login-card .brand small{text-align:center}/* Botão "Entrar com e-mail e senha" com o mesmo visual dos cartões Portal do Aluno / Professor */
body .login-card .botao-neumorfico{display:grid;place-items:center;min-height:64px;padding:16px 12px;border:0;border-radius:24px;background:#e0e6ee;color:#33445c;font-size:15.5px;font-weight:600;line-height:1.25;box-shadow:8px 8px 18px rgba(163,177,198,.6),-8px -8px 18px rgba(255,255,255,.95);transition:box-shadow .18s ease,transform .18s ease}
body .login-card .botao-neumorfico:hover,body .login-card .botao-neumorfico:focus-visible{background:#e0e6ee;transform:none;color:#33445c;box-shadow:inset 6px 6px 12px rgba(163,177,198,.6),inset -6px -6px 12px rgba(255,255,255,.95)}
body .login-card .botao-neumorfico{width:min(100%,280px);margin-left:auto;margin-right:auto}
body .login-card .botao-neumorfico{min-height:46px;padding:10px 12px}
body .login-card .botao-neumorfico,body .login-card .botao-neumorfico:hover,body .login-card .botao-neumorfico:focus-visible{box-shadow:8px 8px 18px rgba(163,177,198,.6),-8px -8px 18px rgba(255,255,255,.95)}
body .login-card .botao-neumorfico:active{transform:scale(.97);box-shadow:inset 6px 6px 12px rgba(163,177,198,.6),inset -6px -6px 12px rgba(255,255,255,.95)}
body .login-card .botao-neumorfico{text-shadow:-1px -1px 1px rgba(0,0,0,.35),1px 1px 1px rgba(255,255,255,.95)}
body .login-card .botao-neumorfico{font-weight:400}
body .login-card .botao-neumorfico,body .login-card .botao-neumorfico:hover,body .login-card .botao-neumorfico:focus-visible{color:#7a889c}
/* Campos de e-mail e senha do login em baixo relevo (mesmo visual do botão) */
body .login-card .entrar-email input{background:#e0e6ee;border:0;border-radius:16px;padding:12px 16px;box-shadow:inset 6px 6px 12px rgba(163,177,198,.6),inset -6px -6px 12px rgba(255,255,255,.95)}
body .login-card .entrar-email input:focus{outline:2px solid #94b8eb;outline-offset:2px}
body .login-card input{color:#135573;-webkit-text-fill-color:#135573;caret-color:#135573}
body .login-card input:-webkit-autofill{-webkit-text-fill-color:#135573}
body .login-card h1,body .login-card label,body .login-card .voltar-portal,body .login-card .voltar-portal a{color:#135573}
body .login-card .seta-voltar{display:inline-block;font-size:20px;line-height:1;vertical-align:-2px;color:#8a97ab;text-shadow:1px 1px 1px rgba(255,255,255,.95),-1px -1px 1px rgba(120,134,156,.45)}
body .login-card .botao-neumorfico,body .login-card .botao-neumorfico:hover,body .login-card .botao-neumorfico:focus-visible{color:#135573}
.novo-trabalho{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.3em;line-height:1.2}
.section-header>.novo-trabalho{align-self:flex-start;margin-top:-4px}
.provas-botoes{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.provas-botoes button{width:auto;flex:0 0 auto}
.provas-botoes{display:grid;grid-template-columns:max-content max-content 1fr;justify-content:stretch;row-gap:10px;column-gap:10px}.provas-botoes>.primary{grid-column:1/-1;grid-row:1;justify-self:end}@media(max-width:520px){.provas-botoes{grid-template-columns:minmax(0,1fr)}.provas-botoes>.primary{grid-column:auto}.provas-botoes button{width:100%}}
.provas-botoes{column-gap:14px}.provas-botoes>.outline{padding:12px 20px;font-size:15.5px}
.provas-botao-com-ajuda{position:relative;display:inline-block}.provas-botao-com-ajuda .provas-ajuda-canto{position:absolute;top:-9px;right:-9px;line-height:0}.provas-botoes .outline{padding:12px 20px;font-size:15.5px}@media(max-width:520px){.provas-botao-com-ajuda{display:block}}
.provas-botoes .provas-ajuda-canto .botao-ajuda{width:18px;height:18px;min-width:18px;padding:0;margin:0;flex:none;border-radius:50%;aspect-ratio:1}
.provas-botao-com-ajuda .provas-ajuda-canto{top:-24px;right:12px}
.section-header>.novo-trabalho{margin-top:calc(-4px - 5mm)}
.section-header>.novo-trabalho{margin-top:calc(-24px - 5mm)}
.section-header>.novo-trabalho{padding-left:19px;padding-right:19px}
.resultados-page .metrics.compact>.metric-card:nth-child(-n+4){width:calc(100% - 6px);justify-self:start}
.painel-insights button>span:last-child:not(:first-child){margin-left:0;text-align:left}
.dica-balao{text-align:justify;hyphens:auto}
.participantes-page .participantes-resumo .metric-card{min-height:0;padding:7px 14px}
.participantes-page .participantes-resumo .metric-card strong{margin:0;line-height:1.1}
.participantes-resumo-linha{margin-bottom:44px}
.participantes-resumo-linha{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(140,158,184,.5)}
.participantes-resumo-linha{border-bottom:1px solid rgba(120,138,165,.55);box-shadow:0 1px 0 rgba(255,255,255,.95)}
.participantes-resumo-linha{padding-bottom:32px;margin-bottom:12px}
.participantes-page .participantes-resumo .metric-card strong{font-size:22px}
.participantes-page .participantes-resumo .metric-card .cartao-texto{flex:0 0 auto}
.participantes-page .participantes-resumo .cartao-hifen{flex:1 1 auto;text-align:center;color:var(--muted);font-size:15px;line-height:1}
/* Hífen dos cartões: traço com o dobro da largura (10px) em baixo relevo */
.participantes-page .participantes-resumo .cartao-hifen{display:flex;align-items:center;justify-content:center;font-size:0;color:transparent}
.participantes-page .participantes-resumo .cartao-hifen::before{content:"";display:block;width:10px;height:2px;border-radius:1px;background:rgba(120,138,165,.75);box-shadow:0 1px 0 rgba(255,255,255,.95)}
.participantes-page .participantes-resumo .metric-card span:not(.cartao-hifen){font-size:12px}
.participantes-page .participantes-resumo .metric-card strong{font-size:20px}
.portal-resumo article{padding:3px 18px}
.portal-resumo strong{margin:0;font-size:22px}
.portal-resumo span,.portal-resumo small{line-height:1.1}
.portal-pendencias{padding:10px 18px;margin-top:0}
.portal-pendencias h2{margin-bottom:4px;font-size:16px}
.portal-pendencias p{margin:0 0 4px;line-height:1.3}
/* Portal do aluno: textos sem negrito (Pendências, Meus cursos, Próximas aulas e resultado das avaliações) */
.portal-pendencias p strong,.portal-grid .panel>p>strong,.portal-grid .panel:first-child h2:nth-of-type(2),.portal-avaliacao p>strong{font-weight:400}
.portal-grid .panel>p>strong{font-weight:400!important}
.portal-grid .panel>p>strong{font-size:14px}
.portal-aulas-lista p{border:1px solid rgba(50,80,120,.2);border-radius:14px;box-shadow:0 2px 6px rgba(16,36,71,.07)}
/* Seta dos tópicos de Materiais no formato das setas do menu (chevron que gira ao abrir) */
.material-topico>summary{list-style:none;display:flex;align-items:center;gap:8px}
.material-topico>summary::-webkit-details-marker{display:none}
.material-topico>summary::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s ease}
.material-topico>summary::after{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s ease}
.material-topico>summary{position:relative}.material-topico>summary::before{position:relative;z-index:1;background:#6b7a90}.material-topico>summary::after{position:absolute;left:15px;top:calc(50% - 8px);z-index:0;background:rgba(255,255,255,.95)}.material-topico[open]>summary::after{transform:rotate(180deg)}
.material-topico[open]>summary::before{transform:rotate(180deg)}
.portal-header .brand strong,.portal-header .brand small{text-shadow:none}
.portal-header .brand strong{text-shadow:0 3px 4px rgba(16,36,71,.35),0 8px 14px rgba(16,36,71,.22)}
.portal-header .brand .brand-logo{box-shadow:0 5px 8px rgba(16,36,71,.28),0 14px 24px rgba(16,36,71,.2)}
.portal-grid .panel>p:has(>strong){margin:0 0 12px;padding:3px 0}
.portal-aulas-lista{gap:10px}
.material-anexo-video button{min-height:32px;padding:5px 16px}
/* Seta de Comentários no mesmo formato (chevron em baixo relevo) */
.material-comentarios>summary{list-style:none;display:flex;align-items:center;gap:8px;position:relative}
.material-comentarios>summary::-webkit-details-marker{display:none}
.material-comentarios>summary::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s ease}
.material-comentarios>summary::after{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s ease}
.material-comentarios>summary::before{position:relative;z-index:1;background:#6b7a90}.material-comentarios>summary::after{position:absolute;left:1px;top:calc(50% - 8px);z-index:0;background:rgba(255,255,255,.95)}
.material-comentarios[open]>summary::before,.material-comentarios[open]>summary::after{transform:rotate(180deg)}
.material-cabeca small{font-size:14px;line-height:1.35}
.material-item .material-cabeca small{font-size:14px;font-weight:700}
.material-item .material-cabeca small{font-size:16px}
/* Cards de Materiais e Avisos: todos no tom escuro do zebrado */
article.material-item{background:#e6edf7}
.portal-voltar{display:inline-flex;align-items:center;gap:8px;margin-left:10px;white-space:nowrap}.portal-voltar span{font-size:18px;line-height:1}
.portal-header .portal-voltar{padding:5px 14px;min-height:0;line-height:1.2}
.portal-header .portal-voltar{position:relative;top:20px}
.portal-header .portal-voltar{top:60px}
.prova-aluno-detalhe>td{background:rgba(235,241,249,.6)}.prova-aluno-questoes{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}.prova-aluno-questoes li{padding:10px 12px;border-radius:10px;border-left:4px solid #6b7c93;background:#fff}.prova-aluno-questoes li p{margin:4px 0 0;overflow-wrap:anywhere}.prova-aluno-questoes li.certa{border-left-color:#2f8f5b}.prova-aluno-questoes li.errada{border-left-color:#c2413b}
.danger-text{display:block;color:#b3261e;font-weight:600}

/* Títulos das telas do gestor no azul do SisDiário */
.app-shell main h1,.app-shell main h2{color:#135573}
.app-shell.ensaio-vidro dialog h2,.app-shell.ensaio-vidro dialog:has(form input[name="name"]) h2{color:#135573}
.app-shell.ensaio-vidro .acompanhamento-inline,.app-shell.ensaio-vidro .acompanhamento-inline select,.app-shell.ensaio-vidro .previsao-totais strong{color:#135573}
.app-shell.ensaio-vidro .filtros-aulas label,.app-shell.ensaio-vidro .filtros-aulas select,.app-shell.ensaio-vidro .filtros-aulas .rotulo-com-ajuda,.app-shell.ensaio-vidro .rodape-app strong,.app-shell.ensaio-vidro .rodape-app span,.app-shell.ensaio-vidro .rodape-app small{color:#135573}
.app-shell.ensaio-vidro .participantes-resumo .metric-card strong{color:#135573}
.cadastros-page tbody td{padding-top:10px;padding-bottom:10px}
.lista-controle-presencas .linha-controle-identidade strong{font-size:13.5px}
.lista-controle-presencas .radio-presenca{font-size:12px}
.lista-controle-presencas .marcas-acoes-presenca>button{font-size:12px}
.app-shell.ensaio-vidro .tabela-participantes tbody td,.app-shell.ensaio-vidro .tabela-participantes tbody td small,.app-shell.ensaio-vidro .tabela-participantes tbody td .text-button,.app-shell.ensaio-vidro .tabela-participantes tbody td strong{color:#135573}
.tabela-participantes{width:100%}
.tabela-participantes th:nth-child(1),.tabela-participantes td:nth-child(1){width:19%}
.tabela-participantes th:nth-child(2),.tabela-participantes td:nth-child(2){width:19%}
.tabela-participantes th:nth-child(n+4),.tabela-participantes td:nth-child(n+4){padding-left:5px;padding-right:5px}
.tabela-participantes th:nth-child(3),.tabela-participantes td:nth-child(3){padding-right:2px}
.tabela-participantes th:nth-child(4),.tabela-participantes td:nth-child(4){padding-left:2px}
.tabela-participantes th:nth-child(n+4),.tabela-participantes td:nth-child(n+4){text-align:center}
.tabela-participantes td:nth-child(n+4) .button-group,.tabela-participantes td:nth-child(n+4) .acoes{justify-content:center}
.tabela-participantes th:nth-child(1),.tabela-participantes td:nth-child(1){width:26%;min-width:190px}
.tabela-participantes th:nth-child(2),.tabela-participantes td:nth-child(2){width:17%}
.tabela-participantes th:nth-child(3),.tabela-participantes td:nth-child(3){width:17%;padding-right:5px}
.tabela-participantes th:nth-child(2),.tabela-participantes td:nth-child(2),.tabela-participantes th:nth-child(3),.tabela-participantes td:nth-child(3){text-align:center}
.tabela-participantes th:nth-child(1),.tabela-participantes td:nth-child(1){width:24%}
.tabela-participantes th:nth-child(2),.tabela-participantes td:nth-child(2){width:24%;min-width:150px}
.tabela-participantes th:nth-child(3),.tabela-participantes td:nth-child(3){width:15%}
.app-shell.ensaio-vidro .cadastros-page tbody td{color:#135573}

/* ===== Área do Aluno (portal novo, mobile-first). Classes com prefixo pa-. ===== */
.pa-pagina {
  --tinta: #14233d;
  --suave: #5b6678;
  --azul: #174c9b;
  --linha: #e3e8ef;
  max-width: 720px;
  margin: 0 auto;
  padding: 16px 16px 48px;
  font-size: 17px;
  line-height: 1.5;
  color: var(--tinta);
}
.pa-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.pa-topo .brand { padding: 0; color: var(--tinta); }
.pa-topo .brand-logo { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.pa-ola { margin: 0 0 20px; font-size: 24px; font-weight: 750; line-height: 1.25; }
.pa-ola small { display: block; font-size: 16px; font-weight: 400; color: var(--suave); }
.pa-mural {
  padding: 20px 16px;
  border-radius: 20px;
  background: #fff4d6;
  border: 2px solid #f3cf72;
  box-shadow: 0 6px 20px #a0700014;
}
.pa-mural-topo { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.pa-mural-icone {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #f0b429;
  color: #fff;
}
.pa-mural-topo h2 { margin: 0; font-size: 22px; line-height: 1.2; }
.pa-mural-topo p { margin: 2px 0 0; font-size: 15px; color: #7a5a12; }
.pa-lista-avisos { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.pa-aviso {
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #f1dfae;
}
.pa-aviso-novo { border-left: 6px solid #e08a00; }
.pa-aviso-cabeca { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.pa-selo {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .3px;
}
.pa-selo-novo { background: #e08a00; color: #fff; }
.pa-selo-curso { background: #eef3fb; color: var(--azul); }
.pa-aviso-data { font-size: 14px; color: var(--suave); }
.pa-aviso-texto { margin: 0; font-size: 17px; white-space: pre-line; }
.pa-aviso-texto-curto {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pa-aviso-autor { margin: 8px 0 0; font-size: 14px; color: var(--suave); }
.pa-anexo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 650;
}
.pa-ler-mais, .pa-ver-todos {
  min-height: 48px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
}
.pa-ler-mais {
  margin-top: 8px;
  padding: 0;
  min-height: 44px;
  border: 0;
  background: none;
  color: var(--azul);
}
.pa-aviso-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 12px;
}
.pa-seta-aviso {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eef4fd;
  color: var(--azul);
  cursor: pointer;
}
.pa-seta-aviso svg { transition: transform .2s; }
.pa-seta-aberta svg { transform: rotate(180deg); }
.pa-li-aviso {
  margin-left: auto;
  min-height: 44px;
  padding: 0 18px;
  border: 2px solid #1f8a5b;
  border-radius: 12px;
  background: #fff;
  color: #17734b;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.pa-li-aviso:hover { background: #ecfaf3; }
.pa-marcar-nao-lido {
  margin-left: auto;
  padding: 0;
  min-height: 44px;
  border: 0;
  background: none;
  color: #7a6a4a;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}
.pa-ver-todos {
  display: block;
  width: 100%;
  margin-top: 14px;
  border: 2px solid #e8b94a;
  background: #fff;
  color: #6b4a00;
}
@media (min-width: 720px) {
  .pa-pagina { padding-top: 28px; } .pa-mural { padding: 24px; }
}
.pa-secao { margin-top: 24px; }
.pa-secao a { text-decoration: none; color: inherit; }
.pa-secao strong { display: block; font-size: 34px; line-height: 1.05; font-weight: 800; }
.pa-secao span { display: block; font-size: 17px; font-weight: 650; }
.pa-secao small { display: block; font-size: 15px; color: var(--suave); }
.pa-cartao { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 18px; background: #fff; border: 1px solid var(--linha); box-shadow: 0 4px 14px #17345d0d; min-height: 80px; }
.pa-secao .pa-bolinha { flex-shrink: 0; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; }
.pa-ic-azul { background: #e3edfb; color: #2563b8; }
.pa-ic-verde { background: #dff5ec; color: #0f7a58; }
.pa-ic-laranja { background: #fdebd3; color: #b45f06; }
.pa-bom { color: #0f7a58; }
.pa-atencao { color: #b07400; }
.pa-ruim { color: #c43030; }
.pa-resumo { display: grid; gap: 12px; }
.pa-cartao-freq { display: grid; gap: 12px; padding: 18px; border-radius: 20px; background: #fff; border: 1px solid var(--linha); border-top: 6px solid; box-shadow: 0 4px 14px #17345d0d; }
.pa-secao .pa-freq-topo { display: flex; align-items: center; gap: 10px; }
.pa-freq-topo span { flex: 1; }
.pa-secao .pa-freq-topo strong { font-size: 38px; }
.pa-barra { display: block; height: 14px; border-radius: 999px; background: #e6ebf2; overflow: hidden; }
.pa-barra i { display: block; height: 100%; border-radius: inherit; }
.pa-freq_bom { border-top-color: #16936b; }
.pa-freq_bom .pa-freq-topo { color: #0f7a58; }
.pa-freq_bom .pa-barra i { background: #16936b; }
.pa-freq_atencao { border-top-color: #e0a100; }
.pa-freq_atencao .pa-freq-topo { color: #a06a00; }
.pa-freq_atencao .pa-barra i { background: #e0a100; }
.pa-freq_ruim { border-top-color: #d74444; }
.pa-freq_ruim .pa-freq-topo { color: #c43030; }
.pa-freq_ruim .pa-barra i { background: #d74444; }
.pa-cartao-freq small b { color: var(--tinta); }
.pa-dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pa-dupla .pa-cartao { padding: 14px 12px; gap: 10px; }
.pa-secao .pa-dupla .pa-bolinha { width: 44px; height: 44px; }
.pa-tem-pendencia { border: 2px solid #f0b866; background: #fffaf2; }
.pa-titulo-secao { margin: 32px 0 4px; font-size: 22px; }
.pa-cursos { display: grid; gap: 14px; }
.pa-curso { background: #fff; border: 1px solid var(--linha); border-radius: 20px; padding: 6px 16px 16px; box-shadow: 0 4px 14px #17345d0d; }
.pa-secao .pa-curso strong { font-size: 19px; line-height: 1.25; }
.pa-curso-cabeca-fixa { padding: 12px 0 8px; }
.pa-quadros { display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); gap: 6px; }
.pa-quadro { height: 42px; border: 0; border-radius: 8px; color: #fff; font-weight: 750; font-size: 15px; }
.pa-quadro[aria-pressed="true"] { outline: 3px solid var(--tinta); outline-offset: 2px; }
.pa-q_presente { background: #16936b; }
.pa-q_faltou { background: #d74444; }
.pa-q_justificada { background: #d89214; }
.pa-q_proxima { background: #c3cad5; }
.pa-quadro-info { margin: 12px 0 4px; font-size: 16px; }
.pa-legenda { margin: 6px 0 0; font-size: 14px; color: var(--suave); }
.pa-legenda i { display: inline-block; width: 12px; height: 12px; margin: 0 4px 0 8px; border-radius: 3px; vertical-align: -1px; }
.pa-legenda i:first-child { margin-left: 0; }
.pa-pend-linha { margin: 0; padding: 12px 16px; border-radius: 14px; background: #fff3e2; color: #8a4b00; font-size: 16px; font-weight: 600; }
.pa-mes { margin-top: 12px; }
.pa-mes-nome { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--suave); }
.pa-secao .pa-curso-cabeca-fixa strong, .pa-secao .pa-curso-cabeca-fixa small { display: block; }
.pa-quadro { min-width: 48px; height: 48px; font-size: 17px; }
.pa-avatar { display: grid; justify-items: center; gap: 0; min-width: 56px; padding: 4px; border: 0; background: none; color: var(--tinta); cursor: pointer; }
.pa-avatar span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--azul); color: #fff; font-size: 17px; font-weight: 800; letter-spacing: .5px; box-shadow: 0 3px 10px #174c9b40; }
.pa-avatar small { font-size: 13px; font-weight: 650; color: var(--suave); }
.pa-fundo-painel { position: fixed; inset: 0; z-index: 50; display: flex; align-items: flex-end; justify-content: center; background: #0b1b3599; animation: pa-aparecer .15s ease-out; }
.pa-painel { width: 100%; max-width: 560px; max-height: 90vh; overflow-y: auto; padding: 10px 20px 28px; border-radius: 24px 24px 0 0; background: #fff; color: var(--tinta); font-size: 17px; animation: pa-subir .2s ease-out; }
.pa-puxador { display: block; width: 44px; height: 5px; margin: 0 auto 16px; border-radius: 999px; background: #d0d7e2; }
.pa-perfil-quem { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.pa-perfil-quem h2 { margin: 0; font-size: 20px; line-height: 1.25; }
.pa-perfil-quem p { margin: 2px 0 0; font-size: 15px; color: var(--suave); word-break: break-all; }
.pa-avatar-grande { flex-shrink: 0; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--azul); color: #fff; font-size: 22px; font-weight: 800; }
.pa-perfil-lista { display: grid; gap: 10px; }
.pa-perfil-lista button { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 60px; padding: 0 16px; border: 1px solid var(--linha); border-radius: 14px; background: #f7f9fc; color: var(--tinta); font: inherit; font-size: 18px; font-weight: 650; text-align: left; cursor: pointer; }
.pa-perfil-icone { font-size: 22px; width: 28px; text-align: center; }
.pa-perfil-seta { margin-left: auto; font-size: 28px; color: var(--suave); }
.pa-perfil-lista .pa-perfil-sair { background: #fdeeee; border-color: #f4c7c7; color: #b62929; }
.pa-perfil-fechar, .pa-perfil-voltar, .pa-perfil-salvar { display: block; width: 100%; min-height: 54px; margin-top: 12px; border-radius: 14px; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
.pa-perfil-fechar, .pa-perfil-voltar { border: 1px solid #c8d3e2; background: #fff; color: var(--tinta); }
.pa-perfil-salvar { border: 0; background: var(--azul); color: #fff; margin-top: 18px; }
.pa-perfil-titulo { margin: 0 0 14px; font-size: 22px; }
.pa-perfil-dados { display: grid; gap: 10px; margin: 0; }
.pa-perfil-dados div { padding: 12px 14px; border-radius: 12px; background: #f4f7fb; }
.pa-perfil-dados dt { font-size: 14px; color: var(--suave); }
.pa-perfil-dados dd { margin: 0; font-size: 18px; font-weight: 650; word-break: break-word; }
.pa-perfil-nota { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; background: #eef4fd; font-size: 15px; }
.pa-perfil-campo { display: grid; gap: 6px; margin: 12px 0; font-size: 16px; font-weight: 650; }
.pa-perfil-campo input { min-height: 54px; padding: 0 14px; border: 2px solid #cfd8e6; border-radius: 12px; font-size: 18px; }
.pa-perfil-regras { display: grid; gap: 4px; margin: 0 0 6px; padding: 0; list-style: none; font-size: 15px; color: var(--suave); }
.pa-regra-ok { color: #0f7a58 !important; font-weight: 650; }
.pa-perfil-mostrar { display: flex; align-items: center; gap: 10px; margin: 10px 0; font-size: 16px; font-weight: 500; }
.pa-perfil-mostrar input { width: 22px; height: 22px; }
.pa-perfil-erro { margin: 8px 0; color: #b62929; font-size: 15px; font-weight: 650; }
.pa-perfil-ok { margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: #ecf8f2; color: #087754; font-weight: 650; }
@keyframes pa-subir { from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
@keyframes pa-aparecer { from { opacity: 0; } to { opacity: 1; } }
@media (min-width: 720px) { .pa-fundo-painel { align-items: center; } .pa-painel { border-radius: 24px; } .pa-puxador { display: none; } }
.pa-abas { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 10px 0 14px; padding: 6px; border-radius: 16px; background: #e4eaf2; }
.pa-secao .pa-aba-botao { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; border: 0; border-radius: 12px; background: transparent; color: var(--suave); font: inherit; font-size: 18px; font-weight: 700; cursor: pointer; }
.pa-secao .pa-aba-botao[aria-selected="true"] { background: #fff; color: var(--azul); box-shadow: 0 2px 8px #17345d1f; }
.pa-secao .pa-aba-contador { display: grid; place-items: center; min-width: 26px; height: 26px; padding: 0 7px; border-radius: 999px; background: #d9770b; color: #fff; font-size: 15px; }
.pa-atividades { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.pa-atividade { background: #fff; border: 1px solid var(--linha); border-radius: 18px; box-shadow: 0 4px 14px #17345d0d; overflow: hidden; }
.pa-atividade-pendente { border-left: 6px solid #d9770b; }
.pa-secao .pa-atividade-cabeca { display: grid; justify-items: start; gap: 4px; width: 100%; padding: 16px; border: 0; background: none; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.pa-secao .pa-atividade-cabeca strong { font-size: 19px; line-height: 1.3; }
.pa-secao .pa-atividade-cabeca small { font-size: 16px; }
.pa-secao .pa-prazo-pendente { color: #a14d00; font-weight: 700; }
.pa-secao .pa-atividade-abrir { margin-top: 6px; font-size: 16px; font-weight: 700; color: var(--azul); }
.pa-st_afazer { background: #fdebd3; color: #8a4b00; }
.pa-st_refazer { background: #fcebec; color: #b62929; }
.pa-st_enviado { background: #e3edfb; color: #174c9b; }
.pa-st_corrigido { background: #e7f7ef; color: #087754; }
.pa-st_vencido { background: #eff2f5; color: #526275; }
.pa-atividade-detalhe { display: grid; gap: 12px; padding: 0 16px 18px; border-top: 1px solid var(--linha); padding-top: 14px; }
.pa-atividade-detalhe p { margin: 0; font-size: 16px; }
.pa-feedback-ok, .pa-feedback-refazer, .pa-envio-feito { padding: 12px 14px; border-radius: 12px; }
.pa-feedback-ok, .pa-envio-feito { background: #ecf8f2; color: #0b5e44; }
.pa-feedback-refazer { background: #fdeeee; color: #8f1f1f; }
.pa-envio { display: grid; gap: 10px; }
.pa-botao-principal, .pa-botao-secundario { display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 14px; font: inherit; font-size: 17px; font-weight: 700; text-decoration: none; cursor: pointer; }
.pa-botao-principal { border: 0; background: var(--azul); color: #fff !important; }
.pa-botao-principal:disabled { opacity: .45; cursor: not-allowed; }
.pa-botao-secundario { border: 2px solid #c8d8ef; background: #f4f8fe; color: var(--azul); }
.pa-envio-dica { font-size: 14px !important; color: var(--suave); }
.pa-vazio { padding: 24px; border-radius: 18px; background: #fff; text-align: center; color: var(--suave); }
.pa-grupo-titulo { margin: 18px 0 10px; font-size: 17px; font-weight: 750; color: var(--suave); }
.pa-videos { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.pa-video { background: #fff; border: 1px solid var(--linha); border-radius: 18px; overflow: hidden; box-shadow: 0 4px 14px #17345d0d; }
.pa-secao .pa-video-link { display: block; color: inherit; text-decoration: none; }
.pa-secao .pa-miniatura { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; }
.pa-secao .pa-duracao { position: absolute; right: 10px; bottom: 10px; padding: 2px 8px; border-radius: 6px; background: #000000b3; color: #fff; font-size: 14px; font-weight: 650; }
.pa-secao .pa-assistido { position: absolute; left: 10px; top: 10px; padding: 4px 10px; border-radius: 999px; background: #16936b; color: #fff; font-size: 14px; font-weight: 750; }
.pa-secao .pa-video-info { display: grid; justify-items: start; gap: 6px; padding: 14px 16px 16px; }
.pa-secao .pa-video-info strong { font-size: 18px; line-height: 1.3; }
.pa-secao .pa-barra-video { display: block; width: 100%; height: 8px; border-radius: 999px; background: #e6ebf2; overflow: hidden; }
.pa-barra-video i { display: block; height: 100%; background: #d9770b; }
.pa-outros { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pa-secao .pa-outros a { display: grid; grid-template-columns: 36px 1fr; align-items: center; column-gap: 12px; min-height: 64px; padding: 10px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--linha); color: inherit; text-decoration: none; }
.pa-outros a > span { grid-row: span 2; font-size: 26px; }
.pa-secao .pa-outros small { color: var(--azul); font-weight: 650; }
.pa-secao .pa-outros strong { font-size: 18px; line-height: 1.3; }
.pa-secao .pa-player { padding: 0 0 4px; }
.pa-secao .pa-player .correcao-video, .pa-secao .pa-player iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; }
.pa-secao .pa-video-fechar { display: block; width: calc(100% - 32px); margin: 0 16px 16px; min-height: 48px; border: 1px solid #c8d3e2; border-radius: 12px; background: #fff; font: inherit; font-size: 16px; font-weight: 700; color: var(--tinta); cursor: pointer; }
.pa-secao .pa-miniatura img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pa-secao .pa-miniatura svg { position: relative; }
.pa-recado { margin: 0 0 14px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #f1dfae; }
.pa-recado strong { display: block; font-size: 15px; color: #7a5a12; }
.pa-recado p { margin: 4px 0 0; white-space: pre-line; }
.pa-visualizacao { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #eef4fd; font-size: 15px; }
.pa-erro { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #fdeeee; color: #8f1f1f; font-weight: 650; }
.pa-envio label { display: grid; gap: 6px; font-size: 16px; font-weight: 650; margin: 0; }
.pa-envio textarea { min-height: 110px; font-size: 17px; border-radius: 12px; }
.pa-envio input[type="file"] { font-size: 15px; }
.pa-secao .envio-progresso { font-size: 16px; }

/* Materiais do professor: interno ou publicado */
.material-visibilidade { display: grid; gap: 8px; margin: 12px 0; padding: 0; border: 0; }
.material-visibilidade legend { margin-bottom: 6px; font-size: 13px; font-weight: 650; }
.material-visibilidade label { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 10px 12px; border: 1px solid #cfd8e6; border-radius: 9px; background: #fff; font-weight: 400; cursor: pointer; }
.material-visibilidade label:has(input:checked) { border-color: var(--blue); background: #eef4fd; }
.material-visibilidade input { width: auto; margin-top: 3px; }
.material-visibilidade b { display: block; }
.material-visibilidade small { display: block; color: var(--muted); }
.material-selo.interno { background: #eff2f5; color: #526275; }
.material-publicar { margin-left: 8px; padding: 4px 10px; font-size: 12px; }
.pa-secao .pa-video-link { display: block; width: 100%; padding: 0; border: 0; background: #14233d; cursor: pointer; }
.pa-secao .pa-video-descricao { margin: 4px 0 0; font-size: 16px; white-space: pre-line; }
.pa-secao .pa-video-descricao-aberta { margin: 0 16px 12px; }
.pa-secao .pa-video-selos { display: flex; flex-wrap: wrap; gap: 6px; }
.pa-secao .pa-video-selos:empty { display: none; }
.pa-secao .pa-assistido-selo { padding: 4px 10px; border-radius: 999px; background: #16936b; color: #fff; font-size: 14px; font-weight: 750; }
.pa-secao .pa-video-ver { border-color: #c8d8ef; background: #f4f8fe; color: var(--azul); }
.pa-secao .pa-envio-formato, .pa-secao .pa-orientacoes { font-size: 16px; }
.pa-secao .pa-outros-rever p { margin: 4px 0 0; }
.pa-secao .envio-progresso strong { display: inline; font-size: 16px; }
.pa-secao .pa-envio label.pa-botao-principal, .pa-secao .pa-envio label.pa-botao-secundario { display: flex; margin: 0; font-size: 17px; }
.pa-secao .pa-outro-texto { padding: 12px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--linha); }
.pa-secao .pa-outro-texto summary { display: flex; align-items: center; gap: 12px; min-height: 40px; cursor: pointer; }
.pa-secao .pa-outro-texto summary span { display: inline; font-size: 24px; }
.pa-secao .pa-outro-texto p { margin: 10px 0 0; white-space: pre-line; font-size: 16px; }
.pa-topo .portal-voltar { margin-left: 0; min-height: 44px; }
.pa-secao .pa-ver-todos { border-color: #c8d8ef; background: #f4f8fe; color: var(--azul); }
.pa-secao .pa-ver-todos-curso { margin-top: 12px; }
.pa-materiais-resumo { display: grid; gap: 12px; padding: 18px 16px; border-radius: 20px; background: #fff; border: 1px solid var(--linha); box-shadow: 0 4px 14px #17345d0d; }
.pa-materiais-resumo p { margin: 0; font-size: 16px; }
.pa-materiais-resumo .pa-ver-todos { margin-top: 0; }
/* Entrar com Google: caixa em relevo suave, combinando com os campos e o botão Entrar */
.entrar-google{margin:18px 0 6px;gap:8px}
.entrar-google-botao{max-width:400px;margin:0 auto;padding:6px;border-radius:999px;background:#e9eef6;box-shadow:6px 6px 14px rgba(16,36,71,.14),-6px -6px 14px rgba(255,255,255,.85);transition:box-shadow .2s ease,transform .2s ease}
.entrar-google-botao:hover{transform:translateY(-1px);box-shadow:8px 8px 18px rgba(16,36,71,.18),-8px -8px 18px rgba(255,255,255,.9)}
.entrar-google-botao:active{transform:translateY(0);box-shadow:inset 3px 3px 8px rgba(16,36,71,.16),inset -3px -3px 8px rgba(255,255,255,.8)}
.entrar-google-botao:not([data-pronto="true"]){min-height:56px;opacity:.5}
.entrar-google-botao iframe{border-radius:999px}
.entrar-google .subtle{font-size:12px;text-align:center}
/* Vídeos da turma: zebrado no padrão dos demais cadastros (linhas ímpares sombreadas) */
.videos-turma tbody tr{background:transparent}
.videos-turma tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}



/* WhatsApp: ícone glass em alto relevo */
.videos-whatsapp{width:38px;height:38px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(198,216,245,.7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:6px 6px 14px rgba(16,36,71,.2),-5px -5px 11px rgba(255,255,255,.95),inset 0 1px 1px rgba(255,255,255,.98),inset 0 -3px 5px rgba(23,76,155,.14);transition:box-shadow .18s ease,transform .18s ease,color .18s ease}
.videos-whatsapp svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 -1px 0 rgba(20,35,61,.18))}
.videos-whatsapp:hover,.videos-whatsapp:focus-visible{color:var(--green);transform:none;background:linear-gradient(145deg,rgba(198,216,245,.7),rgba(255,255,255,.95));box-shadow:inset 4px 4px 9px rgba(16,36,71,.18),inset -4px -4px 9px rgba(255,255,255,.95)}
.videos-whatsapp:active{transform:scale(.95)}
/* WhatsApp: botão-medalha branco com aro em relevo e ícone verde */
.videos-whatsapp{width:40px;height:40px;border:0;color:#2f9e44;background:linear-gradient(145deg,#fff 0%,#f1f2f4 55%,#e1e3e7 100%);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 3px #fbfbfc,inset 0 0 0 5px #d5d8dd,inset 0 0 0 6px #fff,2px 3px 0 #b8bcc3,3px 6px 8px rgba(16,36,71,.18);transition:box-shadow .18s ease,transform .18s ease,filter .18s ease}
.videos-whatsapp svg{width:22px;height:22px;stroke-width:2.3;filter:none}
.videos-whatsapp:hover,.videos-whatsapp:focus-visible{color:#25a244;transform:translateY(-1px);background:linear-gradient(145deg,#fff 0%,#f6f7f8 55%,#e8eaed 100%);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #cdd1d7,inset 0 0 0 6px #fff,2px 4px 0 #b8bcc3,3px 8px 10px rgba(16,36,71,.22)}
.videos-whatsapp:active{transform:translate(1px,2px);box-shadow:inset 0 0 0 3px #fbfbfc,inset 0 0 0 5px #d5d8dd,inset 0 0 0 6px #fff,1px 1px 0 #b8bcc3}
.videos-whatsapp svg{width:24px;height:24px;stroke:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 1px 1px rgba(20,100,45,.25))}
.videos-whatsapp svg{width:19.2px;height:19.2px}
/* WhatsApp: esfera em alto relevo, sem aros nem bordas */
.videos-whatsapp{border:0;background:radial-gradient(circle at 32% 28%,#ffffff 0%,#f3f5f8 45%,#dfe3ea 100%);box-shadow:6px 7px 13px rgba(16,36,71,.24),-5px -5px 11px rgba(255,255,255,.98),inset 2px 2px 4px rgba(255,255,255,.95),inset -3px -4px 7px rgba(16,36,71,.13)}
.videos-whatsapp:hover,.videos-whatsapp:focus-visible{transform:translateY(-1px);background:radial-gradient(circle at 32% 28%,#ffffff 0%,#f6f8fa 50%,#e5e8ee 100%);box-shadow:7px 9px 16px rgba(16,36,71,.28),-5px -5px 11px rgba(255,255,255,.98),inset 2px 2px 4px rgba(255,255,255,.95),inset -3px -4px 7px rgba(16,36,71,.13)}
.videos-whatsapp:active{transform:translate(1px,2px);box-shadow:3px 3px 6px rgba(16,36,71,.22),-3px -3px 7px rgba(255,255,255,.98),inset 3px 3px 6px rgba(16,36,71,.14),inset -2px -2px 4px rgba(255,255,255,.9)}
/* WhatsApp: esfera no azul do app */
.videos-whatsapp{background:radial-gradient(circle at 32% 28%,#f6f9ff 0%,#d7e6fc 48%,#b9cfee 100%);box-shadow:6px 7px 13px rgba(23,76,155,.28),-5px -5px 11px rgba(255,255,255,.98),inset 2px 2px 4px rgba(255,255,255,.9),inset -3px -4px 7px rgba(23,76,155,.18)}
.videos-whatsapp:hover,.videos-whatsapp:focus-visible{background:radial-gradient(circle at 32% 28%,#fbfdff 0%,#e1ecfd 50%,#c6d9f3 100%);box-shadow:7px 9px 16px rgba(23,76,155,.32),-5px -5px 11px rgba(255,255,255,.98),inset 2px 2px 4px rgba(255,255,255,.9),inset -3px -4px 7px rgba(23,76,155,.18)}
.videos-whatsapp:active{box-shadow:3px 3px 6px rgba(23,76,155,.26),-3px -3px 7px rgba(255,255,255,.98),inset 3px 3px 6px rgba(23,76,155,.2),inset -2px -2px 4px rgba(255,255,255,.85)}
/* WhatsApp: ícone central em baixo relevo (gravado na esfera) */
.videos-whatsapp svg{color:#2b8f40;filter:drop-shadow(1px 1.5px 0 rgba(255,255,255,.95)) drop-shadow(-1px -1px .6px rgba(23,76,155,.4))}
.videos-whatsapp:hover svg,.videos-whatsapp:focus-visible svg{color:#2b8f40}
.videos-whatsapp svg{width:20px;height:20px}
.videos-whatsapp svg{width:19.2px;height:19.2px}
/* Padrão dos botões de rádio do app: poço em baixo relevo com miolo em alto relevo (cinza desmarcado, verde marcado).
   Única variação: "Ausente" marcado (Controle de Presença) usa miolo vermelho. */
input[type="radio"]{appearance:none!important;-webkit-appearance:none!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;cursor:pointer;box-shadow:inset 3px 3px 6px rgba(23,76,155,.4),inset -3px -3px 6px rgba(255,255,255,.95),1px 1px 0 rgba(255,255,255,.85)!important;background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.75) 0 1.1px,transparent 2.8px),radial-gradient(circle at 50% 50%,#c3cbd7 0,#aab3c1 3px,#8e99aa 5px,transparent 5.6px),radial-gradient(circle at 57% 59%,rgba(23,76,155,.4) 0 5px,transparent 7px),linear-gradient(145deg,#c1d2ec,#e8f0fc)!important;transition:box-shadow .18s ease,background .18s ease}
input[type="radio"]:checked{background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.75) 0 1.1px,transparent 2.8px),radial-gradient(circle at 50% 50%,#4fbe68 0,#2f9e44 3px,#21792f 5px,transparent 5.6px),radial-gradient(circle at 57% 59%,rgba(23,76,155,.4) 0 5px,transparent 7px),linear-gradient(145deg,#c1d2ec,#e8f0fc)!important}
input[type="radio"]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
input[type="radio"]:disabled{opacity:.5;cursor:not-allowed}
.radio-falta input[type="radio"]:checked{background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.75) 0 1.1px,transparent 2.8px),radial-gradient(circle at 50% 50%,#e25b5b 0,#d74444 3px,#b32f2f 5px,transparent 5.6px),radial-gradient(circle at 57% 59%,rgba(23,76,155,.4) 0 5px,transparent 7px),linear-gradient(145deg,#c1d2ec,#e8f0fc)!important}
/* Vídeos da turma: linhas compactas */
.videos-turma td{padding:5px 9px;vertical-align:middle}
.videos-turma td:first-child{font-weight:400}
.videos-whatsapp{width:32px!important;height:32px!important;flex-basis:32px}
/* Formulário de Novo/Editar material: mesmo padrão do formulário de provas (vidro azulado) */
.app-shell.ensaio-vidro dialog:has(.material-form){background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(218,231,249,.48));border:1px solid rgba(255,255,255,.84);box-shadow:0 24px 68px rgba(16,36,71,.2),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
.material-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.material-form select,.material-form textarea{background:linear-gradient(145deg,rgba(225,236,250,.92),rgba(201,218,240,.82));border:1px solid rgba(91,119,153,.42);border-radius:16px;box-shadow:0 8px 18px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.78);color:var(--ink);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}
.material-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,.material-form select:focus,.material-form textarea:focus{background:rgba(255,255,255,.8);border-color:rgba(120,166,233,.72);box-shadow:0 12px 26px rgba(16,36,71,.16),0 0 0 2px rgba(120,166,233,.18),inset 0 1px 0 rgba(255,255,255,.96);outline:0}
.material-form .material-form-anexos{background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.72);border-radius:16px;box-shadow:0 12px 28px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.material-form .material-visibilidade label{border:1px solid rgba(255,255,255,.72);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(226,238,253,.4));box-shadow:0 8px 18px rgba(16,36,71,.1),inset 0 1px 0 rgba(255,255,255,.85);transition:box-shadow .18s ease,border-color .18s ease}
.material-form .material-visibilidade label:has(input:checked){border-color:rgba(120,166,233,.72);background:linear-gradient(145deg,rgba(215,230,252,.92),rgba(190,212,242,.78));box-shadow:0 10px 22px rgba(23,76,155,.18),inset 0 1px 0 rgba(255,255,255,.9)}
/* Material: versão mais clara do vidro */
.app-shell.ensaio-vidro dialog:has(.material-form){background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(232,241,253,.9))}
.material-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.material-form select,.material-form textarea{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,244,254,.92));border-color:rgba(91,119,153,.3)}
.material-form .material-form-anexos{background:rgba(255,255,255,.6);border-color:rgba(91,119,153,.2)}
.material-form .material-visibilidade label{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,245,254,.8));border-color:rgba(91,119,153,.2)}
.material-form .material-visibilidade label:has(input:checked){background:linear-gradient(145deg,rgba(236,244,255,.98),rgba(214,230,252,.92))}
/* Material: fundo da janela em azul bem suave */
.app-shell.ensaio-vidro dialog:has(.material-form){background:linear-gradient(145deg,#eef4fd,#dfeafa);backdrop-filter:none;-webkit-backdrop-filter:none}
.material-form .material-visibilidade b{font-weight:400}
/* Material: respiro vertical e caixa de seleção em baixo relevo */
.material-form{gap:18px}
.material-form .material-form-anexos{position:relative;z-index:0;margin-bottom:6px}
.material-form>label.check{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:40px;margin:4px 0;padding:8px 0;cursor:pointer}
input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;flex:0 0 18px;width:18px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;cursor:pointer;background:linear-gradient(145deg,#c1d2ec,#e8f0fc)!important;box-shadow:inset 2px 2px 4px rgba(23,76,155,.4),inset -2px -2px 4px rgba(255,255,255,.95),1px 1px 0 rgba(255,255,255,.85)!important;transition:box-shadow .18s ease}
input[type="checkbox"]:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5.5 11.5l3.6 3.6 7.4-8' fill='none' stroke='%232f9e44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat,linear-gradient(145deg,#c1d2ec,#e8f0fc)!important}
input[type="checkbox"]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* Material: botões mais baixos e mais afastados entre si */
.material-form .modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 32px;margin-top:6px}
.material-form .modal-actions>button{min-height:32px!important;height:32px;padding:0 20px!important;font-size:14px;line-height:1}
/* Material: botões da caixa de anexos também mais baixos */
.material-form .material-form-mais{gap:12px 16px}
.material-form .material-form-mais>button,.material-form .material-form-mais>label.material-form-arquivo,.material-form .material-form-anexo>button{display:inline-flex;align-items:center;justify-content:center;min-height:32px!important;height:32px;margin:0;padding:0 18px!important;font-size:14px;line-height:1}
/* Materiais e avisos: botões mais baixos e ícones de ação no padrão do app (23 px, ícone 14 px, relevo suave) */
.materiais-acoes button{min-height:32px!important;height:32px;padding:0 18px!important;font-size:14px;line-height:1}
.material-item .icon-button,.material-cabeca-acoes .icon-button{width:23px;height:23px;min-width:23px;min-height:23px;flex:0 0 23px;box-shadow:3px 3px 6px rgba(42,52,62,.26),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2)}
.material-item .icon-button svg,.material-cabeca-acoes .icon-button svg{width:14px;height:14px}
.material-cabeca-acoes{gap:8px}
@media(max-width:640px){.material-item .icon-button,.material-cabeca-acoes .icon-button{width:34px;height:34px;min-width:34px;min-height:34px;flex-basis:34px}.material-item .icon-button svg,.material-cabeca-acoes .icon-button svg{width:17px;height:17px}}
/* Materiais e avisos: ícones de ação no padrão do app (esfera azul-clara, sem borda, sombra em relevo) */
.material-item .icon-button,.material-cabeca-acoes .icon-button{border:0;border-radius:50%;padding:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85;box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2);transform:none}
.material-item .icon-button:hover,.material-item .icon-button:focus-visible,.material-cabeca-acoes .icon-button:hover,.material-cabeca-acoes .icon-button:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.22);transform:translateY(-1px)}
.material-item .icon-button.destructive,.material-cabeca-acoes .icon-button.destructive{border:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85}
/* Formulário de prova: mesmo padrão do Cadastrar Evento (vidro cinza-azulado, campos leves, texto normal) */
body.ensaio-vidro dialog:has(.prova-form){background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:0 18px 44px rgba(16,36,71,.18),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
body.ensaio-vidro dialog:has(.prova-form)::backdrop{background:rgba(14,36,71,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.ensaio-vidro dialog:has(.prova-form) .modal-body{background:linear-gradient(145deg,rgba(225,236,250,.52),rgba(205,222,244,.38));color:var(--ink)}
body.ensaio-vidro dialog:has(.prova-form) .modal-body :where(*){font-weight:400}
body.ensaio-vidro dialog:has(.prova-form) .modal-body h2{font-weight:700}
body.ensaio-vidro dialog:has(.prova-form) .close{top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(23,76,155,.24);border-radius:50%;background:rgba(220,234,253,.72);color:#315783;font-size:21px;font-weight:400;line-height:1;box-sizing:border-box;box-shadow:0 5px 12px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.9)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),body.ensaio-vidro dialog:has(.prova-form) .prova-form select,body.ensaio-vidro dialog:has(.prova-form) .prova-form textarea{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(224,236,252,.62));border-radius:16px;box-shadow:0 10px 22px rgba(16,36,71,.12),inset 0 1px 0 rgba(255,255,255,.9);color:var(--ink);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
body.ensaio-vidro dialog:has(.prova-form) .prova-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),body.ensaio-vidro dialog:has(.prova-form) .prova-form select{min-height:34px;padding-top:6px;padding-bottom:6px}
body.ensaio-vidro dialog:has(.prova-form) .prova-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,body.ensaio-vidro dialog:has(.prova-form) .prova-form select:focus,body.ensaio-vidro dialog:has(.prova-form) .prova-form textarea:focus{background:rgba(255,255,255,.88);border-color:rgba(120,166,233,.72)!important;box-shadow:0 12px 26px rgba(16,36,71,.16),0 0 0 2px rgba(120,166,233,.18),inset 0 1px 0 rgba(255,255,255,.96)!important}
body.ensaio-vidro dialog:has(.prova-form) .prova-form .questao-editor{padding:16px;border-color:rgba(255,255,255,.82);border-radius:16px;background:linear-gradient(145deg,rgba(218,232,251,.68),rgba(190,213,241,.42));box-shadow:0 12px 28px rgba(16,36,71,.13),inset 0 1px 0 rgba(255,255,255,.88)}
input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}
/* Botão de fechar das janelas: padrão de iconografia do app (esfera azul-clara, sem borda, relevo suave) */
body.ensaio-vidro dialog:is(:has(.prova-form),:has(.cadastro-evento-form),:has(.form-nova-aula),:has(.material-form)) .close{width:30px;height:30px;border:0;border-radius:50%;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85;font-size:20px;box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2);backdrop-filter:none;-webkit-backdrop-filter:none;transition:box-shadow .18s ease,transform .18s ease,color .18s ease}
body.ensaio-vidro dialog:is(:has(.prova-form),:has(.cadastro-evento-form),:has(.form-nova-aula),:has(.material-form)) .close:hover,body.ensaio-vidro dialog:is(:has(.prova-form),:has(.cadastro-evento-form),:has(.form-nova-aula),:has(.material-form)) .close:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;transform:translateY(-1px);box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.22)}
/* "×" desenhado no centro exato da esfera */
body.ensaio-vidro dialog:is(:has(.prova-form),:has(.cadastro-evento-form),:has(.form-nova-aula),:has(.material-form)) .close{font-size:0!important;line-height:0;color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M10.5 10.5l9 9M19.5 10.5l-9 9' fill='none' stroke='%23526d85' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat,linear-gradient(145deg,#eaf3ff,#c7dcef)}
body.ensaio-vidro dialog:is(:has(.prova-form),:has(.cadastro-evento-form),:has(.form-nova-aula),:has(.material-form)) .close:hover,body.ensaio-vidro dialog:is(:has(.prova-form),:has(.cadastro-evento-form),:has(.form-nova-aula),:has(.material-form)) .close:focus-visible{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M10.5 10.5l9 9M19.5 10.5l-9 9' fill='none' stroke='%23315b7d' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat,linear-gradient(145deg,#f0f7ff,#bfd8ef)}
/* Ícones de ação: aumento sutil (23 → 26 px; ícone 14 → 16 px), só fora do celular */
@media(min-width:641px){
.portal-professor .tabela-avaliacoes td .button-group .icon-button,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-corrigir,.portal-professor .tabela-avaliacoes td .button-group .icon-button.acao-reativar,.cadastros-page>.panel td:last-child .button-group .icon-button,.portal-aluno-page tbody td:last-child .icon-button,.cursos-page td .button-group .icon-button,.provas-page td:last-child .button-group .icon-button,.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button,.participantes-page .icon-button:not(.destructive),.participantes-page .icon-button.destructive,.material-item .icon-button,.material-cabeca-acoes .icon-button{width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px}
.portal-professor .tabela-avaliacoes td .button-group .icon-button svg,.cadastros-page>.panel td:last-child .button-group .icon-button svg,.portal-aluno-page tbody td:last-child .icon-button svg,.cursos-page td .button-group .icon-button svg,.provas-page td:last-child .button-group .icon-button svg,.usuarios-page td:last-child .usuarios-acoes-tabela .icon-button svg,.material-item .icon-button svg,.material-cabeca-acoes .icon-button svg,.participantes-page .icon-button svg{width:16px;height:16px}
}
/* Todo .icon-button do app: mesmo visual (esfera azul-clara, sem borda, relevo) e mesmo tamanho (26 px / ícone 16 px).
   Exceção por escopo: .senha-linha (olho do campo de senha, que é alternador e não ação de linha). */
.icon-button,.icon-button.destructive{border:0;border-radius:50%;padding:0;background:linear-gradient(145deg,#eaf3ff,#c7dcef);color:#526d85;box-shadow:4px 4px 8px rgba(42,52,62,.28),inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(86,119,151,.2);transform:none;transition:box-shadow .18s ease,transform .18s ease,color .18s ease}
.icon-button:hover,.icon-button:focus-visible,.icon-button.destructive:hover,.icon-button.destructive:focus-visible{background:linear-gradient(145deg,#f0f7ff,#bfd8ef);color:#315b7d;box-shadow:5px 5px 10px rgba(42,52,62,.32),inset 1px 1px 2px rgba(255,255,255,.98),inset -1px -1px 2px rgba(86,119,151,.22);transform:translateY(-1px)}
@media(min-width:641px){.icon-button{width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px}.icon-button svg{width:16px;height:16px}}
/* Vínculos de curso do aluno: botões no mesmo tamanho padrão (26 px / ícone 16 px) */
@media(min-width:641px){.aluno-curso-vinculo>.icon-button{width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px;margin:0 0 7px}.aluno-curso-vinculo>.icon-button svg{width:16px;height:16px}}
/* Padrão de fundo dos cards e modais: vidro azulado do modal Cadastrar Evento (substitui o branco/rosado de 94%). */
.app-shell.ensaio-vidro .panel,.app-shell.ensaio-vidro dialog,body.ensaio-vidro dialog{background:linear-gradient(145deg,rgba(218,232,251,.58),rgba(190,213,241,.34));border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 44px rgba(16,36,71,.18),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
/* Botões de Provas: mais baixos e sem negrito. */
.provas-botoes>.outline,.provas-botoes .outline,.provas-botoes>.primary{padding:6px 18px;min-height:0;font-weight:400}
body.ensaio-vidro .provas-botoes .outline,body.ensaio-vidro .provas-botoes .primary{font-weight:400}
/* Correção de trabalhos: linhas zebradas, mais compactas, ação em ícone. */
.correcao-painel .table-wrap,body.ensaio-vidro .correcao-painel .table-wrap{background:transparent}
.correcao-painel tbody tr{background:transparent}
.correcao-painel tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}
.correcao-painel tbody td{padding-top:4px;padding-bottom:4px;vertical-align:middle}
.correcao-painel td .icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:641px){.correcao-painel td .icon-button{width:26px;height:26px}}

/* Selos de resultado na correção: neutro para sem resultado, âmbar só para Refazer. */
.correcao-painel .status.pending{background:rgba(120,140,165,.18);color:#526d85}
.correcao-painel .status.warn{background:rgba(255,236,190,.7);color:#8a5a00}
.correcao-painel .status.danger{background:rgba(215,68,68,.14);color:#a12d2d}
/* Mapa de alunos por bairro (Relatórios da Turma) */
.mapa-bairros .mapa-cursos{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:10px 14px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(255,255,255,.35);max-height:150px;overflow:auto}
.mapa-bairros .mapa-cursos legend{padding:0 6px;font-size:12px;color:var(--muted)}
.mapa-bairros .mapa-curso{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.mapa-bairros .mapa-cidade{display:grid;gap:4px;max-width:280px;margin-bottom:10px;font-size:13px}
.mapa-bairros .mapa-svg{display:block;width:100%;height:auto;max-height:620px;border-radius:12px;background:rgba(255,255,255,.4)}
.mapa-bairros .mapa-bairro{stroke:#fff;stroke-width:1.2;transition:filter .15s}
.mapa-bairros .mapa-bairro:hover{filter:brightness(.92);stroke:#315b7d}
.mapa-bairros .mapa-numero{font-size:15px;font-weight:600;fill:#14233d;pointer-events:none;paint-order:stroke;stroke:rgba(255,255,255,.6);stroke-width:2px}
.mapa-bairros .mapa-numero.claro{fill:#fff;stroke:rgba(16,36,71,.45)}
.mapa-bairros .mapa-legenda{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:11px;color:var(--muted)}
.mapa-bairros .mapa-legenda i{width:28px;height:12px;border-radius:3px}
.mapa-bairros .mapa-fora{margin-top:8px;font-size:12px}
.mapa-bairros .mapa-fora ul{margin:6px 0 0;padding-left:18px}
.mapa-bairros .mapa-cidade-bloco+.mapa-cidade-bloco{margin-top:22px}
.mapa-bairros .mapa-cidade-bloco h3{margin:0 0 8px;font-size:15px;font-weight:500}
.mapa-bairros .mapa-curso-todos{font-weight:600;padding-right:8px;border-right:1px solid rgba(50,80,120,.2)}
.video-da-turma{margin:0 0 6px;line-height:1.3}.video-da-turma small{display:block;font-size:12px}
.assistir-antes{margin-top:10px;padding-top:10px;border-top:1px solid rgba(50,80,120,.15);font-weight:600}
.pa-secao .pa-videos-trabalho{margin:10px 0 4px}
.pa-secao .pa-envio-bloqueado{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#fff4e5;color:#7a4300;font-weight:600;line-height:1.4}
.videos-turma-campos{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;margin:0 0 10px}.videos-turma-campos .videos-turma-busca{flex:1 1 320px;margin:0}.videos-turma-aulas{flex:0 1 380px;min-width:240px;display:grid;gap:6px}.videos-turma-aulas .rotulo-campo{font-weight:700;font-size:14px;margin:0}
.seletor-aulas .seletor-professores-lista{max-height:340px}.seletor-aulas-busca{width:100%;margin:2px 0 6px;min-height:38px}.seletor-aulas-limpar{display:block;margin:0 0 4px auto;font-size:13px}
/* Quem assistiu: a barra de abas não precisa do vão dos materiais; no celular, cartões com rótulo em cima e WhatsApp no canto. */
.materiais-barra:has(~.videos-turma){margin-bottom:20px}
@media(max-width:720px){
  .materiais-barra>select{grid-column:1/-1}
  .videos-turma>p{font-size:14px;line-height:1.4}
  .videos-turma-campos{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.videos-turma-aulas{min-width:0}
  .videos-turma-filtros{gap:0 16px;margin:2px 0 4px}.videos-turma-filtros .check{font-size:14px;gap:7px;padding:6px 0}
  .videos-turma .table-wrap tbody tr,.videos-turma .table-wrap tbody tr:nth-child(odd){background:rgba(255,255,255,.92)}
  .videos-turma .table-wrap tbody td[data-rotulo]{display:block;padding:6px 0 0}
  .videos-turma .table-wrap tbody td[data-rotulo]::before{display:block;margin:0 0 3px}
  .videos-turma .table-wrap tbody td:first-child{padding:0 48px 2px 0}
  .videos-turma .table-wrap tbody td[data-rotulo="Ações" i]:has(.videos-whatsapp){position:absolute;top:8px;right:10px;width:auto;padding:0}
  .videos-turma .table-wrap tbody td[data-rotulo="Ações" i]:empty{display:none}
  .videos-turma .video-da-turma{margin:0 0 6px;overflow-wrap:anywhere}
  .videos-turma .table-wrap tbody td:first-child::before,.videos-turma .table-wrap tbody td[data-rotulo="Ações" i]::before{display:none}
}
@media(max-width:420px){.videos-turma-filtros{gap:0 10px}.videos-turma-filtros .check{font-size:13px;gap:5px}}
/* Auditoria do celular (2026-11-14): Alunos em cartão sem as larguras do computador, toque de 40px, campos de 16px (sem zoom do iOS) e textos longos do portal. */
@media(max-width:640px){
  .table-wrap .tabela-participantes td:nth-child(n){width:100%;min-width:0;padding-left:0;padding-right:0;text-align:left}
  .table-wrap .tabela-participantes td .button-group,.table-wrap .tabela-participantes td .acoes{justify-content:flex-start}
  .participantes-page .tabela-participantes thead{display:none}
  .participantes-page .icon-button.icon-button{width:40px;height:40px;min-width:40px}
  .participantes-page td .button-group{gap:10px}
  dialog .participacao-detalhe{flex-wrap:wrap;justify-content:flex-start}dialog .participacao-detalhe>small{white-space:normal}
}
@media(max-width:720px){
  .participantes-page input:not([type=checkbox]):not([type=radio]),.participantes-page select,.participantes-page textarea{font-size:16px}
  .pa-lista-avisos,.pa-atividades,.pa-videos,.pa-outros{grid-template-columns:minmax(0,1fr)}
  .pa-aviso-texto,.pa-recado p,.pa-anexo,.pa-atividade-detalhe,.pa-secao .pa-video-descricao,.pa-secao .pa-outro-texto p,.pa-secao .pa-outros strong,.pa-secao .pa-video-info strong,.pa-secao .pa-atividade-cabeca strong{overflow-wrap:anywhere;min-width:0}
  .pa-quadros{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.pa-quadro{min-width:0}
  .pa-abas{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-secao .pa-aba-botao{overflow-wrap:anywhere}
  .pa-painel,dialog{max-height:90dvh}
}
@media(max-width:400px){
  .pa-dupla{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-dupla .pa-cartao{gap:8px;padding:12px 10px}.pa-dupla .pa-cartao>div{min-width:0}
  .pa-topo .brand strong{font-size:24px}
}
.aprovar-cadastro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.aprovar-cadastro .outline{min-height:36px}
/* Novo trabalho: "?" ao lado do nome, quadros com título e cor próprios, materiais em tabela zebrada e chave do bloqueio. */
.form-trabalho .ajuda-campo-titulo{display:inline-flex;align-items:center;gap:6px}
.form-trabalho .ajuda-campo:has(>label.check){display:flex;align-items:center;gap:6px}.form-trabalho .ajuda-campo>label.check{margin:4px 0}
.form-trabalho .trabalho-bloco{min-width:0;margin:16px 0;padding:12px 14px 14px;border:1px solid rgba(23,76,155,.2);border-radius:14px}
.form-trabalho .trabalho-bloco>legend{float:left;width:100%;margin:0 0 10px;padding:0;color:var(--ink);font-size:15px;font-weight:700;line-height:1.3}
.form-trabalho .trabalho-bloco>legend+*{clear:both}
.form-trabalho .trabalho-materiais{background:rgba(255,255,255,.78)}
.form-trabalho .trabalho-respostas{background:#e6f0fc}
.espelho-tabela{max-height:300px;overflow:auto;border:1px solid rgba(23,76,155,.14);border-radius:10px;background:#fff}
.espelho-tabela table{width:100%;border-collapse:collapse;font-size:14px;font-weight:400}
.espelho-tabela th{position:sticky;top:0;z-index:1;padding:8px 10px;background:#dde7f4;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.03em;text-align:left;text-transform:uppercase}
.espelho-tabela td{padding:7px 10px;vertical-align:middle;color:var(--ink)}
.espelho-tabela td:first-child,.espelho-tabela th:first-child{width:40px;padding-right:0}
.espelho-tabela td:last-child{color:var(--muted);font-size:13px}
.espelho-tabela td label{display:block;margin:0;font-weight:inherit;cursor:pointer}
.espelho-tabela tbody tr:nth-child(odd){background:rgba(210,218,229,.68)}.espelho-tabela tbody tr:nth-child(even){background:#fff}
.espelho-tabela tbody tr:has(input:checked){background:#d6e8ff}
.trabalho-respostas-linha{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 28px}
.trabalho-respostas-linha .avaliacoes-opcoes{padding-top:5px}
.chave-formulario{display:grid;gap:2px;max-width:340px;padding-left:20px;border-left:1px solid rgba(23,76,155,.25)}
.chave-formulario .interruptor-linha{padding:4px 0;font-size:14px;cursor:pointer}
.chave-formulario small{color:#4a5a72;font-size:12px;line-height:1.35}
@media(max-width:600px){.chave-formulario{padding-left:0;border-left:0;padding-top:10px;border-top:1px solid rgba(23,76,155,.25);max-width:none}.espelho-tabela th:last-child,.espelho-tabela td:last-child{display:none}}
.chave-formulario .interruptor-linha{background:transparent!important;border:0!important;box-shadow:none!important;margin:0;width:auto;min-height:0;color:var(--ink)!important;font-weight:650;text-shadow:none}
.chave-formulario .interruptor-linha[aria-checked="true"] .interruptor{background:linear-gradient(180deg,#2f6fd0,#174c9b);border-color:#123e80;box-shadow:inset 0 1px 2px rgba(0,0,0,.18),0 2px 6px rgba(23,76,155,.3)}
.chave-formulario .interruptor-linha[aria-checked="true"] .interruptor span{background:#fff}
.espelho-tabela td:first-child input{display:block;margin:0}
.espelho-tabela table{margin:0}.trabalho-respostas .avaliacoes-opcoes label{white-space:nowrap}@media(max-width:420px){.trabalho-respostas .avaliacoes-opcoes{gap:6px 14px}}
.atas-da-aula{margin-top:16px}.atas-da-aula-cabeca{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 18px;margin-bottom:10px}.atas-da-aula-cabeca h2{margin:0 0 2px}.atas-da-aula-cabeca p{margin:0}
.atas-enviar{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600}.atas-enviar.desabilitado{opacity:.6;cursor:progress}
.atas-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}.atas-lista li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);border:1px solid rgba(120,145,178,.2)}.atas-lista li>div:first-child{display:grid;min-width:0}.atas-lista strong{overflow-wrap:anywhere;font-weight:600}
.atas-acoes{gap:8px;flex-wrap:nowrap}.atas-acoes a{min-height:34px;padding:6px 14px;font-size:14px}
.atas-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;margin-bottom:8px}.atas-filtro-data{flex:0 0 190px;margin:0}.atas-filtro-busca{flex:1 1 320px;margin:0}
.atas-tabela td small{display:block;color:var(--muted);font-size:12px}
/* Quem assistiu: um cartão por aluno, "Falta assistir" e "Concluídos" separados, barra de progresso em cada vídeo. */
.assistiu-resumo{margin:0 0 10px}
.assistiu-lista{display:grid;gap:12px;margin-top:10px}
.assistiu-aluno{padding:12px 14px 14px;border:1px solid rgba(23,76,155,.14);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 4px 12px rgba(16,36,71,.07)}
.assistiu-aluno>header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(23,76,155,.1)}
.assistiu-aluno>header>strong{font-size:15px;color:var(--ink);margin-right:auto}
.assistiu-selos{display:inline-flex;flex-wrap:wrap;gap:6px}
.assistiu-selo{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:650;line-height:1.5}
.assistiu-selo.falta{background:#fff1dc;color:#8a4b00}.assistiu-selo.ok{background:#e1f5ea;color:#17683f}
.assistiu-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.assistiu-colunas.uma{grid-template-columns:minmax(0,1fr)}
.assistiu-grupo{min-width:0;padding:8px 10px 6px;border-radius:10px}
.assistiu-grupo.falta{background:#fff8ec;border-left:3px solid #e8a33d}
.assistiu-grupo.ok{background:#f1faf5;border-left:3px solid #3aa86b}
.assistiu-grupo.comecou{grid-column:1/-1;background:#f3f6fa;border-left:3px solid #a9b6c8}
.assistiu-grupo h4{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#4a5a72}
.assistiu-grupo h4 span{min-width:20px;padding:0 6px;border-radius:999px;background:rgba(20,35,61,.08);font-size:11px;text-align:center}
.assistiu-grupo ul{list-style:none;margin:0;padding:0;display:grid}
.assistiu-grupo>p{margin:0 0 4px;font-size:13px}
.assistiu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:6px 0;border-top:1px solid rgba(20,35,61,.07)}
.assistiu-item:first-child{border-top:0}
.assistiu-nome{min-width:0;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.assistiu-nome small{display:block;color:var(--muted);font-size:12px}
.assistiu-medida{display:flex;align-items:center;gap:8px}
.assistiu-barra{display:block;width:72px;height:6px;border-radius:999px;background:rgba(20,35,61,.1);overflow:hidden}
.assistiu-barra i{display:block;height:100%;border-radius:inherit;background:#e8a33d}
.assistiu-grupo.ok .assistiu-barra i{background:#3aa86b}.assistiu-grupo.comecou .assistiu-barra i{background:#8b9bb2}
.assistiu-medida b{min-width:34px;font-size:12px;text-align:right;color:#4a5a72}.assistiu-grupo.ok .assistiu-medida b{color:#17683f}
.assistiu-aluno .videos-whatsapp{flex:none}
@media(max-width:720px){.assistiu-colunas{grid-template-columns:minmax(0,1fr)}.assistiu-aluno{padding:10px 12px 12px}.assistiu-barra{width:52px}}
/* Materiais desta aula (menu Aulas). */
.materiais-da-aula{margin-top:16px}.materiais-da-aula-acoes{margin-top:10px}
.materiais-da-aula-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}.materiais-da-aula-lista li{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.7)}.materiais-da-aula-lista small{display:block}
.videos-turma .videos-turma-campos{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(200px,1fr) minmax(200px,1fr);align-items:end;gap:10px 16px}
.videos-turma .videos-turma-campos>.videos-turma-busca,.videos-turma .videos-turma-campos>.videos-turma-aulas{display:grid;gap:6px;min-width:0;max-width:none;margin:0;font-weight:700;font-size:14px}
@media(max-width:900px){.videos-turma .videos-turma-campos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.videos-turma .videos-turma-campos>.videos-turma-busca{grid-column:1/-1}}
@media(max-width:720px){.videos-turma .videos-turma-campos{grid-template-columns:minmax(0,1fr)}.assistiu-item{grid-template-columns:minmax(0,1fr)}.assistiu-medida{gap:10px}.assistiu-barra{flex:1;width:auto}}
.correcao-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px}.correcao-filtros label{margin:8px 0}.correcao-filtros select{min-width:200px}.correcao-busca{flex:1 1 260px}
.correcao-linha-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.correcao-whatsapp{min-height:32px;padding:5px 12px;font-size:13px}.correcao-aguardando{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.correcao-anteriores{margin:8px 0}.correcao-anteriores p{margin:6px 0}
.resultados-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 18px}.resultados-filtros .select-class{flex:1 1 280px;margin:6px 0}.resultados-filtros .select-class:first-child{flex:0 1 340px}
/* Alunos e participantes: botão "Aguardando aprovação" com o número de quem espera. */
.participantes-page .botao-aguardando{position:relative;overflow:visible}
.participantes-page .botao-aguardando.ativo{background:#dbe8fb;border-color:var(--blue);color:var(--blue)}
.notificacao-contador{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d74444;color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(150,30,30,.35)}
.app-shell.ensaio-vidro .participantes-page .botao-aguardando{margin-right:6px}.app-shell.ensaio-vidro .participantes-page .botao-aguardando.ativo{background:linear-gradient(180deg,#2f6fd0,#174c9b)!important;border-color:#123e80!important;color:#fff!important;text-shadow:none!important}

/* Teste de cores (2026-11-14). Variáveis num lugar só; por enquanto aplicadas apenas em Alunos da chamada (Dashboard).
   Só cor e borda: formato, espaçamento, cantos e sombras continuam os de antes. */
:root{--tc-contorno:#c5d3e3;--tc-fundo:#ffffff;--tc-cabecalho:#1f5673;--tc-cabecalho-texto:#ffffff;--tc-linha-impar:#f3f7fb;--tc-linha-par:#dbe8f5;--tc-linha-hover:#c6dbf0;--tc-texto:#111827;--tc-campo-fundo:#ffffff;--tc-campo-borda:#1f5673;--tc-campo-texto:#111827;--tc-campo-placeholder:#475569;--tc-rotulo:#14566f;--tc-foco-anel:rgba(31,86,115,.25)}
.dashboard .lista-chamada-painel .lista-chamada-grafico{background:var(--tc-fundo);border:1px solid var(--tc-contorno)}
.dashboard .lista-chamada-painel .aluno-presenca-cabecalho,.dashboard .lista-chamada-painel .aluno-presenca-cabecalho strong{background:var(--tc-cabecalho);color:var(--tc-cabecalho-texto)}
.dashboard .lista-chamada-painel .aluno-presenca-linha{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno);color:var(--tc-texto)}
.dashboard .lista-chamada-painel .aluno-presenca-linha:nth-child(even){background:var(--tc-linha-par)}
.dashboard .lista-chamada-painel .aluno-presenca-linha:hover{background:var(--tc-linha-hover)}
.dashboard .lista-chamada-painel .aluno-presenca-total{color:var(--tc-texto);opacity:1}
body.ensaio-vidro .dashboard .lista-chamada-painel input.busca-lista-chamada[type="search"]{background:var(--tc-campo-fundo);border:2px solid var(--tc-campo-borda)!important;color:var(--tc-campo-texto)}
body.ensaio-vidro .dashboard .lista-chamada-painel input.busca-lista-chamada[type="search"]::placeholder{color:var(--tc-campo-placeholder);opacity:1}
body.ensaio-vidro .lista-chamada-painel .ordenacao-lista{color:var(--tc-rotulo)}
body.ensaio-vidro .lista-chamada-painel .ordenacao-lista select,body.ensaio-vidro .lista-chamada-painel .ordenacao-lista select:hover{background:var(--tc-campo-fundo)!important;border:2px solid var(--tc-campo-borda)!important;color:var(--tc-campo-texto)}
body.ensaio-vidro .dashboard .lista-chamada-painel input.busca-lista-chamada[type="search"]:focus,body.ensaio-vidro .lista-chamada-painel .ordenacao-lista select:focus{outline:none;border-color:var(--tc-campo-borda)!important;box-shadow:0 0 0 3px var(--tc-foco-anel)!important}
/* Teste de cores, ajuste 2: espaço branco entre os alunos e cabeçalho mais alto, sem cortar. */
.dashboard .lista-chamada-painel .lista-chamada-grafico ul{display:grid;gap:6px}
.dashboard .lista-chamada-painel .aluno-presenca-linha{border-radius:8px}
.dashboard .lista-chamada-painel .aluno-presenca-cabecalho{padding:12px 9px;margin-bottom:6px;border-radius:8px;line-height:1.2}
.dashboard .lista-chamada-painel .aluno-presenca-cabecalho strong{top:50%;right:9px;transform:translateY(-50%)}
/* Tabela padrão do teste de cores, para <table> de verdade: ponha "tabela-tc" no .table-wrap.
   Usa as mesmas variáveis --tc-; não mexe em fontes nem botões. No computador a cor vai nas células, para os cantos
   arredondarem; no celular (até 640px, onde a tabela vira cartão) a tabela já vira cartões, e cada cartão ganha as cores do padrão. */
body.ensaio-vidro .table-wrap.tabela-tc{background:var(--tc-fundo);border:1px solid var(--tc-contorno);border-radius:12px;padding:0 8px}
@media(min-width:641px){
.tabela-tc table{border-collapse:separate;border-spacing:0 6px;margin-top:0}
body.ensaio-vidro .tabela-tc th{background:var(--tc-cabecalho);color:var(--tc-cabecalho-texto);border-bottom:0}
.tabela-tc th:first-child{border-radius:8px 0 0 8px}.tabela-tc th:last-child{border-radius:0 8px 8px 0}
body.ensaio-vidro .tabela-tc tbody tr,body.ensaio-vidro .tabela-tc tbody tr:nth-child(odd){background:transparent}
body.ensaio-vidro .tabela-tc td{background:var(--tc-linha-impar);color:var(--tc-texto);border-top:1px solid var(--tc-contorno);border-bottom:1px solid var(--tc-contorno);vertical-align:middle}
.tabela-tc td:first-child{border-left:1px solid var(--tc-contorno);border-radius:8px 0 0 8px}.tabela-tc td:last-child{border-right:1px solid var(--tc-contorno);border-radius:0 8px 8px 0}
body.ensaio-vidro .tabela-tc tbody tr:nth-child(even) td{background:var(--tc-linha-par)}
body.ensaio-vidro .tabela-tc tbody tr:hover td,body.ensaio-vidro .tabela-tc tbody tr.linha-selecionada td{background:var(--tc-linha-hover)}
body.ensaio-vidro .tabela-tc tbody tr.linha-selecionada td:first-child{box-shadow:inset 3px 0 0 var(--tc-cabecalho)}
}
@media(max-width:640px){
body.ensaio-vidro .table-wrap.tabela-tc{padding:8px}
body.ensaio-vidro .tabela-tc tbody tr{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno)}
body.ensaio-vidro .tabela-tc tbody tr:nth-child(even){background:var(--tc-linha-par)}
body.ensaio-vidro .tabela-tc tbody tr.linha-selecionada{background:var(--tc-linha-hover);border-color:var(--tc-cabecalho)}
body.ensaio-vidro .tabela-tc tbody td{color:var(--tc-texto)}
body.ensaio-vidro .tabela-tc tbody td[data-rotulo]::before{color:var(--tc-rotulo)}
}
body.ensaio-vidro .tabela-tc td small,body.ensaio-vidro .tabela-tc td .subtle{color:var(--tc-texto)}
/* Ícones de ação nas tabelas do padrão (opção B): botão branco, borda 2px e ícone na cor da borda dos campos.
   Vale para todo botão de ícone dentro da tabela, com ou sem grupo de botões. */
body.ensaio-vidro .table-wrap.tabela-tc td .icon-button:not(.destructive){background:var(--tc-campo-fundo);border:2px solid var(--tc-campo-borda);color:var(--tc-campo-borda);box-shadow:none}
body.ensaio-vidro .table-wrap.tabela-tc td .icon-button:not(.destructive):hover,body.ensaio-vidro .table-wrap.tabela-tc td .icon-button:not(.destructive):focus-visible{background:var(--tc-linha-par);color:var(--tc-campo-borda);box-shadow:0 0 0 3px var(--tc-foco-anel)}
body.ensaio-vidro .table-wrap.tabela-tc td .icon-button:not(.destructive) svg{stroke-width:1.8}

/* Alunos da chamada: os bloquinhos encolhem para caber na linha (antes a sobra era cortada e 27/33 parecia cheio).
   No celular o total de alunos desce para a 2ª linha do cabeçalho, ao lado de Frequência. */
.dashboard .aluno-presenca-linha>.aluno-presenca-blocos{overflow:visible;justify-content:flex-start}
.dashboard .aluno-presenca-linha>.aluno-presenca-blocos i{flex:1 1 0;min-width:0;width:auto;max-width:var(--bloco)}
@media(max-width:720px){
  .dashboard .lista-chamada-painel .aluno-presenca-cabecalho{row-gap:4px}
  .dashboard .lista-chamada-painel .aluno-presenca-cabecalho span:nth-child(3){grid-column:1;grid-row:2}
  .dashboard .lista-chamada-painel .aluno-presenca-cabecalho strong{position:static;transform:none;grid-column:2;grid-row:2;justify-self:end;white-space:nowrap;font-size:11px}
  .dashboard .lista-chamada-painel .aluno-presenca-cabecalho strong::after{content:" alunos"}
  .dashboard .aluno-presenca-linha>.aluno-presenca-blocos{--bloco:14px;--vao:3px}
}
/* Campos do padrão (busca, filtro e ordenação): ponha "campos-tc" no bloco que tem os campos. */
body.ensaio-vidro .campos-tc input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),body.ensaio-vidro .campos-tc select,body.ensaio-vidro .campos-tc select:hover{background:var(--tc-campo-fundo)!important;border:2px solid var(--tc-campo-borda)!important;color:var(--tc-campo-texto)}
body.ensaio-vidro .campos-tc input::placeholder{color:var(--tc-campo-placeholder);opacity:1}
body.ensaio-vidro .campos-tc label,body.ensaio-vidro .campos-tc .ordenacao-lista{color:var(--tc-rotulo)}
body.ensaio-vidro .campos-tc input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,body.ensaio-vidro .campos-tc select:focus{outline:none;border-color:var(--tc-campo-borda)!important;box-shadow:0 0 0 3px var(--tc-foco-anel)!important}
/* Aulas do Curso: título na linha do campo "Ordenar por", centralizado com ele; respiro igual antes da tabela. */
.cursos-eventos-panel .cursos-eventos-cabecalho{margin-bottom:16px}
/* Anexo de Atas e Materiais desta aula no padrão: título e botão na mesma linha, itens como as linhas da tabela, texto escuro. */
.atas-da-aula-cabeca{align-items:center}
.atas-da-aula-cabeca .subtle,.atas-da-aula .empty,.materiais-da-aula .empty{color:var(--tc-texto)}
body.ensaio-vidro .atas-lista li,body.ensaio-vidro .materiais-da-aula-lista li{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno);color:var(--tc-texto)}
body.ensaio-vidro .atas-lista li:nth-child(even),body.ensaio-vidro .materiais-da-aula-lista li:nth-child(even){background:var(--tc-linha-par)}
body.ensaio-vidro .atas-lista li:hover,body.ensaio-vidro .materiais-da-aula-lista li:hover{background:var(--tc-linha-hover)}
body.ensaio-vidro .atas-lista small,body.ensaio-vidro .materiais-da-aula-lista small{color:var(--tc-texto)}
body.ensaio-vidro .atas-lista,body.ensaio-vidro .materiais-da-aula-lista{background:var(--tc-fundo);border:1px solid var(--tc-contorno);border-radius:12px;padding:8px}
body.ensaio-vidro .atas-acoes a.outline{background:var(--tc-campo-fundo);border:2px solid var(--tc-campo-borda);color:var(--tc-campo-borda);box-shadow:none}
body.ensaio-vidro .atas-acoes a.outline:hover,body.ensaio-vidro .atas-acoes a.outline:focus-visible{background:var(--tc-linha-par);box-shadow:0 0 0 3px var(--tc-foco-anel)}
/* Materiais (gestor) no padrão: tópicos como as linhas da tabela, dentro da caixa branca; texto escuro e seta azul. */
body.ensaio-vidro .materiais-page .material-lista{background:var(--tc-fundo);border:1px solid var(--tc-contorno);border-radius:12px;padding:8px;gap:6px}
body.ensaio-vidro .materiais-page .material-lista>.material-topico{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno);box-shadow:none;color:var(--tc-texto)}
body.ensaio-vidro .materiais-page .material-lista>.material-topico:nth-child(even){background:var(--tc-linha-par)}
body.ensaio-vidro .materiais-page .material-lista>.material-topico>summary:hover{background:var(--tc-linha-hover);border-radius:12px}
body.ensaio-vidro .materiais-page .material-topico>summary small{color:var(--tc-texto)}
body.ensaio-vidro .materiais-page .material-topico>summary::before{background:var(--tc-cabecalho)}
body.ensaio-vidro .materiais-page .material-topico>summary small{white-space:nowrap}
.materiais-page .materiais-barra{margin-bottom:16px}
/* Materiais: dentro do módulo aberto, caixa branca; cada aula é um cartão nas cores do padrão, separado pelo branco. */
body.ensaio-vidro .materiais-page .material-topico[open]>.material-topico-corpo{background:var(--tc-fundo);border:1px solid var(--tc-contorno);border-radius:12px;margin:0 8px 8px;padding:10px;gap:8px}
body.ensaio-vidro .materiais-page .material-topico-corpo>article.material-item{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno);box-shadow:none;color:var(--tc-texto)}
body.ensaio-vidro .materiais-page .material-topico-corpo>article.material-item:nth-of-type(even){background:var(--tc-linha-par)}
body.ensaio-vidro .materiais-page .material-item .material-anexos{border-top-color:var(--tc-contorno)}
@media(max-width:720px){body.ensaio-vidro .materiais-page .material-topico[open]>.material-topico-corpo{margin:0 4px 4px;padding:6px}}
/* Materiais, teste 2: (1) data e autor sem negrito; (2) botões internos na opção B; (3) situação e ações à direita;
   e o módulo aberto com barra azul e contorno, para não misturar com o próximo. */
body.ensaio-vidro .materiais-page .material-item .material-cabeca small{font-weight:400}
.materiais-page .material-cabeca-direita{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.materiais-page .material-cabeca-direita .material-selo{margin:0}.materiais-page .material-cabeca-direita .material-publicar{margin:0}
body.ensaio-vidro .materiais-page .material-topico-corpo .outline,body.ensaio-vidro .materiais-page .material-topico-corpo .icon-button{background:var(--tc-campo-fundo);border:2px solid var(--tc-campo-borda);color:var(--tc-campo-borda);box-shadow:none}
body.ensaio-vidro .materiais-page .material-topico-corpo .outline:hover,body.ensaio-vidro .materiais-page .material-topico-corpo .icon-button:hover,body.ensaio-vidro .materiais-page .material-topico-corpo .outline:focus-visible,body.ensaio-vidro .materiais-page .material-topico-corpo .icon-button:focus-visible{background:var(--tc-linha-par);box-shadow:0 0 0 3px var(--tc-foco-anel)}
body.ensaio-vidro .materiais-page .material-lista>.material-topico[open]{border:2px solid var(--tc-cabecalho);margin:4px 0 10px}
body.ensaio-vidro .materiais-page .material-lista>.material-topico[open]>summary{background:var(--tc-cabecalho);color:var(--tc-cabecalho-texto);border-radius:10px 10px 0 0}
body.ensaio-vidro .materiais-page .material-lista>.material-topico[open]>summary:hover{background:var(--tc-cabecalho);border-radius:10px 10px 0 0}
body.ensaio-vidro .materiais-page .material-topico[open]>summary small,body.ensaio-vidro .materiais-page .material-topico[open]>summary::before{color:var(--tc-cabecalho-texto);background-color:var(--tc-cabecalho-texto)}
body.ensaio-vidro .materiais-page .material-topico[open]>summary small{background:none}
body.ensaio-vidro .materiais-page .material-topico[open]>.material-topico-corpo{margin-top:8px}
.materiais-page .material-cabeca>div:first-child{flex:1 1 auto}
@media(max-width:720px){.materiais-page .material-cabeca{flex-wrap:wrap}.materiais-page .material-cabeca>div:first-child{flex:1 1 100%}.materiais-page .material-cabeca-direita{order:-1;width:100%;justify-content:flex-start}}
/* Ao abrir um módulo a tela rola até o topo dele; a folga evita que fique atrás da barra fixa do celular. */
.materiais-page .material-topico{scroll-margin-top:16px}
@media(max-width:720px){.materiais-page .material-topico{scroll-margin-top:96px}}
.materiais-page .material-anexo-video{scroll-margin-top:16px}
@media(max-width:720px){.materiais-page .material-anexo-video{scroll-margin-top:96px}}
/* Avisos (Materiais) no padrão: cartões alternados, data e autor como cabeçalho azul separado do texto, ícones na opção B. */
body.ensaio-vidro .materiais-page .avisos-lista>article.material-item{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno);box-shadow:none;color:var(--tc-texto)}
body.ensaio-vidro .materiais-page .avisos-lista>article.material-item:nth-child(even){background:var(--tc-linha-par)}
body.ensaio-vidro .materiais-page .avisos-lista .material-cabeca{align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--tc-contorno)}
body.ensaio-vidro .materiais-page .avisos-lista .material-cabeca small{color:var(--tc-rotulo);font-weight:600}
body.ensaio-vidro .materiais-page .avisos-lista .material-cabeca small+small{font-weight:400;font-size:13px}
body.ensaio-vidro .materiais-page .avisos-lista .material-texto{margin:0;color:var(--tc-texto)}
body.ensaio-vidro .materiais-page .avisos-lista .icon-button{background:var(--tc-campo-fundo);border:2px solid var(--tc-campo-borda);color:var(--tc-campo-borda);box-shadow:none}
body.ensaio-vidro .materiais-page .avisos-lista .icon-button:hover,body.ensaio-vidro .materiais-page .avisos-lista .icon-button:focus-visible{background:var(--tc-linha-par);box-shadow:0 0 0 3px var(--tc-foco-anel)}
@media(max-width:720px){.materiais-page .avisos-lista .material-cabeca{flex-wrap:nowrap}.materiais-page .avisos-lista .material-cabeca>div:first-child{flex:1 1 auto}}
/* Avisos: quem leu cada aviso (Mural do Aluno) e quem ainda não leu, com o WhatsApp. */
.avisos-lista .aviso-leituras{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--tc-contorno);color:var(--tc-texto);font-size:14px}
.avisos-lista details.aviso-leituras>summary{cursor:pointer;font-weight:600;color:var(--tc-rotulo)}
.avisos-lista .aviso-leituras ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.avisos-lista .aviso-leituras li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:8px;background:var(--tc-fundo);border:1px solid var(--tc-contorno);min-height:44px}
.avisos-lista .aviso-leituras li span{min-width:0;overflow-wrap:anywhere}
/* Tela Avisos: seletor de curso à esquerda e "+ Novo aviso" à direita, do tamanho do texto (padrão do "+ Novo"). */
.avisos-page .materiais-barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.avisos-page .materiais-barra>select{flex:1 1 220px;max-width:360px}
.avisos-page .materiais-barra>.materiais-novo-aviso{margin-left:auto;width:auto;padding-left:16px;padding-right:16px}
.avisos-lista .aviso-leituras li .videos-whatsapp{flex:none}
/* Padrão: em listas com textos de tamanho diferente, o ícone de ação fica numa coluna fixa ANTES do texto,
   para os ícones ficarem alinhados na vertical (docs/padroes/icones.md). */
.coluna-icone{flex:0 0 40px;width:40px;display:flex;align-items:center;justify-content:center}
.lista-com-icone>li{display:flex;align-items:center;justify-content:flex-start;gap:10px}
.lista-com-icone>li>.coluna-icone+*{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.videos-whatsapp.sem-telefone{opacity:.4;filter:grayscale(1);cursor:help}
.assistiu-aluno>header>.coluna-icone{order:-1}
.assistiu-aluno>header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"icone nome selos";align-items:center;column-gap:12px;row-gap:4px}
.assistiu-aluno>header>.coluna-icone{grid-area:icone}.assistiu-aluno>header>strong{grid-area:nome;margin:0;overflow-wrap:anywhere}.assistiu-aluno>header>.assistiu-selos{grid-area:selos}
@media(max-width:640px){.assistiu-aluno>header{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icone nome" "icone selos"}}
/* WhatsApp no padrão B em todo o sistema (BotaoWhatsapp): branco, borda 2px azul, logo verde, mesmo tamanho em toda tela. */
body.ensaio-vidro .icon-button.videos-whatsapp{width:34px!important;height:34px!important;min-width:34px;flex:0 0 34px;padding:0;border:2px solid var(--tc-campo-borda);border-radius:50%;background:var(--tc-campo-fundo);box-shadow:none;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.ensaio-vidro .icon-button.videos-whatsapp svg{width:18px;height:18px;color:#25a244;filter:none}
body.ensaio-vidro .icon-button.videos-whatsapp:hover,body.ensaio-vidro .icon-button.videos-whatsapp:focus-visible{background:var(--tc-linha-par);box-shadow:0 0 0 3px var(--tc-foco-anel);transform:none}
body.ensaio-vidro .icon-button.videos-whatsapp.sem-telefone{opacity:.4;filter:grayscale(1)}
body.ensaio-vidro .icon-button.videos-whatsapp.sem-telefone:hover{background:var(--tc-campo-fundo);box-shadow:none}
/* Faixa de situação na lateral esquerda do cartão: vermelha = falta algo, verde = em dia (cores de presença do catálogo). */
:root{--tc-situacao-falta:rgba(215,68,68,.9);--tc-situacao-ok:rgba(31,157,106,.88)}
.faixa-situacao.falta{border-left:5px solid var(--tc-situacao-falta)!important}
.faixa-situacao.ok{border-left:5px solid var(--tc-situacao-ok)!important}
/* Quem assistiu no padrão: cartão branco com borda fina, grupos com faixa vermelha (falta) e verde (concluídos), texto escuro. */
body.ensaio-vidro .videos-turma .assistiu-aluno{background:var(--tc-fundo);border:1px solid var(--tc-contorno);box-shadow:none}
body.ensaio-vidro .videos-turma .assistiu-aluno>header{border-bottom-color:var(--tc-contorno)}
body.ensaio-vidro .videos-turma .assistiu-grupo{background:var(--tc-linha-impar);border:1px solid var(--tc-contorno);border-left-width:4px}
body.ensaio-vidro .videos-turma .assistiu-grupo.falta{border-left-color:var(--tc-situacao-falta)}
body.ensaio-vidro .videos-turma .assistiu-grupo.ok{border-left-color:var(--tc-situacao-ok)}
body.ensaio-vidro .videos-turma .assistiu-grupo h4{color:var(--tc-rotulo)}
body.ensaio-vidro .videos-turma .assistiu-item{padding:6px 8px;border-radius:6px;border-top:0}
body.ensaio-vidro .videos-turma .assistiu-item:nth-child(even){background:var(--tc-linha-par)}
body.ensaio-vidro .videos-turma .assistiu-nome,body.ensaio-vidro .videos-turma .assistiu-nome small,body.ensaio-vidro .videos-turma .assistiu-grupo>p{color:var(--tc-texto)}
body.ensaio-vidro .videos-turma .assistiu-selo.falta{background:#fde8e8;color:#9b1c1c}
body.ensaio-vidro .videos-turma .assistiu-grupo.falta .assistiu-barra i{background:var(--tc-situacao-falta)}
body.ensaio-vidro .videos-turma .assistiu-grupo.falta .assistiu-medida b{color:#9b1c1c}
/* Seletores de várias opções (Aulas, Vídeos) com o visual dos campos do padrão. */
body.ensaio-vidro .campos-tc .seletor-professores-gatilho{background:var(--tc-campo-fundo);border:2px solid var(--tc-campo-borda);color:var(--tc-campo-texto);box-shadow:none}
body.ensaio-vidro .campos-tc .seletor-professores-gatilho[data-vazio="true"]{color:var(--tc-campo-placeholder)}
body.ensaio-vidro .campos-tc .seletor-professores-gatilho:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tc-foco-anel)}
body.ensaio-vidro .campos-tc .rotulo-campo{color:var(--tc-rotulo)}
/* Faixa de situação também em linhas de tabela: no computador, uma barra na primeira célula; no celular, a lateral do cartão. */
:root{--tc-situacao-atencao:var(--yellow)}
.faixa-situacao.atencao{border-left:5px solid var(--tc-situacao-atencao)!important}
@media(min-width:641px){
tr.faixa-situacao{border-left:0!important}
tr.faixa-situacao.ok>td:first-child{box-shadow:inset 5px 0 0 var(--tc-situacao-ok)}
tr.faixa-situacao.falta>td:first-child{box-shadow:inset 5px 0 0 var(--tc-situacao-falta)}
tr.faixa-situacao.atencao>td:first-child{box-shadow:inset 5px 0 0 var(--tc-situacao-atencao)}
tr.faixa-situacao>td:first-child{padding-left:16px}
}
/* Mural do Aluno: vídeo do YouTube no aviso, com o botão "Ver vídeo" da tela Materiais. */
.pa-aviso-video{display:grid;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid var(--tc-contorno);border-radius:12px;background:var(--tc-fundo)}
.pa-aviso-video>strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.pa-aviso-video .pa-video-fechar{width:100%;margin:0}
.pa-aviso-video .pa-player .correcao-video,.pa-aviso-video .pa-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px}
.pa-aviso-video .pa-video-fechar{display:block;min-height:48px;border:1px solid #c8d3e2;border-radius:12px;background:#fff;font:inherit;font-size:16px;font-weight:700;color:var(--tc-texto);cursor:pointer}
.pa-aviso-video .pa-video-fechar.pa-video-ver{border:2px solid var(--tc-campo-borda);color:var(--tc-campo-borda)}
.correcao-video video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}