﻿:root {
    --fbt-color-text: #111;
    --fbt-color-muted: #555;
    --fbt-color-border: #222;
    --fbt-color-border-light: #d7dde3;

    --fbt-color-header-bg: #9cc9ef;
    --fbt-color-header-soft-bg: #f2f6fa;
    --fbt-color-highlight-bg: #ffff00;
    --fbt-color-total-soft-bg: #fffdf0;
    --fbt-color-stripe-bg: #cfe2f3;
    --fbt-color-stripe-soft-bg: #f7f7f7;
    --fbt-color-row-bg: #fff;
    

    --fbt-color-accent-red: #ff0000;
    --fbt-color-accent-green: #008000;
    --fbt-color-link: #0645ad;
    --fbt-color-sort-title: #005da8;
    --fbt-color-raw-million-bg: #d9ead3;

    --fbt-table-border-thin: 1px solid var(--fbt-color-border);
    --fbt-table-border-light: 1px solid var(--fbt-color-border-light);
    --fbt-table-border-strong: 2px solid var(--fbt-color-border);

    --fbt-table-font-size: 13px;
    --fbt-wide-table-font-size: 12px;
    --fbt-raw-table-font-size: 13px;
    --fbt-raw-table-print-font-size: 10px;

    --fbt-country-gap: 48px;
    --fbt-country-table-min-width: 420px;
    --fbt-wide-table-min-width: 1350px;
    --fbt-raw-table-min-width: 1100px;
    --fbt-raw-cn8-min-width: 280px;
    --fbt-raw-cn8-max-width: 420px;
    --fbt-raw-country-min-width: 150px;
}

/*
|--------------------------------------------------------------------------
| Dashboard / admin-style generic table
|--------------------------------------------------------------------------
*/

#finnboat-tulli-stats-dashboard table {
    width: 100%;
    border-collapse: collapse;
}

#finnboat-tulli-stats-dashboard th,
#finnboat-tulli-stats-dashboard td {
    padding: 6px 10px;
    border: 1px solid #ddd;
}

/*
|--------------------------------------------------------------------------
| Shared layout
|--------------------------------------------------------------------------
*/

.fbt-wrap {
    color: var(--fbt-color-text);
    font-family: Arial, Helvetica, sans-serif;
}

.fbt-title {
    font-size: 18px;
    line-height: 1.15;
    margin: 0 0 6px;
    font-weight: 700;
    text-align: left;
}

.fbt-title-green {
    color: var(--fbt-color-accent-green);
}

.fbt-title-red,
.fbt-red {
    color: var(--fbt-color-accent-red);
}

.fbt-subtitle {
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 22px;
}

.fbt-meta {
    font-size: 13px;
    line-height: 1.35;
    color: var(--fbt-color-muted);
    margin: 0 0 18px;
}

.fbt-note {
    margin-top: 16px;
    color: var(--fbt-color-muted);
    font-size: 12px;
    line-height: 1.35;
}

.fbt-actions {
    margin-bottom: 22px;
    font-size: 13px;
}

.fbt-actions a {
    color: var(--fbt-color-link);
    text-decoration: none;
    margin-right: 12px;
}

.fbt-actions a:hover {
    text-decoration: underline;
}

.fbt-actions button {
    cursor: pointer;
}

.fbt-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.fbt-table {
    width: 100%;
    border-collapse: collapse;
}

.fbt-table .number,
.fbt-table .country,
.fbt-table .country-col,
.fbt-table .metric-col {
    white-space: nowrap;
}

.fbt-table .number {
    text-align: right;
}

.fbt-table td.changed {
    color: var(--fbt-color-accent-red) !important;
    font-weight: 700;
}

/*
|--------------------------------------------------------------------------
| Country ranking table
|--------------------------------------------------------------------------
*/

.fbt-country-ranking {
    max-width: 1180px;
    margin: 0 auto;
}

.fbt-country-ranking .fbt-subtitle {
    margin-bottom: 42px;
}

.fbt-country-ranking .fbt-meta {
    margin-bottom: 20px;
}

.fbt-country-tables-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--fbt-country-gap);
    margin-bottom: 8px;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    color: var(--fbt-color-muted);
}

.fbt-sort-title {
    text-align: center;
    font-size: 13px;
    margin-bottom: 18px;
    font-weight: 700;
    color: var(--fbt-color-sort-title);
}

.fbt-country-tables {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--fbt-country-gap);
    align-items: start;
}

.fbt-country-table {
    width: 100%;
    min-width: var(--fbt-country-table-min-width);
    border-collapse: collapse;
    font-size: var(--fbt-table-font-size);
}

