/* Minimal design tokens / utility layer for simplified SSG + Alpine pattern */
/* Keep intentionally tiny; extend only with proven repetition. */


.dhgc-filter-btn {
	padding:0.25rem 0.75rem;
	border-radius:0.375rem;
	border:1px solid rgba(0,0,0,0.08);
	background:var(--color-cream);
	color:var(--color-churchill-brown);
	font-size:0.875rem;
	line-height:1.25rem;
	transition:background .15s,color .15s,border-color .15s,box-shadow .15s;
}
.dhgc-filter-btn.is-active {
	background:var(--color-caius-blue);
	color:var(--color-white);
	border-color:var(--color-caius-blue);
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.dhgc-filter-btn:focus { outline:2px solid rgba(21,128,61,0.12); outline-offset:2px; }

.dhgc-stats-table { font-size:0.875rem; border-collapse:collapse; width:100%; }
.dhgc-stats-table th { border-bottom:2px solid rgba(0,0,0,0.06); font-weight:600; background:var(--color-churchill-brown); color:var(--color-white); text-align:left; padding:0.5rem 0.75rem; }
.dhgc-stats-table td { vertical-align:middle; padding:0.5rem 0.75rem; }
.dhgc-stats-table .num { text-align:right; font-variant-numeric:tabular-nums; }
.dhgc-stats-table tr:hover td { background: rgba(212,175,55,0.03); }

.dhgc-card { border:1px solid rgba(0,0,0,0.06); background:var(--color-cream); border-radius:0.5rem; padding:1rem; box-shadow:0 1px 2px rgba(0,0,0,0.04); }

.dhgc-selected-row { background: rgba(59,130,246,0.08); }

.dhgc-scroll { overflow-x:auto; }

/* StatsPanel: consistent outer box and header used across stats routes */
.dhgc-panel-outer { padding: 0.25rem 0; }
/* Inner panel: strong downing-red border (used for the inner boxed groups) and cream background
	This replaces the previous faint pink/purple tint so all sub-cards match the Scores look. */
.dhgc-stats-panel { background: var(--color-cream); border: 3px solid var(--color-downing-red); border-radius: 0.6rem; padding: 0.75rem; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.dhgc-stats-panel-header { padding: 0.5rem 0.75rem; border-bottom: 1px solid rgba(0,0,0,0.04); }
.dhgc-stats-panel-body { padding: 0.75rem; }
.dhgc-stats-panel .dhgc-filter-btn { margin-left: 0.25rem; }

/* make FilterBar visually separated inside the panel */
.dhgc-stats-panel .dhgc-filter-section { background: transparent; padding: 0.25rem 0; }


/* StatsPanel boxing to match Tours/Misc visual style */
/* ensure consistent inner panel appearance (override any accidental translucency) */
.dhgc-stats-panel { background: var(--color-cream) !important; }
.dhgc-stats-panel-header { display:flex; align-items:center; justify-content:space-between; }
.dhgc-stats-panel-body { padding:0.5rem 0.25rem; }
.dhgc-stats-panel .dhgc-title-section { margin:0; }

/* Make the outer black box wrapper used by Tours/Misc available */
.dhgc-panel-outer {
	/* Outer grouping wrapper: solid black border to frame each major grouping */
	border: 2px solid var(--color-black);
	padding: 1.25rem;
	border-radius: 0.6rem;
	background: var(--color-cream);
}

/* Centralized sticky-first-column rules for StatsGrid */
.dhgc-stats-table.has-sticky-first { border-collapse: separate; }
.dhgc-stats-table .sticky-col {
	position: sticky;
	left: 0;
	z-index: 500;
	min-width: 11rem;
	max-width: 11rem;
	width: 11rem;
	overflow: hidden;
	background: var(--color-white, #ffffff);
	box-shadow: 3px 0 4px -2px rgba(0,0,0,0.18);
	border-right: 1px solid rgba(209,213,219,1);
	background-clip: padding-box;
}
.dhgc-stats-table tr:nth-child(even) .sticky-col { background: #f8fafb; }
.dhgc-stats-table td:not(.sticky-col), .dhgc-stats-table th:not(.sticky-col) { position: relative; z-index: 1; }
.dhgc-stats-table thead th.sticky-col { top: 0; }
.pivot-leaderboard .dhgc-stats-table .sticky-col { background: var(--color-white, #fff) !important; box-shadow: 4px 0 6px -2px rgba(0,0,0,0.18); }

/* Keep file under 50 lines (guardrail) */

/* Utility: compact/narrow table font for pivot-heavy views */
.narrow-font .dhgc-stats-table { font-size: 0.75rem; }
.narrow-font .dhgc-stats-table th { font-size: 0.7rem; }

/* Centralized nowrap for pivot leaderboards */
.pivot-leaderboard .dhgc-stats-table th,
.pivot-leaderboard .dhgc-stats-table td { white-space: nowrap; }