/* One native dialog: steady navigation and a separate, keyboard-scrollable reading area. */
html:has(.aula-evaluation-dialog[open]) { overflow:hidden; scrollbar-gutter:auto !important; }
dialog.aula-evaluation-dialog { --evaluation-ink:#1c344e; --evaluation-muted:#52677f; --evaluation-line:#dce5ee; box-sizing:border-box; padding:0; width:min(880px,calc(100vw - 40px)); max-width:calc(100vw - 40px); height:min(820px,calc(100dvh - 40px)); max-height:calc(100dvh - 40px); margin:auto; border:1px solid #d6e1ed; border-radius:18px; background:#fff; color:var(--evaluation-ink); overflow:hidden; box-shadow:0 24px 90px #0e263640; font-family:inherit; }
dialog.aula-evaluation-dialog[open] { display:flex; flex-direction:column; }
dialog.aula-evaluation-dialog[data-evaluation-type=file] { height:min(720px,calc(100dvh - 40px)); }
dialog.aula-evaluation-dialog::backdrop { background:#142e4c99; backdrop-filter:blur(3px); }
.aula-evaluation-dialog :is(p,small,time,input,textarea,select) { font-weight:400; }
.aula-evaluation-dialog :is(button,a,input,textarea,summary):focus-visible { outline:2px solid #2867a8; outline-offset:3px; }
.aula-evaluation-dialog > .aula-evaluation-dialog-close { display:grid; place-items:center; position:absolute; z-index:3; right:16px; top:16px; width:44px; height:44px; min-height:44px; padding:0; color:#46627e; background:#f5f8fc; border:1px solid #dce5ee; border-radius:12px; cursor:pointer; }
.aula-evaluation-dialog > .aula-evaluation-dialog-close:hover { color:#1d4774; background:#eaf2fc; }
.aula-evaluation-dialog-close svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.aula-evaluation-dialog [data-aula-evaluation-dialog-content] { display:flex; flex-direction:column; min-height:0; height:100%; }
.aula-evaluation-dialog .aula-evaluation-dialog-head { flex-shrink:0; margin:0; padding:24px 80px 21px 28px; border-bottom:1px solid var(--evaluation-line); background:#fff; }
.aula-evaluation-dialog .aula-evaluation-dialog-head > div { display:flex; align-items:center; gap:8px 12px; flex-wrap:wrap; font-size:12px; line-height:1.5; letter-spacing:0; text-transform:none; font-weight:400; }
.aula-evaluation-dialog .aula-evaluation-dialog-head > div > span:first-child { padding:4px 8px; color:#315c89; background:#edf4fc; border-radius:5px; font-size:10px; font-weight:500; letter-spacing:.035em; }
.aula-evaluation-dialog .aula-evaluation-dialog-head > div > span + span { color:var(--evaluation-muted); font-size:12px; font-weight:400; overflow-wrap:anywhere; }
.aula-evaluation-dialog .aula-evaluation-dialog-head h2 { margin:11px 0 6px; max-width:none; color:var(--evaluation-ink); font-size:24px; font-weight:650; letter-spacing:-.025em; line-height:1.35; overflow-wrap:anywhere; }
.aula-evaluation-dialog .aula-evaluation-dialog-head > p { margin:0; max-width:none; color:var(--evaluation-muted); font-size:13px; font-weight:400; line-height:1.65; white-space:normal; }
.aula-evaluation-dialog .evaluation-dialog-scroll { flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; background:#f6f8fb; }
.aula-evaluation-dialog .evaluation-dialog-scroll:focus-visible { outline:2px solid #2867a8; outline-offset:-3px; }
.aula-evaluation-dialog .aula-evaluation-dialog-body { padding:22px 28px 26px; }
.aula-evaluation-dialog .evaluation-activity-context { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin:0 0 20px; }
.aula-evaluation-dialog .evaluation-activity-context > time { display:flex; align-items:center; gap:7px; min-height:28px; color:var(--evaluation-muted); font-size:12px; line-height:1.6; }
.aula-evaluation-dialog .evaluation-activity-context > time svg { flex:0 0 16px; width:16px; height:16px; fill:none; stroke:#65809b; stroke-width:1.5; }
.aula-evaluation-dialog .evaluation-activity-context details { max-width:100%; min-width:0; font-size:12px; color:var(--evaluation-muted); }
.aula-evaluation-dialog .evaluation-activity-context details[open] { flex-basis:100%; }
.aula-evaluation-dialog .evaluation-activity-context summary { width:fit-content; min-height:28px; align-content:center; color:#315e8e; cursor:pointer; line-height:1.6; }
.aula-evaluation-dialog .evaluation-activity-context details p { margin:9px 0 0; padding:12px 15px; color:var(--evaluation-muted); background:#fff; border:1px solid var(--evaluation-line); border-radius:9px; font-size:13px; line-height:1.75; white-space:pre-line; overflow-wrap:anywhere; }
.aula-evaluation-dialog .aula-evaluation-result { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:20px; margin:0 0 20px; padding:22px 24px; border:1px solid #2c5275; border-radius:13px; background:linear-gradient(125deg,#2c567b,#193650); color:#fff; }
.aula-evaluation-dialog .aula-evaluation-result > div { display:grid; gap:7px; min-width:0; }
.aula-evaluation-dialog .aula-evaluation-result > div > span { color:#c7dced; font-size:11px; font-weight:400; text-transform:none; letter-spacing:.04em; }
.aula-evaluation-dialog .aula-evaluation-result strong { color:#fff; font-size:17px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.aula-evaluation-dialog .aula-evaluation-result p { margin:0; color:#d6e5f2; font-size:12px; line-height:1.6; }
.aula-evaluation-dialog .aula-evaluation-result > b { display:flex; flex-direction:column; align-items:flex-end; gap:5px; color:#fff; font-size:32px; font-weight:600; line-height:1.2; letter-spacing:-.035em; white-space:nowrap; }
.aula-evaluation-dialog .aula-evaluation-result > b > small { color:#d0e0ef; font-size:10px; font-weight:400; line-height:1.5; letter-spacing:.02em; }
.aula-evaluation-dialog .aula-evaluation-result.is-submitted > b { font-size:15px; letter-spacing:0; white-space:normal; text-align:right; }
.aula-evaluation-dialog .aula-evaluation-feedback { display:grid; gap:6px; margin:0 0 24px; padding:14px 17px; border:1px solid var(--evaluation-line); border-left:3px solid #a5bdd5; border-radius:9px; background:#fff; color:#425a72; font-size:13px; line-height:1.75; font-weight:400; overflow-wrap:anywhere; white-space:pre-line; }
.aula-evaluation-dialog .aula-evaluation-feedback strong { color:#31536f; font-size:11px; font-weight:500; text-transform:none; letter-spacing:0; }
.aula-evaluation-dialog .evaluation-review-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 16px; }
.aula-evaluation-dialog .evaluation-review-heading h3 { margin:0 0 5px; color:var(--evaluation-ink); font-size:17px; font-weight:600; line-height:1.45; letter-spacing:-.015em; }
.aula-evaluation-dialog .evaluation-review-heading p { margin:0; color:var(--evaluation-muted); font-size:12px; line-height:1.65; }
.aula-evaluation-dialog .evaluation-review-heading > span { flex-shrink:0; padding:5px 9px; color:#536b82; background:#eaf0f6; border-radius:20px; font-size:11px; line-height:1.5; }
.aula-evaluation-dialog .aula-evaluation-review ol { display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.aula-evaluation-dialog .aula-evaluation-review ol > li { margin:0; padding:20px; min-width:0; border:1px solid var(--evaluation-line); border-radius:13px; background:#fff; }
.aula-evaluation-dialog .evaluation-question-heading { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:10px; align-items:start; margin:0 0 16px; }
.aula-evaluation-dialog .evaluation-question-heading > span { display:grid; place-items:center; min-height:30px; width:30px; border-radius:8px; background:#edf3fa; color:#315d8a; font-size:11px; font-weight:500; line-height:1.2; }
.aula-evaluation-dialog .evaluation-question-heading h4 { margin:3px 0 0; color:var(--evaluation-ink); font-size:14px; font-weight:600; line-height:1.65; overflow-wrap:anywhere; }
.aula-evaluation-dialog .evaluation-question-state { margin-top:3px; padding:4px 7px; color:#52677f; background:#f1f4f8; border-radius:5px; font-size:10px; font-weight:400; line-height:1.6; white-space:nowrap; }
.aula-evaluation-dialog .evaluation-question-state.is-correct { color:#2b6951; background:#edf7f1; }
.aula-evaluation-dialog .evaluation-question-state.is-incorrect { color:#8a4c3f; background:#fcf1ed; }
.aula-evaluation-dialog .aula-evaluation-review li > div { display:grid; gap:8px; padding:0; }
.aula-evaluation-dialog .aula-evaluation-review-option { display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:46px; padding:10px 12px; border:1px solid #e0e7ef; border-radius:8px; background:#fff; color:#425a73; font-size:13px; line-height:1.65; }
.aula-evaluation-dialog .aula-evaluation-review-option .evaluation-option-letter { display:grid; place-items:center; align-self:start; width:25px; height:25px; border:1px solid #dce5ee; border-radius:6px; color:#63778c; background:#f7f9fc; font-size:11px; font-weight:400; }
.aula-evaluation-dialog .evaluation-option-text { min-width:0; color:#334e68; font-size:13px; font-weight:400; overflow-wrap:anywhere; }
.aula-evaluation-dialog .aula-evaluation-review-option small { display:inline-flex; align-items:center; gap:5px; justify-self:end; color:#52677f; font-size:10px; font-weight:400; line-height:1.6; text-align:right; }
.aula-evaluation-dialog .aula-evaluation-review-option small svg { flex:0 0 13px; width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.7; }
.aula-evaluation-dialog .aula-evaluation-review-option.is-correct { background:#f0f8f3; border-color:#b9d8c6; }
.aula-evaluation-dialog .aula-evaluation-review-option.is-correct small { color:#28654d; }
.aula-evaluation-dialog .aula-evaluation-review-option.is-incorrect { background:#fff4f2; border-color:#e5c5c0; }
.aula-evaluation-dialog .aula-evaluation-review-option.is-incorrect small { color:#8b4137; }
.aula-evaluation-dialog .aula-evaluation-review-option.is-selected { background:#f1f6fd; border-color:#afc7e1; }
.aula-evaluation-dialog .evaluation-dialog-footer { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:15px; padding:14px 28px; border-top:1px solid var(--evaluation-line); background:#fff; }
.aula-evaluation-dialog .evaluation-dialog-footer > span { color:#52677f; font-size:11px; font-weight:400; line-height:1.6; }
.aula-evaluation-dialog .evaluation-dialog-footer button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 15px; border:1px solid #245e98; border-radius:9px; background:#245e98; color:#fff; font-family:inherit; font-size:12px; font-weight:500; cursor:pointer; }
.aula-evaluation-dialog .evaluation-dialog-footer button:hover { background:#194e83; }
.aula-evaluation-dialog .evaluation-dialog-footer svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
.aula-evaluation-dialog .aula-evaluation-dialog-status { margin:0; padding:0 28px 18px; font-size:13px; line-height:1.65; }
.aula-evaluation-dialog .aula-evaluation-dialog-status:empty { display:none; }
/* The same type scale also applies before submission and to document deliveries. */
.aula-evaluation-dialog .aula-evaluation-quiz li + li { border:0; padding-top:0; margin-top:16px; }
.aula-evaluation-dialog .aula-evaluation-quiz li { padding:20px; border:1px solid var(--evaluation-line); border-radius:12px; background:#fff; }
.aula-evaluation-dialog .aula-evaluation-quiz legend { font-size:14px; font-weight:600; line-height:1.65; }
.aula-evaluation-dialog .aula-evaluation-options { padding-left:0; }
.aula-evaluation-dialog .aula-evaluation-options label { min-height:48px; border-color:#d9e4ee; border-radius:8px; font-size:14px; line-height:1.65; }
.aula-evaluation-dialog .aula-evaluation-options b { font-size:13px; font-weight:400; overflow-wrap:anywhere; }
.aula-evaluation-dialog .aula-evaluation-submit-row { padding-top:18px; margin-top:20px; }
.aula-evaluation-dialog .aula-evaluation-submit-row button { min-height:44px; font-size:13px; font-weight:500; background:#245e98; }
.aula-evaluation-dialog .aula-evaluation-files h3 { font-size:16px; font-weight:600; line-height:1.5; }
.aula-evaluation-dialog :is(.aula-evaluation-file strong,.aula-evaluation-file b) { font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.aula-evaluation-dialog :is(textarea,input[type=text],input[type=url],input[type=file]) { font-family:inherit; font-size:14px; font-weight:400; }
.aula-evaluation-dialog .aula-evaluation-upload > label { font-size:13px; font-weight:500; line-height:1.65; }
.aula-evaluation-dialog .aula-evaluation-upload > small { font-size:12px; line-height:1.65; color:#52677f; }
@media (max-width:600px) {
  dialog.aula-evaluation-dialog,dialog.aula-evaluation-dialog[data-evaluation-type=file] { width:calc(100vw - 16px); max-width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:15px; }
  .aula-evaluation-dialog > .aula-evaluation-dialog-close { right:10px; top:10px; }
  .aula-evaluation-dialog .aula-evaluation-dialog-head { padding:19px 65px 17px 18px; }
  .aula-evaluation-dialog .aula-evaluation-dialog-head h2 { font-size:19px; margin-top:9px; line-height:1.4; }
  .aula-evaluation-dialog .aula-evaluation-dialog-head > p { font-size:12px; }
  .aula-evaluation-dialog .aula-evaluation-dialog-body { padding:18px 15px 22px; }
  .aula-evaluation-dialog .evaluation-activity-context { gap:8px; margin-bottom:17px; }
  .aula-evaluation-dialog .aula-evaluation-result { padding:17px; gap:12px; }
  .aula-evaluation-dialog .aula-evaluation-result strong { font-size:15px; }
  .aula-evaluation-dialog .aula-evaluation-result p { display:none; }
  .aula-evaluation-dialog .aula-evaluation-result > b { font-size:26px; }
  .aula-evaluation-dialog .evaluation-review-heading { align-items:flex-start; gap:10px; }
  .aula-evaluation-dialog .evaluation-review-heading h3 { font-size:16px; }
  .aula-evaluation-dialog .evaluation-review-heading > span { font-size:10px; padding:4px 7px; }
  .aula-evaluation-dialog .aula-evaluation-review ol > li { padding:16px 13px; }
  .aula-evaluation-dialog .evaluation-question-heading { grid-template-columns:28px minmax(0,1fr); gap:8px; }
  .aula-evaluation-dialog .evaluation-question-heading > span { width:28px; min-height:28px; }
  .aula-evaluation-dialog .evaluation-question-heading h4 { margin-top:2px; font-size:14px; line-height:1.6; }
  .aula-evaluation-dialog .evaluation-question-state { grid-column:2; justify-self:start; margin:0; }
  .aula-evaluation-dialog .aula-evaluation-review-option { grid-template-columns:23px minmax(0,1fr); gap:6px 9px; padding:10px; }
  .aula-evaluation-dialog .aula-evaluation-review-option .evaluation-option-letter { width:23px; height:23px; }
  .aula-evaluation-dialog .aula-evaluation-review-option small { grid-column:2; justify-self:start; text-align:left; }
  .aula-evaluation-dialog .evaluation-dialog-footer { padding:12px 15px; }
  .aula-evaluation-dialog .evaluation-dialog-footer > span { display:none; }
  .aula-evaluation-dialog .evaluation-dialog-footer button { width:100%; font-size:12px; }
  .aula-evaluation-dialog .aula-evaluation-quiz li { padding:16px 13px; }
  .aula-evaluation-dialog :is(textarea,input[type=text],input[type=url],input[type=file]) { font-size:16px; }
}
@media (max-height:500px) and (min-width:601px) {
  .aula-evaluation-dialog .aula-evaluation-dialog-head { padding-block:14px; }
  .aula-evaluation-dialog .aula-evaluation-dialog-head h2 { font-size:20px; margin-top:8px; }
  .aula-evaluation-dialog .aula-evaluation-dialog-head > p { display:none; }
  .aula-evaluation-dialog .evaluation-dialog-footer { padding-block:10px; }
}
@media (prefers-reduced-motion:reduce) { .aula-evaluation-dialog * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }