/* One shared page subheader for the mobile views, including merged folder navigation. */
:root{--fr-subheader-height:56px;--fr-subheader-space:12px;--fr-subheader-title-size:20px}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse), (orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){
 body:has(#home-view:not([hidden])) .workspace{padding-top:6px}
 body .workspace>.heading,
 body #home-view .home-greeting-bar{
  box-sizing:border-box;height:var(--fr-subheader-height);min-height:var(--fr-subheader-height);max-height:var(--fr-subheader-height);
  margin:0 0 var(--fr-subheader-space);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;
  align-items:center;gap:8px;
 }
 body .workspace>.heading>div:first-child,body #home-view .home-greeting-bar>div{min-width:0;flex:1}
 body .workspace>.heading h1,body #home-greeting{font-size:var(--fr-subheader-title-size);line-height:24px;letter-spacing:0;margin:0;font-weight:650}
 body .workspace>.heading h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 body .workspace>.heading .heading-actions{height:44px;align-items:center;gap:0;flex-shrink:0}
 body .workspace>.heading .heading-actions>button,body #home-refresh{box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;flex-shrink:0;background:transparent;border:0;border-radius:0;box-shadow:none}
 body #home-date{margin:2px 0 0;line-height:18px}
}
/* These views use a folder toolbar in place of the regular page heading. */
body.fr-document-mobile.fr-document-merged #documents-view #document-folders{
 box-sizing:border-box;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;
 margin:0 0 var(--fr-subheader-space);height:var(--fr-subheader-height);min-height:var(--fr-subheader-height);
}
body.fr-document-mobile.fr-document-merged #document-folders .fr-doc-combined{
 box-sizing:border-box;height:var(--fr-subheader-height);min-height:var(--fr-subheader-height);margin:0;padding:0;gap:8px;align-items:center;background:transparent;
}
body.fr-document-mobile.fr-document-merged .fr-doc-combined .fr-doc-heading{
 font-size:var(--fr-subheader-title-size);line-height:24px;font-weight:650;letter-spacing:0;margin:0;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;
}
body.fr-document-mobile.fr-document-merged .fr-doc-combined>button{
 box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;flex-shrink:0;
 background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;
}

/* Secondary tour legends share compact type and spacing; wrap safely on very narrow screens. */
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse), (orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){
 body #home-view .home-tour-legend,body #booking-calendar .fr-calendar-legend{font-size:11px;line-height:16px;gap:6px 8px;flex-wrap:wrap}
 body #home-view .home-tour-legend>span,body #booking-calendar .fr-calendar-legend>span{white-space:nowrap}
 body #home-view .home-tour-legend>span::before,body #booking-calendar .fr-calendar-legend>span::before{width:6px;height:6px;margin-right:4px}
}

/* Shared, recognizable action buttons. Page headings themselves stay transparent. */
@media(max-width:700px),(orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse),(orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){
 :root{--fr-subheader-button-radius:6px}
 html.fr-tablet{--fr-subheader-button-radius:12px}
 body .workspace>.heading .heading-actions{gap:6px}
 body.fr-booking-mobile .workspace>.heading .heading-actions>#refresh,
 body .workspace>.heading .heading-actions>button,
 body #home-refresh,
 body .fr-task-back,
 body.fr-document-mobile.fr-document-merged .fr-doc-combined>button{
  box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;
  display:grid;place-items:center;padding:10px;background:#202d36;color:#eef5f8;
  border:1px solid #49606f;border-radius:var(--fr-subheader-button-radius);box-shadow:none;
  transition:background-color .12s,border-color .12s,transform .12s;
 }
 body.fr-booking-mobile .workspace>.heading .heading-actions>#refresh:active,
 body .workspace>.heading .heading-actions>button:active,
 body #home-refresh:active,
 body .fr-task-back:active,
 body.fr-document-mobile.fr-document-merged .fr-doc-combined>button:active{
  background:#2c4a5d;border-color:#79b5de;transform:translateY(1px);
 }
 body.fr-booking-mobile .workspace>.heading .heading-actions>#refresh:focus-visible,
 body .workspace>.heading .heading-actions>button:focus-visible,
 body #home-refresh:focus-visible,
 body .fr-task-back:focus-visible,
 body.fr-document-mobile.fr-document-merged .fr-doc-combined>button:focus-visible{
  outline:2px solid #90bed4;outline-offset:2px;
 }
 body.fr-booking-mobile .workspace>.heading .heading-actions>#refresh:disabled,
 body .workspace>.heading .heading-actions>button:disabled,
 body #home-refresh:disabled,
 body.fr-document-mobile.fr-document-merged .fr-doc-combined>button:disabled{opacity:.45;transform:none}
}
@media(prefers-reduced-motion:reduce){
 body.fr-booking-mobile .workspace>.heading .heading-actions>#refresh,
 body .workspace>.heading .heading-actions>button,body #home-refresh,
 body.fr-document-mobile.fr-document-merged .fr-doc-combined>button{transition:none}
}

/* Keep the task back action consistent with the other secondary controls. */
.fr-task-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.fr-tablet .fr-task-back{display:none}

/* Fixed reading/navigation strip, with the same page surface beneath the main header. */
@media(max-width:700px),(orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse),(orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){
 body .workspace>.heading,body #home-view .home-greeting-bar,body.fr-document-mobile.fr-document-merged #documents-view #document-folders{position:sticky;top:var(--fr-subheader-top,72px);z-index:2;background:#090b0d}
 body.fr-subview-back .workspace>.heading>.fr-task-back{display:grid;margin:0;flex-shrink:0}
 body.fr-subview-back .workspace>.heading>#request-back{margin:0}
 body.fr-subview-back #new-request>.section-head{display:none}
 html.fr-tablet.fr-tablet-panes .workspace>.heading,html.fr-tablet.fr-tablet-panes body.fr-document-mobile.fr-document-merged #documents-view #document-folders{top:0}
}

@media(max-width:700px){body.fr-subview-back .workspace>.heading>div:not(.heading-actions){min-width:0;flex:1}body.fr-subview-back .workspace>.heading h1{text-align:left}}