.course-evaluation-device-mode{background:linear-gradient(145deg,#082f4c,#12668b);min-height:100vh}
.course-evaluation-device-mode .app-shell{display:block;min-height:100vh}
.course-device-shell{min-height:100vh;padding:28px;display:grid;place-items:center}
.course-device-card,.course-evaluation-form-card{width:min(100%,1080px);background:#fff;border-radius:28px;box-shadow:0 28px 70px #001a2e66;padding:clamp(24px,5vw,54px)}
.course-device-card{max-width:560px;text-align:center}.course-device-card>img{width:150px;margin-bottom:18px}.course-device-card h1{font-size:clamp(28px,5vw,44px);margin:8px 0 12px}
.course-device-card form{display:grid;gap:16px;margin-top:28px}.course-device-card input{text-align:center;font-size:34px;font-weight:800;letter-spacing:10px}
.course-device-card .link-button{margin-top:24px}.course-evaluation-form-card>header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dce9f0;padding-bottom:22px}
.course-evaluation-form-card>header img{width:120px}.course-evaluation-form-card h1{margin:4px 0}.course-scale-legend{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.course-scale-legend span{background:#eef7fb;border-radius:999px;padding:7px 11px;font-size:13px}.course-teacher-evaluations{display:grid;gap:20px}
.course-teacher-card,.course-general-card{border:1px solid #cfe1eb;border-radius:20px;padding:22px;background:#fbfdfe}.course-teacher-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.course-teacher-title img,.course-teacher-title>span{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#45b8dc;color:#073b5b;display:grid;place-items:center;font-weight:800}
.course-teacher-title h2{margin:2px 0}.course-rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.course-star-field{border:1px solid #deebf1;border-radius:14px;padding:12px;background:#fff}.course-star-field legend{font-weight:700;padding:0 5px}
.course-star-field>div{display:flex;gap:4px}.course-star-field button{border:0;background:transparent;color:#efa91e;font-size:31px;padding:2px;cursor:pointer}
.course-teacher-card textarea,.course-general-card textarea{min-height:90px}.course-general-card{margin-top:22px}.course-submit{width:100%;margin-top:18px;padding:16px;font-size:18px}
.course-generated-code{text-align:center;padding:16px}.course-generated-code strong{display:block;font-size:56px;letter-spacing:12px;color:#0a5277;margin:16px}
.course-eval-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.course-eval-toolbar>div{display:flex;align-items:center;gap:12px}
.course-eval-toolbar strong{text-transform:capitalize;font-size:20px}.course-eval-tabs{margin-top:18px}.course-comment-list{display:grid;gap:12px}
.course-comment-list article{border-left:4px solid #45add3;background:#f4fafd;border-radius:12px;padding:14px}.course-comment-list small{display:block;color:#637b8b}.course-comment-list p{margin:8px 0 0}
.course-detail-general,.course-detail-ratings{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.course-detail-general>div,.course-detail-ratings>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#eef7fb}.course-detail-teacher{margin-top:16px;padding:16px;border:1px solid #d9e6ee;border-radius:14px}
@media(max-width:720px){.course-device-shell{padding:12px}.course-device-card,.course-evaluation-form-card{border-radius:18px;padding:20px}.course-evaluation-form-card>header{align-items:flex-start}.course-evaluation-form-card>header img{width:82px}.course-rating-grid{grid-template-columns:1fr}.course-eval-toolbar{align-items:stretch;flex-direction:column}.course-eval-toolbar>div{justify-content:space-between}}