/* ==========================================================================
   NP INVESTOR — AKTIETABEL (SEO Suite-plugin)
   Pluginet renderer med gammel inline-styling. Vi overtrumfer med !important
   (author-!important slaar inline-styles) og matcher det nye design.
   ========================================================================== */

.npt-wrap { margin: 18px 0 !important; }
.npt-wrap table { font-size: 14px !important; }

/* Filter-pills + soegefelt — lettere */
.npt-wrap .npt-pill {
	padding: 6px 13px !important; font-family: var(--np-font-sans) !important;
	font-size: 12.5px !important; font-weight: 500 !important;
}
.npt-wrap .npt-search {
	border: 1px solid var(--np-line) !important; border-radius: 10px !important;
	padding: 10px 14px !important; font-family: var(--np-font-sans) !important; color: var(--np-ink) !important;
}

/* Tabel-container */
.npt-wrap div[style*="overflow-x"] { border: 1px solid var(--np-line) !important; border-radius: 12px !important; }

/* Hoved — kompakt, versaler, dæmpet */
.npt-wrap thead tr { background: var(--np-bg-soft) !important; border-bottom: 1px solid var(--np-line) !important; }
.npt-wrap thead th {
	padding: 10px 12px !important; font-family: var(--np-font-sans) !important;
	font-size: 11px !important; font-weight: 600 !important; letter-spacing: .05em !important;
	text-transform: uppercase !important; color: var(--np-slate-500) !important;
}

/* Raekker — tættere (mindre bulky) */
.npt-wrap .npt-row td { padding: 8px 12px !important; border-bottom: 1px solid var(--np-line) !important; vertical-align: middle !important; }
.npt-wrap .npt-row:hover td { background: var(--np-bg-soft) !important; }
.npt-wrap .npt-rank { color: var(--np-slate-400) !important; font-family: var(--np-font-mono) !important; }

/* Logo mindre */
.npt-wrap .npt-row td img { width: 20px !important; height: 20px !important; margin-right: 8px !important; }

/* Aktienavn — display-font, on-brand link */
.npt-wrap .npt-row td a { color: var(--np-ink) !important; font-family: var(--np-font-display) !important; }
.npt-wrap .npt-row td a:hover { color: var(--np-accent) !important; }

/* Tal i mono (kurs, dag %, markedsvaerdi) — pct-farve (groen/roed) roeres ikke */
.npt-wrap .npt-price, .npt-wrap .npt-pct, .npt-wrap td[data-sort] { font-family: var(--np-font-mono) !important; }
.npt-wrap .npt-price { color: var(--np-ink) !important; }

/* Koeb-knapper — tættere + on-brand (Nordnet groen, Saxo blaa) */
.npt-wrap a[href*="/mere/nordnet"], .npt-wrap a[href*="/mere/saxo"] {
	padding: 6px 12px !important; border-radius: 8px !important;
	font-family: var(--np-font-sans) !important; font-size: 12px !important; font-weight: 600 !important;
}
.npt-wrap a[href*="/mere/nordnet"] { background: var(--np-up) !important; }
.npt-wrap a[href*="/mere/saxo"] { background: #1442f0 !important; }
/* Knap-tekst altid hvid (Saxo var sort paa blaa) */
.npt-wrap a[href*="/mere/nordnet"], .npt-wrap a[href*="/mere/saxo"] { color: #fff !important; }

/* Sektor-kolonne fylder mindre + afkortes pænt med ellipsis */
.npt-wrap thead th:nth-child(3), .npt-wrap tbody td:nth-child(3) {
	max-width: 150px !important; overflow: hidden !important;
	text-overflow: ellipsis !important; white-space: nowrap !important;
}
.npt-wrap tbody td:nth-child(3) { font-size: 12.5px !important; color: var(--np-slate-600) !important; }

/* Sorterbare kolonner: vis tydeligt at de kan klikkes */
.npt-wrap thead th[data-col] { cursor: pointer !important; }
.npt-wrap thead th[data-col]::after { content: " ⇅"; opacity: .45; font-size: .85em; }
.npt-wrap thead th[data-col]:hover { color: var(--np-ink) !important; }

/* Klikbare raekker (hele raekken -> aktiesiden) */
.npt-wrap .npt-row--clickable { cursor: pointer; }
.npt-wrap .npt-row--clickable:hover td { background: var(--np-bg-soft) !important; }