/* ============================================================
 * MFN / Datablocks widgets — konsekvent styling
 * ACSS-kompatibel: root font-size 62.5% (1rem = 10px)
 * Brödtext: 1.8rem (= 18px)
 * Klassprefix från Datablocks: .mf- / .mfn- / .mf_ / .highcharts-
 * Vår wrapper: .nbt-mfn-widget
 *
 * Färgvariabler — override per sida via Bricks "custom CSS" om så önskas:
 *   .nbt-mfn-widget { --mfn-accent: #abc; }
 * ============================================================ */

.nbt-mfn-widget {
    --mfn-accent: #49a9bb;
    --mfn-accent-hover: #3a8b9c;
    --mfn-accent-soft: rgba(73, 169, 187, 0.08);
    --mfn-surface: #f5f4ed;
    --mfn-text: #34495e;
    --mfn-text-muted: rgba(52, 73, 94, 0.6);
    --mfn-border: rgba(52, 73, 94, 0.12);
    --mfn-radius: 0.6rem;
    --mfn-radius-pill: 999rem;
    --mfn-shadow-sm: 0 1px 2px rgba(52, 73, 94, 0.08);
    --mfn-shadow-md: 0 4px 12px rgba(52, 73, 94, 0.12);

    font-size: 1.8rem;
    line-height: 1.6;
    color: var(--mfn-text);
    /* Förhindra att grafer/tabeller bryter ut ur sin container i grid/flex */
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.nbt-mfn-widget * {
    box-sizing: border-box;
}

/* ----- Tabeller (stock-table, kpi-table-v2, owner-list m.fl.) ----- */

/* Datablocks wrapper har inline `width: fit-content` — vi vill ha full bredd */
.nbt-mfn-widget .mf-table-wrapper[style*="fit-content"] {
    width: 100% !important;
}

/* Responsiv horisontell scroll — visas vid verklig overflow */
.nbt-mfn-widget .mf-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Owner-list (Största aktieägare) har ett phantom 20px-overflow från MFN:s
 * interna footer-div — dölj scrollbar specifikt för denna widget. */
.nbt-mfn-widget.nbt-mfn-owner-list .mf-table-wrapper {
    scrollbar-width: none;
}

.nbt-mfn-widget.nbt-mfn-owner-list .mf-table-wrapper::-webkit-scrollbar {
    display: none;
}

.nbt-mfn-widget table,
.nbt-mfn-widget table.mf-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.6rem;
    table-layout: auto;
}

.nbt-mfn-widget th,
.nbt-mfn-widget td {
    padding: 1.4rem 1.6rem;
    text-align: left;
    border: none;
    font-size: 1.6rem;
    vertical-align: middle;
    color: var(--text-dark);
    /* Default: ingen radbrytning i tabellceller — håller siffror/datum/procent på en rad.
     * Undantag definieras nedan för namnkolumner som faktiskt behöver wrap. */
    white-space: nowrap;
}

/* Namn-/titel-kolumner får radbryta vid behov */
.nbt-mfn-widget td.owner-name,
.nbt-mfn-widget td.mf-col-name,
.nbt-mfn-widget td.aggregated-names,
.nbt-mfn-widget td.mf-insider-name,
.nbt-mfn-widget .mfn-archive-event-title,
.nbt-mfn-widget .mfn-archive-event-heading,
.nbt-mfn-widget td.description,
.nbt-mfn-widget td.mf-event-name {
    white-space: normal;
}

/* Riktiga kolumnrubriker (när tabellen har thead) */
.nbt-mfn-widget thead th {
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: none;
    letter-spacing: 0;
    color: var(--primary-dark);
    background: transparent;
    border: none;
    padding: 1.6rem 1.6rem;
}

/* Nyckel-cellen i key-value-tabeller (vänsterkolumn) — t.ex. "Ticker", "Senast betalt".
 * Datablocks använder klassen `.table-head` på dessa <td>. */
.nbt-mfn-widget td.table-head,
.nbt-mfn-widget td.mf-tbl-col-0 {
    font-weight: 400;
    color: var(--text-dark);
    padding-right: 2.4rem;
    white-space: nowrap;
}

