/* Журнал тексеру. Опирается на разметку страницы куратора (curator.css):
   те же сводка, карточка и таблица — завуч ходит между страницами, и
   вторая система координат ему ни к чему. */

.rev-week { display: flex; align-items: center; gap: 6px; }
.rev-week b { font-size: 13px; min-width: 168px; text-align: center; }

.rev-tbl td { padding: 9px 12px; }
.rev-row { cursor: pointer; }
.rev-row.open td { background: var(--surface-2); }
.rev-row b { font-size: 13.5px; font-weight: 600; }
.rev-facts { display: none; font-size: 11px; color: var(--ink-3); }
.rev-when { font-size: 12.5px; color: var(--ink-3); }
.rev-debt { color: var(--low); font-size: 13.5px; }
.rev-arr { color: var(--ink-3); font-size: 11px; }

/* раскрытая строка: уроки этого учителя за неделю */
.rev-sub td { background: var(--surface-2); padding: 0 12px 10px; }
.rev-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px; }
.rev-les {
  display: flex; align-items: center; gap: 10px; text-decoration: none;
  padding: 7px 10px; border-radius: 10px;
  background: var(--surface); border: 1px solid var(--low-bg);
  border-left: 3px solid var(--low);
}
.rev-les:hover { border-color: var(--green); }
.rev-les.ok { border-color: var(--line); border-left-color: var(--green); }
.rev-les-d { flex: 0 0 auto; }
.rev-les-d b { display: block; font-size: 12.5px; color: var(--ink); }
.rev-les-d small, .rev-les-m small { display: block; font-size: 10.5px; color: var(--ink-3); }
.rev-les-m { min-width: 0; flex: 1; }
.rev-les-m b { display: block; font-size: 12.5px; color: var(--ink); }
.rev-les-s { font-size: 10.5px; font-weight: 600; color: var(--low); white-space: nowrap; }
.rev-les.ok .rev-les-s { color: var(--green-dark); }

/* лог: кто и когда трогал журнал */
.rev-log td { padding: 8px 12px; }
.log-act {
  font-size: 11.5px; font-weight: 600; padding: 2px 8px; border-radius: 999px;
  color: var(--green-dark); background: var(--green-soft);
}
.log-update .log-act { color: var(--mid); background: var(--mid-bg); }
.log-delete .log-act { color: var(--low); background: var(--low-bg); }
.rev-note { padding: 8px 4px 0; font-size: 11px; color: var(--ink-3); }

@media (max-width: 820px) {
  .rev-facts { display: block; }
  .rev-week b { min-width: 0; flex: 1; }
  .rev-week { width: 100%; }
  .rev-list { grid-template-columns: 1fr; }
}