/* Harp & Air Story Lab · Stage 8E teacher dashboard + rubrics */
#ha-story-lab .sl-8e-dashboard{margin:22px 0;padding:22px;border:1px solid #d9d1c4;border-radius:16px;background:#fdfcf7}
#ha-story-lab .sl-8e-dashboard h3{margin:0 0 4px;font:500 27px Georgia,serif}
#ha-story-lab .sl-8e-dashboard h4{margin:0 0 6px;font:bold 18px Georgia,serif}
#ha-story-lab .sl-8e-dashboard h5{font-weight:700;font-size:14px;margin:16px 0 9px}
#ha-story-lab .sl-8e-head,#ha-story-lab .sl-8e-hrow{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
#ha-story-lab .sl-8e-sub,#ha-story-lab .sl-8e-legend{color:#60594f;font-size:13px;line-height:1.45;margin:3px 0 9px}
#ha-story-lab .sl-8e-state{font-size:13px;background:#edf8f5;border-left:4px solid #168d85;padding:10px 13px;border-radius:5px}
#ha-story-lab .sl-8e-state[data-error="true"]{background:#fff0f3;border-color:#be3e5e}
#ha-story-lab .sl-8e-filters{display:flex;gap:15px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin:18px 0}
#ha-story-lab .sl-8e-filters>div:first-child{flex:0 1 300px}
#ha-story-lab .sl-8e-dashboard label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
#ha-story-lab .sl-8e-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#ha-story-lab .sl-8e-kpi{background:#fff;border:1px solid #e2dbd1;border-radius:12px;padding:14px 11px;min-width:0}
#ha-story-lab .sl-8e-kpi span,#ha-story-lab .sl-8e-kpi small{display:block;font-size:12px;color:#60594f;line-height:1.35}
#ha-story-lab .sl-8e-kpi strong{display:block;font:600 30px Georgia,serif;line-height:1.25;margin:5px 0}
#ha-story-lab .sl-8e-box{padding:16px;background:#fff;border:1px solid #e2dbd1;border-radius:13px;margin:16px 0}
#ha-story-lab .sl-8e-scroll{overflow-x:auto;width:100%}
#ha-story-lab .sl-8e-table{border-collapse:collapse;width:100%;font-size:13px;min-width:640px}
#ha-story-lab .sl-8e-table th{white-space:nowrap;text-align:left;background:#f5f1e9;font-size:12px;padding:10px;border-bottom:1px solid #ddd4c6}
#ha-story-lab .sl-8e-table td{padding:11px 10px;border-bottom:1px solid #eee7db;vertical-align:middle}
#ha-story-lab .sl-8e-table td strong{display:block;max-width:280px}
#ha-story-lab .sl-8e-minor{font-size:12px;color:#6e665b;line-height:1.4}
#ha-story-lab .sl-8e-late,#ha-story-lab .sl-8e-attention{font-weight:700;color:#9b3b44}
#ha-story-lab .sl-8e-empty{color:#70685f;font-size:14px;margin:8px 0}
#ha-story-lab .sl-8e-review-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #eee7db}
#ha-story-lab .sl-8e-review-card strong{display:block;font-size:14px}
#ha-story-lab .sl-8e-two{display:grid;grid-template-columns:minmax(150px,320px) 1fr;gap:15px;margin:12px 0}
#ha-story-lab .sl-8e-chart{margin-top:16px}
#ha-story-lab .sl-8e-chart-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,3fr) 55px;gap:10px;align-items:center;margin:9px 0}
#ha-story-lab .sl-8e-chart-title{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#ha-story-lab .sl-8e-track{width:100%;height:13px;background:#e9e2d6;border-radius:30px;overflow:hidden}
#ha-story-lab .sl-8e-fill{height:100%;background:linear-gradient(90deg,#168d85,#3e7896);border-radius:30px}
#ha-story-lab .sl-8e-score{font-size:12px;font-variant-numeric:tabular-nums;text-align:right}
#ha-story-lab .sl-8e-trend{font-size:13px;padding:8px 10px;background:#f1f6f4;border-radius:8px}
#ha-story-lab .sl-8e-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#ha-story-lab .sl-8e-skill{padding:10px;border:1px solid #ece5d9;border-radius:9px;min-width:0}
#ha-story-lab .sl-8e-skill>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center;margin-bottom:6px}
#ha-story-lab .sl-8e-skill small{display:block;margin-top:6px}
#ha-story-lab .sl-8e-footnote{font-size:12px;color:#625d56;line-height:1.55}
#ha-story-lab .sl-8e-rubric-editor{border:1px dashed #cbbda9;border-radius:9px;padding:13px;margin:12px 0;background:#fffdf7}
#ha-story-lab .sl-8e-rubric-editor h5{margin:0 0 12px;font-size:15px}
#ha-story-lab .sl-8e-rubric-editor h5 small{display:block;font-size:12px;font-weight:400;color:#6c6458}
#ha-story-lab .sl-8e-rubric-row{display:grid;grid-template-columns:minmax(105px,1.15fr) minmax(105px,1.15fr) minmax(160px,2.25fr) auto;gap:8px;margin-bottom:9px;align-items:center}
#ha-story-lab .sl-8e-rubric-row input,#ha-story-lab .sl-8e-rubric-row select{min-width:0;width:100%}
#ha-story-lab .sl-8e-review-rubric{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}
#ha-story-lab .sl-8e-review-rubric .sl-cc-field{padding:10px;background:#fff;border:1px solid #e6dccc;border-radius:9px}
@media(max-width:950px){#ha-story-lab .sl-8e-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:670px){
#ha-story-lab .sl-8e-dashboard{padding:14px}
#ha-story-lab .sl-8e-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
#ha-story-lab .sl-8e-two,#ha-story-lab .sl-8e-skills,#ha-story-lab .sl-8e-review-rubric{grid-template-columns:1fr}
#ha-story-lab .sl-8e-rubric-row{grid-template-columns:1fr 1fr;gap:6px}
#ha-story-lab .sl-8e-rubric-row input:nth-of-type(2){grid-column:1/-1}
#ha-story-lab .sl-8e-chart-row{grid-template-columns:minmax(78px,1fr) minmax(76px,1.5fr) 53px}
}