.profile-header-title{display:none}
.create-header-back,.worker-map-mobile{display:none}
.profile-view .roles button{white-space:nowrap}
.profile-view .profile-signout{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:4px 0 24px;padding:12px 16px;border:1px solid var(--danger);border-radius:var(--ui-corner);background:transparent;color:var(--danger);font-size:15px;font-weight:600}
.profile-signout-form .profile-confirm-signout{background:var(--danger);color:#fff;border-color:var(--danger)}
.large-text .profile-signout,.large-text .profile-signout-form .profile-confirm-signout{font-size:18px}
@media(max-width:650px){
  .compact-title-view #app>.header{padding:10px 16px 6px;gap:10px;align-items:center}
  .compact-title-view .header .logo,.profile-view #main>.heading{display:none}
  .compact-title-view .profile-header-title{display:block;flex:none;margin:0;font-size:20px;font-weight:700;line-height:24px;letter-spacing:-.4px;white-space:nowrap;color:var(--ink)}
  .compact-title-view .header .location{min-width:0;font-size:12px;gap:4px;margin-left:auto;white-space:nowrap}
  .compact-title-view .header .location span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .compact-title-view .header .location svg{width:16px;height:16px;flex:none}
  .compact-title-view .header .header-right{margin-left:0;flex:none}
  .compact-title-view .header .header-right .iconbtn{width:44px;height:44px;flex:none}
  .compact-title-view #app>.role-wrap:has(>.roles .active[data-role]){padding:0 16px 8px}
  .compact-title-view #app>.main{padding:8px 16px 30px}
  .orders-title-view #main>.heading .eyebrow,.orders-title-view #main>.heading h1{display:none}
  .large-text.compact-title-view .profile-header-title{font-size:22px;line-height:28px}
  /* Retain the worker shell geometry when switching between its two lists. */
  :is(.worker-home,.worker-orders).compact-title-view .header .header-right .iconbtn{width:42px;height:42px}
  :is(.worker-home,.worker-orders).compact-title-view #app>.role-wrap:has(>.roles .active[data-role]){padding-bottom:10px}
  .worker-home .worker-heading>h1{display:none}
  .worker-home .worker-heading{grid-template-areas:"intro" "entry";gap:10px;margin-bottom:14px}
  .worker-home.compact-title-view .filterbar{margin-inline:-16px;padding-inline:16px}
  .worker-home #main{display:flex;flex-direction:column}
  .worker-home .worker-heading{display:block;margin-bottom:12px}
  .worker-home .worker-heading .worker-tagline,.worker-home .worker-map-desktop{display:none}
  .worker-home .worker-intro .lead{margin:0}
  .worker-home #main>.search{margin:0}
  .worker-home #main>.filterbar{margin-top:12px;margin-bottom:12px}
  .worker-home .worker-map-mobile{display:block;margin:0 0 18px}
  .worker-home .worker-map-mobile .map-entry{width:100%;min-height:44px;margin:0;padding:10px 14px;font-size:14px}
  .worker-home.large-text .worker-map-mobile .map-entry{font-size:17px;min-height:48px}
  .worker-home #main>.invitation-inbox{margin-bottom:18px}
  .messages-view.compact-title-view #main>.heading{display:none}
  .messages-view.compact-title-view #app>.role-wrap:has(>.roles .active[data-role]){padding:0;border:0}
  .profile-view .profile-grid{row-gap:14px}
  .profile-view .profile-grid>.panel{margin-block:0}
  .orders-title-view #main>.heading{margin-bottom:12px}
  .orders-title-view #main>.heading .lead{margin-top:0}
  .orders-title-view #main>.filterbar{margin-top:0;margin-bottom:18px;margin-inline:-16px;padding-inline:16px}
  .customer-orders{--orders-inline-start:max(12px,env(safe-area-inset-left,0px));--orders-inline-end:max(12px,env(safe-area-inset-right,0px))}
  .customer-orders.compact-title-view #app>:is(.header,.main,.role-wrap:has(>.roles .active[data-role])){padding-inline:var(--orders-inline-start) var(--orders-inline-end)}
  .customer-orders.compact-title-view #app>.role-wrap:has(>.roles .active[data-role]){padding-bottom:4px}
  .customer-orders.compact-title-view #app>.main{padding-top:4px}
  .customer-orders #main>.heading,.customer-orders #main>.heading .row{margin-bottom:8px}
  .customer-orders #main>.filterbar{margin-bottom:12px;margin-inline:calc(0px - var(--orders-inline-start)) calc(0px - var(--orders-inline-end));padding-inline:var(--orders-inline-start) var(--orders-inline-end)}
  .customer-orders #app>.demo-foot{margin-inline:var(--orders-inline-start) var(--orders-inline-end)}
  .customer-orders :is(.orders-create-cta,.order-list .empty>.primary){position:relative;isolation:isolate}
  .customer-orders :is(.orders-create-cta,.order-list .empty>.primary)::after{content:"";position:absolute;inset:-3px;border:1px solid var(--accent);border-radius:inherit;pointer-events:none;opacity:0}
  .customer-home.compact-title-view #app>.header{min-height:60px;justify-content:flex-start;gap:8px}
  .customer-home .create-header-back{display:inline-flex;flex:0 0 44px;width:44px;height:44px;min-height:44px;border:0;border-radius:var(--ui-corner);background:transparent}
  .customer-home.compact-title-view #app>.header .header-right{margin-left:auto}
  .customer-home.compact-title-view #app>.role-wrap:has(>.roles .active[data-role]){padding:0;border:0}
  .customer-home.compact-title-view #app>.main{padding:8px 16px var(--create-bottom-clearance)}
  .customer-home .create-heading{display:none}
}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
  .customer-orders :is(.orders-create-cta,.order-list .empty>.primary)::after{animation:orders-create-hint 3.8s ease-in-out 3}
}
@keyframes orders-create-hint{0%,100%{opacity:0;transform:scale(1)}45%{opacity:.28;transform:scale(1.025)}}