/**
 * Aurum PMS - Universal Enterprise Dark Mode System
 * Automatically harmonizes Office ERP, Ship Owner Portal, Seafarer Portal & SuperLogin
 */

:root[data-theme="dark"],
:root[data-bs-theme="dark"],
body[data-theme="dark"] {
    --aurum-dark-bg: #09172a;
    --aurum-dark-surface: #0f223d;
    --aurum-dark-surface-elevated: #162c4d;
    --aurum-dark-border: #1e3a61;
    --aurum-dark-text-primary: #f8fafc;
    --aurum-dark-text-secondary: #94a3b8;
    --aurum-dark-text-muted: #64748b;
    --aurum-dark-input-bg: #0b1a2e;
    
    /* Bootstrap & Template Variable Overrides */
    --bs-body-bg: #09172a !important;
    --bs-body-color: #f1f5f9 !important;
    --bs-card-bg: #0f223d !important;
    --bs-border-color: #1e3a61 !important;
    --body-bg: #09172a !important;
    --so-bg: #09172a !important;
    --so-card-bg: #0f223d !important;
    --so-border: #1e3a61 !important;
    --so-text-dark: #f8fafc !important;
    --so-text-muted: #94a3b8 !important;
}

/* ==========================================================================
   GLOBAL BASE IN DARK MODE
   ========================================================================== */
[data-theme="dark"] body,
[data-bs-theme="dark"] body {
    background-color: #09172a !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .bg-body-bg {
    background-color: #09172a !important;
}

/* CARDS & PANELS */
[data-theme="dark"] .card,
[data-theme="dark"] .card-custom,
[data-theme="dark"] .bg-white,
[data-theme="dark"] .aurum-card,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .card-custom,
[data-bs-theme="dark"] .bg-white {
    background-color: #0f223d !important;
    border-color: #1e3a61 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer {
    background-color: #0c1a2e !important;
    border-color: #1e3a61 !important;
}

