/* Keep forecasts compact so long project names have the header's available width. */
#modalRoot .modal-head>.workspace-new-header{width:auto!important;flex:1 1 0!important;min-width:0}
#modalRoot .modal-head>.v9-new-project-forecast{flex:0 0 190px;width:190px;max-width:190px;min-width:0;margin:0;padding:10px;box-sizing:border-box;grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere}
#modalRoot .modal-head>.v9-new-project-forecast small{white-space:normal;min-width:0;line-height:1.4}
#modalRoot .project-modal-head .project-header-completion{min-width:0!important;width:150px;max-width:150px;overflow-wrap:anywhere}
#modalRoot .project-modal-head .project-header-right{gap:10px;max-width:210px}
#modalRoot #saveProjectInfo{font-size:12px;line-height:1.4;padding:6px 10px;min-height:32px;margin-top:12px;box-shadow:none}
@media(max-width:650px){
 #modalRoot .workspace-new-header #newProjectHeaderImage{width:72px!important;height:72px!important;min-width:72px!important}
 #modalRoot .modal-head:has(>.workspace-new-header),#modalRoot .project-modal-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;align-items:start}
 #modalRoot .modal-head>.workspace-new-header,#modalRoot .project-modal-head>.project-headline{grid-column:1;grid-row:1}
 #modalRoot .modal-head>.v9-new-project-forecast{grid-column:1/-1;grid-row:2;justify-self:end;width:min(190px,100%);max-width:100%}
 #modalRoot .modal-head:has(>.workspace-new-header)>[data-modal-close]{grid-column:2;grid-row:1}
 #modalRoot .project-modal-head .project-header-right{display:contents!important}
 #modalRoot .project-modal-head .project-header-completion{grid-column:1/-1;grid-row:2;justify-self:end}
 #modalRoot .project-modal-head .project-header-right>[data-modal-close]{grid-column:2;grid-row:1}
 #modalRoot #saveProjectInfo{min-height:36px}
}