/* ADATASK_TABLET_LANDSCAPE_V3694
   Touch tablets may report 1200-1366 CSS px in landscape. The desktop shell
   must still collapse to a drawer and the dashboard must use usable width. */
html.adatask-narrow .sidebar.adatask-sidebar-premium-v1,
html.adatask-narrow.adatask-mini-sidebar-v3-r2 .sidebar.adatask-sidebar-premium-v1{
 position:fixed!important;top:0!important;bottom:auto!important;right:0!important;left:auto!important;
 inset-inline-end:0!important;inset-inline-start:auto!important;
 width:min(330px,92vw)!important;min-width:min(330px,92vw)!important;max-width:min(330px,92vw)!important;
 height:100dvh!important;max-height:100dvh!important;
 transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important;
 z-index:5300!important;overflow-y:auto!important;overflow-x:hidden!important;
}
html.adatask-narrow .sidebar.adatask-sidebar-premium-v1.open,
html.adatask-narrow.adatask-mini-sidebar-v3-r2 .sidebar.adatask-sidebar-premium-v1.open{
 transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;
}
html.adatask-narrow .sidebar.adatask-sidebar-premium-v1~.main-wrap,
html.adatask-narrow.adatask-mini-sidebar-v3-r2 .sidebar.adatask-sidebar-premium-v1~.main-wrap{
 margin-right:0!important;margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;
}
html.adatask-narrow .mob-overlay{display:block!important;z-index:5200!important}
html.adatask-narrow .mob-header.adatask-mobile-header-stable-v3258b{
 display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:44px!important;
 gap:8px!important;width:100%!important;max-width:100vw!important;min-height:58px!important;height:auto!important;
 padding:7px 10px!important;box-sizing:border-box!important;direction:rtl!important;position:sticky!important;top:0!important;z-index:5100!important;
}
html.adatask-narrow .mob-header.adatask-mobile-header-stable-v3258b>button:first-child{
 grid-column:1!important;grid-row:1!important;width:42px!important;min-width:42px!important;height:42px!important;
}
html.adatask-narrow .mob-header.adatask-mobile-header-stable-v3258b>.mob-org-brand{display:none!important}
html.adatask-narrow .mob-header.adatask-mobile-header-stable-v3258b>.mob-header-actions-v3258b{
 grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:6px!important;width:100%!important;min-width:0!important;
}
html.adatask-narrow .adatask-page-content{
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 padding-inline:clamp(12px,2vw,22px)!important;overflow-x:hidden!important;
}

@media(min-width:760px){
 html.adatask-narrow .overview-dashboard.overview-dashboard{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;
  gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
 }
 html.adatask-narrow .overview-dashboard.overview-dashboard>*{
  grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 html.adatask-narrow .overview-dashboard .ov-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 html.adatask-narrow .overview-dashboard .ov-calendar-shell{
  grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-layout{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-board{
  order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-side{
  order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;
 }
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-datecard,
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-list{
  grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-stats{
  grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-board,
 html.adatask-narrow .overview-dashboard .awc-calendar,
 html.adatask-narrow .overview-dashboard .dcal9{overflow:hidden!important}
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-grid,
 html.adatask-narrow .overview-dashboard .awc-grid,
 html.adatask-narrow .overview-dashboard .dcal9-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}

@media(min-width:760px) and (max-width:900px){
 html.adatask-narrow .overview-dashboard .ov-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html.adatask-narrow .overview-dashboard .adatask-calendar-v2-shell.dashboard .adatask-calendar-v2-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}