.gns24-lt {
    --gns24-bg: #f4f7fc;
    --gns24-surface: #ffffff;
    --gns24-surface-muted: #e5eff8;
    --gns24-text: #1e2132;
    --gns24-text-muted: #475569;
    --gns24-border: #8190a1;
    --gns24-control-border: #647385;
    --gns24-primary: #1e73be;
    --gns24-primary-hover: #155f9f;
    --gns24-primary-text: #ffffff;
    --gns24-secondary: #15779b;
    --gns24-accent-soft: #dbeafe;
    --gns24-success: #087a41;
    --gns24-warning: #8a4b00;
    --gns24-danger: #b42318;
    --gns24-danger-hover: #8f1b13;
    --gns24-focus: #15779b;
    --gns24-warning-surface: #fff2cf;
    --gns24-warning-border: #b96900;
    --gns24-warning-text: #603500;
    --gns24-danger-surface: #fff0ee;
    --gns24-danger-text: #78170f;
    --gns24-success-surface: #e8f8ef;
    --gns24-success-text: #075c32;
    --gns24-shadow: 0 14px 38px rgba(30, 33, 50, 0.14);
    background: var(--gns24-bg);
    border: 1px solid var(--gns24-border);
    border-radius: 16px;
    box-sizing: border-box;
    color-scheme: light;
    color: var(--gns24-text);
    font-family: Roboto, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin-block: 1.5rem;
    max-width: 1180px;
    overflow: visible;
    width: 100%;
}

.gns24-lt *,
.gns24-lt *::before,
.gns24-lt *::after {
    box-sizing: border-box;
}

.gns24-lt :where(h2, h3, h4, p, button, input, select, textarea, output, table) {
    font-family: inherit;
}

.gns24-lt [hidden] {
    display: none !important;
}

.gns24-lt .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.gns24-lt__header {
    align-items: center;
    background: var(--gns24-surface);
    border-bottom: 1px solid var(--gns24-border);
    border-radius: 15px 15px 0 0;
    border-top: 4px solid var(--gns24-secondary);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem clamp(1rem, 3vw, 2rem);
}

.gns24-lt__title,
.gns24-lt h3,
.gns24-lt h4,
.gns24-lt p {
    color: inherit;
    margin-block-start: 0;
}

.gns24-lt__title {
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    line-height: 1.2;
    margin-block-end: 0;
}

.gns24-lt__eyebrow {
    color: var(--gns24-primary);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin-block-end: 0.25rem;
    text-transform: uppercase;
}

.gns24-lt__connection {
    align-items: center;
    background: var(--gns24-surface-muted);
    border: 1px solid var(--gns24-border);
    border-radius: 999px;
    color: var(--gns24-text-muted);
    display: inline-flex;
    flex: none;
    font-size: 0.875rem;
    font-weight: 650;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0.4rem 0.75rem;
}

.gns24-lt__status-dot {
    background: var(--gns24-control-border);
    border: 2px solid var(--gns24-surface);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--gns24-control-border);
    height: 0.65rem;
    width: 0.65rem;
}

.gns24-lt__connection[data-connection-state="active"] .gns24-lt__status-dot {
    background: var(--gns24-success);
    box-shadow: 0 0 0 1px var(--gns24-success);
}

.gns24-lt__connection[data-connection-state="working"] .gns24-lt__status-dot {
    background: var(--gns24-warning);
    box-shadow: 0 0 0 1px var(--gns24-warning);
}

.gns24-lt__connection[data-connection-state="error"] .gns24-lt__status-dot {
    background: var(--gns24-danger);
    box-shadow: 0 0 0 1px var(--gns24-danger);
}

.gns24-lt__tabs {
    background: var(--gns24-surface);
    border-bottom: 1px solid var(--gns24-border);
    display: flex;
    gap: 0.25rem;
    overflow-x: auto;
    padding: 0 1rem;
    scrollbar-width: thin;
}

.gns24-lt__tab {
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    color: var(--gns24-text-muted);
    cursor: pointer;
    flex: none;
    font: inherit;
    font-size: 0.925rem;
    font-weight: 680;
    margin: 0;
    min-height: 48px;
    padding: 0.75rem;
}