.fbt-country-table th,
.fbt-country-table td {
    padding: 2px 4px;
    border: var(--fbt-table-border-thin);
    vertical-align: top;
}

.fbt-country-table th {
    font-weight: 700;
    text-align: left;
    background: var(--fbt-color-header-bg);
}

.fbt-country-table tbody td:nth-child(2) {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
}

.fbt-country-table .total-row td {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
    border-top: var(--fbt-table-border-strong);
}

/*
|--------------------------------------------------------------------------
| Type pivot table
|--------------------------------------------------------------------------
*/

.fbt-type-pivot {
    max-width: 1600px;
    margin: 0 auto;
}

.fbt-type-pivot .fbt-wide-table {
    width: 100%;
    min-width: var(--fbt-wide-table-min-width);
    border-collapse: collapse;
    font-size: var(--fbt-wide-table-font-size);
}

.fbt-type-pivot .fbt-wide-table th,
.fbt-type-pivot .fbt-wide-table td {
    padding: 3px 5px;
    vertical-align: middle;
    border-left: var(--fbt-table-border-thin);
    border-right: var(--fbt-table-border-thin);
}

.fbt-type-pivot .fbt-wide-table th {
    font-weight: 700;
    text-align: center;
    background: var(--fbt-color-header-bg);
    border-top: var(--fbt-table-border-strong);
    border-bottom: var(--fbt-table-border-thin);
}

.fbt-type-pivot .country-col {
    min-width: 150px;
    text-align: left;
    border-left: none;
}

.fbt-type-pivot .metric-col {
    width: 70px;
    text-align: left;
}

.fbt-type-pivot .number {
    min-width: 72px;
}

.fbt-type-pivot .group-header {
    border-bottom: var(--fbt-table-border-thin);
    font-size: 13px;
    line-height: 1.05;
}

.fbt-type-pivot .unit-header,
.fbt-type-pivot .label-header {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.05;
}

.fbt-type-pivot .label-header {
    color: var(--fbt-color-accent-red);
}

.fbt-type-pivot .total-row td {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
    border-top: var(--fbt-table-border-strong);
}

.fbt-type-pivot tbody tr:nth-child(4n+3),
.fbt-type-pivot tbody tr:nth-child(4n+4) {
    background: var(--fbt-color-stripe-bg);
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .fbt-country-tables-title,
    .fbt-country-tables {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .fbt-country-tables-title {
        display: none;
    }
}

/*
|--------------------------------------------------------------------------
| Print
|--------------------------------------------------------------------------
*/

@media print {

    .fbt-actions,
    .fbt-note {
        display: none;
    }

    .fbt-country-tables {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 32px;
    }

    .fbt-type-pivot .fbt-meta {
        display: none;
    }

    .fbt-type-pivot .fbt-wide-table {
        min-width: 0;
        font-size: 9px;
    }

    .fbt-type-pivot .fbt-wide-table th,
    .fbt-type-pivot .fbt-wide-table td {
        padding: 2px 3px;
    }
}

/*
|--------------------------------------------------------------------------
| Year comparison table
|--------------------------------------------------------------------------
*/

.fbt-year-comparison {
    max-width: 1180px;
    margin: 0 auto;
}

.fbt-year-comparison .fbt-comparison-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: var(--fbt-table-font-size);
}

.fbt-year-comparison .fbt-comparison-table th,
.fbt-year-comparison .fbt-comparison-table td {
    padding: 2px 4px;
    border: var(--fbt-table-border-thin);
    vertical-align: middle;
}

.fbt-year-comparison .fbt-comparison-table th {
    font-weight: 700;
    text-align: center;
    background: var(--fbt-color-header-bg);
    border-top: var(--fbt-table-border-strong);
    border-bottom: var(--fbt-table-border-thin);
}

.fbt-year-comparison .fbt-comparison-table th:first-child,
.fbt-year-comparison .fbt-comparison-table td:first-child {
    text-align: left;
}

.fbt-year-comparison .fbt-comparison-table .number {
    text-align: right;
    white-space: nowrap;
}

.fbt-year-comparison .fbt-comparison-table .country {
    min-width: 150px;
    white-space: nowrap;
    line-height: 1.05;
}

.fbt-year-comparison .fbt-comparison-table .country-fi {
    color: var(--fbt-color-accent-green);
    font-weight: 700;
}

.fbt-year-comparison .fbt-comparison-table .country-sv {
    color: var(--fbt-color-text);
}

.fbt-year-comparison .fbt-comparison-table .highlight {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
}

.fbt-year-comparison .fbt-comparison-table .change-cell {
    font-weight: 700;
}

