/* Tablet layout uses the same mobile components and real detail dialogs. */
.fr-tablet-doc-folders{display:none}.fr-tablet-doc-grid{display:contents}
html.fr-tablet .module-nav button[hidden]{display:none!important}
html.fr-tablet body{background:#090b0d}
html.fr-tablet .workspace{max-width:none;width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:112px}
html.fr-tablet header{margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right));max-width:none}
html.fr-tablet .module-nav{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));height:76px;gap:8px;overflow-x:auto}
html.fr-tablet .module-nav button{flex:1 0 120px;min-width:120px;max-width:none;min-height:64px;flex-direction:column;gap:4px}
html.fr-tablet .module-nav .nav-label{font-size:15px;letter-spacing:0}
html.fr-tablet .module-nav .nav-icon{width:28px;height:28px}
html.fr-tablet #mobile-status{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}
html.fr-tablet #booking-view .fr-booking-layout{display:grid;grid-template-columns:minmax(280px,32%) minmax(0,1fr);gap:16px;align-items:start}
html.fr-tablet #booking-view .fr-booking-sidebar{display:block;position:sticky;top:88px;min-width:0}
html.fr-tablet #booking-calendar{max-width:none;margin:0}
html.fr-tablet .fr-booking-sidebar>section{display:none}
html.fr-tablet .fr-booking-results{min-width:0;padding:12px;border-radius:12px}
html.fr-tablet .fr-reservation-row{border:1px solid #40505b;border-left:4px solid var(--tour-color);border-radius:12px;background:#232d33;padding:8px 12px;margin-bottom:8px;min-height:72px;gap:4px 10px;grid-template-columns:60px minmax(0,1fr) auto 24px}
html.fr-tablet .fr-reservation-main strong{font-size:18px}
html.fr-tablet .fr-reservation-main small{font-size:14px;line-height:1.3;margin-top:1px}
html.fr-tablet .fr-passengers{font-size:15px}
html.fr-tablet #booking-details{width:min(700px,calc(100vw - 48px));padding:20px;max-height:calc(100dvh - 40px)}
html.fr-tablet #booking-details .detail-grid{grid-template-columns:170px minmax(0,1fr);gap:7px 18px;margin:12px 0}
html.fr-tablet #booking-details .detail-grid dt,html.fr-tablet #booking-details .detail-grid dd{font-size:16px;line-height:1.35}
html.fr-tablet #booking-details>.section-head{top:-20px}
html.fr-tablet .fr-tablet-doc-grid{display:grid;grid-template-columns:minmax(280px,32%) minmax(0,1fr);gap:16px;align-items:start}
html.fr-tablet .fr-tablet-doc-folders{display:block;position:sticky;top:88px;background:#202426;padding:16px;border-radius:12px;min-width:0}
html.fr-tablet .fr-tablet-doc-folders h2{font-size:18px;margin:0 0 12px}
html.fr-tablet .fr-tablet-folder{width:100%;display:block;min-height:48px;text-align:left;background:transparent;color:inherit;border-bottom:1px solid #3b454b;border-radius:0;padding:10px 8px}
html.fr-tablet .fr-tablet-folder[aria-current=page]{background:#184c73;border-radius:8px}
html.fr-tablet #document-items{min-width:0;background:#202426;padding:12px;border-radius:12px}
html.fr-tablet .fr-doc-row{min-height:72px;padding:8px 12px}
html.fr-tablet #tasks-view:not([hidden]){display:grid;grid-template-columns:minmax(280px,32%) minmax(0,1fr);gap:16px;align-items:start}
html.fr-tablet .fr-tasks.fr-task-selected .fr-task-sidebar{display:block}
html.fr-tablet .fr-tasks:not(.fr-task-selected) .fr-task-list-panel{display:block}
html.fr-tablet .fr-task-sidebar{position:sticky;top:88px}
html.fr-tablet .fr-task-back{display:none}
html.fr-tablet .fr-task-entry{min-height:80px;padding:8px 0}
html.fr-tablet .fr-task-group{min-height:48px;padding:8px 6px}
html.fr-tablet .fr-task-list-panel{min-width:0}
html.fr-tablet #task-detail{width:min(700px,calc(100vw - 48px))}
html.fr-tablet #message{top:calc(80px + env(safe-area-inset-top));bottom:auto}

html.fr-tablet body:has(#workspace:not([hidden]))::after{height:calc(112px + env(safe-area-inset-bottom))}

html.fr-tablet #task-filter-details>summary{display:none}

html.fr-tablet .fr-tablet-doc-folders{max-height:calc(100dvh - 216px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* Keep navigation outside the independently scrolling tablet columns. */
html.fr-tablet.fr-tablet-panes,html.fr-tablet.fr-tablet-panes body{height:100%;overflow:hidden}
html.fr-tablet.fr-tablet-panes body:has(#workspace:not([hidden]))::after{display:none}
html.fr-tablet.fr-tablet-panes .workspace{position:fixed;top:var(--fr-tablet-content-top,84px);bottom:var(--fr-tablet-content-bottom,112px);left:0;right:0;width:auto;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
html.fr-tablet.fr-tablet-panes .workspace>.heading{flex-shrink:0}
html.fr-tablet.fr-tablet-panes .workspace>#connection{flex-shrink:0}
html.fr-tablet.fr-tablet-panes :is(#tasks-view,#booking-view,#documents-view):not([hidden]){flex:1;min-height:0;overflow:hidden;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
html.fr-tablet.fr-tablet-panes #documents-view:not([hidden]){display:flex;flex-direction:column}
html.fr-tablet.fr-tablet-panes #document-folders{flex-shrink:0}
html.fr-tablet.fr-tablet-panes #document-list-panel{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
html.fr-tablet.fr-tablet-panes .fr-tablet-doc-grid{flex:1;min-height:0;align-items:stretch}
html.fr-tablet.fr-tablet-panes #document-count{flex-shrink:0}
html.fr-tablet.fr-tablet-panes :is(.fr-tablet-doc-folders,#document-items,.fr-task-sidebar,.fr-task-list-panel,.fr-task-management-panel,.fr-booking-sidebar,.fr-booking-results){box-sizing:border-box;position:relative;top:auto;height:100%;min-height:0;max-height:none;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-gutter:stable;background:#141c21;border:1px solid #344650;border-radius:12px;padding:12px}
html.fr-tablet.fr-tablet-panes #tasks-view:not([hidden]),html.fr-tablet.fr-tablet-panes #booking-view .fr-booking-layout{height:100%;align-items:stretch}
html.fr-tablet.fr-tablet-panes .fr-task-sidebar .panel{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 12px}
html.fr-tablet.fr-tablet-panes :is(.fr-task-list-panel,.fr-task-management-panel,.fr-booking-results)>.section-head,html.fr-tablet.fr-tablet-panes .fr-tablet-doc-folders>h2{position:sticky;top:-12px;z-index:1;background:#141c21;margin:-12px -12px 12px;padding:12px;border-bottom:1px solid #344650;min-height:48px;box-sizing:border-box}
html.fr-tablet.fr-tablet-panes .fr-tablet-doc-folders>h2{display:flex;align-items:center;font-size:18px}
html.fr-tablet.fr-tablet-panes #document-list-panel>.pager{flex-shrink:0}

.fr-tablet-doc-files{display:contents}
html.fr-tablet.fr-tablet-panes .fr-tablet-doc-files{display:block;box-sizing:border-box;height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-gutter:stable;background:#141c21;border:1px solid #344650;border-radius:12px;padding:12px}
html.fr-tablet.fr-tablet-panes .fr-tablet-doc-files #document-items{height:auto;overflow:visible;background:transparent;border:0;border-radius:0;padding:0;scrollbar-gutter:auto}
html.fr-tablet.fr-tablet-panes .fr-tablet-doc-files #document-count{position:sticky;top:-12px;z-index:1;background:#141c21;margin:-12px -12px 12px;padding:12px;border-bottom:1px solid #344650;min-height:48px;display:flex;align-items:center;box-sizing:border-box}