@font-face {
    font-family: "Hakador Barlow";
    src: url("fonts/barlow-400-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Hakador Barlow";
    src: url("fonts/barlow-500-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Hakador Barlow";
    src: url("fonts/barlow-600-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Hakador Barlow";
    src: url("fonts/barlow-700-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Hakador Barlow";
    src: url("fonts/barlow-800-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Hakador Barlow";
    src: url("fonts/barlow-900-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: "Hakador Tektur";
    src: url("fonts/tektur-700-800-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
}

:root {
    --hakador-bg: #000000;
    --hakador-panel: #0A1010;
    --hakador-panel-hover: #111919;
    --hakador-input: #050909;
    --hakador-text: #ffffff;
    --hakador-muted: #dedede;
    --hakador-accent: #A7FC00;
    --hakador-accent-hover: #A7FC00;
    --hakador-accent-pressed: #A7FC00;
    --hakador-border: #283131;
    --hakador-border-hover: #566161;
    --hakador-win: #A7FC00;
    --hakador-loss: #ff5e6c;
    --hakador-push: #dedede;
    --hakador-elite: #A7FC00;
    --hakador-basic: #ffffff;
    --hakador-focus: #A7FC00;
    --hakador-disabled-bg: #202626;
    --hakador-disabled-text: #777f7f;
    --hakador-control-height: 40px;
    --hakador-league-mark-size: 24px;
    --hakador-font-page: 22px;
    --hakador-font-section: 16px;
    --hakador-font-subsection: 15px;
    --hakador-font-body: 14px;
    --hakador-font-label: 13px;
    --hakador-font-help: 12px;
}

body.hakador-admin-screen {
    --hakador-bg: #000000;
    --hakador-panel: #0A1010;
    --hakador-panel-hover: #111919;
    --hakador-input: #050909;
    --hakador-text: #ffffff;
    --hakador-muted: #dedede;
    --hakador-accent: #A7FC00;
    --hakador-accent-hover: #A7FC00;
    --hakador-accent-pressed: #A7FC00;
    --hakador-border: #283131;
    --hakador-border-hover: #566161;
    --hakador-win: #A7FC00;
    --hakador-loss: #ff5e6c;
    --hakador-push: #dedede;
    --hakador-elite: #A7FC00;
    --hakador-basic: #ffffff;
    --hakador-focus: #A7FC00;
    --hakador-disabled-bg: #202626;
    --hakador-disabled-text: #777f7f;
}

/* Zentagur home hero trial. Kept in one block for easy adjustment or removal. */
body.hakador-frontend-screen .hakador-site .hakador-home-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 280px;
    padding: 44px 0 40px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #000 !important;
}

.hakador-home-hero__content {
    position: relative;
    z-index: 2;
    width: min(100%, 650px);
}

.hakador-site .hakador-home-hero__title {
    margin: 0 0 14px !important;
    color: var(--hakador-text) !important;
    font-size: 66px !important;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.hakador-site .hakador-home-hero__tagline {
    margin: 0 0 12px !important;
    color: var(--hakador-accent) !important;
    font-size: 32px !important;
    font-weight: 700;
    line-height: 1.25;
}

.hakador-site .hakador-home-hero__promise {
    margin: 0 !important;
    color: var(--hakador-muted) !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.45;
}

.hakador-home-hero__promise span {
    display: inline;
}

.hakador-home-hero__promise span + span::before {
    content: " ";
}

.hakador-home-hero .hakador-home-actions {
    position: relative;
    z-index: 2;
    margin-top: 24px;
}

.hakador-home-hero .hakador-home-actions .hakador-front-button {
    width: 70px;
}

.hakador-home-hero__visual {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.hakador-home-hero__mark {
    position: absolute;
    top: calc(50% + 8px);
    right: -18px;
    display: block;
    width: 430px;
    height: auto;
    color: var(--hakador-accent);
    opacity: 0.075;
    transform: translateY(-50%);
}

@media (max-width: 800px) {
    body.hakador-frontend-screen .hakador-site .hakador-home-hero {
        align-items: center;
        min-height: 252px;
        padding: 42px 0 36px;
    }

    .hakador-site .hakador-home-hero__title {
        margin-bottom: 12px !important;
        font-size: 50px !important;
    }

    .hakador-site .hakador-home-hero__tagline {
        margin-bottom: 10px !important;
        font-size: 22px !important;
    }

    .hakador-site .hakador-home-hero__promise {
        max-width: 250px;
        font-size: 15px !important;
    }

    .hakador-home-hero__promise span {
        display: block;
    }

    .hakador-home-hero__promise span + span::before {
        content: none;
    }

    .hakador-home-hero .hakador-home-actions {
        margin-top: 22px;
    }

    .hakador-home-hero__visual {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .hakador-home-hero__mark {
        position: relative;
        top: 6px;
        right: -105px;
        flex: 0 0 auto;
        width: 350px;
        opacity: 0.075;
        transform: none;
    }
}

.hakador-admin-screen #wpcontent,
.hakador-admin-screen #wpbody,
.hakador-admin-screen #wpbody-content {
    background: var(--hakador-bg);
}

.hakador-admin-screen #wpcontent {
    padding-left: 20px;
}

.hakador-admin-screen #wpfooter {
    display: none;
}

.hakador-admin-screen #wpbody-content {
    min-height: calc(100vh - 32px);
    padding-bottom: 0;
}

.hakador-admin,
.hakador-admin * {
    box-sizing: border-box;
}

.hakador-admin {
    width: auto;
    max-width: 1440px;
    margin: 0 20px 0 0;
    padding: 18px 0 28px;
    color: var(--hakador-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
}

.hakador-admin [hidden] {
    display: none !important;
}

.hakador-admin h1,
.hakador-admin h2,
.hakador-admin h3,
.hakador-admin p,
.hakador-admin span,
.hakador-admin strong,
.hakador-admin label,
.hakador-admin th,
.hakador-admin td,
.hakador-admin div {
    color: inherit;
}

.hakador-admin h1 {
    margin: 2px 0 0;
    color: var(--hakador-text);
    font-size: var(--hakador-font-page);
    font-weight: 700;
    line-height: 1.2;
}

.hakador-admin h2 {
    margin: 0 0 14px;
    color: var(--hakador-text);
    font-size: var(--hakador-font-section);
    font-weight: 700;
    line-height: 1.3;
}

.hakador-admin h3 {
    margin: 0;
    color: var(--hakador-text);
    font-size: var(--hakador-font-subsection);
    font-weight: 700;
    line-height: 1.3;
}

.hakador-admin h4 {
    margin: 0;
    color: var(--hakador-text);
    font-size: var(--hakador-font-body);
    font-weight: 700;
    line-height: 1.35;
}

.hakador-admin p {
    margin: 0;
    color: var(--hakador-text);
    font-size: var(--hakador-font-body);
}

.hakador-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-brand {
    display: block;
    color: var(--hakador-accent) !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hakador-screen-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.hakador-screen-nav__link,
.hakador-screen-nav__link:visited {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    transition: background-color 80ms linear, border-color 80ms linear, color 80ms linear;
}

.hakador-screen-nav__link:hover,
.hakador-screen-nav__link:focus {
    border-color: var(--hakador-border-hover);
    background: var(--hakador-panel-hover);
    color: var(--hakador-text) !important;
}

.hakador-screen-nav__link:active {
    border-color: var(--hakador-accent-pressed);
    background: var(--hakador-input);
    color: var(--hakador-accent-pressed) !important;
}

.hakador-screen-nav__link.is-active {
    border-color: var(--hakador-accent);
    background: rgba(167, 252, 0, 0.12);
    color: var(--hakador-accent) !important;
}

.hakador-screen-nav__link:focus-visible,
.hakador-button:focus-visible,
.hakador-tab:focus-visible,
.hakador-detail-button:focus-visible,
.hakador-field input:focus-visible {
    outline: 2px solid var(--hakador-focus);
    outline-offset: 2px;
    box-shadow: none;
}

.hakador-page-content {
    display: grid;
    gap: 14px;
    min-width: 0;
    max-width: 100%;
}

.hakador-tab-system,
.hakador-tab-panel,
[data-hakador-member-table],
[data-hakador-member-pagination] {
    min-width: 0;
    max-width: 100%;
}

.hakador-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
}

.hakador-toolbar__summary {
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
    font-weight: 650;
}

.hakador-sync-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.hakador-sync-summary > span:not(.hakador-status) {
    color: var(--hakador-muted) !important;
    font-size: 13px;
}

.hakador-inline-form,
.hakador-inline-form p {
    display: inline;
    margin: 0;
}

.hakador-card-grid {
    display: grid;
    gap: 12px;
}

.hakador-card-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hakador-metric {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
}

.hakador-metric__label {
    display: block;
    margin-bottom: 7px;
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 600;
}

.hakador-metric__value {
    display: block;
    overflow: hidden;
    color: var(--hakador-text) !important;
    font-size: 22px;
    font-weight: 750;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hakador-metric__value--compact {
    font-size: 17px;
}

.hakador-panel {
    padding: 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
}

.hakador-panel--narrow {
    max-width: 860px;
}

.hakador-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.hakador-section-heading h2,
.hakador-section-heading p {
    margin: 0;
}

.hakador-section-heading p {
    margin-top: 4px;
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
}

.hakador-dashboard-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.hakador-dashboard-action,
.hakador-dashboard-action:visited {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 12px 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    text-decoration: none;
}

.hakador-dashboard-action:hover,
.hakador-dashboard-action:focus {
    border-color: var(--hakador-border-hover);
    background: var(--hakador-panel-hover);
    color: var(--hakador-text) !important;
}

.hakador-dashboard-action > span {
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 550;
}

.hakador-dashboard-action > strong {
    color: var(--hakador-text) !important;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
}

.hakador-dashboard-action--accent > strong {
    color: var(--hakador-accent) !important;
}

.hakador-dashboard-action--success > strong {
    color: var(--hakador-accent) !important;
}

.hakador-dashboard-action--danger > strong {
    color: var(--hakador-loss) !important;
}

.hakador-dashboard-quick-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.hakador-dashboard-sync {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.hakador-dashboard-data-until {
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 650;
    white-space: nowrap;
}

.hakador-sync-settings-form {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto;
    align-items: end;
    gap: 10px;
}

.hakador-sync-settings-form .hakador-field {
    margin-bottom: 0;
}

#hakador-manage-access {
    scroll-margin-top: 48px;
}

#hakador-manage-access > .hakador-section-heading {
    margin-bottom: 0;
}

#hakador-manage-access > .hakador-form-message {
    min-height: 0;
    margin: 0;
}

#hakador-manage-access > .hakador-form-message:empty {
    display: none;
}

.hakador-settings-section {
    margin: 24px 0 18px;
    padding-top: 20px;
    border-top: 1px solid var(--hakador-border);
}

.hakador-settings-form {
    display: grid;
    gap: 14px;
}

.hakador-settings-help {
    color: #DEDEDE !important;
}

.hakador-brand-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.hakador-stripe-settings {
    margin-top: 14px;
    scroll-margin-top: 48px;
}

.hakador-stripe-settings + .hakador-panel,
#hakador-live-launch + .hakador-panel {
    margin-top: 14px;
}

.hakador-stripe-settings .hakador-form-grid > p,
.hakador-stripe-settings .hakador-field {
    margin: 0;
}

.hakador-stripe-settings .hakador-brand-settings-grid {
    gap: 12px;
}

.hakador-stripe-settings .hakador-settings-help {
    overflow-wrap: anywhere;
}

.hakador-stripe-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
    font-weight: 700;
}

.hakador-stripe-toggle input[type="checkbox"] {
    accent-color: var(--hakador-accent);
    flex-shrink: 0;
}

.hakador-stripe-table td:first-child {
    white-space: nowrap;
}

.hakador-stripe-table td small {
    display: block;
    margin-top: 6px;
    color: #dedede;
    overflow-wrap: anywhere;
}

.hakador-stripe-table td:nth-child(2),
.hakador-stripe-table td:nth-child(5) {
    min-width: 200px;
    max-width: 400px;
    overflow-wrap: anywhere;
}

.hakador-stripe-table td form {
    margin-top: 10px;
}

@media (max-width: 782px) {
    .hakador-brand-settings-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.hakador-pricing-tier-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
}

.hakador-pricing-tier-card {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--hakador-border);
    border-top: 3px solid var(--hakador-muted);
    background: var(--hakador-input);
}

.hakador-pricing-tier-card--lowest {
    border-top-color: #DEDEDE;
}

.hakador-pricing-tier-card--medium {
    border-top-color: var(--hakador-basic);
}

.hakador-pricing-tier-card--highest {
    border-top-color: var(--hakador-accent);
}

.hakador-pricing-tier-card h3 {
    margin: 0 0 12px;
}

.hakador-country-tier-settings {
    margin: 16px 0;
    border: 1px solid var(--hakador-border);
    background: var(--hakador-input);
}

.hakador-country-tier-settings > summary {
    padding: 13px 14px;
    color: var(--hakador-text);
    font-weight: 750;
    cursor: pointer;
}

.hakador-country-tier-settings[open] > summary {
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-country-tier-settings > p {
    margin: 0;
    padding: 14px 14px 10px;
}

.hakador-country-tier-settings > .hakador-field {
    margin: 0;
    padding: 0 14px 14px;
}

.hakador-country-tier-list {
    display: grid;
    max-height: 440px;
    overflow-y: auto;
    border-top: 1px solid var(--hakador-border);
}

.hakador-country-tier-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-country-tier-row[hidden] {
    display: none;
}

.hakador-country-tier-row > span {
    min-width: 0;
    color: var(--hakador-text);
    font-size: 13px;
}

.hakador-country-tier-row small {
    color: var(--hakador-muted);
}

.hakador-country-tier-row select {
    width: 100%;
    min-height: var(--hakador-control-height);
    border: 1px solid var(--hakador-border);
    border-radius: 0;
    background: var(--hakador-panel);
    color: var(--hakador-text);
}

body.hakador-admin-screen .hakador-country-tier-row:hover > span,
body.hakador-admin-screen .hakador-country-tier-row:focus-within > span {
    color: var(--hakador-text) !important;
}

body.hakador-admin-screen .hakador-country-tier-row select:hover,
body.hakador-admin-screen .hakador-country-tier-row select:focus,
body.hakador-admin-screen .hakador-country-tier-row select:active {
    border-color: var(--hakador-accent) !important;
    background-color: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
    outline: 0;
    box-shadow: none !important;
}

.hakador-panel--error {
    border-color: rgba(255, 92, 92, 0.68);
    background: rgba(255, 92, 92, 0.08);
}

.hakador-panel--error h2,
.hakador-panel--error p {
    color: var(--hakador-loss) !important;
}

.hakador-data-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-border);
}

.hakador-data-item {
    min-width: 0;
    padding: 11px 12px;
    background: var(--hakador-input);
}

.hakador-data-item span,
.hakador-data-item strong {
    display: block;
}

.hakador-data-item span {
    margin-bottom: 4px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 600;
}

.hakador-data-item strong {
    overflow: hidden;
    color: var(--hakador-text) !important;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hakador-button,
.hakador-button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--hakador-control-height);
    min-height: var(--hakador-control-height);
    margin: 0;
    padding: 8px 13px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 6px;
    background: var(--hakador-panel-hover);
    color: var(--hakador-text) !important;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 80ms linear, border-color 80ms linear, color 80ms linear;
}

.hakador-button:hover {
    border-color: var(--hakador-accent-hover);
    background: var(--hakador-panel);
    color: var(--hakador-accent-hover) !important;
}

.hakador-button:active {
    border-color: var(--hakador-accent-pressed);
    background: var(--hakador-input);
    color: var(--hakador-accent-pressed) !important;
}

.hakador-button--primary,
.hakador-button--primary:visited {
    border-color: var(--hakador-accent);
    background: var(--hakador-accent);
    color: #061018 !important;
}

.hakador-button--primary:hover {
    border-color: var(--hakador-accent-hover);
    background: var(--hakador-accent-hover);
    color: #061018 !important;
}

.hakador-button--primary:active {
    border-color: var(--hakador-accent-pressed);
    background: var(--hakador-accent-pressed);
    color: #061018 !important;
}

.hakador-button:disabled,
.hakador-button[disabled] {
    border-color: var(--hakador-disabled-bg);
    background: var(--hakador-disabled-bg);
    color: var(--hakador-disabled-text) !important;
    cursor: not-allowed;
}

.hakador-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid var(--hakador-border);
    border-radius: 999px;
    background: var(--hakador-input);
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.hakador-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--hakador-push);
}

