html {
    font-family: var(--satoads-font, "Tajawal", system-ui, sans-serif);
}
body {
    font-family: inherit;
    font-weight: 400;
    letter-spacing: 0;
}
button,
input,
select,
textarea,
optgroup,
legend {
    font-family: inherit;
    font-weight: 400;
}
.satoads-page-title,
.mps-store-hero-slide-title,
.mps-modal-title {
    font-weight: 400;
    letter-spacing: -0.03em;
}
.satoads-sidebar-group-label,
.mps-section-label {
    font-family: var(--satoads-font, "Tajawal", system-ui, sans-serif);
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
body,
body
    :where(
        button,
        input,
        select,
        textarea,
        optgroup,
        legend,
        label,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        span,
        a,
        li,
        dt,
        dd,
        small,
        strong,
        em,
        th,
        td,
        code,
        pre,
        kbd,
        samp,
        .satoads-btn,
        .satoads-menu,
        .satoads-sidebar,
        .satoads-topbar,
        .satoads-header,
        .satoads-main,
        .satoads-footer,
        .satoads-app-footer,
        .satoads-auth-wrap,
        .satoads-lang,
        .satoads-page-title,
        .satoads-page-sub,
        .satoads-content-wrap,
        .satoads-app-page,
        .satoads-app-shell,
        .mps-wrap,
        .mps-account,
        .mps-store,
        .mps-wallet,
        .mps-transfer,
        .mps-topup-form,
        .mps-order-modal,
        .mps-deposit,
        .mps-my-orders,
        .mps-tier,
        .mps-modal,
        .mps-form-group,
        .mps-form-msg,
        #mps-toast-wrap,
        #mps-toast-wrap *,
        [class^="sato-"],
        [class*=" sato-"],
        [class^="satoads-"],
        [class*=" satoads-"],
        [class^="mps-"],
        [class*=" mps-"]
    ) {
    font-family: var(--satoads-font, "Tajawal", system-ui, sans-serif);
}
.dashicons,
.dashicons-before::before,
[class^="dashicons-"],
[class*=" dashicons-"] {
    font-family: "dashicons" !important;
}
body
    :where(
        .satoads-btn,
        .satoads-menu li a,
        .satoads-sidebar-link,
        .satoads-sidebar-group-label,
        .mps-wallet-label,
        .mps-section-desc,
        .mps-form-group label,
        .mps-status,
        .mps-account-nav-btn,
        .mps-account-stat-label
    ) {
    font-weight: 400;
}
body :where(.satoads-page-title, .satoads-brand-text strong, .mps-wallet-balance) {
    font-weight: 400;
}
:root {
    --satoads-glyph-nudge: 0.1em;
    --satoads-optical-pad-start: 0.14em;
    --satoads-optical-pad-end: 0.04em;
}
@supports (text-box-trim: trim-both) {
    :root {
        --satoads-glyph-nudge: 0px;
        --satoads-optical-pad-start: 0px;
        --satoads-optical-pad-end: 0px;
    }
}

/* Inner labels only — never shift a bordered control with `top` */
.satoads-btn > span:not(.dashicons),
.satoads-lang-current,
.mps-wallet-chip > span,
.mps-wallet-chip > strong,
.mps-deposit-history-balance-chip > span,
.mps-deposit-history-balance-chip > strong,
.mps-level-chip > span,
.mps-wallet-action-label,
.mps-chip-label,
.mps-filter-count,
.mps-wallet-stat > span,
.mps-wallet-stat > strong,
.mps-btn-label {
    position: relative;
    top: var(--satoads-glyph-nudge, 0px);
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

/* Compact chrome: center the line box. Do not rewrite padding on full buttons. */
.satoads-btn,
.satoads-btn-primary,
.satoads-btn-outline,
.satoads-btn-ghost,
.satoads-auth-submit,
.satoads-auth-tab,
.satoads-menu li a,
.mps-btn-primary,
.mps-btn-outline,
.mps-btn-secondary,
.mps-orders-status-chip,
.mps-notif-item-state,
.mps-status,
.mps-badge,
.mps-account-badge,
.mps-product-badge,
.mps-tier-badge,
.mps-product-category-pill,
.mps-variation-pill,
.mps-order-input-chip,
.mps-deposit-card__status,
.mps-store-back,
.mps-pager-page,
.mps-pager-nav-btn,
.mps-wallet-chip,
.mps-level-chip,
.mps-deposit-history-balance-chip,
.mps-wallet-action-btn,
.mps-notif-mark-all-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-sizing: border-box;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

/* Direct-text pills: extra start padding so Tajawal ink is not glued to the top edge */
@supports not (text-box-trim: trim-both) {
    .mps-orders-status-chip,
    .mps-notif-item-state,
    .mps-status,
    .mps-badge,
    .mps-account-badge,
    .mps-product-badge,
    .mps-tier-badge,
    .mps-product-category-pill,
    .mps-variation-pill,
    .mps-order-input-chip,
    .mps-deposit-card__status,
    .satoads-auth-tab {
        padding-block-start: calc(6px + var(--satoads-optical-pad-start, 0.14em));
        padding-block-end: calc(6px - 1px);
    }
}

.mps-wallet-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
}
.mps-wallet-stat > span {
    margin-bottom: 0;
    line-height: 1.3;
}
.mps-wallet-stat > strong {
    line-height: 1.2;
}

.satoads-btn .dashicons,
.satoads-sidebar-icon,
.mps-wallet-action-btn svg {
    top: 0;
}