/* Visão geral (dashboard) */
#view > .grid + .grid, #view > .db-kpis + .grid { margin-top: 16px; }
.db-kpis { margin-bottom: 0; }
.db-banner { align-items: center; margin-bottom: 16px; }
.db-banner .btn { flex-shrink: 0; }
@media (max-width: 760px) { .db-banner { flex-wrap: wrap; } }
.db-banner > .iconify { font-size: 20px; }
.db-wave { display: inline-block; transform-origin: 70% 70%; animation: db-wave 2.4s ease-in-out 0.6s 2; }
@keyframes db-wave { 0%, 60%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(14deg); } 20% { transform: rotate(-8deg); } 40% { transform: rotate(-4deg); } 50% { transform: rotate(10deg); } }

.db-auto { display: flex; flex-direction: column; }
.db-auto-list { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.db-auto-row {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px;
  background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.24); transition: background 0.2s;
}
.db-auto-row .tnum { white-space: nowrap; }
.db-auto-row:hover { background: rgba(255, 255, 255, 0.22); }

.db-health-body { align-items: center; }
.db-sep { border-top: 1px solid var(--line); padding-top: 12px; }
.end-items { align-items: flex-end; }

.db-growth { display: flex; flex-direction: column; color: #422006; }
.db-growth .muted { color: rgba(66, 32, 6, 0.75); }
.db-yellow-btn { background: rgba(253, 224, 71, 0.6); border-color: #fef08a; color: #422006; }
.db-yellow-btn:hover { background: rgba(254, 240, 138, 0.9); border-color: #fef08a; }
.db-pills { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; height: 120px; align-items: end; flex: 1; min-height: 110px; }
.db-pills > div { border-radius: 99px; background: rgba(113, 63, 18, 0.35); transform-origin: bottom; animation: db-grow 0.7s var(--ease) both; }
.db-pills > div:hover { background: rgba(113, 63, 18, 0.55); }
.db-pills > div.is-now { background: #fefce8; border: 1px solid rgba(254, 240, 138, 0.8); box-shadow: 0 8px 20px -8px rgba(113, 63, 18, 0.6); }
.db-pills [data-tip]:hover::after { background: #422006; color: #fef9c3; }
@keyframes db-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }

.db-feed { min-height: 300px; }
.db-feed .list-row { animation: none; }
.db-new { animation: db-in 0.6s var(--ease) both !important; }
.db-new .ic { box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.15); }
@keyframes db-in { from { opacity: 0; transform: translateY(-10px); background: rgba(34, 211, 238, 0.12); } to { opacity: 1; transform: none; background: transparent; } }

.db-heat-scale { flex: 1; max-width: 160px; height: 6px; border-radius: 99px; margin: 0 10px; background: linear-gradient(90deg, rgba(34, 211, 238, 0.08), #22d3ee); }

@media (max-width: 1180px) {
  #db-stack { flex-direction: row; }
  #db-stack > * { flex: 1; }
}
@media (max-width: 760px) {
  #db-stack { flex-direction: column; }
  .page-head .page-actions { width: 100%; }
  .page-head .page-actions > * { flex: 1 1 auto; }
  .page-head .page-actions .seg { flex: 1 1 100%; }
  .page-head .page-actions .seg button { flex: 1; justify-content: center; }
}