.attendance-page{max-width:1600px;margin:0 auto;color:#253e58}.att-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;background:white;border:1px solid #e4ebf3;border-radius:14px;margin-bottom:18px}.att-heading h1{font-size:22px;margin:0 0 8px}.att-heading p{margin:0;color:#788b9e;font-size:13px}.att-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.att-actions .el-select{width:210px}.att-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.att-toolbar>span,.att-toolbar small{font-size:12px;color:#71869c}.attendance-page>section{background:white;border:1px solid #e3ebf4;border-radius:14px;padding:20px}.att-week-grid{display:grid;grid-template-columns:64px repeat(var(--att-days,5),minmax(0,1fr));border-top:1px solid #e3eaf3;border-left:1px solid #e3eaf3;border-radius:10px;overflow:hidden}.att-week-head,.att-period,.att-week-cell{border:0;border-right:1px solid #e3eaf3;border-bottom:1px solid #e3eaf3;padding:10px;min-width:0}.att-week-head{background:#f5f8fc;color:#55738f;text-align:center;font-weight:600;font-size:13px;cursor:pointer}.att-week-head small{display:block;font-weight:400;font-size:11px;margin-top:5px}.att-week-head.selected{background:#e6f3f7;color:#147c87}.att-period{display:flex;justify-content:center;align-items:center;color:#8191a2;font-size:12px;background:#fafbfd}.att-week-cell{min-height:78px;padding:6px}.att-week-cell.selected{background:#f6fbfd}.att-course{display:flex;flex-direction:column;text-align:left;gap:5px;width:100%;height:100%;border:0;border-left:3px solid #29a0a1;border-radius:5px;padding:9px;background:#eaf6f5;color:#286a70;cursor:pointer}.att-course strong{font-size:13px;overflow-wrap:anywhere}.att-course span,.att-course small{font-size:11px}.att-course:disabled{opacity:.55;cursor:default}.att-day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}.att-day-heading h2,.attendance-page section>h2{font-size:16px;margin:18px 0 12px}.att-day-heading span{font-size:12px;color:#8091a4}.att-daily-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.att-day-course{display:flex;align-items:center;gap:14px;border:1px solid #e1eaf4;border-radius:10px;background:white;text-align:left;padding:14px;cursor:pointer;min-width:0;color:#274760}.att-day-course:disabled{opacity:.55;cursor:default}.att-period-badge{min-width:40px;padding:10px 5px;text-align:center;background:#edf6fa;color:#26899b;font-size:22px;border-radius:8px}.att-period-badge small{font-size:11px}.att-day-course>div{display:flex;flex-direction:column;gap:7px;min-width:0}.att-day-course strong{font-size:14px}.att-day-course div span{font-size:12px;color:#8191a4}.att-course-state{margin-left:auto;font-size:12px;white-space:nowrap;color:#287e8b}.att-history{margin-top:16px;font-size:13px;color:#6a8298}.att-history summary{cursor:pointer;padding:12px 0}.att-history button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid #edf1f6;background:transparent;color:#45617d;cursor:pointer}.att-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5ebf3;border-radius:12px;background:#f7fafd;padding:18px 0;gap:10px;margin-bottom:20px}.att-summary>div{padding:0 20px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #e1e9f2}.att-summary>div:last-child{border:0}.att-summary span{font-size:12px;color:#71879f}.att-summary strong{font-size:27px;color:#208e8c}.att-report-note{color:#788c9f;font-size:12px;line-height:1.8}.att-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:13px}.att-slot-list{max-height:55vh;overflow:auto;padding:8px 0}.att-slot-row{display:grid;grid-template-columns:90px 88px 86px minmax(150px,1fr) 90px 150px 52px;gap:8px;padding:12px 0;border-bottom:1px solid #e6edf5;align-items:center}.att-slot-row .el-select{width:100%}.att-class-input{min-width:0}.att-class-input small{color:#c48935;font-size:11px}.att-times{display:flex;gap:4px;flex-direction:column}.att-times input{width:100%;border:1px solid #dce5ef;border-radius:5px;padding:4px;box-sizing:border-box;font-family:inherit;color:#49647f}.att-roll-list{max-height:58vh;overflow:auto}.att-student{display:grid;grid-template-columns:100px minmax(320px,1fr) 180px;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #e9eff6}.att-student>strong{font-size:14px}.att-student>strong small{margin-left:8px;font-size:11px;color:#8a9aac;font-weight:400}.att-status-buttons{display:flex;flex-wrap:wrap;gap:6px}.att-status-buttons button{border:1px solid #dfe7ef;background:#fff;color:#72869b;border-radius:6px;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer}.att-status-buttons button.active{background:#edf4fb;color:#316ca6;border-color:#81afdc}.att-status-buttons .present.active{background:#eaf7ef;border-color:#50ab7c;color:#238453}.att-status-buttons .absent.active{background:#fff0f0;border-color:#e38c8c;color:#bc5050}.att-status-buttons .leave.active,.att-status-buttons .late.active,.att-status-buttons .early.active{background:#fff8e8;border-color:#d6b476;color:#aa781c}.att-unsaved{font-size:12px;color:#9a7b3c;margin-right:auto}.att-roll-dialog .el-dialog__footer{display:flex;align-items:center;gap:8px}.att-dialog{max-width:calc(100vw - 24px)}@media(max-width:767px){.att-heading{align-items:stretch;flex-direction:column;padding:16px}.att-heading h1{font-size:20px}.att-actions .el-select{width:100%;min-width:0}.att-heading .att-actions .el-select{flex:1 0 100%}.att-actions .el-button{margin-left:0}.attendance-page>section{padding:12px}.att-week-grid{display:none}.att-toolbar{align-items:stretch}.att-toolbar>.att-actions{width:100%}.att-toolbar .el-date-editor{width:150px!important}.att-toolbar .el-select{flex:1 0 100%}.att-day-heading{flex-direction:column;align-items:flex-start}.att-day-heading h2{margin:0}.att-daily-list{grid-template-columns:1fr}.att-day-course{padding:12px;gap:10px}.att-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.att-summary>div:nth-child(2){border:0}.att-summary strong{font-size:23px}.att-history button{flex-direction:column;gap:6px}.att-slot-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;gap:8px}.att-class-input{grid-column:span 2}.att-times{grid-column:span 2;flex-direction:row}.att-times input{min-width:0}.att-student{grid-template-columns:1fr;gap:9px;padding:14px 0}.att-status-buttons button{flex:1;min-width:42px;padding:9px 3px}.att-roll-list{max-height:calc(100dvh - 330px)}.att-roll-dialog{margin-top:16px!important}.att-roll-dialog .el-dialog__footer{flex-wrap:wrap;justify-content:flex-end}.att-unsaved{flex:1 0 100%;text-align:left}.att-dialog .el-dialog__body{padding:8px 0}.att-slot-list{max-height:50vh}.att-report-note{font-size:11px}.att-heading .att-actions{gap:8px}}
/* Weekly timetable: shared desktop and mobile sheet. */
.att-sheet-title{text-align:center;margin:16px 0 12px}.att-sheet-title h2{font-size:20px;line-height:1.5;margin:0;color:#233950}.att-sheet-title p{font-size:14px;margin:6px 0 16px}.att-sheet-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.att-sheet-tools>span{font-size:12px;color:#7a8c9d}.att-sheet-scroll{width:100%;overflow-x:auto;border-radius:8px}.att-sheet{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #a9bacb;background:#fff}.att-sheet th,.att-sheet td{border:1px solid #b9c7d4;text-align:center;padding:0;vertical-align:middle}.att-sheet thead th{background:#f3f7fb;height:58px}.att-sheet thead th:first-child{width:105px}.att-sheet button{font-family:inherit;cursor:pointer;color:inherit}.att-sheet thead button,.att-sheet-time button{border:0;background:none;width:100%;padding:10px 4px;font-size:13px}.att-sheet button small{display:block;font-weight:400;font-size:11px;margin-top:4px}.att-sheet .selected{background:#f5fbfc}.att-sheet thead .today{box-shadow:inset 0 3px #279ca4;color:#147c84}.att-sheet-corner{position:relative;background:linear-gradient(26deg,transparent 49%,#b9c7d4 49.5%,#b9c7d4 50%,transparent 50.5%),#f3f7fb!important;font-size:12px}.att-sheet-corner span:first-child{display:block;text-align:right;padding:4px 12px 8px}.att-sheet-corner span:last-child{display:block;text-align:left;padding:5px 7px}.att-sheet-time{background:#f8fafc;font-weight:500}.att-sheet-time small{font-variant-numeric:tabular-nums;white-space:normal;color:#7b8a9b}.att-sheet-break td{background:#edf3f7;height:26px}.att-sheet-break button{width:100%;border:0;background:none;font-size:12px;font-weight:600;padding:5px}.att-sheet-break button small{display:inline;font-size:11px}.att-sheet-courses{display:flex;flex-direction:column;gap:2px;padding:4px}.att-sheet-course{display:flex;flex-direction:column;align-items:center}.att-edit-course{border:0;background:transparent;width:100%;padding:8px 3px;border-radius:5px;line-height:1.5}.att-edit-course strong{display:block;font-size:13px;font-weight:600}.att-edit-course span{display:block;font-size:12px;color:#5e748a;margin-top:2px;overflow-wrap:anywhere}.att-edit-course:hover,.att-empty-cell:hover{background:#eaf5f7}.att-cell-roll{border:1px solid #b9dce1;background:#eef9f9;border-radius:4px;font-size:11px;padding:2px 10px;color:#167c85!important;margin:0 0 4px}.att-empty-cell{border:0;background:transparent;width:100%;min-height:70px;color:#8cabb8!important;font-size:20px}.att-empty-cell span{opacity:.35}.att-empty-cell:hover span,.att-empty-cell:focus-visible span{opacity:1}.att-layout-rows{max-height:55vh;overflow:auto;margin:12px 0}.att-layout-row{display:grid;grid-template-columns:48px minmax(90px,1fr) 100px 100px 135px;align-items:center;gap:8px;border-bottom:1px solid #e7edf4;padding:9px 0;font-size:12px}.att-layout-row input[type=time]{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dce5ef;border-radius:5px;padding:7px 3px;color:#48617a}.att-layout-row .el-button+.el-button{margin-left:0}.att-layout-row .el-button{padding:6px}.att-sheet button:focus-visible{outline:2px solid #238b98;outline-offset:-2px}
@media(max-width:767px){.att-sheet-title h2{font-size:15px}.att-sheet-title p{font-size:12px;margin-bottom:10px}.att-sheet-tools{align-items:center}.att-sheet-tools>span{font-size:11px;line-height:1.6}.att-sheet thead th:first-child{width:57px}.att-sheet thead th{height:52px}.att-sheet thead button,.att-sheet-time button{font-size:11px;padding:7px 2px}.att-sheet button small{font-size:9px}.att-sheet-corner{font-size:10px}.att-sheet-corner span:first-child{padding:4px 5px}.att-sheet-corner span:last-child{padding:8px 2px 4px}.att-sheet-courses{padding:2px}.att-edit-course{padding:7px 1px}.att-edit-course strong{font-size:11px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.att-edit-course span{font-size:10px;line-height:1.4}.att-cell-roll{font-size:10px;padding:2px 6px}.att-empty-cell{min-height:62px;font-size:17px}.att-sheet-break button{font-size:11px}.att-sheet-break button small{font-size:10px}.att-layout-row{grid-template-columns:44px minmax(70px,1fr) minmax(70px,1fr)}.att-layout-row>.el-input{grid-column:span 2}.att-layout-row>div:last-child{grid-column:span 1;white-space:nowrap}.att-layout-row .el-button{padding:5px}.att-sheet-time small{line-height:1.5}}

.att-term-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.att-term-dates .el-form-item{min-width:0}.att-term-date.el-date-editor{width:100%!important;min-width:0;height:44px}.att-term-date .el-input__wrapper{background:#f3f5f7;border-radius:8px;box-shadow:0 0 0 1px #dce5ef inset}.att-term-date .el-input__inner{font-size:16px;color:#35495d}.att-term-date .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #879caf inset}@media(max-width:767px){.att-term-dates{grid-template-columns:1fr;gap:0}.att-term-dates .el-form-item{margin-bottom:16px}}

/* Quiet surfaces for attendance filters and date pickers, including teleported calendars. */
.attendance-page .att-actions .el-input__wrapper,.attendance-page .att-actions .el-select__wrapper{background:#f3f5f7;box-shadow:0 0 0 1px #dce3e9 inset}
.attendance-page .att-actions .el-input__wrapper.is-focus,.attendance-page .att-actions .el-select__wrapper.is-focused{box-shadow:0 0 0 1px #879caf inset}
.att-date-panel{--el-color-primary:#526f88;--el-datepicker-active-color:#526f88;--el-datepicker-hover-text-color:#354f67;--el-datepicker-inrange-bg-color:#eef2f5;--el-bg-color-overlay:#f8fafb;--el-fill-color-blank:#f8fafb;background:#f8fafb!important;color:#35495d}
.att-date-panel .el-picker-panel,.att-date-panel .el-date-picker__header{background:#f8fafb}
.att-date-panel .el-date-table td.current:not(.disabled) .el-date-table-cell__text{background:#e0e8ef;color:#29445b;font-weight:600;box-shadow:0 0 0 1px #aabcc9}
.att-date-panel .el-date-table td.available:hover .el-date-table-cell__text{background:#eaf0f4;color:#354f67}
.att-date-panel .el-date-table td.today .el-date-table-cell__text{color:#526f88;font-weight:600}

@media(max-width:360px){.att-date-panel.el-picker__popper .el-date-picker{width:calc(100vw - 24px)}.att-date-panel .el-picker-panel__content{width:auto;margin:12px}.att-date-panel .el-date-picker__header{margin:12px}}

.att-new-term-icon{display:none}.att-sheet-edit-actions{display:flex;gap:6px;flex-shrink:0}.att-sheet-edit-actions .el-button+.el-button{margin-left:0}.att-mobile-edit{display:none}
@media(max-width:767px){.attendance-page .att-heading{padding:10px 12px;margin-bottom:8px;gap:8px}.att-heading.has-timetable .att-heading-intro,.att-heading.has-timetable .att-import-term{display:none}.attendance-page .att-heading>.att-actions{display:grid;grid-template-columns:minmax(0,1fr) 36px;width:100%;gap:8px}.attendance-page .att-heading .el-select{width:100%;min-width:0}.attendance-page .att-heading .att-new-term{width:36px;height:36px;padding:0;margin:0;border-radius:9px}.att-new-term-icon{display:inline;font-size:24px;line-height:1}.att-new-term-label{display:none}.attendance-page .att-heading .att-import-term{grid-column:1 / -1;margin:0}.att-mobile-edit{display:inline-flex}.att-sheet-tools{flex-wrap:wrap}.att-sheet-edit-actions{margin-left:auto}}

.att-week-arrow,.att-mobile-week{display:none}
@media(max-width:767px){.att-week-navigation{margin:0 0 8px;gap:0}.att-week-navigation>.att-actions{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 42px;gap:6px;align-items:center}.att-week-navigation .el-button{margin:0!important;padding:0;height:36px;min-width:0}.att-week-navigation .el-date-editor.el-input{width:100%!important;height:36px;min-width:0}.att-week-navigation .el-input__wrapper{padding:0 8px}.att-week-navigation .el-input__inner{font-size:13px;text-align:center}.att-week-desktop,.att-week-navigation .att-term-range,.att-sheet-title>h2,.att-sheet-title>p,.att-sheet-tools>span,.att-day-heading>span{display:none}.att-week-arrow{display:inline;font-size:24px;line-height:1}.att-sheet-title{margin:0;padding:0}.att-sheet-tools{margin:0 0 8px;gap:6px;align-items:center}.att-mobile-week{display:inline;color:#7a8b9c;font-size:12px}.att-sheet-edit-actions .el-button{height:28px;padding:4px 8px;font-size:12px}.att-sheet-scroll{margin-top:0}}

/* Compact weekly overview; preserve every period and its edit/roll-call actions. */
.att-class-short{display:none!important}
.attendance-page .att-heading{padding:12px 16px;margin-bottom:10px}
.attendance-page .att-heading h1{font-size:18px;margin-bottom:4px}
.attendance-page>section{padding:12px 14px}
.att-week-navigation{margin:0 0 8px}
.att-sheet-title{margin:6px 0 8px}
.att-sheet-title h2{font-size:16px;line-height:1.3}
.att-sheet-title p{font-size:12px;margin:3px 0 6px}
.att-sheet-scroll{max-width:1120px;margin-left:auto;margin-right:auto}
.att-sheet{min-width:0!important}
.att-sheet thead th{height:40px}
.att-sheet thead th:first-child{width:80px}
.att-sheet thead button,.att-sheet-time button{padding:4px 2px;line-height:1.2}
.att-sheet button small{margin-top:2px;line-height:1.2}
.att-sheet-courses{padding:2px;gap:2px}
.att-edit-course{padding:3px 1px;line-height:1.2}
.att-edit-course span{margin-top:1px;line-height:1.2}
.att-cell-roll{margin:1px 0 2px;padding:2px 8px;line-height:16px;min-height:22px}
.att-empty-cell{min-height:48px}
.att-sheet-break td{height:18px}
.att-sheet-break button{padding:2px;line-height:14px;font-size:11px}
.att-day-heading{margin:12px 0 8px}
@media(max-width:767px){
 .attendance-page>section{padding:8px 6px}
 .attendance-page .att-heading{padding:8px;margin-bottom:4px}
 .attendance-page>.el-tabs .el-tabs__header{margin-bottom:8px}
 .att-sheet-title{margin:0}
 .att-sheet-tools{margin-bottom:6px}
 .att-sheet thead th:first-child{width:46px}
 .att-sheet thead th{height:36px}
 .att-sheet thead button,.att-sheet-time button{padding:3px 1px;font-size:10px}
 .att-sheet-corner span:first-child,.att-sheet-corner span:last-child{padding:2px;font-size:9px}
 .att-sheet-time small{font-size:9px;line-height:1.15}
 .att-sheet-courses{padding:1px}
 .att-edit-course{padding:2px 0;min-height:28px}
 .att-edit-course strong{font-size:10px;line-height:1.15}
 .att-edit-course .att-class-full{display:none}
 .att-edit-course .att-class-short{display:block!important;font-size:10px;line-height:1.2}
 .att-cell-roll{font-size:10px;min-height:22px;padding:2px 6px;margin:0 0 1px}
 .att-empty-cell{min-height:42px;font-size:14px}
 .att-sheet-break td{height:17px}
 .att-sheet-break button{font-size:10px;padding:1px}
 .att-sheet-break button small{font-size:9px}
}

.att-leave-fields{display:flex;flex-direction:column;gap:6px;min-width:0}.att-leave-fields .el-select,.att-leave-fields .el-date-editor.el-input{width:100%;min-width:0}.att-leave-fields small{font-size:11px;color:#687d91;line-height:1.5}
/* Message center and makeup reminders: shared responsive layout. */
.makeup-page{color:#29435c;min-width:0}
.makeup-heading,.makeup-actions,.makeup-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.makeup-heading{margin-bottom:18px}.makeup-heading h2{font-size:22px;margin:0;letter-spacing:.02em}.makeup-actions{gap:8px}.makeup-actions .el-button+.el-button{margin-left:0}
.makeup-shortcuts{display:flex;gap:12px;margin-bottom:24px}.makeup-page button{font-family:inherit;cursor:pointer}.makeup-support,.makeup-link{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #dce8f3;border-radius:12px;padding:16px 20px;background:#fff;color:#29435c;font-size:14px;min-width:0}.makeup-support{flex:1;background:linear-gradient(110deg,#edf6ff,#fff)}.makeup-shortcut-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#dcecff;color:#306bd6;border-radius:12px;font-size:25px}.makeup-shortcut-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.makeup-shortcut-copy strong{font-size:16px}.makeup-page small{font-size:12px;color:#718297;line-height:1.5}.makeup-unread{padding:3px 7px;background:#dc4d56;color:#fff;border-radius:14px;font-size:12px}.makeup-link{justify-content:space-between;min-width:180px;color:#3569aa}.makeup-support:hover,.makeup-link:hover{border-color:#7ea9d7}
.makeup-section-heading{margin-bottom:12px}.makeup-section-heading h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px}.makeup-count{font-size:12px;font-weight:400;padding:4px 8px;border-radius:6px;background:#e7eef6;color:#60788e}.makeup-kind{font-size:12px;color:#718297}.makeup-content{min-height:120px}.makeup-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.makeup-group{overflow:hidden;background:#fff;border:1px solid #e0e8f0;border-radius:12px}.makeup-group-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#f6f9fc;padding:14px 16px;border-bottom:1px solid #e9eef4}.makeup-group-heading>div{min-width:0}.makeup-group-heading strong{font-size:15px;overflow-wrap:anywhere}.makeup-group-heading small{display:block;margin-top:4px;overflow-wrap:anywhere}.makeup-group-count{font-size:12px;color:#718297;white-space:nowrap}.makeup-students{display:flex;flex-direction:column}.makeup-student{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #edf1f6;background:#fff;text-align:left;padding:12px 16px;color:#29435c}.makeup-student:last-child{border-bottom:0}.makeup-student:hover{background:#f3f8ff}.makeup-student:focus-visible,.makeup-support:focus-visible,.makeup-link:focus-visible{outline:2px solid #367be4;outline-offset:-3px}.makeup-avatar{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;background:#edf3f9;border-radius:50%;font-size:12px;color:#607d99}.makeup-student-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.makeup-student-copy strong{font-size:14px;overflow-wrap:anywhere}.makeup-student-copy small{overflow-wrap:anywhere}.makeup-reason{max-width:34%;font-size:12px;line-height:1.5;color:#a76e27;background:#fff7e8;border-radius:5px;padding:3px 7px;overflow-wrap:anywhere}.makeup-chevron{color:#9aabba;font-size:22px}.makeup-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;font-size:13px;color:#718297}.makeup-error{padding:16px;background:#fff2f1;border-radius:8px;color:#a74444}
@media(max-width:900px){.makeup-groups{grid-template-columns:1fr}}
@media(max-width:600px){.makeup-heading{gap:8px;margin-bottom:12px}.makeup-heading h2{font-size:19px}.makeup-actions{gap:6px}.makeup-actions .el-button{padding:8px 11px}.makeup-shortcuts{flex-direction:column;gap:8px;margin-bottom:18px}.makeup-support{padding:12px;gap:10px}.makeup-link{min-width:0;padding:10px 12px;font-size:13px}.makeup-group-heading{padding:12px}.makeup-student{padding:11px 12px;gap:9px}.makeup-avatar{width:30px;height:30px}.makeup-reason{max-width:30%}.makeup-groups{gap:12px}}