/* チェック画面（check.html）。色はスプレッドシート「教員授業カウント」の条件付き書式に合わせる */
body.checkPage { font-size: 13px; }
.bar .grow { flex: 1; }
.csum { display: inline-flex; gap: 6px; }
.cb { padding: 1px 8px; border: 1px solid var(--line); border-radius: 10px; }
.cb b { margin-right: 3px; }
.cb.ng { background: #fde2e2; border-color: #c62828; color: #8e1b1b; }
.cwrap { flex: 1; overflow: auto; }
table.ct { border-collapse: separate; border-spacing: 0; background: var(--panel); }
.ct th, .ct td { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 1px 3px; text-align: center; white-space: nowrap; font-size: 1em; }
.ct thead th { position: sticky; top: 0; z-index: 3; background: #e9edf3; }
.ct thead tr:nth-child(2) th { top: 1.6em; }
.ct .g { position: sticky; left: 0; z-index: 2; background: #f3f5f8; min-width: 3.5em; font-size: .85em; color: var(--sub); text-align: left; }
.ct .nm { position: sticky; left: 3.5em; z-index: 2; background: #f3f5f8; min-width: 5.5em; text-align: left; }
.ct thead .g, .ct thead .nm { z-index: 4; background: #e9edf3; }
.ct .role { margin-left: 4px; font-size: .75em; color: var(--sub); }
.ct td { min-width: 2.6em; height: 1.7em; font-size: .85em; }
.ct .ds { border-left: 2px solid var(--line-strong); }
.ct tr.gs > *, .ct tr.tfirst > * { border-top: 2px solid var(--line-strong); }
.ct tr.room td.nm { font-weight: 600; }
.ct td.one { background: #d9ead3; }
.ct td.dup { background: #f4a6a6; font-weight: bold; color: #7a0f0f; }
.ct td.ngv { background: #c62828; color: #fff; font-weight: bold; }
.ct td.ngc { background-image: repeating-linear-gradient(45deg, rgba(178, 120, 40, .28), rgba(178, 120, 40, .28) 3px, transparent 3px, transparent 7px); }
.ct td.over { background: #f4a6a6; font-weight: bold; }
.ct td.five { background: #fbeeb0; }
.ct td.tot { font-weight: bold; }
.ct .lastc { box-shadow: inset 2px 0 0 #e08a00, inset -2px 0 0 #e08a00; }
.ct thead th.lastc { background: #ffd27a; }
.ct tr.lastr td.nm { background: #ffe9b8; }
.none { padding: 40px; color: var(--sub); }