.hakador-status--success {
    border-color: rgba(53, 196, 106, 0.55);
    background: rgba(53, 196, 106, 0.1);
    color: var(--hakador-win) !important;
}

.hakador-status--success i {
    background: var(--hakador-win);
}

.hakador-status--error {
    border-color: rgba(255, 92, 92, 0.55);
    background: rgba(255, 92, 92, 0.1);
    color: var(--hakador-loss) !important;
}

.hakador-status--error i {
    background: var(--hakador-loss);
}

.hakador-message {
    padding: 10px 12px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-panel);
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 650;
}

.hakador-message--success {
    border-color: rgba(53, 196, 106, 0.55);
    background: rgba(53, 196, 106, 0.1);
    color: var(--hakador-win) !important;
}

.hakador-message--error {
    border-color: rgba(255, 92, 92, 0.55);
    background: rgba(255, 92, 92, 0.1);
    color: var(--hakador-loss) !important;
}

.hakador-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 10px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
}

.hakador-tabs--split {
    align-items: center;
    justify-content: space-between;
}

.hakador-tabs__group,
.hakador-tabs__actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
}

.hakador-tabs--split .hakador-button {
    height: 34px;
    min-height: 34px;
    padding: 7px 10px;
    font-size: var(--hakador-font-label);
    line-height: 1;
}

.hakador-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: var(--hakador-muted) !important;
    font-family: inherit;
    font-size: var(--hakador-font-label);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 80ms linear, border-color 80ms linear, color 80ms linear;
}

.hakador-tab span {
    min-width: 20px;
    padding: 2px 5px;
    border-radius: 999px;
    background: var(--hakador-input);
    color: var(--hakador-muted) !important;
    font-size: 11px;
    text-align: center;
}

.hakador-tab:hover {
    border-color: var(--hakador-border-hover);
    background: var(--hakador-panel-hover);
    color: var(--hakador-text) !important;
}

.hakador-tab:active {
    border-color: var(--hakador-accent-pressed);
    background: var(--hakador-input);
    color: var(--hakador-accent-pressed) !important;
}

.hakador-tab.is-active {
    border-color: var(--hakador-accent);
    background: rgba(167, 252, 0, 0.12);
    color: var(--hakador-accent) !important;
}

.hakador-tab.is-active span {
    background: var(--hakador-accent);
    color: #061018 !important;
}

.hakador-tab-panel {
    color: var(--hakador-text);
}

.hakador-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
}

.hakador-table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    background: var(--hakador-panel);
    color: var(--hakador-text);
    font-size: 13px;
}

.hakador-table th,
.hakador-table td {
    padding: 10px 11px;
    border: 0;
    border-bottom: 1px solid var(--hakador-border);
    color: var(--hakador-text) !important;
    line-height: 1.35;
    text-align: left;
    vertical-align: middle;
}

.hakador-table th {
    background: var(--hakador-input);
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.hakador-table tbody tr:last-child > td {
    border-bottom: 0;
}

.hakador-table tbody .hakador-bet-row:hover > td {
    background: var(--hakador-panel-hover);
    color: var(--hakador-text) !important;
}

.hakador-table tbody .hakador-bet-row {
    cursor: pointer;
}

.hakador-table tbody .hakador-bet-row:focus {
    outline: 2px solid var(--hakador-accent);
    outline-offset: -2px;
}

.hakador-bets-stats {
    margin: 16px 0 22px;
    padding: 18px;
    border: 1px solid var(--hakador-border);
    background: var(--hakador-panel);
}

.hakador-bets-stats .hakador-stats-controls {
    margin-bottom: 14px;
}

.hakador-bets-stats .hakador-level-controls {
    padding: 0;
    border-bottom: 0;
}

.hakador-bets-stats .hakador-public-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1200px) {
    .hakador-bets-stats .hakador-public-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 782px) {
    .hakador-bets-stats {
        padding: 12px;
    }

    .hakador-bets-stats .hakador-stats-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .hakador-bets-stats .hakador-level-controls,
    .hakador-bets-stats .hakador-period-controls {
        display: grid;
        width: 100%;
    }

    .hakador-bets-stats .hakador-level-controls {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hakador-bets-stats .hakador-period-controls {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .hakador-bets-stats .hakador-level-button {
        width: 100%;
        min-width: 0;
        padding-right: 4px;
        padding-left: 4px;
        white-space: nowrap;
    }

    .hakador-bets-stats .hakador-public-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.hakador-table__message {
    min-width: 250px;
    color: var(--hakador-muted) !important;
}

.hakador-sync-log-table .hakador-sync-log-date {
    width: 145px;
    min-width: 145px;
    white-space: nowrap;
}

.hakador-level,
.hakador-result {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 7px;
    border: 1px solid var(--hakador-border);
    border-radius: 5px;
    background: var(--hakador-input);
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    justify-content: center;
}

.hakador-level {
    width: 66px;
}

.hakador-result {
    width: 70px;
}

.hakador-level--basic {
    border-color: var(--hakador-basic);
    background: rgba(255, 255, 255, 0.08);
    color: var(--hakador-basic) !important;
}

.hakador-level--elite {
    border-color: var(--hakador-elite);
    background: rgba(167, 252, 0, 0.12);
    color: var(--hakador-elite) !important;
}

.hakador-result--pending {
    color: var(--hakador-accent) !important;
}

.hakador-result--won {
    border-color: rgba(167, 252, 0, 0.65);
    background: rgba(167, 252, 0, 0.14);
    color: var(--hakador-win) !important;
}

.hakador-result--lost {
    border-color: rgba(255, 92, 92, 0.55);
    background: rgba(255, 92, 92, 0.1);
    color: var(--hakador-loss) !important;
}

.hakador-result--push {
    border-color: rgba(222, 222, 222, 0.5);
    background: rgba(222, 222, 222, 0.08);
    color: var(--hakador-push) !important;
}

.hakador-detail-button {
    width: 100px;
    min-height: 30px;
    padding: 5px 8px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 5px;
    background: var(--hakador-input);
    color: var(--hakador-accent) !important;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 80ms linear, border-color 80ms linear, color 80ms linear;
}

.hakador-detail-button:hover {
    border-color: var(--hakador-accent-hover);
    background: rgba(167, 252, 0, 0.12);
    color: var(--hakador-accent-hover) !important;
}

.hakador-detail-button:active,
.hakador-detail-button[aria-expanded="true"] {
    border-color: var(--hakador-accent-pressed);
    background: rgba(167, 252, 0, 0.18);
    color: var(--hakador-accent-pressed) !important;
}

.hakador-detail-row > td {
    padding: 0 !important;
    background: var(--hakador-input) !important;
}

.hakador-bets-table {
    min-width: 920px;
}

.hakador-bets-table .hakador-details-column {
    width: 122px;
    min-width: 122px;
    max-width: 122px;
    padding: 10px 11px;
    text-align: right;
}

.hakador-profit--won {
    color: var(--hakador-win) !important;
    font-weight: 750;
}

.hakador-profit--lost {
    color: var(--hakador-loss) !important;
    font-weight: 750;
}

.hakador-profit--push,
.hakador-profit--pending {
    color: var(--hakador-muted) !important;
    font-weight: 750;
}

.hakador-leg-grid {
    padding: 10px 12px;
}

.hakador-leg-grid__head {
    padding: 0 8px 7px;
}

.hakador-leg-grid__head span {
    color: var(--hakador-muted) !important;
    font-size: 11px;
    font-weight: 750;
}

.hakador-leg-grid__row {
    display: grid;
    grid-template-columns: minmax(90px, 0.7fr) minmax(220px, 1.5fr) minmax(180px, 1.25fr) minmax(70px, 0.45fr) minmax(90px, 0.6fr);
    align-items: stretch;
    padding: 0;
    border-top: 1px solid var(--hakador-border);
}

.hakador-leg-grid__row:first-child {
    border-top: 0;
}

.hakador-leg-grid__row > strong {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 11px 14px;
    border-left: 1px solid var(--hakador-border);
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

.hakador-leg-grid__row > strong:first-child {
    border-left: 0;
}

.hakador-field {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.hakador-field > span {
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 700;
}

.hakador-field input,
.hakador-field select,
.hakador-field textarea {
    width: 100%;
    max-width: none;
    min-height: var(--hakador-control-height);
    margin: 0;
    padding: 8px 10px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 6px;
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.35;
    box-shadow: none;
}

.hakador-field input,
.hakador-field select {
    height: var(--hakador-control-height);
}

.hakador-field input::placeholder,
.hakador-field textarea::placeholder {
    color: var(--hakador-muted) !important;
    opacity: 1;
}

.hakador-field input:hover,
.hakador-field select:hover,
.hakador-field textarea:hover {
    border-color: var(--hakador-accent-hover);
    background: var(--hakador-panel-hover);
    color: var(--hakador-text) !important;
}

.hakador-field input:focus,
.hakador-field select:focus,
.hakador-field textarea:focus {
    border-color: var(--hakador-accent);
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    box-shadow: none;
}

.hakador-admin .hakador-field input:focus-visible,
.hakador-admin .hakador-field select:focus-visible,
.hakador-admin .hakador-field textarea:focus-visible {
    outline: 0;
    outline-offset: 0;
    box-shadow: inset 0 0 0 1px var(--hakador-focus);
}

.hakador-field input:disabled,
.hakador-field select:disabled,
.hakador-field textarea:disabled {
    border-color: var(--hakador-disabled-bg);
    background: var(--hakador-disabled-bg);
    color: var(--hakador-disabled-text) !important;
}

.hakador-empty {
    padding: 16px;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
}

.hakador-form-grid {
    display: grid;
    gap: 12px;
}

.hakador-form-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hakador-form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.hakador-member-search {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.hakador-member-search .hakador-field {
    margin-bottom: 0;
}

.hakador-field select option {
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
}

.hakador-field select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5l4 4 4-4' stroke='%23A7FC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 14px 14px !important;
}

.hakador-admin input[type="number"],
.hakador-site input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.hakador-admin input[type="number"]::-webkit-inner-spin-button,
.hakador-admin input[type="number"]::-webkit-outer-spin-button,
.hakador-site input[type="number"]::-webkit-inner-spin-button,
.hakador-site input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.hakador-admin input[type="date"],
.hakador-admin input[type="datetime-local"],
.hakador-site input[type="date"] {
    color-scheme: dark;
}

.hakador-admin input[type="date"]::-webkit-calendar-picker-indicator,
.hakador-admin input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.hakador-site input[type="date"]::-webkit-calendar-picker-indicator {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect x='2.25' y='3.75' width='13.5' height='11.25' rx='1.5' stroke='%23A7FC00' stroke-width='1.5'/%3E%3Cpath d='M5.25 2.25v3M12.75 2.25v3M2.25 7.5h13.5' stroke='%23A7FC00' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    color: var(--hakador-accent);
    opacity: 1;
    cursor: pointer;
}

.hakador-admin input[type="search"]::-webkit-search-cancel-button,
.hakador-site input[type="search"]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}

.hakador-button--danger,
.hakador-button--danger:visited {
    border-color: var(--hakador-loss);
    background: rgba(255, 92, 92, 0.12);
    color: var(--hakador-loss) !important;
}

.hakador-button--danger:hover {
    border-color: #ff8585;
    background: rgba(255, 92, 92, 0.2);
    color: #ff8585 !important;
}

.hakador-button--danger:active {
    border-color: #e64545;
    background: rgba(230, 69, 69, 0.24);
    color: #ffb1b1 !important;
}

.hakador-tab-panel.is-loading {
    opacity: 0.68;
    pointer-events: none;
}

.hakador-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 0 0;
}

.hakador-pagination > span {
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 650;
}

.hakador-pagination .hakador-button {
    width: 92px !important;
    min-width: 92px;
    justify-content: center;
}

/* Push Notifications */
.hakador-push-tabs .hakador-tab {
    text-decoration: none;
}

.hakador-push-tabs + .hakador-message,
.hakador-message + .hakador-push-tabs {
    margin-top: 10px;
}

.hakador-push-compose {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.75fr);
    gap: 14px;
    align-items: start;
}

.hakador-push-compose > * {
    min-width: 0;
}

.hakador-push-compose-form .hakador-field small {
    color: var(--hakador-muted) !important;
    font-size: 12px;
}

.hakador-push-copy-row {
    margin-bottom: 2px;
}

.hakador-push-copy-row .hakador-field {
    align-content: start;
}

.hakador-push-message-input {
    height: var(--hakador-control-height);
    min-height: var(--hakador-control-height);
    resize: vertical;
}

.hakador-push-audience {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
}

.hakador-push-audience legend {
    margin: 0;
    padding: 0 8px;
    color: var(--hakador-text) !important;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.25;
}

.hakador-push-audience-body {
    display: grid;
    min-width: 0;
    gap: 14px;
}

.hakador-push-audience-grid {
    display: grid;
    min-width: 0;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.hakador-push-audience-grid label,
.hakador-push-automation > label:not(.hakador-field) {
    display: flex;
    align-items: flex-start;
    height: 100%;
    gap: 10px;
    margin: 0;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-input);
}

.hakador-push-audience-grid input,
.hakador-push-automation input {
    flex: 0 0 auto;
    margin: 2px 0 0;
    accent-color: var(--hakador-accent);
}

.hakador-push-audience-grid span,
.hakador-push-automation span {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.hakador-push-audience-grid strong,
.hakador-push-automation strong,
.hakador-push-manual-note strong {
    color: var(--hakador-text) !important;
    font-size: 14px;
    line-height: 1.25;
}

.hakador-push-audience-grid small,
.hakador-push-automation small {
    color: var(--hakador-muted) !important;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hakador-push-eligible {
    margin: 0;
    padding: 12px 0 0;
    border-top: 1px solid var(--hakador-border);
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
    line-height: 1.4;
}

.hakador-push-eligible strong {
    color: var(--hakador-text) !important;
}

.hakador-push-actions {
    justify-content: flex-end;
}

.hakador-push-preview {
    position: sticky;
    top: 46px;
}

.hakador-push-preview h2 {
    margin: 0 0 14px;
}

.hakador-push-phone {
    display: grid;
    min-width: 0;
    gap: 7px;
    padding: 14px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 15px;
    background: #050909;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.hakador-push-phone__top {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: 8px;
}

.hakador-push-phone__top img {
    width: 28px;
    height: 28px;
    border-radius: 7px;
}

.hakador-push-phone__top span,
.hakador-push-phone > strong {
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 700;
}

.hakador-push-phone__top small,
.hakador-push-phone > p {
    color: var(--hakador-muted) !important;
    font-size: 12px !important;
}

.hakador-push-phone > strong,
.hakador-push-phone > p {
    margin: 0 0 0 36px;
}

.hakador-push-history {
    display: grid;
    min-width: 0;
    gap: 14px;
}

.hakador-push-history > .hakador-section-heading {
    margin-bottom: 0;
}

.hakador-push-history-item {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    overflow: hidden;
}

.hakador-push-history-item > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 16px 18px;
    cursor: pointer;
    list-style: none;
}

.hakador-push-history-item > summary::-webkit-details-marker {
    display: none;
}

.hakador-push-history-item > summary > span:first-child {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.hakador-push-history-item > summary > .hakador-status {
    flex: 0 0 auto;
}

.hakador-push-history-item > summary strong {
    color: var(--hakador-text) !important;
    font-size: 15px;
    line-height: 1.3;
}

.hakador-push-history-item > summary small {
    color: var(--hakador-muted) !important;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.hakador-push-history-item[open] > summary {
    border-bottom: 1px solid var(--hakador-border);
    background: var(--hakador-panel-hover);
}

.hakador-push-history-message {
    margin: 0;
    padding: 14px 18px;
    border-bottom: 1px solid var(--hakador-border);
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
    line-height: 1.45;
}

.hakador-push-metrics,
.hakador-push-system-summary {
    display: grid;
    gap: 1px;
    overflow: hidden;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    background: var(--hakador-border);
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-push-metrics > div,
.hakador-push-system-summary > div {
    display: grid;
    align-content: center;
    gap: 7px;
    min-width: 0;
    min-height: 84px;
    padding: 16px 18px;
    border: 0;
    background: var(--hakador-panel);
}

.hakador-push-metrics span,
.hakador-push-system-summary span {
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
}

.hakador-push-metrics strong,
.hakador-push-system-summary strong {
    color: var(--hakador-text) !important;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.hakador-push-history-item .hakador-table-wrap {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    margin: 16px;
}

.hakador-push-failure {
    display: block;
    margin-top: 3px;
    color: var(--hakador-loss) !important;
    font-size: 11px;
}

.hakador-push-device-search {
    margin-bottom: 14px;
}

.hakador-push-device-table {
    min-width: 1120px;
}

.hakador-push-activity {
    min-width: 820px;
    table-layout: fixed;
}

.hakador-push-activity th,
.hakador-push-activity td {
    padding: 12px 14px;
    vertical-align: middle;
}

.hakador-push-activity th:nth-child(1),
.hakador-push-activity td:nth-child(1) {
    width: 27%;
}

.hakador-push-activity th:nth-child(2),
.hakador-push-activity td:nth-child(2) {
    width: 23%;
}

.hakador-push-activity th:nth-child(3),
.hakador-push-activity td:nth-child(3),
.hakador-push-activity th:nth-child(4),
.hakador-push-activity td:nth-child(4) {
    width: 13%;
}

.hakador-push-activity th:nth-child(5),
.hakador-push-activity td:nth-child(5) {
    width: 24%;
    white-space: nowrap;
}

.hakador-push-device-table form {
    margin: 0;
}

.hakador-pagination .hakador-button.is-disabled {
    border-color: var(--hakador-disabled-bg);
    background: var(--hakador-disabled-bg);
    color: var(--hakador-disabled-text) !important;
    pointer-events: none;
}

.hakador-push-system-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 16px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
}

.hakador-push-system-summary > div {
    background: var(--hakador-input);
}

.hakador-push-system-summary strong {
    font-size: 22px;
}

.hakador-push-templates {
    display: grid;
    gap: 12px;
    margin: 0 0 14px;
}

.hakador-push-template-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
    background: var(--hakador-input);
}

.hakador-push-template-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 14px;
}

.hakador-push-template-heading h3 {
    margin: 0 0 4px;
    color: var(--hakador-text) !important;
    font-size: 15px;
}

.hakador-push-template-heading p,
.hakador-push-template-preview > span,
.hakador-push-template-fields .hakador-field small {
    margin: 0;
    color: var(--hakador-muted) !important;
    font-size: 12px !important;
}

.hakador-push-template-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: var(--hakador-text) !important;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.hakador-push-template-toggle input,
.hakador-push-template-audiences input {
    margin: 0;
    accent-color: var(--hakador-accent);
}

.hakador-push-template-layout {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.8fr);
    align-items: start;
    gap: 14px;
}

.hakador-push-template-layout > *,
.hakador-push-template-fields,
.hakador-push-template-preview {
    min-width: 0;
}

.hakador-push-template-fields {
    display: grid;
    gap: 10px;
}

.hakador-push-template-fields .hakador-field {
    margin: 0;
}

.hakador-push-template-fields > .hakador-button {
    justify-self: start;
}

.hakador-push-template-preview {
    display: grid;
    gap: 7px;
}

.hakador-push-template-audiences {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
}

.hakador-push-template-audiences legend {
    margin: 0;
    padding: 0 7px;
    color: var(--hakador-text) !important;
    font-size: 12px;
    font-weight: 700;
}

.hakador-push-template-audiences > div {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.hakador-push-template-audiences label {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    min-width: 0;
    height: 100%;
    padding: 10px;
    border: 1px solid var(--hakador-border);
    border-radius: 5px;
    background: var(--hakador-panel);
}

.hakador-push-template-audiences label > span {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.hakador-push-template-audiences strong {
    color: var(--hakador-text) !important;
    font-size: 12px;
}

.hakador-push-template-audiences small {
    color: var(--hakador-muted) !important;
    font-size: 10px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hakador-push-settings-actions {
    justify-content: flex-end;
}

.hakador-telegram-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
    align-items: start;
    gap: 14px;
    margin-bottom: 14px;
}

.hakador-telegram-tabs .hakador-tab {
    text-decoration: none;
}

body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="text"],
body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="password"],
body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="url"],
body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="date"],
body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="datetime-local"],
body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="time"],
body.hakador-admin-screen .hakador-admin--hakador-telegram input[type="number"],
body.hakador-admin-screen .hakador-admin--hakador-telegram select,
body.hakador-admin-screen .hakador-admin--hakador-telegram textarea {
    box-sizing: border-box;
    min-height: 40px;
    border: 1px solid var(--hakador-border) !important;
    border-radius: 0 !important;
    outline: 0;
    background-color: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
    box-shadow: none !important;
}

