@media (max-width:560px){.lo .ui-page-head:has(.oc-new){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px 8px;gap:10px 8px}.lo .ui-page-head:has(.oc-new)>.ui-page-head-actions{display:contents}.lo .ui-page-head:has(.oc-new) .oc-new{grid-column:1;justify-self:start}}.lo .oc-search{position:relative;display:inline-flex;align-items:center;flex:0 1 220px;min-width:180px}.lo .oc-search>svg{position:absolute;left:11px;color:var(--muted);pointer-events:none}.lo .toolbar .oc-search.oc-search>input:not([type=checkbox]){width:100%;padding-left:33px}@media (max-width:700px){.lo .oc-search{flex:1 1 100%}}.lo .oc-note{margin:10px 2px 0;color:var(--muted);font-size:13px;word-break:keep-all}@media (max-width:700px){.lo .toolbar .lo-seg.oc-seg{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.lo .toolbar .lo-seg.oc-seg::-webkit-scrollbar{display:none}.lo .toolbar .lo-seg.oc-seg .ui-chip{flex:none;padding:0 10px}}.lo .toolbar .oc-tools{display:inline-flex;align-items:center;gap:18px;margin-left:auto}.lo .oc-shown{color:var(--muted);font-size:13px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:700px){.lo .oc-shown{display:none}}.lo .oc-show{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}.lo .oc-show.is-on{color:var(--ink);font-weight:700}.lo .lo-class-table .oc-show .ui-toggle[aria-checked=true]{background:var(--accent-bright)}.lo .lo-class-table tr.is-hidden .lo-c-name{opacity:.5}.lo .ui-table-card .lo-class-table td.lo-c-line{display:none}@media (max-width:700px){.lo .ui-table-card .lo-class-table thead{display:none}.lo .ui-table-card .lo-class-table tbody tr{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px 12px;padding:14px 10px 14px 16px}.lo .ui-table-card .lo-class-table tbody td.lo-c-grip,.lo .ui-table-card .lo-class-table tbody td.lo-c-period,.lo .ui-table-card .lo-class-table tbody td.lo-c-seats,.lo .ui-table-card .lo-class-table tbody td.lo-c-teacher{display:none}.lo .ui-table-card .lo-class-table tbody td.lo-c-box{grid-row:1;grid-column:1}.lo .ui-table-card .lo-class-table tbody td.lo-c-name{grid-row:1;grid-column:2}.lo .ui-table-card .lo-class-table tbody td.lo-c-show{grid-row:1;grid-column:3}.lo .ui-table-card .lo-class-table tbody td.lo-c-menu{grid-row:1;grid-column:4;align-self:center}.lo .ui-table-card .lo-class-table tbody td.lo-c-line{display:block;grid-row:2;grid-column:2/5;min-width:0;color:var(--muted);font-size:14px;word-break:keep-all}.lo .ui-table-card .lo-class-table .lo-class-name{flex-direction:column;align-items:flex-start;gap:4px}}.lo .lo-class-table .lo-class-title{font-size:16px}.lo .lo-class-table .lo-class-title+.pill{padding:2px 7px;border-radius:6px}.lo .lo-class-table .lo-class-title+.pill.blue{background:#edf2fd}.lo .lo-class-table .lo-person{font-size:13px}.lo .lo-class-table .lo-seat-line>b{font-size:15px}.lo .lo-class-table .lo-seat-line>.lo-muted-text{font-size:13px}@media (min-width:701px){.lo .lo-class-table tbody td{padding-top:13px;padding-bottom:13px}.lo .lo-class-table td.lo-c-grip,.lo .lo-class-table th:first-child{width:52px;padding-left:18px}.lo .lo-class-table th:nth-child(2){width:44px}.lo .lo-class-table th:nth-child(3){width:31%}.lo .lo-class-table th:nth-child(4){width:11%}.lo .lo-class-table th:nth-child(5){width:16.5%}.lo .lo-class-table th:nth-child(6){width:14.5%}.lo .lo-class-table th:nth-child(7){width:13%}}.lo .oc-del-list{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.lo .oc-del-list>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:10px 12px;border-radius:8px;background:var(--canvas)}.lo .oc-del-name{font-size:15px;word-break:keep-all}.lo .oc-del-records{margin-left:auto;color:var(--muted);font-size:13px;word-break:keep-all}.lo .oc-del-warn{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px 14px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.6;word-break:keep-all}.lo .oc-del-warn>svg{flex:none;margin-top:3px}.lo .oc-del-warn>p{margin:0}.lo .oc-del-note{margin:14px 0 0;color:var(--muted);font-size:13px}.lo .oc-del-foot .oc-del-sp{flex:1 1}