.homework-experimental{font-size:.76rem;font-weight:700;color:var(--amber);background:var(--amber-soft);border-radius:9px;padding:4px 8px;white-space:nowrap}
.homework-panel,.homework-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:14px 0;padding:18px;overflow-wrap:anywhere}
.homework-row,.homework-footer,.homework-detail-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.homework-panel h3{margin:0}.homework-panel p{line-height:1.6}.homework-context,.homework-note,.homework-sync,.homework-card small{color:var(--muted);font-size:.82rem;line-height:1.5}
.homework-demo{background:var(--blue-soft);color:var(--blue);padding:10px 12px;border-radius:12px;font-size:.85rem;line-height:1.6}
.homework-segments{display:flex;background:var(--line);padding:4px;border-radius:14px;gap:4px;margin:18px 0}.homework-segments button{flex:1;min-width:0;border:0;border-radius:11px;background:transparent;color:var(--muted);padding:12px;font-weight:700}.homework-segments button[aria-pressed=true]{color:var(--blue);background:var(--surface);box-shadow:var(--shadow)}
.homework-group-title{font-size:1rem;margin:24px 0 10px}.homework-card{padding:0}.homework-open{display:block;width:100%;border:0;background:none;color:var(--ink);text-align:start;padding:18px 18px 8px;border-radius:18px}.homework-open p{line-height:1.55;font-size:1rem;white-space:pre-wrap;margin:12px 0}.homework-open>small{display:block;margin:3px 0}.homework-card .homework-overdue{color:var(--red)}
.homework-footer{padding:10px 18px 16px;align-items:flex-end}.homework-next{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--bg);font-size:.82rem}.homework-next small{display:block;font-size:.7rem;color:var(--muted)}.homework-next svg{flex-shrink:0;color:var(--muted)}
.homework-check{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:.85rem;margin:0;color:var(--ink)}.homework-check input{width:20px;height:20px;accent-color:var(--blue);margin:0}.homework-completed{margin-top:24px}.homework-completed summary{cursor:pointer;color:var(--muted);padding:12px 0}.homework-completed summary span{margin-inline-start:8px}
.homework-link{display:block;border:0;background:none;color:var(--blue);padding:12px 0;font-size:.88rem;text-align:start}.homework-source-link{display:block;color:var(--blue);margin-top:20px}.homework-detail-line{border-top:1px solid var(--line);padding:14px 0;font-size:.9rem}.homework-detail-line>span{color:var(--muted)}.homework-text{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.homework-mapping{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.homework-mapping>small{display:block;color:var(--muted);margin:5px 0}.homework-mapping label{display:block;margin-top:12px;font-size:.85rem}.homework-mapping select{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}.homework-sync{margin-top:24px}.homework-no-next{max-width:65%;font-size:.75rem}
@media(max-width:600px){.homework-footer{padding-inline:14px}.homework-open{padding-inline:14px}.homework-detail-line bdi{font-size:.8rem}.homework-panel{padding:16px}}
#homeworkDetail .homework-check{display:inline-flex;align-items:center;gap:8px;margin:8px 0;font-weight:400}
#homeworkDetail .homework-check input{display:inline-block;width:20px;height:20px;margin:0;flex:none}

:is(#homeworkLoginForm,#classroomLogin) label{display:block;margin:14px 0;font-size:.9rem}:is(#homeworkLoginForm,#classroomLogin) input,:is(#homeworkLoginForm,#classroomLogin) select{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}:is(#homeworkLoginForm,#classroomLogin) .primary{width:100%;margin-top:12px}
.homework-day{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}
.homework-range{color:var(--muted);font-size:.82rem;white-space:nowrap}.homework-source-error{color:var(--red)}.homework-day>span{font-size:.8rem;color:var(--blue);background:var(--blue-soft);padding:6px 10px;border-radius:20px}
.homework-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);font-size:.9rem}
.homework-table th,.homework-table td{padding:12px 6px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.homework-table thead th{font-size:.78rem;font-weight:400;text-align:center;color:var(--muted);background:var(--bg)}
.homework-table .homework-subject{text-align:start;border-inline-end:1px solid var(--line);font-weight:700}
.homework-table small{display:block;font-size:.72rem;color:var(--muted);margin-top:5px}
.homework-table-task{border:0;background:none;color:var(--ink);padding:0;min-height:44px;width:100%;text-align:start;white-space:pre-wrap;font:inherit;line-height:1.5}

.homework-date{background:var(--surface);color:var(--blue);border:1px solid var(--line);border-radius:10px;padding:7px 6px;min-height:44px;min-width:44px;font:inherit;font-size:.82rem}
.homework-date small{display:block;margin:2px 0 0;color:var(--muted);font-size:.7rem}
.homework-table .homework-date{width:100%}
.homework-table .homework-table-next td{font-size:.78rem;color:var(--muted);padding:10px;background:var(--bg)}
.homework-table tbody:last-child tr:last-child td{border-bottom:0}
.homework-table-next .homework-next{padding:0;background:none;vertical-align:middle}.homework-table-next .homework-next>span{display:flex;gap:6px;flex-wrap:wrap}.homework-table-next .homework-next small{margin:0;font:inherit}
.homework-group-next{margin:12px 0 20px}.homework-footer{flex-wrap:wrap;align-items:center;gap:8px}.homework-footer .homework-check{min-height:44px}.homework-restore{background:none;border:0;color:var(--blue);padding:12px 16px;min-height:44px;font:inherit;font-size:.85rem;text-align:start}
.homework-completed{padding:0;border:0;background:transparent}.homework-completed summary{min-height:52px;box-sizing:border-box;padding:16px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.homework-completed[open] summary{margin-bottom:8px}
#homeworkDateValue{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;padding:12px;border-radius:12px;margin:10px 0 18px;min-height:48px}
.homework-date-actions{display:flex;gap:8px;flex-wrap:wrap}.homework-date-actions button{min-height:44px}
#homeworkDetail .homework-footer{padding:8px 0}
@media(max-width:360px){.homework-table th,.homework-table td{padding-inline:4px}.homework-table{font-size:.85rem}.homework-table thead th{font-size:.75rem}}

.homework-col-subject{width:18%}.homework-col-task{width:57%}.homework-col-date{width:25%}

.homework-subject-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.homework-subject-heading .homework-group-title{margin:0}.homework-subject-heading .homework-next{flex-shrink:0}.homework-table-next td{text-align:end}.homework-table-next .homework-next>span{align-items:center}.homework-table-next .homework-subject{background:var(--surface)}.homework-due-time{display:block;font-size:.75rem;margin-top:3px}

#homeworkManualForm label{display:block;margin-top:16px;font-size:.9rem}#homeworkManualSubject,#homeworkManualBody{display:block;width:100%;box-sizing:border-box;margin:8px 0 16px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink);font:inherit}#homeworkManualBody{resize:vertical;min-height:110px}#homeworkAdd{white-space:nowrap}

#homeworkLessonPanel[hidden],#homeworkDateInput[hidden]{display:none}
.homework-week-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}.homework-week-nav strong{text-align:center;font-size:.95rem}.homework-week-nav bdi{display:block;color:var(--muted);font-size:.8rem;margin-top:4px;font-weight:400}.homework-week-nav button{min-width:44px;min-height:44px;padding:4px;font-size:1.5rem}
.homework-week-nav svg{display:block;width:22px;height:22px;margin:auto;fill:none;stroke:currentColor;stroke-width:2}
.homework-week-scroll{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg);overscroll-behavior:contain}
.homework-lesson-grid{display:grid;grid-template-rows:44px;grid-auto-rows:.75px;position:relative;min-width:0;isolation:isolate}
.homework-lesson-day,.homework-grid-corner{grid-row:1;position:sticky;top:0;background:var(--surface);z-index:3;border-bottom:1px solid var(--line)}.homework-lesson-day{text-align:center;padding-top:5px;font-size:.8rem}.homework-lesson-day bdi{display:block;font-size:.7rem;color:var(--muted);margin-top:3px}.homework-grid-corner{grid-column:1}
.homework-lesson-hour{grid-column:1;font-size:.62rem;color:var(--muted);text-align:center;padding-top:2px}.homework-lesson-track{border-inline-start:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,var(--line) 44px,var(--line) 45px);z-index:-1}
.homework-lesson-slot{margin:2px;border:1px solid var(--line);border-radius:8px;padding:1px 0;background:var(--surface);color:var(--ink);font:inherit;font-size:.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.1;min-width:0;min-height:0;z-index:1}.homework-lesson-slot bdi{display:block}.homework-lesson-slot[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border:2px solid var(--blue)}.homework-lesson-slot:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.homework-lesson-slot bdi+bdi{font-size:.65rem;color:var(--muted)}
.homework-lesson-selection{font-size:.85rem;min-height:24px;color:var(--blue);margin:12px 0 6px}.homework-lesson-empty{padding:28px 12px;background:var(--bg);border-radius:12px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.7}