body.hakador-admin-screen .hakador-admin--hakador-telegram input::placeholder,
body.hakador-admin-screen .hakador-admin--hakador-telegram textarea::placeholder {
    color: var(--hakador-muted) !important;
    opacity: 1;
}

body.hakador-admin-screen .hakador-admin--hakador-telegram input:focus,
body.hakador-admin-screen .hakador-admin--hakador-telegram select:focus,
body.hakador-admin-screen .hakador-admin--hakador-telegram textarea:focus {
    border-color: var(--hakador-accent) !important;
}

.hakador-telegram-layout > *,
.hakador-telegram-settings,
.hakador-telegram-preview,
.hakador-telegram-manual,
.hakador-telegram-history {
    min-width: 0;
}

.hakador-telegram-settings,
.hakador-telegram-preview,
.hakador-telegram-manual,
.hakador-telegram-history,
.hakador-telegram-compose {
    padding: 14px;
}

.hakador-telegram-automation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    align-items: stretch;
    gap: 12px;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
    background: var(--hakador-input);
}

.hakador-telegram-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    margin: 0;
}

.hakador-telegram-toggle input {
    flex: 0 0 auto;
    margin: 2px 0 0;
    accent-color: var(--hakador-accent);
}

.hakador-telegram-toggle > span {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.hakador-telegram-toggle strong {
    color: var(--hakador-text) !important;
    font-size: 14px;
    line-height: 1.3;
}

.hakador-telegram-toggle small,
.hakador-telegram-settings .hakador-field small,
.hakador-telegram-response {
    color: var(--hakador-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
}

.hakador-telegram-time {
    margin: 0;
}

.hakador-telegram-actions {
    margin-top: 14px;
}

.hakador-telegram-image-setting {
    display: grid;
    gap: 12px;
    margin-top: 12px;
    padding: 14px;
    border: 1px solid var(--hakador-border);
    background: var(--hakador-input);
}

.hakador-telegram-image-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: stretch;
    gap: 8px;
}

.hakador-telegram-image-picker input {
    min-width: 0;
}

.hakador-telegram-message {
    min-height: 100%;
    padding: 18px;
    border: 1px solid var(--hakador-border);
    background: var(--hakador-input);
    color: var(--hakador-text);
    font-size: 14px;
    line-height: 1.55;
}

.hakador-telegram-message p {
    margin: 0 0 16px;
    color: var(--hakador-text) !important;
}

.hakador-telegram-message p:last-child {
    margin-bottom: 0;
}

.hakador-telegram-message a {
    color: var(--hakador-accent) !important;
    text-decoration: none;
}

.hakador-telegram-manual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    margin-bottom: 14px;
}

.hakador-telegram-manual > .hakador-section-heading {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.hakador-telegram-manual-form {
    display: grid;
    grid-template-columns: 240px auto;
    align-items: end;
    gap: 10px;
    margin: 0;
}

.hakador-telegram-manual-form > .hakador-field,
.hakador-telegram-manual-form > .hakador-field {
    grid-column: 1;
    margin: 0;
}

.hakador-telegram-manual-form > .hakador-button {
    grid-column: 2;
    width: auto;
}

.hakador-telegram-manual-form > [data-hakador-telegram-custom-image] {
    grid-column: 1 / -1;
}

.hakador-telegram-compose {
    display: grid;
    gap: 14px;
}

.hakador-telegram-compose-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    align-items: stretch;
    gap: 14px;
}

.hakador-telegram-editor {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    margin: 0;
}

.hakador-telegram-editor > span {
    display: block;
    margin-bottom: 7px;
}

.hakador-telegram-format-note {
    display: block;
    margin-top: -8px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    line-height: 1.4;
}

.hakador-telegram-editor .wp-editor-tools {
    display: none !important;
}

.hakador-telegram-editor .wp-editor-tabs {
    display: flex;
    justify-content: flex-end;
    height: 32px;
}

.hakador-telegram-editor .wp-editor-wrap,
.hakador-telegram-editor .wp-editor-container,
.hakador-telegram-editor .mce-toolbar-grp,
.hakador-telegram-editor .quicktags-toolbar {
    border-color: var(--hakador-border) !important;
}

.hakador-telegram-editor .wp-editor-wrap {
    flex: 1 1 auto;
}

.hakador-telegram-editor .mce-panel,
.hakador-telegram-editor .mce-container-body,
.hakador-telegram-editor .mce-toolbar-grp,
.hakador-telegram-editor .mce-statusbar,
.hakador-telegram-editor .quicktags-toolbar {
    border-color: var(--hakador-border) !important;
    background: var(--hakador-panel) !important;
}

.hakador-telegram-editor .mce-btn,
.hakador-telegram-editor .mce-btn button {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hakador-telegram-editor .mce-btn .mce-ico,
.hakador-telegram-editor .mce-btn .mce-txt {
    color: var(--hakador-text) !important;
}

.hakador-telegram-editor .mce-btn:hover,
.hakador-telegram-editor .mce-btn:focus {
    background: var(--hakador-input) !important;
}

.hakador-telegram-editor .mce-btn.mce-active,
.hakador-telegram-editor .mce-btn.mce-active:hover {
    background: var(--hakador-accent) !important;
}

.hakador-telegram-editor .mce-btn.mce-active .mce-ico,
.hakador-telegram-editor .mce-btn.mce-active .mce-txt {
    color: #000 !important;
}

.hakador-telegram-editor .wp-switch-editor {
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 0 0 5px;
    padding: 6px 10px !important;
    border-color: var(--hakador-border) !important;
    border-radius: 0;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

.hakador-telegram-editor .tmce-active .switch-tmce,
.hakador-telegram-editor .html-active .switch-html {
    border-color: var(--hakador-accent) !important;
    background: var(--hakador-accent) !important;
    color: #000 !important;
}

body.hakador-admin-screen #wp-link-wrap,
body.hakador-admin-screen #wp-link-wrap #link-modal-title,
body.hakador-admin-screen #wp-link-wrap .submitbox,
body.hakador-admin-screen #wp-link-wrap #search-panel,
body.hakador-admin-screen #wp-link-wrap .query-results {
    border-color: var(--hakador-border) !important;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

body.hakador-admin-screen #wp-link-wrap input[type="text"] {
    border: 1px solid var(--hakador-border) !important;
    border-radius: 0 !important;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
    box-shadow: none !important;
}

body.hakador-admin-screen #wp-link-wrap input[type="text"]:focus {
    border-color: var(--hakador-accent) !important;
}

body.hakador-admin-screen #wp-link-wrap #wp-link-submit {
    border-color: var(--hakador-accent) !important;
    border-radius: 0 !important;
    background: var(--hakador-accent) !important;
    color: #000 !important;
    box-shadow: none !important;
}

body.hakador-admin-screen #wp-link-wrap a,
body.hakador-admin-screen #wp-link-wrap .howto {
    color: var(--hakador-muted) !important;
}

.hakador-telegram-editor .wp-editor-tools,
.hakador-telegram-editor .mce-toolbar-grp,
.hakador-telegram-editor .quicktags-toolbar {
    background: var(--hakador-panel) !important;
}

.hakador-telegram-editor .mce-toolbar-grp,
.hakador-telegram-editor .quicktags-toolbar {
    padding: 4px 6px !important;
}

.hakador-telegram-editor .mce-toolbar,
.hakador-telegram-editor .mce-btn,
.hakador-telegram-editor .mce-btn button,
.hakador-telegram-editor .quicktags-toolbar input.button {
    min-height: 28px !important;
}

.hakador-telegram-editor .mce-btn button,
.hakador-telegram-editor .quicktags-toolbar input.button {
    height: 28px !important;
    padding: 3px 7px !important;
    line-height: 20px !important;
}

.hakador-telegram-editor .wp-editor-container textarea.wp-editor-area {
    height: 105px;
    min-height: 105px !important;
    padding: 12px !important;
    resize: vertical;
}

.hakador-telegram-editor .mce-edit-area iframe {
    min-height: 105px !important;
}

.hakador-telegram-editor .wp-switch-editor,
.hakador-telegram-editor .quicktags-toolbar input.button {
    border-color: var(--hakador-border) !important;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-telegram-compose-preview {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hakador-telegram-compose-preview > span {
    display: block;
    margin-bottom: 7px;
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 700;
}

.hakador-telegram-compose-message-preview {
    flex: 1 1 auto;
    width: 100%;
    min-height: 146px;
    border-radius: 0;
}

.hakador-telegram-compose-preview-image {
    display: block;
    width: 100%;
    max-height: 116px;
    margin-bottom: 12px;
    border: 1px solid var(--hakador-border);
    object-fit: cover;
}

.hakador-telegram-compose-preview-body {
    min-width: 0;
    color: var(--hakador-text) !important;
    overflow-wrap: anywhere;
}

.hakador-telegram-compose-preview-body > span {
    color: var(--hakador-muted) !important;
}

.hakador-telegram-compose-preview-body blockquote {
    margin: 8px 0;
    padding-left: 10px;
    border-left: 2px solid var(--hakador-accent);
}

.hakador-telegram-compose-grid {
    display: grid;
    grid-template-columns: minmax(300px, 0.8fr) minmax(480px, 1.2fr);
    align-items: start;
    gap: 14px;
}

.hakador-telegram-compose-grid > div {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--hakador-border);
    background: var(--hakador-input);
}

.hakador-telegram-compose-grid .hakador-telegram-image-picker {
    width: 100%;
}

.hakador-telegram-schedule .hakador-telegram-schedule-row {
    grid-template-columns: minmax(220px, 280px) minmax(160px, 220px) minmax(150px, 210px);
    justify-content: start;
    align-items: end;
}

.hakador-telegram-schedule .hakador-field {
    min-width: 0;
    margin: 0;
}

.hakador-telegram-compose-grid h3 {
    margin: 0;
    font-size: var(--hakador-font-subsection);
    line-height: 1.3;
}

.hakador-telegram-interval {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.hakador-telegram-interval em {
    color: var(--hakador-muted);
    font-style: normal;
}

.hakador-telegram-compose-actions {
    justify-content: flex-start;
}

.hakador-telegram-compose-actions .hakador-button {
    width: auto;
    min-width: 112px;
}

.hakador-telegram-connection {
    width: 100%;
}

.hakador-telegram-connection-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) auto;
    align-items: start;
    gap: 14px;
}

.hakador-telegram-connection-row > .hakador-field {
    min-width: 0;
    margin: 0;
}

.hakador-telegram-connection-actions {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 8px;
    margin-top: 26px;
}

.hakador-telegram-connection-actions .hakador-button {
    width: auto;
    min-height: 40px;
    justify-content: center;
}

.hakador-telegram-history > .hakador-section-heading {
    margin-bottom: 14px;
}

.hakador-telegram-table {
    min-width: 940px;
}

.hakador-telegram-table th,
.hakador-telegram-table td {
    padding: 12px 14px;
}

.hakador-telegram-table td:nth-child(1),
.hakador-telegram-table td:nth-child(5),
.hakador-telegram-table td:nth-child(6) {
    white-space: nowrap;
}

.hakador-telegram-response {
    display: block;
    max-width: 360px;
    margin-top: 6px;
    color: var(--hakador-loss) !important;
    white-space: normal;
}

.hakador-telegram-history .hakador-pagination {
    margin-top: 14px;
}

.hakador-telegram-message-excerpt {
    display: block;
    min-width: 0;
    color: var(--hakador-text) !important;
    line-height: 1.4;
}

.hakador-telegram-messages-table td small:not(.hakador-telegram-response) {
    display: block;
    margin-top: 5px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    line-height: 1.35;
}

.hakador-telegram-messages-table form {
    margin: 0;
}

.hakador-telegram-messages-table td:nth-child(1) {
    white-space: normal;
}

.hakador-telegram-posted-cell {
    text-align: center;
}

.hakador-telegram-delete-cell {
    text-align: right;
}

.hakador-telegram-delete-cell .hakador-button {
    height: 25px;
    min-height: 25px;
    padding: 4px 8px;
    font-size: 12px;
}

.hakador-telegram-posted-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hakador-loss);
    box-shadow: 0 0 0 1px rgba(255, 92, 92, 0.18);
}

.hakador-telegram-posted-dot.is-posted {
    background: var(--hakador-accent);
    box-shadow: 0 0 0 1px rgba(167, 252, 0, 0.18);
}

