/* v4.24 Home de trabajo + chrome móvil. Se carga después de main.css. */

.home-hero--compact {
  padding: 14px 20px;
}
.home-hero--compact h2 { margin: 0; }

.card.home-hero.home-hero--compact {
  padding: 14px 20px;
}

.topbar-search-short { display: none; }

.nav-legacy {
  display: none !important;
}

.home-section--fold {
  border: 0;
  display: block;
}
.home-section--fold:not([open]) > .card-grid {
  display: none !important;
}
.home-section--fold > .card-grid {
  margin-top: 4px;
}
/* display:flex en <summary> deja el grid visible en Chrome. */
.home-kicker.home-kicker--fold {
  display: list-item;
  position: relative;
  width: 100%;
  padding-right: 28px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.home-kicker--fold .home-kicker-label {
  display: inline;
}
.home-kicker--fold::-webkit-details-marker { display: none; }
.home-kicker--fold::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 0.45em;
  height: 0.45em;
  margin-top: -0.28em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: 0.85;
}
.home-section--fold[open] > .home-kicker--fold::after {
  transform: rotate(45deg);
  margin-top: 2px;
}
.home-fold-count {
  margin-left: 10px;
  padding: 1px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0;
}

@media (max-width: 768px) {
  .view { padding-bottom: 28px; }
  .topbar-search kbd,
  .topbar-search-full { display: none; }
  .topbar-search-short { display: inline; }
  #topbar-notif,
  #topbar-agenda-wa,
  .topbar-user,
  .topbar-actions .app-version-badge { display: none !important; }
}

@supports (padding: env(safe-area-inset-top)) {
  .view { padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
}

#qc-fab,
#graph-banner,
#backup-banner {
  display: none !important;
}