/* Market Screener — additions on top of the shared Coastal Ledger design system */

.selection-summary { font-size: var(--text-sm); color: var(--color-text-muted); }
.selection-summary .tabular { color: var(--color-text); font-weight: 600; }

.btn-primary {
  background: var(--color-primary);
  color: var(--color-text-inverse);
  border: none;
  border-radius: var(--radius-md);
  padding: var(--space-2) var(--space-4);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition);
}
.btn-primary:hover { background: var(--color-primary-hover); }
.btn-primary:active { background: var(--color-primary-active); }
.btn-primary:disabled { opacity: 0.55; cursor: not-allowed; }
.btn-block { width: 100%; }

.selection-hint { font-size: var(--text-xs); color: var(--color-text-faint); line-height: 1.5; }

.sidebar-link {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-size: var(--text-xs);
  font-weight: 500;
}
.sidebar-link:hover { text-decoration: underline; }

.col-select { width: 56px; text-align: center; }
.select-checkbox {
  width: 18px; height: 18px;
  accent-color: var(--color-primary);
  cursor: pointer;
}
td.col-select { text-align: center; }

tr.row-selected { background: color-mix(in oklab, var(--color-primary-highlight) 45%, transparent); }
tr.row-selected:hover { background: color-mix(in oklab, var(--color-primary-highlight) 60%, transparent); }

.region-tag {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}

.coverage-badge {
  font-size: var(--text-xs);
  padding: 2px var(--space-2);
  border-radius: var(--radius-full);
  font-weight: 500;
}
.coverage-existing { background: var(--color-success-highlight); color: var(--color-success); }
.coverage-new { background: var(--color-gold-highlight); color: var(--color-gold); }

/* Drawer evidence blocks */
.evidence-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
}
.evidence-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.evidence-dim { font-family: var(--font-display); font-size: var(--text-base); font-weight: 600; color: var(--color-text); }
.evidence-score { font-family: var(--font-mono); font-weight: 700; font-size: var(--text-lg); }
.evidence-facts { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.evidence-fact {
  font-size: var(--text-xs);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 3px var(--space-2);
  color: var(--color-text-muted);
}
.evidence-fact strong { color: var(--color-text); }
.evidence-note { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.6; }
.evidence-sources { display: flex; flex-direction: column; gap: 2px; }
.evidence-sources a {
  font-size: var(--text-xs);
  color: var(--color-primary);
  text-decoration: none;
  word-break: break-all;
}
.evidence-sources a:hover { text-decoration: underline; }

.weights-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.weights-table th, .weights-table td { text-align: left; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-divider); }
.weights-table th { color: var(--color-text-faint); font-weight: 500; text-transform: uppercase; font-size: var(--text-xs); letter-spacing: 0.03em; }