/* HK EE Dashboard 0.8.0 */
.hk-ee-dashboard,
.hk-ee-dashboard * {
    box-sizing: border-box !important;
}

.hk-ee-dashboard {
    --hk-text: #333333;
    --hk-muted: #69717a;
    --hk-border: #e3e7eb;
    --hk-soft: #f7f8fa;
    --hk-red: var(--hk-brand, #ed1c24);
    --hk-blue: var(--hk-crs-line, #5870c7);
    --hk-green: var(--hk-decrease, #438c73);
    direction: rtl;
    width: min(96%, 1580px);
    margin: 30px auto;
    color: var(--hk-text);
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 1.95;
    overflow-x: clip;
}

.hk-ee-dashboard button,
.hk-ee-dashboard input,
.hk-ee-dashboard select,
.hk-ee-dashboard table,
.hk-ee-dashboard svg text,
.hk-ee-dashboard .hk-ee-tooltip {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    font-weight: 400 !important;
}

.hk-ee-dashboard h2,
.hk-ee-dashboard h3,
.hk-ee-dashboard h4 {
    margin: 0 !important;
    color: var(--hk-text) !important;
    font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important;
    font-weight: 700 !important;
}

.hk-ee-dashboard-component,
.hk-ee-dashboard-trend-only {
    margin-top: 18px;
    margin-bottom: 18px;
}

.hk-ee-js-warning,
.hk-ee-empty {
    padding: 18px;
    border: 1px solid #efc7ca;
    border-radius: 16px;
    background: #fff8f8;
    color: #8c3036;
}

.hk-ee-english-date,
.hk-ee-category,
.hk-ee-tooltip-ltr {
    unicode-bidi: isolate;
}

/* Hero */
.hk-ee-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 30px 34px;
    margin-bottom: 20px;
    border: 1px solid var(--hk-border);
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 72%, #f8f9fb 100%);
    box-shadow: 0 10px 28px rgba(41, 49, 58, .035);
}

.hk-ee-hero::after {
    content: "";
    position: absolute;
    left: -78px;
    bottom: -150px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--hk-invitation-fill) 34%, transparent);
}

.hk-ee-hero > div:first-child {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.hk-ee-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--hk-brand);
    font-size: 14px;
    line-height: 1.7;
}

.hk-ee-hero h2 {
    font-size: clamp(24px, 2vw, 31px) !important;
    line-height: 1.65 !important;
}

.hk-ee-hero p {
    text-align: center;
    margin-inline: auto;
}

.hk-ee-hero > div:first-child {
    width: 100%;
}


.hk-ee-hero p {
    max-width: 940px;
    margin: 7px 0 0;
    color: var(--hk-muted);
    font-size: 15px;
}

.hk-ee-live-pill {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    align-self: flex-start;
    margin-inline-start: auto;
    padding: 11px 16px;
    border: 1px solid #dfe4e8;
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    color: #4f5861;
    white-space: nowrap;
}

.hk-ee-live-pill span {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 7px;
    border-radius: 50%;
    background: #62ac8d;
    box-shadow: 0 0 0 4px rgba(98, 172, 141, .12);
}

/* Cards */
.hk-ee-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.hk-ee-card {
    min-width: 0;
    min-height: 188px;
    display: grid;
    grid-template-rows: minmax(52px, auto) 1fr 30px;
    align-items: center;
    gap: 8px;
    padding: 22px 20px 17px;
    border: 1px solid var(--hk-border);
    border-top: 4px solid var(--hk-card-accent, var(--hk-brand));
    border-radius: 20px;
    background: #fff;
}

.hk-ee-card > span {
    align-self: start;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    color: #626b75;
    font-size: 13px;
    text-align: center;
    line-height: 1.9;
}

.hk-ee-card > small {
    font-size: 13px;
}


.hk-ee-card > strong {
    align-self: center;
    min-width: 0;
    color: #2f3338;
    font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important;
    font-size: clamp(28px, 2.4vw, 38px);
    font-weight: 700 !important;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
}

.hk-ee-card-program > strong,
.hk-ee-card-text > strong {
    direction: ltr;
    font-size: clamp(17px, 1.5vw, 23px);
    line-height: 1.55;
    text-align: center;
    overflow-wrap: anywhere;
}

.hk-ee-card > small {
    align-self: end;
    display: block;
    min-width: 0;
    color: #68717a;
    font-size: 14px;
    line-height: 1.65;
    text-align: left;
    white-space: normal;
}

.hk-ee-card > small.hk-ee-english-date {
    direction: rtl !important;
    unicode-bidi: plaintext;
}

/* Panels */
.hk-ee-panel {
    min-width: 0;
    padding: 28px;
    border: 1px solid var(--hk-border);
    border-radius: 22px;
    background: #fff;
}

.hk-ee-table-panel,
.hk-ee-trend-panel,
.hk-ee-share-panel,
.hk-ee-pool-panel,
.hk-ee-pool-difference-panel,
.hk-ee-category-trend-panel,
.hk-ee-annual-share-panel {
    margin-top: 22px;
}

.hk-ee-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
}

.hk-ee-panel-head > div:first-child {
    min-width: 0;
}

.hk-ee-panel-head > div:first-child > span,
.hk-ee-section-title > span {
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px 13px;
    border: 1px solid color-mix(in srgb, var(--hk-brand) 30%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--hk-brand) 6%, #fff);
    color: var(--hk-brand);
    font-size: 13px;
    line-height: 1.6;
}

.hk-ee-panel-head h3 {
    font-size: clamp(18px, 1.35vw, 22px) !important;
    line-height: 1.8 !important;
}

.hk-ee-panel-head > div:first-child > span,
.hk-ee-section-title > span {
    font-size: 12px;
}


.hk-ee-chart-note,
.hk-ee-source-note,
.hk-ee-trend-help {
    color: #717982;
    font-size: 13px;
}

.hk-ee-trend-help {
    margin: -8px 0 18px;
}

/* Chart legend */
.hk-ee-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.hk-ee-chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 7px 14px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    transition: opacity .16s ease, transform .16s ease, background-color .16s ease, border-color .16s ease;
}

.hk-ee-chart-legend i {
    display: inline-block;
    width: 24px;
    height: 3px;
    border-radius: 999px;
}

