.btn,
button {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn {
    display: inline-flex;
    gap: 0.4rem;
}

.tme-topbar,
.tme-topbar-inner,
.tme-module-links,
.tme-user-actions,
.market-session-strip {
    direction: ltr !important;
}

.tme-topbar-inner {
    flex-direction: row !important;
}

.tme-module-links {
    margin-right: 0 !important;
    margin-left: clamp(0.25rem, 2vw, 1.5rem) !important;
}

.tme-user-actions {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.language-toggle .bi,
.login-language-toggle .bi {
    display: none !important;
}

.language-toggle [data-language-code],
.login-language-toggle [data-language-code] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important;
    font-size: 1.15rem !important;
    line-height: 1;
}

.language-toggle,
.login-language-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tme-admin-link {
    color: var(--gold) !important;
}

.tme-admin-link.active {
    background: rgba(214, 175, 88, 0.14) !important;
}

html[dir="rtl"] .tme-topbar,
html[dir="rtl"] .tme-topbar * {
    text-align: left;
}

html[dir="rtl"] main[data-i18n-ignore],
html[dir="rtl"] [data-i18n-ignore].modal {
    direction: ltr !important;
    text-align: left !important;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
}

html[dir="rtl"] main[data-i18n-ignore] .row {
    direction: ltr !important;
}

html[dir="rtl"] main[data-i18n-ignore] input,
html[dir="rtl"] main[data-i18n-ignore] select,
html[dir="rtl"] main[data-i18n-ignore] textarea {
    direction: ltr !important;
    text-align: left !important;
}

a.admin-summary-card {
    text-decoration: none;
}

/* Compact help control: details appear only on hover, keyboard focus, or touch focus. */
.context-help {
    position: relative;
    display: inline-grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(214, 175, 88, .28);
    border-radius: 50%;
    background: rgba(214, 175, 88, .07);
    color: var(--gold);
    cursor: help;
}
.context-help::after {
    position: absolute;
    right: 0;
    bottom: calc(100% + .55rem);
    z-index: 1090;
    width: max-content;
    max-width: min(280px, 78vw);
    padding: .55rem .7rem;
    border: 1px solid rgba(214, 175, 88, .3);
    border-radius: 10px;
    background: #071511;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    color: #dbe7e1;
    content: attr(data-tooltip);
    font-size: .7rem;
    font-weight: 650;
    line-height: 1.45;
    opacity: 0;
    pointer-events: none;
    text-align: left;
    transform: translateY(4px);
    transition: opacity .16s ease, transform .16s ease;
}
.context-help:hover::after,
.context-help:focus-visible::after,
.context-help:focus::after {
    opacity: 1;
    transform: translateY(0);
}
.context-help-inline {
    width: 22px;
    height: 22px;
    margin-left: .25rem;
    border: 0;
    background: transparent;
    font-size: .75rem;
    vertical-align: middle;
}
.admin-verification-actions { display: flex; flex-wrap: wrap; gap: .35rem; }
.admin-verification-actions form { margin: 0; }
.admin-verification-actions .admin-status { gap: .3rem; border: 1px solid transparent; cursor: pointer; }
.admin-verification-actions .admin-status.active { border-color: rgba(61, 190, 126, .28); }
.admin-verification-actions .admin-status.pending { border-color: rgba(214, 175, 88, .28); }
.admin-verification-actions .admin-status:disabled { cursor: not-allowed; opacity: .45; }
