#nc-grades{color:var(--ink);font-size:1rem;line-height:1.5;padding:10px}@media(min-width:800px){ #nc-grades{padding:20px 50px}}#nc-grades h2{margin:0;font-size:1.4rem}#nc-grades p{margin-top:6px;color:var(--mute);font-size:.9rem}#nc-grades button,#nc-grades input{font:inherit}#nc-grades button{cursor:pointer}#nc-grades .nc-grades-config,#nc-grades .nc-grades-subjects{margin-bottom:32px}#nc-grades .nc-grades-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}#nc-grades .nc-grades-actions{display:flex;flex-wrap:wrap;gap:10px}#nc-grades .nc-grades-heading .btn{justify-content:center;padding:9px 16px;font-size:.9rem;white-space:nowrap}#nc-grades .nc-grades-periods{display:grid;gap:10px}#nc-grades .nc-grades-period{display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(90px,.7fr) minmax(120px,1fr) 36px;align-items:end;gap:12px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px}#nc-grades label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:.85rem;font-weight:600}#nc-grades input{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);outline-offset:2px}#nc-grades input::placeholder{color:var(--brand);opacity:.4;font-weight:700}#nc-grades input:focus{border-color:var(--brand)}#nc-grades input:disabled{opacity:.6;cursor:not-allowed}#nc-grades .nc-grades-remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:42px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--mute);font-size:1.4rem}#nc-grades .nc-grades-remove:hover{color:#c43e52;border-color:#c43e52}#nc-grades .nc-grades-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:16px;padding:14px 16px;border-radius:10px;background:var(--soft);font-size:.9rem}#nc-grades .nc-grades-summary strong{font-variant-numeric:tabular-nums}#nc-grades .is-valid{color:var(--leaf)}#nc-grades .is-invalid{color:#c43e52}#nc-grades .nc-grades-list{display:grid;gap:16px}#nc-grades .nc-grades-subject{min-width:0;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px}#nc-grades .nc-grades-subject-top{display:flex;align-items:end;gap:12px;margin-bottom:20px}#nc-grades .nc-grades-subject-name{flex:1;font-size:1rem}#nc-grades .nc-grades-grade-grid{display:grid;grid-template-columns:repeat(var(--period-count,3),minmax(0,1fr) );gap:12px}#nc-grades .nc-grades-grade{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}#nc-grades .nc-grades-grade>span{overflow-wrap:anywhere}#nc-grades .nc-grades-grade small{color:var(--mute);font-size:.8rem;font-weight:400}#nc-grades .nc-grades-grade input{margin-top:4px;font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}#nc-grades .nc-grades-result{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--mute);font-size:.88rem}#nc-grades .nc-grades-result strong{color:var(--ink);font-variant-numeric:tabular-nums}#nc-grades .nc-grades-final{margin-left:auto;font-weight:600}#nc-grades .nc-grades-final.is-passed{color:var(--leaf)}#nc-grades .nc-grades-final.is-failed{color:#c43e52}#nc-grades .nc-grades-message{margin-top:12px;color:#c43e52;font-size:.9rem}@media(max-width:640px){ #nc-grades .nc-grades-heading{align-items:flex-start} #nc-grades .nc-grades-actions{width:100%} #nc-grades .nc-grades-actions .btn{flex:1 1 auto;white-space:normal} #nc-grades .nc-grades-period{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:10px} #nc-grades .nc-grades-period label:first-child{grid-column:1 / -1} #nc-grades .nc-grades-period .nc-grades-remove{grid-column:3;grid-row:2} #nc-grades .nc-grades-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #nc-grades .nc-grades-subject{padding:14px} #nc-grades .nc-grades-final{width:100%;margin-left:0}}@media(max-width:360px){ #nc-grades .nc-grades-grade-grid{grid-template-columns:1fr} #nc-grades .nc-grades-actions{flex-direction:column}}