/* assets/login.css */
/* Tema: Azul petróleo #002C57, Verde menta #28C4AC, Branco gelo #F4F6F9 */
/* Tipografia: Inter / Poppins */

:root{
  --kv-blue:#002C57;
  --kv-mint:#28C4AC;
  --kv-ice:#F4F6F9;
  --kv-text:#0b1b2b;
  --kv-muted:#6b7a8b;
  --kv-red:#c53030;
  --kv-border:#e2e8f0;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:linear-gradient(180deg, var(--kv-ice), #ffffff);
  color:var(--kv-text);
  font-family: Inter, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.kv-container{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.kv-card{
  width:100%;
  max-width:420px;
  background:#fff;
  border:1px solid var(--kv-border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:32px 28px;
}

.kv-logo{
  display:flex;
  justify-content:center;
  margin-bottom:12px;
}
.kv-logo img{
  height:56px;
  width:auto;
}

.kv-title{
  margin:8px 0 4px;
  font-size:24px;
  font-weight:700;
  color:var(--kv-blue);
  text-align:center;
}

.kv-subtitle{
  margin:0 0 20px;
  text-align:center;
  color:var(--kv-muted);
}

.kv-alert{
  background:#ffe9e9;
  border:1px solid #f7b7b7;
  color:var(--kv-red);
  padding:12px 14px;
  border-radius:12px;
  margin-bottom:16px;
}

.kv-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.kv-label{
  font-size:14px;
  color:var(--kv-muted);
}

.kv-input{
  appearance:none;
  width:100%;
  padding:12px 14px;
  border:1px solid var(--kv-border);
  border-radius:12px;
  font-size:16px;
  outline:none;
  transition:box-shadow .2s,border-color .2s;
}

.kv-input:focus{
  border-color:var(--kv-mint);
  box-shadow:0 0 0 4px rgba(40,196,172,.15);
}

.kv-row{
  margin:6px 0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.kv-checkbox{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--kv-text);
}

.kv-link{
  color:var(--kv-blue);
  text-decoration:none;
  font-weight:600;
}
.kv-link:hover{ text-decoration:underline; }
.kv-link.disabled{ opacity:.5; pointer-events:none; }

.kv-button{
  margin-top:6px;
  width:100%;
  padding:12px 16px;
  border:none;
  border-radius:12px;
  background:linear-gradient(90deg, var(--kv-blue), #024075);
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  position:relative;
}
.kv-button:hover{ filter:brightness(1.03); }
.kv-button:disabled{ opacity:.7; cursor:not-allowed; }

.kv-btn-loading{
  display:none;
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #fff;
  border-top-color: transparent;
  animation:spin .8s linear infinite;
}
.kv-button.loading .kv-btn-loading{ display:inline-block; }
.kv-button.loading .kv-btn-text{ opacity:.85; }

@keyframes spin{ to{ transform:rotate(360deg); } }

.kv-footer{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--kv-muted);
  text-align:center;
  font-size:13px;
}