/* First layer intentionally wins legacy !important mobile presentation rules. Every workspace rule excludes attendance. No save/data/security behavior. */ @layer mobile-compact229 { .mobileClassDetails229 { display:none !important; } @media (min-width:921px) { .mobileSection229 > summary { display:none !important; } .mobileSection229::details-content { content-visibility:visible !important; } } @media (max-width:920px) { #workspace:is([data-view="config"],[data-view="students"],[data-view="revenue"],[data-view="absences"],[data-view="audit"],[data-view="pll"],[data-view="pllReport"],[data-view="tuitionWaitlist"],[data-view="appearance"]) { --compact-gap:8px; min-width:0 !important; } #workspace:not([data-view="attendance"]) :is(#configView,#studentsView,#revenueView,#absenceView,#auditView,#pllView,#pllReportView,#tuitionWaitlistView,#appearanceView) { padding:8px !important; margin:8px auto !important; width:calc(100% - 16px) !important; min-width:0 !important; min-height:0 !important; box-shadow:none !important; } #workspace:not([data-view="attendance"]) :is(#configView,#studentsView,#revenueView,#absenceView,#auditView,#pllView,#pllReportView,#tuitionWaitlistView,#appearanceView) :is(button,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,summary) { min-height:44px !important; box-sizing:border-box !important; } #workspace:not([data-view="attendance"]) :is(#configView,#studentsView,#revenueView,#absenceView,#auditView,#pllView,#pllReportView,#tuitionWaitlistView,#appearanceView) :is(input,select) { font-size:16px !important; } #workspace:not([data-view="attendance"]) :is(.configPanel,.accountAdminPanel,.tuitionDeadlinePanel,.tuitionDeadlineList,.tuitionDeadlineEditor,.networkAccessPanel,.studentAdminPanel,.auditPanel,.pllPanel,.appearanceForm) { padding:8px !important; margin:0 !important; gap:8px !important; border:0 !important; box-shadow:none !important; min-height:0 !important; min-width:0 !important; } #workspace[data-view="config"] :is(.configHead,.networkAccessHeader,.tuitionDeadlineHeader,.accountAdminHeader,.entityToolbar) { padding:0 !important; gap:8px !important; border:0 !important; box-shadow:none !important; } #workspace[data-view="config"] :is(.eyebrow,.accountAdminHeader p,.tabConfigTitle,.tuitionDeadlineListHead > span) { display:none !important; } #workspace[data-view="config"] :is(h2,h3) { font-size:18px !important; margin:0 0 6px !important; } #workspace[data-view="config"] .unifiedConfigToolbar { display:flex !important; flex-wrap:wrap !important; } #workspace[data-view="config"] .unifiedConfigToolbar > div { width:100% !important; display:flex !important; gap:8px !important; } #workspace[data-view="config"] .unifiedConfigToolbar button { flex:1 !important; display:inline-flex !important; justify-content:center !important; align-items:center !important; gap:6px !important; padding:8px !important; } #workspace[data-view="config"] .unifiedConfigToolbar > div:first-child strong { font-size:16px !important; } #workspace[data-view="config"] .configHead { margin:8px 0 !important; } #workspace[data-view="config"] .configAreaDisclosure { margin:0 !important; padding:0 !important; } #workspace[data-view="config"] .configAreaDisclosure > summary { padding:8px 0 !important; } #workspace[data-view="config"] .globalConfig { padding:8px 0 !important; } #workspace[data-view="config"] #globalTabPreview { padding:8px !important; font-size:13px !important; } #workspace[data-view="config"] :is(.configActions,.accountTable button) { display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; } #workspace[data-view="config"] .configActions { flex-direction:row !important; flex-wrap:nowrap !important; padding:0 !important; } #workspace[data-view="config"] .configActions > button { width:44px !important; min-width:44px !important; max-width:44px !important; padding:6px !important; margin:0 !important; } #workspace[data-view="config"] #workspaceTopbar:has(#viewTitle:empty) { min-height:44px !important; height:44px !important; padding:0 !important; margin:0 !important; } #workspace[data-view="config"] .accountTable button { width:auto !important; min-width:80px !important; padding:8px !important; white-space:nowrap !important; } #workspace[data-view="config"] .unifiedClassTable tr { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:4px 8px !important; padding:10px 0 !important; border:0 !important; border-bottom:1px solid var(--border,#dbe4ed) !important; border-radius:0 !important; content-visibility:visible !important; contain-intrinsic-size:none !important; } #workspace[data-view="config"] .unifiedClassTable td { display:block !important; width:auto !important; padding:0 !important; grid-column:1 !important; background:transparent !important; } #workspace[data-view="config"] .unifiedClassTable td::before { display:none !important; } #workspace[data-view="config"] .unifiedClassTable td:nth-child(1) { font-size:13px !important; } #workspace[data-view="config"] .unifiedClassTable td:nth-child(2) { grid-row:2 !important; display:flex !important; align-items:center !important; gap:12px !important; } #workspace[data-view="config"] .unifiedClassTable td:nth-child(6) { grid-column:2 !important; grid-row:1 !important; align-self:center !important; } #workspace[data-view="config"] .unifiedClassTable td:nth-child(7) { grid-column:2 !important; grid-row:2 !important; } #workspace[data-view="config"] .unifiedClassTable tr:not(.mobileExpanded229) td:is(:nth-child(3),:nth-child(4),:nth-child(5)) { display:none !important; } #workspace[data-view="config"] .unifiedClassTable tr.mobileExpanded229 td:is(:nth-child(3),:nth-child(4),:nth-child(5)) { grid-column:1 / -1 !important; font-size:14px !important; padding:3px 0 !important; } #workspace[data-view="config"] .unifiedClassTable tr.mobileExpanded229 td:nth-child(3)::before { content:'Tab Sheet: ' !important; display:inline !important; } #workspace[data-view="config"] .unifiedClassTable tr.mobileExpanded229 td:nth-child(5)::before { content:'Nhận xét: ' !important; display:inline !important; } #workspace[data-view="config"] .mobileClassDetails229 { display:inline-flex !important; width:auto !important; padding:6px !important; align-items:center !important; background:transparent !important; border:0 !important; color:var(--accent,#087f76) !important; font-size:14px !important; text-decoration:underline !important; } #workspace[data-view="config"] :is(.badge,.deadlineStatus,.accountRole) { width:auto !important; padding:2px 0 !important; background:transparent !important; border:0 !important; } #workspace[data-view="config"] :is(.tuitionDeadlineHeader > div,.tuitionDeadlineSummary,.studyPeriodSummaryCard) { padding:0 !important; border:0 !important; box-shadow:none !important; } #workspace[data-view="config"] .tuitionDeadlineHeader > div > span { font-size:13px !important; line-height:1.45 !important; } #workspace[data-view="config"] .studyPeriodForm { padding:8px 0 !important; } #workspace[data-view="config"] .studyPeriodGrace { padding:8px !important; } #workspace[data-view="config"] .accountAdminHeader { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; } #workspace[data-view="config"] .accountAdminHeader > div { flex:1 !important; } #workspace[data-view="config"] .accountAdminHeader button { width:auto !important; padding:8px !important; } #workspace[data-view="config"] .accountTable tr { border-radius:0 !important; border-width:0 0 1px !important; padding:8px 0 !important; } #workspace[data-view="config"] .accountTable td { padding:3px 0 !important; font-size:14px !important; grid-template-columns:82px minmax(0,1fr) !important; } #workspace:not([data-view="attendance"]) .mobileSection229 { width:100% !important; min-width:0 !important; margin:0 !important; } #workspace:not([data-view="attendance"]) .mobileSection229 > summary { display:list-item !important; padding:10px 4px !important; cursor:pointer; font-size:15px !important; font-weight:600; color:var(--accent,#087f76); } #workspace:not([data-view="attendance"]) :is(.auditTable,.pllTable,.pllHistoryTable,.accountTable,.tuitionWaitlistTable) tr:has(>td[colspan]) { display:block !important; content-visibility:visible !important; contain-intrinsic-size:none !important; min-height:0 !important; height:auto !important; } #workspace:not([data-view="attendance"]) :is(#auditView,#pllView,#configView,#tuitionWaitlistView) td[colspan] { display:block !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; padding:12px 4px !important; white-space:normal !important; word-break:normal !important; } #workspace:not([data-view="attendance"]) :is(#auditView,#pllView,#configView,#tuitionWaitlistView) td[colspan]::before { display:none !important; content:none !important; } #workspace[data-view="audit"] :is(.auditWrap,.auditTableWrap,.auditPanel) { min-height:0 !important; height:auto !important; } #workspace[data-view="audit"] .auditPanel:has(#auditList td[colspan]) #auditPager { display:none !important; } #workspace[data-view="revenue"] #revenueKpis:not(.hidden) { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; } #workspace[data-view="revenue"] #revenueKpis article { min-height:0 !important; padding:8px !important; gap:4px !important; } #workspace[data-view="revenue"] #revenueKpis article:nth-child(n+3) { grid-column:1 / -1 !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; } #workspace[data-view="revenue"] #revenueKpis strong { font-size:20px !important; line-height:1.4 !important; white-space:nowrap !important; overflow:visible !important; font-variant-numeric:tabular-nums; } #workspace[data-view="revenue"] #revenueKpis article > span { font-size:14px !important; } #workspace[data-view="revenue"] #revenueBenefitReport { padding:0 !important; margin:0 !important; border:0 !important; box-shadow:none !important; } #workspace[data-view="revenue"] .revenueBenefitGrid { grid-template-columns:minmax(0,1fr) !important; gap:8px !important; } #workspace[data-view="revenue"] .revenueTopGrid { gap:8px !important; margin:0 !important; } #workspace[data-view="revenue"] :is(.revenueGroupComparePanel,.revenueActualOverview):has(> .mobileSection229) { padding:0 !important; border:0 !important; box-shadow:none !important; min-height:0 !important; } #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters { grid-template-columns:minmax(0,1fr) auto !important; align-items:end !important; } #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters label:first-child { grid-column:1 / -1 !important; } #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters button { grid-column:auto !important; padding:8px !important; } #workspace[data-view="students"] :is(.studentDirectoryToolbar,.studentDirectoryBar) { padding:0 !important; border:0 !important; box-shadow:none !important; } #workspace[data-view="students"] .studentDirectoryToolbar > .studentDirectoryBar { display:grid !important; grid-template-columns:minmax(0,1fr) auto auto !important; gap:6px !important; } #workspace[data-view="students"] .studentDirectoryKpis { grid-column:1 / -1 !important; display:flex !important; flex-wrap:wrap !important; gap:8px !important; padding:4px 0 !important; } #workspace[data-view="students"] .studentDirectoryKpis strong { font-size:16px !important; } #workspace[data-view="students"] .studentDirectoryBar .studentAdminSearch { grid-column:1 / -1 !important; width:100% !important; max-width:none !important; margin:0 !important; } #workspace[data-view="students"] #studentAdminSearch { width:100% !important; max-width:none !important; } #workspace[data-view="students"] #btnExportStudentExcel { grid-column:2 !important; grid-row:3 !important; justify-self:start !important; width:auto !important; padding:6px !important; font-size:13px !important; } #workspace[data-view="students"] #btnAddAdminStudent { grid-column:3 !important; grid-row:3 !important; align-self:center !important; width:auto !important; padding:6px !important; font-size:13px !important; } #workspace[data-view="students"] .studentDirectoryFilters { grid-column:1 !important; grid-row:3 !important; } #workspace[data-view="students"] .studentDirectoryFilters > summary { font-size:13px !important; padding:6px 0 !important; } #workspace[data-view="students"] .studentDirectoryFilterPanel { width:100% !important; left:0 !important; right:0 !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:10px !important; gap:8px !important; } #workspace[data-view="students"] .studentDirectoryFilterPanel select { font-size:14px !important; } #workspace[data-view="students"] .studentAdminWrap { min-height:0 !important; height:auto !important; max-height:none !important; overflow:visible !important; } #workspace[data-view="students"] .studentDirectoryTable { display:block !important; min-width:0 !important; width:100% !important; } #workspace[data-view="students"] .studentDirectoryTable thead { display:none !important; } #workspace[data-view="students"] .studentDirectoryTable tbody { display:block !important; width:100% !important; } #workspace[data-view="students"] .studentDirectoryTable tr { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; padding:10px 0 !important; gap:3px 8px !important; border:0 !important; border-bottom:1px solid var(--border,#dbe4ed) !important; border-radius:0 !important; min-height:0 !important; height:auto !important; margin:0 !important; content-visibility:visible !important; contain-intrinsic-size:none !important; } #workspace[data-view="students"] .studentDirectoryTable td { display:block !important; width:auto !important; padding:2px 0 !important; min-width:0 !important; min-height:0 !important; height:auto !important; border:0 !important; position:static !important; background:transparent !important; font-size:14px !important; text-align:left !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(1) { grid-row:2 !important; grid-column:2 !important; text-align:right !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(1)::before { content:'STT ' !important; display:inline !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(2) { grid-row:2 !important; grid-column:1 !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(3) { grid-row:1 !important; grid-column:1 !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(4) { grid-row:3 !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(5) { grid-row:4 !important; grid-column:1 / -1 !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(6) { grid-row:3 !important; grid-column:2 !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(7) { grid-row:5 !important; grid-column:2 !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(7)::before { content:'Ưu đãi: ' !important; display:inline !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(8) { grid-row:5 !important; grid-column:1 !important; white-space:nowrap !important; text-align:left !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(8)::before { content:'Tổng thu: ' !important; display:inline !important; } #workspace[data-view="students"] .studentDirectoryTable td:nth-child(9) { grid-row:1 !important; grid-column:2 !important; } #workspace[data-view="students"] .studentAdminActions { justify-content:flex-end !important; } #workspace[data-view="students"] .studentAdminStudentCell strong { white-space:normal !important; font-size:16px !important; } #workspace[data-view="students"] .studentAdminActionMenu:not([hidden]) { position:fixed !important; left:16px !important; right:16px !important; bottom:16px !important; top:auto !important; width:auto !important; max-height:65dvh !important; overflow:auto !important; z-index:80 !important; } #workspace[data-view="appearance"] .appearanceHero { padding:0 !important; margin:0 0 8px !important; } #workspace[data-view="appearance"] .appearanceHero :is(.eyebrow,h3) { display:none !important; } #workspace[data-view="appearance"] :is(.appearanceHero p,.appearanceForm fieldset > p) { font-size:13px !important; margin:4px 0 8px !important; } #workspace[data-view="appearance"] .appearanceForm fieldset { padding:8px 0 !important; margin:0 !important; border:0 !important; } #workspace[data-view="appearance"] .appearanceChoiceGrid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; } #workspace[data-view="appearance"] fieldset:first-child .appearanceChoiceGrid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } #workspace[data-view="appearance"] .appearanceChoiceGrid label { padding:8px !important; min-height:44px !important; font-size:14px !important; } #workspace[data-view="appearance"] .appearanceChoiceGrid label span { font-size:14px !important; } #workspace[data-view="pll"] :is(.pllWorkspace,.pllHistoryPanel,.pllSendPanel,.pllPanelBody,.pllHistoryFilters,.pllHistoryHeader) { padding:8px !important; border:0 !important; box-shadow:none !important; gap:8px !important; min-height:0 !important; } #workspace[data-view="pll"] :is(.pllShell,.pllSettingsPanel,.pllDesignerGrid,.pllDesigner,.pllDesignerTop,.pllDesignerBody,.pllTableWrap) { padding:0 !important; border:0 !important; box-shadow:none !important; gap:8px !important; min-width:0 !important; min-height:0 !important; } #workspace[data-view="pll"] .pllDesignerTop { display:grid !important; grid-template-columns:minmax(0,1fr) !important; } #workspace[data-view="pll"] .pllDesignerActions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; gap:6px !important; } #workspace[data-view="pll"] .pllDesignerActions > :is(button,label) { width:100% !important; max-width:100% !important; margin:0 !important; padding:8px !important; min-height:44px !important; box-sizing:border-box !important; font-size:13px !important; } #workspace[data-view="pll"] .pllDesignerActions .pllZoomControl { grid-column:1 / -1 !important; } #workspace[data-view="pll"] .pllDesignerActions .fileBtn { display:flex !important; align-items:center !important; justify-content:center !important; gap:4px !important; white-space:normal !important; } #workspace[data-view="pll"] .pllDesignerQuickBar { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:8px !important; gap:6px !important; } #workspace[data-view="pll"] .pllHistoryHeader > div { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; gap:8px !important; } #workspace[data-view="pll"] .pllHistoryHeader :is(strong,input[type="search"]) { grid-column:1 / -1 !important; width:100% !important; } /* 230: hidden report sections must win every presentation layout rule. */ html body #workspace[data-view="revenue"] .mobileMovementOptions230 { display:none !important; } html body #workspace[data-view="revenue"] #revenueSegmentReport > .revenueBoardGrid { display:none !important; } html body #workspace[data-view="revenue"] .revenueMobileSheet { display:block !important; width:100% !important; min-width:0 !important; } html body #workspace[data-view="revenue"] .revenueMobileGroup:not(.mobileOpen) .revenueMobileGroupBody { display:none !important; } html body #workspace[data-view="revenue"] .revenueMobileGroupToggle { display:grid !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) [data-report-sections].hidden { display:none !important; } html body #workspace[data-view="revenue"] :is(.revenueMobileZoomContent,.revenueMovementZoomContent) { zoom:1 !important; width:100% !important; min-width:0 !important; } html body #workspace[data-view="revenue"] :is(.revenueMobileTableViewport,.revenueMovementTableViewport) { width:100% !important; overflow:visible !important; } html body #workspace[data-view="revenue"] :is(.revenueMobileGroup,.revenueMobileGrandTotal,.revenueMovementCard) { width:100% !important; min-width:0 !important; max-width:100% !important; } html body #workspace[data-view="revenue"] :is(.revenueMobileGroupBody,.revenueTotalTableWrap,.revenueMovementCard .revenueBoardTableWrap) { width:100% !important; min-width:0 !important; max-width:100% !important; overflow-x:auto !important; overscroll-behavior-x:contain; } html body #workspace[data-view="revenue"] :is(.revenueMobileTable,.revenueMovementCard .revenueBoardTable) { zoom:var(--revenue-table-zoom,1) !important; width:760px !important; min-width:760px !important; max-width:none !important; table-layout:auto !important; transition:none !important; } html body #workspace[data-view="revenue"] .revenueMobileGroupToggle { grid-template-columns:minmax(0,1fr) auto 20px !important; font-size:14px !important; text-align:left !important; } html body #workspace[data-view="revenue"] .revenueMobileGroupToggle strong { font-size:14px !important; white-space:normal !important; } html body #workspace[data-view="revenue"] .revenueMobileGroupToggle span { font-size:12px !important; white-space:nowrap !important; } html body #workspace[data-view="revenue"] .revenueMovementBoard .revenueBoardGrid { width:100% !important; grid-template-columns:minmax(0,1fr) !important; } html body #workspace[data-view="revenue"] .revenueMobileZoomBar { display:flex !important; width:100% !important; padding:6px 0 !important; gap:6px !important; flex-wrap:wrap !important; } html body #workspace[data-view="revenue"] .revenueDesktopZoomControls { display:none !important; } html body #workspace[data-view="revenue"] .revenueMobileZoomBar button { font-size:14px !important; min-width:44px !important; min-height:44px !important; } html body #workspace[data-view="revenue"] .revenueMobileZoomHint { display:none !important; } html body #workspace[data-view="revenue"] .reportTableOptions:has(.revenueMovementZoomControls) { width:100% !important; } html body #workspace[data-view="revenue"] .reportTableOptions:has(.revenueMovementZoomControls) > summary { display:none !important; } html body #workspace[data-view="revenue"] .reportTableOptions:has(.revenueMovementZoomControls)::details-content { content-visibility:visible !important; } html body #workspace[data-view="revenue"] .reportTableOptions:has(.revenueMovementZoomControls) > .reportHelpPanel { display:block !important; position:static !important; visibility:visible !important; opacity:1 !important; width:100% !important; max-width:none !important; padding:0 !important; border:0 !important; box-shadow:none !important; transform:none !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) #studentFlowReport { padding:0 !important; margin:0 !important; gap:8px !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:6px !important; margin:4px 0 !important; align-items:end !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters > .rangeControl { grid-column:1 / -1 !important; width:100% !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters > label { grid-column:1 !important; width:100% !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowQuickFilters > button { grid-column:2 !important; grid-row:2 !important; align-self:end !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) :is(.studentFlowTableWrap,.systemStudentTableWrap,.reportRowsScroll) { width:100% !important; min-width:0 !important; max-width:100% !important; overflow-x:auto !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowTable { zoom:var(--report-zoom230,1) !important; transition:none !important; width:900px !important; min-width:900px !important; table-layout:fixed !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .studentFlowTable :is(th,td) { min-width:0 !important; width:auto !important; overflow-wrap:anywhere !important; white-space:normal !important; } html body #workspace[data-view="absences"] :is(.systemStudentTable,.systemStudentList) { zoom:var(--report-zoom230,1) !important; transition:none !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .reportZoom230 { display:flex !important; align-items:center !important; gap:6px !important; padding:4px 0 !important; flex-wrap:wrap !important; } html body #workspace:is([data-view="revenue"],[data-view="absences"]) .reportZoom230 button { min-width:44px !important; min-height:44px !important; padding:6px 10px !important; } #workspace:not([data-view="attendance"]) :is(#configTabs,#pllTabs,#reportTabs) { scrollbar-width:none; } #workspace:not([data-view="attendance"]) :is(#configTabs,#pllTabs,#reportTabs)::-webkit-scrollbar { display:none; } body:has(#workspace:not([data-view="attendance"])) :is(#studentDialog,#studentDetailDialog,#guardianDialog,#guardianViewDialog,#accountDialog,#accountCreateDialog,#classDialog,#areaDialog,#customAppearanceDialog,#reportDetailDialog) { width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; max-height:calc(100dvh - 16px) !important; padding:12px !important; box-sizing:border-box !important; overflow:auto !important; } body:has(#workspace:not([data-view="attendance"])) :is(#studentDialog,#guardianDialog,#accountDialog,#accountCreateDialog,#classDialog,#areaDialog) :is(.studentProfileSection,.studentProfileSectionHead,.studentCoreFields,.accountDialogSection) { padding:8px !important; border:0 !important; box-shadow:none !important; gap:8px !important; } body:has(#workspace:not([data-view="attendance"])) :is(#studentDialog,#studentDetailDialog,#guardianDialog,#accountDialog,#accountCreateDialog,#classDialog,#areaDialog,#customAppearanceDialog,#reportDetailDialog) :is(button,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,summary) { min-height:44px !important; min-width:0 !important; } body:has(#workspace:not([data-view="attendance"])) :is(#studentDialog,#guardianDialog,#accountDialog,#accountCreateDialog,#classDialog,#areaDialog) :is(input,select,textarea) { font-size:16px !important; max-width:100% !important; box-sizing:border-box !important; } } } .reportZoom230 { display:none; }