/* Sempli Grades */
#view-grades .section-head p{font-size:13px;line-height:1.6}
.grades-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.grade-overview-card{padding:17px}
.grade-overview-card>span{display:block;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.grade-overview-card>strong{display:block;font:800 27px "Manrope";margin-top:7px;color:#101828}
.grade-overview-card>small{display:block;color:#98a2b3;font-size:9px;margin-top:2px}
.grades-import-panel{padding:20px;margin-bottom:20px}
.grades-import-copy h3{font:800 19px "Manrope";margin:4px 0 5px}
.grades-import-copy p{margin:0;color:#667085;font-size:11px;line-height:1.55}
.grades-class-picker{display:flex;flex-direction:column;gap:6px;max-width:420px;margin:16px 0 12px;font-size:11px;font-weight:800;color:#475467}
.grades-class-picker select{width:100%}
.grades-import-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.grades-import-actions button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e4e7ec;border-radius:13px;background:#fff;padding:12px;cursor:pointer;min-width:0}
.grades-import-actions button:hover{border-color:#bdb7ff;background:#faf9ff}
.grades-import-actions button>span{width:32px;height:32px;flex:none;border-radius:9px;background:#f4f3ff;color:#5925dc;display:grid;place-items:center;font-weight:900}
.grades-import-actions strong{display:block;font-size:10.5px}.grades-import-actions small{display:block;font-size:8.5px;color:#98a2b3;margin-top:2px;line-height:1.35}
.grades-import-status{margin-top:12px;border-radius:11px;padding:10px 12px;font-size:10.5px;font-weight:700;line-height:1.45;background:#f2f4f7;color:#475467}
.grades-import-status.success{background:#ecfdf3;color:#166534}.grades-import-status.error{background:#fff4ed;color:#9a3412}
.grades-classes-head{display:flex;justify-content:space-between}.grades-classes-head p{font-size:10px;color:#98a2b3;margin:3px 0 0}
.grades-class-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grade-class-card{padding:17px;position:relative;overflow:hidden}
.grade-class-accent{position:absolute;left:0;top:0;bottom:0;width:4px}
.grade-class-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.grade-class-head>div:first-child span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#667085}
.grade-class-head h3{font:800 14px "Manrope";margin:3px 0 0}
.grade-class-score{text-align:right;flex:none}.grade-class-score strong{display:block;font:800 20px "Manrope";color:#101828}.grade-class-score span{font-size:9px;font-weight:900;color:#667085}
.grade-class-score.needs-attention strong{color:#b54708}
.grade-progress{height:6px;background:#eef0f3;border-radius:999px;overflow:hidden;margin:15px 0 10px}.grade-progress span{display:block;height:100%;background:#6d5dfc;border-radius:inherit}
.grade-class-meta{display:flex;justify-content:space-between;gap:10px;color:#98a2b3;font-size:9px}
.grade-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.grade-whatif-link,.grade-back-link{border:0;background:transparent;color:#5925dc;font-size:10px;font-weight:900;cursor:pointer;padding:7px 0}
.grades-workspace{margin-top:18px;padding:22px}
.grades-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}
.grades-workspace-head h2{font:800 22px "Manrope";margin:4px 0 3px}.grades-workspace-head p{margin:0;color:#667085;font-size:10.5px}
.grade-workspace-close{width:36px;height:36px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;color:#667085;font-size:20px;cursor:pointer}
.grade-method-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.grade-method-switch button{border:1px solid #e4e7ec;background:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer}
.grade-method-switch button.active{border-color:#8b7dff;background:#faf9ff;box-shadow:0 0 0 2px rgba(109,93,252,.07)}
.grade-method-switch strong{display:block;font-size:11px}.grade-method-switch small{display:block;color:#98a2b3;font-size:9px;margin-top:2px}
.grade-categories-panel,.grade-entry-panel{border-top:1px solid #edf0f3;padding-top:17px;margin-top:17px}
.grade-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.grade-subhead h3{font:800 15px "Manrope";margin:0}.grade-subhead p{margin:2px 0 0;color:#98a2b3;font-size:9px}
.grade-category-list{display:grid;gap:7px}.grade-category-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 32px;gap:7px}
.grade-category-row input{width:100%;font-size:11px}.grade-category-row>button{border:1px solid #e4e7ec;background:#fff;border-radius:9px;color:#98a2b3;cursor:pointer}
.grade-weight-input{position:relative}.grade-weight-input input{padding-right:26px}.grade-weight-input span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;color:#98a2b3}
.grade-category-total{text-align:right;margin-top:9px;font-size:10px;color:#667085}
.grade-entry-table{display:grid;gap:7px}.grade-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:10px;align-items:center;border:1px solid #e7e9ed;border-radius:11px;padding:10px 11px}
.grade-entry-row>div:first-child strong{display:block;font-size:10.5px}.grade-entry-row>div:first-child span{display:block;color:#98a2b3;font-size:8.5px;margin-top:2px}
.grade-entry-score{text-align:right}.grade-entry-score strong{display:block;font-size:10.5px}.grade-entry-score span{display:block;color:#667085;font-size:8.5px}
.grade-entry-row>button{border:0;background:transparent;color:#98a2b3;font-size:17px;cursor:pointer}
.grade-inline-empty{border:1px dashed #d0d5dd;border-radius:11px;padding:15px;text-align:center;color:#98a2b3;font-size:10px}
.grade-workspace-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.grade-entry-form{display:grid;gap:12px}.grade-entry-form label{display:flex;flex-direction:column;gap:6px;font-size:10.5px;font-weight:800;color:#475467}
.grade-entry-form input,.grade-entry-form select{width:100%}.grade-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grade-form-actions{display:flex;justify-content:flex-end;gap:8px}
.whatif-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.whatif-grid label{font-size:10.5px;font-weight:800;color:#475467}
.whatif-input{display:flex;align-items:center;margin-top:6px;border:1px solid #d0d5dd;border-radius:10px;overflow:hidden}.whatif-input input{border:0;flex:1;min-width:0}.whatif-input span{padding:0 10px;color:#98a2b3;font-size:10px}
.whatif-result{margin:16px 0;border:1px solid #d9d6fe;background:#faf9ff;border-radius:14px;padding:16px}.whatif-result strong{display:block;font:800 17px "Manrope";color:#101828}.whatif-result span{display:block;color:#667085;font-size:10.5px;line-height:1.5;margin-top:4px}
.grade-import-preview-list{display:grid;gap:6px;max-height:420px;overflow:auto}.grade-import-preview-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e7e9ed;border-radius:10px;padding:9px 10px}
.grade-import-preview-list strong{display:block;font-size:10px}.grade-import-preview-list small{display:block;font-size:8.5px;color:#98a2b3}.grade-import-preview-list b{font-size:10px;white-space:nowrap}
@media(max-width:1050px){.grades-overview-grid{grid-template-columns:repeat(2,1fr)}.grades-import-actions{grid-template-columns:repeat(2,1fr)}.grades-class-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.grades-overview-grid,.grades-import-actions,.grades-class-cards{grid-template-columns:1fr}.grade-method-switch,.whatif-grid,.grade-form-row{grid-template-columns:1fr}.grade-class-meta{flex-direction:column}.grade-category-row{grid-template-columns:minmax(0,1fr) 95px 32px}.grades-workspace{padding:17px}.grade-workspace-footer{flex-wrap:wrap}.grade-workspace-footer button{flex:1}}

/* Grades readability bump */
#view-grades .section-head p{font-size:14px;line-height:1.65}
#view-grades .panel-kicker{font-size:12px}
.grade-overview-card>span{font-size:11.5px}
.grade-overview-card>strong{font-size:30px}
.grade-overview-card>small{font-size:10.5px}
.grades-import-copy h3{font-size:21px}
.grades-import-copy p{font-size:12.5px;line-height:1.65}
.grades-class-picker{font-size:12.5px}
.grades-import-actions strong{font-size:12px}
.grades-import-actions small{font-size:10.5px;line-height:1.45}
.grades-import-status{font-size:12px}
.grades-classes-head h3{font-size:19px}
.grades-classes-head p{font-size:11.5px}
.grade-class-head>div:first-child span{font-size:10.5px}
.grade-class-head h3{font-size:16px}
.grade-class-score strong{font-size:23px}
.grade-class-score span{font-size:10.5px}
.grade-class-meta{font-size:10.5px}
.grade-card-actions button{font-size:11.5px}
.grades-workspace-head h2{font-size:24px}
.grades-workspace-head p{font-size:12px}
.grade-method-switch strong{font-size:12.5px}
.grade-method-switch small{font-size:10.5px}
.grade-subhead h3{font-size:17px}
.grade-subhead p{font-size:10.5px}
.grade-category-row input{font-size:12px}
.grade-category-total{font-size:11.5px}
.grade-entry-row>div:first-child strong{font-size:12px}
.grade-entry-row>div:first-child span{font-size:10px}
.grade-entry-score strong{font-size:12px}
.grade-entry-score span{font-size:10px}
.grade-inline-empty{font-size:11.5px}
.grade-entry-form label,
.whatif-grid label{font-size:12px}
.grade-entry-form input,
.grade-entry-form select,
.whatif-input input{font-size:12.5px}
.whatif-input span{font-size:11px}
.whatif-result strong{font-size:19px}
.whatif-result span{font-size:12px;line-height:1.6}
.grade-import-preview-list strong{font-size:11.5px}
.grade-import-preview-list small{font-size:10px}
.grade-import-preview-list b{font-size:11.5px}

.grade-category-total{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.grade-category-total>span{font-size:12px;font-weight:700}
.grade-category-total.is-valid>span{color:#027a48}
.grade-category-total.is-invalid{border-color:#fecdca;background:#fffbfa}
.grade-category-total.is-invalid>span{color:#b42318}

/* Readability hardening — Grades */
.grade-overview-card>span,
.grade-overview-card>small,
.grades-import-copy p,
.grades-class-picker,
.grades-classes-head p,
.grade-class-head>div:first-child span,
.grade-class-score span,
.grade-class-meta,
.grade-whatif-link,
.grade-back-link,
.grade-method-switch small,
.grade-subhead p,
.grade-category-total,
.grade-inline-empty,
.whatif-input span,
.grade-import-preview-list small{
  font-size:12px;
}
.grade-method-switch strong,
.grade-category-row input,
.grade-import-preview-list strong,
.grade-import-preview-list b{
  font-size:13px;
}