/* v120 UI-only patch. Authorization, password, sessions and application JavaScript are untouched. */
@media(max-width:720px){
  /* Keep the header identical when switching between Seasons and Folders. */
  body.folders-layout .header-filters{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(112px,.68fr) 44px!important;
    grid-template-rows:44px!important;
    gap:7px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.folders-layout .header-filters .segmented{
    grid-column:1!important;
    grid-row:1!important;
    height:44px!important;
  }
  body.folders-layout .header-filters #favoritesBtn{
    grid-column:3!important;
    grid-row:1!important;
    width:44px!important;
    height:44px!important;
  }
  body.folders-layout .header-filters #folderAgeFilterMobile{
    display:none!important;
  }
  body.folders-layout .header-filters .custom-select-trigger-ageFilter{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
  }

  /* One compact mobile archive row: Back, title/count, select, columns. */
  .archive-view .archive-view-head{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto auto!important;
    gap:7px!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 0 8px!important;
  }
  .archive-view .archive-head-main,
  .archive-view .archive-head-tools{
    display:contents!important;
  }
  .archive-view .archive-back-static{
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .archive-view .archive-back-static span{display:none!important}
  .archive-view .archive-view-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    justify-items:start!important;
    text-align:left!important;
    margin:0!important;
  }
  .archive-view .archive-view-copy h2{
    max-width:100%!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .archive-view .archive-view-copy p{
    margin:3px 0 0!important;
    font-size:11px!important;
    line-height:1!important;
  }
  .archive-view #selectModeBtn{
    grid-column:3!important;
    grid-row:1!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 7px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .archive-view .archive-columns-select,
  .archive-view .custom-select-trigger-columnsCount{
    grid-column:4!important;
    grid-row:1!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:42px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }
}

/* v121: keep one identical mobile header filter in Seasons and Folders. */
@media(max-width:720px){
  body.folders-layout .header-filters .custom-select-trigger-folderAgeFilterMobile,
  body.folders-layout .header-filters #folderAgeFilterMobile{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.folders-layout .header-filters #ageFilter + .custom-select-trigger-ageFilter,
  body.folders-layout .header-filters .custom-select-trigger-ageFilter{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* v122: keep the create-folder control tappable above adjacent mobile controls */
.folder-row-create-btn{
  position:relative!important;
  z-index:12!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.folder-row-create-btn svg{pointer-events:none!important}


/* v123: remove duplicated mobile age filter; one shared header filter in both layouts */
@media(max-width:720px){
  #folderAgeFilterMobile,
  .custom-select-trigger-folderAgeFilterMobile{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* v124: folder list back button belongs to the year row; empty folders remain visible. */
.custom-folder-year-header{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.custom-folder-year-header .folder-list-back{
  grid-column:1!important;
  position:static!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
.custom-folder-year-header>h2{grid-column:2!important;min-width:0!important;margin:0!important}
.custom-folder-year-header .folder-year-actions{grid-column:3!important}
@media(max-width:720px){
  .custom-folder-year-header{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:0 0 10px!important;
  }
  .custom-folder-year-header .folder-list-back{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
  }
  .custom-folder-year-header .folder-list-back span{display:none!important}
  .custom-folder-year-header>h2{
    font-size:28px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .custom-folder-year-header .folder-year-actions{
    min-width:0!important;
    gap:7px!important;
  }
}