:where(.bde-section):has(.twodos-app) .section-container > .bde-shortcode{
  flex:1 1 auto;
  min-height:0;
}
/* High-level containers and layout structure */
.section-container{ display:flex; height:100vh; min-height:0; align-items:stretch; overflow:hidden; }
.app, .bde-row { height: 100vh; min-height: 0; }
/* Use dynamic viewport height where supported to match sidebar bottom exactly (mobile/toolbars safe) */
@supports (height: 100dvh){
  .section-container{ height:100dvh; }
  .app, .bde-row{ height:100dvh; }
}
.bde-row{display:flex; min-height:0;}

/* Ensure builder shortcode wrapper stretches so the app can fill the full section height */
.section-container > .bde-shortcode{ display:flex; flex:1 1 auto; min-height:0; }
.section-container > .bde-shortcode > .twodos-app{ display:flex; flex:1 1 auto; min-height:0; height:100%; }

/* Builder-agnostic app layout (shortcode [twodos_app]) */
.twodos-app{
  display:flex;
  flex-direction:row;
  flex:1 1 auto;
  min-height:calc(var(--vh, 1vh) * 100);
  height:calc(var(--vh, 1vh) * 100);
  align-items:stretch;
  overflow-x:hidden;
  overflow-y:hidden;
  /* Scoped layout contracts */
  position:relative;
  isolation:isolate;
  --two-dos-gutter: var(--two-dos-gap, 16px);
  --two-dos-shadow-bleed: 0px;
  --two-dos-shadow-safe: 0px;
  --two-dos-edge-inset: var(--two-dos-gutter);
  --two-dos-layer-main: 1000;
  --two-dos-layer-sidebar: 2000;
}
@supports (height: 100dvh){ .twodos-app{ min-height:100dvh; height:100dvh; } }
.twodos-app__boot-overlay{
  position:absolute;
  inset:0;
  z-index:calc(var(--two-dos-layer-sidebar, 2000) + 40);
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(249,250,251,.84);
  background:color-mix(in srgb, var(--surface-soft, #f9fafb) 86%, transparent);
  backdrop-filter:saturate(140%) blur(2px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease, visibility .2s ease;
}
.twodos-app--boot-loading > .twodos-app__sidebar,
.twodos-app--boot-loading > .twodos-app__main{
  visibility:hidden;
}
.twodos-app--boot-loading > .twodos-app__boot-overlay{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.twodos-app__boot-loader{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border:1px solid var(--muted);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-2);
}
.twodos-app__boot-spinner{
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid rgba(17,24,39,.16);
  border-top-color:var(--accent);
  animation:twodos-app-boot-spin 0.75s linear infinite;
}
.twodos-app__boot-text{
  color:var(--text-500);
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  line-height:1;
}
@keyframes twodos-app-boot-spin{
  to{ transform:rotate(360deg); }
}
.twodos-app__main{ flex:1 1 auto; display:flex; flex-direction:column; height:100%; min-height:0; padding: 0; box-sizing:border-box; overflow-x:visible; overflow-y:hidden; position:relative; }
/* Always-visible baseline aligned to profile/sidebar bottom */
#home .tasksboard::after{
  content:""; position:absolute; left: var(--two-dos-edge-inset, var(--two-dos-gap, 16px)); right: var(--two-dos-edge-inset, var(--two-dos-gap, 16px)); bottom: 0;
  height:2px; background: var(--muted); border-radius:2px; opacity:.6; pointer-events:none;
}
.twodos-app__sidebar{ --sidebar-w:280px; min-width:var(--sidebar-w); width:var(--sidebar-w); max-width:var(--sidebar-w); display:flex; flex-direction:column; align-items:stretch; height:100%; min-height:0; gap:var(--two-dos-gap); padding: var(--two-dos-gap); box-sizing:border-box; }
.twodos-app__sidebar .folders{ height:100%; min-height:0; overflow:auto; }
/* (duplicate .twodos-app__main block removed) */
.twodos-app__main > .tabs{ flex: 0 0 auto; }
.twodos-app__main > .tasksboard{ flex: 1 1 auto; min-height:0; overflow-x:visible; margin-bottom: 0; }
/* Ensure the inner view (#home/#analytics) allocates rows so the board fills leftover space */
.twodos-app__main > [data-two-dos-view]{ display:flex; flex-direction:column; min-height:0; height:100%; flex:1 1 auto; }
.twodos-app__main > [data-two-dos-view] > .tabs{ flex:0 0 auto; }
.twodos-app__main > [data-two-dos-view] > .tags{ flex:0 0 auto; }
.twodos-app__main > [data-two-dos-view] > .tasksboard{ flex:1 1 auto; min-height:0; overflow-x:visible; }

/* ================= Requested full-height and board ownership rules (additive) ================= */
html, body { height: 100%; }
body { margin: 0; }

/* Gutenberg post-content wrappers can inject large inline global padding (often ~50px).
   Remove only the horizontal wrapper padding when the Two-Dos app is rendered directly. */
:where(.entry-content.wp-block-post-content.has-global-padding):has(> .twodos-app),
:where(.wp-block-post-content.has-global-padding):has(> .twodos-app){
  padding-left:0 !important;
  padding-right:0 !important;
}


:where(.bde-section):has(.twodos-app),
:where(.bde-section):has(.twodos-app) .section-container,
:where(.bde-section):has(.twodos-app) .section-container > .bde-shortcode{
  display:flex;
  flex:1 1 auto;
  width:100%;
  min-height:100vh !important;
  min-height:100dvh !important;
  min-height:calc(var(--vh, 1vh) * 100) !important;
  height:100vh !important;
  align-items:stretch;
  flex-direction:column;
}

/* Normalize builder wrappers to a uniform page-edge inset all around. */
:where(.bde-section):has(.twodos-app){
  --two-dos-frame-inset: var(--two-dos-gap, 16px);
  margin:0 !important;
  padding:0 !important;
}
:where(.bde-section):has(.twodos-app) .section-container{
  margin:0 !important;
  padding:var(--two-dos-frame-inset) !important;
  box-sizing:border-box !important;
}
:where(.bde-section):has(.twodos-app) .section-container > .bde-shortcode{
  margin:0 !important;
  padding:0 !important;
}

.twodos-app { flex: 1 1 auto; min-height: 0; }

.twodos-app .twodos-app__sidebar.sidebar { display: flex; flex-direction: column; min-height: 100%; }
.twodos-app .twodos-app__sidebar .sidebar__overlays { position: relative; }
.twodos-app .twodos-app__sidebar .profile { margin-top: auto; }
/* Keep app-level containers bounded to viewport width; horizontal scrolling belongs to .tasksboard only. */
.twodos-app,
.twodos-app .twodos-app__main.board,
.twodos-app #home[data-two-dos-view],
.twodos-app #home .tasksboard{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.twodos-app .twodos-app__main.board{
  display:flex;
  flex-direction:column;
  min-height:0;
  height:100%;
  /* Allow hover scale/offset UI (tabs, tag pills) to render without clipping.
     Scrolling is owned by board/list internals, not this container. */
  overflow:visible;
}

.twodos-app #home[data-two-dos-view]{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  height:100%;
  /* Prevent hover scale cut-off for the top rows (tabs/tags) */
  overflow:visible;
}

