/* A profundidade vem do vídeo desfocado, com superfícies discretas. */
.shell .central-grid[data-central-section-panel="overview"] {
  grid-template-columns: minmax(0, 1fr);
}
body.dashboard-open .shell .sidebar {
  background: rgba(7, 17, 29, .56);
  border-right-color: rgba(255, 230, 190, .13);
}
body.dashboard-open .shell .topbar {
  background: rgba(7, 17, 29, .32);
  border-bottom-color: rgba(255, 230, 190, .16);
}
.shell .dashboard-home {
  max-width: 1180px;
  margin-inline: auto;
  overflow: visible;
  padding: clamp(28px, 5vw, 64px) clamp(8px, 2vw, 28px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.shell .dashboard-config-copy { max-width: 720px; margin-bottom: 36px; }
.shell .dashboard-config-copy .live-kicker {
  color: #ffdfa9;
  font-size: 10px;
  letter-spacing: .18em;
}
.shell .dashboard-config-copy strong {
  font-size: clamp(32px, 4.5vw, 62px);
  line-height: 1.12;
  letter-spacing: -.045em;
  color: #fff9ee;
}
.shell .dashboard-config-copy strong em { color: #ffdfa9; }
.shell .dashboard-config-copy p { color: #d1dce3; line-height: 1.7; }
.shell .dashboard-quick-actions { gap: 0 32px; }
.shell .dashboard-quick-actions button {
  min-height: 100px;
  padding: 20px 8px;
  border: 0;
  border-top: 1px solid rgba(230, 241, 248, .2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: background 180ms ease;
}
.shell .dashboard-quick-actions button:hover {
  background: rgba(255, 225, 174, .06);
  transform: none;
}
.shell .dashboard-quick-actions button strong { font-size: 16px; color: #fff9ee; }
.shell .dashboard-quick-actions button small { color: #cad6de; line-height: 1.5; }
.shell .dashboard-quick-actions .quick-action-icon { color: #ffdfa9; font-size: 11px; background: transparent; }
.shell .dashboard-quick-actions button b { color: #ffdfa9; }
.shell .dashboard-howto { border-top-color: rgba(230, 241, 248, .2); color: #cad6de; }
.shell .sidebar-feature {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.shell .sidebar-feature.active {
  color: #ffe1b0;
  background: rgba(255, 218, 158, .12);
  box-shadow: inset 3px 0 #ffdfa9;
}
.shell .sidebar-feature:hover { background: rgba(255, 255, 255, .06); }
.shell :is(button, a):focus-visible { outline: 2px solid #ffdfa9; outline-offset: 3px; }
.shell .content .panel {
  background: rgba(7, 19, 32, .55);
  border-color: rgba(229, 239, 246, .16);
  box-shadow: none;
}
@media (max-width: 760px) {
  body.dashboard-open .shell .sidebar { background: rgba(7, 17, 29, .42); }
  .shell .topbar { min-height: auto; padding-block: 18px; margin-bottom: 0; }
  .shell .topbar h2 { font-size: 23px; letter-spacing: -.035em; }
  .shell .topbar .status-line { display: flex; flex-wrap: wrap; gap: 8px; }
  .shell .topbar .status-line > :is(button, a) { width: auto; min-height: 38px; padding: 9px 12px; font-size: 11px; flex: 0 1 auto; }
  .shell .dashboard-home { padding: 30px 0; }
  .shell .dashboard-config-copy { margin-bottom: 26px; }
  .shell .dashboard-quick-actions { grid-template-columns: 1fr; }
  .shell .dashboard-quick-actions button { min-height: 90px; padding-inline: 0; }
  .shell .dashboard-howto { display: flex; flex-wrap: wrap; gap: 10px 16px; line-height: 1.6; }
}
@media (prefers-reduced-motion: reduce) {
  .shell .dashboard-quick-actions button { transition: none; }
}