.fbt-year-comparison .fbt-comparison-table tbody tr:nth-child(even):not(.total-row) {
    background: var(--fbt-color-stripe-bg);
}

.fbt-year-comparison .fbt-comparison-table .other-row td {
    border-top: var(--fbt-table-border-strong);
}

.fbt-year-comparison .fbt-comparison-table .total-row td {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
    border-top: var(--fbt-table-border-strong);
}

.fbt-actions-current {
    display: inline-block;
    margin-right: 12px;
    font-weight: 700;
    color: var(--fbt-color-text);
}

/*
|--------------------------------------------------------------------------
| Country differentiation table
|--------------------------------------------------------------------------
*/

.fbt-country-differentiation {
    max-width: 1400px;
    margin: 0 auto;
}

.fbt-differentiation-title {
    margin: 0 0 14px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.fbt-differentiation-tables {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--fbt-country-gap);
    align-items: start;
}

.fbt-differentiation-table {
    width: 100%;
    min-width: 460px;
    border-collapse: collapse;
    font-size: var(--fbt-table-font-size);
}

.fbt-differentiation-table th,
.fbt-differentiation-table td {
    padding: 2px 4px;
    border: var(--fbt-table-border-thin);
    vertical-align: top;
}

.fbt-differentiation-table th {
    font-weight: 700;
    text-align: left;
    background: var(--fbt-color-header-bg);
}

.fbt-differentiation-table .period-header {
    text-align: center;
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: var(--fbt-table-border-thin);
}

.fbt-differentiation-table .number {
    text-align: right;
    white-space: nowrap;
}

.fbt-differentiation-table .country {
    white-space: nowrap;
}

.fbt-differentiation-table tbody td:nth-child(2) {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
}

.fbt-differentiation-table .total-row td {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
    border-top: var(--fbt-table-border-strong);
}

.fbt-differentiation-table .other-row td {
    font-weight: 700;
    border-top: var(--fbt-table-border-strong);
}

