/* Quiet working screens: labels and live status stay, repetitive guidance does not. */
.quiet-instruction,#subtitle,.plan-editor-status #planDraftStatus:empty{display:none!important}
.plan-options,.mobile-day-count,.mobile-nav-veil{display:none}
/* Draft recovery and saving failures must remain visible. */
#planDraftStatus.draft-feedback{font-size:12px}
@media(max-width:760px){
 body{padding-top:64px;font-size:14px}body:has(aside.ux-nav-open){overflow:hidden}
 body>aside{position:fixed;inset:0 0 auto;width:100%;height:64px;z-index:30;padding:10px 16px;background:#292333;border-bottom:1px solid #493b54}
 body>aside .brand{display:inline-block;line-height:44px}#uxMenu{min-height:44px;min-width:84px;align-items:center;justify-content:center;padding:8px 12px}
 body>aside.ux-nav-open{height:100dvh;max-width:340px;display:flex;flex-direction:column;flex-wrap:nowrap!important;align-content:flex-start;gap:0;box-shadow:20px 0 60px #100b1d90;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 aside.ux-nav-open #uxMenu{position:absolute;right:16px;top:10px}aside.ux-nav-open nav{display:flex;flex-direction:column;flex:1 1 auto;width:100%;max-height:none;margin:12px 0 0;overflow:auto;overscroll-behavior:contain}
 aside.ux-nav-open .nav-group{grid-template-columns:1fr;gap:2px}aside.ux-nav-open .nav-group button{min-height:44px}aside.ux-nav-open .nav-group button span{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px}
 aside.ux-nav-open .side-bottom{display:block;width:100%;margin:8px 0 0}aside.ux-nav-open .avatarline{margin:0;padding-top:8px}#accountMenuTrigger{min-height:44px}
 .mobile-nav-veil{position:fixed;inset:0;z-index:29;border:0;background:#100b1db3;border-radius:0}body:has(aside.ux-nav-open) .mobile-nav-veil{display:block}.account-menu{z-index:40}
 main{min-width:0}main>header{height:38px;background:transparent;border:0}.crumb{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb>span{margin:0 8px}.content{padding:12px 16px 24px}.intro{margin-bottom:14px}.intro h1,.schedule-top h1{font-size:22px;margin:6px 0 12px;letter-spacing:-.5px}
 button,.action,.primary,.textbutton,.panelhead button{min-height:44px;min-width:44px;font-size:13px}a.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.close,button.close{min-height:44px;min-width:44px;flex-basis:44px;width:44px;height:44px}.ql-toolbar button{min-width:36px!important;min-height:36px!important}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;min-height:44px}.check-row,.notification-option{min-height:44px}.check-row input,.notification-option input{flex-shrink:0;width:20px;height:20px}
 .period-toolbar{padding:12px;gap:12px}.period-toolbar:has(#ratingMode){gap:12px}.period-toolbar label{margin-bottom:0;flex:1;min-width:95px}.period-controls{gap:6px}.period-controls input[type=date]{min-width:140px;max-width:160px}.period-controls select{max-width:100%}.stats .stat{padding:12px}.stats .stat small{font-size:12px}
 .schedule-top{display:flex;flex-direction:column;gap:12px}.schedule-top>div{width:100%}.schedule-date{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.schedule-date b{flex:1;font-size:14px}.schedule-date input{flex-basis:100%;width:100%;max-width:none}.schedule-views{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.schedule-views>.primary{grid-column:1/-1;justify-self:stretch}.schedule-views button{padding:8px}
 .plan-caption{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 12px}.plan-caption .plan-status-legend{flex:1;font-size:12px}.plan-caption #planReload{margin-left:auto}.plan-caption p:empty{display:none}
 :is(#publicationPlanCalendar,#shootCalendar) .fc-dayGridMonth-view .fc-daygrid-day-events{display:none}:is(#publicationPlanCalendar,#shootCalendar) .fc-dayGridMonth-view .fc-daygrid-day-frame{min-height:64px}:is(#publicationPlanCalendar,#shootCalendar) .fc-dayGridMonth-view .fc-daygrid-day-number{display:flex;align-items:center;flex-direction:column;gap:2px;width:100%;padding:8px 0;min-height:60px;font-size:13px;cursor:pointer}
 .mobile-day-count{display:inline-flex;align-items:center;justify-content:center;background:#5b4274;color:#f3eaff;min-width:23px;height:23px;border-radius:50%;font-size:12px}.fc-col-header-cell{font-size:12px}.fc-list-event-time{white-space:nowrap}.plan-event-title{font-size:14px!important;line-height:1.5}
 .tablewrap:has(>.mobile-cards){overflow:visible}.mobile-cards,.mobile-cards tbody{display:block;width:100%;min-width:0!important}.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-cards tbody tr{display:block;padding:12px;border-bottom:1px solid #55425f}.mobile-cards td{display:block;width:auto!important;min-width:0!important;max-width:100%;padding:5px 0!important;border:0;font-size:14px;white-space:normal!important;overflow-wrap:anywhere;background:transparent!important}.mobile-cards td::before{content:attr(data-label);display:block;font-size:11px;color:#bfb0ce;margin:0 0 3px;letter-spacing:0}.mobile-cards td:first-child{font-weight:600;font-size:15px;padding-bottom:8px!important}.mobile-cards td:first-child::before,.mobile-cards td[data-label=""]::before{display:none}.mobile-cards .person{white-space:normal}.mobile-cards .taskname{min-width:0}.mobile-cards td .action{margin:3px 5px 3px 0!important}.mobile-cards .rating-high{background:#243c30}.mobile-cards .rating-low{background:#422831}.mobile-cards a{overflow-wrap:anywhere}
 dialog{max-width:100vw;max-height:100dvh;padding:16px}#publicationPlanDialog,#publicationPlanDialog.plan-editor-full{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto;padding:16px}
 #publicationPlanDialog form,#publicationPlanDialog.plan-editor-full form{height:auto;min-height:100%;display:flex;flex-direction:column}#publicationPlanDialog .dialoghead{position:sticky;top:-16px;background:#302739;z-index:5;padding:12px 0;margin:0 0 12px;flex-shrink:0}#publicationPlanDialog .dialoghead h2{font-size:19px;margin:0}#publicationPlanDialog .plan-form-meta{display:block}#publicationPlanDialog.plan-editor-full .plan-form-meta{display:none}
 #publicationPlanDialog .plan-status-time{grid-template-columns:1fr 1.5fr;gap:10px}#publicationPlanDialog .plan-status-time label{min-width:0}#publicationPlanDialog label{margin-bottom:10px}#publicationPlanDialog .plan-preview{display:none}.plan-options{display:block;margin:0 0 10px}.plan-extra{display:none}.plan-options-open .plan-extra{display:block}#publicationPlanDialog .plan-colors{gap:4px;margin:0 0 10px}.plan-colors .plan-color-choice{min-width:40px;min-height:44px}
 #publicationPlanDialog .plan-editor-top{gap:6px}#publicationPlanDialog .plan-editor-top .toolbar{width:100%;display:flex;gap:4px}#publicationPlanDialog .plan-editor-top button{padding:6px;flex:1;font-size:12px;min-height:40px}#publicationPlanDialog .plan-post-text{flex:1;margin-top:4px;min-height:280px}#publicationPlanDialog .ql-container{height:40dvh;min-height:220px;font-size:16px}#publicationPlanDialog .ql-editor{padding:12px}#publicationPlanDialog .ql-toolbar .ql-formats{margin-right:6px}
 #publicationPlanDialog .plan-form-actions{position:sticky;bottom:-16px;z-index:5;background:#302739;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin:10px 0 0;display:flex;gap:8px;flex-shrink:0}#publicationPlanDialog .plan-form-actions .primary{flex:1}#publicationPlanDialog .plan-editor-status{flex-direction:row;justify-content:flex-end;margin-top:4px}.plan-editor-status #planDraftStatus{font-size:11px}
 body[data-section=assistant] .content{display:flex;flex-direction:column;min-height:calc(100dvh - 102px)}body[data-section=assistant] .intro{margin-bottom:8px}body[data-section=assistant] #page{flex:1;display:flex;flex-direction:column}.assistant-chat{display:flex;flex-direction:column;height:calc(100dvh - 190px);min-height:430px}.assistant-chat>.panelhead{padding:12px;gap:8px;flex-wrap:wrap}.assistant-chat>.panelhead h2{font-size:16px}.assistant-chat>.panelhead .toolbar{margin:0;gap:8px}.assistant-chat>.summary{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px}.assistant-chat #aiMessages{flex:1;min-height:80px;max-height:none;margin:0;overflow-y:auto;padding-right:4px}.assistant-chat #aiChatForm{margin-top:10px;flex-shrink:0;background:#302739;display:flex;gap:8px;flex-wrap:wrap}.assistant-chat #aiChatForm label{width:100%;margin:0}.assistant-chat textarea{height:72px;min-height:72px;max-height:160px}.assistant-chat #aiChatError{width:100%;margin:0}.assistant-chat #aiJumpLatest{flex-shrink:0}.ai-turn pre{font-size:15px;padding:10px}.assistant-chat #aiSend{flex:1}
}
@media(max-width:360px){#publicationPlanDialog .plan-status-time{grid-template-columns:1fr}.schedule-date b{font-size:12px}.schedule-date .action{padding:6px}.plan-status-legend{font-size:11px!important}}

.quiet-help{margin:10px 0;font-size:12px;color:#bfb0ce}.quiet-help>summary{cursor:pointer;padding:6px 0}.quiet-help p{margin:6px 0}
@media(max-width:760px){
 .ux-period .period-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;width:100%}.ux-period #periodKind{grid-column:1/-1}.ux-period #periodDate{width:100%;max-width:none;min-width:0}.ux-period #currentPeriod{grid-column:1/2;font-size:11px;padding:4px}.ux-period #cycleFilter{grid-column:2/-1}
 #publicationPlanDialog .plan-editor-top .toolbar{display:grid;grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr)}#publicationPlanDialog .plan-editor-top .toolbar button{min-width:0;font-size:12px}
}
.period-toolbar:has(>.quiet-instruction):not(:has(button,input,select,label,a)){display:none}

/* The sidebar must not consume a quarter of a tablet screen. */
@media(min-width:761px) and (max-width:1024px){
 body{padding-top:64px}body:has(aside.ux-nav-open){overflow:hidden}main{margin-left:0!important}main>header{display:none}.content{padding:16px 20px}
 body>aside{position:fixed;inset:0 0 auto;width:100%;height:64px;z-index:30;padding:10px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
 body>aside .brand{line-height:44px}#uxMenu{display:inline-flex;min-height:44px;min-width:84px;align-items:center;justify-content:center;order:2;margin-left:auto}
 body>aside:not(.ux-nav-open) :is(nav,.side-bottom){display:none}
 body>aside.ux-nav-open{height:100dvh;max-width:340px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-bottom:16px}
 aside.ux-nav-open #uxMenu{position:absolute;right:16px;top:10px}aside.ux-nav-open nav{display:flex;flex:1;width:100%;max-height:none;margin:12px 0 0;overflow:auto}
 aside.ux-nav-open .nav-group{display:grid;grid-template-columns:1fr}.nav-group button{min-height:44px}
 aside.ux-nav-open .side-bottom{display:block;width:100%;margin-top:auto}.mobile-nav-veil{position:fixed;inset:0;z-index:29;border:0;border-radius:0;background:#100b1db3}body:has(aside.ux-nav-open) .mobile-nav-veil{display:block}
}
.district-report-mobile-controls{display:none}
.schedule-views>.plan-mobile-new{display:none}
@media(max-width:1100px){.schedule-views>.plan-mobile-new{display:inline-flex;align-items:center;justify-content:center;min-height:44px}}
.plan-status-legend{display:flex;flex-wrap:wrap;gap:4px 12px;min-width:0;white-space:normal!important}.plan-legend-item{white-space:nowrap}
@media(max-width:760px){
 #publicationPlanDialog .plan-editor-top .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 #publicationPlanDialog .plan-editor-top .toolbar:has([data-plan-editor=undo]){grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr)}
 #publicationPlanDialog .plan-editor-top .toolbar button{width:auto;min-height:44px;white-space:normal}
 dialog .dialoghead{margin:0 0 16px;padding:12px 0;top:-16px;max-width:100%}
 #publicationPlanDialog .dialoghead{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}
 #publicationPlanDialog .dialoghead h2{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
 #publicationPlanDialog .dialoghead .close{grid-column:2;grid-row:1}
 #publicationPlanDialog .dialoghead .plan-reopen-button{grid-column:1/-1;grid-row:2;justify-self:start;margin:0}
 dialog form{min-width:0;max-width:100%}dialog .formgrid{min-width:0}dialog input,dialog textarea,dialog select{box-sizing:border-box}
 .district-report-mobile-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
 .district-report-mobile-controls .check-row{flex-basis:100%;margin:0}.district-report-mobile-controls .action[aria-pressed=true]{border-color:var(--accent,#b18ade)}
 .plan-caption .plan-status-legend{flex-basis:100%}
 #publicationContent .stat-value{overflow-wrap:normal;word-break:normal;font-size:18px!important}
 :is(#publicationPlanCalendar,#shootCalendar) .fc-day-today .fc-daygrid-day-number{border-radius:6px!important}
}