/* ------------------------------------------------------------------
 * CSP-safe extracted styles for the Handlebars views.
 * ------------------------------------------------------------------
 * A Content-Security-Policy of `style-src 'self'` (no 'unsafe-inline')
 * blocks style="..." attributes in HTML. Nonces do NOT cover style
 * attributes, so every inline declaration in the rendered views below
 * was moved here and replaced with a class.
 *
 *   views/dashboard.hbs
 *   views/email-verify-failed.hbs
 *   views/email-verify-success.hbs
 *   views/forgot-password.hbs
 *   views/home-new.hbs
 *   views/pagenotfound.hbs
 *   views/register.hbs
 *   views/reset-password.hbs
 *   views/reset-link-failed.hbs
 *   views/usage-new.hbs
 *   views/usage.hbs
 *   views/webhook.hbs
 *
 * Declaration order, values and `!important` are preserved exactly so
 * the rendered result is pixel-identical.
 *
 * All class names are prefixed `csp-` so they cannot collide with
 * bootstrap / argon / index.css / custom.css utility names (notably
 * bootstrap's own `.d-none`).
 * ------------------------------------------------------------------ */


/* ---------- shared ------------------------------------------------ */

/* was: style="display: none;" / style="display: none"
   Used for the initially-hidden wizard steps and validation banners in
   register.hbs, forgot-password.hbs and reset-password.hbs.
   All of these are revealed again with jQuery .show(), which writes an
   inline `display` value and therefore still beats this class. */
.csp-hidden {
    display: none;
}

/* was: style="cursor:pointer" - webhook.hbs delete-webhook action */
.csp-cursor-pointer {
    cursor: pointer;
}


/* ---------- dashboard.hbs ----------------------------------------- */

/* was: style="margin: 75px 50px 85px 2px;" - welcome card row */
.csp-dashboard-welcome-row {
    margin: 75px 50px 85px 2px;
}


/* ---------- email-verify-success.hbs / email-verify-failed.hbs ---- */

/* was: style="width: 80%;margin: 1em;box-shadow: 0px 2px 9px 1px #ded6d6;" */
.csp-verify-card {
    width: 80%;
    margin: 1em;
    box-shadow: 0px 2px 9px 1px #ded6d6;
}

/* was: style="position: relative; width:100%;background-color:white; color:white;
   text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:22px;
   line-height:19px; margin-top:0; margin-bottom:20px; padding:0; font-weight:normal;" */
.csp-verify-header {
    position: relative;
    width: 100%;
    background-color: white;
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 19px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    font-weight: normal;
}

/* was: style="width:100%;padding-top:1em;" */
.csp-verify-logo-wrap {
    width: 100%;
    padding-top: 1em;
}

/* was: style="width:80px;" */
.csp-verify-logo {
    width: 80px;
}

/* was: style="text-align:left; margin:1em; font-family:HelveticaNeue, sans-serif;
   color:red; font-size:24px; " - email-verify-failed.hbs */
.csp-verify-message-error {
    text-align: left;
    margin: 1em;
    font-family: HelveticaNeue, sans-serif;
    color: red;
    font-size: 24px;
}

/* was: style="text-align:left; margin:1em; font-family:HelveticaNeue, sans-serif;
   color:green; font-size:24px; " - email-verify-success.hbs */
.csp-verify-message-success {
    text-align: left;
    margin: 1em;
    font-family: HelveticaNeue, sans-serif;
    color: green;
    font-size: 24px;
}

/* was: style="text-align:left; margin:2em; font-family:HelveticaNeue, sans-serif;
   font-size:14px; color:black; letter-spacing:0.5px; font-weight:500" */
.csp-verify-body {
    text-align: left;
    margin: 2em;
    font-family: HelveticaNeue, sans-serif;
    font-size: 14px;
    color: black;
    letter-spacing: 0.5px;
    font-weight: 500;
}


/* ---------- home-new.hbs ------------------------------------------ */

/* was: style="width: 200px;" - client logos strip */
.csp-client-logo {
    width: 200px;
}


/* ---------- pagenotfound.hbs -------------------------------------- */

/* was: style="color:white" - navbar toggler */
.csp-toggler-white {
    color: white;
}

/* was: style="height:300px;" - 404 illustration */
.csp-error-img {
    height: 300px;
}


/* ---------- reset-link-failed.hbs --------------------------------- */

/* was: style="border: 1px solid rgb(230, 35, 50); border-radius:0.375rem !important;" */
.csp-expired-link-box {
    border: 1px solid rgb(230, 35, 50);
    border-radius: 0.375rem !important;
}


/* ---------- reset-password.hbs ------------------------------------ */

/* was: style="justify-content: center;" */
.csp-justify-center {
    justify-content: center;
}


/* ---------- usage-new.hbs ----------------------------------------- */

/* was: style="width: 40%" / style="width:40%" - usage table headers */
.csp-th-w40 {
    width: 40%;
}

/* was: style="width:20%" - usage table header */
.csp-th-w20 {
    width: 20%;
}


/* ---------- usage.hbs --------------------------------------------- */

/* was: style="width: 100%" - animation progress bar (currently commented out) */
.csp-progress-full-width {
    width: 100%;
}