.gns24-lt__tab:hover {
    color: var(--gns24-primary);
}

.gns24-lt__tab[aria-selected="true"] {
    background: var(--gns24-accent-soft);
    border-bottom-color: var(--gns24-primary);
    color: var(--gns24-primary-hover);
}

.gns24-lt__panels {
    display: block;
    padding: clamp(1rem, 3vw, 2rem);
}

.gns24-lt__panel:focus-visible {
    border-radius: 8px;
    outline: 3px solid var(--gns24-focus);
    outline-offset: 3px;
}

.gns24-lt__metric-grid,
.gns24-lt__overview-grid,
.gns24-lt__package-grid {
    display: grid;
    gap: 1rem;
}

.gns24-lt__metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gns24-lt__overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-start: 1rem;
}

.gns24-lt__package-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gns24-lt__metric,
.gns24-lt__card,
.gns24-lt__captions,
.gns24-lt__package {
    background: var(--gns24-surface);
    border: 1px solid var(--gns24-border);
    border-radius: 12px;
    box-shadow: var(--gns24-shadow);
}

.gns24-lt__metric {
    display: grid;
    gap: 0.35rem;
    min-height: 112px;
    padding: 1rem;
}

.gns24-lt__metric span {
    color: var(--gns24-text-muted);
    font-size: 0.875rem;
    font-weight: 650;
}

.gns24-lt__metric strong {
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    line-height: 1.2;
}

.gns24-lt__metric--accent {
    background: var(--gns24-accent-soft);
    border-color: var(--gns24-primary);
    border-left-width: 4px;
}

.gns24-lt__card,
.gns24-lt__captions,
.gns24-lt__package {
    padding: clamp(1rem, 2vw, 1.5rem);
}

.gns24-lt__card h3,
.gns24-lt__section-heading h3,
.gns24-lt__captions h3 {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-block-end: 0.65rem;
}

.gns24-lt__placeholder,
.gns24-lt__empty,
.gns24-lt__section-heading > p,
.gns24-lt__field small {
    color: var(--gns24-text-muted);
}

.gns24-lt__actions,
.gns24-lt__session-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-block-start: 1.25rem;
}

.gns24-lt__button,
.gns24-lt__text-button {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.925rem;
    font-weight: 700;
    justify-content: center;
    min-height: 44px;
    text-decoration: none;
}

.gns24-lt__button {
    appearance: none;
    background: var(--gns24-surface);
    border: 1px solid var(--gns24-control-border);
    color: var(--gns24-text);
    gap: 0.5rem;
    padding: 0.65rem 1rem;
}

.gns24-lt__button:hover:not(:disabled) {
    background: var(--gns24-surface-muted);
    border-color: var(--gns24-primary);
    color: var(--gns24-primary);
}

.gns24-lt__button--primary {
    background: var(--gns24-primary);
    border-color: var(--gns24-primary);
    color: var(--gns24-primary-text);
}

.gns24-lt__button--primary:hover:not(:disabled) {
    background: var(--gns24-primary-hover);
    border-color: var(--gns24-primary-hover);
    color: var(--gns24-primary-text);
}

.gns24-lt__button--danger {
    border-color: var(--gns24-danger);
    color: var(--gns24-danger);
}

.gns24-lt__button--danger:hover:not(:disabled) {
    background: var(--gns24-danger);
    border-color: var(--gns24-danger);
    color: #fff;
}

.gns24-lt__button:disabled,
.gns24-lt__text-button:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.gns24-lt__text-button {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--gns24-primary);
    padding: 0.45rem 0;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.gns24-lt :where(button, a, input, select, textarea, [tabindex]):focus-visible,
.gns24-lt__table-wrap:focus-visible {
    outline: 3px solid var(--gns24-focus);
    outline-offset: 3px;
}

.gns24-lt__tab:focus-visible {
    outline-offset: -4px;
}

.gns24-lt :where(input, select, textarea)[aria-invalid="true"] {
    border-color: var(--gns24-danger);
    box-shadow: 0 0 0 2px var(--gns24-danger-surface);
}

