/*
 * The MIT License
 *
 * Copyright (c) 2018-2020, CloudBees, Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
@use "./base/core";
@use "./components/spinner";
@use "./pages/sign-in-register";

.simple-page h1 {
  font-size: 24px;
  line-height: normal;
}

.simple-page h1,
.simple-page .signupTag,
.simple-page .restarting {
  text-align: center;
}

.simple-page .safe-restarting {
  padding: 10px 30px;
  border-radius: var(--form-input-border-radius);
  text-align: center;
  margin-top: 2rem;
  background-color: var(--alert-success-bg-color);
  border: 1px solid var(--alert-success-border-color);

  * {
    color: var(--alert-success-text-color) !important;
  }

  strong {
    font-weight: var(--font-bold-weight);
  }
}

.simple-page .safe-restarting > p {
  margin: 0;
}

.simple-page--description {
  margin-top: 0;
  margin-bottom: var(--section-padding);
}

.simple-page form {
  width: 300px;
}

.simple-page .jenkins-form-item {
  max-width: 100%;
}

.simple-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.simple-page .jenkins-button {
  width: 100%;
}

.simple-page .jenkins-input {
  width: 94%;
}

.simple-page .logo {
  text-align: center;
}

.simple-page .logo > img {
  height: 140px;
}

.simple-page form .submit input {
  background-color: var(--btn-primary-bg, #0b6aa2);
  border: solid 1px;
  border-color: var(--btn-primary-bg, #0b6aa2);
}

.simple-page .danger {
  border: 1px solid;
  border-color: var(--danger-color, #c4000a);
}

.simple-page .alert,
.simple-page .jenkins-alert {
  color: var(--danger-color, #c4000a);
}

@keyframes fade-in-jenkins-booting {
  from {
    scale: 97.5%;
    opacity: 0;
    filter: blur(1px);
  }
}

.app-jenkins-booting {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: fade-in-jenkins-booting 0.4s both 0.2s;

  // Optical compensation to visually center content
  margin-top: -3rem;

  * {
    font-size: 1rem;
    margin: 0;
  }
}

.loading {
  margin: 1rem 0 0;

  p {
    font-weight: var(--font-bold-weight);
    font-size: 1.125rem;
  }
}

.restarting {
  color: var(--text-color-secondary);
}
