/* Archive bilingual direction layer */
html[dir="ltr"] { --archive-font-family: "Inter", "Segoe UI", sans-serif; }
html[dir="rtl"] { --archive-font-family: "Cairo", "Tajawal", sans-serif; }
.archive-language-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 13px; border: 1px solid var(--archive-border-color, rgba(9, 38, 72, .12)); border-radius: 12px; background: var(--archive-card-bg, #fff); color: inherit; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: .2s ease; }
.archive-language-button:hover { transform: translateY(-1px); color: var(--archive-primary, #0a3563); }
html[dir="ltr"] .archive-sidebar-search i { right: auto; left: 15px; }
html[dir="ltr"] .archive-sidebar-search input { padding-right: 14px; padding-left: 42px; }
html[dir="ltr"] .archive-nav-link { text-align: left; }
html[dir="ltr"] .archive-nav-link:hover, html[dir="ltr"] .archive-nav-link.active { transform: translateX(2px); }
html[dir="ltr"] .archive-nav-link.active { background: linear-gradient(270deg, rgba(222, 174, 43, .24), rgba(255, 255, 255, .1)); box-shadow: inset 3px 0 0 var(--archive-accent); }
html[dir="ltr"] .archive-sidebar { right: auto; left: 0; box-shadow: 14px 0 34px rgba(4, 20, 42, .18); }
html[dir="ltr"] .archive-main-area { margin-right: 0; margin-left: var(--archive-sidebar-width); }
html[dir="ltr"] body.archive-sidebar-collapsed .archive-main-area { margin-right: 0; }
html[dir="ltr"] .dropdown-menu-end { right: 0; left: auto; }
html[dir="ltr"] .fa-arrow-right-from-bracket { transform: scaleX(-1); }
@media (max-width: 991px) {
    html[dir="ltr"] .archive-sidebar { transform: translateX(-105%); }
    html[dir="ltr"] body.archive-sidebar-open .archive-sidebar { transform: translateX(0); }
    html[dir="ltr"] .archive-main-area { margin-left: 0; }
}

.archive-localized-body { font-family: var(--archive-font-family); }
.auth-language-button { position: fixed; z-index: 50; top: 20px; inset-inline-end: 20px; background: rgba(255, 255, 255, .94); }
html[dir="ltr"] .auth-page, html[dir="ltr"] .auth-brand, html[dir="ltr"] .auth-visual-content, html[dir="ltr"] .auth-card { text-align: left; }
html[dir="ltr"] body.archive-sidebar-collapsed .archive-main-area { margin-left: var(--archive-sidebar-collapsed-width); }
@media (max-width: 991px) { html[dir="ltr"] body.archive-sidebar-collapsed .archive-main-area { margin-left: 0; } }

/* Authentication and login LTR alignment */
html[dir="ltr"] .archive-brand-panel,
html[dir="ltr"] .archive-form-panel,
html[dir="ltr"] .archive-login-card,
html[dir="ltr"] .archive-heading,
html[dir="ltr"] .archive-field,
html[dir="ltr"] .archive-help,
html[dir="ltr"] .archive-card-footer { text-align: left; }
html[dir="ltr"] .archive-input-wrap > i { right: auto; left: 15px; }
html[dir="ltr"] .archive-input { padding-right: 14px !important; padding-left: 44px !important; }
html[dir="ltr"] .archive-password { padding-right: 47px !important; }
html[dir="ltr"] .archive-eye { left: auto; right: 8px; }
html[dir="ltr"] .archive-brand-footer i,
html[dir="ltr"] .archive-options i { margin-left: 0; margin-right: 5px; }
html[dir="ltr"] .archive-auth-link { margin-top: 20px !important; }
html[dir="ltr"] .auth-input > i { margin-left: 0; margin-right: 10px; }
html[dir="ltr"] .password-toggle { margin-right: 0; margin-left: auto; }


/* Stage 3: dashboard and file-management bilingual refinements */
html[dir="ltr"] .archive-table,
html[dir="ltr"] .archive-card,
html[dir="ltr"] .archive-message,
html[dir="ltr"] .modal-content { text-align: left; }
html[dir="ltr"] .archive-card-header,
html[dir="ltr"] .archive-storage-progress-header,
html[dir="ltr"] .activity-log-filter-header { direction: ltr; }
html[dir="ltr"] .archive-btn i,
html[dir="ltr"] .archive-stat-icon,
html[dir="ltr"] .archive-storage-item-icon { margin-inline-start: 0; }
html[dir="ltr"] .form-control,
html[dir="ltr"] .form-select,
html[dir="ltr"] input,
html[dir="ltr"] textarea { text-align: left; direction: ltr; }
html[dir="ltr"] .table-responsive,
html[dir="ltr"] .archive-table-wrap { direction: ltr; }