/* Responsive presentation of the existing planning workflows. */
/* Below the existing 1900px cap this has no effect; wider Timeline workspaces use the available width. */
main.timeline-main{max-width:none}
.brand{font-size:24px;letter-spacing:-1px;white-space:nowrap}
.mobile-header,.mobile-quick-action{display:none}
.forecast-diagnostics{max-width:none;width:100%;color:var(--ink);font-size:13px;margin-top:26px;min-width:0}
.forecast-diagnostics>summary{padding:16px 0;font-weight:600;border-top:1px solid var(--line)}
.forecast-diagnostics table{min-width:760px}
.forecast-diagnostics th:first-child{width:30%}
.forecast-diagnostics td{overflow-wrap:anywhere}
.forecast-diagnostics td:nth-last-child(-n+2){white-space:nowrap}
.calendar-filter{display:flex;gap:16px;align-items:flex-end;padding:20px 24px;border-bottom:1px solid var(--line)}
.calendar-filter label{min-width:160px}
.calendar-empty,.calendar-support{padding:0 24px;margin:18px 0}
.calendar-empty{font-size:14px}
.non-working-time .table-scroll:has(tbody:empty){display:none}
.team-capacity td:nth-child(2) small{white-space:nowrap}
.collaboration-callout[hidden]{display:none}
.overview-grid{grid-template-columns:minmax(0,1fr) 330px}
.overview-grid>*{min-width:0}
@media(max-width:1100px){
 .brand{font-size:22px}
 .overview-grid{grid-template-columns:minmax(0,1fr)}
 .timeline-hero{flex-wrap:wrap}
 .timeline-hero .hero-actions{flex-wrap:wrap;flex-shrink:1}
}
@media(max-width:720px),(max-width:900px) and (max-height:500px){
 .app{margin-left:0}
 main{padding:16px}
 .mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#192a40;padding:12px 16px}
 .mobile-header .brand{font-size:24px;padding:0}
 .menu-toggle{display:flex;gap:8px;align-items:center;color:white;background:#2c4b73;border:1px solid #385c86;border-radius:7px;padding:9px 12px;min-height:44px;cursor:pointer}
 .sidebar{display:none;position:static;width:auto;padding:8px 16px 16px}
 .sidebar.menu-open{display:flex}
 .sidebar>.brand{display:none}
 .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:0}
 .sidebar nav a{min-height:44px;font-size:14px;padding:10px;overflow-wrap:anywhere}
 .sidebar .workspace{display:block;margin:12px 8px}
 .sidebar-foot{display:block;padding:12px 8px 0}
 .sidebar-foot>strong,.sidebar-foot>small{display:none}
 .workspace-account{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
 .workspace-account a,.workspace-account button{min-height:44px;display:inline-flex;align-items:center}
 .mobile-quick-action{display:flex;position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:16px;z-index:25;box-shadow:0 4px 18px #192a4033;min-height:48px}
 body:has(.mobile-quick-action) .app{padding-bottom:80px}
 main,.app,.panel,.editor,fieldset{min-width:0}
 .button{white-space:normal;text-align:center;min-height:44px}
 input:not([type=checkbox]):not([type=hidden]),select,textarea{min-width:0;max-width:100%;font-size:16px;min-height:44px}
 .choices label{min-height:44px}
 .form-actions,.dialog-actions,.hero-actions{flex-wrap:wrap;gap:12px}
 .page-heading,.section-heading{overflow-wrap:anywhere}
 .people-grid{grid-template-columns:1fr}
 .calendar-filter{padding:18px;flex-wrap:wrap}
 .calendar-filter label{flex:1}
 .calendar-empty,.calendar-support{padding:0 18px}
 .table-scroll table{min-width:640px}
 .non-working-time table{min-width:520px}
 .forecast-diagnostics table{min-width:760px}
 .forecast-diagnostics .inline-form{align-items:center;gap:8px}
 #planning-dialog{inset:0;margin:auto;width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:22px 18px}
 #planning-dialog label{font-size:14px;margin-top:12px}
 #planning-dialog input:not([type=hidden]):not([type=checkbox]),#planning-dialog select{font-size:16px}
 .dialog-close{width:44px;height:44px;right:8px;top:8px}
 .planning-dialog-heading{padding-right:30px}
 .duration-presets button{min-height:44px}
 .dialog-actions .button{flex:1 1 140px}
 .planning-form-error{overflow-wrap:anywhere}
 .effort-calculator{width:36px;height:36px}
 .timeline-toolbar{display:grid;grid-template-columns:1fr;gap:10px}
 .timeline-toolbar h2,.range-label{width:auto}
 .period-controls,.zoom-controls{justify-self:start;margin:0;max-width:100%}
 .period-controls a,.zoom-controls a{min-height:44px;padding:10px 12px}
 .timeline-note{padding:10px 12px;gap:8px;flex-wrap:wrap}
 .timeline-hero .hero-actions{flex-wrap:wrap;flex-shrink:1}
 .timeline-summary{padding:0}
 .timeline-panel{--identity-width:112px}
 .identity{width:var(--identity-width);padding:10px 8px;gap:0}
 .identity .person-avatar{display:none}
 .identity strong{font-size:12px;overflow-wrap:anywhere}
 .identity small{font-size:10px}
 .timeline-scroll{max-height:70dvh;overscroll-behavior-x:contain}
 .project-meta{gap:18px}
 .public-header{flex-wrap:wrap;gap:12px}
 .public-brand{white-space:nowrap}
}