/* Värdecellen (höger) tar resterande utrymme */
.nbt-mfn-widget td.mf-tbl-col-1 {
    text-align: left;
    width: 100%;
}

/* (Tidigare individuella nowrap-regler — nu täcks av default-regeln ovan) */

/* Zebra-striping — tydligare cream-alternering á la Cision */
.nbt-mfn-widget tbody tr:nth-child(even) td {
    background: rgba(245, 244, 237, 0.5);
}

.nbt-mfn-widget tbody tr:hover td {
    background: color-mix(in srgb, var(--bricks-color-zqphtr) 98%, black);
}


.nbt-mfn-widget .delta-today.negative,
.nbt-mfn-widget .delta-year.negative,
.nbt-mfn-widget .delta-year-dividend.negative,
.nbt-mfn-widget .negative {
    color: #c0392b;
}

.nbt-mfn-widget .delta-today.positive,
.nbt-mfn-widget .delta-year.positive,
.nbt-mfn-widget .delta-year-dividend.positive,
.nbt-mfn-widget .positive {
    color: #27ae60;
}

/* ----- Graf-containers ----- */

.nbt-mfn-widget [id^="mf_kpiGraph-"],
.nbt-mfn-widget [id^="mf_stockChart-"],
.nbt-mfn-widget [id^="mf_volumeHistory-"] {
    min-height: 40rem;
    width: 100%;
}

/* Demo-vattenstämpel från Datablocks — dölj helt (visas mest på demo/broken state
 * och orsakar horisontell overflow eftersom MFN positionerar den absolut). */
.nbt-mfn-widget .mf-ticker-background {
    display: none !important;
}

/* ----- Kontrollraden (.chartContrls) — period-väljare + graftyp + export ----- */
/* Datablocks struktur:
 * .chartContrls > .rangeSelector (float:left) + .buttons.selector.dropdown (float:right)
 * Vi gör hela raden till flex och låter children fördelas naturligt.
 */

.nbt-mfn-widget .chartContrls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 1.6rem;
    padding: 0.8rem 1.2rem;
    background: var(--mfn-surface);
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius);
}

.nbt-mfn-widget .chartContrls::after {
    content: none; /* nollställ ev. clearfix från float-layout */
}

.nbt-mfn-widget .chartContrls > * {
    float: none !important;
}

/* Period-väljaren tar utrymmet till vänster och trycker övriga knappar höger */
.nbt-mfn-widget .rangeSelector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-right: auto;
}

.nbt-mfn-widget .rangeSelector > svg {
    width: 2rem;
    height: 2rem;
    fill: var(--mfn-text-muted);
    margin-right: 0.6rem;
    flex-shrink: 0;
}

/* Graftyp-dropdown + export i höger del */
.nbt-mfn-widget .chartContrls .buttons.selector,
.nbt-mfn-widget .chartContrls .dropdown {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.nbt-mfn-widget .chartContrls .selectBtn,
.nbt-mfn-widget .chartContrls .dropdownTrigger,
.nbt-mfn-widget .chartContrls button:not(.rangeSelectorButton) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    padding: 0.6rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--mfn-radius);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.nbt-mfn-widget .chartContrls .selectBtn:hover,
.nbt-mfn-widget .chartContrls .dropdownTrigger:hover,
.nbt-mfn-widget .chartContrls button:not(.rangeSelectorButton):hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: var(--mfn-border);
}

.nbt-mfn-widget .chartContrls .selectBtn svg,
.nbt-mfn-widget .chartContrls .dropdownTrigger svg,
.nbt-mfn-widget .chartContrls button:not(.rangeSelectorButton) svg {
    width: 1.8rem;
    height: 1.8rem;
}

/* Period-knappar */
.nbt-mfn-widget .rangeSelectorButton,
.nbt-mfn-widget .buttons.checkable.rangeSelectorButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.4rem;
    padding: 0.4rem 1.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--mfn-text);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--mfn-radius-pill);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.nbt-mfn-widget .rangeSelectorButton:hover {
    background: var(--mfn-accent-soft);
    border-color: var(--mfn-border);
}

