.student-grades-manager{display:grid;gap:16px}.student-grades-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:13px;background:#edf8fc}.student-grades-toolbar strong,.student-grades-toolbar small{display:block}.student-grades-toolbar strong{color:#123f60;font-size:18px}.student-grades-toolbar small{margin-top:3px;color:#5c7582}.student-grades-toolbar .actions{display:flex;gap:8px}.student-grade-form,.student-report-card-form{padding:17px;border:1px solid #c9e0ea;border-radius:14px;background:#f8fcfe}.student-grade-form>h3,.student-report-card-form>h3{margin-top:0;color:#123f60}.student-grade-form>.actions,.student-report-card-form>.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.grade-entry,.grade-report-card{border:1px solid #d7e5ec;border-radius:12px;background:#fff}.grade-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px 15px;margin-top:8px}.grade-entry strong,.grade-entry span,.grade-entry small{display:block}.grade-entry strong{color:#123f60}.grade-entry span,.grade-entry small{margin-top:2px;color:#607783}.grade-result{text-align:right}.grade-result b{display:block;font-size:20px;color:#168255}.grade-result span{font-size:11px;font-weight:750;color:#4d7888}.grade-card-head{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;background:#edf7fb}.grade-card-head strong,.grade-card-head small{display:block}.grade-card-head strong{color:#123f60}.grade-card-head small{margin-top:3px;color:#607783}.grade-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dbe7ec}.grade-mini-grid>div{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff}.grade-mini-grid span{color:#526b78}.grade-mini-grid strong{color:#123f60;text-align:right}.grade-mini-grid strong small{display:block;margin-top:2px;color:#4d7888;font-size:10px}.report-card-grade-table{margin:14px 0;border:1px solid #d3e2e9;border-radius:11px;overflow:hidden}.report-card-grade-head,.report-card-grade-row{display:grid;grid-template-columns:minmax(160px,1fr) 130px 130px 42px;align-items:center;gap:8px;padding:8px 10px}.report-card-grade-head{background:#123f60;color:#fff;font-weight:800}.report-card-grade-row:nth-child(odd){background:#edf7fb}.report-card-grade-row input,.report-card-grade-row select{min-width:0}
@media(max-width:720px){.student-grades-toolbar{align-items:stretch;flex-direction:column}.student-grades-toolbar .actions,.student-grade-form>.actions,.student-report-card-form>.actions{align-items:stretch;flex-direction:column}.student-grades-toolbar button,.student-grade-form>.actions button,.student-report-card-form>.actions button{width:100%}.grade-entry{grid-template-columns:1fr auto}.grade-entry button{grid-column:1/-1}.grade-mini-grid{grid-template-columns:1fr}.report-card-grade-head,.report-card-grade-row{grid-template-columns:minmax(105px,1fr) 78px 78px 36px;font-size:11px;padding:7px 5px}.report-card-grade-row input,.report-card-grade-row select{padding:8px 4px}}