.teaching-performance{margin-top:28px;padding-top:24px;border-top:1px solid #dce5dc}.teaching-report-controls{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.teaching-report-controls input,.teaching-report-controls select{font:inherit;font-size:13px;color:#263d33;background:#fff;border:1px solid #dce5dc;border-radius:7px;padding:8px 12px}.teaching-table-wrap{max-width:100%;overflow:auto;margin:12px 0 20px}.teaching-table{width:100%;border-collapse:collapse;font-size:13px}.teaching-table th,.teaching-table td{padding:10px;text-align:left;border-bottom:1px solid #e5ebe5;white-space:nowrap}.teaching-table th{background:#eff4ed;color:#386b58}.teaching-performance h4{margin-top:22px}
.teaching-compensation-heading{color:#456f3b;font-size:17px;margin:20px 0 12px}.teaching-consumption-heading{color:#6c825e;font-size:16px;margin:34px 0 12px;padding-top:25px;border-top:2px solid #e0e8d7}.teaching-settlement-button{border:1px solid #ccdcbc;border-radius:6px;background:#eef5e7;color:#4c7439;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer;white-space:normal;min-width:110px;line-height:1.7}.teaching-settlement-button:disabled{background:#f2f4ee;color:#9ba88e;border-color:#e0e5d8;cursor:default}.teaching-pending-table td{white-space:normal;min-width:130px;max-width:280px;overflow-wrap:anywhere}.teaching-performance h3,.teaching-performance h4{line-height:1.7}.teaching-performance .admin-help{line-height:1.9}@media(max-width:560px){.teaching-compensation-heading{font-size:15px}.teaching-consumption-heading{font-size:14px}.teaching-settlement-button{font-size:10px}.teaching-pending-table td{min-width:120px}}

/* Compact monthly reports; keep every financial value and settlement action. */
.teaching-performance {
  min-width: 0;
  max-width: 100%;
  margin-top: 20px;
  padding-top: 16px;
  border-color: var(--line, #dfe7ef);
  color: var(--ink, #243447);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.teaching-performance h3,
.teaching-performance h4 {
  margin: 16px 0 8px;
  color: var(--ink, #243447);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}
.teaching-performance > h4:first-child { margin-top: 0; }
.teaching-performance .admin-help,
.teaching-performance .admin-empty {
  margin: 6px 0 10px;
  color: var(--muted, #5f6f80);
  font-size: 12px;
  line-height: 1.65;
}
.teaching-report-controls { min-width: 0; gap: 8px; margin: 12px 0; }
.teaching-report-controls input,
.teaching-report-controls select {
  min-width: 0;
  max-width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  border-color: #c8d6e3;
  border-radius: 8px;
  background: #fff;
  color: var(--ink, #243447);
  font-size: 14px;
  line-height: 1.5;
}
.teaching-report-controls :is(input, select):focus-visible { outline: 2px solid var(--green, #167ac6); outline-offset: 2px; }
.teaching-report-controls select:disabled { opacity: 1; color: var(--muted, #5f6f80); background: #f1f4f8; }
.teaching-table-wrap {
  min-width: 0;
  max-width: 100%;
  margin: 10px 0 16px;
  border: 1px solid var(--line, #dfe7ef);
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  overflow: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: #b4c8d9 #eef3f8;
}
.teaching-table {
  width: 100%;
  margin: 0;
  color: var(--ink, #243447);
  font-size: 14px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
.teaching-table :is(th, td) { padding: 10px 12px; border-bottom-color: #eaf0f5; }
.teaching-table th { background: #fff; color: var(--muted, #5f6f80); font-size: 12px; font-weight: 500; letter-spacing: 0; }
.teaching-table tbody tr:last-child td { border-bottom: 0; }
.teaching-table tbody tr:hover td { background: #f5f8fc; }
.teaching-table:not(.teaching-pending-table) :is(th, td):nth-child(n + 3),
.teaching-table:not(.teaching-pending-table) :is(th, td):nth-last-child(-n + 2) { text-align: right; }
.teaching-compensation-heading + .admin-help + .teaching-table-wrap .teaching-table :is(th, td):nth-child(n + 2),
.teaching-consumption-heading + .admin-help + .teaching-table-wrap .teaching-table :is(th, td):nth-child(n + 2) { text-align: right; }
.teaching-performance .teaching-compensation-heading { margin-top: 16px; color: var(--ink, #243447); }
.teaching-performance .teaching-consumption-heading { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line, #dfe7ef); color: var(--ink, #243447); }
.teaching-settlement-button {
  min-height: 34px;
  padding: 6px 10px;
  border-color: #b3cfe5;
  border-radius: 7px;
  background: #edf5fc;
  color: var(--green, #167ac6);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.teaching-settlement-button:not(:disabled):hover { background: #deedf9; border-color: var(--green, #167ac6); }
.teaching-settlement-button:focus-visible { outline: 2px solid var(--green, #167ac6); outline-offset: 2px; }
.teaching-settlement-button:disabled { opacity: 1; color: var(--muted, #5f6f80); background: #f1f4f8; border-color: #dfe7ef; }
.teaching-pending-table td { min-width: 130px; max-width: 280px; line-height: 1.6; }
@media (max-width: 640px) {
  .teaching-performance { margin-top: 16px; padding-top: 16px; }
  .teaching-report-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .teaching-report-controls input,
  .teaching-report-controls select { width: 100%; min-height: 42px; box-sizing: border-box; }
  .teaching-table :is(th, td) { padding: 10px; }
  .teaching-settlement-button { min-height: 42px; font-size: 12px; }
}