@media(min-width:768px)and (max-width:1366px){.mobile-detail-row{display:none!important}#statusOnline,#statusLastSync{min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;padding:.25rem!important;font-size:.5rem!important;gap:.1rem!important}#statusOnline i,#statusLastSync i{width:14px!important;height:14px!important}.h-actions .card-toggle-btn{min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;padding:.4rem!important}.h-actions .card-toggle-btn i,.h-actions .card-toggle-btn svg{width:18px!important;height:18px!important}.cards-grid{align-items:stretch!important}.cards-grid>.card{flex:1 1 0!important;min-width:0!important;overflow:hidden!important}#btnAddClass2{padding:.25rem .5rem!important;font-size:.75rem!important;min-height:32px!important;height:32px!important;white-space:nowrap!important}#btnToggleClassManage{width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important}.card-header-year label,.card-header-class label{flex-wrap:wrap!important}.card-header-year label>span,.card-header-class label>span{min-width:unset!important;font-size:.8rem!important}.cancel-form,.cancel-range-form{display:block!important}.cancel-form>.row1,.cancel-form>.row2,.cancel-range-form>.row1,.cancel-range-form>.row2{display:flex!important}.cancel-form>.row3,.cancel-range-form>.row3{text-align:center!important;margin-top:.5rem!important}.card-header-year,.card-header-class{min-height:48px!important;padding:.6rem 1rem!important}#btnCopyPlan{padding:.5rem!important;gap:0!important;width:36px!important;height:36px!important;justify-content:center!important}#btnCopyPlan .toolbar-btn-text{display:none!important}#btnToggleClearPlan{padding:.5rem!important;gap:0!important;width:36px!important;height:36px!important;justify-content:center!important}#btnToggleClearPlan .toolbar-btn-text{display:none!important}.toolbar{gap:.3rem!important}.toolbar button{padding:.4rem .6rem!important;justify-content:center!important;align-items:center!important}.toolbar .search,#planSearch{min-width:180px!important;max-width:220px!important}#btnOpenAiCurriculum{padding:.5rem!important;gap:0!important;width:36px!important;height:36px!important;justify-content:center!important}#btnOpenAiCurriculum .toolbar-btn-text{display:none!important}#btnClearSearch{padding:.5rem!important;gap:0!important;width:36px!important;height:36px!important;justify-content:center!important}#btnClearSearch .toolbar-btn-text{display:none!important}.actions-col{width:105px!important}.rowctl-grid{grid-template-columns:repeat(3,28px)!important;gap:.25rem!important;justify-content:center!important}.rowctl-grid button{min-width:28px!important;width:28px!important;max-width:28px!important;min-height:28px!important;height:28px!important;max-height:28px!important;padding:0!important;font-size:.8rem!important;border-radius:50%!important;aspect-ratio:1 / 1!important;box-sizing:border-box!important;line-height:1!important}.link-btn{min-width:28px!important;width:28px!important;max-width:28px!important;min-height:28px!important;height:28px!important;max-height:28px!important;padding:0!important;border-radius:50%!important;aspect-ratio:1 / 1!important;box-sizing:border-box!important;font-size:.8rem!important}#planTable td,#planTable th{padding:.25rem .4rem!important}.lesson-plan-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border-radius:50%!important;border:1px solid var(--border)!important;border-left:1px solid var(--border)!important}.lesson-plan-btn.has-plan{border-radius:50%!important}.el-btn,.ausfall-btn,.undo-cancel{font-size:.7rem!important;padding:.15rem .45rem!important}.ov-session{width:4rem!important;padding-right:.4rem!important;font-size:.78rem!important}.ov-class{width:7rem!important;font-size:.82rem!important}.ov-unit{width:100px!important;padding:.2rem .3rem!important}.ov-unit-badge{max-width:90px!important;font-size:.72rem!important}.ov-actions{width:auto!important;white-space:nowrap!important;padding:.2rem .6rem .2rem .4rem!important}.overview-lessonplan-btn{width:2rem!important;padding:.2rem!important}.overview-el-btn{padding:.15rem .4rem!important;font-size:.72rem!important;margin-right:.3rem!important}.overview-ausfall-btn,.undo-cancel.overview-ausfall-btn{padding:.15rem .4rem!important;font-size:.72rem!important}#sec-plan,#scheduleContainer,#sec-plan .table-wrap{overflow-x:hidden!important}#planTable{min-width:unset!important}}@media(min-width:768px)and (max-width:1024px){.grid2{grid-template-columns:1fr!important}.cards-grid{grid-template-columns:1fr 1fr!important}.btn-grid{grid-template-columns:1fr!important;gap:.5rem!important}.btn-grid button{font-size:.8rem!important;padding:.6rem .8rem!important;justify-content:flex-start!important}.card-label-icon,.card-label-text,.ov-unit{display:none!important}.ov-class{width:5.5rem!important}#btnToggleBlocksTopics{padding:.5rem!important;gap:0!important}#btnToggleBlocksTopics .toolbar-btn-text{display:none!important}}@media(max-width:640px){.rowctl-grid button,.toolbar button{min-width:40px!important;min-height:40px!important}.cancel-form,.cancel-range-form{display:block!important}.cancel-form>.row1,.cancel-form>.row2,.cancel-range-form>.row1,.cancel-range-form>.row2{display:flex!important}.cancel-form>.row3,.cancel-range-form>.row3{text-align:center!important;margin-top:.5rem!important}.h-actions{flex-wrap:wrap!important;justify-content:center!important;gap:.3rem!important}.h-actions>div:nth-of-type(3){display:block!important;flex-basis:100%!important;height:0!important;border:none!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important}.grid2{grid-template-columns:1fr!important}#planSearch,#btnClearSearch,#btnMaximizePlan,.toolbar .toolbar-btn-text{display:none!important}.toolbar button{justify-content:center!important;align-items:center!important}#btnCopyPlan,#btnToggleClearPlan,#btnOpenAiCurriculum,#btnToggleBlocksTopics{padding:.5rem!important;gap:0!important;width:36px!important;height:36px!important;justify-content:center!important}#sec-plan{overflow-x:hidden!important;overflow-y:auto!important;max-width:100vw!important;box-sizing:border-box!important}.table-wrap{overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important;margin:0!important;border:1px solid var(--border)!important;border-radius:6px!important}#planTable,#scheduleContainer table{width:100%!important;max-width:100%!important;min-width:unset!important;table-layout:auto!important}#planTable tbody td{padding-top:.75rem!important;padding-bottom:.75rem!important;height:48px!important}#planTable th{padding-top:.5rem!important;padding-bottom:.5rem!important}#planTable .topic-col,#planTable .actions-col,#planTable .ausfall-col,#planTable th.topic-col,#planTable th.actions-col,#planTable th.ausfall-col{display:none!important}#planTable .num-col,#planTable th.num-col{width:24px!important;min-width:24px!important;max-width:24px!important;padding:.2rem!important;font-size:.75rem!important}#planTable .date-col,#planTable th.date-col{width:75px!important;min-width:75px!important;max-width:75px!important;font-size:.72rem!important;padding:.2rem .3rem!important;overflow:hidden!important}#planTable .date-col div{overflow:hidden!important;max-width:75px!important}#planTable .date-col .date-weak{display:block!important;font-size:.65rem!important;margin-top:0!important}#planTable td:nth-child(5){font-size:.8rem!important;padding:.2rem 1rem .2rem .3rem!important;overflow:hidden!important}#planTable th:nth-child(5){padding-right:1rem!important}#planTable td:nth-child(5)>div{height:auto!important}#planTable .contentRow{font-size:.8rem!important;padding:.3rem .4rem!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;min-width:0!important;border:1px solid var(--border)!important;border-radius:4px!important;box-sizing:border-box!important;background:var(--card-bg, #fff)!important}#planTable .lesson-plan-btn{display:none!important}tr.in-group{background:#4c83ff0a!important;position:relative}tr.slot-group-middle td:last-child,tr.slot-group-first td:last-child,tr.slot-group-last td:last-child{box-shadow:none!important}tr.slot-group-middle td:first-child{box-shadow:inset 2px 0 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-middle td:nth-child(5){box-shadow:inset -2px 0 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-first td{box-shadow:inset 0 2px 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-first td:first-child{box-shadow:inset 2px 2px 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-first td:nth-child(5){box-shadow:inset -2px 2px 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-last td{box-shadow:inset 0 -2px 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-last td:first-child{box-shadow:inset 2px -2px 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}tr.slot-group-last td:nth-child(5){box-shadow:inset -2px -2px 0 var(--slot-group-color, rgba(76, 131, 255, .4))!important}#planTable tbody tr[data-slot-key]{cursor:pointer!important;-webkit-tap-highlight-color:rgba(var(--primary-rgb),.15)!important}#planTable tbody tr[data-slot-key]:active{background-color:rgba(var(--primary-rgb),.12)!important}#planTable tbody tr[data-slot-key].mobile-expanded{border-bottom:none!important;font-weight:600!important}#planTable tbody tr[data-slot-key] td:first-child{position:relative!important}#planTable tbody tr[data-slot-key] td:first-child:after{content:"\25b8"!important;position:absolute!important;right:-2px!important;top:50%!important;transform:translateY(-50%)!important;font-size:.6rem!important;color:var(--muted)!important;transition:transform .2s ease!important}#planTable tbody tr[data-slot-key].mobile-expanded td:first-child:after{transform:translateY(-50%) rotate(90deg)!important}.mobile-detail-row{display:none!important}.mobile-detail-row.visible{display:table-row!important}.mobile-detail-row>td{padding:.6rem 1.2rem .8rem .6rem!important;background:rgba(var(--primary-rgb),.04)!important;border-top:none!important;border-bottom:2px solid rgba(var(--primary-rgb),.2)!important;overflow:hidden!important;box-sizing:border-box!important}.mobile-accordion-hint{display:flex!important;align-items:center!important;gap:.4rem!important;padding:.5rem .6rem!important;margin-bottom:.4rem!important;font-size:.75rem!important;font-weight:600!important;color:var(--muted)!important;background:rgba(var(--primary-rgb),.06)!important;border-radius:6px!important;line-height:1.4!important}.mobile-accordion-hint i,.mobile-accordion-hint svg{width:14px!important;height:14px!important;flex-shrink:0!important;opacity:.6!important}.mobile-detail-content{display:flex!important;flex-direction:column!important;gap:.5rem!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.mobile-detail-section{display:flex!important;flex-direction:column!important;gap:.25rem!important}.mobile-detail-label{font-size:.65rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--muted)!important;font-weight:600!important}.mobile-detail-row .unit-select{width:100%!important;max-width:100%!important;padding:.4rem!important;font-size:.85rem!important;border-radius:6px!important;box-sizing:border-box!important}.mobile-detail-row .mobile-content-input{width:100%!important;max-width:100%!important;padding:.5rem!important;font-size:.85rem!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--card-bg)!important;box-sizing:border-box!important;min-height:44px!important}.mobile-detail-actions{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;justify-content:flex-start!important}.mobile-detail-actions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:.3rem!important;min-height:38px!important;min-width:38px!important;padding:.4rem .6rem!important;border-radius:8px!important;font-size:.8rem!important;border:1px solid var(--border)!important;background:var(--card-bg)!important;cursor:pointer!important;flex:0 0 auto!important}.mobile-detail-actions button:active{background:rgba(var(--primary-rgb),.15)!important}.mobile-detail-actions button i,.mobile-detail-actions button svg{width:16px!important;height:16px!important}.mobile-detail-status{display:flex!important;gap:.4rem!important}.mobile-detail-status .mobile-el-btn{min-height:32px!important;padding:.25rem .6rem!important;border-radius:999px!important;font-size:.8rem!important;border:1px solid var(--primary-border)!important;background:var(--primary-light)!important;color:var(--primary)!important;cursor:pointer!important;line-height:1!important}.mobile-detail-status .mobile-el-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;font-weight:600!important}.mobile-detail-status .mobile-ausfall-btn{min-height:32px!important;padding:.25rem .6rem!important;border-radius:999px!important;font-size:.8rem!important;border:1px solid var(--ausfall-border)!important;background:var(--ausfall-bg)!important;color:var(--ausfall-text)!important;cursor:pointer!important;line-height:1!important}.mobile-detail-actions .mobile-lesson-plan-btn{background:var(--card-bg)!important}.mobile-detail-actions .mobile-lesson-plan-btn.has-plan{background:rgba(var(--primary-rgb),.15)!important;border-color:var(--primary)!important}}@media(min-width:1024px)and (max-width:1366px){.toolbar{flex-wrap:nowrap!important}.toolbar .search,#planSearch{min-width:200px!important;max-width:280px!important}}@media(hover:none)and (pointer:coarse){.ql-toolbar button{min-height:24px!important;min-width:24px!important;width:auto!important;height:auto!important;padding:3px 5px!important}.ql-toolbar .ql-picker{min-height:24px!important;min-width:unset!important;height:auto!important}.ql-toolbar .ql-picker-label{min-height:24px!important;min-width:unset!important;padding:2px 4px!important}.ql-toolbar.ql-snow{padding:6px 8px!important;display:flex!important;flex-wrap:wrap!important;gap:2px!important}.ql-toolbar.ql-snow .ql-formats{margin-right:8px!important}.ql-toolbar button svg{width:16px!important;height:16px!important}#lessonPlanModal button{min-height:40px!important;min-width:unset!important}}@media(max-width:1366px){#lessonPlanModal>div{width:95%!important;max-width:95%!important;max-height:85vh!important}#lessonPlanEditorWrapper{min-height:200px!important}#lessonPlanEditor .ql-editor{min-height:150px!important;padding:.75rem!important;font-size:.9rem!important}}