@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

/* HK Express Entry Dashboard — independent English interface 1.2.7 */
.hk-ee-dashboard--en,
.hk-ee-dashboard--en * { box-sizing: border-box !important; }

.hk-ee-dashboard--en {
    --hk-text:#536073; --hk-heading:#0f172a; --hk-muted:#64748b;
    --hk-border:#dfe3e8; --hk-soft:#f7f7f6; --hk-red:#ed1c24;
    --hk-brand:#ed1c24; --hk-card-accent:#ed1c24;
    --hk-invitation-line:#ed1c24; --hk-crs-line:#4f7896;
    direction:ltr !important; max-width:none !important; padding:0 !important;
    color:var(--hk-text) !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:15px !important; font-weight:500 !important; line-height:1.75 !important;
    text-align:left !important; overflow-x:clip !important;
    -webkit-font-smoothing:antialiased; font-synthesis:none;
}

/* Full dashboard follows the English site's 1360px content system. */
.hk-ee-dashboard.hk-ee-dashboard--en:not(.hk-ee-dashboard-trend-only) {
    width:100vw !important; max-width:none !important;
    margin-left:calc(50% - 50vw) !important; margin-right:0 !important;
}
.hk-ee-dashboard--en:not(.hk-ee-dashboard-trend-only) > .hk-ee-layout {
    width:100% !important; max-width:1360px !important;
    margin-right:auto !important; margin-left:auto !important;
    padding-right:28px !important; padding-left:28px !important;
}
.hk-ee-dashboard--en.hk-ee-dashboard-trend-only {
    width:min(calc(100% - 56px),1360px) !important; max-width:1360px !important;
    margin:30px auto 72px !important;
}