.twodos-app #home .tabs,
.twodos-app #home .tags { flex: 0 0 auto; }

.twodos-app #home .tasksboard {
 position: relative;
 flex: 1 1 auto;
min-height: 0;
overflow-x: auto;
overflow-y: hidden;
  padding-bottom: var(--two-dos-board-pad, 0px);
  /* Keep board rail baseline aligned with sidebar bottom inset/profile bar. */
  margin-bottom: var(--two-dos-gutter, var(--two-dos-gap, 16px));
}

.tasksboard__columns {
display: flex;
align-items: stretch;
flex: 1 1 auto;
height: 100%;
min-height: 0;
}

.tasksboard__colwrap {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
overflow: hidden;
}

.tasksboard__column {
display: flex;
flex-direction: column;
gap: 12px;
height: 100%;
min-height: 0;
overflow: hidden;
}

.tasksboard__column-header { flex: 0 0 auto; }

.tasksboard__tasks {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}

/* Optional: older Safari dynamic viewport fallback */
:where(.bde-section):has(.twodos-app),
:where(.bde-section):has(.twodos-app) .section-container,
:where(.bde-section):has(.twodos-app) .section-container > .bde-shortcode{
  min-height:calc(var(--vh, 1vh) * 100);
}

/* (analytics CSS hiding removed; analytics not rendered at all) */
/* Move spacing from outer main padding to the top rows and reserve edge bleed for shadows/rings. */
.twodos-app__main.board > [data-two-dos-view] > .tabs{ padding: calc(var(--two-dos-gutter) + 2px) var(--two-dos-edge-inset) 4px var(--two-dos-edge-inset); }
.twodos-app__main.board > [data-two-dos-view] > .tags{ padding: 4px var(--two-dos-edge-inset) 0 var(--two-dos-edge-inset); }
.twodos-app__main.board > [data-two-dos-view] > .tasksboard{ --tasksboard-top-gap: 20px; }
/* (Removed duplicate grid block; inner view uses flex to avoid reserved track space) */

