/* C&A TMS - Load Expense inside corporate shell v1 */

/* Keep the corporate shell visible while Load Expense is open. */
body:has(#ca-load-expense-screen) #ca-load-expense-screen {
    inset: 72px 0 52px 184px !important;
    z-index: 10050 !important;
}

body:has(.loads-corporate-v3.is-sidebar-collapsed):has(#ca-load-expense-screen) #ca-load-expense-screen {
    left: 68px !important;
}

/* Keep corporate header/account menu above the expense overlay. */
body:has(#ca-load-expense-screen) .loads-corporate-topbar-v3 {
    position: relative !important;
    z-index: 10060 !important;
}

body:has(#ca-load-expense-screen) .loads-corporate-user-menu-v4 {
    position: relative !important;
    z-index: 10070 !important;
}

body:has(#ca-load-expense-screen) .loads-corporate-user-menu-v4__panel {
    z-index: 10080 !important;
}

html[data-ca-theme="night"] body:has(#ca-load-expense-screen) .loads-corporate-user-menu-v4__panel {
    color-scheme: dark !important;
    background: #111827 !important;
    background-color: #111827 !important;
    background-image: none !important;
    border-color: #334155 !important;
    color: #e5e7eb !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.46), 0 4px 12px rgba(0,0,0,.28) !important;
}

html[data-ca-theme="night"] body:has(#ca-load-expense-screen) .loads-corporate-user-menu-v4__panel button {
    color: #e5e7eb !important;
    background: transparent !important;
    opacity: 1 !important;
}

html[data-ca-theme="night"] body:has(#ca-load-expense-screen) .loads-corporate-user-menu-v4__panel button:hover,
html[data-ca-theme="night"] body:has(#ca-load-expense-screen) .loads-corporate-user-menu-v4__panel button:focus-visible {
    color: #fff !important;
    background: #1e293b !important;
}

/* Keep Expense itself aligned with the current night palette. */
html[data-ca-theme="night"] #ca-load-expense-screen {
    background: #0b1220 !important;
    color: #e5e7eb !important;
}

@media (max-width: 1000px) and (min-width: 721px) {
    body:has(#ca-load-expense-screen) #ca-load-expense-screen {
        left: 70px !important;
    }
}

@media (max-width: 720px) {
    body:has(#ca-load-expense-screen) #ca-load-expense-screen {
        inset: 62px 0 48px 0 !important;
    }
}