/* Mobile has one scroll clearance, rather than two nested bottom gutters. */
@media(max-width:760px){
 :root{--mobile-dock-bottom:calc(16px + env(safe-area-inset-bottom));--mobile-dock-clearance:calc(var(--mobile-dock-bottom) + 82px)}
 :root.standalone-app{--mobile-dock-bottom:clamp(10px,calc(env(safe-area-inset-bottom) - 10px),24px)}
 html,body{height:100%;min-height:100%;background:#e3e3e3;overflow:hidden;overscroll-behavior:none}
 body{background-image:none;background-attachment:scroll}
 body:before{display:none}
 body:after{content:'';position:fixed;inset:0 0 auto;height:env(safe-area-inset-top);background:#e3e3e3;pointer-events:none;z-index:130}
 .app{height:100dvh;min-height:0;background:#e3e3e3}
 .app>main{height:100%;min-height:0;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:0;overflow:hidden;background:#e3e3e3}
 .global-toolbar{flex-shrink:0;background:#e3e3e3;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none}
 #content{min-height:0;flex:1;overflow:hidden;background:#e3e3e3}
 .record-workspace{height:100%;min-height:0;overflow:hidden}
 .list-workspace{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--mobile-dock-clearance);scroll-padding-bottom:var(--mobile-dock-clearance);overscroll-behavior:contain}
 .record-items{overflow:visible;flex:0 0 auto}
 .case-pane{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--mobile-dock-clearance);scroll-padding-bottom:var(--mobile-dock-clearance)}
 .case-body{padding-bottom:0}
 #content.utility-content,#content.analytics-content{overflow-x:hidden;overflow-y:auto;padding-bottom:var(--mobile-dock-clearance);scroll-padding-bottom:var(--mobile-dock-clearance)}
 .mobile-nav{bottom:var(--mobile-dock-bottom);filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .sidebar{bottom:calc(var(--mobile-dock-bottom) + 70px);max-height:calc(100dvh - var(--mobile-dock-bottom) - 88px - env(safe-area-inset-top))}
 #toast{bottom:calc(var(--mobile-dock-bottom) + 74px)}
 .case-tabs{background:#e3e3e3;border-color:#d1d1d1;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .case-section,.case-section+.case-section{padding:18px 15px;background:var(--surface,#f3f3f3);border-color:#d8d8d8}
 .section-heading{align-items:center;gap:12px;margin-bottom:18px}
 .section-heading h2{min-width:0;font-size:16px;line-height:1.4}
 .section-heading .plain-button{flex-shrink:0;min-height:36px;padding:8px 11px;font-size:11px;line-height:1.4}
 .prep-row{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:9px 11px;padding:18px 0;border-color:#dedede}
 .prep-row:last-child{border-bottom:0;padding-bottom:0}
 .prep-row>.line-symbol{grid-column:1;grid-row:1;align-self:start;width:32px;height:32px;flex-basis:32px;margin:0}
 .prep-row>div{grid-column:2;grid-row:1;min-width:0}
 .prep-row strong{display:block;font-size:14px;line-height:1.5;margin:0}
 .prep-row p{display:block;margin:7px 0 0;font-size:12px;line-height:1.6}
 .prep-row p.needs-schedule{display:flex;width:fit-content;max-width:100%;margin-top:8px;padding:6px 8px;font-size:11px;line-height:1.5}
 .prep-row .status-badge{grid-column:2;grid-row:2;justify-self:start;align-self:start;max-width:100%;margin:0;padding:5px 8px;font-size:10px}
 .prep-row .plain-button{grid-column:1/-1;grid-row:3;width:100%;justify-self:stretch;margin:4px 0 0;min-height:43px;padding:10px 12px;font-size:12px}
 .summary-metrics{gap:9px;margin-bottom:18px}
 .summary-metrics>div{min-width:0}
 .summary-metrics small{font-size:11px;line-height:1.5}
 .summary-metrics>div:last-child{justify-content:space-between;gap:10px}
 .summary-metrics .metric-text{font-size:13px;line-height:1.5;text-align:right}
}
@media(display-mode:standalone) and (max-width:760px){
 :root{--mobile-dock-bottom:clamp(10px,calc(env(safe-area-inset-bottom) - 10px),24px)}
}

/* A warning belongs below the task name at every width. */
.prep-row>div strong{display:block}
.prep-row p.needs-schedule{display:flex;margin-top:8px;max-width:100%;white-space:normal}