.twodos-app .twodos-app__sidebar.sidebar{
  /* Collision hardening: themes often style `.sidebar` as fixed/absolute or override sizing. */
  position:relative !important;
  flex:0 0 var(--sidebar-w) !important;
  width:var(--sidebar-w) !important;
  min-width:var(--sidebar-w) !important;
  max-width:var(--sidebar-w) !important;
  padding:var(--two-dos-gutter) !important;
  /* Allow tile/menu shadows to render; scrolling is owned by `.folders`. */
  overflow:visible !important;
  /* Give bottom UI (profile) a little shadow room inside the app boundary. */
  padding-bottom:var(--two-dos-gutter) !important;
  z-index:var(--two-dos-layer-sidebar);
}
.twodos-app .twodos-app__main.board{
  /* Collision hardening: keep main in normal flow and prevent overflow pushing under sidebar. */
  position:relative !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  z-index:var(--two-dos-layer-main);
}

.sidebar{--sidebar-w:280px; min-width:var(--sidebar-w); width:var(--sidebar-w); max-width:var(--sidebar-w); display:flex !important; flex-direction:column; align-items:stretch; height:100%; min-height:0; gap:var(--two-dos-gap);} 
.sidebar > .bde-globalblock{flex:0 0 auto; min-height:0;}
.sidebar > .bde-globalblock-16-123{flex:1 1 auto; min-height:0;}
.sidebar > .bde-globalblock:has(.folders){order:1; flex:1 1 auto; min-height:0;}
.sidebar > .bde-globalblock:has(.plugin-search-inner),
.sidebar > .bde-globalblock:has(.search){ order:0; }
.sidebar > .bde-globalblock:has(.profile):not(:has(.userMenu)){ order:2; margin-top:auto; }
.sidebar > .bde-globalblock:has(> .profile):has(> .details){ order:2; margin-top:auto; }
.sidebar .folders{height:100%; min-height:0; overflow:auto;}

/* Sidebar scroll owner:
   - Owns vertical scrolling.
   - Must not reduce the available inner width (folders should align with the search row).
   - Must not clip shadows horizontally (themes sometimes force clipping on `.sidebar`). */
.twodos-app .twodos-app__sidebar .folders{
  padding:0;
  margin-inline:0;
  box-sizing:border-box;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-padding:0;
}

.board > * { min-height: 0; }

/* Generic board container (legacy) */
.board{ display:flex; flex-direction:column; overflow:hidden; height:100%; min-height:0; flex:1 1 auto; }

.app, .bde-row, .board, .tasks, .tasksboard{min-height:0 !important;}