.gns24-lt__notice,
.gns24-lt__credit-warning,
.gns24-lt__form-error,
.gns24-lt__audio-recovery,
.gns24-lt__payment-status:not(:empty) {
    background: var(--gns24-warning-surface);
    border: 1px solid var(--gns24-warning-border);
    border-left-width: 5px;
    border-radius: 8px;
    color: var(--gns24-warning-text);
    margin: 1rem;
    padding: 0.8rem 1rem;
}

.gns24-lt__notice[data-tone="error"],
.gns24-lt__form-error {
    background: var(--gns24-danger-surface);
    border-color: var(--gns24-danger);
    color: var(--gns24-danger-text);
}

.gns24-lt__notice[data-tone="success"],
.gns24-lt__payment-status[data-tone="success"] {
    background: var(--gns24-success-surface);
    border-color: var(--gns24-success);
    color: var(--gns24-success-text);
}

.gns24-lt__credit-warning,
.gns24-lt__form-error,
.gns24-lt__audio-recovery,
.gns24-lt__payment-status:not(:empty) {
    margin-inline: 0;
}

.gns24-lt__sr-status {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.gns24-lt__live-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
}

.gns24-lt__card-heading,
.gns24-lt__section-heading {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.gns24-lt__section-heading {
    margin-block-end: 1rem;
}

.gns24-lt__section-heading--spaced {
    border-top: 1px solid var(--gns24-border);
    margin-block-start: 2rem;
    padding-block-start: 1.5rem;
}

.gns24-lt__card-heading h3,
.gns24-lt__section-heading h3,
.gns24-lt__card-heading p,
.gns24-lt__section-heading p {
    margin-block-end: 0;
}

.gns24-lt__field-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block: 1rem;
}

.gns24-lt__field--wide {
    grid-column: 1 / -1;
}

.gns24-lt__field {
    min-width: 0;
}

.gns24-lt__field label,
.gns24-lt__volume label {
    color: var(--gns24-text);
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    margin-block-end: 0.35rem;
}

.gns24-lt :where(input[type="text"], input[type="url"], input[type="number"], select) {
    appearance: auto;
    background-color: var(--gns24-surface);
    border: 1px solid var(--gns24-control-border);
    border-radius: 8px;
    color: var(--gns24-text);
    font: inherit;
    line-height: 1.3;
    margin: 0;
    min-height: 44px;
    padding: 0.6rem 0.7rem;
    width: 100%;
}

.gns24-lt :where(input, select):disabled {
    background: var(--gns24-surface-muted);
    cursor: not-allowed;
    opacity: 0.75;
}

.gns24-lt__field small {
    display: block;
    font-size: 0.8125rem;
    margin-block-start: 0.35rem;
}

.gns24-lt__device-fields {
    border: 1px solid var(--gns24-border);
    border-radius: 10px;
    margin: 1rem 0;
    min-width: 0;
    padding: 0.5rem 1rem 1rem;
}

.gns24-lt__device-fields legend {
    font-weight: 750;
    padding-inline: 0.35rem;
}

.gns24-lt__consent {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    font-size: 0.875rem;
    gap: 0.65rem;
    margin-block: 1rem;
}

.gns24-lt__consent input {
    flex: none;
    height: 1.2rem;
    margin-block-start: 0.15rem;
    width: 1.2rem;
}

.gns24-lt__spinner {
    animation: gns24-lt-spin 0.8s linear infinite;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
}

@keyframes gns24-lt-spin {
    to { transform: rotate(360deg); }
}

.gns24-lt__badge {
    background: var(--gns24-surface-muted);
    border-radius: 999px;
    color: var(--gns24-text-muted);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.8125rem;
    max-width: 16rem;
    overflow-wrap: anywhere;
    padding: 0.3rem 0.55rem;
}

.gns24-lt__session-metrics {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-block: 1rem;
}

.gns24-lt__session-metrics div {
    background: var(--gns24-surface-muted);
    border-radius: 8px;
    min-width: 0;
    padding: 0.7rem;
}

.gns24-lt__session-metrics dt {
    color: var(--gns24-text-muted);
    font-size: 0.75rem;
    font-weight: 650;
}

.gns24-lt__session-metrics dd {
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    margin: 0.25rem 0 0;
}

.gns24-lt__volume {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(100px, 1fr) 3rem;
    margin-block: 1rem;
}

.gns24-lt__volume label {
    margin: 0;
}