.nbt-mfn-widget .rangeSelectorButton:focus-visible {
    outline: 2px solid var(--mfn-accent);
    outline-offset: 2px;
}

.nbt-mfn-widget .rangeSelectorButton.selected,
.nbt-mfn-widget .buttons.checkable.rangeSelectorButton.selected {
    background: var(--mfn-accent);
    color: #fff;
    border-color: var(--mfn-accent);
}

.nbt-mfn-widget .rangeSelectorButton.selected:hover {
    background: var(--mfn-accent-hover);
    border-color: var(--mfn-accent-hover);
}

/* Ikon-knappar (graftyper, export-meny) i topp-höger */
.nbt-mfn-widget .rangeSelector [class*="button"]:not(.rangeSelectorButton),
.nbt-mfn-widget .highcharts-menu-item {
    padding: 0.6rem;
    border-radius: var(--mfn-radius);
}

.nbt-mfn-widget .highcharts-button {
    cursor: pointer;
}

/* ----- Highcharts native ----- */

.nbt-mfn-widget .highcharts-credits {
    display: none;
}

.nbt-mfn-widget .highcharts-tooltip-box {
    fill: #fff;
    stroke: var(--mfn-border);
    stroke-width: 1;
    filter: drop-shadow(0 4px 12px rgba(52, 73, 94, 0.12));
}

.nbt-mfn-widget .highcharts-tooltip text {
    font-size: 1.3rem !important;
    fill: var(--mfn-text) !important;
}

.nbt-mfn-widget .highcharts-axis-labels text {
    font-size: 1.2rem !important;
    fill: var(--mfn-text-muted) !important;
}

.nbt-mfn-widget .highcharts-scrollbar-thumb {
    fill: var(--mfn-accent);
    stroke: var(--mfn-accent);
}

/* Export-meny popover */
.nbt-mfn-widget .highcharts-contextmenu {
    border-radius: var(--mfn-radius) !important;
    box-shadow: var(--mfn-shadow-md) !important;
    border: 1px solid var(--mfn-border) !important;
}

/* ----- Arkiv (archive) — rapporter & presentationer -----
 * Två varianter:
 *   A) "Latest interim" — div-baserad (ej tabell), staplar år vertikalt
 *      med flex-rad av events horisontellt
 *   B) "Full archive" — tabell-baserad, en kolumn per filtyp
 * Båda har klassen .mfn-archive och vi delar styling där det går.
 * ----- */

/* Headers (gemensamt) — bort med MFN:s gråblå default */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-header,
.nbt-mfn-widget.nbt-mfn-archive td.mfn-archive-header {
    background: transparent !important;
    color: var(--primary-dark) !important;
    font-weight: 700;
    text-transform: none;
}

/* Årtalet — stort och tydligt */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-header-year {
    font-size: 2rem !important;
    font-weight: 700;
    padding: 1.6rem 1.6rem !important;
    margin: 0 !important;
}

/* Kolumnrubriker (Rapport, Finansiell data, etc.) — en rad */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-header-item-type {
    font-weight: 600;
    color: var(--text-dark) !important;
    white-space: nowrap;
    text-align: center !important;
}

/* Mer luft i tabell-celler — överskriver inline padding */
.nbt-mfn-widget.nbt-mfn-archive td {
    padding: 1.4rem 1.6rem !important;
    min-width: auto !important;
}

.nbt-mfn-widget.nbt-mfn-archive table {
    width: 100%;
}