#homeworkDate .profile-sheet{padding:20px 14px}.homework-lesson-day{font-size:.82rem}.homework-lesson-slot{font-size:.75rem}.homework-lesson-slot bdi+bdi{font-size:.7rem}

#homeworkDate .profile-sheet{padding:14px}#homeworkDateTask{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#homeworkDate .profile-sheet>p{margin-bottom:8px}#homeworkDate .homework-lesson-selection{margin:8px 0 4px}#homeworkDate .homework-note{margin:6px 0 10px;font-size:.75rem}#homeworkDate .homework-date-actions{flex-wrap:nowrap}#homeworkDate .homework-date-actions button{padding-inline:10px;white-space:nowrap;font-size:.85rem}#homeworkDate .homework-date-actions .primary{width:auto;flex:1}

.homework-subject-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:-16px}.homework-subject-options button{border:1px solid var(--line);border-radius:10px;background:var(--blue-soft);color:var(--blue);padding:8px 12px;min-height:44px;font:inherit;font-size:.85rem}

.homework-manual-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.homework-manual-actions button{min-height:44px}.homework-delete{color:var(--red);min-width:44px;display:grid;place-items:center}

.homework-date-entry{display:flex;gap:8px;align-items:center;margin:10px 0 18px}#homeworkDate .homework-date-entry #homeworkDateValue{margin:0;flex:1;width:0;text-align:center}.homework-date-calendar{position:relative;flex:0 0 48px;height:48px;display:grid!important;place-items:center;padding:0;overflow:hidden}.homework-date-calendar input[type=date]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.homework-date-calendar input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto}.homework-date-calendar:focus-within{outline:2px solid var(--blue);outline-offset:2px}