.gns24-lt__volume input {
    accent-color: var(--gns24-primary);
    margin: 0;
    width: 100%;
}

.gns24-lt__volume output {
    color: var(--gns24-text-muted);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.gns24-lt__audio-container audio {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.gns24-lt__captions {
    margin-block-start: 1rem;
}

.gns24-lt__caption-columns {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-start: 1rem;
}

.gns24-lt__caption-columns > div {
    background: var(--gns24-surface-muted);
    border-radius: 8px;
    min-height: 140px;
    padding: 0.85rem;
}

.gns24-lt__caption-columns h4 {
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    margin-block-end: 0.65rem;
    text-transform: uppercase;
}

.gns24-lt__caption-list {
    list-style: none;
    margin: 0;
    max-height: 270px;
    overflow-y: auto;
    padding: 0;
}

.gns24-lt__caption-list li {
    border-bottom: 1px solid var(--gns24-border);
    margin: 0;
    padding: 0.55rem 0;
}

.gns24-lt__caption-list li:last-child {
    border-bottom: 0;
}

.gns24-lt__caption-list small {
    color: var(--gns24-text-muted);
    display: block;
    font-size: 0.8125rem;
    margin-block-end: 0.15rem;
}

.gns24-lt__caption-list [data-partial="true"] {
    color: var(--gns24-text-muted);
    font-style: italic;
}

.gns24-lt__package {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.gns24-lt__package h4 {
    font-size: 1.15rem;
    margin-block-end: 0.35rem;
}

.gns24-lt__package-duration {
    color: var(--gns24-primary);
    font-size: 1.35rem;
    font-weight: 800;
    margin-block-end: 0.75rem;
}

.gns24-lt__package-description {
    color: var(--gns24-text-muted);
    flex: 1;
    font-size: 0.875rem;
}

.gns24-lt__package-price {
    font-size: 1.25rem;
    font-weight: 800;
    margin-block: 0.8rem 0.1rem;
}

.gns24-lt__package-tax {
    color: var(--gns24-text-muted);
    font-size: 0.8125rem;
    margin-block-end: 0.75rem;
}

.gns24-lt__package-actions {
    display: grid;
    gap: 0.5rem;
}

.gns24-lt__skeleton {
    animation: gns24-lt-pulse 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, var(--gns24-surface-muted), var(--gns24-surface), var(--gns24-surface-muted));
    background-size: 200% 100%;
    border: 1px solid var(--gns24-border);
    border-radius: 12px;
    min-height: 240px;
}

@keyframes gns24-lt-pulse {
    to { background-position-x: -200%; }
}

.gns24-lt__table-wrap {
    border: 1px solid var(--gns24-border);
    border-radius: 10px;
    max-width: 100%;
    overflow-x: auto;
}

.gns24-lt__table {
    background: var(--gns24-surface);
    border: 0;
    border-collapse: collapse;
    color: var(--gns24-text);
    font-size: 0.875rem;
    margin: 0;
    min-width: 720px;
    width: 100%;
}

.gns24-lt__table th,
.gns24-lt__table td {
    border: 0;
    border-bottom: 1px solid var(--gns24-border);
    padding: 0.75rem;
    text-align: left;
    vertical-align: top;
}

.gns24-lt__table thead th {
    background: var(--gns24-surface-muted);
    color: var(--gns24-text-muted);
    font-size: 0.8125rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.gns24-lt__table tbody th {
    background: var(--gns24-surface);
    color: var(--gns24-text);
    font-size: inherit;
    font-weight: 700;
    text-transform: none;
}

.gns24-lt__table tbody tr:last-child td {
    border-bottom: 0;
}

.gns24-lt__table .gns24-lt__positive {
    color: var(--gns24-success);
    font-weight: 700;
}

.gns24-lt__table .gns24-lt__negative {
    color: var(--gns24-danger);
    font-weight: 700;
}

.gns24-lt--notice {
    background: var(--gns24-surface, #fff);
    padding: 1.25rem;
}

.gns24-lt--notice p:last-child {
    margin-block-end: 0;
}

@media (max-width: 860px) {
    .gns24-lt__live-layout,
    .gns24-lt__package-grid {
        grid-template-columns: 1fr;
    }

    .gns24-lt__session-console {
        position: static;
    }
}

@media (max-width: 640px) {
    .gns24-lt {
        border-inline: 0;
        border-radius: 0;
    }

    .gns24-lt__header {
        border-radius: 0;
    }

    .gns24-lt__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .gns24-lt__tabs {
        padding-inline: 0.5rem;
    }

    .gns24-lt__panels {
        padding: 0.75rem;
    }

    .gns24-lt__metric-grid,
    .gns24-lt__overview-grid,
    .gns24-lt__field-grid,
    .gns24-lt__caption-columns {
        grid-template-columns: 1fr;
    }

    .gns24-lt__metric-grid {
        gap: 0.65rem;
    }

    .gns24-lt__metric {
        min-height: 88px;
    }

    .gns24-lt__field--wide {
        grid-column: auto;
    }

    .gns24-lt__session-metrics {
        grid-template-columns: 1fr;
    }

    .gns24-lt__session-actions .gns24-lt__button {
        flex: 1 1 calc(50% - 0.65rem);
    }

    .gns24-lt__volume {
        grid-template-columns: 1fr 3rem;
    }

    .gns24-lt__volume label {
        grid-column: 1 / -1;
    }

    .gns24-lt__card-heading,
    .gns24-lt__section-heading {
        align-items: stretch;
        flex-direction: column;
    }
}

.gns24-lt.gns24-lt--dark {
        color-scheme: dark;
        --gns24-bg: #0f172a;
        --gns24-surface: #1e2132;
        --gns24-surface-muted: #28364a;
        --gns24-text: #f8fafc;
        --gns24-text-muted: #cbd5e1;
        --gns24-border: #8190a1;
        --gns24-control-border: #aab8c7;
        --gns24-primary: #8ed1fc;
        --gns24-primary-hover: #b7e3ff;
        --gns24-primary-text: #0f172a;
        --gns24-secondary: #7bdcb5;
        --gns24-accent-soft: #233e5a;
        --gns24-success: #7bdcb5;
        --gns24-warning: #fbbf24;
        --gns24-danger: #ff8b82;
        --gns24-danger-hover: #ffaaa3;
        --gns24-focus: #8ed1fc;
        --gns24-warning-surface: #3e310f;
        --gns24-warning-border: #fbbf24;
        --gns24-warning-text: #ffe4a0;
        --gns24-danger-surface: #451c1a;
        --gns24-danger-text: #ffc5c0;
        --gns24-success-surface: #123923;
        --gns24-success-text: #b6f3d2;
        --gns24-shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
}

.gns24-lt.gns24-lt--dark .gns24-lt__metric--accent {
    border-color: var(--gns24-primary);
}

/* BuddyBoss BuddyPanel menu item. Kept outside .gns24-lt because the panel is theme-owned. */
.buddypanel-menu li.gns24-live-translation > a {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent;
    border-radius: 8px !important;
    box-sizing: border-box;
    color: #1e2132 !important;
    display: flex !important;
    gap: 10px;
    min-height: 44px;
    text-decoration: none;
}

.buddypanel-menu li.gns24-live-translation > a::before,
.buddypanel-menu li.gns24-live-translation > a::after,
.buddypanel-menu li.gns24-live-translation > a *,
.buddypanel-menu li.gns24-live-translation > a *::before,
.buddypanel-menu li.gns24-live-translation > a *::after {
    color: inherit !important;
}

.buddypanel-menu li.gns24-live-translation > a > i,
.buddypanel-menu li.gns24-live-translation > a > [class*="bb-icon"] {
    color: #1e73be !important;
}

.buddypanel-menu li.gns24-live-translation > a svg,
.buddypanel-menu li.gns24-live-translation > a svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.buddypanel-menu li.gns24-live-translation > a:hover,
.buddypanel-menu li.gns24-live-translation > a:focus {
    background: #155f9f !important;
    color: #ffffff !important;
}

.buddypanel-menu li.gns24-live-translation > a:hover *,
.buddypanel-menu li.gns24-live-translation > a:hover *::before,
.buddypanel-menu li.gns24-live-translation > a:hover *::after,
.buddypanel-menu li.gns24-live-translation > a:focus *,
.buddypanel-menu li.gns24-live-translation > a:focus *::before,
.buddypanel-menu li.gns24-live-translation > a:focus *::after {
    color: #ffffff !important;
}

.buddypanel-menu li.gns24-live-translation > a:focus-visible {
    box-shadow: 0 0 0 3px #ffffff !important;
    outline: 3px solid #1e2132 !important;
    outline-offset: 3px;
}

.buddypanel-menu li.gns24-live-translation.current-menu-item > a,
.buddypanel-menu li.gns24-live-translation.current_page_item > a,
.buddypanel-menu li.gns24-live-translation.selected > a,
.buddypanel-menu li.gns24-live-translation > a[aria-current="page"] {
    background: #1e73be !important;
    color: #ffffff !important;
}

.buddypanel-menu li.gns24-live-translation.current-menu-item > a *,
.buddypanel-menu li.gns24-live-translation.current_page_item > a *,
.buddypanel-menu li.gns24-live-translation.selected > a *,
.buddypanel-menu li.gns24-live-translation > a[aria-current="page"] * {
    color: #ffffff !important;
}

/* Optional widget for the BuddyBoss "Members - Single Profile" sidebar. */
.widget_gns24_live_translation .gns24-lt-profile-widget {
    background: #ffffff;
    border: 1px solid #8190a1;
    border-radius: 10px;
    color: #1e2132;
    padding: 1rem;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__balance {
    display: grid;
    gap: 0.25rem;
    margin: 0 0 0.8rem;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__balance span {
    color: #475569;
    font-size: 0.875rem;
    font-weight: 650;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__balance strong {
    color: #1e2132;
    font-size: 1.15rem;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__link {
    align-items: center;
    background: #1e73be;
    border: 1px solid #1e73be;
    border-radius: 8px;
    color: #ffffff !important;
    display: flex;
    font-weight: 700;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 44px;
    padding: 0.65rem 0.85rem;
    text-decoration: none;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__link *,
.widget_gns24_live_translation .gns24-lt-profile-widget__link *::before,
.widget_gns24_live_translation .gns24-lt-profile-widget__link *::after {
    color: inherit !important;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__link:hover,
.widget_gns24_live_translation .gns24-lt-profile-widget__link:focus {
    background: #155f9f;
    border-color: #155f9f;
    color: #ffffff !important;
}

.widget_gns24_live_translation .gns24-lt-profile-widget__link:focus-visible {
    box-shadow: 0 0 0 3px #ffffff;
    outline: 3px solid #1e2132;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .gns24-lt *,
    .gns24-lt *::before,
    .gns24-lt *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

@media (forced-colors: active) {
    .gns24-lt,
    .gns24-lt__metric,
    .gns24-lt__card,
    .gns24-lt__captions,
    .gns24-lt__package {
        border: 1px solid CanvasText;
    }

    .gns24-lt__status-dot {
        forced-color-adjust: none;
    }

    .buddypanel-menu li.gns24-live-translation > a,
    .widget_gns24_live_translation .gns24-lt-profile-widget__link {
        border: 1px solid ButtonText !important;
        forced-color-adjust: auto;
    }

    .buddypanel-menu li.gns24-live-translation > a:hover,
    .buddypanel-menu li.gns24-live-translation > a:focus,
    .buddypanel-menu li.gns24-live-translation.current-menu-item > a,
    .buddypanel-menu li.gns24-live-translation.current_page_item > a,
    .buddypanel-menu li.gns24-live-translation.selected > a,
    .buddypanel-menu li.gns24-live-translation > a[aria-current="page"],
    .widget_gns24_live_translation .gns24-lt-profile-widget__link:hover,
    .widget_gns24_live_translation .gns24-lt-profile-widget__link:focus {
        background: Highlight !important;
        color: HighlightText !important;
    }

    .gns24-lt :where(button, a, input, select, textarea, [tabindex]):focus-visible,
    .gns24-lt__table-wrap:focus-visible,
    .gns24-lt__panel:focus-visible,
    .buddypanel-menu li.gns24-live-translation > a:focus-visible,
    .widget_gns24_live_translation .gns24-lt-profile-widget__link:focus-visible {
        box-shadow: none !important;
        outline: 3px solid Highlight;
    }
}