/* TEXT COLOR ADAPTATIONS */
[data-theme="dark"] .text-dark,
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6,
[data-bs-theme="dark"] .text-dark {
    color: #f8fafc !important;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary,
[data-bs-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}

/* TABLES */
[data-theme="dark"] .table,
[data-theme="dark"] .table-responsive,
[data-bs-theme="dark"] .table {
    background-color: #0f223d !important;
    color: #f1f5f9 !important;
    border-color: #1e3a61 !important;
}

[data-theme="dark"] .table thead,
[data-theme="dark"] .table-light,
[data-bs-theme="dark"] .table thead,
[data-bs-theme="dark"] .table-light {
    background-color: #142742 !important;
    color: #e2e8f0 !important;
    border-color: #1e3a61 !important;
}

[data-theme="dark"] .table thead th,
[data-theme="dark"] .table-light th,
[data-bs-theme="dark"] .table thead th {
    background-color: #142742 !important;
    color: #cbd5e1 !important;
    border-color: #1e3a61 !important;
}

[data-theme="dark"] .table tbody tr,
[data-bs-theme="dark"] .table tbody tr {
    border-color: #1e3a61 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .table tbody tr td,
[data-bs-theme="dark"] .table tbody tr td {
    color: #e2e8f0 !important;
    border-color: #1e3a61 !important;
}

[data-theme="dark"] .table-hover tbody tr:hover,
[data-bs-theme="dark"] .table-hover tbody tr:hover {
    background-color: #162c4d !important;
}

/* FORMS, INPUTS, SELECTS */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #0b1a2e !important;
    border-color: #1e3a61 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #0e223d !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-bs-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .form-floating label,
[data-bs-theme="dark"] .form-floating label {
    color: #94a3b8 !important;
}

/* MODALS */
[data-theme="dark"] .modal-content,
[data-bs-theme="dark"] .modal-content {
    background-color: #0f223d !important;
    border: 1px solid #1e3a61 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer,
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    border-color: #1e3a61 !important;
}

[data-theme="dark"] .modal-footer.bg-light,
[data-theme="dark"] .modal-body .bg-light,
[data-bs-theme="dark"] .bg-light {
    background-color: #0b1a2e !important;
    border-color: #1e3a61 !important;
}

/* DROPDOWNS */
[data-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #0f223d !important;
    border: 1px solid #1e3a61 !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .dropdown-item,
[data-bs-theme="dark"] .dropdown-item {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #162c4d !important;
    color: #ffffff !important;
}

[data-theme="dark"] .dropdown-divider,
[data-bs-theme="dark"] .dropdown-divider {
    border-color: #1e3a61 !important;
}

/* ALERTS & NOTICES */
[data-theme="dark"] .alert-info,
[data-bs-theme="dark"] .alert-info {
    background-color: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .alert-primary,
[data-bs-theme="dark"] .alert-primary {
    background-color: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .alert-success,
[data-bs-theme="dark"] .alert-success {
    background-color: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .alert-warning,
[data-bs-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .alert-danger,
[data-bs-theme="dark"] .alert-danger {
    background-color: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #f87171 !important;
}

/* ==========================================================================
   PORTAL-SPECIFIC ADAPTATIONS
   ========================================================================== */

/* 1. OFFICE ERP (TOPBAR & SIDEBAR) */
[data-theme="dark"] #header-area {
    background-color: #0f223d !important;
    border-color: #1e3a61 !important;
}

[data-theme="dark"] .sidebar-area {
    background-color: #0a1728 !important;
    border-right: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .footer-area {
    background-color: #0f223d !important;
    border-color: #1e3a61 !important;
    color: #94a3b8 !important;
}

/* 2. SHIP OWNER PORTAL */
[data-theme="dark"] .shipowner-navbar {
    background: #0f223d !important;
    border-bottom: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .shipowner-sidebar {
    background: #0a1728 !important;
    border-right: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .shipowner-sidebar .sidebar-header {
    border-bottom: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .shipowner-sidebar .nav-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .shipowner-sidebar .nav-link:hover,
[data-theme="dark"] .shipowner-sidebar .nav-link.active {
    background-color: #162c4d !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .shipowner-sidebar .sidebar-vessel-select {
    background-color: #0b1a2e !important;
    border-color: #1e3a61 !important;
    color: #f8fafc !important;
}

/* 3. SEAFARER PORTAL */
[data-theme="dark"] .top-navbar {
    background: linear-gradient(135deg, #071322 0%, #0d223f 100%) !important;
    border-bottom: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .seafarer-nav-tabs {
    background: #0a1728 !important;
    border-bottom: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .seafarer-nav-tabs .nav-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .seafarer-nav-tabs .nav-link.active {
    color: #60a5fa !important;
    border-bottom-color: #3b82f6 !important;
}

[data-theme="dark"] .sub-nav-tabs {
    border-bottom-color: #1e3a61 !important;
}

[data-theme="dark"] .sub-nav-tabs .nav-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .sub-nav-tabs .nav-link.active {
    background: #162c4d !important;
    color: #60a5fa !important;
}

/* UNIVERSAL FLOATING THEME TOGGLE BUTTON */
.aurum-theme-toggle-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aurum-dark-border, #e2e8f0);
    background: transparent;
    cursor: pointer;
    transition: all 0.25s ease;
    color: inherit;
}

.aurum-theme-toggle-btn:hover {
    transform: scale(1.08);
    background: rgba(59, 130, 246, 0.12);
}

[data-theme="dark"] .theme-icon-light {
    display: inline-block !important;
}

[data-theme="dark"] .theme-icon-dark {
    display: none !important;
}

[data-theme="light"] .theme-icon-light,
body:not([data-theme="dark"]) .theme-icon-light {
    display: none !important;
}

[data-theme="light"] .theme-icon-dark,
body:not([data-theme="dark"]) .theme-icon-dark {
    display: inline-block !important;
}

/* ==========================================================================
   ENHANCED PORTAL COMPONENTS (SHIP OWNER, SEAFARER, SUPERLOGIN & DASHBOARD)
   ========================================================================== */

/* METRIC CARDS & STATS */
[data-theme="dark"] .metric-card,
[data-bs-theme="dark"] .metric-card {
    background-color: #0f223d !important;
    border-color: #1e3a61 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .metric-card h3,
[data-theme="dark"] .metric-card .fs-4,
[data-theme="dark"] .metric-card .fs-5,
[data-theme="dark"] .metric-card .fw-bold,
[data-bs-theme="dark"] .metric-card h3,
[data-bs-theme="dark"] .metric-card .fs-4,
[data-bs-theme="dark"] .metric-card .fs-5,
[data-bs-theme="dark"] .metric-card .fw-bold {
    color: #f8fafc !important;
}

/* LIGHT BUTTONS ADAPTATION */
[data-theme="dark"] .btn-light,
[data-bs-theme="dark"] .btn-light {
    background-color: #162c4d !important;
    border-color: #1e3a61 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .btn-light:hover,
[data-bs-theme="dark"] .btn-light:hover {
    background-color: #1e3a61 !important;
    border-color: #2b4c7e !important;
    color: #ffffff !important;
}

/* LIGHT BADGES & SUBTLES */
[data-theme="dark"] .badge.bg-light,
[data-bs-theme="dark"] .badge.bg-light {
    background-color: #1e3a61 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .bg-primary-subtle,
[data-bs-theme="dark"] .bg-primary-subtle {
    background-color: rgba(59, 130, 246, 0.18) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .bg-danger-subtle,
[data-bs-theme="dark"] .bg-danger-subtle {
    background-color: rgba(239, 68, 68, 0.18) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .bg-success-subtle,
[data-bs-theme="dark"] .bg-success-subtle {
    background-color: rgba(34, 197, 94, 0.18) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .bg-warning-subtle,
[data-bs-theme="dark"] .bg-warning-subtle {
    background-color: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .bg-info-subtle,
[data-bs-theme="dark"] .bg-info-subtle {
    background-color: rgba(14, 165, 233, 0.18) !important;
    color: #38bdf8 !important;
}

/* FOOTER ADAPTATION */
[data-theme="dark"] footer,
[data-theme="dark"] footer.bg-white,
[data-bs-theme="dark"] footer,
[data-bs-theme="dark"] footer.bg-white {
    background-color: #0b1a2e !important;
    border-color: #1e3a61 !important;
    color: #94a3b8 !important;
}

/* DROPUP & POPUP MENUS */
[data-theme="dark"] .dropup .dropdown-menu,
[data-bs-theme="dark"] .dropup .dropdown-menu {
    background-color: #0f223d !important;
    border: 1px solid #1e3a61 !important;
    color: #f8fafc !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45) !important;
    z-index: 1060 !important;
}

/* SWEETALERT2 IN DARK MODE */
[data-theme="dark"] .swal2-popup,
[data-bs-theme="dark"] .swal2-popup {
    background: #0f223d !important;
    color: #f8fafc !important;
    border: 1px solid #1e3a61 !important;
}

[data-theme="dark"] .swal2-title,
[data-bs-theme="dark"] .swal2-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .swal2-html-container,
[data-bs-theme="dark"] .swal2-html-container {
    color: #cbd5e1 !important;
}

/* LOGIN CARDS IN DARK MODE */
[data-theme="dark"] .login-card,
[data-bs-theme="dark"] .login-card {
    background: #0f223d !important;
    border: 1px solid #1e3a61 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .login-card .text-muted,
[data-bs-theme="dark"] .login-card .text-muted {
    color: #94a3b8 !important;
}

/* ==========================================================================
   AURUM REFINED, CALM & ATTRACTIVE DESIGN LAYER (EXCLUDING SUPERLOGIN)
   Minimizes visual fatigue, eliminates aggressive gradients/glows, and
   creates an ultra-clean, modern maritime enterprise appearance.
   ========================================================================== */

/* 1. Global Typography & Calming Canvas */
body:not(.aurum-superlogin-hub) {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    background-color: #f8fafc !important;
    color: #0f172a;
    -webkit-font-smoothing: antialiased;
}

[data-theme="dark"] body:not(.aurum-superlogin-hub) {
    background-color: #09172a !important;
    color: #f1f5f9;
}

/* 2. Unified Calm Sidebar Active Navigation (No Loud Gradients or Shadows) */
body:not(.aurum-superlogin-hub) .sidebar-nav .nav-link.active,
body:not(.aurum-superlogin-hub) .sourcing-sidebar .nav-link.active,
body:not(.aurum-superlogin-hub) .menu-vertical .menu-item.active > .menu-link,
body:not(.aurum-superlogin-hub) .menu-vertical .menu-sub .menu-item .menu-link.active {
    background-color: #edf5fc !important;
    background-image: none !important;
    color: #0f4471 !important;
    border-left: 3px solid #0056b3 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body:not(.aurum-superlogin-hub) .sidebar-nav .nav-link.active .nav-icon,
body:not(.aurum-superlogin-hub) .sourcing-sidebar .nav-link.active .material-symbols-outlined,
body:not(.aurum-superlogin-hub) .menu-vertical .menu-item.active > .menu-link .menu-icon {
    color: #0056b3 !important;
}

body:not(.aurum-superlogin-hub) .sidebar-nav .nav-link:not(.active):hover,
body:not(.aurum-superlogin-hub) .sourcing-sidebar .nav-link:not(.active):hover,
body:not(.aurum-superlogin-hub) .menu-vertical .menu-item:not(.active) > .menu-link:hover {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

/* Dark Mode Sidebar Parity */
[data-theme="dark"] body:not(.aurum-superlogin-hub) .sidebar-nav .nav-link.active,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .sourcing-sidebar .nav-link.active,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .menu-vertical .menu-item.active > .menu-link,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .menu-vertical .menu-sub .menu-item .menu-link.active {
    background-color: #142742 !important;
    background-image: none !important;
    color: #90caf9 !important;
    border-left: 3px solid #38bdf8 !important;
    box-shadow: none !important;
}

[data-theme="dark"] body:not(.aurum-superlogin-hub) .sidebar-nav .nav-link.active .nav-icon,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .sourcing-sidebar .nav-link.active .material-symbols-outlined,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .menu-vertical .menu-item.active > .menu-link .menu-icon {
    color: #38bdf8 !important;
}

/* 3. Soft, Calming Cards & Panels */
body:not(.aurum-superlogin-hub) .card,
body:not(.aurum-superlogin-hub) .card-custom,
body:not(.aurum-superlogin-hub) .metric-card,
body:not(.aurum-superlogin-hub) .metric-counter-card {
    border-radius: 12px !important;
    border: 1px solid #eef2f6 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body:not(.aurum-superlogin-hub) .metric-card:hover,
body:not(.aurum-superlogin-hub) .metric-counter-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05) !important;
}

[data-theme="dark"] body:not(.aurum-superlogin-hub) .card,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .card-custom,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .metric-card,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .metric-counter-card {
    border: 1px solid #1e3a61 !important;
    box-shadow: none !important;
}

/* 4. Elegant Hairline Borders in Headers & Sidebars */
body:not(.aurum-superlogin-hub) .sidebar-header,
body:not(.aurum-superlogin-hub) .sourcing-sidebar .sidebar-brand,
body:not(.aurum-superlogin-hub) .shipowner-navbar,
body:not(.aurum-superlogin-hub) .sourcing-topbar,
body:not(.aurum-superlogin-hub) .top-navbar,
body:not(.aurum-superlogin-hub) .header-area {
    border-color: #f1f5f9 !important;
}

[data-theme="dark"] body:not(.aurum-superlogin-hub) .sidebar-header,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .sourcing-sidebar .sidebar-brand,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .shipowner-navbar,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .sourcing-topbar,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .top-navbar,
[data-theme="dark"] body:not(.aurum-superlogin-hub) .header-area {
    border-color: #1e3a61 !important;
}

/* 5. Soothing Pastel Status Badges & Pills */
body:not(.aurum-superlogin-hub) .badge.bg-primary-subtle {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #dbeafe !important;
    font-weight: 600;
}

body:not(.aurum-superlogin-hub) .badge.bg-success-subtle {
    background-color: #f0fdf4 !important;
    color: #15803d !important;
    border: 1px solid #bbf7d0 !important;
    font-weight: 600;
}

body:not(.aurum-superlogin-hub) .badge.bg-warning-subtle {
    background-color: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
    font-weight: 600;
}

body:not(.aurum-superlogin-hub) .badge.bg-danger-subtle {
    background-color: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
    font-weight: 600;
}

body:not(.aurum-superlogin-hub) .badge.bg-info-subtle {
    background-color: #f0f9ff !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
    font-weight: 600;
}

/* 6. Refined Buttons & Inputs */
body:not(.aurum-superlogin-hub) .btn-primary {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 8px;
    font-weight: 500;
}

body:not(.aurum-superlogin-hub) .btn-primary:hover {
    background-color: #00448e !important;
    border-color: #00448e !important;
    box-shadow: none !important;
}

body:not(.aurum-superlogin-hub) .form-control,
body:not(.aurum-superlogin-hub) .form-select {
    border-color: #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
}

body:not(.aurum-superlogin-hub) .form-control:focus,
body:not(.aurum-superlogin-hub) .form-select:focus {
    border-color: #0056b3;
    box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.12);
}

/* ==========================================================================
   7. UNIVERSAL TRANSLATION ENGINE & MULTI-LANGUAGE TYPOGRAPHY HARMONIZATION
   ========================================================================== */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
iframe[class*="skiptranslate"],
iframe[class*="VIpgJd"],
iframe[id*=":1.container"],
iframe[id*=":2.container"],
div[id*=":1.container"],
div[id*=":2.container"],
.VIpgJd-ZVi9C-bHOHqf-haAclf,
.VIpgJd-ZVi9C-bHOHqf-haAclf-jfdpUb-hSRGPd,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
    visibility: hidden !important;
    height: 0px !important;
    width: 0px !important;
    max-height: 0px !important;
    max-width: 0px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    z-index: -999999 !important;
}

html, html body, body {
    top: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    position: static !important;
}

.goog-text-highlight,
span.goog-text-highlight,
font.goog-text-highlight,
font[style*="background"],
font[style*="background-color"],
font {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
    color: inherit !important;
}

font {
    vertical-align: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    display: inline !important;
}

#google_translate_element {
    display: none !important;
}

body, .main-content, .sidebar-area, .table, h1, h2, h3, h4, h5, h6, .card, input, select, button, .form-control {
    font-family: 'Plus Jakarta Sans', 'Cairo', 'Noto Sans Arabic', 'Noto Sans Devanagari', 'Noto Sans', system-ui, -apple-system, sans-serif !important;
}

html, body, .sidebar-area, .main-content, .layout-menu, .header-area, .card, .table {
    direction: ltr !important;
}

.title, .menu-title, .card-title, h1, h2, h3, h4, h5, h6, p, td, th, span:not(.material-symbols-outlined) {
    unicode-bidi: plaintext !important;
}

.material-symbols-outlined,
.material-icons,
[class*="ri-"],
[class*="fa-"] {
    font-family: 'Material Symbols Outlined' !important;
    font-style: normal !important;
    font-weight: normal !important;
    direction: ltr !important;
    unicode-bidi: normal !important;
    display: inline-block !important;
    white-space: nowrap !important;
    speak: never;
}