/* v5.8.104: readable project actions on desktop, tablet and phone */
#projectDrawer .drawer{width:min(1060px,100vw);max-width:100vw;box-sizing:border-box;overflow-x:hidden}
#projectDrawer .drawer-body{box-sizing:border-box;width:100%;max-width:100%;padding:16px 20px}
#projectDrawer .drawer-body *{box-sizing:border-box}
#projectDrawer .phase-task{display:grid;grid-template-columns:minmax(140px,1fr) minmax(90px,.65fr) minmax(0,2.3fr);gap:8px 10px;align-items:start;width:100%;max-width:100%;min-width:0}
#projectDrawer .phase-task>span:first-child{line-height:1.5;font-weight:650;padding-top:4px}
#projectDrawer .phase-task>em{min-width:0;text-align:left;padding-top:4px;word-break:keep-all;overflow-wrap:anywhere}
#projectDrawer .phase-task>.review-task-actions,#projectDrawer .phase-task>.status-buttons,#projectDrawer .phase-task>.task-readonly{min-width:0!important;max-width:100%;width:100%;grid-column:auto;justify-self:stretch}
#projectDrawer .review-task-actions>div,#projectDrawer .phase-task .status-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;align-items:center;max-width:100%;min-width:0}
#projectDrawer .review-task-actions .btn,#projectDrawer .phase-task .status-choice{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;min-height:32px}
#projectDrawer .review-task-actions details{min-width:0;max-width:100%;position:static}
#projectDrawer .review-task-actions details>summary{white-space:nowrap;min-height:32px;display:flex;align-items:center}
#projectDrawer .review-task-actions details[open] .status-buttons{position:static;right:auto;top:auto;min-width:0;padding:6px 0;box-shadow:none;background:transparent;justify-content:flex-start}
@media(max-width:1040px){
 #projectDrawer .drawer{width:100vw}
 #projectDrawer .phase-task{grid-template-columns:minmax(125px,1fr) minmax(90px,.8fr)}
 #projectDrawer .phase-task>.review-task-actions,#projectDrawer .phase-task>.status-buttons,#projectDrawer .phase-task>.task-readonly{grid-column:1/-1;margin-left:0}
}
@media(max-width:600px){
 #projectDrawer .drawer-head{padding:12px;gap:8px}
 #projectDrawer .drawer-body{padding:12px}
 #projectDrawer .phase-task{grid-template-columns:minmax(0,1fr);gap:3px;padding:12px 0}
 #projectDrawer .phase-task>em{grid-column:1;text-align:left;font-size:11px;padding:0 0 4px}
 #projectDrawer .phase-task>.review-task-actions,#projectDrawer .phase-task>.status-buttons,#projectDrawer .phase-task>.task-readonly{grid-column:1}
 #projectDrawer .review-task-actions .btn{padding:7px 9px;min-height:36px}
 #projectDrawer .project-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:390px){#projectDrawer .project-meta{grid-template-columns:minmax(0,1fr)}}