#homeworkManual .profile-sheet{padding:18px}#homeworkManualForm{gap:8px}#homeworkManualForm label{margin:4px 0 0}#homeworkManualSubject,#homeworkManualBody{margin:0}#homeworkManualBody{min-height:88px;height:88px}#homeworkManual .homework-detail-line{margin:4px 0}#homeworkManual .homework-date-actions{flex-wrap:nowrap}#homeworkManual .homework-date-actions button{flex:1;width:auto}#homeworkManual .homework-subject-options{margin:0;max-height:94px;overflow-y:auto}

.homework-table .homework-restore{padding-inline:0}.homework-table .homework-check{min-height:44px;margin-top:4px}

.homework-notification-controls{border:0;padding:0;margin:0;min-width:0}.homework-notification-controls:disabled{opacity:.55}
.homework-notification-controls .preference-row:has(input:disabled){opacity:.65}
.homework-table .homework-notice-cell{padding:3px}
.homework-task-pair{position:relative;display:grid;grid-template-columns:57fr 25fr;border-radius:15px}
.homework-task-pair>div{min-width:0;padding:9px 3px;overflow-wrap:anywhere}
.homework-table .homework-due-cell,.homework-date{text-align:center}
.homework-task-pair .notification-marker>span{margin:0;font-size:11px;color:var(--blue)}
.homework-task-pair.notification-target{scroll-margin-top:160px}