@media (max-width: 1300px) {
    .hakador-telegram-connection-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hakador-telegram-connection-actions {
        grid-column: 1 / -1;
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .hakador-push-compose {
        grid-template-columns: 1fr;
    }

    .hakador-push-preview {
        position: static;
    }

    .hakador-push-audience-grid,
    .hakador-push-template-layout {
        grid-template-columns: 1fr;
    }

    .hakador-push-system-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hakador-push-template-audiences > div {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-layout {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-manual {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-compose-grid {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-compose-workspace {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-compose-preview {
        width: min(100%, 340px);
    }

    .hakador-telegram-schedule .hakador-telegram-schedule-row {
        grid-template-columns: repeat(2, minmax(0, 220px));
    }
}

@media (max-width: 700px) {
    .hakador-push-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hakador-push-metrics > div:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .hakador-push-history-item .hakador-table-wrap {
        overflow-x: hidden;
    }

    .hakador-push-activity {
        display: block;
        min-width: 0;
        table-layout: auto;
    }

    .hakador-push-activity thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .hakador-push-activity tbody,
    .hakador-push-activity tr,
    .hakador-push-activity td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .hakador-push-activity tr {
        border-bottom: 1px solid var(--hakador-border);
    }

    .hakador-push-activity tbody tr:last-child {
        border-bottom: 0;
    }

    .hakador-push-activity td,
    .hakador-push-activity td:nth-child(5) {
        display: grid;
        grid-template-columns: minmax(72px, 84px) minmax(0, 1fr);
        gap: 10px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--hakador-border);
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .hakador-push-activity td::before {
        content: attr(data-label);
        color: var(--hakador-muted);
        font-size: 11px;
        font-weight: 750;
        line-height: 1.4;
    }

    .hakador-push-activity tr > td:last-child {
        border-bottom: 0;
    }

    .hakador-telegram-automation {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-image-picker {
        grid-template-columns: 1fr 1fr;
    }

    .hakador-telegram-image-picker input {
        grid-column: 1 / -1;
    }

    .hakador-telegram-connection-row,
    .hakador-telegram-schedule .hakador-telegram-schedule-row {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-connection-actions {
        grid-template-columns: 1fr;
    }

    .hakador-telegram-connection-actions .hakador-button {
        width: 100%;
    }

    .hakador-telegram-manual-form {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .hakador-telegram-manual-form > .hakador-field,
    .hakador-telegram-manual-form > .hakador-button,
    .hakador-telegram-manual-form > [data-hakador-telegram-custom-image] {
        grid-column: 1;
        width: 100%;
    }

    .hakador-telegram-history .hakador-table-wrap {
        overflow-x: hidden;
    }

    .hakador-telegram-table,
    .hakador-telegram-table tbody,
    .hakador-telegram-table tr,
    .hakador-telegram-table td {
        display: block;
        width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    .hakador-telegram-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .hakador-telegram-table tr {
        border-bottom: 1px solid var(--hakador-border);
    }

    .hakador-telegram-table tbody tr:last-child {
        border-bottom: 0;
    }

    .hakador-telegram-table td,
    .hakador-telegram-table td:nth-child(1),
    .hakador-telegram-table td:nth-child(5),
    .hakador-telegram-table td:nth-child(6) {
        display: grid;
        grid-template-columns: minmax(92px, 112px) minmax(0, 1fr);
        gap: 10px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--hakador-border);
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .hakador-telegram-table td::before {
        content: attr(data-label);
        color: var(--hakador-muted);
        font-size: 11px;
        font-weight: 750;
        line-height: 1.4;
    }

    .hakador-telegram-table .hakador-status {
        justify-self: start;
    }

    .hakador-telegram-table .hakador-telegram-response {
        grid-column: 2;
        margin-top: 0;
    }

    .hakador-telegram-table td > small,
    .hakador-telegram-table .hakador-telegram-status-cell form {
        grid-column: 2;
    }

    .hakador-telegram-table tr > td:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .hakador-telegram-history > .hakador-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .hakador-telegram-history > .hakador-section-heading .hakador-button {
        width: auto;
        white-space: nowrap;
    }

    .hakador-push-audience {
        padding: 14px;
    }

    .hakador-push-audience-grid label {
        padding: 12px 14px;
    }

    .hakador-push-history-item > summary {
        align-items: flex-start;
        padding: 14px;
    }

    .hakador-push-history-message {
        padding: 12px 14px;
    }

    .hakador-push-metrics > div,
    .hakador-push-system-summary > div {
        min-height: 76px;
        padding: 14px;
    }

    .hakador-push-history-item .hakador-table-wrap {
        width: calc(100% - 24px);
        max-width: calc(100% - 24px);
        margin: 12px;
    }
}

.hakador-members-table {
    min-width: 1120px;
}

.hakador-members-table th,
.hakador-members-table td {
    white-space: nowrap;
}

.hakador-member-confirmed {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    color: var(--hakador-muted) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
}

.hakador-member-confirmed.is-confirmed {
    color: var(--hakador-win) !important;
}

.hakador-button--compact {
    min-height: 32px;
    padding: 5px 8px;
    font-size: 12px;
    white-space: nowrap;
}

.hakador-push-device-table .hakador-button--compact {
    height: 32px;
}

.hakador-member-row--elite > td:first-child {
    box-shadow: inset 3px 0 0 var(--hakador-elite);
}

.hakador-member-row--basic > td:first-child {
    box-shadow: inset 3px 0 0 var(--hakador-basic);
}

.hakador-member-row--deleted > td {
    color: var(--hakador-loss) !important;
}

.hakador-member-row--deleted > td:first-child {
    box-shadow: inset 3px 0 0 var(--hakador-loss);
}

.hakador-member-row--deleted strong {
    color: var(--hakador-loss) !important;
}

.hakador-member-access {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 7px;
    border: 1px solid var(--hakador-border);
    border-radius: 5px;
    background: var(--hakador-input);
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    justify-content: center;
    width: 80px;
}

.hakador-member-access--basic {
    border-color: var(--hakador-basic);
    background: rgba(255, 255, 255, 0.08);
    color: var(--hakador-basic) !important;
}

.hakador-member-access--elite {
    border-color: var(--hakador-elite);
    background: rgba(167, 252, 0, 0.12);
    color: var(--hakador-elite) !important;
}

.hakador-member-access--expired,
.hakador-member-access--expired-basic,
.hakador-member-access--expired-elite,
.hakador-member-access--free {
    border-color: rgba(222, 222, 222, 0.5);
    background: rgba(222, 222, 222, 0.08);
    color: var(--hakador-muted) !important;
}

.hakador-member-access--deleted {
    border-color: rgba(255, 92, 92, 0.55);
    background: rgba(255, 92, 92, 0.1);
    color: var(--hakador-loss) !important;
}

.hakador-ip {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    white-space: nowrap;
}

.hakador-manual-workspace {
    display: grid;
    gap: 14px;
}

.hakador-access-controls {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 0.85fr) minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, 0.75fr) minmax(390px, 2.4fr);
    align-items: flex-end;
    gap: 10px;
    width: 100%;
}

.hakador-access-controls .hakador-field {
    width: 100%;
    min-width: 0;
    margin-bottom: 0;
}

.hakador-access-controls .hakador-field input,
.hakador-access-controls .hakador-field select {
    width: 100%;
}

.hakador-access-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 8px;
    width: 100%;
}

.hakador-access-actions .hakador-button {
    width: 100%;
    white-space: nowrap;
}

.hakador-modal__card strong {
    color: var(--hakador-text) !important;
}

.hakador-member-summary {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(130px, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-border);
}

.hakador-member-summary__identity,
.hakador-member-summary__item {
    min-width: 0;
    padding: 11px 12px;
    background: var(--hakador-input);
}

.hakador-member-summary__identity > span,
.hakador-member-summary__item > span {
    display: block;
    margin-bottom: 5px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 650;
}

.hakador-member-summary__identity > strong,
.hakador-member-summary__item > strong {
    display: block;
    overflow: hidden;
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hakador-member-summary__identity > small {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hakador-form-message {
    min-height: 20px;
    margin-top: 8px;
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 650;
}

.hakador-form-message.is-success {
    color: var(--hakador-win) !important;
}

.hakador-form-message.is-error {
    color: var(--hakador-loss) !important;
}

.hakador-form-message.is-warning {
    color: var(--hakador-elite) !important;
}

.hakador-modal {
    position: fixed;
    z-index: 100100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(4, 6, 9, 0.82);
}

.hakador-modal__card {
    width: min(420px, 100%);
    padding: 16px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 8px;
    background: var(--hakador-panel);
    color: var(--hakador-text);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.5);
}

.hakador-modal__card h2 {
    color: var(--hakador-text) !important;
}

.hakador-modal__card p {
    margin-bottom: 14px;
    color: var(--hakador-muted) !important;
}

@media (max-width: 1200px) {
    .hakador-access-controls {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .hakador-access-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .hakador-card-grid--four,
    .hakador-data-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hakador-member-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 782px) {
    .hakador-admin-screen #wpcontent {
        padding-left: 10px;
    }

    .hakador-admin {
        margin-right: 10px;
        padding-top: 12px;
    }

    .hakador-page-header,
    .hakador-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .hakador-screen-nav {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    .hakador-card-grid--four,
    .hakador-data-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hakador-dashboard-actions {
        grid-template-columns: 1fr;
    }

    .hakador-toolbar .hakador-button {
        width: 100%;
    }

    .hakador-member-search,
    .hakador-sync-settings-form,
    .hakador-form-grid--two,
    .hakador-member-summary {
        grid-template-columns: 1fr;
    }

    .hakador-access-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hakador-access-actions {
        grid-column: 1 / -1;
    }

    .hakador-member-search .hakador-button {
        width: auto;
    }
}

@media (max-width: 480px) {
    .hakador-card-grid--four,
    .hakador-data-grid {
        grid-template-columns: 1fr;
    }

    .hakador-metric,
    .hakador-panel {
        padding: 12px;
    }

    .hakador-access-controls,
    .hakador-access-actions {
        grid-template-columns: 1fr;
    }
}

/* Zentagur colors with native system typography for Hakador admin screens. */
body.hakador-admin-screen .hakador-admin h1,
body.hakador-admin-screen .hakador-admin h2,
body.hakador-admin-screen .hakador-admin h3,
body.hakador-admin-screen .hakador-brand {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-weight: 800;
}

body.hakador-admin-screen .hakador-admin *,
body.hakador-admin-screen .hakador-admin *::before,
body.hakador-admin-screen .hakador-admin *::after {
    border-radius: 0 !important;
}

body.hakador-admin-screen .hakador-status i,
body.hakador-admin-screen .hakador-admin .hakador-telegram-posted-dot {
    border-radius: 50% !important;
}


body.hakador-admin-screen .hakador-screen-nav__link.is-active,
body.hakador-admin-screen .hakador-tab.is-active,
body.hakador-admin-screen .hakador-detail-button:hover,
body.hakador-admin-screen .hakador-detail-button:focus {
    background: rgba(167, 252, 0, 0.12);
}

body.hakador-admin-screen .hakador-detail-button:active,
body.hakador-admin-screen .hakador-detail-button[aria-expanded="true"] {
    background: rgba(167, 252, 0, 0.18);
}

body.hakador-admin-screen .hakador-button--primary,
body.hakador-admin-screen .hakador-button--primary:visited,
body.hakador-admin-screen .hakador-button--primary:hover,
body.hakador-admin-screen .hakador-button--primary:active,
body.hakador-admin-screen .hakador-tab.is-active span {
    color: #000000 !important;
}

body.hakador-admin-screen .hakador-field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5l4 4 4-4' stroke='%23A7FC00' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important;
}

body.hakador-admin-screen .hakador-admin input[type="date"]::-webkit-calendar-picker-indicator,
body.hakador-admin-screen .hakador-admin input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect x='2.25' y='3.75' width='13.5' height='11.25' stroke='%23A7FC00' stroke-width='1.5'/%3E%3Cpath d='M5.25 2.25v3M12.75 2.25v3M2.25 7.5h13.5' stroke='%23A7FC00' stroke-width='1.5'/%3E%3C/svg%3E");
}

body.hakador-admin-screen .hakador-table-wrap,
body.hakador-admin-screen .hakador-tabs,
body.hakador-admin-screen .hakador-country-tier-list {
    scrollbar-color: var(--hakador-accent) var(--hakador-input);
}

/* Hakador frontend foundation. All visible colors are explicit. */
html {
    min-height: 100%;
    background: #000000 !important;
    overscroll-behavior-y: none;
}

body.hakador-frontend-screen,
.hakador-frontend-screen #page,
.hakador-frontend-screen .site,
.hakador-frontend-screen .wp-site-blocks,
.hakador-frontend-screen #content,
.hakador-frontend-screen .site-content,
.hakador-frontend-screen main {
    background: var(--hakador-bg) !important;
    color: var(--hakador-text) !important;
}

body.hakador-frontend-screen {
    min-height: 100vh;
    margin: 0;
    overscroll-behavior-y: none;
    color: var(--hakador-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.45;
}

.hakador-frontend-screen .entry-header,
.hakador-frontend-screen .entry-title,
.hakador-frontend-screen .wp-block-post-title,
.hakador-frontend-screen .site-header,
.hakador-frontend-screen .site-footer,
.hakador-frontend-screen .site-info,
.hakador-frontend-screen header.wp-block-template-part,
.hakador-frontend-screen footer.wp-block-template-part,
.hakador-frontend-screen .comments-area {
    display: none !important;
}

.hakador-frontend-screen .entry-content,
.hakador-frontend-screen .wp-block-post-content,
.hakador-frontend-screen .site-main,
.hakador-frontend-screen main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hakador-site,
.hakador-site * {
    box-sizing: border-box;
}

.hakador-site {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0 16px 88px;
    background: var(--hakador-bg) !important;
    color: var(--hakador-text) !important;
    font-size: 14px;
    line-height: 1.45;
}

.hakador-site h1,
.hakador-site h2,
.hakador-site h3,
.hakador-site p,
.hakador-site span,
.hakador-site strong,
.hakador-site label,
.hakador-site dt,
.hakador-site dd,
.hakador-site div,
.hakador-site section,
.hakador-site nav,
.hakador-site main,
.hakador-site form {
    color: inherit;
}

.hakador-front-header {
    position: fixed !important;
    z-index: 2147483646;
    top: 0;
    left: 50%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 32px);
    max-width: 1040px;
    min-height: 58px;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid var(--hakador-border);
    background: var(--hakador-bg) !important;
    color: var(--hakador-text) !important;
    transform: translateX(-50%);
    isolation: isolate;
}

.hakador-front-header::before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: var(--hakador-bg) !important;
    content: "";
    transform: translateX(-50%);
    pointer-events: none;
}

body.admin-bar.hakador-frontend-screen .hakador-front-header {
    top: 32px;
}

.hakador-front-brand,
.hakador-front-brand:visited {
    display: block;
    width: 56px;
    height: 56px;
    margin: -20px 0 -20px -8px;
    color: var(--hakador-accent) !important;
    font-size: 18px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none !important;
}

.hakador-front-brand__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 801px) {
    .hakador-front-brand,
    .hakador-front-brand:visited {
        width: 66px;
        height: 66px;
    }
}

.hakador-front-brand:hover,
.hakador-front-brand:focus {
    color: var(--hakador-accent-hover) !important;
}

.hakador-front-brand:active {
    color: var(--hakador-accent-pressed) !important;
}

.hakador-front-brand-placeholder {
    display: block;
    min-width: 1px;
    min-height: 1px;
    color: var(--hakador-text) !important;
}

.hakador-header-action,
.hakador-header-action:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid var(--hakador-accent);
    border-radius: 6px;
    background: rgba(167, 252, 0, 0.12) !important;
    color: var(--hakador-accent) !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none !important;
}

.hakador-header-action:hover,
.hakador-header-action:focus {
    border-color: var(--hakador-accent-hover);
    background: rgba(167, 252, 0, 0.20) !important;
    color: var(--hakador-accent-hover) !important;
}

.hakador-header-action:active {
    border-color: var(--hakador-accent-pressed);
    background: rgba(167, 252, 0, 0.08) !important;
    color: var(--hakador-accent-pressed) !important;
}

.hakador-desktop-nav {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hakador-nav-link,
.hakador-nav-link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent !important;
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    text-decoration: none !important;
    transition: background-color 80ms linear, border-color 80ms linear, color 80ms linear;
}

.hakador-nav-link:hover,
.hakador-nav-link:focus {
    border-color: var(--hakador-border-hover);
    background: var(--hakador-panel-hover) !important;
    color: var(--hakador-text) !important;
}

.hakador-nav-link:active {
    border-color: var(--hakador-accent-pressed);
    background: var(--hakador-input) !important;
    color: var(--hakador-accent-pressed) !important;
}

.hakador-nav-link.is-active {
    border-color: var(--hakador-accent);
    background: rgba(167, 252, 0, 0.12) !important;
    color: var(--hakador-accent) !important;
}

.hakador-nav-link:focus-visible,
.hakador-front-brand:focus-visible,
.hakador-front-button:focus-visible,
.hakador-account-delete-trigger:focus-visible,
.hakador-text-link:focus-visible,
.hakador-form input:focus-visible {
    outline: 2px solid var(--hakador-focus) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.hakador-site .hakador-main {
    display: block !important;
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 76px 0 24px !important;
    background: var(--hakador-bg) !important;
    color: var(--hakador-text) !important;
}

.hakador-main.is-loading {
    opacity: 0.55;
    pointer-events: none;
}

.hakador-main > .hakador-page-panel + .hakador-page-panel {
    margin-top: 14px;
}

.hakador-page-panel,
.hakador-auth-card {
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-page-panel {
    padding: 16px;
}

.hakador-site h1 {
    margin: 0 0 16px !important;
    color: var(--hakador-text) !important;
    font-size: 22px !important;
    font-weight: 750;
    line-height: 1.2;
}

.hakador-site h2 {
    margin: 0 0 12px !important;
    color: var(--hakador-text) !important;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.25;
}

.hakador-site p {
    margin: 0 0 12px;
    color: var(--hakador-text) !important;
    font-size: 14px;
}

.hakador-managed-content,
.hakador-managed-content * {
    color: var(--hakador-text) !important;
}

.hakador-managed-content a,
.hakador-managed-content a:visited,
.hakador-text-link,
.hakador-text-link:visited {
    color: var(--hakador-accent) !important;
    text-decoration: underline;
}

.hakador-managed-content a:hover,
.hakador-managed-content a:focus,
.hakador-text-link:hover,
.hakador-text-link:focus {
    color: var(--hakador-accent-hover) !important;
}

.hakador-managed-content a:active,
.hakador-text-link:active {
    color: var(--hakador-accent-pressed) !important;
}

.hakador-auth-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.hakador-auth-single {
    width: 100%;
    max-width: 410px;
    margin: 0 auto;
}

.hakador-account-guest {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    background: var(--hakador-bg) !important;
    color: var(--hakador-text) !important;
}

html.hakador-account-guest-root,
body.hakador-account-guest-screen {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.hakador-account-guest-screen #page,
body.hakador-account-guest-screen > .site,
body.hakador-account-guest-screen .wp-site-blocks,
body.hakador-account-guest-screen #content,
body.hakador-account-guest-screen .site-content,
body.hakador-account-guest-screen .hakador-site--account-guest {
    height: 100%;
    min-height: 0 !important;
    overflow: hidden !important;
}

.hakador-site--account-guest {
    display: flow-root;
    padding-bottom: 0;
}

.hakador-site .hakador-main--account-guest {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 120px);
    min-height: calc(100dvh - 120px);
    margin: 58px auto 62px !important;
    padding: 0 !important;
}

.hakador-auth-intro {
    margin-bottom: 18px !important;
}

.hakador-auth-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.hakador-auth-choice__button,
.hakador-site button.hakador-auth-choice__button {
    min-height: 44px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid var(--hakador-border) !important;
    background: transparent !important;
    color: var(--hakador-text) !important;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    box-shadow: none !important;
}

.hakador-auth-choice__button:hover,
.hakador-auth-choice__button:focus,
.hakador-site button.hakador-auth-choice__button:hover,
.hakador-site button.hakador-auth-choice__button:focus {
    border-color: var(--hakador-accent) !important;
}

.hakador-auth-choice__button.is-active,
.hakador-site button.hakador-auth-choice__button.is-active {
    border-color: var(--hakador-accent) !important;
    background: var(--hakador-accent) !important;
    color: #000000 !important;
}

.hakador-auth-form-area {
    margin-top: 18px;
}

.hakador-auth-form-area[hidden],
.hakador-auth-actions [hidden],
.hakador-upgrade-price[hidden] {
    display: none !important;
}

.hakador-auth-card h1 {
    margin-bottom: 8px !important;
    font-size: 24px !important;
}

.hakador-account-guest > .hakador-front-notice {
    width: 100%;
    max-width: 410px;
}

.hakador-auth-actions,
.hakador-home-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--hakador-text) !important;
}

.hakador-auth-single .hakador-auth-card {
    padding: 20px;
}

.hakador-auth-single .hakador-auth-actions {
    justify-content: space-between;
}

.hakador-auth-single .hakador-auth-actions .hakador-front-button {
    min-width: 145px;
}

.hakador-auth-single .hakador-text-button,
.hakador-site .hakador-auth-single button.hakador-text-button {
    font-size: 12px;
}

.hakador-text-button,
.hakador-site button.hakador-text-button {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin: 0;
    padding: 5px 2px;
    border: 0 !important;
    border-radius: 3px;
    background: transparent !important;
    color: var(--hakador-accent) !important;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: none !important;
}

.hakador-text-button:hover,
.hakador-text-button:focus,
.hakador-site button.hakador-text-button:hover,
.hakador-site button.hakador-text-button:focus {
    background: transparent !important;
    color: var(--hakador-accent-hover) !important;
    text-decoration: underline;
}

.hakador-text-button:active,
.hakador-site button.hakador-text-button:active {
    background: transparent !important;
    color: var(--hakador-accent-pressed) !important;
}

.hakador-auth-card {
    padding: 14px;
}

.hakador-form {
    display: grid;
    gap: 12px;
    margin: 0;
}

.hakador-form label {
    display: grid;
    gap: 6px;
    margin: 0;
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 650;
}

.hakador-form input,
.hakador-form input[type="email"],
.hakador-form input[type="password"],
.hakador-form input[type="number"],
.hakador-form input[type="text"] {
    width: 100%;
    height: var(--hakador-control-height);
    min-height: var(--hakador-control-height);
    margin: 0;
    padding: 8px 10px;
    border: 1px solid var(--hakador-border-hover) !important;
    border-radius: 6px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
    caret-color: var(--hakador-text);
    font: inherit;
    font-size: 16px;
    line-height: 1.2;
    box-shadow: none !important;
}

.hakador-form input:hover {
    border-color: var(--hakador-muted) !important;
    background: var(--hakador-panel-hover) !important;
    color: var(--hakador-text) !important;
}

.hakador-form input:focus {
    border-color: var(--hakador-accent) !important;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-site .hakador-form input:focus-visible {
    outline: 0 !important;
    outline-offset: 0;
    box-shadow: inset 0 0 0 1px var(--hakador-focus) !important;
}

.hakador-form input:disabled {
    border-color: var(--hakador-border) !important;
    background: var(--hakador-disabled-bg) !important;
    color: var(--hakador-disabled-text) !important;
}

.hakador-front-button,
.hakador-front-button:visited,
.hakador-site button.hakador-front-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: var(--hakador-control-height);
    min-height: var(--hakador-control-height);
    margin: 0;
    padding: 8px 13px;
    border: 1px solid var(--hakador-accent) !important;
    border-radius: 6px;
    background: var(--hakador-accent) !important;
    color: #061018 !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
    transition: background-color 80ms linear, border-color 80ms linear, color 80ms linear;
}

.hakador-front-button:hover,
.hakador-front-button:focus,
.hakador-site button.hakador-front-button:hover,
.hakador-site button.hakador-front-button:focus {
    border-color: var(--hakador-accent-hover) !important;
    background: var(--hakador-accent-hover) !important;
    color: #061018 !important;
}

.hakador-front-button:active,
.hakador-site button.hakador-front-button:active {
    border-color: var(--hakador-accent-pressed) !important;
    background: var(--hakador-accent-pressed) !important;
    color: #061018 !important;
}

.hakador-front-button:disabled,
.hakador-site button.hakador-front-button:disabled {
    border-color: var(--hakador-disabled-bg) !important;
    background: var(--hakador-disabled-bg) !important;
    color: var(--hakador-disabled-text) !important;
    cursor: not-allowed;
}

.hakador-front-button--secondary,
.hakador-site button.hakador-front-button--secondary {
    border-color: var(--hakador-border-hover) !important;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-front-button--secondary:hover,
.hakador-front-button--secondary:focus,
.hakador-site button.hakador-front-button--secondary:hover,
.hakador-site button.hakador-front-button--secondary:focus {
    border-color: var(--hakador-accent) !important;
    background: var(--hakador-panel-hover) !important;
    color: var(--hakador-accent) !important;
}

.hakador-home-actions .hakador-front-button--stats,
.hakador-home-actions .hakador-front-button--stats:visited {
    border-color: var(--hakador-accent) !important;
    background: var(--hakador-accent) !important;
    color: #000 !important;
}

.hakador-home-actions .hakador-front-button--stats:hover,
.hakador-home-actions .hakador-front-button--stats:focus {
    border-color: var(--hakador-accent-hover) !important;
    background: var(--hakador-accent-hover) !important;
    color: #000 !important;
}

.hakador-home-actions .hakador-front-button--stats:active {
    border-color: var(--hakador-accent-pressed) !important;
    background: var(--hakador-accent-pressed) !important;
    color: #000 !important;
}

.hakador-front-button--danger,
.hakador-site button.hakador-front-button--danger {
    border-color: var(--hakador-loss) !important;
    background: rgba(255, 92, 92, 0.12) !important;
    color: var(--hakador-loss) !important;
}

.hakador-front-button--danger:hover,
.hakador-front-button--danger:focus,
.hakador-site button.hakador-front-button--danger:hover,
.hakador-site button.hakador-front-button--danger:focus {
    border-color: #ff8181 !important;
    background: rgba(255, 92, 92, 0.22) !important;
    color: #ff8181 !important;
}

.hakador-form-note {
    margin: -4px 0 0 !important;
    color: var(--hakador-muted) !important;
    font-size: 12px !important;
}

.hakador-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.hakador-front-notice {
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
    font-size: 13px;
}

.hakador-front-notice.is-error {
    border-color: var(--hakador-loss);
    background: rgba(255, 92, 92, 0.10) !important;
    color: #ffb3b3 !important;
}

.hakador-front-notice.is-success {
    border-color: var(--hakador-win);
    background: rgba(53, 196, 106, 0.10) !important;
    color: #91e5ae !important;
}

.hakador-account-data {
    display: grid;
    gap: 0;
    margin: 0 0 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
    overflow: hidden;
}

.hakador-account-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.hakador-account-heading h1 {
    margin: 0 !important;
}

.hakador-account-settings-trigger,
.hakador-site button.hakador-account-settings-trigger,
.hakador-account-settings-close,
.hakador-site button.hakador-account-settings-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 7px;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: var(--hakador-text) !important;
    box-shadow: none !important;
    cursor: pointer;
}

.hakador-account-settings-trigger:hover,
.hakador-account-settings-trigger:focus,
.hakador-account-settings-close:hover,
.hakador-account-settings-close:focus {
    background: rgba(167, 252, 0, 0.10) !important;
    color: var(--hakador-accent) !important;
}

.hakador-settings-mark,
.hakador-account-settings-close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.hakador-account-data > div {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--hakador-border);
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-account-data > div:last-child {
    border-bottom: 0;
}

.hakador-account-data dt,
.hakador-account-data dd {
    margin: 0;
    color: var(--hakador-text) !important;
    font-size: 13px;
}

.hakador-account-data dt {
    color: var(--hakador-muted) !important;
    font-weight: 650;
}

.hakador-access-label {
    color: var(--hakador-text) !important;
    font-weight: 750;
}

.hakador-access-basic {
    color: var(--hakador-basic) !important;
}

.hakador-access-elite {
    color: var(--hakador-elite) !important;
}

.hakador-access-free {
    color: var(--hakador-muted) !important;
}

.hakador-account-access {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.hakador-account-access .hakador-access-label,
.hakador-account-access .hakador-account-action,
.hakador-account-access .hakador-account-action:visited {
    color: var(--hakador-accent) !important;
    font-weight: 700;
}

.hakador-account-action,
.hakador-account-action:visited,
.hakador-expiry-warning a,
.hakador-expiry-warning a:visited {
    color: var(--hakador-accent) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.hakador-account-action:hover,
.hakador-account-action:focus,
.hakador-expiry-warning a:hover,
.hakador-expiry-warning a:focus {
    color: var(--hakador-accent-hover) !important;
    text-decoration: underline !important;
}

.hakador-account-action:active,
.hakador-expiry-warning a:active {
    color: var(--hakador-accent-pressed) !important;
}

.hakador-install-button,
.hakador-site button.hakador-install-button {
    width: auto;
    min-height: 0;
    padding: 0;
    color: var(--hakador-accent) !important;
    text-decoration: none !important;
}

.hakador-install-dialog h2 {
    color: var(--hakador-text) !important;
}

.hakador-install-steps {
    display: grid;
    gap: 8px;
    margin: 0 0 16px;
    padding-left: 22px;
    color: var(--hakador-text) !important;
    font-size: 14px;
}

.hakador-install-steps li {
    margin: 0;
    color: var(--hakador-text) !important;
}

@media (display-mode: standalone) {
    .hakador-app-access,
    .hakador-install-dialog {
        display: none !important;
    }
}

@media (min-width: 801px) {
    .hakador-app-access,
    .hakador-install-dialog {
        display: none !important;
    }
}

.hakador-expiry-warning {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid var(--hakador-elite);
    border-radius: 6px;
    background: rgba(167, 252, 0, 0.10) !important;
    color: var(--hakador-text) !important;
    font-size: 13px;
}

.hakador-expiry-warning span {
    color: var(--hakador-text) !important;
}

.hakador-inline-form {
    margin: 0;
}

.hakador-account-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    color: var(--hakador-text) !important;
}

.hakador-account-actions .hakador-account-delete-trigger,
.hakador-site .hakador-account-actions button.hakador-account-delete-trigger {
    margin: 0;
}

.hakador-account-delete-trigger,
.hakador-site button.hakador-account-delete-trigger {
    display: inline-flex;
    width: fit-content;
    margin: 13px 0 0;
    padding: 2px 0;
    border: 0 !important;
    border-radius: 3px;
    background: transparent !important;
    color: var(--hakador-loss) !important;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none !important;
}

.hakador-account-delete-trigger:hover,
.hakador-account-delete-trigger:focus,
.hakador-site button.hakador-account-delete-trigger:hover,
.hakador-site button.hakador-account-delete-trigger:focus {
    background: transparent !important;
    color: #ff8181 !important;
    text-decoration: underline;
}

.hakador-account-delete-trigger:active,
.hakador-site button.hakador-account-delete-trigger:active {
    background: transparent !important;
    color: #e84545 !important;
}

.hakador-delete-dialog {
    width: calc(100% - 28px);
    max-width: 430px;
    margin: auto;
    padding: 0;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 8px;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.58);
}

.hakador-delete-dialog:not([open]) {
    display: none;
}

.hakador-delete-dialog::backdrop {
    background: rgba(0, 0, 0, 0.78);
}

.hakador-delete-dialog__card {
    padding: 16px;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-delete-dialog h2 {
    color: var(--hakador-loss) !important;
}

.hakador-account-settings-dialog {
    max-width: 390px;
}

.hakador-account-settings-dialog h2 {
    margin: 0 !important;
    color: var(--hakador-text) !important;
}

/* Registration protection */
.hakador-blocked-signups {
    margin-top: 20px;
}

.hakador-blocked-signup-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid #303838;
    background: #0a1010;
}

.hakador-blocked-signup-panel[hidden] {
    display: none;
}

.hakador-blocked-signup-list {
    display: grid;
    gap: 8px;
}

.hakador-blocked-signup {
    border: 1px solid #303838;
    background: #081010;
}

.hakador-blocked-signup__summary {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, 1.45fr) minmax(170px, 1.2fr) minmax(135px, .85fr) minmax(120px, .8fr) minmax(85px, .55fr) 18px;
    align-items: center;
    gap: 14px;
    min-height: 68px;
    box-sizing: border-box;
    padding: 12px 16px;
    color: #dedede;
    list-style: none;
    cursor: pointer;
}

.hakador-blocked-signup__summary::-webkit-details-marker {
    display: none;
}

.hakador-blocked-signup__summary:hover,
.hakador-blocked-signup__summary:focus-visible {
    background: #0d1515;
}

.hakador-blocked-signup__summary:focus-visible {
    outline: 2px solid #a7fc00;
    outline-offset: -2px;
}

.hakador-blocked-signup[open] > .hakador-blocked-signup__summary {
    border-bottom: 1px solid #303838;
}

.hakador-blocked-signup__summary > span,
.hakador-blocked-signup__summary small,
.hakador-blocked-signup__summary strong {
    display: block;
    min-width: 0;
}

.hakador-blocked-signup__summary small {
    margin-bottom: 4px;
    color: #9da7a7;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

.hakador-blocked-signup__summary strong {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hakador-blocked-signup__reason strong {
    color: #ff8d95;
}

.hakador-blocked-signup__summary svg {
    width: 18px;
    height: 18px;
    color: #a7fc00;
    transition: transform 120ms ease;
}

.hakador-blocked-signup[open] > .hakador-blocked-signup__summary svg {
    transform: rotate(180deg);
}

.hakador-blocked-signup__details {
    display: grid;
}

.hakador-blocked-signup__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid #303838;
}

.hakador-blocked-signup__meta > div {
    min-width: 0;
    padding: 13px 17px;
    border-right: 1px solid #303838;
}

.hakador-blocked-signup__meta > div:last-child {
    border-right: 0;
}

.hakador-blocked-signup__meta span,
.hakador-blocked-signup__meta strong,
.hakador-blocked-signup__control > div:first-child span,
.hakador-blocked-signup__control > div:first-child strong {
    display: block;
}

.hakador-blocked-signup__meta span,
.hakador-blocked-signup__control > div:first-child span {
    color: #9da7a7;
    font-size: 11px;
}

.hakador-blocked-signup__meta strong,
.hakador-blocked-signup__control > div:first-child strong {
    margin-top: 4px;
    overflow-wrap: anywhere;
    color: #dedede;
    font-size: 13px;
}

.hakador-blocked-signup__controls {
    display: grid;
}

.hakador-blocked-signup__control {
    display: grid;
    grid-template-columns: minmax(190px, .7fr) minmax(480px, 1.3fr);
    align-items: center;
    gap: 14px;
    padding: 13px 17px;
    border-bottom: 1px solid #303838;
}

.hakador-blocked-signup__control:last-child {
    border-bottom: 0;
}

.hakador-blocked-signup__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

body.hakador-admin-screen .hakador-admin .hakador-blocked-signup__actions .hakador-button {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding: 8px 10px;
    font-size: 12px;
}

@media (max-width: 1050px) {
    .hakador-blocked-signup__summary {
        grid-template-columns: minmax(150px, 1.35fr) minmax(145px, 1.1fr) minmax(115px, .8fr) minmax(105px, .7fr) minmax(72px, .5fr) 18px;
    }

    .hakador-blocked-signup__control {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 782px) {
    .hakador-blocked-signup-tabs .hakador-tab {
        flex: 1 0 auto;
        justify-content: center;
    }

    .hakador-blocked-signup__summary {
        grid-template-columns: 1fr 1fr;
        gap: 10px 14px;
        padding: 13px 42px 13px 14px;
    }

    .hakador-blocked-signup__summary > span:first-child,
    .hakador-blocked-signup__summary > span:nth-child(2) {
        grid-column: 1 / -1;
    }

    .hakador-blocked-signup__summary > span:nth-child(5) {
        display: block;
    }

    .hakador-blocked-signup__summary svg {
        position: absolute;
        top: 16px;
        right: 14px;
    }

    .hakador-blocked-signup__meta,
    .hakador-blocked-signup__actions {
        grid-template-columns: 1fr;
    }

    .hakador-blocked-signup__meta > div {
        border-right: 0;
        border-bottom: 1px solid #303838;
    }

    .hakador-blocked-signup__meta > div:last-child {
        border-bottom: 0;
    }
}

.hakador-account-settings-dialog__heading,
.hakador-account-settings-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.hakador-account-settings-dialog__heading {
    margin-bottom: 18px;
}

.hakador-account-settings-actions .hakador-account-delete-trigger,
.hakador-account-settings-actions .hakador-inline-form {
    margin: 0;
}

.hakador-dialog-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--hakador-text) !important;
}

.hakador-activation p {
    color: var(--hakador-text) !important;
}

.hakador-activation .hakador-front-button {
    margin-top: 4px;
}

.hakador-mobile-nav {
    box-sizing: border-box;
    position: fixed !important;
    z-index: 2147483647 !important;
    right: auto;
    bottom: 0 !important;
    left: 50%;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    width: min(calc(100% - 32px), 600px);
    min-height: 62px;
    padding: 6px max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
    border: 1px solid var(--hakador-border);
    border-bottom: 0;
    border-radius: 9px 9px 0 0;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(-50%);
}

.hakador-mobile-nav .hakador-nav-link {
    min-width: 0;
    min-height: 44px;
    padding: 7px 3px;
    border-radius: 5px;
    font-size: 12px;
}

@media (max-width: 800px) {
    .hakador-site {
        padding-right: 10px;
        padding-left: 10px;
    }

    .hakador-front-header {
        min-height: 52px;
    }

    body.admin-bar.hakador-frontend-screen .hakador-front-header {
        top: 46px;
    }

    .hakador-mobile-nav {
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        transform: none !important;
    }

    .hakador-site .hakador-main {
        padding-top: 64px !important;
    }

    .hakador-site .hakador-main--account-guest {
        min-height: calc(100vh - 114px);
        min-height: calc(100dvh - 114px);
        margin-top: 52px !important;
        margin-bottom: 62px !important;
        padding: 0 !important;
    }

    .hakador-page-panel {
        padding: 13px;
    }

    .hakador-auth-grid {
        grid-template-columns: 1fr;
    }

    .hakador-account-data > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .hakador-account-data dd {
        min-width: 0;
        text-align: right;
        overflow-wrap: anywhere;
    }

    .hakador-account-access {
        justify-content: flex-end;
    }

    .hakador-account-actions {
        width: 100%;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .hakador-account-actions .hakador-inline-form {
        margin-left: auto;
    }

    .hakador-expiry-warning {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Phase 4 public bets, stats, plans, and admin analytics. */
.hakador-site [hidden] {
    display: none !important;
}

.hakador-public-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.hakador-home-hero p {
    max-width: 680px;
    color: var(--hakador-muted) !important;
}

.hakador-section-intro {
    max-width: 760px;
    margin: -6px 0 16px;
    color: var(--hakador-muted) !important;
}

.hakador-mobile-break {
    display: none;
}

.hakador-home-actions {
    margin-top: 14px;
}

.hakador-home-final-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-level-controls {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hakador-border);
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-stats-controls {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.hakador-stats-controls .hakador-level-controls,
.hakador-period-controls {
    margin: 0;
}

.hakador-period-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.hakador-level-button,
.hakador-site button.hakador-level-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    min-height: 36px;
    margin: 0;
    padding: 7px 11px;
    border: 1px solid var(--hakador-border) !important;
    border-radius: 6px;
    background: var(--hakador-input) !important;
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: none !important;
}

.hakador-level-button:hover,
.hakador-level-button:focus,
.hakador-site button.hakador-level-button:hover,
.hakador-site button.hakador-level-button:focus {
    border-color: var(--hakador-border-hover) !important;
    background: var(--hakador-panel-hover) !important;
    color: var(--hakador-text) !important;
}

.hakador-level-button:active,
.hakador-site button.hakador-level-button:active {
    border-color: var(--hakador-accent-pressed) !important;
    background: var(--hakador-input) !important;
    color: var(--hakador-accent-pressed) !important;
}

.hakador-level-button.is-active,
.hakador-site button.hakador-level-button.is-active {
    border-color: var(--hakador-accent) !important;
    background: rgba(167, 252, 0, 0.12) !important;
    color: var(--hakador-accent) !important;
}

.hakador-level-button:focus-visible,
.hakador-month-link:focus-visible,
.hakador-header-action:focus-visible,
.hakador-text-button:focus-visible {
    outline: 2px solid var(--hakador-focus) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.hakador-level-panel {
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-bets-section {
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-bets-section--past {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--hakador-border);
    scroll-margin-top: 76px;
}

.hakador-history-tools {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 14px;
}

.hakador-history-tools .hakador-level-controls,
.hakador-history-tools .hakador-month-nav {
    margin: 0;
}

.hakador-history-tools .hakador-level-controls {
    padding: 1px 0 7px;
    border-bottom: 0;
}

.hakador-bets-unlock-action {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.hakador-month-nav {
    display: grid;
    grid-template-columns: 40px 160px 40px;
    align-items: center;
    justify-content: start;
    gap: 6px;
    margin: 0 0 14px;
    padding: 1px 1px 7px;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
    overflow: visible;
}

.hakador-month-nav--bottom {
    margin-top: 14px;
    margin-bottom: 0;
}

.hakador-month-link--arrow,
.hakador-month-link-spacer {
    width: 40px;
    min-width: 40px;
    min-height: 38px;
}

.hakador-month-link--arrow {
    padding: 0 !important;
    font-weight: 800;
}

.hakador-month-link--arrow svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.hakador-month-current {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid var(--hakador-accent);
    background: var(--hakador-accent) !important;
    color: #061018 !important;
    width: 160px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.hakador-month-link,
.hakador-month-link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-input) !important;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
}

.hakador-month-link:hover,
.hakador-month-link:focus {
    border-color: var(--hakador-border-hover);
    background: var(--hakador-panel-hover) !important;
    color: var(--hakador-text) !important;
}

.hakador-month-link:active {
    border-color: var(--hakador-accent-pressed);
    background: var(--hakador-input) !important;
    color: var(--hakador-accent-pressed) !important;
}

.hakador-month-link.is-active {
    border-color: var(--hakador-accent);
    background: rgba(167, 252, 0, 0.12) !important;
    color: var(--hakador-accent) !important;
}

.hakador-stats-recent {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--hakador-border);
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-stats-recent h2 {
    color: var(--hakador-text) !important;
}

.hakador-public-metric {
    min-width: 0;
    padding: 13px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-public-metric span {
    display: block;
    margin-bottom: 5px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 650;
}

.hakador-public-metric strong {
    display: block;
    color: var(--hakador-text) !important;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.2;
}

.hakador-public-metric .hakador-public-metric__value--positive {
    color: var(--hakador-win) !important;
}

.hakador-public-metric .hakador-public-metric__value--negative {
    color: var(--hakador-loss) !important;
}

.hakador-front-tabs {
    display: flex;
    gap: 5px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hakador-border);
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-front-tab,
.hakador-site button.hakador-front-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    margin: 0;
    padding: 7px 11px;
    border: 1px solid var(--hakador-border) !important;
    border-radius: 6px;
    background: var(--hakador-input) !important;
    color: var(--hakador-muted) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: none !important;
}

.hakador-front-tab span {
    color: inherit !important;
    font-size: 11px;
}

.hakador-front-tab:hover,
.hakador-front-tab:focus,
.hakador-site button.hakador-front-tab:hover,
.hakador-site button.hakador-front-tab:focus {
    border-color: var(--hakador-border-hover) !important;
    background: var(--hakador-panel-hover) !important;
    color: var(--hakador-text) !important;
}

.hakador-front-tab:active,
.hakador-site button.hakador-front-tab:active {
    border-color: var(--hakador-accent-pressed) !important;
    background: var(--hakador-input) !important;
    color: var(--hakador-accent-pressed) !important;
}

.hakador-front-tab.is-active,
.hakador-site button.hakador-front-tab.is-active {
    border-color: var(--hakador-accent) !important;
    background: rgba(167, 252, 0, 0.12) !important;
    color: var(--hakador-accent) !important;
}

.hakador-front-tab:focus-visible,
.hakador-front-pagination a:focus-visible,
.hakador-plan-card a:focus-visible {
    outline: 2px solid var(--hakador-focus) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.hakador-front-tab-panel {
    margin: 0;
    padding: 0;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-bet-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 14px;
    color: var(--hakador-text) !important;
}

.hakador-bet-card {
    min-width: 0;
    border: 1px solid var(--hakador-border);
    border-top-width: 3px;
    border-radius: 8px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
    overflow: hidden;
}

.hakador-bet-card--basic {
    border-top-color: var(--hakador-basic);
}

.hakador-bet-card--elite {
    border-top-color: var(--hakador-elite);
}

.hakador-bet-card__header,
.hakador-bet-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-bet-card__header {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    border-bottom: 1px solid var(--hakador-border);
    overflow: hidden;
    isolation: isolate;
}

.hakador-bet-card__header::before {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0 100%);
    content: "";
    pointer-events: none;
}

.hakador-bet-card--basic .hakador-bet-card__header::before {
    background: var(--hakador-basic);
}

.hakador-bet-card--elite .hakador-bet-card__header::before {
    background: var(--hakador-elite);
}

.hakador-bet-card__access,
.hakador-bet-card__result {
    color: var(--hakador-text) !important;
    font-size: 15px;
    font-weight: 750;
}

.hakador-bet-card--basic .hakador-bet-card__access {
    color: #000000 !important;
}

.hakador-bet-card--elite .hakador-bet-card__access {
    color: #000000 !important;
}

.hakador-bet-card__access {
    position: relative;
    z-index: 1;
    display: block;
    width: 100px;
    margin: 0;
    padding: 0;
    font-family: "Tektur", sans-serif;
    font-weight: 800;
}

.hakador-bet-card__date,
.hakador-bet-card__result {
    position: relative;
    z-index: 1;
}

.hakador-bet-card__date {
    color: var(--hakador-muted) !important;
    font-size: 12px;
    text-align: center;
}

.hakador-bet-card__result {
    justify-self: end;
    font-family: "Tektur", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    text-align: right;
}

.hakador-bet-status {
    margin: 10px 12px 0;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    font-weight: 750;
}

.hakador-bet-status--won {
    color: var(--hakador-win) !important;
}

.hakador-bet-status--lost {
    color: var(--hakador-loss) !important;
}

.hakador-bet-status--push {
    color: var(--hakador-push) !important;
}

.hakador-bet-status--pending {
    color: var(--hakador-accent) !important;
}

.hakador-bet-legs {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    color: var(--hakador-text) !important;
}

.hakador-bet-leg {
    display: grid;
    gap: 4px;
    padding: 9px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-panel) !important;
    color: var(--hakador-text) !important;
}

.hakador-bet-leg__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

.hakador-bet-leg__row--game {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 8px;
}

.hakador-bet-leg__row--pick {
    align-items: center;
    justify-content: center;
}

.hakador-bet-leg__league {
    color: var(--hakador-muted) !important;
    font-size: 11px;
}

.hakador-bet-leg__league--mark {
    display: block;
    flex: 0 0 var(--hakador-league-mark-size);
    width: var(--hakador-league-mark-size);
    height: var(--hakador-league-mark-size);
    line-height: 0;
    overflow: hidden;
    clip-path: circle(50% at 50% 50%);
    justify-self: start;
}

.hakador-bet-leg__league--competition {
    overflow: visible;
    clip-path: none;
}

.hakador-bet-leg__league--competition .hakador-league-mark {
    overflow: visible;
    clip-path: none;
    object-fit: contain;
}

.hakador-bet-leg__league--ball,
.hakador-bet-leg__league--ball .hakador-league-mark {
    overflow: hidden;
    border-radius: 50%;
    clip-path: circle(46% at 50% 50%);
}

.hakador-bet-leg__league--uefa-europa-league .hakador-league-mark {
    transform: scale(1.08);
    transform-origin: center;
}

.hakador-league-mark {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: circle(50% at 50% 50%);
    shape-rendering: geometricPrecision;
}

.hakador-bet-leg__game {
    min-width: 0;
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.hakador-bet-leg__pick {
    width: 100%;
    color: var(--hakador-text) !important;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.hakador-bet-leg__odds {
    min-width: 0;
    margin-left: 0;
    color: var(--hakador-text) !important;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    justify-self: end;
}

.hakador-bet-card .hakador-bet-leg__pick {
    color: var(--hakador-text) !important;
}

.hakador-bet-card--won .hakador-bet-leg__pick {
    color: var(--hakador-win) !important;
}

.hakador-bet-leg__data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
}

.hakador-bet-leg__data span {
    color: var(--hakador-muted) !important;
}

.hakador-bet-leg__data b {
    color: var(--hakador-text) !important;
    font-weight: 700;
}

.hakador-bet-card__footer {
    position: relative;
    border-top: 1px solid var(--hakador-border);
    color: var(--hakador-muted) !important;
    font-size: 12px;
    overflow: hidden;
    isolation: isolate;
}

.hakador-bet-card__footer span {
    color: var(--hakador-muted) !important;
}

.hakador-bet-card__footer strong {
    color: var(--hakador-text) !important;
    font-size: 13px;
    font-weight: 750;
}

.hakador-bet-total-summary,
.hakador-bet-unit-summary {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    line-height: 1;
}

.hakador-bet-footer-label,
.hakador-bet-unit-word {
    font-size: 12px;
    line-height: 1;
}

.hakador-bet-total-summary strong,
.hakador-bet-unit-summary strong {
    font-size: 14px;
    line-height: 1;
}

.hakador-bet-unit-word {
    color: var(--hakador-text) !important;
}

.hakador-bet-card__footer .hakador-bet-units--won {
    color: var(--hakador-win) !important;
}

.hakador-bet-card__footer .hakador-bet-units--lost {
    color: var(--hakador-loss) !important;
}

.hakador-bet-card__footer .hakador-bet-units--neutral {
    color: var(--hakador-text) !important;
}

.hakador-bet-card__footer--locked {
    padding-right: 136px;
}

.hakador-bet-card__footer--locked::after {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 124px;
    clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%);
    content: "";
    pointer-events: none;
}

.hakador-bet-card--basic .hakador-bet-card__footer--locked::after {
    background: var(--hakador-basic);
}

.hakador-bet-card--elite .hakador-bet-card__footer--locked::after {
    background: var(--hakador-elite);
}

.hakador-bet-card__footer--locked > * {
    position: relative;
    z-index: 1;
}

.hakador-bet-unlock,
.hakador-bet-unlock:visited,
.hakador-bet-unlock:hover,
.hakador-bet-unlock:focus {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    min-height: 0;
    margin: 0;
    padding: 0 12px 0 27px;
    background: transparent !important;
    color: #000000 !important;
    font-family: "Barlow", sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
}

.hakador-bet-card--basic .hakador-bet-unlock,
.hakador-bet-card--basic .hakador-bet-unlock:visited,
.hakador-bet-card--basic .hakador-bet-unlock:hover,
.hakador-bet-card--basic .hakador-bet-unlock:focus {
    background: transparent !important;
}

.hakador-bet-card--elite .hakador-bet-unlock,
.hakador-bet-card--elite .hakador-bet-unlock:visited,
.hakador-bet-card--elite .hakador-bet-unlock:hover,
.hakador-bet-card--elite .hakador-bet-unlock:focus {
    background: transparent !important;
}

.hakador-bet-push-label {
    color: var(--hakador-push) !important;
    font-size: 14px;
    font-weight: 800;
}

.hakador-bet-return {
    display: block;
    width: 22px;
    height: 22px;
    color: var(--hakador-push) !important;
    line-height: 0;
}

.hakador-bet-return svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.hakador-bet-units--won {
    color: var(--hakador-win) !important;
}

.hakador-bet-units--lost {
    color: var(--hakador-loss) !important;
}

.hakador-bet-units--push {
    color: var(--hakador-push) !important;
}

.hakador-front-empty {
    margin: 0 !important;
    padding: 12px;
    border: 1px solid var(--hakador-border);
    border-radius: 6px;
    background: var(--hakador-input) !important;
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
}

.hakador-bet-list > .hakador-front-empty {
    grid-column: 1 / -1;
}

.hakador-front-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 14px;
    color: var(--hakador-muted) !important;
    font-size: 12px;
}

.hakador-front-pagination span {
    color: var(--hakador-muted) !important;
}

.hakador-front-pagination a,
.hakador-front-pagination a:visited {
    color: var(--hakador-accent) !important;
    font-weight: 700;
    text-decoration: none !important;
}

.hakador-front-pagination a:hover,
.hakador-front-pagination a:focus {
    color: var(--hakador-accent-hover) !important;
    text-decoration: underline !important;
}

.hakador-front-pagination a:active {
    color: var(--hakador-accent-pressed) !important;
}

.hakador-plan-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.hakador-home-latest-groups {
    display: grid;
    gap: 14px;
}

.hakador-plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 15px;
    border: 1px solid var(--hakador-border);
    border-top-width: 4px;
    border-radius: 8px;
    background: var(--hakador-input) !important;
    color: var(--hakador-text) !important;
}

.hakador-plan-card > :not(.hakador-plan-card__mark) {
    position: relative;
    z-index: 1;
}

.hakador-plan-card__mark {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: -66px;
    display: block;
    width: 220px;
    height: auto;
    color: #ffffff;
    opacity: 0.1;
    transform: translateY(-50%);
    pointer-events: none;
}

.hakador-plan-card--elite .hakador-plan-card__mark {
    color: var(--hakador-accent);
}

.hakador-plan-card__heading {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 12px;
    margin-bottom: 14px;
}

.hakador-plan-card__heading h2,
.hakador-plan-card__heading .hakador-plan-price {
    margin: 0 !important;
}

.hakador-plan-card--basic {
    border-top-color: var(--hakador-basic);
}

.hakador-plan-card--elite {
    border-top-color: var(--hakador-elite);
}

.hakador-plan-card--basic h2 {
    color: var(--hakador-basic) !important;
}

.hakador-plan-card--elite h2 {
    color: var(--hakador-elite) !important;
}

.hakador-plan-card ul {
    display: grid;
    gap: 6px;
    margin: 0 0 14px;
    padding: 0;
    color: var(--hakador-text) !important;
    list-style: none;
    text-align: center;
}

.hakador-plan-card li {
    color: var(--hakador-text) !important;
    font-size: 13px;
    text-align: center;
}

.hakador-plan-button {
    min-width: 50%;
    margin: 0 !important;
}

.hakador-plan-form {
    display: flex;
    justify-content: center;
    margin: auto 0 0;
}

.hakador-plan-card--basic .hakador-plan-button,
.hakador-plan-card--basic .hakador-plan-button:visited,
.hakador-plan-card--basic .hakador-plan-button:hover,
.hakador-plan-card--basic .hakador-plan-button:focus {
    background: var(--hakador-basic) !important;
    color: #000000 !important;
}

.hakador-plan-card--elite .hakador-plan-button,
.hakador-plan-card--elite .hakador-plan-button:visited,
.hakador-plan-card--elite .hakador-plan-button:hover,
.hakador-plan-card--elite .hakador-plan-button:focus {
    background: var(--hakador-elite) !important;
    color: #000000 !important;
}

.hakador-plan-price {
    display: block;
    margin: -4px 0 12px;
    color: var(--hakador-text) !important;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.2;
}

.hakador-plan-performance {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.hakador-app-usage-grid {
    grid-template-columns: minmax(180px, 1.5fr) repeat(4, minmax(100px, 1fr));
    overflow-x: auto;
}

.hakador-country-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.hakador-analytics-card {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--hakador-border);
    border-radius: 7px;
    background: var(--hakador-input);
    color: var(--hakador-text);
}

.hakador-analytics-card h3 {
    margin: 0 0 10px;
    color: var(--hakador-text) !important;
    font-size: 14px;
    font-weight: 700;
}

.hakador-analytics-card .hakador-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hakador-country-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    color: var(--hakador-text);
    list-style: none;
}

.hakador-country-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--hakador-border);
    color: var(--hakador-text);
    font-size: 13px;
}

.hakador-country-list li:last-child {
    border-bottom: 0;
}

.hakador-country-list span {
    color: var(--hakador-text) !important;
}

.hakador-country-list strong {
    color: var(--hakador-accent) !important;
}

@media (max-width: 1100px) {
    .hakador-plan-performance {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .hakador-pricing-tier-grid {
        grid-template-columns: 1fr;
    }

    .hakador-country-tier-row {
        grid-template-columns: minmax(0, 1fr) 120px;
    }

    .hakador-site .hakador-home-hero {
        overflow: visible;
    }

    .hakador-home-hero__visual {
        right: auto;
        left: calc(50% - 50vw);
        width: 100vw;
    }

    .hakador-mobile-break {
        display: block;
    }

    .hakador-public-stats,
    .hakador-bet-list,
    .hakador-plan-grid,
    .hakador-country-grid {
        grid-template-columns: 1fr;
    }

    .hakador-public-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hakador-month-nav {
        justify-content: center;
    }

    .hakador-history-tools {
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

    .hakador-stats-controls {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }

    .hakador-stats-controls .hakador-level-controls,
    .hakador-period-controls {
        margin: 0;
    }

    .hakador-period-controls {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        gap: 5px;
    }

    .hakador-period-button,
    .hakador-site button.hakador-period-button {
        min-width: 0;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 12px;
        white-space: nowrap;
    }

    .hakador-stats-controls .hakador-level-controls,
    .hakador-bets-section .hakador-level-controls {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .hakador-stats-controls .hakador-level-button,
    .hakador-bets-section .hakador-level-button,
    .hakador-site .hakador-stats-controls button.hakador-level-button,
    .hakador-site .hakador-bets-section button.hakador-level-button {
        width: 100%;
        min-width: 0;
    }

    .hakador-home-latest-group .hakador-bet-card:nth-of-type(n + 3) {
        display: none;
    }
}

@media (min-width: 801px) {
    .hakador-history-tools {
        justify-content: space-between;
        width: 100%;
    }

    .hakador-history-tools .hakador-month-nav {
        order: -1;
    }
}

.hakador-site a,
.hakador-site a:visited,
.hakador-site a:hover,
.hakador-site a:focus,
.hakador-site a:active,
.hakador-site button,
.hakador-site button:hover,
.hakador-site button:focus,
.hakador-site button:active,
.hakador-mobile-nav a,
.hakador-mobile-nav a:visited,
.hakador-mobile-nav a:hover,
.hakador-mobile-nav a:focus,
.hakador-mobile-nav a:active {
    text-decoration: none !important;
}

/* Support admin. */
.hakador-support-admin {
    display: grid;
    gap: 12px;
}

.hakador-support-admin__controls {
    margin-bottom: 0;
}

.hakador-support-status-tabs,
.hakador-support-access-filters {
    flex-wrap: nowrap;
}

.hakador-support-workspace {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    min-height: 620px;
    border: 1px solid var(--hakador-border);
    border-radius: 8px;
    background: var(--hakador-panel);
    overflow: hidden;
}

.hakador-support-list {
    max-height: 72vh;
    border-right: 1px solid var(--hakador-border);
    background: var(--hakador-input);
    overflow-y: auto;
}

.hakador-support-list.is-loading,
.hakador-support-detail.is-loading {
    opacity: 0.58;
    pointer-events: none;
}

.hakador-support-list-item {
    display: grid;
    gap: 7px;
    width: 100%;
    margin: 0;
    padding: 13px 14px;
    border: 0;
    border-bottom: 1px solid var(--hakador-border);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.hakador-support-list-item:hover,
.hakador-support-list-item:focus,
.hakador-support-list-item.is-active {
    background: var(--hakador-panel-hover);
    color: var(--hakador-text);
}

.hakador-support-list-item.is-active {
    box-shadow: inset 3px 0 0 var(--hakador-accent);
}

.hakador-support-list-item.is-overdue {
    box-shadow: inset 3px 0 0 var(--hakador-loss);
}

.hakador-support-list-item__top,
.hakador-support-list-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.hakador-support-list-item__top strong {
    min-width: 0;
    overflow: hidden;
    color: var(--hakador-text) !important;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hakador-support-list-item__meta,
.hakador-support-list-item__meta time {
    color: var(--hakador-muted) !important;
    font-size: 12px;
}

.hakador-support-access,
.hakador-support-state,
.hakador-support-overdue {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 4px;
    color: var(--hakador-text) !important;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.hakador-support-access--elite {
    border-color: var(--hakador-elite);
    color: var(--hakador-elite) !important;
}

.hakador-support-access--basic {
    border-color: var(--hakador-basic);
    color: var(--hakador-basic) !important;
}

.hakador-support-access--free,
.hakador-support-access--expired,
.hakador-support-access--deleted,
.hakador-support-state {
    color: var(--hakador-muted) !important;
}

.hakador-support-overdue {
    width: max-content;
    border-color: var(--hakador-loss);
    color: var(--hakador-loss) !important;
}

.hakador-support-detail {
    min-width: 0;
    min-height: 620px;
    padding: 16px;
    background: var(--hakador-panel);
}

.hakador-support-placeholder {
    padding: 18px;
    color: var(--hakador-muted) !important;
}

.hakador-support-conversation {
    display: grid;
    grid-template-rows: auto minmax(260px, 1fr) auto;
    gap: 14px;
    min-height: 586px;
}

.hakador-support-conversation__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-support-conversation__header h2 {
    margin: 0 0 9px;
    font-size: 15px;
    overflow-wrap: anywhere;
}

.hakador-support-conversation__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.hakador-support-admin-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 48vh;
    padding: 2px;
    overflow-y: auto;
}

.hakador-support-admin-message {
    width: min(82%, 680px);
    padding: 11px 12px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 6px;
    background: var(--hakador-input);
    color: var(--hakador-text);
}

.hakador-support-admin-message--support {
    align-self: flex-end;
    border-color: var(--hakador-accent);
}

.hakador-support-admin-message header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.hakador-support-admin-message header strong {
    color: var(--hakador-text) !important;
    font-size: 12px;
}

.hakador-support-admin-message header span {
    color: var(--hakador-muted) !important;
    font-size: 11px;
}

.hakador-support-admin-message__body {
    color: var(--hakador-text) !important;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.hakador-support-message-link,
.hakador-support-message-link:visited,
.hakador-support-admin-message__body .hakador-support-message-link,
.hakador-support-admin-message__body .hakador-support-message-link:visited {
    color: var(--hakador-accent) !important;
    opacity: 0.5;
    text-decoration: none !important;
}

.hakador-support-message-link:hover,
.hakador-support-message-link:focus,
.hakador-support-admin-message__body .hakador-support-message-link:hover,
.hakador-support-admin-message__body .hakador-support-message-link:focus {
    color: var(--hakador-accent) !important;
    opacity: 1;
    text-decoration: none !important;
}

.hakador-support-admin-message > .hakador-text-button {
    margin-top: 8px;
    color: var(--hakador-accent) !important;
}

.hakador-support-edit-form,
.hakador-support-reply-form {
    margin-top: 10px;
}

.hakador-support-edit-form textarea,
.hakador-support-reply-form textarea {
    resize: vertical;
}

.hakador-support-edit-form textarea {
    width: 100%;
    min-height: 100px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 6px;
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    font: inherit;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: none;
}

.hakador-support-edit-form textarea:hover {
    border-color: var(--hakador-accent-hover);
    background: var(--hakador-panel-hover);
}

.hakador-support-edit-form textarea:focus {
    border-color: var(--hakador-accent);
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    outline: 2px solid var(--hakador-focus);
    outline-offset: 1px;
    box-shadow: none;
}

.hakador-support-edit-form .hakador-form-actions {
    margin-top: 8px;
}

.hakador-support-reply-form {
    padding-top: 13px;
    border-top: 1px solid var(--hakador-border);
}

.hakador-support-link-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    min-height: 30px;
    margin: 0;
    padding: 4px 8px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 4px;
    background: var(--hakador-input);
    color: var(--hakador-muted);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.hakador-support-reply-form .hakador-support-link-button,
.hakador-support-edit-form .hakador-support-link-button {
    margin-left: 16px;
}

.hakador-support-link-button:hover,
.hakador-support-link-button:focus {
    border-color: var(--hakador-accent);
    background: var(--hakador-panel-hover);
    color: var(--hakador-accent);
}

.hakador-support-link-button svg {
    display: block;
    width: 16px;
    height: 16px;
}

.hakador-screen-nav__link {
    gap: 5px;
}

.hakador-screen-nav__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    min-height: 18px;
    padding: 2px 5px;
    border-radius: 9px;
    background: var(--hakador-loss);
    color: #ffffff !important;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.hakador-support-nav-count[hidden] {
    display: none !important;
}

/* Member support conversation. */
.hakador-support-open {
    position: relative;
}

.hakador-support-unread {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 6px;
    border-radius: 50%;
    background: var(--hakador-accent);
    vertical-align: middle;
}

.hakador-nav-link .hakador-support-unread {
    position: absolute;
    top: 5px;
    right: calc(50% - 19px);
    margin: 0;
}

.hakador-nav-link {
    position: relative;
}

.hakador-account-support {
    display: grid;
    gap: 14px;
    margin: 18px 0;
    padding: 14px;
    border: 1px solid var(--hakador-border);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text);
}

.hakador-account-support__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-account-support__heading h2,
.hakador-account-support__heading p {
    margin: 0 !important;
}

.hakador-account-support__heading p {
    color: var(--hakador-muted) !important;
    font-size: 12px !important;
}

.hakador-support-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 460px;
    padding: 2px;
    overflow-y: auto;
}

.hakador-support-message {
    width: min(86%, 620px);
    padding: 11px 12px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text);
}

.hakador-support-message--member {
    align-self: flex-end;
}

.hakador-support-message--support {
    align-self: flex-start;
    border-color: var(--hakador-accent);
}

.hakador-support-message__header,
.hakador-support-message__sender {
    display: flex;
    align-items: center;
    gap: 7px;
}

.hakador-support-message__header {
    justify-content: space-between;
    margin-bottom: 7px;
}

.hakador-support-message__sender,
.hakador-support-message time {
    color: var(--hakador-muted) !important;
    font-size: 11px;
    font-weight: 650;
}

.hakador-support-message--support .hakador-support-message__sender {
    color: var(--hakador-accent) !important;
}

.hakador-support-mark {
    display: block;
    width: 17px;
    height: 12px;
    color: var(--hakador-accent);
}

.hakador-support-message__body {
    color: var(--hakador-text) !important;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.hakador-support-empty,
.hakador-support-limit {
    margin: 0 !important;
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
}

.hakador-support-form {
    display: grid;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--hakador-border);
}

.hakador-support-form label {
    margin: 0;
}

.hakador-support-form textarea {
    width: 100%;
    min-height: 112px;
    margin: 0;
    padding: 10px 11px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
    resize: vertical;
}

.hakador-support-form textarea:focus {
    border-color: var(--hakador-accent);
    outline: 2px solid var(--hakador-focus);
    outline-offset: 1px;
}

.hakador-support-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hakador-support-form__status {
    color: var(--hakador-loss) !important;
    font-size: 12px;
}

.hakador-support-link-dialog,
.hakador-support-link-dialog .hakador-delete-dialog__card {
    border-radius: 0;
}

.hakador-support-link-dialog h2 {
    margin: 0 0 10px !important;
    color: var(--hakador-text) !important;
}

.hakador-support-link-dialog p {
    margin: 0 0 18px !important;
    color: var(--hakador-muted) !important;
    font-size: 13px !important;
}

.hakador-support-link-dialog__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

@media (min-width: 801px) {
    .hakador-account-support-row {
        align-items: center;
    }

    .hakador-account-support-row dt,
    .hakador-account-support-row dd {
        display: flex;
        align-items: center;
        min-height: 24px;
    }
}

@media (max-width: 900px) {
    .hakador-support-workspace {
        grid-template-columns: 1fr;
    }

    .hakador-support-list {
        max-height: 300px;
        border-right: 0;
        border-bottom: 1px solid var(--hakador-border);
    }
}

@media (max-width: 800px) {
    .hakador-support-conversation__header,
    .hakador-account-support__heading {
        align-items: stretch;
        flex-direction: column;
    }

    .hakador-support-admin-message,
    .hakador-support-message {
        width: 94%;
    }

    .hakador-account-support {
        padding: 12px;
    }
}

/* Public FAQ sections. */
.hakador-faq-section > h2 {
    margin: 0 0 14px !important;
    color: var(--hakador-text) !important;
}

.hakador-faq-list {
    display: grid;
    gap: 8px;
}

.hakador-faq-item {
    border: 1px solid var(--hakador-border);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text);
}

.hakador-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 48px;
    padding: 12px 14px;
    color: var(--hakador-text) !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.35;
    list-style: none;
    cursor: pointer;
}

.hakador-faq-item summary::-webkit-details-marker {
    display: none;
}

.hakador-faq-item summary:hover,
.hakador-faq-item summary:focus {
    color: var(--hakador-accent) !important;
    background: var(--hakador-panel-hover);
}

.hakador-faq-item summary:focus-visible {
    outline: 2px solid var(--hakador-focus);
    outline-offset: -2px;
}

.hakador-faq-item summary svg {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: currentColor;
    transition: transform 160ms ease;
}

.hakador-faq-item summary path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

.hakador-faq-item[open] summary svg {
    transform: rotate(180deg);
}

.hakador-faq-answer {
    padding: 0 14px 14px;
    border-top: 1px solid var(--hakador-border);
}

.hakador-faq-answer p {
    margin: 12px 0 0 !important;
    color: var(--hakador-muted) !important;
    font-size: 14px !important;
    line-height: 1.6;
}

.hakador-bets-section--current {
    scroll-margin-top: 110px;
}

/* Reviews admin. */
.hakador-reviews-admin {
    display: grid;
    gap: 12px;
}

.hakador-reviews-admin.is-loading {
    opacity: 0.68;
    pointer-events: none;
}

.hakador-review-status-tabs {
    flex-wrap: nowrap;
}

.hakador-review-admin-toolbar {
    margin-left: auto;
}

.hakador-review-admin-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
}

.hakador-review-admin-card {
    padding: 14px;
    border: 1px solid var(--hakador-border);
    border-top: 3px solid var(--hakador-basic);
    border-radius: 0;
    background: var(--hakador-panel);
    color: var(--hakador-text);
}

.hakador-review-admin-card--elite {
    border-top-color: var(--hakador-elite);
}

.hakador-review-admin-card > header,
.hakador-review-admin-card > header > div,
.hakador-review-admin-footer {
    display: flex;
    align-items: center;
}

.hakador-review-admin-card > header {
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 13px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--hakador-border);
}

