/* Lanhu 2026-11-02 alignment. Original 1440px design, fluid main column;
   dense tables scroll within their panels, never shrink the text. */
.nav-design-icon{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.sidebar nav{padding-top:6px}.nav-label{padding-top:8px}.nav-item{border-radius:8px}.nav-item:disabled{opacity:.7}
.inline-ui-icon{width:16px;height:16px;object-fit:contain;vertical-align:-3px}
.greeting p{display:flex;align-items:center;gap:4px}.greeting p::before{content:none!important}.greeting p img{width:16px;height:16px}
.metric-icon{display:grid;place-items:center;flex:none;width:34px;height:34px}.metric-icon img{width:20px;height:20px}
.home-content h2::before{background:#ff7042}.home-content .section-head h2{display:flex;align-items:center;gap:8px;white-space:nowrap}.home-content .section-head::after{content:'';height:1px;background:#f4f4f4;flex:1;order:1;margin:0 10px}.home-content .section-head>button,.home-content .section-head>div{order:2}.home-content .section-head h2 small{font-weight:400}
.home-content .recommend-card{flex:0 0 240px;aspect-ratio:240/135;border-radius:16px}.home-content .recommend-card img{object-fit:cover;border-radius:16px}.home-content .recommend-card strong{font-weight:400;text-shadow:0 1px 3px #3338}
.home-content .shortcut-grid button{border-color:#d2dfff;border-radius:12px;min-height:66px}.shortcut-icon.tone-1{color:#ff6334;background:#fff3ef}.shortcut-icon.tone-2{color:#2fa9f8;background:#eaf7ff}.shortcut-icon.tone-3{color:#2eb092;background:#effaf7}.shortcut-icon.tone-4{color:#6367f0;background:#f6f4ff}
.home-content .panel{margin-bottom:32px}.home-content .welcome{margin-bottom:32px}.home-content .schedule-home .calendar-head h3{font-size:14px}
.lesson-room{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.lesson-room>span{display:inline-flex;align-items:center;gap:4px}.lesson-room img{width:16px;height:16px;object-fit:contain}.lesson-actions img{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin-right:3px}
.service-status-tabs.tabs{width:max-content;height:40px;max-width:100%;display:flex;align-items:center;gap:0;padding:3px;background:#f5f5f5;border:1px solid #ededed;border-radius:10px;margin:0 0 20px}
.service-status-tabs.tabs>button{min-height:32px;height:32px;padding:0 18px;border:0;line-height:32px;border-radius:8px;color:#555;font-size:14px;white-space:nowrap}.service-status-tabs.tabs>button.active{background:white;color:#0d0d0d;box-shadow:0 1px 2px #00000005}
.service-page>.business-filters,.center-page>.business-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 24px;border:0;background:white}
.service-page>.business-filters>label,.center-page>.business-filters>label{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:0 1 193px;font-size:12px;color:#555;min-width:150px}
.service-page>.business-filters input,.service-page>.business-filters select,.center-page>.business-filters input,.center-page>.business-filters select{width:100%;height:32px;min-height:32px;border:1px solid #ddd;border-radius:6px;padding:4px 8px;font-size:14px;background-color:white;color:#303030}
.field-required{font-style:normal;color:#ff6255}
.service-page>.business-filters>.date-range-field{flex-basis:240px}.date-range-input{height:32px;display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;gap:4px;padding:0 4px}.service-page>.business-filters .date-range-input input{border:0;padding:0;width:calc((100% - 20px)/2);min-width:0;font-size:12px}.date-range-input>span{font-size:12px;color:#666}
.service-page .business-filters>.primary,.service-page .business-filters>.secondary{height:32px;padding:4px 16px;border-radius:6px}
.service-table th,.center-table th{background:#fff;color:#888;font-weight:400;line-height:22px}.service-table th,.service-table td,.center-table th,.center-table td{font-size:14px;vertical-align:middle;height:56px;padding:10px 20px;border-bottom:1px solid #f0f0f0}.service-table tbody tr:hover,.center-table tbody tr:hover{background:#f8f8f8}.service-table th{white-space:nowrap}
.service-table .class-name-cell{min-width:230px}.service-table .class-name-cell>button{font-weight:600;max-width:260px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-table .class-name-cell>span{color:var(--blue);font-size:12px;margin-top:0}.service-table .text-btn{white-space:nowrap}.service-table small{font-size:12px}
.page-classes .service-table{min-width:1420px}.page-homework .service-table{min-width:1240px}.page-students .service-table{min-width:1120px}.service-table-wrap{overflow:auto;padding-bottom:4px}.service-table .fixed-actions{background:#fff}.service-table .parallel-actions{gap:16px;white-space:nowrap}.service-table .parallel-actions .text-btn{margin:0;padding:0}.service-table .row-more>div{border-radius:8px}.service-table .row-more summary{font-size:18px;font-weight:600;line-height:24px;color:#888}
.table-ratio{display:block;white-space:nowrap;line-height:22px}.table-ratio b{font-weight:600}.table-progress{display:block;width:60px;height:4px;margin-top:6px;border:0;border-radius:3px;background:#dfe0e4;appearance:none;-webkit-appearance:none;overflow:hidden}.table-progress::-webkit-progress-bar{background:#dfe0e4;border-radius:3px}.table-progress::-webkit-progress-value{background:#007aff;border-radius:3px}.table-progress::-moz-progress-bar{background:#007aff;border-radius:3px}
.student-field-toolbar{justify-content:flex-end;min-height:32px;margin:0 0 12px}.student-field-toolbar .secondary{padding:5px 10px;border-color:#e1e1e1;color:#666}.page-students .service-table td:last-child{white-space:nowrap}.page-students .service-table td:last-child .text-btn{margin-right:16px}.page-students .service-table .text-btn:disabled{color:#888;opacity:1}
:is(.page-classes,.page-homework,.page-students)>.service-page{min-height:calc(100vh - 110px);display:flex;flex-direction:column}:is(.page-classes,.page-homework,.page-students)>.service-page>.pagination{margin-top:auto;padding-top:28px;justify-content:center}
.center-page{min-height:calc(100vh - 110px);display:flex;flex-direction:column}.center-page>.pagination{margin-top:auto;padding-top:28px;justify-content:center}.center-page>.scope-row{margin-bottom:16px}.center-table:not(:has(.center-operations)) th:first-child{width:58%}.center-table .center-folder-icon{width:20px;height:20px}.center-toolbar{flex-wrap:wrap}.center-tools{margin-left:auto}.center-path{font-size:14px}
.resource-meta img{width:14px;height:14px;vertical-align:-2px;object-fit:contain}.resource-meta{font-size:12px}.resource-meta>span{display:inline-block;line-height:20px}.resource-card{padding:8px;border:1px solid transparent;border-radius:12px}.resource-card:has(.resource-select:checked){border-color:#81b4ff;box-shadow:0 0 0 1px #81b4ff}.resource-card .cover{border-radius:8px}.resource-card .resource-select{top:14px;right:14px}
.assistant-header .state-tabs{height:34px;border:0;margin-bottom:20px}.assistant-header .state-tabs>button{border-radius:0;min-height:34px;height:34px;padding:0 0 10px}.assistant-header .state-tabs>button.active{border-bottom:2px solid #007aff}.assistant-table th,.assistant-table td{padding:14px 20px}.assistant-filters input,.assistant-filters select{font-size:14px;border-color:#ddd}.assistant-table .assistant-fixed{min-width:130px}
@media(max-width:1100px){.service-page>.business-filters>label{flex-basis:calc((100% - 16px)/3)}.service-page>.business-filters>.date-range-field{flex-basis:240px}.home-content .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Dense list geometry from the reference. */
.service-page .service-table th.fixed-actions{background:white}
.page-homework .service-table{width:100%;min-width:1190px;table-layout:fixed}.page-homework .service-table th,.page-homework .service-table td{padding:10px 10px}.page-homework .service-table th:nth-child(1){width:21%}.page-homework .service-table th:nth-child(2){width:16%}.page-homework .service-table th:nth-child(3){width:14%}.page-homework .service-table th:nth-child(4){width:9%}.page-homework .service-table th:nth-child(5){width:8%}.page-homework .service-table th:nth-child(6){width:7%}.page-homework .service-table th:nth-child(7){width:350px}.page-homework .service-table .class-name-cell{min-width:0}.page-homework .service-table .class-name-cell>button{max-width:100%}.page-homework .parallel-actions{gap:14px}.page-homework .fixed-actions{box-shadow:-5px 0 10px -7px #aaa}
.date-part{display:block;position:relative;flex:1;min-width:0;height:30px}.date-part>span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#999;font-size:12px}.service-page>.business-filters .date-part input{width:100%;height:30px;opacity:0}.date-part:focus-within>span,.date-part.filled>span{display:none}.service-page>.business-filters .date-part:focus-within input,.service-page>.business-filters .date-part.filled input{opacity:1}.date-range-input{gap:0}.date-range-input>span:not(.date-part){color:#555}
.home-content .lesson-list .section-head::after{display:none}.home-content .lesson-list .section-head>small{margin-left:auto}
.student-field-toolbar{border:0;padding:0;margin:0 0 12px;height:32px}.student-field-toolbar .secondary{font-size:14px}
.assessment-page{position:relative;min-height:calc(100vh - 110px)}.assessment-page:has(>.assessment-tools)>.state-tabs{padding-right:350px}.assessment-tools{position:absolute;right:0;top:-4px;margin:0;gap:8px}.assessment-tools .search-field{width:240px;height:32px}.assessment-tools .primary{height:32px;padding:4px 12px;border-radius:7px}.assessment-page .assessment-filters{border:1px solid #ededed;border-radius:9px;padding:12px 20px;margin:8px 0 12px}.assessment-filters .filter-row{margin-bottom:8px;gap:8px}.assessment-filters .filter-row:last-child{margin-bottom:0}.assessment-filters .filter-row>span{width:64px;line-height:24px;font-weight:600;color:#888}.assessment-filters .filter-row>div{gap:6px 8px}.assessment-filters button{font-size:14px;line-height:22px;padding:0 8px}.assessment-table td{height:56px}.assessment-table .assessment-name{color:#111}.assessment-status{padding:2px 8px;border-radius:3px;background:#fff0e9;color:#fa744b;font-size:12px;white-space:nowrap}.assessment-status::before{display:none}.assessment-status.published{color:#00b389;background:#e3f5ef}.assessment-status.expired{color:#888;background:#f3f3f3}.assessment-status.draft{color:#007aff;background:#e7f2ff}.assessment-filters .assessment-school-filter{display:none}
.filter-box .filter-row>span{color:#888}.filter-box .filter-row button{color:#111}.filter-box .filter-row button.active{color:#007aff}.resource-page .resource-scroll{margin-top:8px}.resource-grid{gap:0 10px}.resource-card{margin-bottom:14px}.resource-title button{font-size:14px}
@media(max-width:1100px){.assessment-page:has(>.assessment-tools)>.state-tabs{padding-right:0}.assessment-tools{position:static;justify-content:flex-end;margin-bottom:16px}.assessment-page .assessment-filters{padding:12px}.assessment-filters .filter-row{gap:8px}.assessment-filters .filter-row>div{gap:6px}}
.center-page>.scope-row{display:flex;align-items:flex-start;gap:16px}.center-top-search{width:240px;height:32px;flex:none;margin-left:auto}.center-page .scope-row>.tabs{flex:1;min-width:0}.center-view-toggle{padding:3px;width:28px;height:28px;border:0;background:white}.center-view-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}.center-view-toggle.chosen{color:#007aff;background:#eaf4ff}.center-page>.center-toolbar{min-height:28px;margin-bottom:8px}.center-table:not(:has(.center-operations)) th:first-child{width:58%}
@media(max-width:1100px){.center-page>.scope-row{flex-wrap:wrap}.center-page>.scope-row>.tabs{flex-basis:100%}.center-top-search{margin-left:auto}}
.page-homework .service-table th:nth-child(1){width:220px}.page-homework .service-table th:nth-child(2){width:178px}.page-homework .service-table th:nth-child(3){width:170px}.page-homework .service-table th:nth-child(4){width:105px}.page-homework .service-table th:nth-child(5){width:90px}.page-homework .service-table th:nth-child(6){width:80px}.page-homework .service-table th:nth-child(7){width:347px}
.assessment-actions .design-preview-action{padding:0;width:24px;height:24px}.design-preview-action img{display:block;width:24px;height:24px;object-fit:none;object-position:left center}
/* Reuse the verified list typography on the directly linked detail pages. */
.page-classdetail{margin:0 20px;padding:20px;background:white;border:1px solid #eee;border-radius:12px;min-height:calc(100vh - 56px)}.page-classdetail>.panel{margin:0;padding:0;border:0}.page-classdetail table th,.center-page>.table-wrap>table th{background:white;color:#888;font-weight:400}.page-classdetail table th,.page-classdetail table td,.center-page>.table-wrap>table th,.center-page>.table-wrap>table td{padding:10px 20px;height:56px;font-size:14px;line-height:22px;border-bottom:1px solid #f0f0f0}.page-classdetail table .text-btn{font-size:14px}.page-classdetail table small{font-size:12px}.assistant-header .state-tabs>button.active{color:#007aff}.assistant-header .state-tabs>button:not(.active){color:#303030}