/* Board rail container used by builder layouts */
.tasks{
  flex: 1 1 auto; width:100%;
  min-height:0; height:100%;
  overflow:visible; /* legacy builder rail now passive; board owns scrolling */
  -webkit-overflow-scrolling: touch;
  align-items:stretch;
  gap:20px;
  display:flex;
}
.tasks > .bde-globalblock{ /* each column wrapper produced by builder */
  flex:0 0 var(--column-w);
  width:var(--column-w);
  max-width:320px; min-width:200px;
  display:flex; flex-direction:column; min-height:0; height:100%;
  overflow:hidden;
}
.tasks .group{flex:1 1 auto; width:100%; max-width:none; min-width:0;}
.tasks .group{ display:flex; flex-direction:column; min-height:0; height:100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-gutter:unset; touch-action: pan-y pan-x; }

/* Search control */
.search{width:100%}
.search form{width:100%}
.plugin-search-inner{
  display:flex; align-items:center; gap:8px; width:100%; padding:11px 14px;
  background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-1);
  transition:box-shadow .2s ease, background .2s ease;
}
.plugin-search-inner input{flex:1; border:0; outline:none; background:transparent; font-size:14px; color:var(--text-900)}
.plugin-search-inner input::placeholder{color:var(--text-500)}
.plugin-search-inner button{border:0; background:transparent; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:4px; border-radius:6px; transition:background .2s ease}
.plugin-search-inner button:hover{background:var(--chip-hover)}
.plugin-search-inner svg{width:18px; height:18px; opacity:.6; transition:opacity .2s ease}
.plugin-search-inner button:hover svg{opacity:1}
.search:focus-within .plugin-search-inner{box-shadow:0 0 0 2px var(--accent-ring)}

/* Sidebar search sizing hardening (themes may set inputs to content-box). */
.twodos-app .twodos-app__sidebar .search,
.twodos-app .twodos-app__sidebar .search form,
.twodos-app .twodos-app__sidebar .plugin-search-inner{
  max-width:100%;
  box-sizing:border-box;
}
.twodos-app .twodos-app__sidebar .plugin-search-inner{
  width:100%;
}
.twodos-app .twodos-app__sidebar .plugin-search-inner .twodos-search-input{
  min-width:0;
  box-sizing:border-box;
}

/* Sidebar profile and menus */
.profile{display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:8px 12px; box-sizing:border-box; overflow:hidden; background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-1); color:var(--text-700);} 
.profile .details{ display:flex; align-items:center; gap:8px; flex:1 1 auto; min-width:0; }
.profile__name{
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:500 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
  color:var(--text-700);
  letter-spacing:0;
}
.profile__chevron,.user-menu-chevron{flex:0 0 auto; margin-left:auto; width:16px; height:16px; transition:transform .22s cubic-bezier(.4,0,.2,1); opacity:.6; display:inline-flex; align-items:center; justify-content:center;}
.profile--active .profile__chevron,
.profile[aria-expanded="true"] .profile__chevron,
.profile[data-user-menu-open="true"] .profile__chevron,
.profile--active .user-menu-chevron,
.profile[aria-expanded="true"] .user-menu-chevron,
.profile[data-user-menu-open="true"] .user-menu-chevron{transform:rotate(180deg)}

.profile__avatar{display:block; width:40px; height:40px; border-radius:var(--radius-sm); overflow:hidden; flex:0 0 auto; box-shadow:0 2px 8px rgba(17,24,39,.12) inset}
.profile__avatar img,
.profile__avatar .twodos-avatar{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover;
}
/* Profile bar is static; disable legacy dropdown affordances if present in cached/custom markup. */
.profile .profile__chevron,
.profile .user-menu-chevron{display:none !important;}
.profile.userMenu{display:none !important;}

/* Add button tile visual baseline inside sidebar */
.new .addBtn{ background:var(--surface); border:1px solid var(--muted); border-radius:var(--radius); color:var(--text-700); box-shadow:var(--shadow-1); }
.new .addBtn:hover{ box-shadow:var(--shadow-2); }

/* Sidebar overlay layer and dimming */
.sidebar{position:relative;}
.sidebar__overlays{position:absolute; left:0; top:0; right:0; bottom:0; pointer-events:none; z-index:800;}
.sidebar__overlays > *{pointer-events:auto;}
.sidebar .is-dim{opacity:.35; transition:opacity .25s ease;}
.sidebar .profile, .sidebar .new, .sidebar .sidebar__overlays *{opacity:1 !important;}

