/* ========================================================================
   Lion Air Group (client=ID)
   ------------------------------------------------------------------------
   Selected at runtime by Branding:StylesheetPath in appsettings.ID.{env}.json
   and linked after dashboard.css, so these declarations win over the Batik
   defaults baked into that file's :root block.

   Palette measured from the live https://staff.lionair.com bundle. Thai Lion
   Air (sl.css) uses the same red: the two staff portals ship byte-identical
   palettes and differ only in name and logo, so that duplication is correct.

   Also linked by the two Layout = null pages (Auth/Login, Auth/AccessDenied),
   which do not load dashboard.css - anything they need must be declared here.
   ======================================================================== */
:root {
    --cvr-brand: #ec2227;
    --cvr-brand-hover: #c81b20;

    /* Bare RGB components for rgba(var(--cvr-brand-rgb), α) composites.
       Keep in sync with --cvr-brand above. */
    --cvr-brand-rgb: 236, 34, 39;
}

/* Login side panel. The Lion Air Group fleet lineup, the same image this
   airline's own staff portal uses as .auth-bg (served at /img/bg.png, and
   byte-identical to the copy on the OD and SL portals). Pointing at the Batik
   CDN copy keeps one URL across all three brands; switch this to
   staff.lionair.com/img/bg.png if ID should serve its own.
   background-repeat/position/size come from Login.cshtml.

   background-color paints the brand colour underneath, so the panel is branded
   while the 3.7MB photo loads and stays branded if the CDN is unreachable. */
.login-right-bg {
    background-color: var(--cvr-brand);
    background-image: url("https://cms-cdn.batikair.com/66472e6388f4647bd5f90f87/assets/custom_images/bg.png");
}