.hakador-review-admin-card > header > div {
    min-width: 0;
    gap: 10px;
}

.hakador-review-admin-card > header strong {
    overflow-wrap: anywhere;
}

.hakador-review-admin-card > header time {
    color: var(--hakador-muted) !important;
    font-size: 12px;
    white-space: nowrap;
}

.hakador-review-admin-plan {
    color: var(--hakador-basic) !important;
    font-size: 12px;
    font-weight: 750;
}

.hakador-review-admin-plan--elite {
    color: var(--hakador-elite) !important;
}

.hakador-review-admin-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 100px 140px;
    gap: 10px;
}

@media (max-width: 1200px) {
    .hakador-review-admin-list {
        grid-template-columns: 1fr;
    }
}

.hakador-review-create-modal .hakador-modal__card {
    width: min(720px, 100%);
}

.hakador-review-create-fields {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 120px 180px 140px;
    gap: 10px;
}

.hakador-review-create-modal textarea {
    width: 100%;
    min-height: 132px;
    resize: vertical;
}

.hakador-review-admin-card textarea {
    width: 100%;
    min-height: 112px;
    resize: vertical;
}

.hakador-review-admin-footer {
    justify-content: space-between;
    gap: 14px;
}

.hakador-review-counter {
    color: var(--hakador-muted) !important;
    font-size: 12px;
    white-space: nowrap;
}