/* Profile hover dropdown menu: hidden by default, shown when .userMenu--open */
.profile.userMenu{
  position:absolute; /* reparented into .sidebar__overlays by JS */
  left:0; top:0; width:100%;
  background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-2); color:var(--text-700);
  border:1px solid var(--muted);
  transform-origin:bottom center; transform:translateY(4px) scaleY(.85);
  opacity:0; pointer-events:none; visibility:hidden;
  transition:transform .25s cubic-bezier(.4,0,.2,1), opacity .18s ease, visibility 0s linear .18s;
  z-index:1200; /* above sidebar tiles */
}
.profile.userMenu.userMenu--open{
  transform:translateY(0) scaleY(1);
  opacity:1; pointer-events:auto; visibility:visible;
  transition:transform .25s cubic-bezier(.4,0,.2,1), opacity .18s ease;
}
/* Menu items styling */
.userMenu nav ul{list-style:none; margin:0; padding:0;}
.userMenu nav a{display:block; font-weight:500; color:var(--text-900); text-decoration:none; position:relative;}
.userMenu nav a:hover{color:var(--accent);} 

/* Responsive avatar scaling */
@media (max-width: 1000px){ .profile__avatar{width:36px; height:36px;} }
@media (max-width: 760px){ .profile__avatar{width:32px; height:32px;} }
@media (max-width: 1100px){ .profile{ gap:6px; } .profile .twodos-avatar{ display:block; transform:none; } }
@media (max-width: 900px){ .profile{ gap:6px; } .profile .twodos-avatar{ transform:none; } }
@media (max-width: 760px){ .profile{ gap:4px; } .profile .twodos-avatar{ transform:none; } }

/* Scrollbars and overflow policies */
.tasks, .tasksboard__columns, .tasksboard{scrollbar-color:rgba(0,0,0,.25) transparent; scrollbar-width:thin;}
.tasks::-webkit-scrollbar, .tasksboard__columns::-webkit-scrollbar, .tasksboard::-webkit-scrollbar{height:6px}
.tasks::-webkit-scrollbar-track, .tasksboard__columns::-webkit-scrollbar-track{background:transparent; margin:2px 0;}
.tasksboard::-webkit-scrollbar-track{background:transparent; margin:0;}
.tasks::-webkit-scrollbar-thumb, .tasksboard__columns::-webkit-scrollbar-thumb, .tasksboard::-webkit-scrollbar-thumb{background:rgba(0,0,0,.35); border-radius:999px;}
.tasks::-webkit-scrollbar-thumb:hover, .tasksboard__columns::-webkit-scrollbar-thumb:hover, .tasksboard::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.45);}
.tasks::-webkit-scrollbar-thumb:active, .tasksboard__columns::-webkit-scrollbar-thumb:active, .tasksboard::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.55);}

/* Root app scroller (now owns the horizontal rail) */
.twodos-app{ scrollbar-color: rgba(0,0,0,.25) transparent; scrollbar-width: thin; }
.twodos-app::-webkit-scrollbar{ height:10px; }
.twodos-app::-webkit-scrollbar-track{ background:transparent; margin:0; }
.twodos-app::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.18); border-radius:8px; border:2px solid #F9FAFB; }
.twodos-app:hover::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.28); }