.hk-ee-dashboard--en,
.hk-ee-dashboard--en button,.hk-ee-dashboard--en input,.hk-ee-dashboard--en select,
.hk-ee-dashboard--en table,.hk-ee-dashboard--en th,.hk-ee-dashboard--en td,
.hk-ee-dashboard--en svg text,.hk-ee-dashboard--en .hk-ee-tooltip,
.hk-ee-dashboard--en .hk-ee-v2-tooltip,.hk-ee-dashboard--en .hk-ee-v2-tooltip * {
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout * {
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
}
.hk-ee-dashboard--en [data-stat],.hk-ee-dashboard--en table,
.hk-ee-dashboard--en svg text,.hk-ee-dashboard--en .hk-ee-signed-number,
.hk-ee-dashboard--en .hk-ee-percent-value {
    font-variant-numeric:lining-nums tabular-nums !important;
    font-feature-settings:"lnum" 1,"tnum" 1 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en svg text {
    font-weight:500 !important;
}
.hk-ee-dashboard--en h2,.hk-ee-dashboard--en h3,.hk-ee-dashboard--en h4,
.hk-ee-dashboard--en strong { font-family:"Plus Jakarta Sans",Arial,sans-serif !important; }
.hk-ee-dashboard--en h2,.hk-ee-dashboard--en h3,.hk-ee-dashboard--en h4 {
    color:var(--hk-heading) !important; font-weight:800 !important;
    letter-spacing:-.025em !important; text-align:left !important;
}
.hk-ee-dashboard--en p { color:var(--hk-text) !important; font-weight:500 !important; text-align:left !important; }
.hk-ee-dashboard--en a:focus-visible,.hk-ee-dashboard--en button:focus-visible,
.hk-ee-dashboard--en input:focus-visible,.hk-ee-dashboard--en select:focus-visible {
    outline:3px solid var(--hk-heading) !important; outline-offset:5px !important;
}

/* Optional dashboard introduction. */
.hk-ee-dashboard--en .hk-ee-hero {
    direction:ltr !important; display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important; align-items:start !important;
    gap:34px !important; margin-bottom:18px !important; padding:30px 32px !important;
    border:1px solid var(--hk-border) !important; border-radius:10px !important;
    background:var(--hk-soft) !important; box-shadow:none !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-hero::before,.hk-ee-dashboard--en .hk-ee-hero::after {
    content:none !important; display:none !important;
}
.hk-ee-dashboard--en .hk-ee-hero > div:first-child { width:auto !important; padding:0 !important; }
.hk-ee-dashboard--en .hk-ee-eyebrow {
    display:flex !important; align-items:center !important; gap:10px !important;
    margin:0 0 9px !important; color:var(--hk-red) !important;
    font-size:11px !important; font-weight:800 !important; line-height:1.5 !important;
    letter-spacing:.11em !important; text-align:left !important; text-transform:uppercase !important;
}
.hk-ee-dashboard--en .hk-ee-eyebrow::before {
    content:"" !important; display:block !important; width:24px !important; height:3px !important;
    border-radius:3px !important; background:var(--hk-red) !important;
}
.hk-ee-dashboard--en .hk-ee-hero h2,.hk-ee-dashboard--en .hk-ee-hero h2 * {
    max-width:850px !important; margin:0 !important; color:var(--hk-heading) !important;
    font-size:clamp(28px,3vw,42px) !important; font-weight:800 !important; line-height:1.18 !important;
}
.hk-ee-dashboard--en .hk-ee-title-accent { color:var(--hk-red) !important; }
.hk-ee-dashboard--en .hk-ee-hero p {
    max-width:850px !important; margin:14px 0 0 !important; color:var(--hk-muted) !important;
    font-size:15px !important; line-height:1.8 !important;
}
.hk-ee-dashboard--en .hk-ee-live-pill {
    align-self:start !important; min-width:0 !important; margin:1px 0 0 auto !important;
    padding:8px 12px !important; border:1px solid var(--hk-border) !important;
    border-radius:999px !important; background:#fff !important; color:#475569 !important;
    font-size:11px !important; font-weight:700 !important; line-height:1.45 !important;
}
.hk-ee-dashboard--en .hk-ee-live-pill span { margin:0 7px 0 0 !important; }

/* Flat English summary cards; no Persian top accent line. */
.hk-ee-dashboard--en .hk-ee-cards {
    direction:ltr !important; display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important; margin:0 !important;
}
.hk-ee-dashboard--en .hk-ee-card {
    position:relative !important; display:grid !important;
    grid-template-rows:minmax(42px,auto) 1fr minmax(22px,auto) !important;
    gap:9px !important; min-height:164px !important; padding:22px 20px 18px !important;
    border:1px solid var(--hk-border) !important; border-radius:10px !important;
    background:#fff !important; box-shadow:none !important; text-align:left !important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.hk-ee-dashboard--en .hk-ee-card::before,.hk-ee-dashboard--en .hk-ee-card::after {
    content:none !important; display:none !important;
}
.hk-ee-dashboard--en .hk-ee-card > span {
    display:flex !important; align-items:flex-start !important; justify-content:flex-start !important;
    gap:9px !important; padding:0 !important; color:#596579 !important;
    font-size:12px !important; font-weight:700 !important; line-height:1.55 !important;
    text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-card > span::before {
    content:"" !important; display:block !important; flex:0 0 7px !important;
    width:7px !important; height:7px !important; margin-top:.48em !important;
    border-radius:50% !important; background:var(--hk-red) !important;
}
.hk-ee-dashboard--en .hk-ee-card > strong {
    align-self:center !important; color:var(--hk-heading) !important;
    font-size:clamp(27px,2.3vw,37px) !important; font-weight:800 !important;
    line-height:1.2 !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-card-program > strong,
.hk-ee-dashboard--en .hk-ee-card-text > strong {
    font-size:clamp(16px,1.35vw,20px) !important; line-height:1.42 !important;
}
.hk-ee-dashboard--en .hk-ee-card > small,
.hk-ee-dashboard--en .hk-ee-card > small.hk-ee-english-date {
    direction:ltr !important; color:#697487 !important; font-size:11px !important;
    font-weight:600 !important; line-height:1.5 !important; text-align:left !important;
}
@media (hover:hover) and (pointer:fine) {
    .hk-ee-dashboard--en .hk-ee-card:hover {
        transform:translateY(-5px) !important; border-color:var(--hk-red) !important;
        box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
    }
}

/* Data panels. */
.hk-ee-dashboard--en .hk-ee-panel {
    direction:ltr !important; margin-top:18px !important; padding:28px !important;
    border:1px solid var(--hk-border) !important; border-radius:10px !important;
    background:#fff !important; box-shadow:none !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-analytics { display:block !important; margin-top:0 !important; }
.hk-ee-dashboard--en .hk-ee-panel-head {
    direction:ltr !important; align-items:flex-start !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-panel-head > div:first-child > span {
    color:var(--hk-red) !important; font-size:11px !important; font-weight:800 !important;
    line-height:1.5 !important; letter-spacing:.1em !important; text-transform:uppercase !important;
}
.hk-ee-dashboard--en .hk-ee-panel-head h3 {
    margin-top:6px !important; color:var(--hk-heading) !important;
    font-size:clamp(20px,2vw,27px) !important; font-weight:800 !important;
    line-height:1.32 !important; letter-spacing:-.025em !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-chart-note,.hk-ee-dashboard--en .hk-ee-trend-help {
    color:#64748b !important; font-size:13px !important; font-weight:500 !important;
    line-height:1.7 !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-filter-box,.hk-ee-dashboard--en .hk-ee-filters,
.hk-ee-dashboard--en .hk-ee-inline-filters { direction:ltr !important; }
.hk-ee-dashboard--en input,.hk-ee-dashboard--en select,.hk-ee-dashboard--en button {
    min-height:46px !important; border-radius:5px !important;
    font-size:13px !important; font-weight:600 !important;
}
.hk-ee-dashboard--en input,.hk-ee-dashboard--en select {
    color:#334155 !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-reset {
    border:1px solid var(--hk-red) !important; background:#fff !important;
    color:var(--hk-red) !important; font-weight:700 !important;
}
.hk-ee-dashboard--en .hk-ee-reset:hover,.hk-ee-dashboard--en .hk-ee-reset:focus-visible {
    background:var(--hk-red) !important; color:#fff !important;
}
.hk-ee-dashboard--en table,.hk-ee-dashboard--en th,.hk-ee-dashboard--en td {
    direction:ltr !important; text-align:left !important;
}
.hk-ee-dashboard--en th {
    color:#334155 !important; font-size:12px !important; font-weight:700 !important;
    line-height:1.55 !important; letter-spacing:0 !important;
}
.hk-ee-dashboard--en td {
    color:#536073 !important; font-size:13px !important; font-weight:500 !important; line-height:1.7 !important;
}
.hk-ee-dashboard--en .hk-ee-table td,.hk-ee-dashboard--en .hk-ee-table th,
.hk-ee-dashboard--en .hk-ee-pool-table td,.hk-ee-dashboard--en .hk-ee-pool-table th,
.hk-ee-dashboard--en .hk-ee-mobile-table td,.hk-ee-dashboard--en .hk-ee-mobile-table th {
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
}
.hk-ee-dashboard--en .hk-ee-category,.hk-ee-dashboard--en .hk-ee-english-date,
.hk-ee-dashboard--en .hk-ee-tooltip-ltr {
    direction:ltr !important; unicode-bidi:isolate !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-chart-legend,.hk-ee-dashboard--en .hk-ee-pool-key,
.hk-ee-dashboard--en .hk-ee-share-legend,.hk-ee-dashboard--en .hk-ee-annual-share-legend,
.hk-ee-dashboard--en .hk-ee-category-summary,.hk-ee-dashboard--en .hk-ee-pagination {
    direction:ltr !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-donut-center,.hk-ee-dashboard--en .hk-ee-tooltip,
.hk-ee-dashboard--en .hk-ee-v2-tooltip,.hk-ee-dashboard--en .hk-ee-v2-tooltip * {
    direction:ltr !important; text-align:left !important;
}
.hk-ee-dashboard--en .hk-ee-share-item-head,.hk-ee-dashboard--en .hk-ee-share-subitem {
    direction:ltr !important;
}

/* English typography contract: body 500, controls/table headings 700, headings 800. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout p,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout td,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout small,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout option,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-chart-note,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-trend-help,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout svg text {
    font-weight:500 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout button,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout label,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-chart-legend,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-pool-key {
    font-weight:700 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout h2,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout h3,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout h4 {
    font-weight:800 !important;
}

/* Numeric pool columns are easier to scan when every heading and value shares one centre axis. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td {
    text-align:center !important;
    vertical-align:middle !important;
}

/* Persian RTL rules previously pushed the English section pill to the far side of its title column. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-panel .hk-ee-panel-head,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-panel .hk-ee-panel-head,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-difference-panel .hk-ee-panel-head,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-category-trend-panel .hk-ee-panel-head,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-annual-share-panel .hk-ee-panel-head {
    direction:ltr !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-panel-head > div:first-child {
    direction:ltr !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    text-align:left !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-panel-head > div:first-child > span {
    display:inline-flex !important;
    justify-content:flex-start !important;
    margin-right:auto !important;
    margin-left:0 !important;
    text-align:left !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table-panel .hk-ee-table-title {
    justify-content:flex-start !important;
    text-align:left !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table-panel .hk-ee-table-title h3 {
    text-align:center !important;
}

/* Summary cards are metric components; centre their labels, values and supporting text. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-cards .hk-ee-card > span {
    justify-content:center !important;
    text-align:center !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-cards .hk-ee-card > strong,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-cards .hk-ee-card > small,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-cards .hk-ee-card > small.hk-ee-english-date {
    justify-self:stretch !important;
    text-align:center !important;
}

/* Final English-site typography and colour contract. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout {
    color:#536073 !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.75 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout p {
    color:#536073 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.8 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-panel-head h3 {
    color:#0f172a !important;
    font-size:clamp(20px,2vw,27px) !important;
    font-weight:800 !important;
    line-height:1.32 !important;
    letter-spacing:-.025em !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-panel-head > div:first-child > span {
    color:#ed1c24 !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.5 !important;
    letter-spacing:.1em !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-card > span {
    color:#596579 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.55 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-card > strong {
    color:#0f172a !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:-.025em !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-card > small {
    color:#697487 !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout table th {
    color:#334155 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.55 !important;
    letter-spacing:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout table td {
    color:#536073 !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.7 !important;
    letter-spacing:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout input,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout select {
    color:#334155 !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.45 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout button {
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-chart-note,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-layout .hk-ee-trend-help {
    color:#64748b !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.7 !important;
}

/* The final source/status row is intentionally absent from the English design. */
.hk-ee-dashboard--en .hk-ee-footer-meta { display:none !important; }

@media (max-width:1100px) {
    .hk-ee-dashboard--en .hk-ee-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .hk-ee-dashboard--en .hk-ee-hero { grid-template-columns:1fr !important; }
    .hk-ee-dashboard--en .hk-ee-live-pill { margin-left:0 !important; }
}

@media (max-width:767px) {
    .hk-ee-dashboard--en:not(.hk-ee-dashboard-trend-only) > .hk-ee-layout {
        padding-right:24px !important; padding-left:24px !important;
    }
    .hk-ee-dashboard--en.hk-ee-dashboard-trend-only {
        width:calc(100% - 48px) !important; margin:24px auto 54px !important;
    }
    .hk-ee-dashboard--en { font-size:14px !important; }
    .hk-ee-dashboard--en .hk-ee-hero,.hk-ee-dashboard--en .hk-ee-panel {
        padding:22px 20px !important; border-radius:9px !important;
    }
    .hk-ee-dashboard--en .hk-ee-hero { gap:18px !important; }
    .hk-ee-dashboard--en .hk-ee-hero h2,.hk-ee-dashboard--en .hk-ee-hero h2 * {
        font-size:clamp(29px,9vw,39px) !important; line-height:1.16 !important;
    }
    .hk-ee-dashboard--en .hk-ee-hero p { font-size:14px !important; line-height:1.75 !important; }
    .hk-ee-dashboard--en .hk-ee-cards { grid-template-columns:1fr !important; gap:12px !important; }
    .hk-ee-dashboard--en .hk-ee-card { min-height:142px !important; padding:19px 18px 16px !important; }
    .hk-ee-dashboard--en .hk-ee-panel-head { display:block !important; }
    .hk-ee-dashboard--en .hk-ee-chart-legend,.hk-ee-dashboard--en .hk-ee-pool-key,
    .hk-ee-dashboard--en .hk-ee-inline-filters { margin-top:16px !important; }
    .hk-ee-dashboard--en .hk-ee-filter-box,.hk-ee-dashboard--en .hk-ee-filters {
        grid-template-columns:1fr !important;
    }
    .hk-ee-dashboard--en .hk-ee-mobile-table th,.hk-ee-dashboard--en .hk-ee-mobile-table td {
        padding-right:7px !important; padding-left:7px !important; font-size:11px !important;
    }
}

/* 1.2.6 — keep full English dates clear of the adjacent column rule. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th[data-sort="date"],
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td[data-col="date"] {
    white-space:nowrap !important;
    overflow:hidden !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

@media (max-width:767px) {
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th[data-sort="date"],
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td[data-col="date"] {
        padding-right:10px !important;
        padding-left:10px !important;
    }
}


@media (prefers-reduced-motion:reduce) {
    .hk-ee-dashboard--en *,.hk-ee-dashboard--en *::before,.hk-ee-dashboard--en *::after {
        scroll-behavior:auto !important; transition:none !important;
    }
}

/* 1.2.3 — unified English data typography and clearer responsive data views. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table-mobile-hint {
    display:none !important;
    margin:14px 0 0 !important;
    color:var(--hk-muted) !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.6 !important;
}

/* Every English data table uses the same colour, weight and line-height contract. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table {
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    color:var(--hk-text) !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th {
    padding:14px 16px !important;
    background:var(--hk-soft) !important;
    color:#334155 !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    vertical-align:middle !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td {
    padding:15px 16px !important;
    background:#fff !important;
    color:var(--hk-text) !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.65 !important;
    vertical-align:middle !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td {
    text-align:center !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th[data-sort="category"],
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td[data-col="category"] {
    text-align:left !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.increase,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.increase * {
    background:#fff4f5 !important;
    color:var(--hk-red) !important;
    font-weight:600 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.decrease,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.decrease * {
    background:#f1f8f5 !important;
    color:#3f8c73 !important;
    font-weight:600 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.neutral,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.neutral * {
    color:var(--hk-text) !important;
    font-weight:500 !important;
}

/* Donut total remains geometrically centred regardless of inherited text alignment. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-layout {
    grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr) !important;
    gap:34px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-stage {
    position:relative !important;
    width:100% !important;
    min-height:320px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-chart {
    display:block !important;
    width:min(100%,300px) !important;
    height:auto !important;
    margin:0 auto !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-center {
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:54% !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    text-align:center !important;
    pointer-events:none !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-center strong {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    color:var(--hk-heading) !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:clamp(24px,3vw,34px) !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-center span {
    display:block !important;
    width:100% !important;
    color:var(--hk-muted) !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    text-align:center !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-item {
    padding:14px 15px !important;
    border-color:var(--hk-border) !important;
    border-radius:8px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-item-head {
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:12px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-label {
    grid-column:1 !important;
    min-width:0 !important;
    color:var(--hk-text) !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.55 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-label span {
    overflow-wrap:normal !important;
    word-break:normal !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-values {
    grid-column:2 !important;
    display:flex !important;
    direction:ltr !important;
    align-items:center !important;
    gap:18px !important;
    text-align:right !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-metric {
    display:grid !important;
    gap:2px !important;
    min-width:78px !important;
    text-align:right !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-metric small {
    color:var(--hk-muted) !important;
    font-size:10px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-metric strong {
    color:var(--hk-text) !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-progress {
    height:5px !important;
    margin-top:11px !important;
    background:#edf0f3 !important;
}

/* Candidate movement is a labelled comparison table, with one shared visual scale. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-difference-note {
    max-width:850px !important;
    margin:12px 0 17px !important;
    color:var(--hk-text) !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.7 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-difference-chart,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-difference-chart * {
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row {
    display:grid !important;
    grid-template-columns:minmax(118px,160px) minmax(180px,1fr) minmax(92px,120px) !important;
    align-items:center !important;
    gap:18px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header {
    padding:0 0 10px !important;
    border-bottom:1px solid var(--hk-border) !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span {
    color:#334155 !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span:nth-child(2) {
    text-align:center !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span:last-child {
    text-align:right !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row {
    min-height:58px !important;
    padding:13px 0 !important;
    border-bottom:1px solid #e9edf1 !important;
    color:var(--hk-text) !important;
    cursor:default !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:1px !important;
    color:var(--hk-text) !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label small {
    color:var(--hk-muted) !important;
    font-size:10px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-axis {
    height:16px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-axis::before {
    background:#cfd6de !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-axis i {
    top:3px !important;
    min-width:3px !important;
    height:10px !important;
    border-radius:3px !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b * {
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    text-align:right !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b.positive,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b.positive * {
    color:var(--hk-red) !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b.negative,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b.negative * {
    color:#3f8c73 !important;
}

@media (max-width:767px) {
    /* A real table replaces the unfamiliar one-card-per-draw treatment. */
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table-mobile-hint {
        display:block !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table-scroll {
        display:block !important;
        width:100% !important;
        margin-top:9px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        border:1px solid var(--hk-border) !important;
        border-radius:8px !important;
        background:#fff !important;
        -webkit-overflow-scrolling:touch !important;
        touch-action:pan-x pan-y !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-desktop-table {
        display:table !important;
        width:100% !important;
        min-width:760px !important;
        margin:0 !important;
        table-layout:fixed !important;
        border:0 !important;
        border-collapse:collapse !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-mobile-table-wrap {
        display:none !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th {
        padding:12px 13px !important;
        font-size:11px !important;
        white-space:normal !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td {
        padding:13px !important;
        font-size:12px !important;
        line-height:1.6 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th:first-child,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td:first-child {
        position:sticky !important;
        left:0 !important;
        z-index:2 !important;
        background:#fff !important;
        box-shadow:1px 0 0 var(--hk-border) !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th:first-child {
        z-index:3 !important;
        background:var(--hk-soft) !important;
    }

    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-layout {
        grid-template-columns:minmax(0,1fr) !important;
        gap:22px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-stage {
        min-height:284px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-chart {
        width:min(100%,280px) !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-center {
        width:56% !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-center strong {
        font-size:clamp(22px,7vw,29px) !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-donut-center span {
        font-size:11px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-item-head {
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:10px 12px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-label {
        grid-column:1 !important;
        grid-row:1 !important;
        font-size:13px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-values {
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
        gap:12px !important;
        padding-top:10px !important;
        border-top:1px solid #edf0f3 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-metric {
        min-width:0 !important;
        text-align:left !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-share-metric:last-child {
        text-align:right !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-other-toggle {
        grid-column:2 !important;
        grid-row:1 !important;
    }

    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-difference-note {
        font-size:12px !important;
        line-height:1.65 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row {
        grid-template-columns:88px minmax(0,1fr) 76px !important;
        gap:9px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span {
        font-size:9.5px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row {
        min-height:54px !important;
        padding:11px 0 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b * {
        font-size:12px !important;
        line-height:1.5 !important;
    }
}

/* 1.2.4 — complete LTR pool-table grid and no numeric wrapping. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table-wrap {
    overflow:hidden !important;
    border:1px solid var(--hk-border) !important;
    border-radius:10px !important;
    background:#fff !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table {
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td {
    border-top:0 !important;
    border-left:0 !important;
    border-right:1px solid var(--hk-border) !important;
    border-bottom:1px solid var(--hk-border) !important;
    color:var(--hk-text) !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    text-align:center !important;
    vertical-align:middle !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th {
    padding:15px 10px !important;
    background:var(--hk-soft) !important;
    color:#334155 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td {
    padding:16px 9px !important;
    background:#fff !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.55 !important;
    letter-spacing:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table tr > *:last-child {
    border-right:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table tbody tr:last-child > td {
    border-bottom:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-range,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-signed-number,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-percent-value {
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-range {
    color:var(--hk-text) !important;
    font-weight:600 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.increase,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.increase * {
    color:var(--hk-red) !important;
    font-weight:600 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.decrease,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change.decrease * {
    color:#3f8c73 !important;
    font-weight:600 !important;
}

@media (max-width:767px) {
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th {
        padding:13px 5px !important;
        font-size:10.5px !important;
        line-height:1.45 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td {
        padding:14px 5px !important;
        font-size:11.5px !important;
        line-height:1.5 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-range,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-signed-number {
        font-size:11.5px !important;
    }
}

/* 1.2.5 — one typography contract for the pool table and candidate movement. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span {
    color:#334155 !important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td *,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label *,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b * {
    font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.55 !important;
    letter-spacing:0 !important;
    font-variant-numeric:tabular-nums !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-range,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label * {
    color:#536073 !important;
    font-weight:500 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table .hk-ee-pool-change *,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b * {
    font-weight:600 !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row {
    margin:0 !important;
    border-radius:0 !important;
    background:transparent !important;
}

@media (max-width:767px) {
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table th,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span {
        font-size:10.5px !important;
        line-height:1.45 !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-pool-table td *,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-label *,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b,
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b * {
        font-size:12px !important;
        line-height:1.5 !important;
    }
}

/* 1.2.7 — final mobile draw-table width override. */
@media (max-width:767px) {
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-desktop-table {
        min-width:1050px !important;
    }
    .hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-desktop-table th {
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:clip !important;
    }
}

/* 1.2.8 — complete LTR column separators in the draw-history table. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table th,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table td {
    border-left:0 !important;
    border-right:1px solid var(--hk-border) !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-table tr > *:last-child {
    border-right:0 !important;
}

/* 1.2.9 — centre Net change and standardize inline-select arrows. */
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-header span:last-child,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-diff-row > b * {
    text-align:center !important;
}
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-category-trend-select,
.hk-ee-dashboard.hk-ee-dashboard--en .hk-ee-category-trend-year {
    direction:ltr !important;
    text-align:left !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    padding-right:46px !important;
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' stroke='%23334155' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 18px center !important;
    background-size:12px 8px !important;
}