.hk-ee-chart-legend .is-ita {
    color: var(--hk-invitation-line, #ED1C24);
    border-color: color-mix(in srgb, var(--hk-invitation-line, #ED1C24) 30%, transparent);
    background: color-mix(in srgb, var(--hk-invitation-line, #ED1C24) 9%, #fff);
}

.hk-ee-chart-legend .is-ita i {
    background: var(--hk-invitation-line);
}

.hk-ee-chart-legend .is-crs {
    color: var(--hk-crs-line, #5870C7);
    border-color: color-mix(in srgb, var(--hk-crs-line, #5870C7) 28%, transparent);
    background: color-mix(in srgb, var(--hk-crs-line, #5870C7) 8%, #fff);
}

.hk-ee-chart-legend .is-crs i {
    background: var(--hk-crs-line);
}

/* Charts */
.hk-ee-combined-chart-wrap,
.hk-ee-category-chart-wrap,
.hk-ee-bubble-wrap,
.hk-ee-donut-stage,
.hk-ee-annual-share-chart,
.hk-ee-pool-difference-chart {
    position: relative;
}

.hk-ee-combined-chart-wrap,
.hk-ee-category-chart-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 8px;
    scrollbar-width: thin;
    scrollbar-color: #cbd2d9 transparent;
    -webkit-overflow-scrolling: touch;
}

.hk-ee-combined-chart-wrap::-webkit-scrollbar,
.hk-ee-category-chart-wrap::-webkit-scrollbar {
    height: 7px;
}

.hk-ee-combined-chart-wrap::-webkit-scrollbar-thumb,
.hk-ee-category-chart-wrap::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd2d9;
}

.hk-ee-combined-chart,
.hk-ee-category-chart,
.hk-ee-bubble-chart {
    display: block;
    max-width: none !important;
    height: auto;
}

.hk-ee-combined-chart text,
.hk-ee-category-chart text,
.hk-ee-bubble-chart text {
    font-family: inherit !important;
    font-weight: 400 !important;
}

.combined-grid {
    stroke: var(--hk-chart-grid, #e7ebf0);
    stroke-width: 1;
    stroke-dasharray: 5 7;
}

.combined-grid-v {
    stroke: #eef1f4;
    stroke-width: 1;
    stroke-dasharray: 2 8;
}

.combined-axis-line,
.combined-axis-tick {
    stroke: var(--hk-chart-axis, #b9c1ca);
    stroke-width: 1.15;
}

.combined-axis-label {
    fill: #66707a;
    font-size: 13px;
    font-weight: 400 !important;
}

.combined-axis-label,
.combined-axis-title,
.combined-x-axis-title,
.combined-date-label {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
}

.combined-axis-title,
.combined-x-axis-title {
    fill: #4f5963;
    font-size: 13px;
    font-weight: 400 !important;
}

.invitation-axis {
    fill: #c45465;
}

.crs-axis {
    fill: var(--hk-crs-line);
}

.combined-date-label {
    fill: #4f5963;
    font-size: 11px;
    font-weight: 400 !important;
}

.invitation-area {
    pointer-events: none;
}

.invitation-line {
    fill: none;
    stroke: var(--hk-invitation-line);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.crs-line,
.category-line {
    fill: none;
    stroke: var(--hk-crs-line);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.invitation-dot {
    fill: var(--hk-invitation-line);
    stroke: #fff;
    stroke-width: 2;
}

.crs-dot,
.category-dot {
    fill: #fff;
    stroke: var(--hk-crs-line);
    stroke-width: 1.9;
}

.category-bar {
    fill: color-mix(in srgb, var(--hk-invitation-fill) 88%, #fff);
    stroke: color-mix(in srgb, var(--hk-invitation-line) 70%, #fff);
    stroke-width: .8;
    opacity: .96;
}

.combined-hit,
.category-hit {
    fill: transparent;
    cursor: pointer;
}

.combined-band {
    fill: var(--hk-chart-highlight, #dde6fa);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
}

.combined-hit:hover + .combined-band,
.combined-hit:focus + .combined-band,
.category-hit:hover + .combined-band,
.category-hit:focus + .combined-band {
    opacity: .35;
}

.combined-crosshair {
    opacity: 0;
    pointer-events: none;
    stroke-width: 1;
    stroke-dasharray: 4 5;
}

.combined-crosshair-v {
    stroke: #9ca8b5;
}

.combined-crosshair-h.is-inv-guide {
    stroke: var(--hk-invitation-line);
}

.combined-crosshair-h.is-crs-guide {
    stroke: var(--hk-crs-line);
}

.combined-crosshair.is-visible {
    opacity: .8;
}

/* Tooltips */
.hk-ee-tooltip {
    position: absolute;
    z-index: 30;
    display: none;
    min-width: 210px;
    max-width: 290px;
    padding: 13px 15px;
    border: 1px solid rgba(65, 72, 82, .10);
    border-radius: 18px;
    background: color-mix(in srgb, var(--hk-tooltip-bg, #fff) 44%, transparent);
    color: var(--hk-tooltip-text, #333);
    box-shadow: 0 14px 32px rgba(52, 59, 69, .11);
    backdrop-filter: blur(15px);
    pointer-events: none;
    line-height: 1.85;
}

.hk-ee-tooltip.is-visible {
    display: block;
}

.hk-ee-tooltip strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 400 !important;
}

.hk-ee-tooltip span {
    display: block;
    font-size: 13px;
    font-weight: 400 !important;
}

.hk-ee-tooltip span b {
    font-weight: 400 !important;
}

.hk-ee-tooltip-ltr {
    direction: ltr;
    padding-top: 6px;
    margin-top: 5px;
    border-top: 1px solid rgba(80, 90, 100, .10);
    text-align: left;
}

/* Filters */
.hk-ee-filter-box {
    padding: 18px;
    margin-bottom: 18px;
    border: 1px solid #e4e8ed;
    border-radius: 22px;
    background: #f6f7f9;
}

.hk-ee-filters {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}

.hk-ee-filters > * {
    min-width: 0 !important;
    width: 100% !important;
}

.hk-ee-filters input,
.hk-ee-filters select,
.hk-ee-reset,
.hk-ee-inline-filter select {
    width: 100% !important;
    height: 56px;
    padding: 10px 16px;
    border: 1px solid #dbe1e7;
    border-radius: 17px;
    outline: 0;
    background: #fff;
    color: #333;
    font-size: 15px;
}

.hk-ee-filters input:focus,
.hk-ee-filters select:focus,
.hk-ee-inline-filter select:focus {
    border-color: color-mix(in srgb, var(--hk-brand) 45%, #dbe1e7);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hk-brand) 8%, transparent);
}

.hk-ee-search {
    display: block;
}

.hk-ee-search input::placeholder {
    color: #9299a1;
    opacity: 1;
}

.hk-ee-reset {
    cursor: pointer;
    color: #4f5862;
}

.hk-ee-reset:hover {
    border-color: rgba(237, 28, 36, .35);
    color: var(--hk-brand);
}

/* Table */
.hk-ee-table-title {
    justify-content: center;
    text-align: center;
}

.hk-ee-table-scroll {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e1e5e9;
    border-radius: 18px;
}

.hk-ee-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #333;
}

.hk-ee-table th,
.hk-ee-table td {
    padding: 16px 14px;
    border-left: 1px solid #e3e7eb;
    border-bottom: 1px solid #e3e7eb;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 1.75;
}

.hk-ee-table th:last-child,
.hk-ee-table td:last-child {
    border-left: 0;
}

.hk-ee-table th {
    position: relative;
    padding-top: 18px;
    padding-bottom: 18px;
    background: var(--hk-table-head, #f3f5f7);
    color: #444d56;
    font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important;
    font-size: 18px;
    line-height: 1.75;
    text-align: center;
    white-space: normal;
}

.hk-ee-table th[data-sort] {
    cursor: pointer;
    user-select: none;
}

.hk-ee-table th b {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-right: 8px;
    opacity: .35;
}

.hk-ee-table th b::before,
.hk-ee-table th b::after {
    content: "";
    position: absolute;
    left: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.hk-ee-table th b::before {
    top: 0;
    border-bottom: 5px solid #707780;
}

.hk-ee-table th b::after {
    bottom: 0;
    border-top: 5px solid #707780;
}

.hk-ee-table th.is-sorted b {
    opacity: 1;
}

.hk-ee-table tbody tr:nth-child(odd) td {
    background: #fff;
}

.hk-ee-table tbody tr:nth-child(even) td {
    background: var(--hk-table-alt, #f8f9fb);
}

.hk-ee-table tbody tr:hover td {
    background: #f4f6f8;
}

.hk-ee-table td {
    text-align: center;
}

.hk-ee-table td[data-col="date"] {
    direction: rtl;
    unicode-bidi: plaintext;
    white-space: nowrap;
}

.hk-ee-table td[data-col="category"] {
    direction: ltr;
    text-align: left;
    overflow-wrap: anywhere;
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
}

.hk-ee-table td[data-col="number"],
.hk-ee-table td[data-col="date"],
.hk-ee-table td[data-col="invitations"],
.hk-ee-table td[data-col="crs"],
.hk-ee-pool-table td,
.hk-ee-pool-table th,
.hk-ee-mobile-table td,
.hk-ee-mobile-table th {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
}

.hk-ee-no-results {
    padding: 28px !important;
    text-align: center !important;
}

.hk-ee-mobile-table-wrap {
    display: none;
}

.hk-ee-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
}

.hk-ee-result-count {
    color: #66707a;
    font-size: 13px;
}

.hk-ee-page-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.hk-ee-page-buttons button {
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #dfe3e7;
    border-radius: 12px;
    background: #fff;
    color: #444c55;
    cursor: pointer;
}

.hk-ee-page-buttons button.is-current,
.hk-ee-page-buttons button[aria-current="page"] {
    border-color: var(--hk-brand);
    color: var(--hk-brand);
}

/* Donut */
.hk-ee-share-layout {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
    gap: 34px;
    align-items: center;
}

.hk-ee-donut-stage {
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hk-ee-donut-chart {
    width: min(100%, 340px);
    height: auto;
    overflow: visible;
}

.hk-ee-donut-track {
    fill: none;
    stroke: #eef1f4;
    stroke-width: 26;
}

.hk-ee-donut-segment {
    fill: none;
    stroke-width: 26;
    cursor: pointer;
    transition: opacity .15s ease, stroke-width .15s ease;
}

.hk-ee-donut-segment:hover,
.hk-ee-donut-segment:focus {
    opacity: .88;
    stroke-width: 31;
}

.hk-ee-donut-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 145px;
    text-align: center;
}

.hk-ee-donut-center strong {
    display: block;
    color: var(--hk-donut-center, #64748b);
    font-size: 30px;
    line-height: 1.3;
}

.hk-ee-donut-center span {
    color: #69727c;
    font-size: 13px;
}

.hk-ee-share-legend {
    display: grid;
    gap: 13px;
}

.hk-ee-share-item {
    padding: 12px 14px;
    border: 1px solid #e6e9ed;
    border-radius: 15px;
    background: #fff;
}

.hk-ee-share-item-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
}

.hk-ee-share-label {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    direction: ltr;
    text-align: left;
}

.hk-ee-share-label i {
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.hk-ee-share-label span {
    overflow-wrap: anywhere;
}

.hk-ee-share-values {
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
    direction: rtl;
}

.hk-ee-share-values b,
.hk-ee-share-values small {
    unicode-bidi: isolate;
    font-weight: 400 !important;
}

.hk-ee-share-values b {
    color: #4d5660;
    font-size: 14px;
}

.hk-ee-share-values small {
    color: #58616b;
    font-size: 14px;
}

.hk-ee-share-progress {
    height: 6px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef1f4;
}

.hk-ee-share-progress i {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.hk-ee-other-toggle {
    width: 32px;
    height: 32px;
    border: 1px solid #dfe4e8;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.hk-ee-share-other-details {
    grid-column: 1 / -1;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e8ecef;
    overflow: hidden;
}

.hk-ee-share-subitem {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 10px 12px;
    margin: 4px 0;
    border: 1px solid #edf0f3;
    border-radius: 12px;
    background: #fbfcfd;
    direction: ltr;
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
}

/* Pool */
.hk-ee-pool-head {
    align-items: flex-start;
    text-align: right;
}

.hk-ee-pool-key {
    display: flex;
    gap: 10px;
}

.hk-ee-pool-key span {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
}

.hk-ee-pool-key .decrease {
    background: rgba(67, 140, 115, .10);
    color: #32775f;
}

.hk-ee-pool-key .increase {
    background: rgba(217, 92, 111, .10);
    color: #bd4f60;
}

.hk-ee-pool-table-wrap {
    overflow: hidden;
    border: 1px solid #dfe4e8;
    border-radius: 18px;
}

.hk-ee-pool-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.hk-ee-pool-table th,
.hk-ee-pool-table td {
    padding: 15px 10px;
    border-left: 1px solid #e1e5e9;
    border-bottom: 1px solid #e1e5e9;
    color: #333;
    font-size: 15px;
    font-weight: 400 !important;
    text-align: center;
}

.hk-ee-pool-table th:last-child,
.hk-ee-pool-table td:last-child {
    border-left: 0;
}

.hk-ee-pool-table th {
    background: var(--hk-table-head, #f3f5f7);
    font-size: 16px;
}

.hk-ee-pool-table tbody tr:nth-child(odd) td:not(.hk-ee-pool-change) {
    background: #fff;
}

.hk-ee-pool-table tbody tr:nth-child(even) td:not(.hk-ee-pool-change) {
    background: #f8f9fb;
}

.hk-ee-pool-range {
    direction: ltr;
    unicode-bidi: isolate;
}

.hk-ee-pool-change.decrease {
    background: rgba(67, 140, 115, .12) !important;
    color: #3c8a70 !important;
}

.hk-ee-pool-change.increase {
    background: rgba(217, 92, 111, .11) !important;
    color: #c45565 !important;
}

.hk-ee-pool-change.neutral {
    background: #f1f3f5 !important;
    color: #727a83 !important;
}

.hk-ee-signed-number {
    display: inline-flex;
    direction: ltr !important;
    unicode-bidi: isolate;
    align-items: center;
    gap: 0;
    white-space: nowrap;
    font-weight: 400 !important;
}

.hk-ee-sign,
.hk-ee-percent-value {
    display: inline-block;
    direction: ltr;
    unicode-bidi: isolate;
}

/* Difference chart */
.hk-ee-diff-row {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr) 95px;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f2;
    cursor: pointer;
}

.hk-ee-diff-label {
    direction: ltr;
    unicode-bidi: isolate;
    color: #555f69;
    font-size: 14px;
}

.hk-ee-diff-axis {
    position: relative;
    height: 14px;
}

.hk-ee-diff-axis::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #d6dce2;
}

.hk-ee-diff-axis i {
    position: absolute;
    top: 2px;
    height: 10px;
    border-radius: 999px;
}

.hk-ee-diff-axis i.positive {
    left: 50%;
    background: var(--hk-increase);
}

.hk-ee-diff-axis i.negative {
    right: 50%;
    background: var(--hk-decrease);
}

.hk-ee-diff-row > b {
    font-size: 14px;
    font-weight: 400 !important;
}

.hk-ee-diff-row > b.positive {
    color: #c45565;
}

.hk-ee-diff-row > b.negative {
    color: #3c8a70;
}

/* Category filters and summary */
.hk-ee-panel-head-wrap {
    display: block;
}

.hk-ee-panel-head-wrap > div:first-child {
    margin-bottom: 18px;
}

.hk-ee-inline-filter-box {
    display: flex;
    align-items: stretch;
    gap: 14px;
    width: 100%;
    padding: 14px;
    border: 1px solid #e3e8ed;
    border-radius: 21px;
    background: #f6f7f9;
}

.hk-ee-inline-filter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    padding: 13px 15px;
    border: 1px solid #e1e6eb;
    border-radius: 17px;
    background: #fff;
}

.hk-ee-program-filter {
    flex: 1 1 72%;
}

.hk-ee-year-filter {
    flex: 0 1 28%;
    min-width: 180px;
}

.hk-ee-inline-filter > span {
    color: #626b75;
    font-size: 14px;
}

.hk-ee-inline-filter select {
    height: 54px;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hk-ee-year-filter select {
    direction: rtl;
    text-align: right;
}

.hk-ee-category-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0 12px;
}

.hk-ee-category-summary span {
    min-height: 132px;
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: center;
    padding: 18px 16px 15px;
    border: 1px solid var(--hk-border);
    border-top: 4px solid #aeb5bd;
    border-radius: 18px;
    background: #fff;
    text-align: center;
}

.hk-ee-category-summary span:nth-child(2) {
    border-top-color: var(--hk-invitation-line);
}

.hk-ee-category-summary span:nth-child(3) {
    border-top-color: var(--hk-crs-line);
}

.hk-ee-category-summary b {
    color: #2f3338;
    font-family: inherit !important;
    font-size: 30px;
    font-weight: 700 !important;
}

.hk-ee-category-summary small {
    color: #5f6872;
    font-size: 15px;
}

/* Annual share */
.hk-ee-annual-share-chart {
    padding: 4px 0;
}

.hk-ee-annual-row {
    display: grid;
    grid-template-columns: 65px minmax(0, 1fr) 95px;
    align-items: center;
    gap: 13px;
    margin: 14px 0;
}

.hk-ee-annual-row > b {
    font-size: 15px;
    font-weight: 400 !important;
}

.hk-ee-annual-row > small {
    direction: ltr;
    text-align: left;
    color: #6e7680;
}

.hk-ee-annual-track {
    display: flex;
    height: 29px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf0f3;
}

.hk-ee-annual-segment {
    height: 100%;
    background: var(--seg);
    cursor: pointer;
}

.hk-ee-annual-share-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 16px;
    margin-top: 16px;
}

.hk-ee-annual-share-legend span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    direction: ltr;
    color: #555e68;
    font-size: 12px;
}

.hk-ee-annual-share-legend i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--seg);
}

/* Analytics title/footer */
.hk-ee-analytics {
    display: grid;
    gap: 22px;
    margin-top: 22px;
}

.hk-ee-section-title {
    padding: 12px 8px 2px;
    text-align: center;
}

.hk-ee-section-title h3 {
    font-size: clamp(18px, 1.35vw, 22px) !important;
    line-height: 1.85 !important;
    max-width: 760px;
    margin-inline: auto !important;
}

.hk-ee-section-title p {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
}

.hk-ee-section-title > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}


.hk-ee-section-title p {
    margin: 5px 0 0;
    color: #69727c;
}

.hk-ee-footer-meta {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: 20px;
    padding: 14px 2px;
    color: #7a828b;
    font-size: 12px;
}

.hk-ee-footer-meta a {
    color: var(--hk-brand);
    text-decoration: none;
}

/* Tablet */
@media (max-width: 1180px) {
    .hk-ee-dashboard {
        width: calc(100% - 24px);
    }

    .hk-ee-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hk-ee-card {
        min-height: 205px;
    }

    .hk-ee-panel {
        padding: 23px;
    }

    .hk-ee-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hk-ee-filter-search,
    .hk-ee-filter-year,
    .hk-ee-filter-category,
    .hk-ee-filter-size,
    .hk-ee-reset {
        grid-column: span 1;
    }

    .hk-ee-table-scroll {
        overflow: hidden !important;
    }

    .hk-ee-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .hk-ee-table colgroup col:nth-child(1) { width: 14% !important; }
    .hk-ee-table colgroup col:nth-child(2) { width: 18% !important; }
    .hk-ee-table colgroup col:nth-child(3) { width: 38% !important; }
    .hk-ee-table colgroup col:nth-child(4) { width: 17% !important; }
    .hk-ee-table colgroup col:nth-child(5) { width: 13% !important; }

    .hk-ee-table th,
    .hk-ee-table td {
        padding: 13px 8px;
        font-size: 14px;
    }

    .hk-ee-table th {
        font-size: 15px;
    }

    .hk-ee-panel-head {
        gap: 16px;
    }

    .hk-ee-chart-legend {
        margin-top: 3px;
    }

    .hk-ee-share-layout {
        grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
        gap: 24px;
    }
}

@media (max-width: 820px) {
    .hk-ee-hero {
        display: block;
    }

    .hk-ee-live-pill {
        display: inline-flex;
        margin-top: 14px;
        margin-inline-start: 0;
    }

    .hk-ee-panel-head {
        display: block;
    }

    .hk-ee-chart-legend,
    .hk-ee-chart-note,
    .hk-ee-pool-key {
        margin-top: 14px;
    }

    .hk-ee-inline-filter-box {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hk-ee-program-filter,
    .hk-ee-year-filter {
        width: 100%;
        min-width: 0;
    }

    .hk-ee-share-layout {
        grid-template-columns: 1fr;
    }

    .hk-ee-donut-stage {
        min-height: 310px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .hk-ee-dashboard {
        width: calc(100% - 10px);
        margin: 18px auto;
        font-size: 14px;
    }

    .hk-ee-hero,
    .hk-ee-panel {
        padding: 18px 13px;
        border-radius: 20px;
    }

    .hk-ee-hero h2 {
        font-size: 25px !important;
    }

    .hk-ee-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .hk-ee-card {
        min-height: 156px;
        grid-template-rows: minmax(54px, auto) 1fr 29px;
        gap: 5px;
        padding: 16px 9px 12px;
        border-top-width: 3px;
        border-radius: 17px;
    }

    .hk-ee-card > span {
        font-size: 12px;
        line-height: 1.8;
    }

    .hk-ee-card > strong {
        font-size: 24px;
    }

    .hk-ee-card-program > strong,
    .hk-ee-card-text > strong {
        font-size: 14px;
        line-height:1.5;
    }

    .hk-ee-card > small {
        font-size: 11.5px;
    }

    .hk-ee-panel-head h3 {
        font-size: 22px !important;
    }

    .hk-ee-filter-box {
        padding: 12px;
        border-radius: 18px;
    }

    .hk-ee-filters {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .hk-ee-filters > * {
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .hk-ee-filters input,
    .hk-ee-filters select,
    .hk-ee-reset {
        width: 100% !important;
        height: 53px;
        font-size: 14px;
    }

    .hk-ee-table-scroll {
        display: none;
    }

    .hk-ee-mobile-table-wrap {
        display: block;
    }

    .hk-ee-mobile-table {
        display: block;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    .hk-ee-mobile-table colgroup,
    .hk-ee-mobile-table thead {
        display: none;
    }

    .hk-ee-mobile-table tbody {
        display: block;
        width: 100%;
    }

    .hk-ee-mobile-table tr {
        width: 100%;
    }

    .hk-ee-mobile-category-row {
        display: block;
        margin-top: 13px;
    }

    .hk-ee-mobile-category-row:first-child {
        margin-top: 0;
    }

    .hk-ee-mobile-category-row td {
        display: block;
        width: 100%;
        padding: 14px 14px 12px;
        border: 1px solid #e2e6ea;
        border-top: 4px solid var(--hk-brand);
        border-bottom: 0;
        border-radius: 17px 17px 0 0;
        background: #fff;
        color: #30363d;
        direction: ltr;
        text-align: left;
        font-size: 14px;
        line-height: 1.8;
        overflow-wrap: anywhere;
    }

    .hk-ee-mobile-data-row {
        display: grid;
        grid-template-columns: 18% 36% 24% 22%;
        overflow: hidden;
        border: 1px solid #e2e6ea;
        border-top: 0;
        border-radius: 0 0 17px 17px;
        background: #fff;
    }

    .hk-ee-mobile-data-row td {
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 10px 4px 12px;
        border-left: 1px solid #e7eaee;
        color: #333;
        font-size: 13px;
        line-height: 1.55;
        text-align: center;
    }

    .hk-ee-mobile-data-row td:last-child {
        border-left: 0;
    }

    .hk-ee-mobile-data-row td::before {
        content: attr(data-label);
        display: block;
        color: #7a828b;
        font-size: 10px;
        line-height: 1.35;
    }

    .hk-ee-mobile-data-row td.hk-ee-english-date {
        direction: rtl !important;
        unicode-bidi: plaintext;
        white-space: normal;
    }

    .hk-ee-pagination {
        display: block;
    }

    .hk-ee-page-buttons {
        margin-top: 10px;
    }

    .hk-ee-chart-legend {
        gap: 8px;
    }

    .hk-ee-chart-legend span {
        min-height: 38px;
        padding: 6px 11px;
        font-size: 13px;
    }

    .combined-axis-label {
        font-size: 13px;
    }

    .combined-axis-title,
    .combined-x-axis-title {
        font-size: 13px;
    }

    .combined-date-label {
        font-size: 12px;
    }

    .hk-ee-tooltip {
        min-width: 185px;
        max-width: 225px;
        padding: 11px 12px;
    }

    .hk-ee-tooltip strong {
        font-size: 13px;
    }

    .hk-ee-tooltip span {
        font-size: 11.5px;
    }

    .hk-ee-category-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .hk-ee-category-summary span {
        min-height: 118px;
        padding: 15px 8px 12px;
        border-top-width: 3px;
    }

    .hk-ee-category-summary b {
        font-size: 25px;
    }

    .hk-ee-category-summary small {
        font-size: 11px;
    }

    .hk-ee-pool-table th,
    .hk-ee-pool-table td {
        padding: 11px 5px;
        font-size: 12.5px;
        line-height: 1.7;
    }

    .hk-ee-pool-table th {
        font-size: 12px;
    }

    .hk-ee-diff-row {
        grid-template-columns: 67px minmax(0, 1fr) 74px;
        gap: 7px;
    }

    .hk-ee-diff-label,
    .hk-ee-diff-row > b {
        font-size: 11.5px;
    }

    .hk-ee-annual-row {
        grid-template-columns: 44px minmax(0, 1fr) 67px;
        gap: 7px;
    }

    .hk-ee-annual-row > b,
    .hk-ee-annual-row > small {
        font-size: 11px;
    }

    .hk-ee-footer-meta {
        display: block;
    }

    .hk-ee-footer-meta a {
        display: inline-block;
        margin-top: 7px;
    }
}

@media (max-width: 390px) {
    .hk-ee-card {
        min-height: 185px;
    }

    .hk-ee-mobile-data-row {
        grid-template-columns: 17% 39% 22% 22%;
    }

    .hk-ee-mobile-data-row td {
        font-size: 12px;
    }

    .hk-ee-mobile-data-row td::before {
        font-size: 9.5px;
    }

    .hk-ee-category-summary small {
        font-size: 10px;
    }
}

.hk-ee-filter-search{grid-column:span 2;}
.hk-ee-filter-year{grid-column:span 2;}
.hk-ee-filter-category{grid-column:span 4;}
.hk-ee-filter-size{grid-column:span 2;}
.hk-ee-reset{grid-column:span 2;display:flex;align-items:center;justify-content:center;}

.hk-ee-table th > *{vertical-align:middle;}
.hk-ee-table th[data-sort]{padding-inline:10px;}
.hk-ee-table td[data-col="category"], .hk-ee-mobile-category-row td{font-size:15px;}
.hk-ee-table td[data-col="category"]{line-height:1.85;}

.hk-ee-pool-panel .hk-ee-panel-head h3{font-size:clamp(17px,1.3vw,21px)!important;line-height:1.85!important;max-width:620px;text-align:right;}
.hk-ee-pool-panel .hk-ee-panel-head{align-items:flex-start;}
.hk-ee-pool-table th,.hk-ee-pool-table td{font-size:14px;line-height:1.7;}
.hk-ee-pool-table th{font-size:15px;}
.hk-ee-pool-change.decrease{background:rgba(67,140,115,.10)!important;color:#3f866e!important;}
.hk-ee-pool-change.increase{background:rgba(217,92,111,.10)!important;color:#bf5968!important;}
.hk-ee-pool-change.neutral{background:#f2f4f6!important;color:#727a83!important;}

.hk-ee-section-title{padding:10px 8px 0;text-align:right;}
.hk-ee-section-title p{font-size:14px;line-height:1.85;}

.hk-ee-share-item-head{align-items:flex-start;}
.hk-ee-share-label{font-size:15px;line-height:1.8;}
.hk-ee-other-toggle{margin-top:-2px;}



.hk-ee-combined-chart-wrap,.hk-ee-category-chart-wrap{overflow-x:hidden;}

@media (max-width: 767px){
  .hk-ee-mobile-data-row td.hk-ee-english-date{font-size:11.5px;line-height:1.45;}
  .hk-ee-mobile-date-main,.hk-ee-mobile-date-year{display:block;white-space:nowrap;}
  .hk-ee-mobile-date-year{font-size:10.5px;color:#7a828b;}
  .hk-ee-category-summary{grid-template-columns:1fr;gap:9px;}
  .hk-ee-category-summary span{min-height:96px;}
  .hk-ee-section-title{text-align:center;}
  .hk-ee-chart-legend{justify-content:center;}
}

@media (min-width: 768px) and (max-width: 980px){
  .hk-ee-category-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
}


/* v0.4.2 focused refinements */
.hk-ee-dashboard,
.hk-ee-dashboard button,
.hk-ee-dashboard input,
.hk-ee-dashboard select,
.hk-ee-dashboard table,
.hk-ee-dashboard th,
.hk-ee-dashboard td,
.hk-ee-dashboard svg text,
.hk-ee-dashboard .hk-ee-tooltip {
    font-family: inherit !important;
}
.hk-ee-dashboard { font-weight: 400 !important; }
.hk-ee-dashboard p,
.hk-ee-dashboard span,
.hk-ee-dashboard small,
.hk-ee-dashboard td,
.hk-ee-dashboard input,
.hk-ee-dashboard select,
.hk-ee-dashboard button,
.hk-ee-dashboard svg text { font-weight: 400 !important; }
.hk-ee-dashboard h2,
.hk-ee-dashboard h3,
.hk-ee-dashboard h4,
.hk-ee-dashboard th,
.hk-ee-dashboard strong { font-weight: 700 !important; }
.hk-ee-table td[data-col="category"],
.hk-ee-mobile-category-row td,
.hk-ee-share-label,
.hk-ee-share-subitem-name { font-weight: 400 !important; }

.hk-ee-filters input[type="search"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 17px !important;
}

.hk-ee-pool-panel .hk-ee-panel-head { direction: rtl; }
.hk-ee-pool-panel .hk-ee-panel-head > div:first-child { text-align: right; }
.hk-ee-pool-panel .hk-ee-panel-head h3 {
    max-width: 760px;
    font-size: clamp(18px, 1.4vw, 23px) !important;
    line-height: 1.75 !important;
}
.hk-ee-pool-panel .hk-ee-panel-head > div:first-child > span { font-size: 12px; }
.hk-ee-pool-key { flex: 0 0 auto; }

.hk-ee-share-item {
    padding: 14px 15px;
    border-radius: 16px;
}
.hk-ee-share-label { font-size: 15px; line-height: 1.75; }
.hk-ee-share-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    direction: rtl !important;
    white-space: nowrap;
}
.hk-ee-share-count-number,
.hk-ee-share-percent {
    direction: ltr;
    unicode-bidi: isolate;
}
.hk-ee-share-subitem-name {
    min-width: 0;
    font-size: 15px;
    overflow-wrap: anywhere;
    color: #333;
}
.hk-ee-share-subitem-metrics {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    direction: rtl;
    white-space: nowrap;
}
.hk-ee-share-subitem-metrics small,
.hk-ee-share-subitem-metrics b {
    font-size: 14.5px;
    font-weight: 400 !important;
}
.hk-ee-share-progress { height: 7px; }

.invitation-line,
.crs-line,
.category-line { stroke-width: 1.95 !important; }
.invitation-dot { stroke-width: 1.7 !important; }
.crs-dot,
.category-dot { stroke-width: 1.9 !important; }

@media (max-width: 1180px) {
    .hk-ee-card { min-height: 184px; }
    .hk-ee-filter-search,
    .hk-ee-filter-year,
    .hk-ee-filter-category,
    .hk-ee-filter-size,
    .hk-ee-reset { grid-column: span 1; }
}

@media (max-width: 767px) {
    .hk-ee-hero { padding: 18px 15px; }
    .hk-ee-live-pill { padding: 8px 12px; font-size: 12.5px; }
    .hk-ee-pool-panel .hk-ee-panel-head h3 {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }
    .hk-ee-pool-key { justify-content: flex-start; }
    .hk-ee-share-subitem {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 10px;
    }
    .hk-ee-share-subitem-metrics {
        justify-content: space-between;
        width: 100%;
    }
    .hk-ee-share-values {
        gap: 8px;
        font-size: 12px;
    }
    .hk-ee-share-values small,
    .hk-ee-share-values b { font-size: 12px; }
    .hk-ee-mobile-date-main,
    .hk-ee-mobile-date-year { text-align: center; }
}

.hk-ee-pool-panel .hk-ee-panel-head > div:first-child{max-width:640px;}
.hk-ee-pool-panel .hk-ee-panel-head > div:first-child > span{margin-bottom:8px;}

.hk-ee-pool-table td,.hk-ee-pool-table th,.hk-ee-table td,.hk-ee-table th,.hk-ee-mobile-data-row td,.hk-ee-mobile-category-row td{font-weight:400!important;}
.hk-ee-pool-range{font-family:IRANSansWeb_FaNumBold, Tahoma, sans-serif!important;}
.hk-ee-pool-table td, .hk-ee-pool-table th, .hk-ee-table td, .hk-ee-mobile-data-row td, .hk-ee-mobile-category-row td{font-family:IRANSansWeb_FaNumBold, Tahoma, sans-serif!important;font-size:15px;line-height:1.9;}
.hk-ee-table th, .hk-ee-pool-table th{font-family:IRANSansWeb_FaNum, Tahoma, sans-serif!important;font-size:17px;line-height:1.8;}

.hk-ee-pool-panel .hk-ee-panel-head, .hk-ee-pool-difference-panel .hk-ee-panel-head, .hk-ee-category-trend-panel .hk-ee-panel-head, .hk-ee-annual-share-panel .hk-ee-panel-head {align-items:flex-start;}
.hk-ee-panel-head > div:first-child h3, .hk-ee-panel-head > div:first-child > span {text-align:right;}

@media (max-width: 1180px){
  .hk-ee-panel-head h3{font-size:20px!important;}
  .hk-ee-section-title h3{font-size:20px!important;}
  .hk-ee-hero h2{font-size:28px!important;}
}
@media (max-width: 767px){
  .hk-ee-panel-head h3{font-size:18px!important;line-height:1.85!important;}
  .hk-ee-section-title h3{font-size:18px!important;line-height:1.9!important;}
  .hk-ee-hero h2{font-size:24px!important;line-height:1.8!important;}
  .hk-ee-pool-table td,.hk-ee-pool-table th,.hk-ee-table td,.hk-ee-mobile-data-row td,.hk-ee-mobile-category-row td{font-size:14px!important;}
  .hk-ee-table th,.hk-ee-pool-table th{font-size:15px!important;}
}


/* v0.4.5 final refinements */

.hk-ee-dashboard,
.hk-ee-dashboard button,
.hk-ee-dashboard input,
.hk-ee-dashboard select,
.hk-ee-dashboard table,
.hk-ee-dashboard th,
.hk-ee-dashboard td,
.hk-ee-dashboard svg text,
.hk-ee-dashboard .hk-ee-tooltip {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
}
.hk-ee-dashboard h2,
.hk-ee-dashboard h3,
.hk-ee-dashboard h4,
.hk-ee-table th,
.hk-ee-pool-table th,
.hk-ee-mobile-data-row td::before,
.hk-ee-section-title > span,
.hk-ee-panel-head > div:first-child > span {
    font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important;
}
.hk-ee-hero h2 { font-size: clamp(22px, 1.9vw, 29px) !important; line-height: 1.8 !important; }
.hk-ee-panel-head h3 { font-size: clamp(17px, 1.2vw, 21px) !important; line-height: 1.9 !important; }
.hk-ee-section-title { text-align: center !important; padding: 10px 8px 0 !important; }
.hk-ee-section-title > span { display: inline-flex !important; justify-content: center !important; margin: 0 auto 10px !important; font-size: 12px !important; }
.hk-ee-section-title h3 { font-size: clamp(17px, 1.25vw, 21px) !important; line-height: 1.9 !important; max-width: 720px !important; margin-inline: auto !important; text-align: center !important; }
.hk-ee-section-title p { max-width: 720px !important; margin-inline: auto !important; text-align: center !important; font-size: 14px !important; line-height: 1.9 !important; }
.hk-ee-combined-chart,
.hk-ee-category-chart { overflow: visible !important; }
.hk-ee-combined-chart-wrap,
.hk-ee-category-chart-wrap { overflow-x: hidden !important; }
.hk-ee-combined-chart text,
.hk-ee-category-chart text { font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important; font-weight: 400 !important; }
.combined-axis-label { font-size: 12px !important; font-weight: 400 !important; }
.combined-axis-title,
.combined-x-axis-title { font-size: 12.5px !important; font-weight: 400 !important; }
.combined-date-label { font-size: 10.5px !important; font-weight: 400 !important; }
.invitation-line,
.crs-line,
.category-line { stroke-width: 1.75 !important; }
.invitation-dot,
.crs-dot,
.category-dot { stroke-width: 1.55 !important; }
.hk-ee-table colgroup col:nth-child(1) { width: 16% !important; }
.hk-ee-table colgroup col:nth-child(2) { width: 18% !important; }
.hk-ee-table colgroup col:nth-child(3) { width: 36% !important; }
.hk-ee-table colgroup col:nth-child(4) { width: 16% !important; }
.hk-ee-table colgroup col:nth-child(5) { width: 14% !important; }
.hk-ee-table th,
.hk-ee-pool-table th { font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important; font-size: 16px !important; line-height: 1.85 !important; font-weight: 700 !important; }
.hk-ee-table td,
.hk-ee-pool-table td,
.hk-ee-mobile-data-row td,
.hk-ee-mobile-category-row td { font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important; font-size: 15px !important; line-height: 1.95 !important; font-weight: 400 !important; }
.hk-ee-table td[data-col="category"],
.hk-ee-mobile-category-row td { font-size: 15px !important; line-height: 1.95 !important; }
.hk-ee-mobile-data-row td::before { font-size: 10.5px !important; }
.hk-ee-mobile-date-main,
.hk-ee-mobile-date-year { display: block !important; text-align: center !important; white-space: nowrap !important; }
.hk-ee-mobile-date-year { font-size: 11px !important; color: #7a828b !important; }
@media (max-width: 1180px) {
  .hk-ee-panel-head h3 { font-size: 19px !important; }
  .hk-ee-section-title h3 { font-size: 19px !important; }
  .hk-ee-table colgroup col:nth-child(1) { width: 17% !important; }
  .hk-ee-table colgroup col:nth-child(2) { width: 18% !important; }
  .hk-ee-table colgroup col:nth-child(3) { width: 35% !important; }
  .hk-ee-table colgroup col:nth-child(4) { width: 16% !important; }
  .hk-ee-table colgroup col:nth-child(5) { width: 14% !important; }
  .hk-ee-table th,
  .hk-ee-pool-table th { font-size: 15px !important; }
  .hk-ee-table td,
  .hk-ee-pool-table td { font-size: 14px !important; }
}
@media (max-width: 767px) {
  .hk-ee-hero h2 { font-size: 23px !important; }
  .hk-ee-panel-head h3,
  .hk-ee-section-title h3 { font-size: 17px !important; line-height: 1.95 !important; }
  .combined-axis-label { font-size: 11px !important; }
  .combined-axis-title,
  .combined-x-axis-title { font-size: 11.5px !important; }
  .combined-date-label { font-size: 10px !important; }
  .hk-ee-table th,
  .hk-ee-pool-table th { font-size: 14.5px !important; }
  .hk-ee-table td,
  .hk-ee-pool-table td,
  .hk-ee-mobile-data-row td,
  .hk-ee-mobile-category-row td { font-size: 14px !important; line-height: 1.9 !important; }
  .hk-ee-mobile-data-row td.hk-ee-english-date { font-size: 12px !important; }
}


/* v0.4.6 mobile chart layout */
@media (max-width: 767px) {
    .hk-ee-combined-chart-wrap,
    .hk-ee-category-chart-wrap {
        width: 100% !important;
        overflow-x: hidden !important;
        padding-bottom: 4px !important;
    }

    .hk-ee-combined-chart,
    .hk-ee-category-chart {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    .combined-axis-label {
        font-size: 12px !important;
    }

    .combined-axis-label.invitation-axis { text-anchor: end; }
    .combined-axis-label.crs-axis { text-anchor: start; }

    .combined-axis-title,
    .combined-x-axis-title {
        font-size: 13px !important;
    }

    .combined-date-label,
    .combined-date-label-mobile,
    .combined-draw-number-label {
        font-size: 12px !important;
        font-weight: 400 !important;
    }

    .combined-date-label-mobile {
        letter-spacing: 0 !important;
    }

    .hk-ee-trend-panel .hk-ee-panel-head,
    .hk-ee-category-trend-panel .hk-ee-panel-head {
        margin-bottom: 8px !important;
    }

    .hk-ee-chart-legend {
        margin-bottom: 8px !important;
    }

    .hk-ee-trend-help,
    .hk-ee-chart-note {
        font-size: 14px !important;
        line-height: 2 !important;
    }
}

@media (max-width: 390px) {
    .combined-axis-label {
        font-size: 12px !important;
    }

    .combined-axis-label.invitation-axis { text-anchor: end; }
    .combined-axis-label.crs-axis { text-anchor: start; }
    .combined-axis-title,
    .combined-x-axis-title,
    .combined-date-label,
    .combined-date-label-mobile,
    .combined-draw-number-label {
        font-size: 12px !important;
    }
}


/* v0.4.7 targeted mobile fixes */
@media (max-width: 767px) {
  .hk-ee-combined-chart text, .hk-ee-category-chart text { paint-order: stroke; stroke: rgba(255,255,255,.65); stroke-width: .8px; stroke-linejoin: round; }
  .combined-axis-title, .combined-x-axis-title { font-size: 13px !important; }
  .combined-date-label-mobile { font-size: 11.5px !important; }
  .combined-draw-number-label { font-size: 12.5px !important; }
  .hk-ee-filter-size select { min-width: 0 !important; }
}


/* v0.4.8 chart typography refinement */
.hk-ee-dashboard .combined-axis-label{font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;font-size:14.5px!important;font-weight:400!important;line-height:1.6!important;}
.hk-ee-dashboard .combined-axis-title,
.hk-ee-dashboard .combined-x-axis-title{font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;font-size:15.5px!important;font-weight:400!important;line-height:1.7!important;}
.hk-ee-dashboard .combined-date-label,
.hk-ee-dashboard .combined-draw-number-label{font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.65!important;}
.hk-ee-dashboard .combined-date-label-mobile{font-size:13px!important;line-height:1.7!important;}
@media (max-width: 1024px){
  .hk-ee-dashboard .combined-axis-label{font-size:13.5px!important;}
  .hk-ee-dashboard .combined-axis-title,
  .hk-ee-dashboard .combined-x-axis-title{font-size:14.5px!important;}
  .hk-ee-dashboard .combined-date-label,
  .hk-ee-dashboard .combined-draw-number-label{font-size:13.25px!important;}
}
@media (max-width: 767px){
  .hk-ee-dashboard .combined-axis-label{font-size:13px!important;}
  .hk-ee-dashboard .combined-axis-title,
  .hk-ee-dashboard .combined-x-axis-title{font-size:14px!important;}
  .hk-ee-dashboard .combined-date-label,
  .hk-ee-dashboard .combined-draw-number-label,
  .hk-ee-dashboard .combined-date-label-mobile{font-size:12.5px!important;}
}


/* v0.4.9 mobile typography and date refinements */
.hk-ee-dashboard .combined-axis-label {
    font-size: 15px !important;
    line-height: 1.65 !important;
}
.hk-ee-dashboard .combined-axis-title,
.hk-ee-dashboard .combined-x-axis-title {
    font-size: 16px !important;
    line-height: 1.75 !important;
}
.hk-ee-dashboard .combined-date-label,
.hk-ee-dashboard .combined-draw-number-label {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
}

.hk-ee-diff-row,
.hk-ee-diff-row * {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    font-weight: 400 !important;
}
.hk-ee-diff-label,
.hk-ee-diff-row > b {
    font-size: 15px !important;
    line-height: 1.8 !important;
}
.hk-ee-diff-row {
    grid-template-columns: 118px minmax(0, 1fr) 110px;
    gap: 16px;
    min-height: 58px;
    padding: 14px 0;
}
.hk-ee-diff-axis {
    height: 18px;
}
.hk-ee-diff-axis i {
    top: 3px;
    height: 12px;
}

@media (max-width: 767px) {
    .hk-ee-mobile-category-row td,
    .hk-ee-mobile-data-row td,
    .hk-ee-mobile-data-row td::before,
    .hk-ee-mobile-date-full {
        font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
        font-weight: 400 !important;
    }
    .hk-ee-mobile-category-row td {
        font-size: 15px !important;
        line-height: 1.85 !important;
    }
    .hk-ee-mobile-data-row {
        grid-template-columns: 18% 38% 23% 21% !important;
    }
    .hk-ee-mobile-data-row td {
        padding: 12px 5px 13px !important;
        font-size: 14px !important;
        line-height: 1.75 !important;
        gap: 5px !important;
    }
    .hk-ee-mobile-data-row td::before {
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }
    .hk-ee-mobile-data-row td.hk-ee-english-date {
        white-space: nowrap !important;
        overflow: visible !important;
    }
    .hk-ee-mobile-date-full {
        display: block !important;
        width: 100% !important;
        white-space: nowrap !important;
        text-align: center !important;
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        color: #333 !important;
    }
    .hk-ee-mobile-date-main,
    .hk-ee-mobile-date-year {
        display: none !important;
    }

    .hk-ee-diff-row {
        grid-template-columns: 92px minmax(0, 1fr) 90px !important;
        gap: 10px !important;
        min-height: 60px !important;
        padding: 13px 0 !important;
    }
    .hk-ee-diff-label,
    .hk-ee-diff-row > b {
        font-size: 13.5px !important;
        line-height: 1.7 !important;
    }
    .hk-ee-diff-axis {
        height: 17px !important;
    }
    .hk-ee-diff-axis i {
        top: 3px !important;
        height: 11px !important;
    }

    .hk-ee-dashboard .combined-axis-label {
        font-size: 13.5px !important;
    }
    .hk-ee-dashboard .combined-axis-title,
    .hk-ee-dashboard .combined-x-axis-title {
        font-size: 14.5px !important;
    }
    .hk-ee-dashboard .combined-date-label,
    .hk-ee-dashboard .combined-date-label-mobile,
    .hk-ee-dashboard .combined-draw-number-label {
        font-size: 13px !important;
    }
}




/* v0.5.1 responsive chart correction */
.hk-ee-dashboard .combined-date-label { font-size: 15px !important; font-weight: 400 !important; }
.hk-ee-dashboard .combined-axis-label { font-size: 15px !important; }
.hk-ee-dashboard .combined-axis-title,
.hk-ee-dashboard .combined-x-axis-title { font-size: 16px !important; }
@media (min-width: 1181px) {
  .hk-ee-combined-chart-wrap { padding-bottom: 0 !important; overflow: hidden !important; }
  .hk-ee-combined-chart { min-height: 568px !important; }
}
@media (max-width: 767px) {
  .hk-ee-trend-panel,
  .hk-ee-category-trend-panel { padding-inline: 8px !important; }
  .hk-ee-combined-chart-wrap,
  .hk-ee-category-chart-wrap { width: 100% !important; margin-inline: 0 !important; overflow: hidden !important; }
  .hk-ee-combined-chart { min-height: 590px !important; }
  .hk-ee-category-chart { min-height: 520px !important; }
  .hk-ee-dashboard .combined-axis-label { font-size: 13.5px !important; }
  .hk-ee-dashboard .combined-axis-title,
  .hk-ee-dashboard .combined-x-axis-title { font-size: 14.5px !important; }
  .hk-ee-dashboard .combined-date-label-mobile { font-size: 13.5px !important; letter-spacing: 0 !important; }
  .hk-ee-dashboard .combined-draw-number-label { font-size: 14px !important; }
}


/* v0.5.2 deterministic chart geometry */
.hk-ee-dashboard .combined-axis-label{direction:ltr;unicode-bidi:isolate;}
@media (min-width:768px){
  .hk-ee-dashboard .combined-date-label{font-size:14px!important;}
  .hk-ee-combined-chart-wrap,.hk-ee-category-chart-wrap{overflow:hidden!important;}
}


/* v0.5.4 chart positioning and mobile readability */
.hk-ee-dashboard .combined-axis-title,
.hk-ee-dashboard .combined-x-axis-title,
.hk-ee-dashboard .combined-axis-label,
.hk-ee-dashboard .combined-date-label,
.hk-ee-dashboard .combined-date-label-mobile,
.hk-ee-dashboard .combined-draw-number-label{
  paint-order: stroke;
  stroke: rgba(255,255,255,.92);
  stroke-width: 2px;
  stroke-linejoin: round;
}
.hk-ee-dashboard .combined-axis-title,
.hk-ee-dashboard .combined-x-axis-title{font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;font-weight:400!important;}
.hk-ee-dashboard .combined-axis-label,
.hk-ee-dashboard .combined-date-label,
.hk-ee-dashboard .combined-date-label-mobile,
.hk-ee-dashboard .combined-draw-number-label{font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;font-weight:400!important;}
.hk-ee-dashboard .hk-ee-mobile-date-full{white-space:nowrap!important;display:block!important;}
@media (max-width: 767px){
  .hk-ee-dashboard .combined-axis-title,
  .hk-ee-dashboard .combined-x-axis-title{font-size:15px!important;}
  .hk-ee-dashboard .combined-axis-label{font-size:14px!important;}
  .hk-ee-dashboard .combined-date-label-mobile,
  .hk-ee-dashboard .combined-draw-number-label{font-size:13.5px!important;}
  .hk-ee-combined-chart{min-height:630px!important;}
}


/* v0.5.5 axis heads rendered as HTML overlays for reliable RTL positioning */
.hk-ee-chart-axis-heads{
  position:absolute;
  top:8px;
  left:0;
  right:0;
  height:28px;
  pointer-events:none;
  z-index:4;
}
.hk-ee-chart-axis-head{
  position:absolute;
  top:0;
  font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
  font-weight:400!important;
  font-size:17px!important;
  line-height:1.2!important;
  white-space:nowrap;
}
.hk-ee-chart-axis-head-left{left:18px;color:var(--hk-invitation-line);}
.hk-ee-chart-axis-head-right{right:18px;color:var(--hk-crs-line);}
@media (max-width: 767px){
  .hk-ee-chart-axis-heads{top:10px;height:26px;}
  .hk-ee-chart-axis-head{font-size:15px!important;}
  .hk-ee-chart-axis-head-left{left:12px;}
  .hk-ee-chart-axis-head-right{right:12px;}
  .hk-ee-dashboard .combined-axis-label{font-size:13px!important;}
  .hk-ee-dashboard .combined-date-label-mobile{font-size:12.5px!important;}
}


/* v0.5.6 mobile chart strategy and stronger red palette */
.hk-ee-dashboard{
  --hk-palette-1:#ED1C24!important;
  --hk-increase:#ED1C24!important;
}
.hk-ee-chart-scroll-hint{
  display:none;
  margin:10px auto 0;
  text-align:center;
  color:#5f6872;
  font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
  font-size:13px;
  line-height:1.8;
}
@media (max-width:1179px){
  .hk-ee-category-chart-wrap{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin;
    scrollbar-color:#ED1C24 #eef1f4;
    padding-bottom:12px!important;
  }
  .hk-ee-category-chart-wrap::-webkit-scrollbar{height:8px;}
  .hk-ee-category-chart-wrap::-webkit-scrollbar-track{background:#eef1f4;border-radius:999px;}
  .hk-ee-category-chart-wrap::-webkit-scrollbar-thumb{background:#ED1C24;border-radius:999px;}
  .hk-ee-chart-scroll-hint:not([hidden]){display:block;}
}
.category-bar{fill:color-mix(in srgb, #ED1C24 42%, #fff)!important;stroke:color-mix(in srgb, #ED1C24 72%, #fff)!important;}


/* v0.5.7 simple single-axis line charts */
.single-grid{stroke:#e1e5e9;stroke-width:1;stroke-dasharray:4 6;}
.single-axis-line{stroke:#333;stroke-width:1.35;}
.single-axis-label,
.single-axis-y-title,
.single-axis-x-title,
.single-date-label,
.single-draw-label{
  font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
  font-weight:400!important;
  fill:#333;
  paint-order:stroke;
  stroke:rgba(255,255,255,.92);
  stroke-width:1.6px;
  stroke-linejoin:round;
}
.single-axis-label{font-size:13px;}
.single-axis-y-title,.single-axis-x-title{font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;font-size:15px;}
.single-date-label,.single-draw-label{font-size:13px;}
.single-invitation-line,.single-crs-line{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.single-invitation-line{stroke:#ED1C24;stroke-width:2.7;}
.single-crs-line{stroke:var(--hk-crs-line,#5870c7);stroke-width:2.5;}
.single-invitation-dot{fill:#ED1C24;stroke:#fff;stroke-width:1.5;}
.single-crs-diamond{fill:var(--hk-crs-line,#5870c7);stroke:#fff;stroke-width:1.1;}
.hk-ee-chart-scroll-controls{
  display:grid;
  gap:7px;
  margin:10px 16px 0;
  text-align:center;
  color:#5d6670;
  font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
  font-size:13px;
  line-height:1.7;
}
.hk-ee-chart-scroll-controls[hidden]{display:none!important;}
.hk-ee-chart-scroll-controls input[type="range"]{
  width:100%;
  height:8px;
  margin:0;
  direction:ltr;
  accent-color:#ED1C24;
  cursor:ew-resize;
}
.hk-ee-category-chart-wrap{scrollbar-width:thin;scrollbar-color:#ED1C24 #eceff2;}
.hk-ee-category-chart-wrap::-webkit-scrollbar{height:8px;}
.hk-ee-category-chart-wrap::-webkit-scrollbar-track{background:#eceff2;border-radius:999px;}
.hk-ee-category-chart-wrap::-webkit-scrollbar-thumb{background:#ED1C24;border-radius:999px;}
.hk-ee-chart-axis-heads,.hk-ee-chart-scroll-hint{display:none!important;}
@media (max-width:767px){
  .hk-ee-trend-panel,.hk-ee-category-trend-panel{padding-inline:10px!important;}
  .hk-ee-combined-chart-wrap,.hk-ee-category-chart-wrap{width:100%!important;margin:0!important;}
  .hk-ee-combined-chart{min-height:520px!important;}
  .hk-ee-category-chart{min-height:480px!important;}
  .single-axis-label{font-size:12.5px;}
  .single-axis-y-title,.single-axis-x-title{font-size:14px;}
  .single-date-label-mobile,.single-draw-label{font-size:12.5px;}
}


/* v0.6.0 — complete chart rewrite */
.hk-ee-dashboard .hk-ee-v2-chart-wrap{
    position:relative!important;
    width:100%!important;
    padding:0!important;
    scrollbar-width:auto!important;
    scrollbar-color:#aeb6bf #eef1f4!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}
.hk-ee-dashboard .hk-ee-v2-chart-wrap::-webkit-scrollbar{height:10px!important;}
.hk-ee-dashboard .hk-ee-v2-chart-wrap::-webkit-scrollbar-track{background:#eef1f4!important;border-radius:999px!important;}
.hk-ee-dashboard .hk-ee-v2-chart-wrap::-webkit-scrollbar-thumb{background:#aeb6bf!important;border-radius:999px!important;border:2px solid #eef1f4!important;}
.hk-ee-dashboard .hk-ee-v2-chart-wrap svg{display:block!important;max-width:none!important;overflow:visible!important;}
.hk-ee-dashboard .hk-ee-v2-grid{stroke:#e5e9ed!important;stroke-width:.8!important;stroke-dasharray:3 6!important;}
.hk-ee-dashboard .hk-ee-v2-axis{stroke:#aeb5bd!important;stroke-width:.8!important;}
.hk-ee-dashboard .hk-ee-v2-axis-label,
.hk-ee-dashboard .hk-ee-v2-date-label,
.hk-ee-dashboard .hk-ee-v2-draw-label,
.hk-ee-dashboard .hk-ee-v2-x-title,
.hk-ee-dashboard .hk-ee-v2-y-title{
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-weight:400!important;
    fill:#4b535c!important;
    stroke:none!important;
    paint-order:normal!important;
}
.hk-ee-dashboard .hk-ee-v2-axis-label{font-size:11.5px!important;}
.hk-ee-dashboard .hk-ee-v2-date-label{font-size:12px!important;}
.hk-ee-dashboard .hk-ee-v2-draw-label{font-size:12.5px!important;}
.hk-ee-dashboard .hk-ee-v2-x-title,
.hk-ee-dashboard .hk-ee-v2-y-title{font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;font-size:12.5px!important;fill:#626a73!important;}
.hk-ee-dashboard .hk-ee-v2-line{fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-width:2.1!important;vector-effect:non-scaling-stroke;}
.hk-ee-dashboard .hk-ee-v2-line.is-inv{stroke:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-v2-line.is-crs{stroke:var(--hk-crs-line,#5870C7)!important;}
.hk-ee-dashboard .hk-ee-v2-point{stroke:#fff!important;stroke-width:1.4!important;vector-effect:non-scaling-stroke;}
.hk-ee-dashboard .hk-ee-v2-point.is-inv{fill:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-v2-point.is-crs{fill:var(--hk-crs-line,#5870C7)!important;}
.hk-ee-dashboard .hk-ee-v2-hit{fill:transparent!important;cursor:pointer!important;outline:none!important;}
.hk-ee-dashboard .hk-ee-v2-focus-band{fill:rgba(237,28,36,.045)!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s ease!important;}
.hk-ee-dashboard .hk-ee-v2-focus-line{stroke:rgba(84,94,104,.22)!important;stroke-width:1!important;stroke-dasharray:3 4!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s ease!important;}
.hk-ee-dashboard .hk-ee-v2-focus-band.is-visible,
.hk-ee-dashboard .hk-ee-v2-focus-line.is-visible{opacity:1!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip{
    position:absolute!important;
    z-index:20!important;
    display:none;
    width:min(220px,calc(100% - 16px))!important;
    padding:12px 13px!important;
    border:1px solid rgba(111,120,130,.16)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.88)!important;
    color:#333!important;
    box-shadow:0 10px 28px rgba(36,45,55,.10)!important;
    backdrop-filter:blur(8px)!important;
    direction:rtl!important;
    text-align:right!important;
    pointer-events:none!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13px!important;
    line-height:1.8!important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip.is-visible{display:block!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-date{display:flex!important;gap:5px!important;align-items:center!important;font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;font-size:14px!important;margin-bottom:5px!important;white-space:nowrap!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-meta{color:#69717a!important;font-size:12px!important;margin-bottom:7px!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-row{display:grid!important;grid-template-columns:8px 1fr auto!important;gap:7px!important;align-items:center!important;padding:3px 0!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-row i{width:7px!important;height:7px!important;border-radius:50%!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-row.is-inv i{background:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-row.is-crs i{background:var(--hk-crs-line,#5870C7)!important;}
.hk-ee-dashboard .hk-ee-v2-tooltip-row b{font-weight:400!important;direction:ltr!important;unicode-bidi:isolate!important;}
.hk-ee-dashboard .hk-ee-v2-program-legend{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:4px 0 10px!important;direction:rtl!important;}
.hk-ee-dashboard .hk-ee-v2-program-legend span{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 10px!important;border:1px solid #e3e7eb!important;border-radius:999px!important;background:#fff!important;font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;font-size:13px!important;font-weight:400!important;}
.hk-ee-dashboard .hk-ee-v2-program-legend i{display:block!important;width:22px!important;height:3px!important;border-radius:999px!important;}
.hk-ee-dashboard .hk-ee-v2-program-legend .is-inv i{background:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-v2-program-legend .is-crs i{background:var(--hk-crs-line,#5870C7)!important;}
.hk-ee-dashboard .hk-ee-v2-scroll-hint{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:8px auto 0!important;color:#646d76!important;font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;font-size:13px!important;line-height:1.8!important;text-align:center!important;}
.hk-ee-dashboard .hk-ee-v2-scroll-hint[hidden]{display:none!important;}
.hk-ee-dashboard .hk-ee-v2-scroll-hint span:last-child{font-size:20px!important;color:#ED1C24!important;}
.hk-ee-dashboard .hk-ee-chart-scroll-controls,
.hk-ee-dashboard .hk-ee-chart-axis-heads{display:none!important;}
@media (max-width:767px){
    .hk-ee-dashboard .hk-ee-trend-panel,
    .hk-ee-dashboard .hk-ee-category-trend-panel{padding-inline:10px!important;}
    .hk-ee-dashboard .hk-ee-v2-axis-label{font-size:11px!important;}
    .hk-ee-dashboard .hk-ee-v2-date-label{font-size:11.5px!important;}
    .hk-ee-dashboard .hk-ee-v2-draw-label{font-size:12.5px!important;}
    .hk-ee-dashboard .hk-ee-v2-x-title,
    .hk-ee-dashboard .hk-ee-v2-y-title{font-size:12px!important;}
    .hk-ee-dashboard .hk-ee-v2-tooltip{font-size:12.5px!important;}
}

/* v0.6.1 responsive chart corrections */
@media (max-width:1100px){
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.hk-ee-v2-program-scroll.is-mobile-scrollable{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:#ED1C24 #eceff2!important;
  }
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart{
    display:block!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-chart-scroll-controls:not([hidden]){
    display:flex!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:0 6px!important;
    flex-direction:column!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-chart-scroll-controls span{
    display:none!important;
  }
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-chart-scroll-controls input[type="range"]{
    display:block!important;
    width:100%!important;
    margin:0!important;
    accent-color:#ED1C24!important;
    direction:ltr!important;
  }
}
@media (min-width:1101px){
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-chart-scroll-controls,
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-v2-scroll-hint{
    display:none!important;
  }
  .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap{
    overflow-x:hidden!important;
  }
}
@media (max-width:767px){
  .hk-ee-dashboard .hk-ee-combined-chart-wrap{
    overflow:visible!important;
  }
  .hk-ee-dashboard .hk-ee-v2-date-label{
    font-size:10.5px!important;
  }
  .hk-ee-dashboard .hk-ee-v2-axis-label{
    font-size:10.5px!important;
  }
}

/* v0.6.2 — mobile interaction and typography refinements */
.hk-ee-dashboard .hk-ee-v2-tooltip-host{
    position:relative!important;
}

/* The mobile program chart uses a temporary progress line rather than a range input. */
.hk-ee-dashboard .hk-ee-chart-scroll-controls,
.hk-ee-dashboard .hk-ee-v2-scroll-hint{
    display:none!important;
}
.hk-ee-dashboard .hk-ee-v2-scroll-indicator{
    display:none;
    width:100%;
    height:8px;
    margin:3px 0 0;
    padding:2px 14px;
    opacity:0;
    pointer-events:none;
    transition:opacity .32s ease;
}
.hk-ee-dashboard .hk-ee-v2-scroll-indicator span{
    position:relative;
    display:block;
    width:100%;
    height:2px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(91,101,111,.10);
}
.hk-ee-dashboard .hk-ee-v2-scroll-indicator i{
    position:absolute;
    top:0;
    left:0;
    display:block;
    height:100%;
    border-radius:999px;
    background:rgba(237,28,36,.52);
    will-change:transform,width;
}
.hk-ee-dashboard .hk-ee-v2-scroll-indicator.is-visible{
    opacity:1;
}

/* Pool-difference rows must use the site's regular face, not the visually heavy bold font file. */
.hk-ee-dashboard .hk-ee-pool-difference-chart,
.hk-ee-dashboard .hk-ee-pool-difference-chart *,
.hk-ee-dashboard .hk-ee-diff-row,
.hk-ee-dashboard .hk-ee-diff-row *{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-weight:400!important;
}
.hk-ee-dashboard .hk-ee-diff-label,
.hk-ee-dashboard .hk-ee-diff-row > b{
    font-size:14px!important;
    line-height:1.75!important;
}

/* Cleaner first summary box: remove the decorative circle and reduce headline weight. */
.hk-ee-dashboard .hk-ee-hero::after{
    display:none!important;
}
.hk-ee-dashboard .hk-ee-hero{
    background:linear-gradient(135deg,#fff 0%,#fff 78%,#fafbfc 100%)!important;
    box-shadow:0 8px 24px rgba(41,49,58,.028)!important;
}
.hk-ee-dashboard .hk-ee-hero h2{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-weight:400!important;
    letter-spacing:0!important;
}
.hk-ee-dashboard .hk-ee-hero p,
.hk-ee-dashboard .hk-ee-eyebrow,
.hk-ee-dashboard .hk-ee-live-pill{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-weight:400!important;
}

/* Donut selection: no browser focus ring; the selected slice itself expands. */
.hk-ee-dashboard .hk-ee-donut-chart,
.hk-ee-dashboard .hk-ee-donut-segment{
    outline:none!important;
    -webkit-tap-highlight-color:transparent!important;
}
.hk-ee-dashboard .hk-ee-donut-segment{
    pointer-events:stroke!important;
    transition:opacity .18s ease,stroke-width .22s ease,filter .22s ease!important;
}
.hk-ee-dashboard .hk-ee-donut-segment:focus,
.hk-ee-dashboard .hk-ee-donut-segment:focus-visible{
    outline:none!important;
}
.hk-ee-dashboard .hk-ee-donut-segment.is-active{
    stroke-width:34!important;
    opacity:1!important;
    filter:drop-shadow(0 2px 3px rgba(45,54,64,.10));
}

@media (min-width:1101px){
    /* Keep the desktop charts untouched; only calm the oversized summary-card typography. */
    .hk-ee-dashboard .hk-ee-card > span,
    .hk-ee-dashboard .hk-ee-card > small,
    .hk-ee-dashboard .hk-ee-card > strong{
        font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
        font-weight:400!important;
    }
    .hk-ee-dashboard .hk-ee-card > strong{
        font-size:clamp(25px,2vw,33px)!important;
    }
    .hk-ee-dashboard .hk-ee-card-program > strong,
    .hk-ee-dashboard .hk-ee-card-text > strong{
        font-size:clamp(16px,1.25vw,20px)!important;
        line-height:1.65!important;
    }
    .hk-ee-dashboard .hk-ee-v2-scroll-indicator{
        display:none!important;
    }
}

@media (max-width:1100px){
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable{
        touch-action:pan-x pan-y pinch-zoom!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:auto!important;
        scrollbar-width:none!important;
        -ms-overflow-style:none!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
    .hk-ee-dashboard .hk-ee-v2-scroll-indicator:not([hidden]){
        display:block!important;
    }
    .hk-ee-dashboard .hk-ee-v2-tooltip{
        z-index:80!important;
    }
}

@media (max-width:767px){
    .hk-ee-dashboard .hk-ee-diff-label,
    .hk-ee-dashboard .hk-ee-diff-row > b{
        font-size:13.5px!important;
    }
}


/* v0.6.3 — preserve site typography and refine mobile chart guidance */

/* Intro box: site heading/body faces are preserved, with a clean RTL hierarchy. */
.hk-ee-dashboard .hk-ee-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
    padding:27px 31px!important;
    border:1px solid #e2e6ea!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#fff 0%,#fff 76%,#f7f8fa 100%)!important;
    box-shadow:0 9px 25px rgba(41,49,58,.035)!important;
}
.hk-ee-dashboard .hk-ee-hero::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:28px!important;
    width:112px!important;
    height:3px!important;
    border-radius:0 0 999px 999px!important;
    background:linear-gradient(90deg,rgba(237,28,36,.15),#ED1C24,rgba(237,28,36,.15))!important;
}
.hk-ee-dashboard .hk-ee-hero::after{display:none!important;}
.hk-ee-dashboard .hk-ee-hero > div:first-child{
    display:grid!important;
    gap:3px!important;
    width:auto!important;
}
.hk-ee-dashboard .hk-ee-eyebrow{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 2px!important;
    color:#ED1C24!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
}
.hk-ee-dashboard .hk-ee-eyebrow::before{
    content:"";
    width:3px;
    height:17px;
    border-radius:999px;
    background:#ED1C24;
}
.hk-ee-dashboard .hk-ee-hero h2{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:clamp(23px,1.9vw,29px)!important;
    font-weight:700!important;
    line-height:1.75!important;
    letter-spacing:0!important;
}
.hk-ee-dashboard .hk-ee-hero p{
    max-width:900px!important;
    margin:4px 0 0!important;
    color:#66707a!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.95!important;
    text-align:right!important;
}
.hk-ee-dashboard .hk-ee-live-pill{
    margin:0!important;
    padding:9px 13px!important;
    border:1px solid #dfe4e8!important;
    background:rgba(255,255,255,.96)!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13px!important;
    font-weight:400!important;
}

/* Summary cards: restore the site's body and heading faces instead of flattening all weights. */
.hk-ee-dashboard .hk-ee-card > span,
.hk-ee-dashboard .hk-ee-card > small{
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-weight:400!important;
}
.hk-ee-dashboard .hk-ee-card > strong{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:clamp(27px,2.15vw,35px)!important;
    font-weight:700!important;
    line-height:1.4!important;
}
.hk-ee-dashboard .hk-ee-card-program > strong,
.hk-ee-dashboard .hk-ee-card-text > strong{
    font-size:clamp(17px,1.4vw,21px)!important;
    line-height:1.65!important;
}

/* Difference chart typography exactly follows the pool table body typography. */
.hk-ee-dashboard .hk-ee-pool-difference-chart,
.hk-ee-dashboard .hk-ee-pool-difference-chart *,
.hk-ee-dashboard .hk-ee-diff-row,
.hk-ee-dashboard .hk-ee-diff-row *{
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.95!important;
}
.hk-ee-dashboard .hk-ee-diff-row{
    cursor:default!important;
    outline:none!important;
}
.hk-ee-dashboard .hk-ee-diff-row > b,
.hk-ee-dashboard .hk-ee-diff-label{
    font-size:15px!important;
}

/* Remove every old visual slider/progress line. Only a temporary instruction appears. */
.hk-ee-dashboard .hk-ee-chart-scroll-controls,
.hk-ee-dashboard .hk-ee-v2-scroll-indicator,
.hk-ee-dashboard .hk-ee-v2-scroll-hint{
    display:none!important;
}
.hk-ee-dashboard .hk-ee-v2-scroll-toast{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:max-content;
    max-width:calc(100% - 24px);
    margin:10px auto 0;
    padding:9px 13px;
    border:1px solid rgba(98,107,117,.12);
    border-radius:12px;
    background:rgba(255,255,255,.94);
    color:#626b75;
    box-shadow:0 8px 22px rgba(40,48,57,.075);
    opacity:0;
    transform:translateY(5px);
    pointer-events:none;
    transition:opacity .32s ease,transform .32s ease;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.8!important;
    text-align:center;
}
.hk-ee-dashboard .hk-ee-v2-scroll-toast span{
    color:#ED1C24;
    font-family:Tahoma,sans-serif!important;
    font-size:18px!important;
    line-height:1!important;
}
.hk-ee-dashboard .hk-ee-v2-scroll-toast b{
    font:inherit!important;
}
.hk-ee-dashboard .hk-ee-v2-scroll-toast.is-visible{
    opacity:1;
    transform:translateY(0);
}

@media (min-width:1101px){
    .hk-ee-dashboard .hk-ee-v2-scroll-toast{display:none!important;}
}

@media (max-width:1100px){
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit{
        touch-action:pan-y pinch-zoom!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:auto!important;
        scrollbar-width:none!important;
        -ms-overflow-style:none!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
}

@media (max-width:767px){
    .hk-ee-dashboard .hk-ee-hero{
        grid-template-columns:1fr!important;
        gap:15px!important;
        padding:22px 19px!important;
    }
    .hk-ee-dashboard .hk-ee-hero::before{
        right:19px!important;
        width:88px!important;
    }
    .hk-ee-dashboard .hk-ee-hero h2{
        font-size:23px!important;
    }
    .hk-ee-dashboard .hk-ee-hero p{
        font-size:14px!important;
    }
    .hk-ee-dashboard .hk-ee-live-pill{
        justify-self:start!important;
    }
    .hk-ee-dashboard .hk-ee-pool-difference-chart,
    .hk-ee-dashboard .hk-ee-pool-difference-chart *,
    .hk-ee-dashboard .hk-ee-diff-row,
    .hk-ee-dashboard .hk-ee-diff-row *,
    .hk-ee-dashboard .hk-ee-diff-row > b,
    .hk-ee-dashboard .hk-ee-diff-label{
        font-size:14px!important;
    }
    .hk-ee-dashboard .hk-ee-v2-scroll-toast{
        font-size:12.5px!important;
        padding:8px 11px!important;
    }
}


/* v0.6.6 — refined overview design, native mobile chart gestures and richer tooltips */

/* Preserve the website's actual typography: the font files carry the visual weight. */
.hk-ee-dashboard h2,
.hk-ee-dashboard h3,
.hk-ee-dashboard h4{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-weight:400!important;
}

/* Redesigned overview box: structured, calm and aligned with the website system. */
.hk-ee-dashboard .hk-ee-hero{
    position:relative!important;
    isolation:isolate!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(190px,240px)!important;
    align-items:stretch!important;
    gap:22px!important;
    padding:28px 30px!important;
    border:1px solid #e0e5e9!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#ffffff 0%,#ffffff 64%,#f7f8fa 100%)!important;
    box-shadow:0 11px 28px rgba(41,49,58,.045)!important;
}
.hk-ee-dashboard .hk-ee-hero::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:30px!important;
    width:92px!important;
    height:3px!important;
    border-radius:0 0 999px 999px!important;
    background:#ED1C24!important;
    opacity:.92!important;
}
.hk-ee-dashboard .hk-ee-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    background:linear-gradient(90deg,transparent 0%,transparent 72%,rgba(237,28,36,.018) 100%)!important;
}
.hk-ee-dashboard .hk-ee-hero > div:first-child{
    align-self:center!important;
    display:block!important;
    width:auto!important;
    padding-inline-start:3px!important;
}
.hk-ee-dashboard .hk-ee-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 5px!important;
    color:#ED1C24!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13.5px!important;
    font-weight:400!important;
    line-height:1.8!important;
}
.hk-ee-dashboard .hk-ee-eyebrow::before{
    content:""!important;
    width:18px!important;
    height:1.5px!important;
    border-radius:999px!important;
    background:#ED1C24!important;
}
.hk-ee-dashboard .hk-ee-hero h2{
    margin:0!important;
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:clamp(24px,1.85vw,29px)!important;
    font-weight:400!important;
    line-height:1.72!important;
    letter-spacing:0!important;
}
.hk-ee-dashboard .hk-ee-hero p{
    max-width:920px!important;
    margin:5px 0 0!important;
    color:#626c76!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:14.5px!important;
    font-weight:400!important;
    line-height:2!important;
    text-align:right!important;
}
.hk-ee-dashboard .hk-ee-live-pill{
    position:relative!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:86px!important;
    margin:0!important;
    padding:17px 18px!important;
    border:1px solid #e1e6ea!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.82)!important;
    color:#4d5761!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13.5px!important;
    font-weight:400!important;
    line-height:1.85!important;
    text-align:center!important;
    white-space:normal!important;
}
.hk-ee-dashboard .hk-ee-live-pill span{
    flex:0 0 auto!important;
    width:8px!important;
    height:8px!important;
    margin-left:8px!important;
    border-radius:50%!important;
    background:#54a984!important;
    box-shadow:0 0 0 4px rgba(84,169,132,.11)!important;
}

/* Redesigned summary cards: restrained accents and medium visual weight. */
.hk-ee-dashboard .hk-ee-cards{
    gap:15px!important;
}
.hk-ee-dashboard .hk-ee-card{
    position:relative!important;
    overflow:hidden!important;
    min-height:174px!important;
    grid-template-rows:minmax(48px,auto) 1fr 28px!important;
    gap:7px!important;
    padding:21px 19px 16px!important;
    border:1px solid #e1e5e9!important;
    border-top:1px solid #e1e5e9!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#fff 0%,#fff 76%,#fafbfc 100%)!important;
    box-shadow:0 7px 19px rgba(40,48,57,.028)!important;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.hk-ee-dashboard .hk-ee-card::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:19px!important;
    width:46px!important;
    height:3px!important;
    border-radius:0 0 999px 999px!important;
    background:#ED1C24!important;
    opacity:.76!important;
}
.hk-ee-dashboard .hk-ee-card::after{
    content:""!important;
    position:absolute!important;
    left:-24px!important;
    bottom:-31px!important;
    width:84px!important;
    height:84px!important;
    border:1px solid rgba(237,28,36,.055)!important;
    border-radius:24px!important;
    transform:rotate(28deg)!important;
    pointer-events:none!important;
}
.hk-ee-dashboard .hk-ee-card:hover{
    transform:translateY(-2px)!important;
    border-color:#d9dee3!important;
    box-shadow:0 11px 25px rgba(40,48,57,.052)!important;
}
.hk-ee-dashboard .hk-ee-card > span,
.hk-ee-dashboard .hk-ee-card > small{
    position:relative!important;
    z-index:1!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-weight:400!important;
}
.hk-ee-dashboard .hk-ee-card > span{
    color:#626c76!important;
    font-size:13.5px!important;
    line-height:1.9!important;
}
.hk-ee-dashboard .hk-ee-card > strong{
    position:relative!important;
    z-index:1!important;
    color:#30353a!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:clamp(26px,2vw,33px)!important;
    font-weight:400!important;
    line-height:1.42!important;
}
.hk-ee-dashboard .hk-ee-card-program > strong,
.hk-ee-dashboard .hk-ee-card-text > strong{
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:clamp(16px,1.25vw,19px)!important;
    font-weight:400!important;
    line-height:1.75!important;
}
.hk-ee-dashboard .hk-ee-card > small{
    color:#707982!important;
    font-size:13px!important;
    line-height:1.75!important;
}

/* Tooltip: show the selected program, keep the chart visible underneath, and stay longer. */
.hk-ee-dashboard .hk-ee-v2-tooltip{
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(93,103,114,.13)!important;
    box-shadow:0 10px 27px rgba(36,45,55,.085)!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    margin:2px 0 7px!important;
    padding:6px 0 7px!important;
    border-bottom:1px solid rgba(91,101,111,.10)!important;
    color:#626b75!important;
    font-size:12px!important;
    line-height:1.75!important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program b{
    min-width:0!important;
    color:#333!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:12.5px!important;
    font-weight:400!important;
    overflow-wrap:anywhere!important;
}

/* Temporary mobile instruction: overlay only, hide on contact, return after inactivity. */
.hk-ee-dashboard .hk-ee-category-trend-panel{
    position:relative!important;
}
.hk-ee-dashboard .hk-ee-v2-scroll-toast{
    position:absolute!important;
    z-index:70!important;
    left:50%!important;
    bottom:18px!important;
    width:max-content!important;
    max-width:calc(100% - 34px)!important;
    margin:0!important;
    padding:8px 12px!important;
    border:1px solid rgba(92,102,112,.12)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:0 8px 22px rgba(40,48,57,.075)!important;
    opacity:0!important;
    transform:translate(-50%,7px)!important;
    pointer-events:none!important;
    transition:opacity .28s ease,transform .28s ease!important;
}
.hk-ee-dashboard .hk-ee-v2-scroll-toast.is-visible{
    opacity:1!important;
    transform:translate(-50%,0)!important;
}

@media (min-width:1101px){
    .hk-ee-dashboard .hk-ee-card > strong{
        font-size:clamp(26px,1.85vw,32px)!important;
    }
}

@media (max-width:1100px){
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit{
        touch-action:pan-x pan-y pinch-zoom!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
        scroll-behavior:auto!important;
        scrollbar-width:none!important;
        -ms-overflow-style:none!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
}

@media (max-width:767px){
    .hk-ee-dashboard .hk-ee-hero{
        grid-template-columns:1fr!important;
        gap:14px!important;
        padding:22px 19px!important;
    }
    .hk-ee-dashboard .hk-ee-hero::before{
        right:19px!important;
        width:74px!important;
    }
    .hk-ee-dashboard .hk-ee-hero h2{
        font-size:22.5px!important;
        line-height:1.78!important;
    }
    .hk-ee-dashboard .hk-ee-hero p{
        font-size:14px!important;
    }
    .hk-ee-dashboard .hk-ee-live-pill{
        justify-self:stretch!important;
        min-height:0!important;
        padding:11px 14px!important;
        border-radius:15px!important;
    }
    .hk-ee-dashboard .hk-ee-card{
        min-height:168px!important;
    }
    .hk-ee-dashboard .hk-ee-card > strong{
        font-size:29px!important;
    }
    .hk-ee-dashboard .hk-ee-card-program > strong,
    .hk-ee-dashboard .hk-ee-card-text > strong{
        font-size:17px!important;
    }
    .hk-ee-dashboard .hk-ee-v2-scroll-toast{
        bottom:14px!important;
        max-width:calc(100% - 24px)!important;
        font-size:12.25px!important;
    }
}


/* v0.6.6 — site-matched headings, cleaner overview cards, and direction-locked mobile chart gestures */

/* Website heading system supplied by the site builder. */
.hk-ee-dashboard h2,
.hk-ee-dashboard h3,
.hk-ee-dashboard h4,
.hk-ee-dashboard .hk-ee-panel-head h3{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-style:normal!important;
    text-transform:none!important;
    letter-spacing:0!important;
    color:#333!important;
}
.hk-ee-dashboard h2{
    font-size:32px!important;
    font-weight:500!important;
    line-height:1.4!important;
}
.hk-ee-dashboard h3,
.hk-ee-dashboard .hk-ee-panel-head h3{
    font-size:24px!important;
    font-weight:500!important;
    line-height:1.4!important;
}

/* The removed analytics introduction leaves no artificial gap. */
.hk-ee-dashboard .hk-ee-analytics{
    display:grid!important;
    gap:22px!important;
    margin-top:22px!important;
}
.hk-ee-dashboard .hk-ee-analytics > .hk-ee-section-title{
    display:none!important;
}

/* Overview box: one coherent surface, no ornamental top/bottom lines. */
.hk-ee-dashboard .hk-ee-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    align-items:stretch!important;
    gap:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin-bottom:18px!important;
    border:1px solid #e3e7ea!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(42,50,58,.045)!important;
}
.hk-ee-dashboard .hk-ee-hero::before,
.hk-ee-dashboard .hk-ee-hero::after{
    display:none!important;
    content:none!important;
}
.hk-ee-dashboard .hk-ee-hero > div:first-child{
    align-self:center!important;
    width:auto!important;
    padding:25px 28px 26px!important;
}
.hk-ee-dashboard .hk-ee-eyebrow{
    display:block!important;
    margin:0 0 5px!important;
    color:#ED1C24!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13.5px!important;
    font-weight:400!important;
    line-height:1.8!important;
}
.hk-ee-dashboard .hk-ee-eyebrow::before{
    display:none!important;
    content:none!important;
}
.hk-ee-dashboard .hk-ee-hero h2{
    margin:0!important;
}
.hk-ee-dashboard .hk-ee-hero p{
    max-width:900px!important;
    margin:8px 0 0!important;
    color:#616b74!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:14.5px!important;
    font-weight:400!important;
    line-height:1.95!important;
    text-align:right!important;
}
.hk-ee-dashboard .hk-ee-live-pill{
    align-self:stretch!important;
    justify-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:100%!important;
    margin:0!important;
    padding:18px!important;
    border:0!important;
    border-inline-start:1px solid #edf0f2!important;
    border-radius:0!important;
    background:#fafbfc!important;
    box-shadow:none!important;
    color:#525c65!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13.5px!important;
    font-weight:400!important;
    line-height:1.85!important;
    white-space:normal!important;
    text-align:center!important;
}
.hk-ee-dashboard .hk-ee-live-pill span{
    width:7px!important;
    height:7px!important;
    margin-left:8px!important;
    box-shadow:0 0 0 3px rgba(84,169,132,.10)!important;
}

/* Uniform summary cards: equal row heights and no heavy decorative separators. */
.hk-ee-dashboard .hk-ee-cards{
    grid-auto-rows:166px!important;
    gap:14px!important;
    margin-bottom:22px!important;
}
.hk-ee-dashboard .hk-ee-card{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-rows:minmax(44px,auto) 1fr 25px!important;
    gap:5px!important;
    padding:19px 17px 15px!important;
    border:1px solid #e3e7ea!important;
    border-top:1px solid #e3e7ea!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fff 78%,#fbfcfd 100%)!important;
    box-shadow:0 6px 18px rgba(40,48,56,.035)!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.hk-ee-dashboard .hk-ee-card::before,
.hk-ee-dashboard .hk-ee-card::after{
    display:none!important;
    content:none!important;
}
.hk-ee-dashboard .hk-ee-card:hover{
    transform:translateY(-1px)!important;
    border-color:#d9dee2!important;
    box-shadow:0 9px 22px rgba(40,48,56,.055)!important;
}
.hk-ee-dashboard .hk-ee-card-latest{
    background:linear-gradient(180deg,#fff 0%,#fff 72%,rgba(237,28,36,.018) 100%)!important;
}
.hk-ee-dashboard .hk-ee-card > span,
.hk-ee-dashboard .hk-ee-card > small{
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-weight:400!important;
}
.hk-ee-dashboard .hk-ee-card > span{
    color:#626b74!important;
    font-size:13px!important;
    line-height:1.8!important;
}
.hk-ee-dashboard .hk-ee-card > strong{
    color:#30353a!important;
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:30px!important;
    font-weight:500!important;
    line-height:1.38!important;
}
.hk-ee-dashboard .hk-ee-card-program > strong,
.hk-ee-dashboard .hk-ee-card-text > strong{
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:1.65!important;
}
.hk-ee-dashboard .hk-ee-card > small{
    color:#747d85!important;
    font-size:12.5px!important;
    line-height:1.7!important;
}

/* Mobile/tablet chart: horizontal drag is custom; vertical gesture belongs to the page. */
@media (max-width:1100px){
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit{
        touch-action:pan-y pinch-zoom!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain!important;
        overscroll-behavior-y:auto!important;
        -webkit-overflow-scrolling:auto!important;
        scroll-behavior:auto!important;
    }
}

/* Repeating hint remains a message only; no slider or permanent progress line. */
.hk-ee-dashboard .hk-ee-v2-scroll-toast{
    bottom:16px!important;
    padding:7px 11px!important;
    border-color:rgba(96,105,114,.10)!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 7px 18px rgba(40,48,57,.06)!important;
    font-size:12.5px!important;
}

@media (max-width:1100px){
    .hk-ee-dashboard h2{font-size:28px!important;}
    .hk-ee-dashboard h3,
    .hk-ee-dashboard .hk-ee-panel-head h3{font-size:22px!important;}
    .hk-ee-dashboard .hk-ee-cards{grid-auto-rows:162px!important;}
}

@media (max-width:820px){
    .hk-ee-dashboard .hk-ee-hero{
        grid-template-columns:1fr!important;
    }
    .hk-ee-dashboard .hk-ee-live-pill{
        min-height:0!important;
        border-inline-start:0!important;
        border-top:1px solid #edf0f2!important;
        padding:11px 14px!important;
    }
}

@media (max-width:767px){
    .hk-ee-dashboard h2{font-size:24px!important;line-height:1.5!important;}
    .hk-ee-dashboard h3,
    .hk-ee-dashboard .hk-ee-panel-head h3{font-size:20px!important;line-height:1.55!important;}
    .hk-ee-dashboard .hk-ee-hero > div:first-child{padding:21px 18px 20px!important;}
    .hk-ee-dashboard .hk-ee-hero p{font-size:14px!important;}
    .hk-ee-dashboard .hk-ee-cards{grid-auto-rows:154px!important;gap:10px!important;}
    .hk-ee-dashboard .hk-ee-card{
        grid-template-rows:minmax(42px,auto) 1fr 23px!important;
        padding:15px 10px 12px!important;
        border-radius:16px!important;
    }
    .hk-ee-dashboard .hk-ee-card > span{font-size:12px!important;}
    .hk-ee-dashboard .hk-ee-card > strong{font-size:25px!important;}
    .hk-ee-dashboard .hk-ee-card-program > strong,
    .hk-ee-dashboard .hk-ee-card-text > strong{font-size:15.5px!important;line-height:1.65!important;}
    .hk-ee-dashboard .hk-ee-card > small{font-size:11.5px!important;}
}

@media (max-width:390px){
    .hk-ee-dashboard .hk-ee-cards{grid-auto-rows:158px!important;}
}

/* v0.6.6 — polished overview surfaces, site-colour difference values, native mobile chart scrolling */

/* The opening block now reads as a designed dashboard header rather than a plain split box. */
.hk-ee-dashboard .hk-ee-hero{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
    overflow:hidden!important;
    padding:28px 30px!important;
    margin-bottom:20px!important;
    border:1px solid #e2e6e9!important;
    border-inline-start:4px solid #ED1C24!important;
    border-radius:22px!important;
    background:
        linear-gradient(135deg,rgba(237,28,36,.035) 0%,rgba(237,28,36,.012) 28%,#fff 55%,#fff 100%)!important;
    box-shadow:0 10px 28px rgba(38,46,54,.055)!important;
}
.hk-ee-dashboard .hk-ee-hero::before,
.hk-ee-dashboard .hk-ee-hero::after{
    display:none!important;
    content:none!important;
}
.hk-ee-dashboard .hk-ee-hero > div:first-child{
    padding:0!important;
    align-self:center!important;
}
.hk-ee-dashboard .hk-ee-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    margin:0 0 8px!important;
    padding:4px 10px!important;
    border:1px solid rgba(237,28,36,.15)!important;
    border-radius:999px!important;
    background:rgba(237,28,36,.045)!important;
    color:#C8171E!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:1.7!important;
}
.hk-ee-dashboard .hk-ee-hero h2{
    margin:0!important;
    color:#333!important;
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:35px!important;
    font-weight:700!important;
    line-height:1.42!important;
    letter-spacing:0!important;
}
.hk-ee-dashboard .hk-ee-hero h2 .hk-ee-title-accent{
    color:#ED1C24!important;
}
.hk-ee-dashboard .hk-ee-hero p{
    max-width:880px!important;
    margin:9px 0 0!important;
    color:#59636c!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:14.5px!important;
    font-weight:400!important;
    line-height:1.95!important;
}
.hk-ee-dashboard .hk-ee-live-pill{
    align-self:center!important;
    justify-self:end!important;
    min-height:0!important;
    min-width:184px!important;
    margin:0!important;
    padding:12px 15px!important;
    border:1px solid #e6eaed!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 5px 16px rgba(38,46,54,.04)!important;
    color:#46515a!important;
    font-family:IRANSansWeb_FaNumBold,IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.8!important;
    text-align:center!important;
}
.hk-ee-dashboard .hk-ee-live-pill span{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    margin-left:8px!important;
    background:#438C73!important;
    box-shadow:0 0 0 4px rgba(67,140,115,.10)!important;
}

/* Summary cards: equal heights, quieter borders, more deliberate number hierarchy. */
.hk-ee-dashboard .hk-ee-cards{
    grid-auto-rows:156px!important;
    gap:14px!important;
    margin-bottom:24px!important;
}
.hk-ee-dashboard .hk-ee-card{
    position:relative!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-rows:minmax(40px,auto) 1fr 24px!important;
    gap:5px!important;
    padding:18px 18px 15px!important;
    border:1px solid #e1e6e9!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fff 82%,#fafbfc 100%)!important;
    box-shadow:0 6px 18px rgba(37,45,53,.04)!important;
}
.hk-ee-dashboard .hk-ee-card::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:18px!important;
    width:34px!important;
    height:2px!important;
    border-radius:0 0 999px 999px!important;
    background:#ED1C24!important;
    opacity:.72!important;
}
.hk-ee-dashboard .hk-ee-card::after{
    display:none!important;
    content:none!important;
}
.hk-ee-dashboard .hk-ee-card-latest{
    border-color:rgba(237,28,36,.20)!important;
    background:linear-gradient(180deg,rgba(237,28,36,.026) 0%,#fff 34%,#fff 100%)!important;
}
.hk-ee-dashboard .hk-ee-card:hover{
    transform:translateY(-2px)!important;
    border-color:#d8dde1!important;
    box-shadow:0 10px 24px rgba(37,45,53,.065)!important;
}
.hk-ee-dashboard .hk-ee-card > span{
    color:#4f5962!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13.25px!important;
    font-weight:400!important;
    line-height:1.8!important;
}
.hk-ee-dashboard .hk-ee-card > strong{
    color:#333!important;
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:30px!important;
    font-weight:500!important;
    line-height:1.4!important;
}
.hk-ee-dashboard .hk-ee-card-latest > strong{
    color:#ED1C24!important;
}
.hk-ee-dashboard .hk-ee-card-program > strong,
.hk-ee-dashboard .hk-ee-card-text > strong{
    font-size:17px!important;
    font-weight:500!important;
    line-height:1.65!important;
}
.hk-ee-dashboard .hk-ee-card > small{
    color:#69737c!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:12.25px!important;
    font-weight:400!important;
    line-height:1.7!important;
}

/* Difference values use the same dark text and brand status colours as the website. */
.hk-ee-dashboard .hk-ee-pool-difference-chart,
.hk-ee-dashboard .hk-ee-pool-difference-chart *{
    color:#333;
}
.hk-ee-dashboard .hk-ee-diff-label{
    color:#333!important;
}
.hk-ee-dashboard .hk-ee-diff-row > b,
.hk-ee-dashboard .hk-ee-diff-row > b .hk-ee-percent-value,
.hk-ee-dashboard .hk-ee-diff-row > b .hk-ee-sign{
    color:inherit!important;
}
.hk-ee-dashboard .hk-ee-diff-row > b.positive{
    color:#ED1C24!important;
}
.hk-ee-dashboard .hk-ee-diff-row > b.negative{
    color:#438C73!important;
}

/* Use the browser's native two-axis gesture arbitration. No touchmove is cancelled. */
@media (max-width:1100px){
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        touch-action:pan-x pan-y pinch-zoom!important;
        overscroll-behavior-x:auto!important;
        overscroll-behavior-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
        scroll-behavior:auto!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit{
        touch-action:pan-x pan-y pinch-zoom!important;
    }
}

@media (max-width:820px){
    .hk-ee-dashboard .hk-ee-hero{
        grid-template-columns:1fr!important;
        gap:15px!important;
        padding:23px 20px!important;
        border-inline-start-width:3px!important;
    }
    .hk-ee-dashboard .hk-ee-hero h2{
        font-size:26px!important;
        line-height:1.55!important;
    }
    .hk-ee-dashboard .hk-ee-live-pill{
        justify-self:start!important;
        min-width:0!important;
        padding:9px 13px!important;
    }
    .hk-ee-dashboard .hk-ee-cards{
        grid-auto-rows:154px!important;
    }
}

@media (max-width:520px){
    .hk-ee-dashboard .hk-ee-hero h2{
        font-size:24px!important;
    }
    .hk-ee-dashboard .hk-ee-hero p{
        font-size:14px!important;
    }
    .hk-ee-dashboard .hk-ee-card{
        padding:17px 16px 14px!important;
    }
    .hk-ee-dashboard .hk-ee-card > strong{
        font-size:28px!important;
    }
}

/* v0.6.7 — dedicated ITA feed, unified category versions and final overview polish */

/* The main dashboard header is intentionally different from the statistic cards. */
.hk-ee-dashboard .hk-ee-hero{
    position:relative!important;
    isolation:isolate!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:26px!important;
    overflow:hidden!important;
    padding:31px 32px!important;
    border:1px solid #e0e5e9!important;
    border-inline-start:1px solid #e0e5e9!important;
    border-radius:24px!important;
    background:
        linear-gradient(128deg,rgba(237,28,36,.055) 0%,rgba(237,28,36,.018) 24%,rgba(255,255,255,.98) 55%,#fff 100%)!important;
    box-shadow:0 9px 25px rgba(37,45,53,.055)!important;
}
.hk-ee-dashboard .hk-ee-hero::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    inset:0 auto 0 0!important;
    width:10px!important;
    height:auto!important;
    border-radius:24px 0 0 24px!important;
    background:linear-gradient(180deg,#ED1C24 0%,rgba(237,28,36,.34) 100%)!important;
    opacity:.92!important;
}
.hk-ee-dashboard .hk-ee-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    top:0!important;
    right:0!important;
    width:46%!important;
    height:100%!important;
    background:linear-gradient(90deg,transparent,rgba(237,28,36,.022))!important;
    pointer-events:none!important;
}
.hk-ee-dashboard .hk-ee-hero > div:first-child{
    padding:0!important;
}
.hk-ee-dashboard .hk-ee-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    margin:0 0 8px!important;
    padding:4px 11px!important;
    border:1px solid rgba(237,28,36,.14)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.76)!important;
    color:#C8171E!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:12.75px!important;
    font-weight:400!important;
    line-height:1.75!important;
}
.hk-ee-dashboard .hk-ee-hero h2,
.hk-ee-dashboard .hk-ee-hero h2 *{
    color:#333!important;
    font-family:IRANSansWeb_FaNum,Tahoma,sans-serif!important;
    font-size:35px!important;
    font-weight:700!important;
    line-height:1.42!important;
    letter-spacing:0!important;
}
.hk-ee-dashboard .hk-ee-hero h2 .hk-ee-title-accent{
    color:#ED1C24!important;
}
.hk-ee-dashboard .hk-ee-live-pill{
    min-width:190px!important;
    padding:12px 16px!important;
    border:1px solid rgba(67,140,115,.17)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 5px 15px rgba(37,45,53,.035)!important;
}

/* Every statistic card follows the same polished visual system as the latest card. */
.hk-ee-dashboard .hk-ee-cards{
    gap:15px!important;
}
.hk-ee-dashboard .hk-ee-card{
    border:1px solid rgba(237,28,36,.15)!important;
    background:linear-gradient(180deg,rgba(237,28,36,.018) 0%,#fff 29%,#fff 82%,#fbfcfd 100%)!important;
    box-shadow:0 7px 20px rgba(37,45,53,.045)!important;
}
.hk-ee-dashboard .hk-ee-card::before{
    display:block!important;
    width:38px!important;
    height:2.5px!important;
    opacity:.78!important;
}
.hk-ee-dashboard .hk-ee-card-latest{
    border-color:rgba(237,28,36,.26)!important;
    background:linear-gradient(180deg,rgba(237,28,36,.045) 0%,#fff 34%,#fff 100%)!important;
    box-shadow:0 7px 20px rgba(37,45,53,.045)!important;
}

/* One quiet, consistent shadow language across every boxed surface. */
.hk-ee-dashboard .hk-ee-panel{
    box-shadow:0 7px 20px rgba(37,45,53,.042)!important;
}

/* Section pills should read as real labels, not thin decorative copy. */
.hk-ee-dashboard .hk-ee-panel-head > div:first-child > span,
.hk-ee-dashboard .hk-ee-section-title > span{
    padding:5px 13px!important;
    color:#C8171E!important;
    font-family:IRANSansWeb_FaNumBold,Tahoma,sans-serif!important;
    font-size:13.25px!important;
    font-weight:400!important;
    line-height:1.7!important;
}

/* Slightly wider donut strokes improve hierarchy without crowding the centre. */
.hk-ee-dashboard .hk-ee-donut-track,
.hk-ee-dashboard .hk-ee-donut-segment{
    stroke-width:29!important;
}
.hk-ee-dashboard .hk-ee-donut-segment:hover,
.hk-ee-dashboard .hk-ee-donut-segment:focus{
    stroke-width:33!important;
}
.hk-ee-dashboard .hk-ee-donut-segment.is-active{
    stroke-width:36!important;
}

/* Keep source and synchronization metadata comfortably separated on phones. */
@media (max-width:820px){
    .hk-ee-dashboard .hk-ee-hero{
        grid-template-columns:1fr!important;
        gap:15px!important;
        padding:25px 21px!important;
    }
    .hk-ee-dashboard .hk-ee-hero::before{
        inset:0 0 auto 0!important;
        width:100%!important;
        height:4px!important;
        border-radius:24px 24px 0 0!important;
        background:linear-gradient(90deg,#ED1C24,rgba(237,28,36,.30))!important;
    }
    .hk-ee-dashboard .hk-ee-hero h2,
    .hk-ee-dashboard .hk-ee-hero h2 *{
        font-size:27px!important;
        line-height:1.55!important;
    }
    .hk-ee-dashboard .hk-ee-live-pill{
        justify-self:start!important;
        min-width:0!important;
    }
}

@media (max-width:767px){
    .hk-ee-dashboard .hk-ee-hero h2,
    .hk-ee-dashboard .hk-ee-hero h2 *{
        font-size:24px!important;
    }
    .hk-ee-dashboard .hk-ee-footer-meta{
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        justify-content:flex-start!important;
        gap:7px!important;
        width:100%!important;
        padding:14px 4px!important;
        line-height:1.8!important;
    }
    .hk-ee-dashboard .hk-ee-footer-meta > span,
    .hk-ee-dashboard .hk-ee-footer-meta > a{
        display:block!important;
        width:100%!important;
        margin:0!important;
        text-align:right!important;
    }
}



/* v0.6.8 — final mobile card fit and vertical-first chart gestures */

/* Keep every card's short centre accent identical. */
.hk-ee-dashboard .hk-ee-card::before{
    width:30px!important;
    height:2px!important;
    background:#ED1C24!important;
    opacity:.70!important;
}

@media (max-width:1100px){
    /* The program chart is moved horizontally by JS while the browser retains
       full control of vertical page scrolling. */
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable *{
        touch-action:pan-y pinch-zoom!important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable{
        overflow-x:hidden!important;
        overflow-y:hidden!important;
        overscroll-behavior-y:auto!important;
        -webkit-overflow-scrolling:auto!important;
    }

    /* Give the eight overview cards enough vertical room on tablets/phones. */
    .hk-ee-dashboard .hk-ee-cards{
        grid-auto-rows:164px!important;
    }
    .hk-ee-dashboard .hk-ee-card{
        grid-template-rows:minmax(40px,auto) minmax(0,1fr) 25px!important;
        padding:17px 14px 14px!important;
    }
    .hk-ee-dashboard .hk-ee-card-program > strong,
    .hk-ee-dashboard .hk-ee-card-text > strong{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        margin:0!important;
        font-size:15px!important;
        font-weight:500!important;
        line-height:1.55!important;
        overflow:visible!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }
}

@media (max-width:520px){
    .hk-ee-dashboard .hk-ee-cards{
        grid-auto-rows:172px!important;
    }
    .hk-ee-dashboard .hk-ee-card{
        padding:16px 11px 13px!important;
    }
    .hk-ee-dashboard .hk-ee-card::before{
        right:14px!important;
        width:26px!important;
        height:2px!important;
    }
    .hk-ee-dashboard .hk-ee-card-program > strong,
    .hk-ee-dashboard .hk-ee-card-text > strong{
        font-size:13.5px!important;
        line-height:1.6!important;
    }
}

/* v0.6.9 — unified card values, improved share details, native mobile chart gestures */

/* Every centre value/name in the eight summary cards uses one brand colour. */
.hk-ee-dashboard .hk-ee-card > strong,
.hk-ee-dashboard .hk-ee-card-program > strong,
.hk-ee-dashboard .hk-ee-card-text > strong {
    color: #ED1C24 !important;
}

/* The expandable “other categories” list prioritizes the category name and
   keeps counts/percentages secondary. Alternating accents improve scanning. */
.hk-ee-dashboard .hk-ee-share-subitem {
    position: relative;
    padding: 11px 13px 11px 15px !important;
    border: 1px solid color-mix(in srgb, var(--hk-sub-accent, #ED1C24) 18%, #e7ebef) !important;
    border-inline-start: 3px solid var(--hk-sub-accent, #ED1C24) !important;
    background: color-mix(in srgb, var(--hk-sub-accent, #ED1C24) 3.5%, #fff) !important;
    box-shadow: 0 4px 13px rgba(37, 45, 53, .025) !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-name {
    color: #333 !important;
    font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important;
    font-size: 15.75px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-metrics {
    gap: 10px !important;
    color: #68717a !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-metrics small,
.hk-ee-dashboard .hk-ee-share-subitem-metrics b,
.hk-ee-dashboard .hk-ee-share-subitem-metrics span {
    font-size: 12.25px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}
.hk-ee-dashboard .hk-ee-share-subitem .hk-ee-share-percent {
    color: var(--hk-sub-accent, #ED1C24) !important;
}

/* A fuller donut ring with tighter gaps and restrained selection emphasis. */
.hk-ee-dashboard .hk-ee-donut-track,
.hk-ee-dashboard .hk-ee-donut-segment {
    stroke-width: 32 !important;
}
.hk-ee-dashboard .hk-ee-donut-segment {
    stroke-linecap: butt !important;
    transition: opacity .16s ease, stroke-width .16s ease, filter .16s ease !important;
}
.hk-ee-dashboard .hk-ee-donut-segment:hover,
.hk-ee-dashboard .hk-ee-donut-segment:focus {
    stroke-width: 35 !important;
    filter: drop-shadow(0 2px 3px rgba(37, 45, 53, .08));
}
.hk-ee-dashboard .hk-ee-donut-segment.is-active {
    stroke-width: 38 !important;
    filter: drop-shadow(0 3px 5px rgba(37, 45, 53, .10));
}

/* Mobile/tablet: remove all custom gesture ownership. The native horizontal
   scroller handles left/right movement and vertical swipes remain page scrolls. */
@media (max-width: 1100px) {
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain !important;
        overscroll-behavior-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: auto !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart * {
        touch-action: auto !important;
    }
    /* Transparent full-column hit areas can make some mobile browsers treat the
       SVG as a gesture surface. Disable only those hit areas on touch layouts;
       the visual chart remains fully scrollable and page scrolling is unblocked. */
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit {
        pointer-events: none !important;
    }
}

@media (max-width: 767px) {
    .hk-ee-dashboard .hk-ee-share-subitem {
        gap: 5px !important;
        padding: 10px 11px 10px 13px !important;
    }
    .hk-ee-dashboard .hk-ee-share-subitem-name {
        font-size: 14.5px !important;
        line-height: 1.7 !important;
    }
    .hk-ee-dashboard .hk-ee-share-subitem-metrics small,
    .hk-ee-dashboard .hk-ee-share-subitem-metrics b,
    .hk-ee-dashboard .hk-ee-share-subitem-metrics span {
        font-size: 11.5px !important;
    }
}


/* v0.7.0 — vertical-first mobile interaction for the category trend chart */
@media (max-width: 1100px) {
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable {
        overflow: hidden !important;
        touch-action: pan-y pinch-zoom !important;
        overscroll-behavior: auto !important;
        -webkit-overflow-scrolling: auto !important;
        scroll-behavior: auto !important;
        cursor: grab;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable:active {
        cursor: grabbing;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart * {
        touch-action: pan-y pinch-zoom !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart {
        will-change: transform;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit {
        pointer-events: none !important;
    }
}


/* v0.7.1 — passive touch model: vertical page scrolling is never cancelled. */
@media (max-width: 1100px) {
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable {
        overflow: hidden !important;
        touch-action: pan-y pinch-zoom !important;
        overscroll-behavior: auto !important;
        -webkit-overflow-scrolling: auto !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart * {
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-touch-callout: none !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit {
        pointer-events: none !important;
    }
}


/* v0.7.2 — final mobile gesture model and visible focus column */
@media (max-width: 1100px) {
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable {
        overflow: hidden !important;
        touch-action: pan-y !important;
        overscroll-behavior-x: none !important;
        overscroll-behavior-y: auto !important;
        -webkit-overflow-scrolling: auto !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart * {
        touch-action: pan-y !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit {
        pointer-events: auto !important;
        touch-action: pan-y !important;
    }
}

.hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-v2-focus-band {
    fill: rgba(237, 28, 36, .075) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-v2-focus-line {
    stroke: rgba(237, 28, 36, .34) !important;
    stroke-width: 1 !important;
    stroke-dasharray: 3 4 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-v2-focus-band.is-visible,
.hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-v2-focus-line.is-visible {
    opacity: 1 !important;
}


/* v0.7.3 — deterministic two-direction touch control for the wide mobile chart */
@media (max-width: 1100px) {
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart,
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-category-chart * {
        touch-action: none !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable {
        overflow: hidden !important;
        overscroll-behavior: auto !important;
        -webkit-overflow-scrolling: auto !important;
    }
    .hk-ee-dashboard .hk-ee-category-trend-panel .hk-ee-category-chart-wrap.is-mobile-scrollable .hk-ee-v2-hit {
        pointer-events: auto !important;
    }
}

/* v0.8.0 — official-source sync uses live REST data; footer supports separate source timestamps. */
.hk-ee-dashboard .hk-ee-footer-meta > span b {
    color: #555;
    font-weight: 700 !important;
}

/* v0.8.2 — mixed-direction tooltip and swapped share legend layout. */
.hk-ee-dashboard .hk-ee-v2-tooltip-program {
    direction: rtl !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    text-align: right !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program-label {
    grid-column: 1 !important;
    justify-self: end !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program-name {
    grid-column: 2 !important;
    justify-self: stretch !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    line-height: 1.65 !important;
}

.hk-ee-dashboard .hk-ee-share-item-head {
    direction: rtl !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-values {
    grid-column: 1 !important;
    justify-self: start !important;
    direction: rtl !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-label {
    grid-column: 2 !important;
    justify-self: stretch !important;
    direction: ltr !important;
    text-align: left !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-other-toggle {
    grid-column: 3 !important;
}
.hk-ee-dashboard .hk-ee-share-other-details {
    grid-column: 1 / -1 !important;
}
.hk-ee-dashboard .hk-ee-share-subitem {
    direction: rtl !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    text-align: right !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-metrics {
    grid-column: 1 !important;
    justify-self: start !important;
    direction: rtl !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-name {
    grid-column: 2 !important;
    justify-self: stretch !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
}

@media (max-width: 767px) {
    .hk-ee-dashboard .hk-ee-share-item-head {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-values,
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-label,
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-other-toggle {
        grid-column: 1 !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-values {
        justify-self: end !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-label {
        justify-self: stretch !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-other-toggle {
        justify-self: start !important;
        grid-row: 1 !important;
    }
}

/* v0.8.4 — deterministic mixed-direction labels and physically swapped donut legend columns. */
.hk-ee-dashboard .hk-ee-v2-tooltip-program {
    display: grid !important;
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 10px !important;
    align-items: start !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program-name {
    grid-column: 1 !important;
    min-width: 0 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    justify-self: stretch !important;
    overflow-wrap: anywhere !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program-label {
    grid-column: 2 !important;
    direction: rtl !important;
    text-align: right !important;
    justify-self: end !important;
    white-space: nowrap !important;
}

.hk-ee-dashboard .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: 14px !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-label {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    text-align: left !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-values {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    direction: rtl !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-other-toggle {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
}
.hk-ee-dashboard .hk-ee-share-other-details {
    grid-column: 1 / -1 !important;
}
.hk-ee-dashboard .hk-ee-share-subitem {
    display: grid !important;
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-name {
    grid-column: 1 !important;
    min-width: 0 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    justify-self: stretch !important;
}
.hk-ee-dashboard .hk-ee-share-subitem-metrics {
    grid-column: 2 !important;
    justify-self: end !important;
    direction: rtl !important;
}

@media (max-width: 767px) {
    .hk-ee-dashboard .hk-ee-share-item-head {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px 12px !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-label {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-other-toggle {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    .hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-values {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        justify-self: end !important;
    }
    .hk-ee-dashboard .hk-ee-share-subitem {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 6px !important;
    }
    .hk-ee-dashboard .hk-ee-share-subitem-name,
    .hk-ee-dashboard .hk-ee-share-subitem-metrics {
        grid-column: 1 !important;
    }
    .hk-ee-dashboard .hk-ee-share-subitem-metrics {
        justify-self: end !important;
    }
}

/* v0.8.5 — final LTR/RTL isolation for mixed labels and share statistics. */
.hk-ee-dashboard .hk-ee-v2-tooltip-program {
    display: grid !important;
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program-name {
    grid-column: 1 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-program-label {
    grid-column: 2 !important;
    direction: rtl !important;
    text-align: right !important;
}
.hk-ee-dashboard .hk-ee-share-item-head {
    display: grid !important;
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-label {
    grid-column: 1 !important;
    direction: ltr !important;
    text-align: left !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-share-values {
    grid-column: 2 !important;
    direction: rtl !important;
    text-align: right !important;
}
.hk-ee-dashboard .hk-ee-share-item-head > .hk-ee-other-toggle {
    grid-column: 3 !important;
}

/* v0.8.7 — run-scoped synchronization state; frontend layout intentionally unchanged. */


/* v1.0.0 interactive, color-synchronized legends */
.hk-ee-dashboard .hk-ee-chart-legend span,
.hk-ee-dashboard .hk-ee-v2-program-legend span {
    cursor: pointer !important;
    user-select: none !important;
    transition: opacity .16s ease, transform .16s ease, background-color .16s ease, border-color .16s ease !important;
    outline: none !important;
}
.hk-ee-dashboard .hk-ee-chart-legend span:focus-visible,
.hk-ee-dashboard .hk-ee-v2-program-legend span:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 20%, transparent) !important;
}
.hk-ee-dashboard .hk-ee-chart-legend .is-ita,
.hk-ee-dashboard .hk-ee-v2-program-legend .is-inv {
    color: var(--hk-invitation-line, #ED1C24) !important;
    border-color: color-mix(in srgb, var(--hk-invitation-line, #ED1C24) 30%, transparent) !important;
    background: color-mix(in srgb, var(--hk-invitation-line, #ED1C24) 9%, #fff) !important;
}
.hk-ee-dashboard .hk-ee-chart-legend .is-crs,
.hk-ee-dashboard .hk-ee-v2-program-legend .is-crs {
    color: var(--hk-crs-line, #5870C7) !important;
    border-color: color-mix(in srgb, var(--hk-crs-line, #5870C7) 28%, transparent) !important;
    background: color-mix(in srgb, var(--hk-crs-line, #5870C7) 8%, #fff) !important;
}
.hk-ee-dashboard .hk-ee-chart-legend .is-ita i,
.hk-ee-dashboard .hk-ee-v2-program-legend .is-inv i {
    background: var(--hk-invitation-line, #ED1C24) !important;
}
.hk-ee-dashboard .hk-ee-chart-legend .is-crs i,
.hk-ee-dashboard .hk-ee-v2-program-legend .is-crs i {
    background: var(--hk-crs-line, #5870C7) !important;
}
.hk-ee-dashboard .hk-ee-chart-legend span.is-disabled,
.hk-ee-dashboard .hk-ee-v2-program-legend span.is-disabled {
    opacity: .42 !important;
    background: #fff !important;
}
.hk-ee-dashboard .hk-ee-chart-legend span.is-disabled i,
.hk-ee-dashboard .hk-ee-v2-program-legend span.is-disabled i {
    transform: scaleX(.68) !important;
}
.hk-ee-dashboard .hk-ee-chart-legend span:active,
.hk-ee-dashboard .hk-ee-v2-program-legend span:active {
    transform: translateY(1px) !important;
}
.hk-ee-dashboard .hk-ee-v2-tooltip-empty {
    color: #6b737c !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    padding-top: 3px !important;
}


/* v1.0.2 — enforce the saved chart colours on lines, points and legends. */
.hk-ee-dashboard .hk-ee-v2-line.is-inv{stroke:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-v2-point.is-inv{fill:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-chart-legend .is-ita i,
.hk-ee-dashboard .hk-ee-v2-program-legend .is-inv i{background:var(--hk-invitation-line,#ED1C24)!important;}
.hk-ee-dashboard .hk-ee-v2-line.is-crs{stroke:var(--hk-crs-line,#5870C7)!important;}
.hk-ee-dashboard .hk-ee-v2-point.is-crs{fill:var(--hk-crs-line,#5870C7)!important;}
.hk-ee-dashboard .hk-ee-chart-legend .is-crs i,
.hk-ee-dashboard .hk-ee-v2-program-legend .is-crs i{background:var(--hk-crs-line,#5870C7)!important;}


/* v1.0.6 — standalone trend shortcode: full-width, transparent and typography-safe. */
.hk-ee-dashboard-trend-only {
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
    grid-column: 1 / -1 !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
}

.hk-ee-dashboard-trend-only .hk-ee-trend-panel {
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.hk-ee-dashboard-trend-only .hk-ee-trend-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 12px !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0 14px !important;
    text-align: center !important;
}

.hk-ee-dashboard-trend-only .hk-ee-trend-head > div:first-child {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
}

.hk-ee-dashboard-trend-only .hk-ee-trend-head > div:first-child > span {
    margin-inline: auto !important;
    text-align: center !important;
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
}

.hk-ee-dashboard-trend-only .hk-ee-trend-head h3 {
    margin-inline: auto !important;
    text-align: center !important;
    font-family: IRANSansWeb_FaNum, Tahoma, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-variant: normal !important;
    font-feature-settings: normal !important;
}

.hk-ee-dashboard-trend-only .hk-ee-chart-legend {
    display: flex !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    direction: rtl !important;
}

.hk-ee-dashboard-trend-only .hk-ee-chart-legend span {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-variant: normal !important;
    font-feature-settings: normal !important;
}

.hk-ee-dashboard-trend-only button,
.hk-ee-dashboard-trend-only input,
.hk-ee-dashboard-trend-only select,
.hk-ee-dashboard-trend-only .hk-ee-tooltip {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
}

.hk-ee-dashboard-trend-only svg,
.hk-ee-dashboard-trend-only .hk-ee-combined-chart-wrap,
.hk-ee-dashboard-trend-only .hk-ee-combined-chart {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.hk-ee-dashboard-trend-only svg text,
.hk-ee-dashboard-trend-only .hk-ee-v2-axis-label,
.hk-ee-dashboard-trend-only .hk-ee-v2-date-label,
.hk-ee-dashboard-trend-only .hk-ee-v2-draw-label,
.hk-ee-dashboard-trend-only .hk-ee-v2-x-title,
.hk-ee-dashboard-trend-only .hk-ee-v2-y-title {
    font-family: IRANSansWeb_FaNumBold, Tahoma, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    text-transform: none !important;
    font-variant: normal !important;
    font-feature-settings: normal !important;
}

.hk-ee-dashboard-trend-only .hk-ee-combined-chart-wrap {
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.hk-ee-dashboard-trend-only .hk-ee-combined-chart {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
}

@media (max-width: 767px) {
    .hk-ee-dashboard-trend-only .hk-ee-trend-panel {
        padding-inline: 0 !important;
    }

    .hk-ee-dashboard-trend-only .hk-ee-trend-head {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    .hk-ee-dashboard-trend-only .hk-ee-chart-legend {
        gap: 8px !important;
    }
}


/* v1.0.7 — remove every residual standalone-shortcode surface without touching the dashboard. */
.hk-ee-dashboard-trend-only,
.hk-ee-dashboard-trend-only > .hk-ee-trend-shortcode-panel,
.hk-ee-dashboard-trend-only .hk-ee-trend-head,
.hk-ee-dashboard-trend-only .hk-ee-combined-chart-wrap,
.hk-ee-dashboard-trend-only .hk-ee-combined-chart {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
}

.hk-ee-dashboard-trend-only::before,
.hk-ee-dashboard-trend-only::after,
.hk-ee-dashboard-trend-only > .hk-ee-trend-shortcode-panel::before,
.hk-ee-dashboard-trend-only > .hk-ee-trend-shortcode-panel::after,
.hk-ee-dashboard-trend-only .hk-ee-combined-chart-wrap::before,
.hk-ee-dashboard-trend-only .hk-ee-combined-chart-wrap::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hk-ee-dashboard-trend-only > .hk-ee-trend-shortcode-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    isolation: auto !important;
    mix-blend-mode: normal !important;
}

/* v1.0.12 — mount only the standalone trend shortcode in a real full-width WPBakery column. */
.hk-ee-trend-fullwidth-host {
    display: block !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.hk-ee-trend-fullwidth-host > .hk-ee-trend-fullwidth-inner,
.hk-ee-trend-fullwidth-host .hk-ee-trend-fullwidth-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.hk-ee-trend-fullwidth-host .hk-ee-dashboard-trend-only,
.hk-ee-dashboard-trend-only[data-hk-ee-fullwidth-mounted="1"] {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.hk-ee-trend-fullwidth-host .hk-ee-trend-shortcode-panel,
.hk-ee-trend-fullwidth-host .hk-ee-trend-head,
.hk-ee-trend-fullwidth-host .hk-ee-combined-chart-wrap,
.hk-ee-trend-fullwidth-host .hk-ee-combined-chart,
.hk-ee-trend-fullwidth-host svg {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.hk-ee-trend-fullwidth-host .hk-ee-trend-shortcode-panel {
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.hk-ee-trend-fullwidth-host::before,
.hk-ee-trend-fullwidth-host::after,
.hk-ee-trend-fullwidth-host .hk-ee-dashboard-trend-only::before,
.hk-ee-trend-fullwidth-host .hk-ee-dashboard-trend-only::after,
.hk-ee-trend-fullwidth-host .hk-ee-trend-shortcode-panel::before,
.hk-ee-trend-fullwidth-host .hk-ee-trend-shortcode-panel::after {
    content: none !important;
    display: none !important;
}