.journal-workspace{display:grid;gap:18px}.journal-toolbar{display:flex;align-items:end;gap:12px}.journal-toolbar label{width:min(360px,100%)}.journal-toolbar .ghost{padding-block:10px}.journal-state{padding:42px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:center}.journal-state h2{margin-top:0}.journal-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}.journal-heading h2{margin:0;font-size:25px}.journal-heading p{margin:5px 0 0;color:var(--muted)}.journal-table-viewport{max-height:calc(100vh - 330px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.journal-table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content}.journal-table th,.journal-table td{min-width:86px;height:64px;padding:8px;border-right:1px solid #e3ebf4;border-bottom:1px solid #e3ebf4;text-align:center;background:#fff}.journal-table thead th{position:sticky;top:0;z-index:3;height:58px;background:#edf5fd;color:var(--ink);font-size:13px}.journal-table .student-head,.journal-table .journal-student{position:sticky;left:0;z-index:4;min-width:255px;max-width:255px;text-align:left}.journal-table .student-head{z-index:5}.journal-table .journal-student{background:#fff}.journal-student strong{display:block;font-size:15px;font-weight:650}.journal-student small{display:block;margin-top:5px;color:var(--muted);font-size:12px;white-space:normal}.journal-lesson-head{cursor:pointer}.journal-lesson-head.selected{background:var(--sky)}.journal-lesson-head.cancelled{color:var(--muted);text-decoration:line-through}.journal-cell-button{display:grid;place-items:center;width:44px;height:42px;margin:auto;padding:0;border-radius:9px;background:#f4f8fd;color:var(--ink);font-size:18px;font-weight:750}.journal-cell-button:hover,.journal-cell-button.has-draft{background:var(--sky);color:var(--blue)}.journal-cell-button.first-charge{box-shadow:inset 0 0 0 2px #438bd3}.journal-cell-static{font-size:18px;font-weight:700}.journal-cell-disabled{background:#f5f7fa!important;color:#9aa8b8}.journal-lesson-actions{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}.journal-lesson-actions>div{display:grid;gap:3px;margin-right:auto}.journal-lesson-actions small{color:var(--muted)}.journal-status-menu{position:fixed;z-index:30;width:170px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 40px #173c6826}.journal-status-menu button{display:flex;width:100%;gap:10px;padding:9px 10px;background:transparent;color:var(--ink);text-align:left;font-weight:550}.journal-status-menu button:hover{background:var(--sky)}.journal-status-menu b{width:20px;color:var(--blue)}.journal-legend{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.journal-legend b{color:var(--ink)}.journal-completion{padding:18px 20px;border:1px solid #b8d5f2;border-radius:16px;background:#edf6ff}.journal-completion h3{margin:0 0 5px}.journal-completion p{margin:0 0 14px;color:var(--muted)}.journal-completion-actions{display:flex;gap:9px;flex-wrap:wrap}.journal-completion .success{color:#235f43;font-weight:700}@media(max-width:800px){.journal-toolbar{align-items:stretch;flex-direction:column}.journal-toolbar label{width:100%}.journal-table .student-head,.journal-table .journal-student{min-width:215px;max-width:215px}.journal-lesson-actions{align-items:stretch;flex-direction:column}.journal-lesson-actions>div{margin:0}.journal-lesson-actions button{width:100%}}