.hakador-review-nav-count[hidden] {
    display: none !important;
}

.hakador-reviews-admin .hakador-modal__card {
    border-radius: 0;
}

/* Member review form. */
.hakador-review-open,
.hakador-site button.hakador-review-open {
    width: auto;
    min-height: 0;
    padding: 0;
}

.hakador-review-dialog,
.hakador-review-dialog .hakador-delete-dialog__card {
    border-radius: 0;
}

.hakador-review-dialog h2 {
    margin: 0 0 16px !important;
    color: var(--hakador-text) !important;
}

.hakador-review-form,
.hakador-review-form > label {
    display: block;
    width: 100%;
}

.hakador-review-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 154px;
    margin: 0;
    padding: 10px 11px;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text) !important;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.45;
    resize: none;
}

.hakador-review-form textarea:focus {
    border-color: var(--hakador-accent);
    outline: 2px solid var(--hakador-focus);
    outline-offset: 1px;
}

.hakador-review-form__footer,
.hakador-review-form__actions {
    display: flex;
    align-items: center;
}

.hakador-review-form__footer {
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

.hakador-review-form__actions {
    justify-content: flex-end;
    gap: 8px;
}

.hakador-review-form__footer > span,
.hakador-review-form__actions > span {
    color: var(--hakador-muted) !important;
    font-size: 12px;
}

.hakador-review-form__actions > span {
    color: var(--hakador-loss) !important;
}

/* Public reviews carousel. */
.hakador-review-heading,
.hakador-review-controls,
.hakador-review-card > header {
    display: flex;
    align-items: center;
}

.hakador-review-heading {
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.hakador-review-heading h2 {
    margin: 0 !important;
}

.hakador-review-controls {
    gap: 7px;
}

.hakador-review-controls[hidden] {
    display: none !important;
}

.hakador-review-controls button,
.hakador-site .hakador-review-controls button {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 34px;
    min-height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hakador-border-hover);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text);
    cursor: pointer;
}

