/* Shared card system based on the live Top Tier Analysis visual language. */
:root{--tg-card-surface:var(--card,#fff);--tg-card-line:var(--border,#e3e4f0);--tg-card-muted:var(--muted-foreground,#697386);--tg-card-fg:var(--foreground,#111827);--tg-card-shadow:0 1px 2px rgba(20,24,43,.04),0 10px 28px -20px rgba(20,24,43,.28);--tg-card-shadow-hover:0 2px 4px rgba(20,24,43,.06),0 14px 34px -18px rgba(20,24,43,.34)}
.tg-tier-card{background:var(--tg-card-surface)!important;border:1px solid var(--tg-card-line)!important;border-radius:14px!important;box-shadow:var(--tg-card-shadow)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;min-width:0}
.tg-tier-card:hover{box-shadow:var(--tg-card-shadow-hover)!important}
.tg-tier-card--metric{font-variant-numeric:tabular-nums}
.tg-tier-link{cursor:pointer;position:relative;border-radius:10px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.tg-tier-link:hover{background:color-mix(in srgb,var(--tg-brand,#f97316) 5%,transparent);transform:translateY(-1px)}
.tg-tier-link:focus-visible{outline:2px solid var(--tg-brand,#f97316);outline-offset:2px}
.tg-tier-link:after{content:'→';font-size:11px;font-weight:800;color:var(--tg-card-muted);margin-left:auto;padding-left:8px}
.tg-tier-link--round{border-radius:50%}.tg-tier-link--round:after{content:none!important}.tg-tier-link--round:hover{transform:none}
html[data-tg-card-page="community-pipeline"] .pl-day,html[data-tg-card-page="community-pipeline"] .pl-todo{border-color:var(--tg-card-line)!important;box-shadow:var(--tg-card-shadow)!important}
html[data-tg-card-page="handover"] .gc-ho-stats{gap:1px;background:var(--tg-card-line);border:1px solid var(--tg-card-line);border-radius:14px;overflow:hidden}
html[data-tg-card-page="handover"] .gc-ho-stat{border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-tg-card-page="reach"] .gc-reach-kpi,html[data-tg-card-page="reporting"] .gc-analysis-kpi{min-height:112px}
@media(max-width:640px){.tg-tier-card{border-radius:12px!important}.tg-tier-link:after{display:none}html[data-tg-card-page="handover"] .gc-ho-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.tg-tier-card,.tg-tier-link{transition:none!important}.tg-tier-link:hover{transform:none}}