/* v15.4.10 — Beauty Cohesion final layer */

:root {
  --beauty-glass:
    linear-gradient(180deg, rgba(255, 253, 247, 0.96), rgba(239, 247, 239, 0.9));
  --beauty-glass-strong:
    linear-gradient(180deg, rgba(255, 253, 247, 0.98), rgba(245, 250, 241, 0.94));
  --beauty-accent-line: linear-gradient(90deg, var(--aegis-emerald), var(--aegis-teal), var(--aegis-cyan));
  --beauty-chip-bg: rgba(15, 159, 143, 0.13);
  --beauty-chip-border: rgba(4, 120, 87, 0.28);
}

.cmd-stat.dashboard-path-card,
.dashboard-path-badge,
.archived-filter-btn,
.view-path-banner,
.archived-intel-item,
.archived-intel-overlay-panel,
#marketDataHelpPanel,
.settings-focus-highlight {
  transition:
    transform var(--delight-fast, 160ms) var(--delight-ease, ease),
    border-color var(--delight-mid, 180ms) ease,
    box-shadow var(--delight-mid, 180ms) var(--delight-ease, ease),
    background-color var(--delight-mid, 180ms) ease;
}

.cmd-stat.dashboard-path-card {
  overflow: hidden;
  background: var(--beauty-glass-strong) !important;
  border-color: var(--aegis-border) !important;
  box-shadow: var(--shadow-card) !important;
  isolation: isolate;
}

.cmd-stat.dashboard-path-card::before {
  background: var(--beauty-accent-line) !important;
}

.cmd-stat.dashboard-path-card:hover,
.cmd-stat.dashboard-path-card:focus-visible {
  border-color: rgba(4, 120, 87, 0.36) !important;
  box-shadow: var(--aegis-glow) !important;
  transform: translateY(-1px);
}

.cmd-stat.dashboard-path-card:active {
  transform: translateY(0) scale(0.985);
}

.dashboard-path-chevron {
  color: var(--aegis-muted);
  opacity: 0.72;
}

.dashboard-path-badge {
  min-height: var(--tap-min, 44px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.64) inset;
}

.dashboard-path-badge:hover,
.dashboard-path-badge:focus-visible,
.archived-filter-btn:hover,
.archived-filter-btn:focus-visible {
  border-color: var(--beauty-chip-border) !important;
  box-shadow: 0 0 0 3px rgba(15, 159, 143, 0.1) !important;
  transform: translateY(-1px);
}

.dashboard-path-badge:active,
.archived-filter-btn:active {
  transform: translateY(0) scale(0.985);
}

.dashboard-actions,
.hero-status-badges {
  gap: 0.55rem;
}

.view-path-banner {
  position: relative;
  overflow: hidden;
  background: var(--beauty-glass) !important;
  border-color: var(--beauty-chip-border) !important;
  box-shadow: var(--shadow-card) !important;
}

.view-path-banner::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--beauty-accent-line);
}

.view-path-banner .pill,
.archived-filter-btn.is-active {
  background: var(--beauty-chip-bg) !important;
  border-color: var(--beauty-chip-border) !important;
  color: var(--aegis-emerald) !important;
}

.archived-intel-card {
  gap: 0.75rem;
}

.archived-intel-toolbar {
  gap: 0.6rem;
}

.archived-filter-group,
.archived-intel-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.archived-intel-item {
  position: relative;
  overflow: hidden;
  background: var(--beauty-glass-strong) !important;
  border-color: var(--aegis-border) !important;
  box-shadow: var(--shadow-card) !important;
}

.archived-intel-item::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--aegis-emerald);
}

.archived-intel-item:has(.pill.good)::before {
  background: var(--aegis-emerald);
}

.archived-intel-item:has(.pill.warn)::before {
  background: var(--aegis-amber);
}

.archived-intel-item:has(.pill.info)::before {
  background: var(--aegis-cyan);
}

.archived-intel-item:hover,
.archived-intel-item:focus-within {
  border-color: rgba(4, 120, 87, 0.34) !important;
  box-shadow: var(--aegis-glow) !important;
}

.archived-intel-item-head,
.archived-intel-counts {
  gap: 0.45rem;
}

.archived-intel-item-title {
  color: var(--aegis-ink);
  letter-spacing: -0.01em;
}

.archived-intel-local-note {
  margin: 0.25rem 0 0;
  color: var(--aegis-muted);
}

.archived-intel-overlay-panel,
.app-overlay-panel {
  background: var(--beauty-glass-strong) !important;
  border-color: var(--aegis-border) !important;
  box-shadow: var(--aegis-shadow) !important;
}

#marketDataHelpPanel,
#marketDataHelpPanel.is-path-focus {
  border-color: var(--aegis-border) !important;
  box-shadow: var(--shadow-card) !important;
}

#marketDataHelpPanel.is-path-focus,
.settings-focus-highlight {
  box-shadow: var(--aegis-glow) !important;
}

.dashboard-path-card:focus-visible,
.dashboard-path-badge:focus-visible,
.archived-filter-btn:focus-visible,
.view-path-clear:focus-visible,
#marketDataHelpPanel:focus-within {
  outline: 2px solid rgba(14, 165, 183, 0.58) !important;
  outline-offset: 2px;
}

html,
body {
  overscroll-behavior: none;
}

.cmd-shell,
.app-main,
.app-view,
.panel,
.card,
.archived-intel-item,
.view-path-banner {
  max-width: 100%;
}

@media (max-width: 430px) {
  .hero-status-badges,
  .dashboard-actions,
  .archived-intel-toolbar,
  .archived-filter-group,
  .archived-intel-toolbar-actions {
    width: 100%;
  }

  .dashboard-path-badge,
  .archived-filter-btn,
  .archived-intel-toolbar-actions .btn,
  .view-path-banner .btn {
    min-height: var(--tap-min, 44px);
  }

  .archived-filter-btn,
  .archived-intel-toolbar-actions .btn {
    flex: 1 1 8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cmd-stat.dashboard-path-card,
  .dashboard-path-badge,
  .archived-filter-btn,
  .view-path-banner,
  .archived-intel-item,
  .archived-intel-overlay-panel,
  #marketDataHelpPanel,
  .settings-focus-highlight {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}