.group-task-entry { margin-top: 20px; padding-top: 16px; border-top: 1px solid #dce7e2; }
.group-task-entry > h3 { margin: 0 0 5px; color: #173d4b; font-size: 15px; }
.group-task-entry > p { margin: 0 0 15px; color: #69847d; font-size: 11px; line-height: 1.6; }
.group-task-legend { display: flex; gap: 7px; margin-bottom: 12px; font-size: 10px; font-weight: 800; }
.group-task-legend span { padding: 5px 8px; border: 1px solid #dce7e2; border-radius: 5px; }
.group-task-legend .is-basic { background: #fff0a9; color: #645315; }
.group-task-legend .is-advanced { background: #fff; color: #42677b; }
.group-task-section { margin-top: 16px; }
.group-task-section h3 { margin: 0 0 8px; color: #326657; font-size: 12px; }
.group-task-scroll { width: fit-content; max-width: 100%; overflow-x: auto; border: 1px solid #dce7e2; border-radius: 8px; }
.group-task-table { width: max-content; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.group-task-table th, .group-task-table td { min-width: 52px; width: 52px; max-width: 52px; height: 38px; padding: 0; border-right: 1px solid #dce7e2; text-align: center; }
.group-task-table th:last-child, .group-task-table td:last-child { border-right: 0; }
.group-task-table th { border-bottom: 1px solid #dce7e2; background: #e9f0ee; color: #43625f; font-size: 10px; font-weight: 800; }
.group-task-table th.is-basic, .group-task-cell.is-basic { background: #fff0a9; }
.group-task-table th.is-advanced, .group-task-cell.is-advanced { background: #fff; }
.group-task-cell.is-basic[data-state="0"], .group-task-cell.is-basic[data-state="blank"] { background: #f8ceca; }
.group-task-button { display: block; width: 100%; height: 43px; padding: 0; border: 0; background: transparent; color: #244b42; font-size: 21px; font-weight: 850; }
.group-task-button[data-state="0"] { color: #a13c32; }
.group-task-button[data-state="mixed"] { color: #5d7180; font-size: 11px; }
.group-task-button:focus-visible { outline: 3px solid #258a78; outline-offset: -3px; }
.table-dialog .member-list li { flex-wrap: wrap; }
.table-dialog .member-list .member-identity { flex: 1 1 120px; }
.member-attendance-select { min-height: 30px; padding: 3px 5px; border: 1px solid #cdded4; border-radius: 5px; background: #fff; color: #294d56; font-size: 11px; }
.attendance-mark { display: inline-grid; place-items: center; min-width: 28px; min-height: 28px; border: 1px solid #dce7e2; border-radius: 5px; background: #f5f7f6; color: #7d918b; font-size: 17px; font-weight: 850; }
.attendance-mark[data-state="automatic"] { border-color: #a9d7bc; background: #dff3e9; color: #187254; }
.attendance-mark[data-state="manual"] { border-color: #a9cdd7; background: #e6f3f7; color: #28728a; }
.attendance-mark[data-state="late"] { border-color: #ead5a9; background: #fff3df; color: #9a6a22; }