/* Her rubric (public/app/rubrics.js, lane R, Oct 16, 2026): the editable criteria in the grading-policy window, and her
   scores by criterion where the work comes back. Linked from index.html; the girl's view uses only the score list. */

/* The rows sit in the policy window's preview box, where three fixed rows used to be: real fields, solid, on white,
   so they read as editable inside the dashed preview. */
.rb-editor{margin:2px 0 10px}
.rb-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
/* The tool column is a fixed width, room for ↑ ↓ ×: the first and last rows lack an arrow, and each row is its own grid,
   so an "auto" column put their fields out of line with the rows between. */
.rb-row{display:grid;grid-template-columns:minmax(0,1.4fr) 64px minmax(0,1.6fr) 92px;gap:6px;align-items:center}
.rb-row label{margin:0}
.rb-row input{width:100%;margin:0;padding:6px 8px;border:1px solid #cdd3c9;border-radius:8px;background:#fff;font-size:14px}
.rb-row [data-rb="points"]{text-align:right}
.rb-tools{display:inline-flex;gap:2px;justify-content:flex-end}
/* One character each; a target a quick mouse can hit. */
.rb-tools button{min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.rb-tools button:hover{background:#eef2ec}
.rb-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:14px}
.rb-workbook{margin:4px 0 8px;font-size:14px}
.rb-workbook details{margin:4px 0}
.rb-workbook ul{margin:6px 0 4px 18px;padding:0}
/* On a phone each criterion takes three lines: its name across the row (beside the points it was cut to a few letters,
   Oct 18 check at 375), then its points and the arrows, then what it looks like. */
@media(max-width:560px){.rb-row{grid-template-columns:64px minmax(0,1fr) 92px}.rb-row .rb-name{grid-column:1/-1;grid-row:1}.rb-row .rb-points{grid-column:1;grid-row:2}.rb-row .rb-tools{grid-column:3;grid-row:2}.rb-row .rb-looks{grid-column:1/-1;grid-row:3}}

/* Scoring her rubric in the review panel: what each criterion looks like, under its name. */
.rb-review small{margin-top:2px}

/* Her scores with the returned work: one line per criterion, then the total. */
.rb-scores{margin:8px 0;display:grid;gap:4px}
.rb-scores>div{display:flex;justify-content:space-between;gap:12px}
.rb-scores dt{margin:0}
.rb-scores dt small{display:block;color:#747b71;font-size:12px}
.rb-scores dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.rb-scores-total{border-top:1px solid #e1e5dc;padding-top:4px;font-weight:600}