/* Instructor review of the introduction course's practical work. */
body.ga-intro-grading .assigmmnet_submission{direction:rtl;text-align:right;max-width:100%;color:#f5fbfc;font-family:Tajawal,Cairo,sans-serif}
body.ga-intro-grading .assigmmnet_submission *{box-sizing:border-box}
body.ga-intro-grading .ga-grading-original-instructions{display:none!important}
body.ga-intro-grading .ga-grading-instructions{margin:1rem 0;border:1px solid #496b7c;border-radius:12px;background:#172d3c;overflow:hidden}
body.ga-intro-grading .ga-grading-instructions>summary{padding:.8rem 1rem;cursor:pointer;color:#a6e7e0;font-weight:800;list-style:none}
body.ga-intro-grading .ga-grading-instructions>summary::-webkit-details-marker{display:none}
body.ga-intro-grading .ga-grading-instructions>summary:after{content:'⌄';float:left}
body.ga-intro-grading .ga-grading-instructions[open]>summary:after{content:'⌃'}
body.ga-intro-grading .ga-grading-instructions__body{padding:0 1rem 1rem}
body.ga-intro-grading .ga-grading-instructions__body .ga-intro-task{margin:0;box-shadow:none}
body.ga-intro-grading .assigmmnet_submission .submissions{display:grid;gap:1rem;padding:clamp(1rem,2.4vw,1.6rem);border:1px solid #4a7182;border-radius:16px;background:#20394a}
body.ga-intro-grading .ga-grading-head{padding:0 0 .9rem;border-bottom:1px solid #486879}
body.ga-intro-grading .ga-grading-eyebrow{display:block;color:#89e4dc;font-weight:800;font-size:.9rem}
body.ga-intro-grading .ga-grading-head h2{margin:.2rem 0;color:#fff;font-size:clamp(1.25rem,2vw,1.6rem)}
body.ga-intro-grading .ga-grading-head p{margin:.2rem 0;color:#cce0e7;line-height:1.7}
body.ga-intro-grading .assigmmnet_submission-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin:0!important;padding:0!important}
body.ga-intro-grading .assigmmnet_submission-header h3{margin:0!important;font-size:1.05rem}
body.ga-intro-grading .assigmmnet_submission-header .user_credentials{display:flex;align-items:center;gap:.5rem;min-width:0}
body.ga-intro-grading .assigmmnet_submission-header .user_credentials img{width:38px;height:38px;border-radius:50%}
body.ga-intro-grading .attachments_wrapper{margin:0!important;padding:1rem;border:1px solid #64bdb8;border-radius:12px;background:#153847}
body.ga-intro-grading .attachments_wrapper>h4,body.ga-intro-grading .attachments_wrapper>.attachments{display:none!important}
body.ga-intro-grading .ga-grading-file-list h3{margin:0 0 .25rem;color:#fff;font-size:1.1rem}
body.ga-intro-grading .ga-grading-file-status{margin:.1rem 0 .85rem;color:#8ce9df;font-weight:700}
body.ga-intro-grading .ga-grading-file{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:.8rem;border:1px solid #5b8892;border-radius:9px;background:#0d2939}
body.ga-intro-grading .ga-grading-file+.ga-grading-file{margin-top:.5rem}
body.ga-intro-grading .ga-grading-file-name{min-width:0;overflow-wrap:anywhere;font-weight:700}
body.ga-intro-grading .ga-grading-file-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem .85rem;border-radius:8px;background:#ffa41f;color:#102b3c!important;font-weight:800;text-decoration:none;white-space:nowrap}
body.ga-intro-grading .add_upload{padding:1rem;border:1px solid #496b7c;border-radius:12px;background:#172f40}
body.ga-intro-grading .add_upload>h3{display:none!important}
body.ga-intro-grading .ga-grading-upload-head h3{margin:0 0 .2rem;color:#fff;font-size:1.05rem}
body.ga-intro-grading .ga-grading-upload-head p{margin:0 0 .8rem;color:#cce0e7;line-height:1.75}
body.ga-intro-grading .add_upload input[type=file]{max-width:100%}
body.ga-intro-grading .add_upload label,body.ga-intro-grading .add_upload .button{cursor:pointer}
body.ga-intro-grading .remarks_wrapper{margin:0!important;padding:1rem;border:1px solid #496b7c;border-radius:12px;background:#172f40}
body.ga-intro-grading .remarks_wrapper>.remarks{display:grid;gap:.4rem}
body.ga-intro-grading .ga-grading-feedback-label{font-weight:800;color:#fff;font-size:1.05rem}
body.ga-intro-grading .remarks_wrapper textarea{display:block;width:100%;min-height:100px;padding:.8rem!important;border:1px solid #7895a3!important;border-radius:9px!important;background:#102737!important;color:#fff!important;font:inherit!important;line-height:1.7!important;resize:vertical}
body.ga-intro-grading .remarks_wrapper textarea::placeholder{color:#9db8c3;opacity:1}
body.ga-intro-grading .ga-grading-field-help{margin:.2rem 0 0;color:#bfd6dd;font-size:.9rem;line-height:1.7}
body.ga-intro-grading .total_marks{display:flex!important;align-items:center;flex-wrap:wrap;gap:.55rem;margin:0!important;padding:1rem!important;border:1px solid #496b7c;border-radius:12px;background:#172f40}
body.ga-intro-grading .total_marks>.ga-grading-mark-title{width:100%;color:#fff;font-weight:800;font-size:1.05rem}
body.ga-intro-grading .total_marks>span:not(.ga-grading-mark-title){font-weight:800}
body.ga-intro-grading .total_marks .vicon-pencil,body.ga-intro-grading .total_marks .vicon-close{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:.4rem .65rem;border:1px solid #88d9d0;border-radius:8px;color:#9becdf;cursor:pointer}
body.ga-intro-grading .total_marks .vicon-pencil:after{content:'تعديل الدرجة';font:700 .85rem Tajawal,Cairo,sans-serif}
body.ga-intro-grading .total_marks .vicon-close:after{content:'إغلاق التعديل';font:700 .85rem Tajawal,Cairo,sans-serif}
body.ga-intro-grading .total_marks input[type=number]{width:90px;max-width:100%;padding:.45rem;border:1px solid #8cded5;border-radius:7px;background:#0e2938;color:#fff;font:inherit}
body.ga-intro-grading .ga-grading-mark-help{width:100%;margin:.15rem 0 0;color:#bdd6dd;font-size:.9rem;line-height:1.75}
body.ga-intro-grading .submissions>a.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;width:auto;max-width:100%;margin:0!important;padding:.7rem 1.5rem!important;border-radius:9px;background:#ffa41f;color:#112b3b;font-weight:800;cursor:pointer}
body.ga-intro-grading .submissions>a.button:hover,body.ga-intro-grading .ga-grading-file-link:hover{background:#ffc066}
body.ga-intro-grading .assigmmnet_submission :is(a,summary,textarea,input,.vicon-pencil,.vicon-close):focus-visible{outline:3px solid #8de8df;outline-offset:3px}
@media(max-width:650px){body.ga-intro-grading .assigmmnet_submission .submissions{padding:.85rem}body.ga-intro-grading .ga-grading-file{align-items:stretch}body.ga-intro-grading .ga-grading-file-link{width:100%}}

/* Replace the missing icon-font glyph in WPLMS's instructor upload control. */
body.ga-intro-grading .add_upload .media_wrapper>.vicon-plus{display:inline-flex!important;align-items:center;justify-content:center;gap:.55rem;width:auto!important;min-height:44px;padding:.55rem .9rem;border:1px solid #83ddd4;border-radius:9px;background:#124052;color:#eafffb;font-size:0!important;cursor:pointer;line-height:1;vertical-align:middle}
body.ga-intro-grading .add_upload .media_wrapper>.vicon-plus:before{content:''!important;display:block!important;flex:0 0 20px;width:20px;height:20px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dffffb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.4 11.6 12.6 20.4a5 5 0 0 1-7.1-7.1l9.2-9.2a3.5 3.5 0 0 1 5 5l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5'/%3E%3C/svg%3E") }
body.ga-intro-grading .add_upload .media_wrapper>.vicon-plus:after{content:'اختر ملفًا لإرفاقه';font:800 .95rem/1.5 Tajawal,Cairo,sans-serif}
body.ga-intro-grading .add_upload .media_wrapper>.vicon-plus:hover{background:#185568;border-color:#a7eee6}
body.ga-intro-grading .add_upload .media_wrapper>.vicon-plus:focus-visible{outline:3px solid #ffa41f;outline-offset:3px}