.catalog-view-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:9px 12px;border:1px solid var(--line,#ddd);border-radius:4px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.04)}
.catalog-view-toolbar>span,.catalog-grid-sort>span{color:var(--muted,#777);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.catalog-view-switch{display:flex}
.catalog-view-switch button{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:1px solid #d5dbe3;background:#fff;color:#667085;padding:6px 11px;font:600 11px "Open Sans",Arial,sans-serif;cursor:pointer}
.catalog-view-switch button:first-child{border-radius:3px 0 0 3px}
.catalog-view-switch button:last-child{border-radius:0 3px 3px 0}
.catalog-view-switch button+button{margin-left:-1px}
.catalog-view-switch button.is-active{position:relative;z-index:1;border-color:var(--theme-primary,#0088cc);background:var(--theme-primary,#0088cc);color:#fff}
.catalog-grid-sort{display:none;align-items:center;gap:9px;margin-left:auto}
.catalog-view-toolbar.is-grid .catalog-grid-sort{display:flex}
.catalog-grid-sort a{padding:3px 0;color:var(--theme-primary,#0088cc);font-size:10px;text-decoration:none;white-space:nowrap}
.catalog-grid-sort a:hover{text-decoration:underline}
.catalog-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:7px;margin-bottom:16px}
.catalog-student-grid[hidden],.catalog-table[hidden]{display:none!important}
.catalog-student-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-primary,#0088cc),#fff 70%);border-radius:5px;background:linear-gradient(145deg,#fff 30%,color-mix(in srgb,var(--theme-action,#0088cc),#fff 94%));box-shadow:0 1px 2px rgba(0,0,0,.06)}
.catalog-student-card header{position:relative;display:grid;gap:1px;padding:8px 9px;border-bottom:1px solid color-mix(in srgb,var(--theme-primary,#0088cc),#fff 78%);background:color-mix(in srgb,var(--theme-primary,#0088cc),#fff 93%)}
.catalog-student-card header>a{display:block;overflow:hidden;padding-right:32px;color:#333;font-size:10px;font-weight:700;line-height:1.25;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}
.catalog-student-card header>a:hover{color:var(--theme-primary,#0088cc)}
.catalog-student-card header small{display:block;overflow:hidden;color:var(--muted,#777);font-size:7px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.catalog-card-number{position:absolute;top:6px;right:7px;color:var(--muted,#777);font-size:7px;font-weight:600}
.catalog-student-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.catalog-student-card dl div{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;padding:4px 6px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.catalog-student-card dl div:nth-child(2n){border-right:0}
.catalog-student-card dt{overflow:hidden;margin:0;color:var(--muted,#777);font-size:6.5px;font-weight:700;line-height:1.15;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.catalog-student-card dd{flex:0 0 auto;margin:0;color:#333;font-size:10px;font-weight:700;line-height:1.15}
.catalog-student-card dd.is-average{color:var(--theme-primary,#0088cc)}
.catalog-student-card dd.is-conduct,.catalog-student-card dd.is-danger{color:#c62828}
.catalog-card-open{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;margin-top:auto;padding:5px 7px;color:var(--theme-primary,#0088cc);font-size:7px;font-weight:700;line-height:1.1;text-decoration:none;text-transform:uppercase}
.catalog-card-open i{font-size:10px}
.catalog-student-grid .teacher-catalog-student-card header>a{font-size:14px!important;font-weight:700;line-height:1.25}
@media(min-width:1100px){
    .catalog-student-grid.is-teacher-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
    .catalog-student-grid.is-teacher-catalog-grid .teacher-catalog-student-card{min-height:132px}
    .catalog-student-grid.is-teacher-catalog-grid .teacher-catalog-student-card header{padding:11px 14px}
    .catalog-student-grid.is-teacher-catalog-grid .teacher-card-grade-counts{padding:14px 15px;gap:7px 18px}
    .catalog-student-grid.is-teacher-catalog-grid .catalog-card-open{padding:8px 11px}
}
@media(max-width:760px){.catalog-student-grid .teacher-catalog-student-card header>a{font-size:14px!important;line-height:1.25}}
@media(min-width:1700px){.catalog-student-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:900px){.catalog-view-toolbar{align-items:flex-start;flex-wrap:wrap}.catalog-grid-sort{width:100%;margin-left:0;flex-wrap:wrap}}
@media(max-width:560px){.catalog-student-grid{grid-template-columns:1fr}.catalog-view-toolbar>span{width:100%}}