/* 模板归属组叠卡 — Figma 1036:26063
 * 组合容器内 3 张卡 margin-right 叠放，占位与单卡一致，容器用单卡阴影 */
:root {
  --stack-grid-max: 316.8px;
  --stack-peek: 6.9px;
  --stack-ghost-1-h: 348px;
  --stack-layer-shadow: 3px 0 4px -2px rgba(0, 0, 0, 0.05);
  --stack-outer-shadow: var(--shadow-soft, 0 8px 16px -2px rgba(0, 0, 0, 0.04));
  --stack-morph-duration: 0.35s;
  --stack-card-duration: 0.4s;
  --stack-push-duration: 0.4s;
  --stack-unit-fade-duration: 0.24s;
  --stack-card-stroke: #ffffff;
  --stack-card-divider: rgba(0, 0, 0, 0.03);
  --stack-card-action-height: 53px;
  --stack-card-action-chip-height: 29px;
  --stack-transition: opacity var(--stack-unit-fade-duration) ease, transform var(--stack-card-duration) cubic-bezier(0.22, 1, 0.36, 1), max-width var(--stack-card-duration) cubic-bezier(0.22, 1, 0.36, 1), width var(--stack-card-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-theme="dark"] {
  --stack-card-divider: rgba(255, 255, 255, 0.03);
}

/* 首页深色（body 无 light-mode）；排除后台浅色页（html[data-page=admin] 无 data-theme） */
html:not([data-page="admin"]) body:not(.light-mode) {
  --stack-card-divider: rgba(255, 255, 255, 0.03);
}

html[data-page="admin"]:not([data-theme="dark"]) {
  --stack-card-divider: rgba(0, 0, 0, 0.03);
}

/* ── 组合容器：与单卡同宽、同阴影 ── */
.template-stack-unit {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: var(--template-grid-max, var(--stack-grid-max));
  justify-self: start;
  overflow: visible;
}

.template-stack-unit.is-collapsed {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100% !important;
  max-width: var(--template-grid-max, var(--stack-grid-max));
  min-height: 0;
  height: auto;
  isolation: isolate;
  box-shadow: var(--stack-outer-shadow) !important;
  filter: none;
  margin-right: 0;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: var(--radius-card, 16px);
  --stack-card-stroke: #ffffff;
  --stack-card-surface: var(--surface, rgba(255, 255, 255, 0.6));
  transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.template-stack-unit.is-collapsed:hover {
  transform: translateY(-3px);
}

.template-stack-unit.is-stack-unit-enter-pending {
  opacity: 0;
  box-shadow: none !important;
  filter: none !important;
}

.admin-template-card.is-stack-layout-held,
.template-card.is-stack-layout-held {
  visibility: hidden;
  pointer-events: none;
}

.admin-template-card.is-stack-animating-out.is-stack-layout-held,
.template-card.is-stack-animating-out.is-stack-layout-held {
  min-width: 0 !important;
}

.template-stack-unit.is-stack-unit-animating {
  pointer-events: none;
}

.template-stack-unit.is-stack-unit-animating.is-collapsed:hover {
  transform: none;
  box-shadow: var(--stack-outer-shadow) !important;
}

html[data-theme="dark"] .template-stack-unit.is-stack-unit-animating.is-collapsed:hover,
body:not(.light-mode) .cards-grid .template-stack-unit.is-stack-unit-animating.is-collapsed:hover,
body:not(.light-mode) .cards-groups .template-stack-unit.is-stack-unit-animating.is-collapsed:hover {
  transform: none;
  box-shadow: var(--stack-outer-shadow) !important;
}

.template-stack-unit.is-collapsed:has(> .template-card):hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

body.light-mode .template-stack-unit.is-collapsed:has(> .template-card):hover {
  transform: translateY(-3px);
  box-shadow: var(--stack-outer-shadow) !important;
}

.template-stack-unit.is-collapsed > .admin-template-card.is-stack-leader,
.template-stack-unit.is-collapsed > .template-card.is-stack-leader,
.template-stack-unit.is-collapsed > .template-stack-ghost-card {
  flex: 0 0 calc(100% - 2 * var(--stack-peek));
  width: calc(100% - 2 * var(--stack-peek));
  max-width: none;
  min-height: 0;
  height: auto;
  align-self: stretch;
  box-sizing: border-box;
}

.template-stack-unit.is-collapsed > .admin-template-card.is-stack-leader,
.template-stack-unit.is-collapsed > .template-card.is-stack-leader {
  position: relative;
  margin-right: calc(-100% + 3 * var(--stack-peek));
  z-index: 3;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: var(--stack-layer-shadow) !important;
  filter: none !important;
}

.template-stack-unit.is-collapsed > .admin-template-card.is-stack-leader {
  outline: 1px solid var(--stack-card-stroke) !important;
  outline-offset: -1px !important;
  border: none !important;
}

.template-stack-unit.is-collapsed > .template-card.is-stack-leader {
  outline: 1px solid var(--stack-card-stroke) !important;
  outline-offset: -1px !important;
  border: none !important;
}

.template-stack-ghost-card {
  pointer-events: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  box-sizing: border-box;
  border: 1px solid var(--stack-card-stroke);
  background: var(--stack-card-surface);
}

.template-stack-ghost-card.is-ghost-2 {
  position: relative;
  z-index: 2;
  margin-right: calc(-100% + 3 * var(--stack-peek));
  box-shadow: var(--stack-layer-shadow) !important;
  filter: none !important;
}

.template-stack-ghost-card.is-ghost-3 {
  position: relative;
  z-index: 1;
  margin-right: 0;
  box-shadow: none !important;
  filter: none !important;
}

.template-stack-ghost-preview {
  flex: 0 0 var(--stack-ghost-1-h);
  height: var(--stack-ghost-1-h);
  width: 100%;
}

.template-stack-ghost-body {
  flex: 1 1 auto;
  min-height: 0;
}

/* 首页卡片 surface 与 admin --surface 不同，单独对齐 .template-card */
.template-stack-unit.is-collapsed:has(> .template-card) {
  --stack-card-surface: #0C0C0C;
}

body.light-mode .template-stack-unit.is-collapsed:has(> .template-card) {
  --stack-card-surface: rgba(255, 255, 255, 0.6);
}

body.light-mode .cards-grid .template-stack-unit.is-collapsed,
body.light-mode .cards-groups .template-stack-unit.is-collapsed {
  --stack-card-stroke: rgba(255, 255, 255, 0.8);
  --stack-outer-shadow: 0px 8px 16px -2px rgba(0, 0, 0, 0.04);
  --stack-layer-shadow: 3px 0 4px -2px rgba(0, 0, 0, 0.05);
}

body.light-mode .cards-grid .template-stack-unit.is-collapsed:hover,
body.light-mode .cards-groups .template-stack-unit.is-collapsed:hover {
  transform: translateY(-3px);
  box-shadow: 0px 8px 16px -2px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .template-stack-unit.is-stack-morph-source.is-stack-morphed {
  box-shadow: 0px 8px 16px -2px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .template-stack-unit.is-stack-morph-source.is-stack-morphed:hover {
  transform: translateY(-3px);
}

body.light-mode .template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* 仅 2 张：总宽 W，单卡 W - peek */
.template-stack-unit.is-collapsed[data-stack-depth="2"] > .admin-template-card.is-stack-leader,
.template-stack-unit.is-collapsed[data-stack-depth="2"] > .template-card.is-stack-leader,
.template-stack-unit.is-collapsed[data-stack-depth="2"] > .template-stack-ghost-card.is-ghost-2 {
  flex: 0 0 calc(100% - var(--stack-peek));
  width: calc(100% - var(--stack-peek));
}

.template-stack-unit.is-collapsed[data-stack-depth="2"] > .admin-template-card.is-stack-leader,
.template-stack-unit.is-collapsed[data-stack-depth="2"] > .template-card.is-stack-leader {
  margin-right: calc(-100% + 2 * var(--stack-peek));
}

.template-stack-unit.is-collapsed[data-stack-depth="2"] > .template-stack-ghost-card.is-ghost-2 {
  margin-right: 0;
}

.template-stack-unit.is-collapsed .admin-template-card.is-stack-leader:hover,
.template-stack-unit.is-collapsed .template-card.is-stack-leader:hover {
  transform: none !important;
  box-shadow: var(--stack-layer-shadow) !important;
}

.template-stack-unit.is-collapsed > .admin-template-card.is-stack-leader,
.template-stack-unit.is-collapsed > .template-card.is-stack-leader {
  box-shadow: var(--stack-layer-shadow) !important;
  transform: none !important;
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed > .admin-template-card.is-stack-leader,
.template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader {
  box-shadow: none !important;
  transform: none !important;
}

.template-stack-unit.is-collapsed:hover > .admin-template-card.is-stack-leader,
.template-stack-unit.is-collapsed:hover > .template-card.is-stack-leader {
  transform: none !important;
  box-shadow: var(--stack-layer-shadow) !important;
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed:hover > .admin-template-card.is-stack-leader,
.template-stack-unit.is-stack-morph-source.is-stack-morphed:hover > .template-card.is-stack-leader {
  transform: none !important;
  box-shadow: none !important;
}

.template-stack-expanded-group > .admin-template-card.is-stack-animating-in:hover,
.template-stack-expanded-group > .admin-template-card.is-stack-animating-out:hover,
.template-stack-expanded-group > .template-card.is-stack-animating-in:hover,
.template-stack-expanded-group > .template-card.is-stack-animating-out:hover {
  transform: none !important;
  box-shadow: var(--shadow-soft, 0 8px 16px -2px rgba(0, 0, 0, 0.04)) !important;
}

.template-stack-unit.is-collapsed > .template-card.is-stack-leader {
  clip-path: none;
}

.admin-card-preview-front,
.card-thumbnail-front {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 32px;
  cursor: pointer;
}

.admin-card-preview-zoom,
.card-thumbnail-front .expand-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
}

.admin-card-preview--stacked,
.card-thumbnail--stacked {
  overflow: hidden !important;
  padding: 0 !important;
}

.admin-card-preview--stacked .admin-card-preview-front,
.card-thumbnail--stacked .card-thumbnail-front {
  cursor: pointer;
}

/* ── 展开/收起：与主类分组动画一致 ── */
.template-stack-expanded-group {
  display: contents;
}

.template-stack-expanded-group.is-stack-enter-pending > .admin-template-card,
.template-stack-expanded-group.is-stack-enter-pending > .template-card {
  display: none;
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed {
  display: block;
  width: 100%;
  max-width: var(--template-grid-max, var(--stack-grid-max));
  overflow: hidden;
  border-radius: var(--radius-card, 16px);
  box-shadow: var(--stack-outer-shadow) !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed:hover {
  transform: translateY(-3px);
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed:has(> .template-card):hover {
  transform: translateY(-2px);
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed .template-stack-ghost-card {
  display: none !important;
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed > .admin-template-card.is-stack-leader,
.template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader {
  margin-right: 0 !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  box-shadow: none !important;
}

.template-stack-unit.is-stack-morph-source.is-stack-morphed > .admin-template-card.is-stack-leader:hover,
.template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader:hover {
  transform: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .template-stack-unit.is-stack-morph-source.is-stack-morphed > .admin-template-card.is-stack-leader:hover,
html[data-theme="dark"] .template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader:hover,
body:not(.light-mode) .cards-grid .template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader:hover,
body:not(.light-mode) .cards-groups .template-stack-unit.is-stack-morph-source.is-stack-morphed > .template-card.is-stack-leader:hover {
  transform: none !important;
  box-shadow: none !important;
}

.template-stack-unit.is-stack-unit-morphing {
  pointer-events: none;
}

.template-stack-unit.is-stack-leader-width-animating > .admin-template-card.is-stack-leader,
.template-stack-unit.is-stack-leader-width-animating > .template-card.is-stack-leader {
  will-change: width, margin-right;
}

.template-stack-unit.is-stack-leader-width-animating {
  overflow: visible !important;
}

.template-stack-unit.is-stack-leader-width-animating.is-collapsed {
  overflow: visible !important;
}

.template-stack-unit.is-stack-leader-width-animating.is-stack-morph-source.is-stack-morphed {
  overflow: visible !important;
}

.template-stack-expanded-group.is-stack-animating > .admin-template-card,
.template-stack-expanded-group.is-stack-animating > .template-card {
  min-width: 0 !important;
}

.admin-template-card.is-stack-animating-in,
.template-card.is-stack-animating-in {
  will-change: opacity, transform;
  overflow: visible;
}

.admin-template-card.is-stack-animating-out,
.template-card.is-stack-animating-out {
  overflow: visible;
  will-change: opacity, transform;
  min-width: 0 !important;
}

.admin-template-card.is-stack-animating,
.template-card.is-stack-animating {
  min-width: 0 !important;
}

.admin-template-card.is-stack-grid-push-animating,
.template-card.is-stack-grid-push-animating,
.template-stack-unit.is-stack-grid-push-animating {
  will-change: transform;
  z-index: 2;
  pointer-events: none;
  backface-visibility: hidden;
  transition: transform var(--stack-push-duration) cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.admin-template-grid.is-stack-grid-animating,
.cards-grid.is-stack-grid-animating {
  position: relative;
}

.admin-template-grid.is-stack-grid-animating .admin-template-card:not(.is-stack-animating-in):not(.is-stack-animating-out),
.cards-grid.is-stack-grid-animating .template-card:not(.is-stack-animating-in):not(.is-stack-animating-out) {
  transition: transform var(--stack-push-duration) cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.admin-template-grid.is-stack-grid-animating .admin-template-card:not(.is-stack-animating-in):not(.is-stack-animating-out):hover,
.cards-grid.is-stack-grid-animating .template-card:not(.is-stack-animating-in):not(.is-stack-animating-out):hover {
  transform: none !important;
}

.admin-template-card.is-stack-grid-push-animating:hover,
.template-card.is-stack-grid-push-animating:hover {
  transform: translate3d(0, 0, 0) !important;
}

/* ── 叠组切换按钮（组合卡第三列）Figma 1035:23535 收起 / 展开 ── */
.template-stack-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  box-sizing: border-box;
  flex-shrink: 0;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0;
  min-width: 0;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 0;
  overflow: visible;
  color: #07c160;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.template-stack-toggle:hover {
  background: transparent;
}

.template-stack-toggle--collapsed {
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.template-stack-toggle--collapsed .template-stack-toggle-count {
  color: #07c160;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  white-space: nowrap;
}

.template-stack-toggle--collapsed .template-stack-toggle-icon {
  opacity: 1;
  filter: none;
}

.template-stack-toggle--expanded {
  justify-content: center;
  width: 100%;
  height: 100%;
}

.template-stack-toggle-icon {
  width: 14px;
  height: 14px;
  display: block;
  flex-shrink: 0;
}

/* ── 单卡 / 组合卡操作区：Figma 997:19206 / 1035:23535 ── */
.card-actions,
.admin-card-actions {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  min-height: var(--stack-card-action-height);
  height: var(--stack-card-action-height);
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--stack-card-divider);
  box-sizing: border-box;
  gap: 0;
  flex-shrink: 0;
}

/* 单卡：标签区与操作区间距 20px（组合卡由 .card-footer margin-top 承担） */
.template-card > .card-body > .card-actions,
.admin-template-card > .admin-card-body > .admin-card-actions {
  margin-top: 20px;
}

.card-action-col,
.admin-card-action-col {
  flex: 1 1 0;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100%;
}

.card-action-col + .card-action-col,
.card-action-col + .card-stack-toggle-col,
.admin-card-action-col + .admin-card-action-col,
.admin-card-action-col + .admin-card-stack-toggle-col {
  border-left: 1px solid var(--stack-card-divider);
}

.card-stack-toggle-col,
.admin-card-stack-toggle-col {
  flex: 0 0 53px;
  width: 53px;
  min-width: 53px;
  max-width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
  height: 100%;
}

/* 收起态：绿色张数 + 右箭头，右对齐 6px（Figma 1035:23535） */
.card-footer--stack-collapsed .card-stack-toggle-col,
.admin-card-footer--stack-collapsed .admin-card-stack-toggle-col {
  justify-content: flex-end;
  padding-right: 6px;
}

.card-action-btn,
.admin-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  border: none;
  background: transparent;
  height: var(--stack-card-action-chip-height);
  min-height: var(--stack-card-action-chip-height);
  max-height: var(--stack-card-action-chip-height);
  font-size: 12px;
  line-height: 14px;
  color: #999999;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  flex: none;
  width: auto;
  font-family: inherit;
  white-space: nowrap;
  font-weight: 400;
}

.card-action-btn:hover,
.admin-card-action:hover {
  background: transparent;
  color: #333333;
  font-weight: 400;
}

.card-action-btn:hover img,
.admin-card-action:hover img,
.card-action-btn:hover svg,
.admin-card-action:hover svg {
  filter: brightness(0) saturate(100%) invert(18%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(96%) contrast(87%);
}

/* 首页深色：悬停提亮，不用 #333 */
html[data-theme="dark"] .card-action-btn:hover,
html[data-theme="dark"] .admin-card-action:hover,
body:not(.light-mode) .cards-grid .card-action-btn:hover,
body:not(.light-mode) .cards-groups .card-action-btn:hover {
  color: #E5E5E5;
}

html[data-theme="dark"] .card-action-btn:hover img,
html[data-theme="dark"] .admin-card-action:hover img,
body:not(.light-mode) .cards-grid .card-action-btn:hover img,
body:not(.light-mode) .cards-groups .card-action-btn:hover img {
  filter: brightness(0) invert(1);
}

.card-action-btn img,
.admin-card-action img,
.card-action-btn svg,
.admin-card-action svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: block;
  opacity: 1;
  filter: none;
}

.card-action-btn span,
.admin-card-action span {
  font-size: 12px;
  line-height: 14px;
}

.admin-template-card > .admin-card-body > .admin-card-actions,
.template-card > .card-body > .card-actions {
  border-top-color: var(--stack-card-divider) !important;
}

/* ── 组合卡 Footer：操作区贴边，无内边距 ── */
.admin-card-footer--stack,
.admin-card-footer--stack-collapsed,
.card-footer--stack,
.card-footer--stack-collapsed {
  margin-top: 20px;
  min-height: 0;
  height: auto;
  padding: 0;
  border-top: none;
  box-sizing: border-box;
}

.admin-card-footer--stack .admin-card-actions,
.admin-card-footer--stack-collapsed .admin-card-actions,
.card-footer--stack .card-actions,
.card-footer--stack-collapsed .card-actions {
  margin: 0 !important;
  width: 100%;
}

html[data-theme="dark"] .template-stack-toggle--collapsed .template-stack-toggle-count {
  color: #07c160;
}

html[data-theme="dark"] .template-stack-toggle--collapsed .template-stack-toggle-icon {
  opacity: 0.62;
  filter: brightness(0) invert(1);
}

body:not(.light-mode) .cards-grid .template-stack-toggle--collapsed .template-stack-toggle-count,
body:not(.light-mode) .cards-groups .template-stack-toggle--collapsed .template-stack-toggle-count {
  color: #07c160;
}

body:not(.light-mode) .cards-grid .template-stack-toggle--collapsed .template-stack-toggle-icon,
body:not(.light-mode) .cards-groups .template-stack-toggle--collapsed .template-stack-toggle-icon {
  opacity: 0.62;
  filter: brightness(0) invert(1);
}

.admin-main-tag-section:not(.is-collapsed) .admin-main-tag-section-body,
.main-tag-section:not(.is-collapsed) .main-tag-section-body {
  overflow: visible;
}

.admin-template-grid,
.cards-grid {
  overflow: visible;
}

.admin-main-tag-section-body.admin-template-grid,
.admin-template-groups .admin-template-grid,
.cards-groups .cards-grid {
  overflow: visible;
}

.template-stack-ghost-card.is-ghost-2 {
  box-shadow: var(--stack-layer-shadow) !important;
  filter: none !important;
}

.template-stack-ghost-card.is-ghost-3 {
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] .template-stack-ghost-card,
body:not(.light-mode) .cards-grid .template-stack-ghost-card,
body:not(.light-mode) .cards-groups .template-stack-ghost-card {
  border: 1px solid rgba(255, 255, 255, 0.067) !important;
  background: #0C0C0C !important;
  background-image: none !important;
}

body.light-mode .template-stack-ghost-card {
  border: 1px solid var(--stack-card-stroke) !important;
  background: var(--stack-card-surface) !important;
  background-image: none !important;
}

/* ── 深色/深圳模式：组合卡与单卡视觉对齐，保留外阴影与叠层阴影 ── */
html[data-theme="dark"] .template-stack-unit.is-collapsed,
body:not(.light-mode) .cards-grid .template-stack-unit.is-collapsed,
body:not(.light-mode) .cards-groups .template-stack-unit.is-collapsed {
  --stack-card-stroke: rgba(255, 255, 255, 0.067);
  --stack-card-surface: #0C0C0C;
  --stack-outer-shadow: 0 8px 16px -2px rgba(0, 0, 0, 0.04);
  --stack-layer-shadow: 3px 0 8px -2px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .template-stack-unit.is-collapsed:hover,
body:not(.light-mode) .cards-grid .template-stack-unit.is-collapsed:hover,
body:not(.light-mode) .cards-groups .template-stack-unit.is-collapsed:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .template-stack-unit.is-collapsed:has(> .template-card):hover,
body:not(.light-mode) .cards-grid .template-stack-unit.is-collapsed:has(> .template-card):hover,
body:not(.light-mode) .cards-groups .template-stack-unit.is-collapsed:has(> .template-card):hover {
  transform: translateY(-2px);
}

html[data-theme="dark"] .template-stack-unit.is-collapsed > .admin-template-card.is-stack-leader,
html[data-theme="dark"] .template-stack-unit.is-collapsed > .template-card.is-stack-leader,
body:not(.light-mode) .cards-grid .template-stack-unit.is-collapsed > .template-card.is-stack-leader,
body:not(.light-mode) .cards-groups .template-stack-unit.is-collapsed > .template-card.is-stack-leader {
  outline: none !important;
  border: 1px solid rgba(255, 255, 255, 0.067) !important;
  background: #0C0C0C !important;
}

html[data-theme="dark"] .template-stack-unit.is-collapsed .admin-template-card.is-stack-leader:hover,
html[data-theme="dark"] .template-stack-unit.is-collapsed .template-card.is-stack-leader:hover,
body:not(.light-mode) .cards-grid .template-stack-unit.is-collapsed .template-card.is-stack-leader:hover,
body:not(.light-mode) .cards-groups .template-stack-unit.is-collapsed .template-card.is-stack-leader:hover {
  box-shadow: var(--stack-layer-shadow) !important;
}