/* === Variant A: Latest interim (div-baserad) === */

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-year:not(tbody) {
    padding: 1.6rem 0;
    border-bottom: 1px solid var(--mfn-border);
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-year:not(tbody):last-child {
    border-bottom: none;
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-events {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2rem 3rem;
    flex-direction: row !important; /* override row-reverse */
    justify-content: flex-start !important;
    padding: 0;
    margin-bottom: var(--space-m);
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-event {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.6rem;
    margin-right: 0 !important;
    min-width: 22rem;
    padding: 2rem;
    background: #fff;
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius);
    box-shadow: var(--mfn-shadow-sm);
}

/* === Rapporttitel + datum (gemensamt) === */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-event-heading {
    line-height: 1.4;
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-event-title {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--text-dark);
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-event-date {
    font-size: 1.3rem !important;
    color: var(--mfn-text-muted);
    margin-top: 0.2rem;
}

/* === PDF-knapp (gemensamt för båda varianter) === */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-item {
    margin: 0.4rem 0 !important;
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-item a {
    display: inline-flex !important;
    align-items: center;
    gap: 1.6rem;
    width: auto !important;
    padding: 0.9rem 1.6rem;
    background: #fff;
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius);
    color: var(--text-dark);
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-item a:hover {
    background: #000;
    border-color: #000;
    color: #fff;
    text-decoration: none;
}

/* PDF-ikon i knappen */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-item img {
    height: 2.2rem !important;
    width: auto;
    margin-right: 0 !important;
    opacity: 0.8;
    transition: opacity 0.15s ease;
}

.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-item a:hover img {
    opacity: 1;
    filter: invert(1) brightness(2);
}

/* Span med filtyp-namn ("PDF") — i latest-variant */
.nbt-mfn-widget.nbt-mfn-archive .mfn-archive-item-title {
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* I tabell-variant — om cellen är tom ska ingen knapp visas (no <a>) */
.nbt-mfn-widget.nbt-mfn-archive td.mfn-archive-item:empty {
    border: none;
}

/* ----- Arkiv (gammal radlista — behåll om någon annan archive-widget använder den) ----- */

/* ----- Arkiv (gammal radlista — behåll om någon annan archive-widget använder den) ----- */

.nbt-mfn-widget.nbt-mfn-archive .mf-archive-item {
    padding: 1.6rem 0;
    border-bottom: 1px solid var(--mfn-border);
    font-size: 1.8rem;
}

.nbt-mfn-widget.nbt-mfn-archive a {
    color: var(--mfn-accent);
    text-decoration: none;
    transition: color 0.15s ease;
}

.nbt-mfn-widget.nbt-mfn-archive a:hover {
    color: var(--mfn-accent-hover);
    text-decoration: underline;
}

/* ----- Kalender (calendar-v2) ----- */

.nbt-mfn-widget.nbt-mfn-calendar-v2 .mf-event {
    padding: 1.6rem 0;
    border-bottom: 1px solid var(--mfn-border);
}

.nbt-mfn-widget.nbt-mfn-calendar-v2 .mf-event-date {
    color: var(--mfn-accent);
    font-weight: 600;
}

/* Toolbar ovanför kalendertabellen — rubrik + Kommande/Arkiv-knappar */
.nbt-mfn-widget.nbt-mfn-calendar-v2 .mf-calendar-header {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-dark);
}

.nbt-mfn-widget.nbt-mfn-calendar-v2 .upcoming-btn,
.nbt-mfn-widget.nbt-mfn-calendar-v2 .archive-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.4rem;
    padding: 0.4rem 1.6rem;
    margin-left: 0.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--text-dark);
    background: transparent;
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius-pill);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.nbt-mfn-widget.nbt-mfn-calendar-v2 .upcoming-btn:hover,
.nbt-mfn-widget.nbt-mfn-calendar-v2 .archive-btn:hover {
    background: var(--mfn-accent-soft);
    border-color: var(--mfn-accent);
    color: var(--mfn-accent);
}

/* Toolbar-flexen runt rubrik + knappar — lite luft under */
.nbt-mfn-widget.nbt-mfn-calendar-v2 .mf-table > div[style*="space-between"] {
    align-items: center;
    margin-bottom: 1.6rem;
    padding: 0.8rem 0;
}

/* ----- Prenumeration (subscribe-v2) ----- */

/* Wrapper-box — matchar den gamla Cision-widgeten */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-subscribe {
    background: #fff;
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius);
    box-shadow: var(--mfn-shadow-sm);
    padding: 3.2rem 4rem;
}

/* Text-inputs och textareas — inte checkboxar */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 input:not([type="checkbox"]):not([type="radio"]),
.nbt-mfn-widget.nbt-mfn-subscribe-v2 select,
.nbt-mfn-widget.nbt-mfn-subscribe-v2 textarea {
    width: 100%;
    font-size: 1.6rem;
    padding: 1.2rem 1.6rem;
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius);
    background: #fff;
    color: var(--mfn-text);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nbt-mfn-widget.nbt-mfn-subscribe-v2 input:not([type="checkbox"]):focus,
.nbt-mfn-widget.nbt-mfn-subscribe-v2 input:not([type="radio"]):focus {
    outline: none;
    border-color: var(--mfn-accent);
    box-shadow: 0 0 0 3px var(--mfn-accent-soft);
}

/* Skicka-knapp — styling via ACSS btn--neutral btn--outline btn--m (läggs på av shortcoden) */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-sub-submit {
    margin-top: 0.8rem;
}

/* Checkbox-lista — vertikal, inga bullets */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-list {
    list-style: none;
    padding: 0;
    margin: 0 0 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

/* Språk-listan är kortare — lite horisontell */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-languages .mfn-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.2rem 2.4rem;
    margin-bottom: 2.4rem;
}

.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-list-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-list-item label {
    font-size: 1.7rem;
    color: var(--mfn-text);
    cursor: pointer;
}

/* Checkboxarna — custom styling med vit bock och luft */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 3rem;
    height: 3rem;
    border: 2px solid var(--mfn-border);
    border-radius: 0.4rem;
    background: #fff;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.nbt-mfn-widget.nbt-mfn-subscribe-v2 input[type="checkbox"]:checked {
    background: var(--mfn-accent);
    border-color: var(--mfn-accent);
}

