/* AliPlay | Oficina de Avaliações - apresentação 2026/27.
   Apenas apresentação e acessibilidade; não altera lógica de negócio. */
:root {
  --bg:#f5f8ff; --surface:#fff; --line:#dce4f5; --line-soft:#e8edf7;
  --text:#1c2d52; --muted:#596b88; --purple:#5737d7; --purple-dark:#4425b2;
  --blue:#337bd9; --green:#14875a; --orange:#aa650b;
  --shadow:0 6px 22px rgba(36,63,106,.045);--shadow-lg:0 20px 50px rgba(36,63,106,.09);
}
body {font-size:15px;line-height:1.5;background:radial-gradient(850px 550px at 0% -5%,rgba(88,133,244,.10),transparent 65%),#f5f8ff}
.appShell{max-width:1740px;grid-template-columns:210px minmax(0,1fr);background:transparent}
.sidebar{padding:22px 14px 16px;border-color:#e2e8f5;background:#fff;box-shadow:3px 0 20px rgba(30,50,90,.025)}
.brandBox{height:82px;margin-bottom:16px}.brandLogo{width:140px}
.sideNav{gap:5px}.sideNav a{padding:11px 10px;font-size:13px;font-weight:750;line-height:1.25;color:#45318b;gap:10px}
.sideNav a.active{background:#f0edff;color:#4529b3}.navIco{height:28px;width:28px;flex-basis:28px;font-size:15px;border-width:1px;border-color:#d9d2ff}
.backSide{padding:11px 9px;font-size:12px}
.main{padding:29px clamp(18px,2.5vw,42px) 56px}
.topbar{margin:0 2px 20px}.greeting{font-size:clamp(23px,2vw,29px);font-weight:850;letter-spacing:-.8px;color:#5031c7}.greeting span{color:var(--text)}
.greeting small{font-size:12px;font-weight:650;color:#64748b;margin-top:4px}
.context{font-size:11px;padding:8px 11px;font-weight:750}.iconBtn{font-size:17px;width:37px;height:37px}
.card{background:#fff;border-color:var(--line);border-radius:20px;box-shadow:var(--shadow)}
.hero{padding:32px 34px;min-height:210px;grid-template-columns:minmax(0,1fr) 270px;background:linear-gradient(112deg,#fff 0%,#f5f8ff 63%,#eefcf7 100%)}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.1px}
.hero h1{font-size:clamp(24px,2.5vw,33px);line-height:1.17;letter-spacing:-.9px;margin:9px 0 12px;color:#1d2d51}
.hero p{font-size:14px;font-weight:500;color:#566782;line-height:1.6;max-width:680px}
.heroActions{gap:10px;margin-top:22px}
.heroAI{padding:21px;box-shadow:0 8px 26px rgba(61,72,129,.06);border-color:#ddd9fb}
.heroAI b{font-size:15px;color:#35258a}.heroAI small{font-size:12px;line-height:1.5}.heroAI .ready{font-size:11px}
.btn{font-size:13px;font-weight:760;padding:11px 15px;border-radius:12px;background:linear-gradient(125deg,#5235d5,#7160e7);box-shadow:0 8px 18px rgba(82,53,213,.11);min-height:40px}
.btn:hover:not(:disabled){filter:brightness(1.035)}.btn.secondary{border-color:#d8def1;color:#3d30a1;background:#fff}
.btn.ghost{background:#f0f4ff;color:#3749aa;border-color:#dce6ff}
.btn:focus-visible,.collapseToggle:focus-visible,.step:focus-visible,.sideNav a:focus-visible,.backSide:focus-visible {outline:3px solid #7c65ef;outline-offset:3px}
.metrics{gap:14px;margin-top:17px}.metric{min-height:110px;padding:18px;gap:15px}.metricIcon{width:50px;height:50px;border-radius:16px;font-size:25px}
.metric small{font-size:11px;letter-spacing:.4px;font-weight:800;color:#60708b}.metric strong{font-size:30px;margin-top:7px;color:#352681}.metric strong.date{font-size:13px;color:#42526d}
.sectionTitle{margin:28px 2px 12px}.sectionTitle span{font-size:11px;font-weight:850}.sectionTitle h2{font-size:22px;margin-top:4px;color:#203153}.sectionTitle p{font-size:13px;color:#63748f;margin-top:5px}
.workflow{padding:17px}.workflowTop{justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:14px}.workflowTop b{font-size:14px;color:#23375c}.workflowTop span{font-size:12px;color:#63748f}
.steps{gap:9px}.step{font-size:12px;font-weight:750;line-height:1.3;min-height:60px;padding:11px;cursor:pointer;text-align:left;color:#5a6885;background:#f9faff;border-color:#e2e7f4;border-radius:12px;transition:background .16s,border-color .16s,box-shadow .16s}
.step b{width:28px;height:28px;flex:0 0 28px;border-radius:9px;font-size:13px}.step.active{color:#4226a9;background:#f2efff;border-color:#bdadff;box-shadow:inset 0 0 0 1px rgba(93,44,242,.08)}.step.done{background:#f0fbf6;border-color:#c7ead8;color:#176849}.step.done b{background:#dcf6e8;border-color:#b3e4cc;color:#176849}
.workspace{gap:16px;scroll-margin-top:28px}.panel{padding:23px}.panelHeader{gap:13px;margin-bottom:14px}.panelHeader h2{font-size:20px;color:#203153;line-height:1.2}.panelHeader p{font-size:12px;color:#64748b;line-height:1.5}
.number{width:39px;height:39px;flex-basis:39px;border-radius:12px}.collapseSign{height:36px;width:36px;flex-basis:36px}
.collapseBody{padding-top:18px}.contentCollapse>.collapseToggle{padding:21px 23px}.contentCollapse>.collapseBody{padding:0 23px 23px}
.collapseTitleIcon{width:43px;height:43px;flex-basis:43px;font-size:20px}.collapseTitleText .eyebrowSmall{font-size:10px;font-weight:850}.collapseTitleText h2{font-size:20px;color:#203153}.collapseTitleText p{font-size:12px;color:#657690}
.sectionTag{font-size:11px;padding:8px 12px;color:#4b36aa}
.form{gap:13px 12px}.form label,.builder label,label{font-size:11px;color:#475a77;font-weight:800;letter-spacing:.02em;margin-bottom:7px}
input,select,textarea{font-size:14px;font-weight:500;color:#243451;padding:12px 13px;min-height:44px;border-color:#d6e0f0;border-radius:11px}
input:focus,select:focus,textarea:focus{border-color:#7666dc;box-shadow:0 0 0 3px rgba(90,62,221,.12)}
textarea{min-height:104px;line-height:1.55}.fieldHint{font-size:11px;line-height:1.5;margin-top:6px}
.classPicker{min-height:47px;padding:8px}.classChoice span{font-size:12px;padding:8px 10px}.classChoice span:before{width:9px;height:9px}.classEmpty{font-size:12px}
.fileZone{padding:17px;border-color:#b8c8f8;background:#f7f9ff;gap:14px}.fileArt{width:49px;height:49px;flex-basis:49px;font-size:23px}
.fileCopy strong{font-size:14px;color:#27365e}.fileCopy span{font-size:12px;margin-top:4px}.fileFake{font-size:12px;padding:11px 14px;border-color:#d6ddf1}
.actions{gap:9px;margin-top:17px}.helper{font-size:12px;padding:12px;color:#596b85;line-height:1.55;background:#f7f9fd;border-color:#e1e8f3}
.aiReadyBox{padding:12px 14px;gap:12px}.aiReadyBox div{font-size:12px;line-height:1.5}.aiReadyBox i{flex:0 0 8px}
.previewWrap{margin-top:18px}.previewLabel{font-size:12px}.previewBox{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.contentSection{margin-top:18px;padding:24px;scroll-margin-top:24px}.sectionHead h2{font-size:19px;color:#243657}.sectionHead p{font-size:12px;color:#64748b}
.list{gap:13px}.material{background:#fff;border-color:#dfe5f3;border-radius:16px;padding:19px}.material:hover{border-color:#c2ccf4;box-shadow:0 10px 28px rgba(47,58,121,.07)}
.materialTop{gap:17px}.materialTitle{font-size:16px;font-weight:820;color:#23365d;line-height:1.35}.small{font-size:12px;color:#60718b;line-height:1.6}
.meta{gap:7px;margin-top:12px}.chip{font-size:11px;font-weight:700;padding:6px 9px;color:#4e6281;border-color:#e1e6f2;background:#f8faff}
.rowActions{gap:8px;margin-top:15px}.rowActions .btn{font-size:12px;padding:9px 12px;border-radius:10px}
.empty{font-size:13px;padding:26px}.statusChip{font-size:11px;padding:5px 9px}
.material details{margin-top:16px!important;border-top:1px solid #e9edf5;padding-top:14px}.material details summary{font-size:13px;font-weight:770;color:#4234aa;cursor:pointer;padding:8px 0;list-style-position:inside}
.material details summary:hover{color:#271b82}.requestBlock{padding:20px;border:1px solid #dce4f1;background:#f9fbff;border-radius:15px;margin-top:13px}
.requestBlock h4{font-size:19px;line-height:1.3;color:#203153;margin:0 0 8px}.requestBlock pre{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.qList{display:grid;gap:11px}.qItem{padding:16px 17px;background:#fff;border:1px solid #e0e7f2;border-radius:13px;line-height:1.55}.qItem strong{font-size:14px;color:#1e3052;display:block;margin-bottom:10px}
.qItem .small{font-size:12px}.qOptions{margin:4px 0 12px;padding:0;list-style:none;display:grid;gap:6px}.qOptions li{background:#f7f9ff;border:1px solid #e4eaf4;border-radius:8px;padding:7px 10px;font-size:12px;color:#435572}
.answerKey{margin:10px 0 0;border:1px solid #c8ead8;background:#f1fbf5;border-radius:9px;padding:9px 11px;font-size:12px;color:#16583c}
.reviewNote{padding:12px 14px;border:1px solid #e4defd;border-radius:12px;background:#f7f5ff;color:#4d3c8b;font-size:12px;line-height:1.55;margin-bottom:13px}
.toast{font-size:13px;padding:12px 16px}.overlayTitle{font-size:23px}.overlaySub{font-size:13px}.overlayTimer{font-size:12px}.stepItem{font-size:12px;padding:11px}.overlayCard{max-height:90vh;overflow:auto}
@media(max-width:1250px){.appShell{grid-template-columns:174px minmax(0,1fr)}.sidebar{padding:17px 10px}.sideNav a{font-size:12px;padding:9px 6px}.workspace{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.heroAI{max-width:490px}}
@media(max-width:820px){.appShell{display:block}.sidebar{height:auto;max-width:100%;padding:8px 10px;flex-direction:row;overflow-x:auto}.brandBox{height:48px;min-width:110px;margin:0 8px 0 0}.brandLogo{width:96px}.sideNav{flex-direction:row}.sideNav a{width:46px;min-width:46px;height:46px;padding:7px}.sideNav a span:last-child{display:none}.navIco{width:29px;height:29px;flex-basis:29px}.main{padding:18px 15px 40px}.hero{padding:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.form{grid-template-columns:1fr}.full{grid-column:1}.workspace{grid-template-columns:1fr}}
@media(max-width:520px){.main{padding:14px 12px 30px}.hero{padding:20px}.hero h1{font-size:24px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px;min-height:92px;gap:9px}.metricIcon{width:37px;height:37px;font-size:20px}.metric small{font-size:10px}.metric strong{font-size:24px}.metric strong.date{font-size:11px}.step{font-size:11px;min-height:58px}.steps{grid-template-columns:1fr 1fr}.panel{padding:16px}.contentCollapse>.collapseToggle{padding:17px}.contentCollapse>.collapseBody{padding:0 16px 16px}.fileZone{flex-wrap:wrap}.fileCopy{min-width:120px}.fileButton{flex:0 0 100%}.fileFake{width:100%}.headActions{margin-left:auto}.greeting{font-size:22px}.materialTop{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}