.hakador-review-controls button:hover,
.hakador-review-controls button:focus {
    border-color: var(--hakador-accent);
    color: var(--hakador-accent);
}

.hakador-review-controls button:disabled {
    border-color: var(--hakador-border);
    color: var(--hakador-disabled-text);
    cursor: default;
}

.hakador-review-controls svg {
    display: block;
    width: 16px;
    height: 16px;
}

.hakador-review-viewport {
    width: 100%;
    overflow: hidden;
    overscroll-behavior-x: contain;
    touch-action: pan-y;
}

.hakador-review-track {
    --hakador-review-gap: 20px;
    display: flex;
    align-items: stretch;
    gap: var(--hakador-review-gap);
    width: 100%;
    transition: transform 200ms ease;
    will-change: transform;
}

.hakador-review-track.is-dragging {
    transition: none;
}

.hakador-review-card {
    display: flex;
    flex: 0 0 calc((100% - 116px) / 3);
    flex-direction: column;
    min-width: 0;
    min-height: 160px;
    padding: 15px;
    border: 1px solid var(--hakador-border);
    border-top-color: var(--hakador-basic);
    border-radius: 0;
    background: var(--hakador-input);
    color: var(--hakador-text);
}

.hakador-review-card--elite {
    border-top-color: var(--hakador-elite);
}

