/* Crypto4A white-label tweaks, loaded via Branding:StylesheetUrl after every other stylesheet.
   Colors that have a Branding setting live in appsettings.Branding.json; this file only holds what
   the settings don't cover. */

/* Logo: Figma places the 313x49 wordmark at (197.5, 100) on the 708x900 cover. */
.cp-login-stage .cp-login-brand {
    top: 11.111%;
    height: 5.444%;
}

    .cp-login-stage .cp-login-brand img {
        height: 6.921cqw !important; /* 49 / 708 */
    }

/* Login illustrations: the stock slide SVGs are inlined into #cp-carousel-img, so their teal
   presentation attributes can be re-pointed to the Crypto4A palette here (CSS beats SVG
   attributes). This keeps the shared slide art and its animations as the single source. */
#cp-carousel-img [fill="#008D9E" i] { fill: #E71946; }
#cp-carousel-img [stroke="#008D9E" i] { stroke: #E71946; }
#cp-carousel-img [stop-color="#008D9E" i] { stop-color: #E71946; }
#cp-carousel-img [flood-color="#008D9E" i] { flood-color: #E71946; }
#cp-carousel-img [color="#008D9E" i] { color: #E71946; } /* <use> icons drawn with currentColor */

/* Slide 3: "One source of truth" row, shield tile and connectors. */
#cp-carousel-img [fill="#EDFDFA" i] { fill: #FDEDF0; }
#cp-carousel-img [stop-color="#E6FFFF" i] { stop-color: #FFF1F4; }
#cp-carousel-img [stop-color="#B5E7F7" i] { stop-color: #F6B3C2; }
#cp-carousel-img [stroke="#ACEEF6" i] { stroke: #F3A5B6; }

/* Slide 4: workflow arrow badge. */
#cp-carousel-img [stroke="#9EF5FF" i] { stroke: #F7A1B4; }
#cp-carousel-img [stroke="#D9FFFF" i] { stroke: #FFFFFF; }

/* Slide 5: control-plane step tiles. */
#cp-carousel-img [fill="#E3FCFC" i] { fill: #FDE8EC; }
#cp-carousel-img [fill="#95E7F4" i] { fill: #F5A3B5; }
#cp-carousel-img [stroke="#95E7F4" i] { stroke: #F5A3B5; }

/* Header (Figma "Certificates Request Type"): 160.87x25.43 wordmark, red pill "Product Support". */
.app-header .logo img {
    height: 25.43px !important;
}

.app-header .product-support-btn.cp-button {
    background: #E71946 !important;
    border: 1px solid #F17993 !important;
    border-radius: 100px !important;
    color: #FFFFFF !important;
}

    .app-header .product-support-btn.cp-button:hover {
        background: #ED5476 !important;
    }

/* Grid pager (Figma "All Certificates"): active page is a light-blue tile with blue text. */
:root:root {
    --rz-pager-numeric-button-selected-background-color: #D1F0FF;
    --rz-pager-numeric-button-selected-color: #007FBB;
}