/* eval-suap18 V2.3 | application mobile moderne */
:root{--navy:#092d55;--navy2:#0d416e;--red:#d92540;--blue:#1676d2;--green:#119b68;--orange:#f7a421;--purple:#8053ca;--bg:#eef4fa;--ink:#102f4b}
body{background:var(--bg);color:var(--ink)}
.layout{background:linear-gradient(155deg,#f8fbff,#e9f0f8)}
.sidebar{background:linear-gradient(180deg,#062948,#0b3963 57%,#041d37);box-shadow:7px 0 30px #07243c21}
.brand{border-bottom:1px solid #ffffff27;padding-bottom:24px}
.brand img{border-radius:18px;box-shadow:0 9px 23px #0005}
.side-nav{display:grid;gap:7px}
.side-nav button{border-radius:13px!important;min-height:47px;transition:.18s ease;padding:12px 14px!important}
.side-nav button:hover{transform:translateX(3px);background:#ffffff20!important}
.side-nav button.on{background:linear-gradient(100deg,#e12d44,#b51836)!important;color:#fff!important;box-shadow:0 6px 14px #cc183848}
.nav-ico{background:#ffffff20;border-radius:9px;display:inline-grid;place-items:center;width:30px;height:30px;font-size:17px;margin-right:8px}
.main .top{background:linear-gradient(100deg,#fff,#eff6ff);border-bottom:1px solid #dbe6f0;box-shadow:0 3px 12px #082f5420}
.page-head h1{font-size:clamp(23px,3vw,32px);letter-spacing:-.65px}
.page-head p{color:#5b7790}
.card{background:#fff!important;border:1px solid #e1e9f2!important;border-radius:19px!important;box-shadow:0 9px 24px #163c5910;padding:clamp(15px,2.5vw,26px)!important}
.card h2{color:#113d61}
.btn,.wizard-actions button,button[data-goto],.hero-actions button{border-radius:12px!important;box-shadow:0 5px 12px #13283d20;transition:transform .16s ease,box-shadow .16s ease;min-height:43px;font-weight:750!important;border:0!important}
.btn:hover,button[data-goto]:hover{transform:translateY(-2px);box-shadow:0 7px 17px #15365630}
.btn:focus-visible,button:focus-visible{outline:3px solid #6dacf4;outline-offset:2px}
.btn:not(.alt):not(.ghost):not(.danger){background:linear-gradient(110deg,#e5364c,#be1f3b)!important;color:#fff!important}
.btn.alt{background:linear-gradient(100deg,#2187d6,#1260ad)!important;color:#fff!important}
.btn.ghost{background:#eaf1f8!important;color:#194465!important}
.btn.danger{background:#bc293a!important;color:white!important}
#saveStudentPDF,#exportSessionPDF,#saveEval,#wizardNext,#saveDay3{background:linear-gradient(110deg,#18af77,#0e855b)!important;color:#fff!important}
#dictateComment{background:linear-gradient(105deg,#8764cf,#6443a9)!important;color:#fff!important}
#newEval{background:#f3aa24!important;color:#243646!important}
.welcome-hero{background:linear-gradient(115deg,#062b52 7%,#116297 60%,#0b345c)!important;border-radius:22px!important;box-shadow:0 17px 33px #042e5650;overflow:hidden}
.welcome-hero h2,.welcome-hero p{color:#fff!important}
.welcome-hero img{filter:drop-shadow(0 12px 15px #051e3d7a);border-radius:20px;max-height:190px;object-fit:contain}
.quick-cards{display:grid;gap:14px!important}
.quick-cards button{border-radius:17px!important;box-shadow:0 8px 19px #0b2e5226!important;transition:transform .18s ease;overflow:hidden}
.quick-cards button:hover{transform:translateY(-3px)}
.quick-cards button:nth-child(6n+1){background:linear-gradient(130deg,#1689eb,#0862b8)!important;color:#fff!important}
.quick-cards button:nth-child(6n+2){background:linear-gradient(130deg,#19b47b,#07865b)!important;color:#fff!important}
.quick-cards button:nth-child(6n+3){background:linear-gradient(130deg,#ffb534,#ed8518)!important;color:#263e52!important}
.quick-cards button:nth-child(6n+4){background:linear-gradient(130deg,#ef4054,#bd1d36)!important;color:#fff!important}
.quick-cards button:nth-child(6n+5){background:linear-gradient(130deg,#7795ac,#44647b)!important;color:#fff!important}
.quick-cards button:nth-child(6n+6){background:linear-gradient(130deg,#986ae1,#6942b1)!important;color:#fff!important}
.stat{color:#1068ad!important}
.steps{border-radius:17px!important}
.step.current{color:#1275c8!important;font-weight:800}
.scorerow{border:1px solid #e0e8f1;border-radius:13px;padding:12px;margin:9px 0;background:#fbfdff}
.scorerow:nth-child(odd){background:#f3f8fd}
.score button,.level-choice{border-radius:9px!important;min-width:40px;min-height:40px;font-weight:800}
.score button[data-level="SO"]{background:#7d91a8!important;color:white!important}
.score button[data-level="NA"]{background:#e44855!important;color:white!important}
.score button[data-level="EVA"]{background:#f3a72a!important;color:#26374a!important}
.score button[data-level="A"]{background:#18a975!important;color:white!important}
.score button.selected{outline:3px solid #0c3d69!important;outline-offset:2px;box-shadow:0 2px 12px #093d694c!important}
.comparison-row .self-reference{border:1px solid #d0e5f3;background:#e8f4ff}
.item{border:1px solid #dfebf4!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.item .stat{font-weight:900}
table{border-collapse:separate;border-spacing:0}
th{background:#0c3d68!important;color:#fff!important}
th:first-child{border-top-left-radius:11px}th:last-child{border-top-right-radius:11px}
td{border-bottom:1px solid #e5ecf4}
tr:nth-child(even) td{background:#f4f8fc}
td .btn{min-height:35px}
.alert{border-left:4px solid #f1a52b;border-radius:11px}
.good{border-left:4px solid #11a371;background:#e5f8f0;border-radius:10px;padding:12px}
@media(max-width:700px){.shell{padding:12px!important}.page-head{margin:10px 0}.card{padding:14px!important}.top-actions{gap:5px}.score{gap:5px!important}.scorerow{padding:10px}.welcome-hero{padding:17px!important}.welcome-hero img{max-height:110px}.btn{padding:10px!important}}

.quick-cards .quick-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:14px;background:#ffffff2a;font-size:29px;line-height:1;color:inherit;box-shadow:inset 0 1px 0 #ffffff66}
.quick-cards button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:140px!important;padding:20px 13px!important}
.quick-cards button b{display:block;font-size:15px!important;margin:3px 0}
.quick-cards button small{opacity:.88;font-size:12px!important}
@media(max-width:700px){.quick-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-cards button{min-height:125px!important}}