.hakador-review-card > header {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.hakador-review-country {
    display: inline-flex;
    align-items: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

body.hakador-frontend-screen .hakador-review-country .hakador-bet-leg__league--mark,
body.hakador-frontend-screen .hakador-review-country .hakador-league-mark {
    width: 16px;
    height: 16px;
}

body.hakador-frontend-screen .hakador-review-country .hakador-bet-leg__league--mark {
    --hakador-league-mark-size: 16px;
    flex: 0 0 16px;
}

.hakador-review-member {
    color: var(--hakador-basic) !important;
    font-size: 13px;
    font-weight: 750;
}

.hakador-review-member--elite {
    color: var(--hakador-elite) !important;
}

.hakador-review-date {
    margin-left: auto;
    color: var(--hakador-muted) !important;
    font-size: 12px;
    white-space: nowrap;
}

.hakador-review-card p {
    margin: 0 !important;
    color: var(--hakador-text) !important;
    font-size: 14px !important;
    line-height: 1.55;
}

@media (max-width: 800px) {
    .hakador-faq-item summary {
        min-height: 46px;
        padding: 11px 12px;
        font-size: 14px;
    }

    .hakador-faq-answer {
        padding: 0 12px 12px;
    }

    .hakador-bets-section--current {
        scroll-margin-top: 96px;
    }

    .hakador-review-admin-fields,
    .hakador-review-create-fields {
        grid-template-columns: 1fr;
    }

    .hakador-review-admin-card > header,
    .hakador-review-admin-footer,
    .hakador-review-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .hakador-review-date-field {
        width: 180px;
    }

    .hakador-review-admin-footer .hakador-form-actions,
    .hakador-review-form__actions {
        justify-content: flex-end;
    }

    .hakador-review-track {
        --hakador-review-gap: 16px;
    }

    .hakador-review-card {
        flex-basis: calc(100% - 64px);
        min-height: 170px;
    }
}

/* Membership activation uses the same locked, centered viewport as guest sign-in. */
body.hakador-frontend-screen.hakador-activation-screen {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.hakador-frontend-screen.hakador-activation-screen #page,
body.hakador-frontend-screen.hakador-activation-screen > .site,
body.hakador-frontend-screen.hakador-activation-screen .wp-site-blocks,
body.hakador-frontend-screen.hakador-activation-screen #content,
body.hakador-frontend-screen.hakador-activation-screen .site-content,
body.hakador-frontend-screen.hakador-activation-screen .hakador-site--activation {
    height: 100%;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.hakador-frontend-screen.hakador-activation-screen .hakador-site--activation {
    display: flow-root;
    padding-bottom: 0;
}

body.hakador-frontend-screen.hakador-activation-screen .hakador-site .hakador-main--activation {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 122px);
    min-height: calc(100dvh - 122px);
    margin: 52px auto 70px !important;
    padding: 0 !important;
}

body.hakador-frontend-screen.hakador-activation-screen .hakador-activation {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: calc(100% - 20px);
    max-width: 410px;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid var(--design-border, var(--hakador-border)) !important;
    border-radius: 0 !important;
    background: var(--design-card, var(--hakador-panel)) !important;
    color: var(--design-text, var(--hakador-text)) !important;
    text-align: center;
}

body.hakador-frontend-screen.hakador-activation-screen .hakador-activation h1,
body.hakador-frontend-screen.hakador-activation-screen .hakador-activation p {
    color: var(--design-text, var(--hakador-text)) !important;
}

@media (min-width: 801px) {
    body.hakador-frontend-screen.hakador-activation-screen .hakador-site .hakador-main--activation {
        min-height: calc(100vh - 126px);
        min-height: calc(100dvh - 126px);
        margin-top: 60px !important;
        margin-bottom: 66px !important;
        padding: 0 !important;
    }
}

/* Final Hakador admin interaction and contrast rules. Kept last to beat WordPress defaults. */
body.hakador-admin-screen .hakador-admin .hakador-tab.is-active,
body.hakador-admin-screen .hakador-admin .hakador-support-access-filters .hakador-tab.is-active {
    border-color: var(--hakador-accent) !important;
    background: var(--hakador-accent) !important;
    color: #000000 !important;
}

body.hakador-admin-screen .hakador-admin .hakador-tab.is-active span {
    background: #000000 !important;
    color: var(--hakador-accent) !important;
}

body.hakador-admin-screen .hakador-admin .hakador-button--primary,
body.hakador-admin-screen .hakador-admin .hakador-button--primary:visited,
body.hakador-admin-screen .hakador-admin .hakador-button--primary:hover,
body.hakador-admin-screen .hakador-admin .hakador-button--primary:focus,
body.hakador-admin-screen .hakador-admin .hakador-button--primary:active {
    color: #000000 !important;
}

body.hakador-admin-screen .hakador-admin button:focus,
body.hakador-admin-screen .hakador-admin a:focus,
body.hakador-admin-screen .hakador-admin input:focus,
body.hakador-admin-screen .hakador-admin select:focus,
body.hakador-admin-screen .hakador-admin textarea:focus {
    border-color: var(--hakador-accent) !important;
    outline: 0;
    box-shadow: none !important;
}

body.hakador-admin-screen .hakador-admin button:focus-visible,
body.hakador-admin-screen .hakador-admin a:focus-visible,
body.hakador-admin-screen .hakador-admin input:focus-visible,
body.hakador-admin-screen .hakador-admin select:focus-visible,
body.hakador-admin-screen .hakador-admin textarea:focus-visible {
    outline: 2px solid var(--hakador-accent) !important;
    outline-offset: 2px;
}

body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-data-item strong {
    color: #dedede !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-country-list strong {
    color: #dedede !important;
    font-size: 17px;
    font-weight: 700;
}

body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-data-item strong.hakador-data-item__value--highlight {
    color: #a7fc00 !important;
}

body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-plan-click-row--basic > td,
body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-plan-click-row--basic > td strong {
    color: #fcd300 !important;
}

body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-plan-click-row--elite > td,
body.hakador-admin-screen .hakador-admin--hakador-analytics .hakador-plan-click-row--elite > td strong {
    color: #a7fc00 !important;
}

/* Admin fields and rich-text editors share the same desktop/mobile size. */
body.hakador-admin-screen {
    --hakador-admin-field-size: 14px;
}

body.hakador-admin-screen input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="image"]),
body.hakador-admin-screen select,
body.hakador-admin-screen textarea,
body.hakador-admin-screen [contenteditable="true"] {
    font-size: var(--hakador-admin-field-size) !important;
}

@media (max-width: 782px) {
    body.hakador-admin-screen {
        --hakador-admin-field-size: 16px;
    }

    .hakador-dashboard-sync {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }

    body.hakador-admin-screen .hakador-admin .hakador-push-copy-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}