.study-focus{margin-bottom:20px}.study-focus progress{accent-color:#476145;height:18px}.study-priorities{padding-left:24px}.study-priorities li{padding:12px 0;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.study-priorities p{margin:5px 0;color:#526477}.study-preparation-list{display:grid;gap:14px;margin-top:16px}.study-preparation-row{padding:14px;border:1px solid #dfe4ea;border-radius:8px}.study-preparation-row .form-grid{margin:12px 0}.study-preparation-row input[type=checkbox]{width:auto;margin-right:8px}.study-preparation-row button{margin-top:10px}@media(max-width:600px){.study-focus .panel-heading{display:block}.study-focus .panel-heading label{display:block;margin-top:12px}}
.today-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:18px}
.today-overview > .panel{min-width:0;margin-bottom:0!important;padding:16px}
.today-overview .panel-heading{gap:10px;margin-bottom:10px;align-items:start}
.today-overview h2{font-size:19px}
.today-overview .panel-heading label{font-size:10px;flex:0 0 105px}
.today-overview #dailyStudyGoal{width:100%;padding:6px 8px}
.today-overview .study-priorities{margin:8px 0;padding-left:20px}
.today-overview .study-priorities li{padding:7px 0;font-size:11px}
.today-overview .study-priorities p{margin:3px 0;font-size:10px}
.today-overview .button{padding:6px 8px;font-size:10px}
.today-overview progress{height:10px}
.today-overview #todayAlerts li{padding:8px 10px!important;font-size:11px}
.today-overview #todayAlerts ul{gap:6px!important;margin:8px 0}
@media(max-width:650px){.today-overview{grid-template-columns:minmax(0,1fr)}.today-overview .study-focus .panel-heading{display:flex}.today-overview .study-focus .panel-heading label{margin-top:0}}
.today-overview .study-extra-priorities{margin:8px 0;font-size:11px}
.today-overview .study-extra-priorities summary{cursor:pointer;color:var(--navy)}
.subject-page-filter{margin-bottom:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px}
.subject-page-filter select{min-width:220px;max-width:100%}
.subject-page-filter .form-help{flex-basis:100%;margin:0}
.subject-page-filter label{font-size:15px}
.subject-page-filter select{min-width:340px;font-size:17px;font-weight:600;padding:15px 18px;min-height:54px;border:2px solid #bccbda;border-radius:10px}
@media(max-width:650px){.subject-page-filter select{min-width:0;width:100%}}
.sidebar-tools{margin:16px 8px 10px;border-top:1px solid #385368;padding-top:12px}
.topbar>.subject-page-filter{display:none}
body[data-calendar-header=subjects] .topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}
body[data-calendar-header=subjects] .topbar>.subject-page-filter{display:flex;grid-column:2;grid-row:1;margin:0;padding:12px 16px;gap:6px}
body[data-calendar-header=subjects] .subject-page-filter select{min-width:0;width:100%}
body[data-calendar-header=subjects] .subject-page-filter label{font-size:13px}
body[data-calendar-header=subjects] .subject-page-filter .form-help{font-size:10px}
body[data-calendar-header=subjects] .topbar-actions{display:none}
#subjectsView:not(.hidden){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#subjectsView>.panel{min-width:0;margin:0!important;overflow-wrap:anywhere}
#subjectsView .panel-heading{flex-wrap:wrap;gap:8px}
#subjectsView .subject-form{flex-wrap:wrap}
#subjectsView input,#subjectsView select,#subjectsView textarea{max-width:100%;box-sizing:border-box}
@media(max-width:650px){#subjectsView:not(.hidden){grid-template-columns:minmax(0,1fr)}body[data-calendar-header=subjects] .topbar{grid-template-columns:minmax(0,1fr)}body[data-calendar-header=subjects] .topbar>.subject-page-filter{grid-column:1;grid-row:2}}
.sidebar-tools>summary{cursor:pointer;font-size:12px;font-weight:600;color:#c9d4df;padding:8px 0;line-height:1.4}
.sidebar-tools>summary:hover{color:#fff}
.sidebar-tools #cloudSyncStatus{font-size:11px!important;line-height:1.45;margin:4px 0 8px}
.sidebar-tools #backupReminder{padding:8px!important;font-size:11px!important;margin:8px 0!important}
.topbar>[data-unir-calendar-status]{display:none}
.topbar>#activityPreparation{display:none}
#weeklyPlanModal{padding:8px}
#weeklyPlanModal>.modal-card{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)!important;display:flex;flex-direction:column;overflow:hidden!important;padding:16px;width:min(1100px,100%)!important}
#weeklyPlanModal .modal-header{margin-bottom:8px;flex-shrink:0}
#weeklyPlanModal .modal-header h2{font-size:22px}
#weeklyPlanModal .modal-header+div{gap:6px!important;margin-bottom:6px!important;flex-shrink:0}
#weeklyPlanModal .button{padding:6px 9px;font-size:11px}
#weeklyPlanModal label{font-size:10px;gap:3px}
#weeklyPlanModal input{padding:5px 8px;max-width:110px}
#weeklyPlanContent{flex:1;min-height:0;display:flex;flex-direction:column}
#weeklyPlanContent>p{margin:3px 0;font-size:11px;flex-shrink:0}
#weeklyPlanContent>div{flex:1;min-height:0;grid-template-rows:repeat(7,minmax(0,1fr));gap:5px!important;margin-top:6px}
#weeklyPlanContent>div>section{min-height:0;overflow:auto;padding:6px 10px!important;display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px;align-items:start}
#weeklyPlanContent h3{font-size:13px!important}
#weeklyPlanContent section ul{margin:0!important;padding-left:17px!important;font-size:11px}
#weeklyPlanContent section li{margin-top:2px!important;line-height:1.3!important}
#weeklyPlanContent section p{margin:0!important;font-size:11px}
#weeklyPlanModal .modal-card>.form-help{margin:6px 0 0!important;font-size:10px;flex-shrink:0}
@media(max-width:650px){#weeklyPlanModal>.modal-card{padding:10px}#weeklyPlanContent>div>section{grid-template-columns:minmax(0,1fr);gap:3px}#weeklyPlanContent h3{font-size:11px!important}#weeklyPlanModal .modal-card>.form-help{font-size:9px}}
body[data-calendar-header=activities] .topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;align-items:start;margin-bottom:12px}
body[data-calendar-header=activities] .topbar>#activityPreparation{display:block;grid-column:2;grid-row:1 / 3;margin:0;padding:12px 16px}
body[data-calendar-header=activities] .topbar-actions{grid-column:1;grid-row:2;gap:6px}
#activityPreparation h2{font-size:17px;margin:0 0 5px}
#activityPreparation>p{font-size:11px;line-height:1.35;margin:5px 0 8px}
#activityPreparation summary{cursor:pointer;font-size:12px;font-weight:600}
#activityPreparation .study-preparation-list{max-height:320px;overflow:auto;gap:8px;margin-top:10px}
#activityPreparation .study-preparation-row{padding:10px;font-size:12px}
#activitiesView .activity-summary{gap:8px;margin-bottom:12px}
#activitiesView .activity-summary .stat-card{padding:10px 12px;min-height:0}
#activitiesView .activity-summary .value{font-size:24px;line-height:1.15;margin:3px 0}
#activitiesView .activity-summary .label,#activitiesView .activity-summary .detail{font-size:10px}
#activitiesView .activity-panel{padding:16px}
body[data-calendar-header=activities] .main{min-width:0}
#activitiesView,#activitiesView .activity-panel,#activitiesView .activity-subject{min-width:0;max-width:100%}
#activitiesView .activity-table-wrap{max-width:100%;overflow-x:auto}
#activitiesView .activity-panel>.panel-heading{margin-bottom:10px}
@media(max-width:650px){body[data-calendar-header=activities] .topbar{grid-template-columns:minmax(0,1fr)}body[data-calendar-header=activities] .topbar>#activityPreparation{grid-column:1;grid-row:3}#activitiesView .activity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
body[data-calendar-header=calendar] .topbar,body[data-calendar-header=classesCalendar] .topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;align-items:start;margin-bottom:14px}
body[data-calendar-header=calendar] .topbar>[data-unir-calendar-view=calendarView],body[data-calendar-header=classesCalendar] .topbar>[data-unir-calendar-view=classesCalendarView]{display:block;grid-column:2;grid-row:1 / 3;margin:0;padding:12px 16px}
body[data-calendar-header=calendar] .topbar-actions,body[data-calendar-header=classesCalendar] .topbar-actions{grid-column:1;grid-row:2;flex-wrap:wrap;gap:5px}
.topbar>[data-unir-calendar-status] h2{font-size:17px}
.topbar>[data-unir-calendar-status] p{font-size:10px;line-height:1.4;margin:5px 0}
.topbar>[data-unir-calendar-status] .button{font-size:10px;padding:6px 9px}
body[data-calendar-header=calendar] .topbar h1,body[data-calendar-header=classesCalendar] .topbar h1{font-size:26px}
@media(max-width:650px){body[data-calendar-header=calendar] .topbar,body[data-calendar-header=classesCalendar] .topbar{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.topbar>[data-unir-calendar-status]{padding:8px!important}body[data-calendar-header=calendar] .topbar h1,body[data-calendar-header=classesCalendar] .topbar h1{font-size:20px}}