/* C&A TMS - LOAD EXPENSE SHELL ALIGNMENT V1
   Keep the global Loads top bar visible while Load Expense occupies
   the full workspace below it. The left sidebar remains covered. */

#ca-load-expense-screen {
    inset: auto 0 0 0 !important;
    top: 72px !important;
}

#ca-load-expense-screen .ca-le-dialog,
body > .ca-le-dialog {
    inset: auto 0 0 0 !important;
    top: 72px !important;
}

@media (max-width: 720px) {
    #ca-load-expense-screen {
        top: 62px !important;
    }

    #ca-load-expense-screen .ca-le-dialog,
    body > .ca-le-dialog {
        top: 62px !important;
    }
}

/* C&A TMS - LOAD EXPENSE TOPBAR SAFE V1
   Keep the real portal topbar/account menu above Load Expense without
   DOM mutation, MutationObserver, or global-shell scripting. */
.loads-corporate-topbar-v3 {
    position: relative;
    z-index: 13000;
    overflow: visible;
}

.loads-corporate-user-menu-v4 {
    position: relative;
    z-index: 13010;
}

.loads-corporate-user-menu-v4__panel {
    z-index: 13020;
}

/* Hide only the Load Expense implementation badge. */
#ca-load-expense-screen #ca-le-mode-badge {
    display: none !important;
}

/* C&A TMS - LOAD EXPENSE HEADER CONTEXT V1
   The real portal topbar carries Load Expense + PRO while this screen is open.
   Keep only Back to Load in the internal page header; retain the load summary
   title inside the main content. */
#ca-load-expense-screen .ca-le-topbar .ca-le-title {
    display: none !important;
}

#ca-load-expense-screen .ca-le-topbar {
    justify-content: flex-start;
}

/* C&A TMS - LOAD EXPENSE VISUAL TIDY V1
   Objetivo:
   - hacer visible el dropdown del menú de usuario;
   - quitar la segunda franja blanca bajo el banner;
   - dejar Back to Load sobre el fondo gris.
*/
.loads-corporate-topbar-v3 {
    overflow: visible !important;
}

.loads-corporate-user-menu-v4 {
    position: relative !important;
    overflow: visible !important;
    z-index: 13010 !important;
}

.loads-corporate-user-menu-v4__panel {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 13020 !important;
    overflow: visible !important;
    min-width: 220px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #dbe5f0 !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
}

/* Quitar la segunda franja blanca interna */
#ca-load-expense-screen .ca-le-topbar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: 10px 0 0 !important;
}

/* El título ya vive en el topbar global */
#ca-load-expense-screen .ca-le-topbar .ca-le-title {
    display: none !important;
}

/* Dejar Back to Load dentro del área gris, sin caja blanca adicional */
#ca-load-expense-screen .ca-le-topbar__left {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 0 0 12px !important;
}

#ca-load-expense-screen #ca-le-back {
    margin: 0 !important;
}

/* Evitar cualquier pseudo-elemento que dibuje una barra/caja extra */
#ca-load-expense-screen .ca-le-topbar::before,
#ca-load-expense-screen .ca-le-topbar::after {
    content: none !important;
    display: none !important;
}