/*
 * TokenPilot semantic panel helper surfaces.
 *
 * This component layer is intentionally not loaded globally yet.
 * It depends on static/css/tokens.css and complements panels.css from
 * the panels component foundation stack.
 *
 * Split out from the larger PR #1 panels layer to keep helper boxes,
 * priority rows and sidebar shell surfaces easy to test in the later
 * controlled cascade pilot.
 */

/* Helper box panel token layer. */

.helper-box{
  --helper-box-accent:var(--accent-primary);
  --helper-box-surface:var(--accent-primary-soft);
  --helper-box-ring:var(--accent-primary-ring);
  color:var(--text-primary);
  border-color:var(--helper-box-ring);
  background:linear-gradient(180deg, var(--helper-box-surface), var(--surface-card-muted));
}

.helper-title{
  color:color-mix(in srgb, var(--helper-box-accent) 28%, var(--text-primary));
}

.helper-copy{
  color:var(--text-secondary);
}

.helper-point{
  border-color:var(--border-subtle);
  background:var(--surface-card-muted);
}

.helper-point .k{
  color:var(--text-secondary);
}

.helper-point .v{
  color:var(--text-primary);
}

.helper-box.helper-box-market{
  --helper-box-accent:var(--accent-primary);
  --helper-box-surface:var(--accent-primary-soft);
  --helper-box-ring:var(--accent-primary-ring);
}

.helper-box.helper-box-flow{
  --helper-box-accent:var(--accent-violet, var(--accent-primary));
  --helper-box-surface:var(--accent-violet-soft, var(--accent-primary-soft));
  --helper-box-ring:var(--accent-violet-ring, var(--accent-primary-ring));
}

.helper-box.helper-box-elliott{
  --helper-box-accent:var(--state-warning);
  --helper-box-surface:var(--state-warning-soft);
  --helper-box-ring:var(--state-warning-ring);
}

.helper-box.helper-box-fib{
  --helper-box-accent:var(--accent-violet, var(--accent-primary));
  --helper-box-surface:var(--accent-violet-soft, var(--accent-primary-soft));
  --helper-box-ring:var(--accent-violet-ring, var(--accent-primary-ring));
}

.helper-box.helper-box-spot_setup{
  --helper-box-accent:var(--state-success);
  --helper-box-surface:var(--state-success-soft);
  --helper-box-ring:var(--state-success-ring);
}

.helper-box.helper-box-trading_setup{
  --helper-box-accent:var(--state-danger);
  --helper-box-surface:var(--state-danger-soft);
  --helper-box-ring:var(--state-danger-ring);
}

/* Watchlist card action and priority panel token layer. */

.card-actions,
.priority-row{
  border-top-color:var(--border-muted);
}

.hidden-reason,
.priority-copy span{
  color:var(--text-secondary);
}

.priority-copy strong{
  color:var(--text-primary);
}

.coin-card.card-priority-kritisch{
  box-shadow:var(--shadow-card-priority-danger, 0 0 0 1px var(--state-danger-ring) inset, var(--shadow-panel));
}

.coin-card.card-priority-hoch{
  box-shadow:var(--shadow-card-priority-warning, 0 0 0 1px var(--state-warning-ring) inset, var(--shadow-panel));
}

.coin-card.card-priority-mittel{
  box-shadow:var(--shadow-card-priority-primary, 0 0 0 1px var(--accent-primary-ring) inset, var(--shadow-panel));
}

.coin-card.card-priority-niedrig{
  box-shadow:var(--shadow-card-priority-success, 0 0 0 1px var(--state-success-ring) inset, var(--shadow-panel));
}

/* Sidebar shell token layer. */

.sidebar{
  background:var(--surface-card);
  box-shadow:var(--shadow-floating);
}