.app-language-toggle,
.app-language-main-toggle {
    cursor: pointer;
    font-weight: 900;
    letter-spacing: 0;
}

.app-language-toggle {
    padding: 0;
}

.app-language-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #eef2ff;
    color: #1d4ed8;
    font-size: 0.78rem;
    line-height: 1;
}

.app-language-main-toggle {
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    min-height: 36px;
    padding: 0 14px;
}

.settings-language-options {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.settings-language-option {
    min-height: 34px;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    padding: 0 12px;
    font-weight: 850;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.settings-language-option:hover,
.settings-language-option.is-active {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
}

[dir="rtl"] body {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    text-align: right;
}

[dir="rtl"] .dashboard-topbar,
[dir="rtl"] .dashboard-topbar-left,
[dir="rtl"] .dashboard-topbar-right,
[dir="rtl"] .profile-side-menu li a,
[dir="rtl"] .profile-logout-link,
[dir="rtl"] .settings-row,
[dir="rtl"] .settings-card-title,
[dir="rtl"] .section-header,
[dir="rtl"] .project-card-top,
[dir="rtl"] .project-card-footer,
[dir="rtl"] .project-progress-info,
[dir="rtl"] .insight-card-header,
[dir="rtl"] .calendar-header-flex,
[dir="rtl"] .team-member-row,
[dir="rtl"] .team-modal-member {
    direction: rtl;
}

[dir="rtl"] .dashboard-search-input {
    padding-left: 48px !important;
    padding-right: 18px !important;
    text-align: right;
}

[dir="rtl"] .dashboard-search-icon {
    left: 16px !important;
    right: auto !important;
}

[dir="rtl"] .nav-badge {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .profile-logout-link {
    text-align: right;
}

[dir="rtl"] .profile-left-panel {
    border-radius: 0 0 0 32px !important;
}

[dir="rtl"] .dropdown-menu-end {
    right: auto !important;
    left: 0 !important;
    text-align: right;
}

[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] .dashboard-greeting::after {
    right: 0;
    left: auto;
}

[dir="rtl"] .today-task-content {
    left: 0 !important;
    right: auto !important;
    align-items: flex-start !important;
    text-align: right !important;
}

[dir="rtl"] .today-task-title,
[dir="rtl"] .today-task-text,
[dir="rtl"] .today-task-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

[dir="rtl"] .today-task-bg {
    right: 0 !important;
    left: 0 !important;
    object-position: center !important;
}

[dir="rtl"] .today-task-card::before {
    content: none !important;
    background: none !important;
}

@media (max-width: 991.98px) {
    [dir="rtl"] .today-task-content {
        left: auto !important;
        right: auto !important;
        align-items: center !important;
        text-align: center !important;
    }
}

[dir="rtl"] .project-member-avatar.overlap {
    margin-left: 0 !important;
    margin-right: -10px !important;
}

[dir="rtl"] .project-add-member {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

/* Authentication pages */
[dir="rtl"] .login-card,
[dir="rtl"] .login-form,
[dir="rtl"] .verification-panel {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .login-header,
[dir="rtl"] .success-message,
[dir="rtl"] .divider {
    text-align: center;
}

[dir="rtl"] .login-card .input-wrapper label {
    left: auto !important;
    right: 16px !important;
    transform-origin: right top !important;
}

[dir="rtl"] .login-card .input-wrapper input:focus + label,
[dir="rtl"] .login-card .input-wrapper input:valid + label {
    transform: translateY(-36px) translateX(-4px) scale(0.85) !important;
}

[dir="rtl"] .login-card .input-wrapper input {
    text-align: right;
}

[dir="rtl"] .login-card .input-wrapper input[type="email"] {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] .login-card .password-wrapper input {
    padding-right: 16px !important;
    padding-left: 50px !important;
}

[dir="rtl"] .login-card .password-toggle {
    right: auto !important;
    left: 16px !important;
}

[dir="rtl"] .login-card .form-options,
[dir="rtl"] .login-card .remember-wrapper,
[dir="rtl"] .login-card .checkbox-label {
    direction: rtl;
}

[dir="rtl"] .login-card .error-message {
    border-left: 0 !important;
    border-right: 3px solid #dc2626 !important;
    text-align: right;
}

[dir="rtl"] .login-header > .tooltip {
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="rtl"] .login-header .tooltip > a {
    transform: scaleX(-1);
}

[dir="rtl"] .login-picture .signup-hero-img {
    margin-right: 0 !important;
    margin-left: 50px !important;
}

/* Dialogs and close buttons */
[dir="rtl"] .modal-content,
[dir="rtl"] .modal-panel-lite,
[dir="rtl"] .task-modal {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .modal-header,
[dir="rtl"] .modal-lite-head,
[dir="rtl"] .task-modal-header {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .modal-header .btn-close {
    /* Bootstrap's LTR auto margin keeps the close button beside the title. */
    margin: -0.5rem auto -0.5rem -0.5rem !important;
}

[dir="rtl"] .modal-lite-head .modal-close-btn,
[dir="rtl"] .task-modal-header .task-modal-close {
    margin-right: auto;
    margin-left: 0;
}

[dir="rtl"] .team-modal-info,
[dir="rtl"] .project-member-list-info,
[dir="rtl"] .member-detail-copy,
[dir="rtl"] .member-contact-item,
[dir="rtl"] .project-member-editor-title {
    text-align: right;
}

[dir="rtl"] .project-member-add-row,
[dir="rtl"] .project-member-list-row,
[dir="rtl"] .project-member-permissions,
[dir="rtl"] .project-form-row,
[dir="rtl"] .project-form-group,
[dir="rtl"] .form-grid,
[dir="rtl"] .task-form-grid,
[dir="rtl"] .task-field {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .project-form-control,
[dir="rtl"] .form-control-lite,
[dir="rtl"] .task-control,
[dir="rtl"] .filter-control {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] input[type="email"].project-form-control,
[dir="rtl"] input[type="email"].form-control-lite,
[dir="rtl"] input[type="email"].task-control {
    direction: ltr;
    text-align: left;
}

/* Task workspace */
[dir="rtl"] .tasks-page-header,
[dir="rtl"] .header-actions,
[dir="rtl"] .tasks-stats,
[dir="rtl"] .task-stat-top,
[dir="rtl"] .task-stat-footer,
[dir="rtl"] .toolbar-top,
[dir="rtl"] .filter-tabs,
[dir="rtl"] .toolbar-actions,
[dir="rtl"] .advanced-filter-panel,
[dir="rtl"] .bulk-actions-bar,
[dir="rtl"] .tasks-pagination,
[dir="rtl"] .pagination-controls,
[dir="rtl"] .task-name-cell,
[dir="rtl"] .project-cell,
[dir="rtl"] .assignee-cell,
[dir="rtl"] .delete-confirm-actions,
[dir="rtl"] .task-modal-actions {
    direction: rtl;
}

[dir="rtl"] .tasks-page-title,
[dir="rtl"] .tasks-page-subtitle,
[dir="rtl"] .task-stat-card,
[dir="rtl"] .tasks-table th,
[dir="rtl"] .tasks-table td,
[dir="rtl"] .pagination-info,
[dir="rtl"] .delete-confirm-copy {
    text-align: right;
}

[dir="rtl"] .tasks-table th:last-child,
[dir="rtl"] .tasks-table td:last-child {
    text-align: left !important;
}

[dir="rtl"] .tasks-table .action-btns {
    justify-content: flex-start !important;
}

[dir="rtl"] .toolbar-search input {
    padding-left: 36px !important;
    padding-right: 12px !important;
    text-align: right;
}

[dir="rtl"] .toolbar-search i {
    right: auto !important;
    left: 10px !important;
}

/* Search results and transient messages */
[dir="rtl"] .tmcrm-search-option,
[dir="rtl"] .tmcrm-search-empty {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .notification-toast,
[dir="rtl"] .profile-toast,
[dir="rtl"] .task-message,
[dir="rtl"] .task-page-message,
[dir="rtl"] .project-form-message,
[dir="rtl"] .form-message {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .profile-toast {
    right: auto !important;
    left: 24px !important;
}

[dir="rtl"] .dashboard-notification-menu,
[dir="rtl"] .dashboard-notification-item,
[dir="rtl"] .dashboard-dropdown-empty {
    direction: rtl;
    text-align: right;
}

@media (max-width: 760px) {
    .app-language-toggle {
        width: 42px;
        height: 42px;
    }

    [dir="rtl"] .login-picture .signup-hero-img {
        margin: 0 0 24px !important;
    }
}