/* TEAM only: a compact agenda and touch-friendly planning flow. */
body[data-view="team"] #modalTitle{padding-right:42px;line-height:1.25}
body[data-view="team"] #content{display:block;max-width:1120px;margin-inline:auto}
body[data-view="team"] .topbar #quickAdd{display:none}
.tmShell{min-width:0}.tmHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.tmHeader h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;line-height:1.15;margin:8px 0}.tmHeader>.btn{flex-shrink:0}.tmHeader svg{width:18px;height:18px}
.tmContext{display:flex;align-items:center;gap:16px;margin-bottom:22px}.tmContext select{max-width:340px;margin:0}.tmContext>span{font-size:12px;color:var(--muted)}
.tmTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:var(--surface2);border:1px solid var(--line);border-radius:16px;margin-bottom:22px}.tmTabs button{min-height:48px;border:0;background:transparent;border-radius:11px;font:inherit;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);cursor:pointer}.tmTabs button.active{color:var(--accentText);background:var(--surface);box-shadow:0 2px 6px #00000008;font-weight:700}.tmTabs svg{width:18px;height:18px}.tmCount{font-size:11px;padding:2px 6px;border-radius:8px;background:var(--accentSoft)}
.tmSubtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tmSubtabs button,.tmMode button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 14px;min-height:44px;color:var(--muted);cursor:pointer}.tmSubtabs button.active,.tmMode button.active{background:var(--accentSoft);color:var(--accentText);border-color:var(--accent)}
.tmMonthRow{display:grid;grid-template-columns:44px minmax(150px,230px) 44px 1fr;gap:8px;align-items:center}.tmMonth{margin:0!important}.tmMonth input{margin:0!important;text-align:center;min-height:46px}.tmSquare{padding:8px!important;min-height:46px}.tmSquare svg{width:18px;height:18px}.tmAdd{justify-self:end}.tmPublish{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px 20px;margin:18px 0}.tmPublish.pending{background:var(--accentSoft);border-color:var(--accentSoft)}.tmPublish b{display:block;font-size:14px}.tmPublish span{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.tmPublish button{flex-shrink:0}
.tmFilters{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:22px 0}.tmFilters label{margin:0;max-width:360px;flex:1;font-size:12px}.tmFilters select{margin-bottom:0}.tmMode{display:flex;gap:5px}.tmWeekHead{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.tmText,.tmBack{border:0;background:transparent;color:var(--accentText);font:inherit;font-size:12px;padding:8px 0;min-height:44px;cursor:pointer}.tmText:disabled{opacity:.3;cursor:default}.tmDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.tmDays button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:12px 2px;cursor:pointer}.tmDays small{font-size:11px;color:var(--muted)}.tmDays b{font-size:21px;font-weight:600}.tmDays span{font-size:10px;color:var(--muted)}.tmDays .active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.tmDays .active small,.tmDays .active span{color:inherit}.tmDays .today:not(.active){border-color:var(--accent)}
.tmListHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 14px}.tmListHeading h2{font-size:18px;margin:0;text-transform:capitalize}.tmListHeading>span{font-size:12px;color:var(--muted);white-space:nowrap}.tmCheck{display:flex!important;align-items:center;gap:10px;font-size:12px!important;min-height:44px}.tmCheck input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--accent)}
.tmAgenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tmDateHeading,.tmAbsence,.tmAgenda>.tmEmpty{grid-column:1/-1}.tmDateHeading{font-size:14px;margin:14px 0 0;text-transform:capitalize}.tmShift{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.tmShiftTop{display:flex;justify-content:space-between;align-items:start;gap:8px}.tmShiftTime{font-size:23px;font-weight:600;letter-spacing:-.03em}.tmNextDay{display:block;font-size:10px;color:var(--muted);margin-top:3px}.tmStatus{font-size:10px;border-radius:7px;padding:5px 7px;white-space:nowrap}.tmStatus.draft{background:var(--accentSoft);color:var(--accentText)}.tmStatus.published{color:var(--muted);background:var(--surface2)}.tmShift h3{font-size:16px;margin:20px 0 5px;overflow-wrap:anywhere}.tmShift p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.tmShiftActions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.tmShiftActions .btn{min-height:44px}.tmMore{width:44px;padding:0!important;font-size:16px!important;letter-spacing:2px}
.tmAbsence{display:flex;gap:12px;padding:15px 18px;border:1px dashed var(--line);border-radius:14px;align-items:center}.tmAbsence svg{width:20px;height:20px;color:var(--muted)}.tmAbsence b,.tmAbsence span{display:block;font-size:12px}.tmAbsence span{color:var(--muted);margin-top:4px}.tmEmpty{text-align:center;padding:36px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.tmEmpty h1,.tmEmpty h3{color:var(--text)}.tmEmpty p{font-size:13px;line-height:1.7;max-width:400px;margin:12px auto 22px}.tmEmptyIcon svg{height:30px;width:30px;color:var(--accentText)}.tmLoading{text-align:center;padding:30px;color:var(--muted)}
.tmTools{display:grid;gap:10px}.tmTools>.btn{justify-content:flex-start;align-items:flex-start;text-align:left;flex-direction:column;padding:16px;min-height:56px;white-space:normal}.tmTools span{font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}
.tmSteps{display:flex;padding:0;margin:0 0 24px;list-style:none;gap:10px;justify-content:space-between}.tmSteps li{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.tmSteps b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);flex-shrink:0}.tmSteps .active{color:var(--accentText);font-weight:700}.tmSteps .active b{background:var(--accent);color:var(--surface)}.tmWizard h3{font-size:20px;margin:0 0 20px}.tmWizard label{font-size:12px}.tmHint{font-size:12px!important;color:var(--muted);line-height:1.6;margin:8px 0 20px!important}.tmTwo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tmTwo>*{min-width:0}.tmCalendarHead{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.tmCalendarHead b{text-transform:capitalize}.tmPicker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:10px 0 16px}.tmPicker>span{text-align:center;color:var(--muted);font-size:11px;padding-bottom:8px}.tmPicker label{position:relative;display:block;margin:0!important;min-width:0}.tmPicker input{position:absolute;inset:0;opacity:0;width:100%!important;height:100%!important;margin:0!important;cursor:pointer;z-index:1}.tmPicker label span{display:grid;place-items:center;height:44px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text)}.tmPicker input:checked+span{background:var(--accent);color:var(--surface);border-color:var(--accent)}.tmPicker input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.tmPicker .unavailable span{text-decoration:line-through;opacity:.35}.tmPicker input:disabled{cursor:not-allowed}.tmSelectedCount{font-size:13px;color:var(--accentText);font-weight:600}.tmReview{display:grid;grid-template-columns:1fr;gap:5px;background:var(--surface2);padding:20px;border-radius:14px;margin:20px 0}.tmReview>span{font-size:11px;color:var(--muted)}.tmReview>b{font-size:14px;margin-bottom:12px;overflow-wrap:anywhere}.tmReview>b:last-child{margin-bottom:0}.tmWizardFooter{display:flex;gap:10px;justify-content:flex-end;padding:16px 0 0;margin-top:14px;border-top:1px solid var(--line)}.tmWizardFooter>.primary{flex:1}.tmWizardFooter>.btn{min-height:48px}
body[data-view="team"] #modal .modalBody,body[data-view="team"] #modalBody{min-width:0}body[data-view="team"] #modal input,body[data-view="team"] #modal select,body[data-view="team"] #modal textarea{max-width:100%;min-width:0}body[data-view="team"] #teamPane .row{flex-wrap:wrap}body[data-view="team"] #teamPane .actionsMini{flex-wrap:wrap}body[data-view="team"] #teamPane .item{overflow-wrap:anywhere}body[data-view="team"] #teamPane .btn{min-height:44px}body[data-view="team"] #teamPane .sectionCard{margin-top:0}
.tmPeople{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tmPerson{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0}.tmPerson h3{font-size:16px;margin:0 0 5px}.tmPerson p{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.tmPerson .actionsMini{margin-top:16px}.tmPerson label{font-size:11px}.tmPerson select{font-size:13px;margin-bottom:0}.tmPeopleHead{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;gap:10px}.tmPeopleHead h2{font-size:20px;margin:0}
@media(max-width:767px){
 .tmHeader{margin:8px 0 14px;align-items:start}.tmHeader h1{font-size:25px;max-width:240px}.tmHeader .uiKicker{font-size:9px}.tmHeader>.btn{width:44px;min-height:44px;padding:8px}.tmHeader>.btn>span{display:none}.tmContext{align-items:start;flex-direction:column;gap:7px;margin-bottom:18px}.tmContext select{max-width:none;width:100%;font-size:14px}.tmContext>span{font-size:11px}.tmTabs{margin-bottom:20px}.tmTabs button{font-size:12px;gap:6px}.tmTabs svg{width:16px;height:16px}.tmMonthRow{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.tmMonth input{font-size:16px;padding-inline:6px}.tmAdd{grid-column:1/-1;width:100%;margin-top:8px;min-height:48px}.tmPublish{padding:14px;gap:12px;align-items:stretch;flex-direction:column}.tmPublish .btn{width:100%;min-height:44px}.tmFilters{flex-direction:column;align-items:stretch;gap:12px;margin:18px 0 8px}.tmFilters label{max-width:none}.tmMode{display:grid;grid-template-columns:1fr 1fr}.tmDays{gap:4px}.tmDays button{border-radius:11px;padding:9px 1px}.tmDays b{font-size:19px}.tmDays small{font-size:10px}.tmListHeading h2{font-size:16px}.tmAgenda,.tmPeople{grid-template-columns:1fr}.tmShift{padding:17px}.tmShiftTime{font-size:23px}.tmSubtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tmSubtabs button{font-size:10px;padding:9px 3px;overflow-wrap:anywhere}.tmSteps{gap:4px}.tmSteps li{flex-direction:column;align-items:center;gap:5px;flex:1;font-size:10px;text-align:center}.tmSteps b{width:27px;height:27px}.tmWizard input,.tmWizard select{font-size:16px!important}.tmWizard .tmPicker input{font-size:14px!important}.tmWizard h3{font-size:20px}.tmWizardFooter{position:sticky;bottom:-1px;background:var(--surface);padding:12px 0 calc(8px + env(safe-area-inset-bottom));z-index:2}.tmTwo{gap:9px}.tmPicker{gap:3px}.tmPicker label span{height:42px;border-radius:8px}.tmPerson{padding:17px}.tmPeopleHead h2{font-size:18px}
 body[data-view="team"] .updateNotice{bottom:calc(86px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);right:12px;left:auto}
 body[data-view="team"] #modalBody .formGrid{grid-template-columns:1fr}body[data-view="team"] #modalBody input,body[data-view="team"] #modalBody select,body[data-view="team"] #modalBody textarea{font-size:16px}
}
@media(max-width:767px){
 .tmHeader{margin:4px 0 10px}.tmHeader .uiKicker{display:none}.tmHeader h1{margin:4px 0;font-size:24px}.tmContext{margin-bottom:14px}.tmContext>span{font-size:10px}.tmTabs{margin-bottom:16px}
 .tmFilters{flex-direction:row;align-items:end;gap:8px}.tmFilters label{min-width:0;font-size:11px}.tmFilters select{font-size:13px}.tmMode{flex:0 0 150px;gap:3px}.tmMode button{font-size:11px;padding:8px 4px}.tmFilters>h2{font-size:16px;flex:1}
 .tmPublish{flex-direction:row;align-items:center;gap:10px;padding:13px}.tmPublish .btn{width:auto;flex-shrink:0;font-size:11px;padding-inline:12px}.tmPublish b{font-size:13px}.tmPublish span{font-size:11px}
}
