@import url("design-final.css");

.card-title,.table-open { appearance:none; border:0; padding:0; margin:0; background:transparent; color:inherit; font:inherit; font-weight:inherit; text-align:left; cursor:pointer; }
.card-title { width:100%; line-height:inherit; }
.card-title:hover,.table-open:hover { color:var(--brand); text-decoration:underline; text-underline-offset:3px; }
.table-open { font-weight:700; }
.card-title:focus-visible,.table-open:focus-visible,th[data-s]:focus-visible { outline:3px solid #e7a448; outline-offset:3px; border-radius:3px; }
th[data-s] { cursor:pointer; }

/* Dark mode KPI contrast correction. */
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .kpi.good .n{color:#54ddbc}}
:root[data-theme=dark] .kpi.good .n{color:#54ddbc}