/* Learn by Playing V5.8 — Student Results SaaS + Teacher Clarity */
body[data-experience="teacher"] .teacher-sidebar{box-shadow:8px 0 30px rgba(15,23,42,.08)}
#screen-teacher .card,#screen-teacher .dashboard-card,#screen-teacher .admin-kpi{box-shadow:0 5px 20px rgba(15,23,42,.045)!important;border-color:#e4eaf2!important}
#screen-teacher .teacher-topbar{border-bottom:1px solid #e5eaf1!important}#screen-teacher .btn{min-height:40px}#screen-teacher .input{background:#fff!important;color:#17233a!important;border-color:#dce3ed!important}#screen-teacher label{color:#66758a!important}
.student-results-shell{max-width:1600px;margin:auto;background:linear-gradient(135deg,#07162e,#081d3b 55%,#07152c);border:1px solid #1e416f;border-radius:22px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.38);color:#f5f9ff}.student-results-top{min-height:82px;padding:14px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;border-bottom:1px solid #254778;background:rgba(3,16,37,.86)}
.result-back-btn,.result-exit-btn,.result-home-btn,.result-send-btn{border:0;border-radius:12px;min-height:46px;padding:0 18px;font-weight:800;color:white;display:inline-flex;align-items:center;justify-content:center;gap:9px}.result-back-btn{background:#12386d;border:2px solid #3984ef;box-shadow:0 0 0 3px rgba(57,132,239,.12);font-size:15px}.result-back-btn:hover{background:#194986}.result-exit-btn{background:#e43d48}.result-heading{display:flex;align-items:center;gap:12px}.result-heading h2{margin:0;font-size:25px}.result-heading small{color:#b7c5da}.result-trophy{font-size:28px}.result-top-stats{display:flex;gap:10px}.result-top-stats>div{min-width:115px;padding:9px 13px;border:1px solid #315586;border-radius:11px;background:#102b55;display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center}.result-top-stats i{color:#ffc72c;grid-row:1/3}.result-top-stats b{font-size:18px}.result-top-stats small{font-size:10px;color:#b8c8df}
.student-results-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.85fr);gap:22px;padding:22px}.student-result-main{display:grid;gap:16px}.result-hero-card,.result-detail-card,.result-achievements,.certificate-ready,.result-send-panel{border:1px solid #2d5283;background:linear-gradient(180deg,rgba(20,46,90,.82),rgba(8,29,62,.92));border-radius:16px}.result-hero-card{padding:24px;display:grid;grid-template-columns:170px 1fr;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(113,65,210,.24),transparent 35%),linear-gradient(135deg,#10265a,#091c45)}.achievement-medal{width:132px;height:150px;margin:auto;clip-path:polygon(50% 0,92% 18%,88% 70%,50% 100%,12% 70%,8% 18%);background:linear-gradient(145deg,#ffd657,#f19b18);display:grid;place-items:center;color:#fff3a8;font-size:65px;text-shadow:0 3px 0 #b36b0b;filter:drop-shadow(0 12px 16px rgba(0,0,0,.28))}.result-hero-copy h1{margin:0;color:#5be16d;font-size:34px}.result-hero-copy>p{color:#d4deee}.result-score-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid #31517f;border-radius:13px;overflow:hidden;background:rgba(2,13,34,.32)}.result-score-grid>div{padding:15px;text-align:center;border-right:1px solid #31517f}.result-score-grid>div:last-child{border:0}.result-score-grid i{display:block;color:#5b9cff;font-size:20px}.result-score-grid strong{display:block;font-size:26px;color:#5ee371;margin:4px}.result-score-grid span{font-size:11px;color:#b9c8dd}
.result-detail-card{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-detail-card>div{display:flex;justify-content:space-between;gap:12px}.result-detail-card span{color:#aebed4}.result-detail-card b{text-align:right}.result-achievements{padding:20px}.result-achievements h3,.certificate-ready h3{margin:0 0 15px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.achievement-grid>div{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.achievement-grid b{font-size:13px}.achievement-grid small{grid-column:2;color:#aebed4;line-height:1.4}.ach-icon{grid-row:1/3;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:24px;border:2px solid}.ach-icon.purple{background:#41236e;border-color:#925de0}.ach-icon.blue{background:#123c70;border-color:#4d9ae9}.ach-icon.green{background:#134c3a;border-color:#3ec477}.certificate-ready{padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:linear-gradient(135deg,#182153,#20215d)}.certificate-ready p{margin:0;color:#b9c5dc}.cert-doc-icon{width:64px;height:64px;border-radius:14px;background:#ffe18a;color:#bd6711;display:grid;place-items:center;font-size:30px}.result-primary-actions{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px}.result-home-btn{background:#174785;border:1px solid #4389e6}.result-send-btn{background:linear-gradient(135deg,#2bbd57,#24a745);font-size:15px;box-shadow:0 8px 22px rgba(31,185,78,.18)}.result-send-btn:disabled{opacity:.55}
.result-send-panel{padding:26px;align-self:stretch}.result-send-panel>h2{text-align:center;font-size:27px;margin:12px 0 5px}.result-send-panel>p{text-align:center;color:#c1cee0;line-height:1.5}.send-orb{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:linear-gradient(145deg,#48dc6b,#20a34c);font-size:35px;box-shadow:0 0 35px rgba(44,211,95,.25)}.send-state{display:flex;gap:13px;align-items:center;padding:16px;margin:20px 0;border-radius:12px;border:1px solid #31527d;background:#102a4e}.send-state i{font-size:25px}.send-state b,.send-state span{display:block}.send-state span{font-size:12px;margin-top:3px;color:#c1cee0}.send-state.success{background:#0d4a35;border-color:#2a9b63;color:#62e68b}.send-state.error{background:#4b2028;border-color:#a84956;color:#ff9aa5}.send-how,.sent-details{border:1px solid #294b78;border-radius:13px;padding:17px;margin-top:16px;background:rgba(4,18,43,.34)}.send-how h3{color:#49b9ff;margin-top:0}.send-how>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.send-how>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1760cf;font-weight:900}.send-how p{margin:4px 0 13px;line-height:1.45}.sent-details h3{margin-top:0}.sent-details p{margin:9px 0;color:#c8d5e7}.sent-details i{color:#45db70;margin-right:7px}.send-status-text{margin-top:15px;color:#a9bdd7;font-size:12px;line-height:1.5}.student-results-footer{min-height:58px;padding:0 22px;border-top:1px solid #244673;display:flex;align-items:center;justify-content:space-between;color:#9fb2cc;font-size:12px}
@media(max-width:1050px){.student-results-grid{grid-template-columns:1fr}.result-send-panel{order:2}.student-results-top{grid-template-columns:auto 1fr auto}.result-top-stats{display:none}.result-exit-btn{grid-column:3}}@media(max-width:700px){#screen-certificate{padding:8px}.student-results-shell{border-radius:14px}.student-results-top{grid-template-columns:auto 1fr}.result-exit-btn{display:none}.result-heading small{display:none}.student-results-grid{padding:12px}.result-hero-card{grid-template-columns:1fr;text-align:center}.achievement-medal{width:100px;height:112px;font-size:48px}.result-score-grid{grid-template-columns:1fr}.result-score-grid>div{border-right:0;border-bottom:1px solid #31517f}.result-detail-card,.achievement-grid,.result-primary-actions{grid-template-columns:1fr}.certificate-ready{grid-template-columns:auto 1fr}.certificate-ready .btn{grid-column:1/3}.student-results-footer{gap:12px;flex-direction:column;padding:16px}.result-back-btn span{display:none}}@media print{body *{visibility:hidden!important}#screen-certificate,#screen-certificate *{visibility:visible!important}.student-results-top,.result-send-panel,.result-primary-actions,.student-results-footer{display:none!important}.student-results-grid{display:block!important}.student-results-shell{box-shadow:none;border:0}}