@media (max-width: 900px) {
    .fbt-differentiation-tables {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media print {
    .fbt-differentiation-tables {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 32px;
    }
}

.fbt-dashboard {
    --fbt-control-height: 38px;
}

.fbt-filter-form {
    margin: 0 0 18px;
    padding: 16px;
    background: #f4f9fc;
    border: 1px solid #d8e3ea;
    border-radius: 10px;
}

.fbt-filter-grid {
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(160px, 220px) minmax(130px, 160px) minmax(220px, 1fr) minmax(130px, 160px) auto;
    gap: 12px;
    align-items: end;
}

.fbt-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    margin: 0;
}

.fbt-field span {
    color: var(--fbt-color-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.fbt-field input,
.fbt-field select {
    width: 100%;
    height: var(--fbt-control-height);
    box-sizing: border-box;
    padding: 6px 10px;
    color: var(--fbt-color-text);
    background: #fff;
    border: 1px solid #c8d7e1;
    border-radius: 6px;
    font-size: 14px;
}

.fbt-field input:focus,
.fbt-field select:focus {
    outline: 2px solid rgba(0, 93, 168, 0.22);
    border-color: var(--fbt-color-sort-title);
}

.fbt-filter-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
    white-space: nowrap;
}

.fbt-button,
.fbt-action-pill,
.fbt-view-tab {
    min-height: var(--fbt-control-height);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid #c8d7e1;
    border-radius: 999px;
    background: #fff;
    color: var(--fbt-color-link);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
}

.fbt-button:hover,
.fbt-action-pill:hover,
.fbt-view-tab:hover {
    background: #eaf4fb;
    color: var(--fbt-color-sort-title);
    text-decoration: none;
}

.fbt-button-primary {
    color: #fff;
    background: var(--fbt-color-sort-title);
    border-color: var(--fbt-color-sort-title);
}

.fbt-button-primary:hover {
    color: #fff;
    background: #004f8f;
}

.fbt-actions {
    margin: 0 0 22px;
    padding: 0;
}

.fbt-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 0 10px;
}

.fbt-actions-row:last-child {
    margin-bottom: 0;
}

.fbt-action-pill.is-active,
.fbt-view-tab.is-active {
    color: #fff;
    background: var(--fbt-color-sort-title);
    border-color: var(--fbt-color-sort-title);
}

.fbt-view-tabs {
    padding-top: 10px;
    border-top: 1px solid #e0e8ee;
}

.fbt-print-button {
    font-family: inherit;
}

@media (max-width: 1100px) {
    .fbt-filter-grid {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .fbt-field-wide {
        grid-column: span 2;
    }

    .fbt-filter-buttons {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .fbt-filter-form {
        padding: 12px;
    }

    .fbt-filter-grid {
        grid-template-columns: 1fr;
    }

    .fbt-field-wide {
        grid-column: auto;
    }

    .fbt-filter-buttons {
        flex-wrap: wrap;
    }

    .fbt-button,
    .fbt-action-pill,
    .fbt-view-tab {
        width: 100%;
    }

    .fbt-actions-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.fbt-dashboard-panel {
    margin: 0 0 24px;
    padding: 16px;
    background: #f4f9fc;
    border: 1px solid #d8e3ea;
    border-radius: 12px;
}

.fbt-dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d8e3ea;
}

.fbt-dashboard-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    color: var(--fbt-color-link);
    background: #fff;
    border: 1px solid #c8d7e1;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
}

.fbt-dashboard-tab:hover {
    background: #eaf4fb;
    color: var(--fbt-color-sort-title);
    text-decoration: none;
}

.fbt-dashboard-tab.is-active {
    color: #fff;
    background: var(--fbt-color-sort-title);
    border-color: var(--fbt-color-sort-title);
}

.fbt-filter-form {
    margin: 0;
}

.fbt-filter-grid {
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(130px, 170px) minmax(130px, 160px) minmax(220px, 1fr) auto auto;
    gap: 12px;
    align-items: end;
}

.fbt-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    margin: 0;
}

.fbt-field span,
.fbt-checkbox-field span {
    color: var(--fbt-color-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.fbt-field input,
.fbt-field select {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    padding: 6px 10px;
    color: var(--fbt-color-text);
    background: #fff;
    border: 1px solid #c8d7e1;
    border-radius: 6px;
    font-size: 14px;
}

.fbt-field input:focus,
.fbt-field select:focus {
    outline: 2px solid rgba(0, 93, 168, 0.22);
    border-color: var(--fbt-color-sort-title);
}

.fbt-checkbox-field {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #c8d7e1;
    border-radius: 8px;
    white-space: nowrap;
}

.fbt-checkbox-field input {
    margin: 0;
}

.fbt-filter-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
    white-space: nowrap;
}

.fbt-button {
    min-height: 38px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    color: var(--fbt-color-link);
    background: #fff;
    border: 1px solid #c8d7e1;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
}

.fbt-button:hover {
    background: #eaf4fb;
    color: var(--fbt-color-sort-title);
}

.fbt-button-primary {
    color: #fff;
    background: var(--fbt-color-sort-title);
    border-color: var(--fbt-color-sort-title);
}

.fbt-button-primary:hover {
    color: #fff;
    background: #004f8f;
}

@media (max-width: 1200px) {
    .fbt-filter-grid {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .fbt-field-wide {
        grid-column: span 2;
    }

    .fbt-filter-buttons {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .fbt-dashboard-panel {
        padding: 12px;
    }

    .fbt-dashboard-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .fbt-filter-grid {
        grid-template-columns: 1fr;
    }

    .fbt-field-wide,
    .fbt-filter-buttons {
        grid-column: auto;
    }

    .fbt-filter-buttons {
        flex-wrap: wrap;
    }

    .fbt-button,
    .fbt-dashboard-tab {
        width: 100%;
    }

    .fbt-checkbox-field {
        justify-content: flex-start;
        white-space: normal;
    }
}

.fbt-dashboard-panel {
    margin: 0 0 20px;
    padding: 16px;
    background: #f3f8fc;
    border: 1px solid #cbddea;
    border-radius: 10px;
}

.fbt-dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.fbt-dashboard-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    border: 1px solid #b9cfdf;
    border-radius: 999px;
    background: #fff;
    color: var(--fbt-color-link, #0645ad);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.fbt-dashboard-tab:hover {
    background: #eaf4fb;
    text-decoration: none;
}

.fbt-dashboard-tab.is-active {
    background: #0067ae;
    border-color: #0067ae;
    color: #fff;
}

.fbt-filter-form {
    margin: 0;
}

.fbt-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    align-items: end;
}

.fbt-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fbt-field span,
.fbt-checkbox-field span {
    font-size: 13px;
    font-weight: 700;
    color: var(--fbt-color-text, #111);
}

.fbt-field input,
.fbt-field select {
    width: 100%;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid #bcc8d4;
    border-radius: 4px;
    background: #fff;
    color: var(--fbt-color-text, #111);
}

.fbt-field-wide {
    min-width: min(100%, 280px);
}

.fbt-checkbox-field {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    white-space: nowrap;
}

.fbt-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.fbt-button {
    min-height: 40px;
    padding: 8px 18px;
    border: 1px solid #b9cfdf;
    border-radius: 999px;
    background: #fff;
    color: #005da8;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.fbt-button:hover {
    background: #eaf4fb;
}

.fbt-button-primary {
    background: #0067ae;
    border-color: #0067ae;
    color: #fff;
}

.fbt-button-primary:hover {
    background: #005b99;
}

@media (max-width: 700px) {
    .fbt-dashboard-panel {
        padding: 12px;
    }

    .fbt-dashboard-tab,
    .fbt-button {
        width: 100%;
    }

    .fbt-filter-buttons {
        justify-content: stretch;
    }
}

.fbt-section-title {
    margin: 24px 0 12px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.fbt-differentiation-tables {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 48px;
    align-items: start;
}

.fbt-differentiation-table {
    min-width: 420px;
}

.fbt-differentiation-table th {
    text-align: left;
}

.fbt-differentiation-table .number {
    text-align: right;
}

@media (max-width: 900px) {
    .fbt-differentiation-tables {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

.fbt-series-table {
    min-width: 820px;
}

.fbt-series-table th,
.fbt-series-table td {
    white-space: nowrap;
}

.fbt-series-table th:nth-child(2),
.fbt-series-table td:nth-child(2) {
    text-align: left;
}

.fbt-year-series {
    max-width: 1400px;
    margin: 0 auto;
}

.fbt-year-series .fbt-title,
.fbt-year-series .fbt-subtitle,
.fbt-year-series .fbt-meta,
.fbt-year-series .fbt-section-title,
.fbt-year-series .fbt-note {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.fbt-year-series .fbt-section-title {
    margin-top: 28px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.fbt-series-table-wrap {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
}

.fbt-series-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.fbt-series-table th,
.fbt-series-table td {
    border: var(--fbt-table-border-thin);
    padding: 6px 8px;
    white-space: nowrap;
}

.fbt-series-table thead th {
    background: var(--fbt-color-header-bg);
    color: var(--fbt-color-text);
    font-weight: 700;
}
.fbt-series-table tbody td {
    background: var(--fbt-color-row-bg);
}

.fbt-series-table tbody tr:nth-child(even) td {
    background: var(--fbt-color-stripe-soft-bg);
}

.fbt-series-table .number {
    text-align: right;
}

.fbt-series-table th:first-child,
.fbt-series-table td:first-child,
.fbt-series-table th:nth-child(2),
.fbt-series-table td:nth-child(2) {
    text-align: left;
}

.fbt-series-table tbody td.highlight {
    background: var(--fbt-color-highlight-bg);
    font-weight: 700;
}

.fbt-raw-table-wrap {
    overflow-x: auto;
}

.fbt-raw-table {
    width: 100%;
    min-width: var(--fbt-raw-table-min-width);
    border-collapse: collapse;
    font-size: var(--fbt-raw-table-font-size);
    line-height: 1.25;
}

.fbt-raw-table th,
.fbt-raw-table td {
    border: var(--fbt-table-border-light);
    padding: 4px 6px;
    vertical-align: top;
}

.fbt-raw-table thead th {
    background: var(--fbt-color-header-soft-bg);
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.fbt-raw-table .number {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.fbt-raw-table .raw-cn8 {
    min-width: var(--fbt-raw-cn8-min-width);
    max-width: var(--fbt-raw-cn8-max-width);
}

.fbt-raw-table .country {
    min-width: var(--fbt-raw-country-min-width);
    white-space: nowrap;
}

.fbt-raw-table .fbt-raw-total-row td {
    background: var(--fbt-color-total-soft-bg);
    font-weight: 700;
}

.fbt-raw-table .fbt-raw-total-row .raw-cn8 {
    background: var(--fbt-color-highlight-bg);
    color: var(--fbt-color-accent-red);
    font-weight: 700;
}

.fbt-raw-table .fbt-raw-total-row .country {
    font-weight: 700;
}

.fbt-raw-table tbody tr:nth-child(even):not(.fbt-raw-total-row) td {
    background: var(--fbt-color-stripe-soft-bg);
}

.fbt-raw-table code {
    font-family: inherit;
    font-weight: 700;
}

@media print {
    .fbt-raw-table {
        font-size: var(--fbt-raw-table-print-font-size);
        min-width: 0;
    }

    .fbt-raw-table th,
    .fbt-raw-table td {
        padding: 2px 3px;
    }
}

.fbt-raw-data {
    max-width: 1600px;
    margin: 0 auto;
}

.fbt-raw-table tr td:last-child {
      background: var(--fbt-color-raw-million-bg)!important;
}