#classesView .class-panel{background:linear-gradient(150deg,#f0fafa 0%,#fff 55%);border:1px solid #cceae8}
#classesView .class-panel>.card-heading{border-left:4px solid #229a98;padding-left:14px}
#classesView .class-form,#classesView .class-box{background:#fff;border:1px solid #dce9ef;border-radius:16px;padding:18px;min-width:0}
#classesView .class-picker{display:grid;gap:7px;max-width:520px;margin:16px 0;font-weight:700}
#classesView input,#classesView select,#classesView textarea{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
#classesView .class-columns{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:16px}
#classesView .class-heading,#classesView .class-actions,#classesView .class-add-row,#classesView .class-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#classesView .class-add-row{margin:12px 0}#classesView .class-add-row select{flex:1 1 170px;width:auto}
#classesView .class-member-list{max-height:490px;overflow-y:auto;overscroll-behavior:contain}
#classesView .class-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e9eff2}
#classesView .class-member small{display:block;color:#556575;line-height:1.5;overflow-wrap:anywhere}
#classesView .class-homework-items{display:grid;gap:11px}
#classesView .class-homework-item{display:grid;gap:8px;background:#fbfaff;border:1px solid #dcd8ff;border-radius:14px;padding:15px}
#classesView .class-homework-item[hidden]{display:none!important}
#classesView .class-homework-item label{display:grid;gap:5px}
#classesView .class-message:not(:empty){padding:10px 13px;border-radius:10px;margin:12px 0;overflow-wrap:anywhere}
#classesView .class-message.success{background:#dcf7ed;color:#096749}#classesView .class-message.error{background:#fff0ee;color:#992c25}
@media(max-width:850px){#classesView .class-columns{grid-template-columns:minmax(0,1fr)}#classesView .class-member{align-items:flex-start}#classesView .class-panel{padding:15px}}

#classesView .class-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}
#classesView [hidden]{display:none!important}
#classesView .class-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:950px}
#classesView .class-filters .class-picker{max-width:none;width:100%}
#classesView .class-ai-panel{display:grid;gap:12px;background:linear-gradient(145deg,#eef3ff,#f8fbff);border:1px solid #d5ddff;border-radius:14px;padding:15px}
#classesView .class-ai-panel>.form-grid{margin:0}
#classesView .class-ai-panel .section-note{margin:4px 0 0}
#classesView .class-ai-reason{background:#edf6ff;border-radius:9px;color:#234a76;padding:9px;margin:0;overflow-wrap:anywhere}
#classesView #classAiExplanation{background:#fff;border:1px solid #dce5ff;border-radius:9px;padding:10px;overflow-wrap:anywhere}
#classesView #classAiExplanation p{margin:4px 0}
@media(max-width:650px){#classesView .class-filters{grid-template-columns:1fr;gap:0}}

#classesView .class-homework-modes{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}#classesView .class-homework-modes .active{background:#e6e7ff;border-color:#6860db;color:#3933a4}#classesView .class-member-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#classesView .class-member-actions button{width:auto;white-space:nowrap}#classesView #classIndividualStudentLabel{display:grid;gap:7px;font-weight:700}#classesView #classHomeworkScopeHint{margin:0 0 8px}

#classesView .class-homework-history{margin-top:20px;padding:18px;background:#fff;border:1px solid #dce9ef;border-radius:16px;min-width:0}#classesView .class-homework-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:850px}#classesView .class-homework-filters label{display:grid;gap:6px;font-weight:700}#classesView #classHomeworkHistory{min-width:0;overflow-wrap:anywhere}#classesView .class-history-actions{padding:10px 16px;text-align:right}#classesView .class-history-actions button{width:auto}#classesView .weekly-student-card,#classesView .homework-date-accordion{max-width:100%}@media(max-width:650px){#classesView .class-homework-filters{grid-template-columns:1fr}}

#classesView .class-homework-history>.card-heading{gap:12px}#classesView .class-homework-history .heading-tools{display:flex;gap:9px;flex-wrap:wrap}#classesView .class-homework-history .heading-tools button{width:auto}#classesView .class-homework-history .homework-upcoming-module{margin:12px 0 18px;max-width:100%}#classesView .class-homework-filters .week-picker{display:flex;gap:5px;align-items:center}#classesView .class-homework-filters .week-picker input{flex:1;min-width:0}#classesView .class-homework-filters .week-picker button{width:auto}#classesView .class-homework-filters .homework-week-summary{align-self:end}#classesView .class-history-actions{padding:0}#classesView .weekly-homework-row .table-actions{display:flex;gap:7px;flex-wrap:wrap}#classesView .weekly-student-actions{flex-wrap:wrap}@media(max-width:640px){#classesView .class-homework-history .heading-tools button{width:100%}}

#classesView .class-homework-filters{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}#classesView .class-homework-filters select{width:100%;min-width:0}#classesView .class-homework-filters label{min-width:0}@media(max-width:950px){#classesView .class-homework-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#classesView .class-homework-filters{grid-template-columns:1fr}}
#classesView .class-homework-scope{margin:16px 0 18px;padding:15px 17px;border:1px solid #dce4f0;border-radius:14px;background:#f6f8ff}
#classesView .class-homework-scope>.eyebrow{margin:0 0 10px}
#classesView .class-homework-scope-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#classesView .class-homework-scope-fields label{display:grid;min-width:0;gap:6px;font-weight:700}
#classesView .class-homework-scope-fields select{width:100%;min-width:0}
@media(max-width:1050px){#classesView .class-homework-scope-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#classesView .class-homework-scope-fields{grid-template-columns:1fr}}

#classesView .class-subject-step{padding:17px 18px 8px;border:2px solid #8e7cee;border-radius:18px;background:linear-gradient(135deg,#f0eaff,#e9f3ff);box-shadow:0 10px 26px #5547bc1a}
#classesView .class-subject-step-heading{display:flex;align-items:center;gap:12px;color:#342a80}
#classesView .class-subject-step-heading strong{display:block;font-size:16px}
#classesView .class-subject-step-heading small{display:block;margin-top:4px;color:#514a78;line-height:1.4}
#classesView .class-subject-number{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#5d4cc8;color:#fff;font-weight:800}
#classSubjectChecks{margin:14px 0 9px}
@media(max-width:650px){#classesView .class-member{flex-wrap:wrap}#classesView .class-member-actions{width:100%;justify-content:flex-start}}
#classSubjectChecks .subject-check{display:flex;align-items:center}
#classSubjectChecks .subject-check input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--indigo)}
#classesView .class-homework-item .batch-subject-head{gap:10px;flex-wrap:wrap}
#classesView .class-bulk-delete-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 15px;margin:12px 0;border:1px solid #dfd7ed;border-radius:14px;background:#f8f6ff}
#classesView .class-bulk-delete-bar label,#classesView .class-homework-pick{display:inline-flex;align-items:center;gap:7px;font-weight:700}
#classesView .class-bulk-delete-bar input,#classesView .class-homework-pick input{width:18px;height:18px;min-width:18px;accent-color:#5a49c9}
#classesView .class-bulk-delete-bar button{width:auto;margin-left:auto}
#classesView .class-bulk-delete-bar .danger-text:not(:disabled){color:#a32944;border-color:#e8adbd;background:#fff0f3}
#classesView .class-homework-pick{color:#514a78;white-space:nowrap}
@media(max-width:650px){#classesView .class-bulk-delete-bar button{width:100%;margin-left:0}}

.class-week-print{display:flex;align-items:end;flex-wrap:wrap;gap:10px 14px;margin:14px 0;padding:14px;border:1px solid #c8c1f3;border-radius:14px;background:#f5f2ff}.class-week-print label{display:grid;gap:5px;font-weight:700;color:#322867}.class-week-print input{min-width:160px}.class-week-print small{flex-basis:100%;color:#5d5577}.class-week-print button{max-width:100%;white-space:normal;text-align:center}
/* 2.17.162: student actions and compact weekly cards */
#classesView .class-member{align-items:flex-start;flex-wrap:wrap;padding:14px 0}#classesView .class-member>div:first-child{flex:1 1 210px;min-width:0}#classesView .class-member-actions{flex:1 1 570px;gap:7px;align-items:center}#classesView .class-member-actions button{white-space:normal;min-height:36px;max-width:100%;font-size:12px;padding:8px 11px;border-radius:12px}#classesView .class-member-actions .class-remove-member{color:#777184;background:#faf9fd}#classesView .class-member-actions button:disabled{opacity:.5;cursor:not-allowed}
#classHomeworkHistory .weekly-student-card{border:1px solid #e3e5f4;border-radius:18px;overflow:hidden;background:#fff;margin:14px 0}#classHomeworkHistory .weekly-student-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#f9faff;cursor:pointer;list-style:none;border-bottom:1px solid transparent}#classHomeworkHistory .weekly-student-head::-webkit-details-marker,#classHomeworkHistory .homework-date-accordion>summary::-webkit-details-marker{display:none}#classHomeworkHistory .weekly-student-card[open]>.weekly-student-head{border-bottom-color:#e3e5f4}#classHomeworkHistory .person{display:flex;align-items:center;gap:12px;min-width:0}#classHomeworkHistory .avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#ece9ff;color:#5748dc;font-weight:800}#classHomeworkHistory .person-copy{min-width:0}#classHomeworkHistory .person-copy strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}#classHomeworkHistory .person-copy>span{display:block;font-size:11px;color:#78809b}#classHomeworkHistory .accordion-hint{font-size:11px;color:#6751e8;font-weight:700;flex-shrink:0}#classHomeworkHistory .class-when-open{display:none}#classHomeworkHistory details[open]>.weekly-student-head .class-when-open,#classHomeworkHistory details[open]>summary .class-when-open{display:inline}#classHomeworkHistory details[open]>summary .class-when-closed{display:none}
#classHomeworkHistory .weekly-student-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #e3e5f4;background:#fff}#classHomeworkHistory .weekly-student-actions button{width:auto;min-height:32px;font-size:11px;padding:7px 12px;border-radius:18px;white-space:normal}#classHomeworkHistory .weekly-student-actions .small-btn,#classHomeworkHistory .weekly-student-actions .secondary-btn{background:#f5f2ff;color:#5843d7;border:1px solid #e3dcff}#classHomeworkHistory .weekly-student-actions .primary-btn{background:#6750df;color:#fff;border:1px solid #6750df}#classHomeworkHistory .homework-date-list{padding:14px;background:#f9f9fe}#classHomeworkHistory .homework-date-accordion{border:1px solid #e8e4f7;border-radius:20px;background:#fff;overflow:hidden;margin:0 0 10px}#classHomeworkHistory .homework-date-accordion:last-child{margin-bottom:0}#classHomeworkHistory .homework-date-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#f7f4fd;list-style:none;cursor:pointer}#classHomeworkHistory .homework-date-accordion>summary>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}#classHomeworkHistory .homework-date-accordion time{background:#ece6ff;color:#5135c6;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800}#classHomeworkHistory .homework-date-accordion>summary strong{font-size:12px}#classHomeworkHistory .homework-date-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:600px){#classesView .class-member-actions{justify-content:flex-start;flex-basis:100%}#classHomeworkHistory .weekly-student-head{padding:13px 12px;flex-wrap:wrap}#classHomeworkHistory .weekly-student-actions{justify-content:flex-start;padding:12px;gap:7px}#classHomeworkHistory .weekly-student-actions button{flex:1 1 135px;min-height:40px}#classHomeworkHistory .homework-date-list{padding:10px}#classHomeworkHistory .homework-date-accordion>summary{padding:12px;flex-wrap:wrap}#classHomeworkHistory .homework-date-accordion>summary>div{gap:8px}}
#classHomeworkHistory .accordion-hint::after{content:none!important}

#classesView .class-bulk-delete-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;border:1px solid #d8cfee;border-radius:22px;background:#f6f2ff;margin:18px 0 24px}#classesView .class-bulk-delete-bar[hidden]{display:none}#classesView .class-bulk-dates-intro{flex:1 1 100%;min-width:0}#classesView .class-bulk-dates-intro h3{margin:0 0 10px;color:#30254d;font-size:20px}#classesView .class-bulk-dates-intro p{margin:0;line-height:1.6}#classesView #classBulkDatesButton{flex:1 1 100%;min-height:48px;border-radius:18px;background:#6750df;color:#fff}#classesView #classSelectedHomeworkCount{font-weight:700}#classesView .class-bulk-delete-bar>label{display:flex;align-items:center;gap:10px}#classesView #classSelectAllHomeworks{width:22px;height:22px;flex:none}#classesView #classDeleteSelectedHomeworks{margin-left:auto}@media(max-width:600px){#classesView .class-bulk-delete-bar{padding:16px}#classesView .class-bulk-delete-bar>label,#classesView #classSelectedHomeworkCount{flex-basis:100%}#classesView #classDeleteSelectedHomeworks{width:100%}}