/* Mobile task details share the desktop content without changing row geometry. */
@media(max-width:860px){
 html:not(.product-showcase-embed) .scroll-showreel .scr #idrw.is-task-popover{display:flex;flex-direction:column;position:absolute;inset:auto;left:var(--task-popover-left);top:var(--task-popover-top,0px);width:var(--task-popover-width);max-width:calc(100% - 16px);height:auto;min-height:0;max-height:var(--task-popover-height);box-sizing:border-box;background:#fff;border:1px solid #d9dce0;border-radius:8px;box-shadow:0 5px 18px rgba(25,30,38,.12);overflow:visible!important;transform:none;transition:none;will-change:auto}
 .scroll-showreel .scr #idrw.is-task-popover:not(.open){visibility:hidden;pointer-events:none}
 .scroll-showreel .scr #idrw.is-task-popover::before{content:"";position:absolute;z-index:3;left:calc(var(--task-popover-pointer) - 5px);top:-5px;width:8px;height:8px;background:#fff;border-top:1px solid #d9dce0;border-left:1px solid #d9dce0;transform:rotate(45deg);pointer-events:none}
 .scroll-showreel .scr #idrw.is-task-popover[data-placement="above"]::before{top:auto;bottom:-5px;transform:rotate(225deg)}
 .scroll-showreel .scr #idrw.is-task-popover .idr-h{position:relative;flex:none;gap:6px;padding:9px 10px;background:#fff;border-radius:8px 8px 0 0}
 .scroll-showreel .scr #idrw.is-task-popover .idr-b{flex:1 1 auto;min-height:0;min-width:0;padding:10px;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;overflow-wrap:anywhere}
 .scroll-showreel .scr #idrw.is-task-popover :is(.idr-as,.idr-due,.idoc,.icmt>div){min-width:0;overflow-wrap:anywhere}
 .scroll-showreel .scr #idrw.is-task-popover .idoc .plan-document-name{min-width:0;overflow-wrap:anywhere}
 .scroll-showreel .scr #idrw.is-task-popover .idr-ic{gap:8px}
 .scroll-showreel .scr #idrw.is-task-popover .id-close{min-width:26px;min-height:26px}
 .scroll-showreel .scr #ganttv .gantt-task[aria-expanded="true"],.scroll-showreel .scr #ganttv .gantt-task[aria-expanded="true"] .schedule-compare-label{background:#fff0ec}
}