/* Mobile capability demos: content-sized actions and a complete conversation. */
.upload-mobile-label,.documents-mobile-controls{display:none}
@media(max-width:860px){
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.documents-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.documents-head>div:first-child{display:contents}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.documents-head .h1x{grid-column:1;grid-row:1}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.documents-head>.rbtn{grid-column:2;grid-row:1;align-self:center}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.documents-head .screen-subtitle{grid-column:1/-1;grid-row:2;margin-top:0}
 .scroll-showreel #sc2 .upload-desktop-label{display:none}
 .scroll-showreel #sc2 .upload-mobile-label{display:inline}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.organise-toolbar{display:none}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2>.documents-mobile-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:none;margin-bottom:14px;position:relative;z-index:30;overflow:visible!important}
 .documents-mobile-controls details{min-width:0;position:relative;overflow:visible!important}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2 .documents-mobile-controls summary{display:flex;width:100%;justify-content:space-between;list-style:none;cursor:pointer;padding-inline:9px}
 .documents-mobile-controls summary::-webkit-details-marker{display:none}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2 .documents-mobile-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;box-sizing:border-box;z-index:40;max-height:260px;padding:6px;border:1px solid #d9dce0;border-radius:8px;background:#fff;color:#252525;box-shadow:0 5px 18px #00000012;overflow:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;font:400 11px/1.5 Montserrat,system-ui,sans-serif}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc2 .documents-mobile-filters .documents-mobile-menu{right:auto;width:calc(200% + 8px)}
 .documents-mobile-menu strong:not(:first-child){margin-top:8px;padding-top:12px;border-top:1px solid #d9dce0}
 .documents-mobile-menu strong{display:block;padding:8px;font-size:11px;font-weight:600}
 .documents-mobile-menu :is(button,.mobile-filter-option){box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:7px 8px;border:0;border-radius:4px;background:#fff;color:inherit;text-align:left;font:inherit}
 .documents-mobile-menu button{cursor:pointer}
 .documents-mobile-menu button[aria-pressed="false"] i{visibility:hidden}
 .documents-mobile-menu :is(button[aria-pressed="true"],.is-selected){color:#ef4129}
 .documents-mobile-menu button:hover{background:#f7f8fa}
 .documents-mobile-controls summary:focus-visible,.documents-mobile-menu button:focus-visible{outline:2px solid #ef4129;outline-offset:2px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .plan-version-stack{width:100%;align-self:stretch}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .plan-version-summary{display:grid;grid-template-columns:minmax(0,1fr) max-content;width:100%;gap:6px;justify-items:stretch}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 :is(.schedule-toolbar-control,.schedule-compare-control){width:100%;min-width:0;justify-content:center}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-current-dropdown{width:100%;min-width:0}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-compare-control{height:auto;min-height:31px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-compare-control :is(button,.schedule-compare-caption){height:auto;min-height:29px;min-width:0;white-space:nowrap;line-height:1.3;justify-content:center}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-compare-caption{flex:1;padding-block:4px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-compare-control:not(.is-comparing)>button{width:100%}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc7 .issues-actions{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px;width:100%;align-items:stretch}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc7 #mmBtn{grid-column:1;grid-row:1;width:100%;height:auto;min-height:31px;white-space:nowrap;line-height:1.3;padding:5px 7px;justify-self:stretch;align-self:stretch}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc7 .issues-primary-actions{grid-column:2;grid-row:1;margin:0;justify-self:stretch;align-self:stretch;display:flex}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc7 .issues-primary-actions>.rbtn{width:100%;height:auto;min-height:31px;white-space:normal}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc8 .brief-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc8 .brief-footer>.brief-action{width:100%;height:auto;min-height:31px;white-space:normal;line-height:1.3;padding:6px 7px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc8 .brief-footer>[data-brief-action="dismiss_suggestion"]{grid-column:1/-1;justify-self:center;width:auto;margin-inline:0;align-self:center}
 /* Compact the longer version labels without wrapping either action. */
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 :is(.schedule-toolbar-control,.schedule-compare-control){font-size:clamp(8px,2.5vw,11px);gap:4px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-toolbar-control{padding-inline:5px;gap:4px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 .schedule-compare-control :is(button,.schedule-compare-caption){gap:4px;padding-inline:5px}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc1 :is(.schedule-toolbar-control,.schedule-compare-control) svg{width:12px;height:12px}
 /* Match the three task-header icon centres, including the close button. */
 .scroll-showreel .scr #idrw.is-task-popover .idr-ic{align-items:center;flex:none}
 .scroll-showreel .scr #idrw.is-task-popover .idr-ic>i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;line-height:1}
 /* Keep both translated orbit instructions on a single mobile line. */
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc4>.hint{left:10px;right:10px!important;max-width:none;gap:3px;justify-content:center;white-space:nowrap;font-size:clamp(6.5px,2vw,10px);line-height:1.4}
 html:not(.product-showcase-embed) .scroll-showreel .showreel-screen:has(>#sc3){height:auto;min-height:0}
 html:not(.product-showcase-embed) .scroll-showreel .showreel-screen>#sc3{height:auto;min-height:0;justify-content:flex-start}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc3 .chatw2{height:auto;max-height:none;flex:none;width:100%;margin:0}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc3 .chbody{flex:1 0 auto;height:auto;max-height:none;overflow:visible!important}
 /* Unrevealed answers reserve their final space from the first frame. */
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc3 .chbody>.rv:not(.dotsx):not(.on){display:block;visibility:hidden}
 /* Keep typing in conversation order immediately after the latest message. */
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc3 .chbody>.dotsx{position:static;margin:0 0 8px;align-self:flex-start}
 html:not(.product-showcase-embed) .scroll-showreel .scr #sc3 :is(.chh,.inb2){flex:none}
}