/* Hide vertical scrollbars but retain scrollability */
.tasks .group::-webkit-scrollbar,
.sidebar .folders::-webkit-scrollbar,
.profile.userMenu::-webkit-scrollbar{width:0 !important; height:0 !important;}
.tasks .group{-ms-overflow-style:none; scrollbar-width:none;}
.tasks .group::-webkit-scrollbar{display:none !important;}
.sidebar .folders{-ms-overflow-style:none; scrollbar-width:none;}
.sidebar .folders::-webkit-scrollbar{display:none !important;}
.profile.userMenu{-ms-overflow-style:none; scrollbar-width:none;}
.profile.userMenu::-webkit-scrollbar{display:none !important;}
.tasks .group::-webkit-scrollbar-corner{background:transparent !important;}
.tasks .group::-webkit-scrollbar-track-piece{background:transparent !important;}
.tasksboard__tasks{-ms-overflow-style:none; scrollbar-width:none;}
.tasksboard__tasks::-webkit-scrollbar{width:0 !important; height:0 !important; display:none !important;}
.tasks::-webkit-scrollbar, .tasksboard__columns::-webkit-scrollbar, .tasksboard::-webkit-scrollbar{height:10px}
.tasks::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18); border-radius:8px; border:2px solid #F9FAFB}
.tasks:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28)}
.tasks .group::-webkit-scrollbar{width:0 !important}
.tasks > .bde-globalblock::-webkit-scrollbar{width:0 !important; height:0 !important; display:none !important;}
.tasks > .bde-globalblock{-ms-overflow-style:none; scrollbar-width:none;}

/* Responsive layout pass */
@media (max-width: 1200px){
  .twodos-app{
    --two-dos-gutter: 12px;
  }
  .twodos-app .twodos-app__sidebar.sidebar,
  .twodos-app .sidebar{
    --sidebar-w: 248px;
  }
}

@media (max-width: 1024px){
  .twodos-app{
    flex-direction:column;
    min-height:100dvh;
    height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    --two-dos-gutter: 10px;
    --two-dos-edge-inset: 10px;
  }
  .twodos-app .twodos-app__sidebar.sidebar,
  .twodos-app .sidebar{
    --sidebar-w: 100%;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0;
    padding:10px !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:start;
    align-content:start;
    grid-auto-rows:min-content;
    gap:10px;
    border-bottom:1px solid var(--muted);
    max-height:min(40dvh, 340px);
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .twodos-app .twodos-app__sidebar.sidebar > *,
  .twodos-app .sidebar > *{
    grid-column:1 / -1;
    min-width:0;
    min-height:0;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .search,
  .twodos-app .sidebar > .search,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(.search),
  .twodos-app .sidebar > *:has(.search),
  .twodos-app .twodos-app__sidebar.sidebar > *:has(.plugin-search-inner),
  .twodos-app .sidebar > *:has(.plugin-search-inner){
    grid-column:1 / 2;
    order:1;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .profile,
  .twodos-app .sidebar > .profile,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .profile:not(.userMenu)),
  .twodos-app .sidebar > *:has(> .profile:not(.userMenu)){
    grid-column:2 / 3;
    order:2;
    margin-top:0;
    min-width:168px;
    justify-self:end;
    align-self:stretch;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .folders,
  .twodos-app .sidebar > .folders,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .folders),
  .twodos-app .sidebar > *:has(> .folders){
    order:3;
    max-height:min(24dvh, 190px);
    min-height:72px;
  }
  .twodos-app .twodos-app__sidebar.sidebar .folders,
  .twodos-app .sidebar .folders{
    max-height:min(24dvh, 190px);
    min-height:72px;
    overflow-y:auto;
    overflow-x:hidden;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .twodos-import-fallback{
    order:4;
  }
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .twodos-import-fallback),
  .twodos-app .sidebar > *:has(> .twodos-import-fallback){
    order:4;
  }
  .twodos-app .twodos-app__main.board{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    flex:1 1 auto !important;
    overflow:visible !important;
  }
  .twodos-app #home[data-two-dos-view],
  .twodos-app .twodos-app__main.board > [data-two-dos-view]{
    display:flex !important;
    flex-direction:column !important;
    min-height:0;
    height:auto;
  }
  .twodos-app #home > .tabs{
    order:1;
  }
  .twodos-app #home > .tags{
    order:2;
  }
  .twodos-app #home .tasksboard{
    order:3;
    min-height:260px;
    flex:1 1 auto;
  }
  .twodos-app__main.board > [data-two-dos-view] > .tabs{
    padding:10px 10px 6px 10px;
  }
  .twodos-app__main.board > [data-two-dos-view] > .tags{
    padding:4px 10px 0 10px;
  }
  .twodos-app__main.board > [data-two-dos-view] > .tasksboard{
    --tasksboard-top-gap: 8px;
    margin-bottom:10px;
  }
  .twodos-app #home .tasksboard::after{
    display:none;
  }
}

