#app:not(.public-app) .work-phase-folder-grid{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:stretch;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:1px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

#app:not(.public-app) .work-phase-folder{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#app:not(.public-app) .work-phase-folder-top,
#app:not(.public-app) .work-phase-folder-preview,
#app:not(.public-app) .work-phase-folder-empty,
#app:not(.public-app) .simple-phase-add-photo{width:100%!important;max-width:100%!important;min-width:0!important}

#app:not(.public-app) .simple-phase-add-photo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-align:center!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#app:not(.public-app) .internal-work-delete-action{
  min-height:34px!important;
  padding:5px 8px!important;
  border:1px solid #ead9dc!important;
  background:#fff!important;
  color:#955c62!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:700!important;
}

#app:not(.public-app) .internal-work-delete-action:hover,
#app:not(.public-app) .internal-work-delete-action:focus-visible{
  border-color:#d7aeb5!important;
  background:#fff7f8!important;
  color:#813f49!important;
  outline:2px solid #f3dfe2!important;
  outline-offset:1px!important;
  transform:none!important;
}

@media(min-width:761px) and (max-width:1199px){
  #app:not(.public-app) .work-phase-folder-grid{gap:8px!important}
}

@media(orientation:landscape) and (max-width:1199px) and (max-height:720px){
  #app:not(.public-app) .work-phase-folder-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    padding:1px!important;
    overflow:visible!important;
  }
  #app:not(.public-app) .work-phase-folder{align-content:start;gap:6px!important;min-width:0;padding:8px!important;border-radius:10px!important}
  #app:not(.public-app) .work-phase-folder-top{align-items:center!important;gap:6px!important}
  #app:not(.public-app) .work-phase-folder-top>div{min-width:0!important}
  #app:not(.public-app) .work-phase-folder-icon{width:27px!important;height:27px!important;border-radius:7px!important;font-size:14px!important}
  #app:not(.public-app) .work-phase-folder h3{overflow:hidden!important;margin:0 0 1px!important;font-size:11.5px!important;line-height:1.18!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #app:not(.public-app) .work-phase-folder small{overflow:hidden!important;font-size:8.5px!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #app:not(.public-app) .work-phase-folder-preview,
  #app:not(.public-app) .work-phase-folder-empty{min-height:58px!important;border-radius:7px!important}
  #app:not(.public-app) .work-phase-folder-empty{gap:1px!important;padding:5px!important}
  #app:not(.public-app) .work-phase-folder-empty>span{font-size:14px!important}
  #app:not(.public-app) .work-phase-folder-empty b{font-size:9.5px!important;line-height:1.15!important}
  #app:not(.public-app) .work-phase-folder-preview span{margin:4px!important;padding:4px 5px!important;font-size:8.5px!important}
  #app:not(.public-app) .simple-phase-add-photo{min-height:30px!important;padding:5px 6px!important;font-size:9px!important}
  #app:not(.public-app) .phase-folder-options summary{width:23px!important;height:23px!important;font-size:16px!important}
}

@media(min-width:1200px),(min-width:761px) and (min-height:721px){
  #app:not(.public-app) .work-phase-folder{align-content:start;gap:8px!important;min-width:0;padding:9px!important;border-radius:11px!important}
  #app:not(.public-app) .work-phase-folder-top{align-items:center!important;gap:7px!important}
  #app:not(.public-app) .work-phase-folder-top>div{min-width:0!important}
  #app:not(.public-app) .work-phase-folder-icon{width:30px!important;height:28px!important;border-radius:8px!important;font-size:15px!important}
  #app:not(.public-app) .work-phase-folder h3{overflow:hidden!important;margin:0 0 2px!important;font-size:13px!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #app:not(.public-app) .work-phase-folder small{overflow:hidden!important;font-size:9.5px!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #app:not(.public-app) .work-phase-folder-preview,
  #app:not(.public-app) .work-phase-folder-empty{min-height:82px!important;border-radius:8px!important}
  #app:not(.public-app) .work-phase-folder-empty{gap:2px!important;padding:8px!important}
  #app:not(.public-app) .work-phase-folder-empty>span{font-size:18px!important}
  #app:not(.public-app) .work-phase-folder-empty b{font-size:10.5px!important;line-height:1.2!important}
  #app:not(.public-app) .work-phase-folder-preview span{margin:5px!important;padding:5px 6px!important;font-size:9.5px!important}
  #app:not(.public-app) .simple-phase-add-photo{min-height:34px!important;padding:6px 7px!important;font-size:10px!important}
}