/* Vit bock — SVG som background-image, centrerad med luft runt */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%;
}

/* Info-texterna ovanför checkboxarna */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-info p {
    font-size: 1.6rem;
    color: var(--mfn-text);
    margin: 0 0 0.6rem;
}

/* Ingresstext — stor, tydlig rubliknivå */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-info-main p {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 3.2rem;
}

/* Rubrik ovanför varje checkbox-grupp */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-info-options p,
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-info-languages p {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mfn-text-muted);
    margin-bottom: 1rem;
}

/* Block-spacing */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-block {
    margin: 0 0 0.8rem;
}

/* Fält-rad */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-field-row {
    margin: 1.2rem 0;
}

/* Dölj Adress-etiketten (email-fältet har placeholder) */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-field-label {
    display: none;
}

/* Felmeddelanden */
.nbt-mfn-widget.nbt-mfn-subscribe-v2 .mfn-alert {
    font-size: 1.4rem;
    color: #c0392b;
    margin-top: 0.6rem;
}

/* ----- Insider transactions / positions ----- */

.nbt-mfn-widget.nbt-mfn-insider-positions .mf-insider-name,
.nbt-mfn-widget.nbt-mfn-insider-transactions .mf-insider-name {
    font-weight: 600;
    color: var(--mfn-text);
}

/* Insider-tabeller har specifika rubriker — neutral textfärg, ingen bakgrund */
.nbt-mfn-widget.nbt-mfn-insider-positions thead th,
.nbt-mfn-widget.nbt-mfn-insider-transactions thead th {
    color: var(--text-dark);
    background: var(--mfn-surface) !important;
}

/* ----- KPI dashboard — kort/boxar ----- */

/* Root: responsivt rutnät istället för flex med space-evenly (jämn fördelning) */
.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1.6rem;
    justify-content: stretch !important;
}

/* Kort */
.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 2.4rem 2rem;
    background: #fff;
    border: 1px solid var(--mfn-border);
    border-radius: var(--mfn-radius);
    box-shadow: var(--mfn-shadow-sm);
    text-align: left !important;
}

.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard-item div {
    text-align: left !important;
}

/* Namn — kolumnrubrik-stil ovanför värdet */
.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard-name {
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mfn-text-muted);
}

/* Stort värde */
.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard-value {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--text-dark);
}

/* Enhet (MSEK, %, SEK) inline, mindre */
.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard-unit {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--mfn-text-muted);
    margin-left: 0.4rem;
}

/* Sekundär label (t.ex. "(Q1 2021)") */
.nbt-mfn-widget.nbt-mfn-kpi-dashboard .mf-kpi-dashboard-label {
    font-size: 1.3rem;
    color: var(--mfn-text-muted);
}