/* Shared tasks retain the existing table and dialog geometry. */
.homework-heading-actions{display:flex;align-items:center;gap:8px}.homework-icon{width:44px;height:44px;min-width:44px;padding:10px;display:grid;place-items:center}.homework-share-person{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.homework-share-person{border-top:1px solid var(--line);padding-top:12px}.homework-share-person small{display:block;color:var(--muted);font-size:.75rem}.homework-date-readonly{display:block;text-align:center}.homework-date-readonly bdi{display:block}.homework-on-it,.homework-done{width:100%;min-height:44px}.homework-on-it{margin-top:16px}#homeworkDetail .homework-done[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}.homework-working td,.homework-working .homework-task-pair{background:light-dark(#e8f4ec,#203e33)}#homeworkDetail .homework-on-it[aria-pressed=true]{background:light-dark(#e8f4ec,#203e33);color:light-dark(#28724d,#9cdbb6);border-color:light-dark(#28724d,#9cdbb6)}#homeworkSharing label{display:block;margin:16px 0}#homeworkSharing select,#homeworkReceiveUrl{width:100%;margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink);font:inherit}#homeworkSharing .preference-row{display:flex}#homeworkSharing .primary{margin-top:12px}#homeworkView .homework-heading-actions [hidden]{display:none}

/* Subject bands preserve the daily table while giving task text mobile space. */
.homework-columns{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;padding:8px 12px;text-align:center;color:var(--muted);font-size:.8rem}
.homework-subject-group{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);margin-bottom:16px}
.homework-subject-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:light-dark(#e9eef8,#28384b);border-bottom:1px solid var(--line)}
.homework-subject-header h3{font-size:1.1rem;font-weight:700;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--ink)}
.homework-subject-header .homework-next{background:none;padding:0;text-align:end;gap:6px;max-width:60%;flex-shrink:0}
.homework-subject-header .homework-next svg{display:none}.homework-subject-header .homework-next small{margin:0 0 2px}.homework-subject-header .homework-next bdi{display:block;font-size:.78rem}
.homework-subject-header .homework-no-next{font-size:.72rem;color:var(--muted);text-align:end;max-width:48%}
.homework-subject-group .homework-table{border:0;border-radius:0;font-size:.95rem}
.homework-subject-group .homework-table td{padding:17px 12px;vertical-align:middle}
.homework-subject-group .homework-col-task{width:auto}.homework-subject-group .homework-col-date{width:100px}
.homework-subject-group .homework-table-task{font-size:1rem;line-height:1.5;min-height:44px}
.homework-table small{font-size:.75rem}.homework-working-label{display:block;margin-top:6px;font-size:.78rem;font-weight:700;color:light-dark(#217955,#8ad7b2)}
.homework-date{background:var(--blue-soft);border-color:transparent;font-weight:700;line-height:1.3}.homework-date bdi{display:block;font-size:1.05rem}.homework-date small{color:var(--blue);font-weight:400;font-size:.75rem;margin:0 0 3px}
.homework-subject-group .homework-notice-cell{padding:3px!important}.homework-task-pair{grid-template-columns:minmax(0,1fr) 94px;border-radius:12px}.homework-task-pair>div{padding:14px 9px}.homework-task-pair>div:first-child{padding-top:23px}
.homework-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.homework-completed summary{color:var(--ink);font-weight:600}.homework-completed summary span{color:var(--muted);font-size:.8rem;font-weight:400}
.homework-completed[open] summary{margin-bottom:10px}
@media(max-width:360px){.homework-subject-header{padding:11px;gap:8px}.homework-subject-header h3{font-size:1rem}.homework-subject-group .homework-col-date{width:85px}.homework-subject-group .homework-table td{padding:14px 10px}.homework-task-pair{grid-template-columns:minmax(0,1fr) 79px}.homework-columns{grid-template-columns:minmax(0,1fr) 73px}}

/* One connection flow: choose method, enter credentials, confirm the profile. */
.homework-login-methods{display:flex;gap:8px;margin:18px 0}.homework-login-methods button{flex:1;min-width:0;min-height:46px}
.homework-login-methods [aria-pressed=true],.homework-choice-buttons [aria-pressed=true]{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}
.homework-login-progress{display:flex;justify-content:space-between;gap:8px;padding:0;margin:18px 0;list-style:none;font-size:.8rem;color:var(--muted)}
.homework-login-progress li{flex:1;border-bottom:2px solid var(--line);padding-bottom:8px;text-align:center}.homework-login-progress [aria-current]{color:var(--blue);border-color:var(--blue);font-weight:700}
.homework-school-summary,.homework-map-target{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:16px 0}
.homework-school-summary small,.homework-map-target small,.homework-connection-heading small,.homework-student small{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}
.homework-map-target strong{display:block;font-size:1.1rem;margin:4px 0}.homework-school-summary .homework-link,.homework-map-target .homework-link{padding:8px;flex-shrink:0}
.homework-school-summary>div{min-width:0;overflow-wrap:anywhere}
.homework-school-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}
.homework-school-heading h4{font-size:1.1rem;margin:0}.homework-school-heading .homework-link{flex-shrink:0;min-height:44px}
#homeworkSchoolSearch{width:100%;box-sizing:border-box;font-size:16px;text-align:right}
.homework-school-results{display:grid;gap:10px;margin-top:16px}
.homework-school-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;text-align:right}
.homework-school-option>span:first-child{min-width:0;overflow-wrap:anywhere}.homework-school-option strong{display:block}.homework-school-option small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
.homework-school-option>span:last-child{color:var(--blue);flex-shrink:0}.homework-school-option[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}
.homework-school-year{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:20px;padding-top:8px;font-size:.85rem;color:var(--muted)}
.homework-school-year button{min-height:44px}.homework-school-year bdi{white-space:nowrap}
#homeworkLoginForm>.homework-link[data-homework-login-cancel]{display:block;margin:8px auto 0;min-height:44px;color:var(--muted)}
#homeworkLoginForm .homework-login-methods{gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
#homeworkLoginForm .homework-login-methods button{border:0;border-radius:10px;background:transparent;color:var(--muted)}
#homeworkLoginForm .homework-login-methods [aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}
.homework-login-warning{background:var(--blue-soft);border-radius:12px;padding:14px;color:var(--ink);line-height:1.6;margin:16px 0}
.homework-login-warning strong{color:var(--blue)}.homework-login-warning p{margin:6px 0 0;font-size:.9rem}
:is(#homeworkLoginForm,#classroomLogin) .homework-request-code{display:block;text-align:center;text-decoration:none;box-sizing:border-box;line-height:1.5}
:is(#homeworkLoginForm,#classroomLogin) [hidden]{display:none!important}#homeworkLoginStatus{color:var(--blue);line-height:1.6}#homeworkLoginStatus[role=alert]{color:var(--red)}
.homework-connection{padding:20px}.homework-connection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.homework-connection-heading h3{margin:0;min-width:0;font-size:1.2rem;line-height:1.35}
.homework-connected{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 8px;border-radius:99px;background:light-dark(#edf6ef,#23392f);color:light-dark(#397455,#93c5a8);font-size:.75rem;white-space:nowrap}.homework-connected svg{width:14px;height:14px}
.homework-connection .homework-mapping{margin-top:18px;padding-top:18px}.homework-connection .homework-mapping-unidentified{border-top:0;margin-top:20px;padding-top:0}.homework-student strong{display:block;font-size:1.05rem}.homework-student small{line-height:1.5}
.homework-connection .homework-map-target{margin:20px 0 0;padding:14px 16px}.homework-map-target>div{min-width:0}.homework-map-target .homework-map-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:4px}.homework-map-name strong,.homework-map-target .homework-map-name small{margin:0}.homework-map-target .homework-link{min-height:44px}.homework-mapping-unidentified .homework-map-target{margin-top:0}
.homework-connection .homework-mapping-save{width:100%;margin-top:20px;min-height:50px}.homework-connection-maintenance{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.homework-connection-maintenance>.homework-note{margin:0 0 12px;font-size:.75rem}
.homework-connection-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.homework-connection-actions .secondary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:72px;padding:10px 3px;font-size:.8rem;font-weight:400;white-space:nowrap;color:var(--ink);background:var(--surface)}.homework-connection-actions svg{width:20px;height:20px;flex-shrink:0}.homework-connection-actions .homework-disconnect{color:var(--red)}
@media(max-width:370px){.homework-connection{padding:16px}.homework-connection-actions{gap:6px}.homework-connection-actions .secondary{font-size:.75rem}}
.homework-shared-choice{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:14px;margin-top:14px}.homework-shared-choice p{font-size:.88rem;line-height:1.6}.homework-choice-buttons{display:flex;flex-wrap:wrap;gap:8px}.homework-choice-buttons button{flex:1 1 140px;min-height:44px}
.profile-confirm-preserved{background:light-dark(#eaf7ef,#233f36);color:light-dark(#245f44,#a6dfbf);border-radius:14px;padding:16px;margin:18px 0;line-height:1.6}.profile-confirm-preserved p{margin:8px 0 0;font-size:.9rem}.profile-confirm-preserved p:empty,.profile-confirm-preserved[hidden]{display:none}
.homework-view-source{display:flex;padding:4px;gap:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:12px 0}.homework-view-source button{flex:1;min-width:0;min-height:44px;padding:8px 6px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;font-weight:700}.homework-view-source button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}.homework-view-source button:disabled{opacity:.6}

#homeworkMoveProfile{width:100%;margin-block:8px 12px}
#homeworkSharingBody [data-hwshare-move]{width:100%}
.homework-received-remove{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.homework-received-remove button{width:100%}
.homework-shared-tag{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:9px;padding:6px 9px;min-height:36px;background:light-dark(#f0edfa,#302c47);color:light-dark(#6553a2,#c3b6f2);font-size:.76rem;font-weight:600;max-width:100%;margin:5px 0}
.homework-shared-tag svg{width:16px;height:16px;flex:none}
.homework-task-title{display:block;margin-bottom:5px}
.classroom-challenge{position:fixed;inset:0;z-index:10000;box-sizing:border-box;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--surface);color:var(--ink);padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.classroom-challenge strong{text-align:center;font-size:1rem}.classroom-challenge p{margin:0}.classroom-challenge .homework-link{flex:none;min-height:44px}
#classroomChallenge{display:block;max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain;touch-action:manipulation;user-select:none}
#classroomChallenge[hidden]{display:none}
#classroomLogin input{font-size:16px}

/* Numeric login fields keep digit order while aligning with the Hebrew labels. */
#classroomLogin input{direction:ltr;text-align:right}
.classroom-progress{display:flex;align-items:flex-start;gap:12px;margin:20px 0;color:var(--ink)}
.classroom-progress strong{font-size:.95rem;line-height:1.6}.classroom-progress .homework-note{margin:6px 0 0}
.classroom-spinner{flex:none;width:20px;height:20px;margin-top:3px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:classroom-spin 1s linear infinite}
@keyframes classroom-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.classroom-spinner{animation:none}}

/* Native Mashov SMS: match existing connection controls in both appearances. */
#homeworkLoginForm #homeworkPhone,#homeworkLoginForm #homeworkCode,#homeworkLoginForm #homeworkUsername{text-align:right}
.homework-mashov-pending{text-align:center;padding:24px 8px;color:var(--muted)}
.homework-mashov-pending h3{color:var(--ink);margin:14px 0 8px}
.homework-login-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:homework-login-spin 1s linear infinite}
@keyframes homework-login-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.homework-login-spinner{animation:none}}
.homework-mashov-challenge{display:block;width:auto;height:auto;max-width:100%;max-height:55dvh;margin:16px auto;touch-action:manipulation}
.homework-mashov-challenge[hidden]{display:none}

/* Account-wide sync status lives below the app tabs, before screen navigation. */
.homework-sync-banner{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;gap:10px;padding:13px 12px;margin-bottom:18px;border:1px solid var(--line);border-radius:15px;background:var(--blue-soft);color:var(--ink)}
.homework-sync-banner strong{display:block;font-size:1rem;line-height:1.45}.homework-sync-banner p{font-size:.82rem;line-height:1.5;color:var(--muted);margin:3px 0 0}
.homework-sync-icon{color:var(--blue);padding-top:3px}.homework-sync-icon svg{width:21px;height:21px}.homework-sync-icon .classroom-spinner{display:inline-block;width:19px;height:19px}
.homework-sync-banner.is-ready{background:#edf8f1;border-color:#c4dfcf}.homework-sync-banner.is-ready .homework-sync-icon{color:#247450}
.homework-sync-banner.is-error{background:var(--amber-soft)}.homework-sync-banner.is-error .homework-sync-icon{color:var(--amber)}
.homework-sync-action{display:block;min-height:42px;padding:4px 0 0;background:none;border:0;color:var(--blue);font:inherit;font-weight:700}
.homework-sync-close{position:relative;width:32px;min-height:36px;padding:0;margin-top:-5px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--muted)}.homework-sync-close:before{content:'';position:absolute;inset:-4px -6px}.homework-sync-close svg{width:18px;height:18px}
.classroom-connected h3{display:flex;gap:10px;align-items:start}.classroom-connected h3>span{color:#247450;background:#edf8f1;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.classroom-connected .primary{width:100%;margin-top:16px}
[data-appearance=dark] .homework-sync-banner.is-ready{background:#1c3430;border-color:#365a4d}[data-appearance=dark] .homework-sync-banner.is-ready .homework-sync-icon,[data-appearance=dark] .classroom-connected h3>span{color:#9bd7b5}[data-appearance=dark] .classroom-connected h3>span{background:#1c3430}