#st-history { max-width: 1400px; margin: 28px auto; padding: 0 20px; }
#st-history .st-history-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 12px; }
#st-history .st-history-scroll { overflow-x: auto; }
#st-history-table { min-width: 960px; }
#st-history-table th, #st-history-table td { padding: 12px; vertical-align: top; }
#st-history-table td:first-child { width: 26%; }
#st-history-table td:nth-child(5) { width: 30%; }
#st-history-table textarea { width: 100%; min-width: 220px; min-height: 90px; padding: 8px; resize: vertical; border: 1px solid #999; border-radius: 4px; }
#st-history-status { min-height: 1.5em; }
#st-history-status[data-error="true"] { color: #a12622; font-weight: bold; }

#st-history .st-history-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 20px 0 12px; }
#st-history .st-history-controls label { display: flex; flex-direction: column; gap: 6px; margin: 0; }
#st-history .st-history-controls input, #st-history .st-history-controls select,
#st-history .st-history-student { padding: 8px; border: 1px solid #999; border-radius: 4px; background: white; color: inherit; font-weight: normal; }
#st-history .st-history-student { width: 100%; min-width: 150px; }
#st-history .st-history-controls input, #st-history .st-history-controls select { max-width: 100%; }

#st-history .st-history-row-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }