/* Taskly v16 — three scoped adjustments: tree spacing, modal blur, destructive confirmation. */

/* Leave nested connections and root separators intact, only add breathing room
   between each project and its immediately nested child items. */
#personalProjectTree { row-gap: 7px; }
#personalProjectTree .project-branch-inner { row-gap: 7px; }
#personalProjectTree .project-branch.is-expanded > .project-branch-inner { padding-block-start: 5px; }

/* Reduce the overall frosted effect; keep modal positioning and all other
   popovers/glass effects unchanged. */
.modal-overlay:not(.glass-modal-overlay) {
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
.modal-overlay.glass-modal-overlay {
  backdrop-filter: blur(6px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(115%) !important;
}
.glass-confirm-card {
  backdrop-filter: blur(9px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(125%) !important;
}

/* A destructive confirmation (delete/cancel task or delete project) must never
   inherit the purple primary-button gradient. Regular Save stays unchanged. */
html[data-theme="light"] #confirmAccept.confirm-danger,
html[data-theme="dark"] #confirmAccept.confirm-danger {
  background: linear-gradient(130deg, #ee4c60 0%, #db304d 66%, #b91f43 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 153, 170, .82) !important;
  box-shadow: 0 10px 24px rgba(214, 49, 81, .2), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: none !important;
  transform: none !important;
}
html[data-theme="light"] #confirmAccept.confirm-danger:hover:not(:disabled),
html[data-theme="dark"] #confirmAccept.confirm-danger:hover:not(:disabled) {
  background: linear-gradient(130deg, #f3546a 0%, #db304d 66%, #c22249 100%) !important;
  box-shadow: 0 10px 26px rgba(214, 49, 81, .27), 0 0 0 1px rgba(238,76,96,.2), inset 0 1px 0 rgba(255,255,255,.27) !important;
  transform: none !important;
}