@media (max-width: 760px){
  .twodos-app{
    --two-dos-gutter: 8px;
    --two-dos-edge-inset: 8px;
    display:flex;
    flex-direction:column;
    min-height:100dvh;
    height:100dvh;
    overflow:hidden;
  }
  .twodos-app .twodos-app__sidebar.sidebar,
  .twodos-app .sidebar{
    grid-template-columns:auto minmax(0, 1fr);
    padding:8px !important;
    gap:8px;
    max-height:min(24dvh, 190px);
    height:auto !important;
    min-height:0 !important;
    flex:0 0 auto !important;
    overflow-y:auto !important;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .profile,
  .twodos-app .sidebar > .profile,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .profile:not(.userMenu)),
  .twodos-app .sidebar > *:has(> .profile:not(.userMenu)){
    grid-column:1 / 2;
    order:1;
    min-width:0;
    justify-self:start;
    align-self:stretch;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .search,
  .twodos-app .sidebar > .search,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(.search),
  .twodos-app .sidebar > *:has(.search),
  .twodos-app .twodos-app__sidebar.sidebar > *:has(.plugin-search-inner),
  .twodos-app .sidebar > *:has(.plugin-search-inner){
    grid-column:2 / 3;
    order:2;
    min-width:0;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .profile,
  .twodos-app .sidebar > .profile,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .profile:not(.userMenu)),
  .twodos-app .sidebar > *:has(> .profile:not(.userMenu)){
    width:40px;
    min-width:40px;
    max-width:40px;
    padding:4px;
    justify-content:center;
    gap:0;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .profile .profile__name,
  .twodos-app .sidebar > .profile .profile__name,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .profile:not(.userMenu)) .profile__name,
  .twodos-app .sidebar > *:has(> .profile:not(.userMenu)) .profile__name{
    display:none;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .profile .profile__avatar,
  .twodos-app .sidebar > .profile .profile__avatar,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .profile:not(.userMenu)) .profile__avatar,
  .twodos-app .sidebar > *:has(> .profile:not(.userMenu)) .profile__avatar{
    width:32px;
    height:32px;
  }
  .twodos-app .twodos-app__sidebar.sidebar > .folders,
  .twodos-app .sidebar > .folders,
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .folders),
  .twodos-app .sidebar > *:has(> .folders){
    grid-column:1 / -1;
    order:3;
    min-height:70px;
    max-height:min(28dvh, 170px);
  }
  .twodos-app .twodos-app__sidebar.sidebar > .twodos-import-fallback{
    grid-column:1 / -1;
    order:4;
  }
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .twodos-import-fallback),
  .twodos-app .sidebar > *:has(> .twodos-import-fallback){
    grid-column:1 / -1;
    order:4;
  }
  .twodos-app .twodos-app__sidebar.sidebar .folders,
  .twodos-app .sidebar .folders{
    min-height:70px;
    max-height:min(28dvh, 170px);
  }
  .twodos-app .twodos-app__sidebar.sidebar > .folders.folders--compact,
  .twodos-app .sidebar > .folders.folders--compact{
    min-height:42px;
    max-height:none;
  }
  .twodos-app .twodos-app__sidebar.sidebar > *:has(> .folders.folders--compact),
  .twodos-app .sidebar > *:has(> .folders.folders--compact){
    min-height:42px;
    max-height:none;
  }
  .twodos-app .twodos-app__sidebar.sidebar .folders.folders--compact,
  .twodos-app .sidebar .folders.folders--compact{
    overflow:visible;
  }
  .profile__name{
    font-size:13px;
  }
  .twodos-app .twodos-app__main.board{
    min-height:0 !important;
    height:auto !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
  }
  .twodos-app #home[data-two-dos-view],
  .twodos-app .twodos-app__main.board > [data-two-dos-view]{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
  }
  .twodos-app #home .tasksboard{
    min-height:0 !important;
    height:100% !important;
    flex:1 1 auto !important;
  }
}