/* ============================================================
   JusVera — Customizações globais de cor
   Carregado APÓS o hexadash/style.css para sobrescrever variáveis
   ============================================================ */

:root {
  /* Primário: Azul Marinho JusVera */
  --color-primary:         #023E8A;
  --color-primary-rgba:    2, 62, 138;
  --bg-primary:            #023E8A;
  --bg-primary-hover:      #034fa8;   /* hover: azul marinho mais claro (não roxo) */

  /* Secundário: Azul Oceano — complementar ao primário */
  --color-secondary:       #0369A1;
  --color-secondary-rgba:  3, 105, 161;
  --bg-secondary:          #0369A1;
  --bg-secondary-hover:    #0284C7;   /* hover: azul mais claro */
}

/* ── btn-primary ────────────────────────────────────────── */
.btn-primary {
  background-color: #023E8A;
  border-color:     #023E8A;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #034fa8 !important;
  border-color:     #034fa8 !important;
  color: #fff !important;
}

/* ── btn-outline-primary ────────────────────────────────── */
.btn-outline-primary {
  border-color: #023E8A;
  color:        #023E8A;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #023E8A;
  border-color:     #023E8A;
  color: #fff;
}

/* ── btn-secondary ──────────────────────────────────────── */
.btn-secondary {
  background-color: #0369A1;
  border-color:     #0369A1;
  color: #fff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #0284C7 !important;
  border-color:     #0284C7 !important;
  color: #fff !important;
}

/* ── btn-outline-secondary ──────────────────────────────── */
.btn-outline-secondary {
  border-color: #0369A1;
  color:        #0369A1;
  background:   transparent;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: #0369A1;
  border-color:     #0369A1;
  color: #fff;
}

/* ── Timeline Operação (_TimelineOperacao) ───────────────── */
.jv-timeline { display: flex; flex-direction: column; gap: 0; }
.jv-timeline-item {
  display: flex; gap: 14px; padding-bottom: 20px;
  position: relative;
}
.jv-timeline-item:not(:last-child)::after {
  content: ''; position: absolute;
  left: 9px; top: 20px; bottom: 0; width: 2px;
  background: #eef0f4;
}
.jv-timeline-item:last-child { padding-bottom: 0; }
.jv-timeline-dot {
  width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  margin-top: 2px; position: relative; z-index: 1;
  border: 2px solid #fff;
}
.jv-timeline-dot--info    { background: #023E8A; }
.jv-timeline-dot--success { background: #16a34a; }
.jv-timeline-dot--warning { background: #d97706; }
.jv-timeline-dot--danger  { background: #dc2626; }
.jv-timeline-dot--pending { background: #e3e7ef; border-color: #e3e7ef; }
.jv-timeline-item--active .jv-timeline-dot { box-shadow: 0 0 0 4px rgba(2,62,138,.15); }
.jv-timeline-item--pending .jv-timeline-status { color: #b0b7c3; font-weight: 500; }
.jv-timeline-item--done    .jv-timeline-status { color: #6b7280; }
.jv-tl-check {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px; color: #fff; line-height: 1;
}
.jv-timeline-content { flex: 1; min-width: 0; }
.jv-timeline-status  { font-size: 13px; font-weight: 700; color: #272b41; margin: 0 0 3px; }
.jv-timeline-desc    { font-size: 12px; color: #5a6074; margin: 0 0 3px; line-height: 1.5; }
.jv-timeline-date    { font-size: 11px; color: #9299b8; margin: 0; }

/* botão desistência */
.jv-btn-desistir {
  font-size: 12px; color: #b91c1c; background: none; border: 1px solid #fca5a5;
  border-radius: 8px; padding: 6px 14px; cursor: pointer; transition: background .15s;
  width: 100%;
}
.jv-btn-desistir:hover { background: #fee2e2; }

/* ── Alerts (_Alerts.cshtml) ─────────────────────────────────────────────── */
.jv-alert {
  display: flex; align-items: flex-start; gap: 12px;
  border-radius: 12px; padding: 14px 16px; margin-top: 16px;
  border: 1.5px solid transparent;
  animation: jv-alert-in .25s ease;
}
@keyframes jv-alert-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.jv-alert--success { background: #f0fdf8; border-color: #a7f3d0; color: #15803d; }
.jv-alert--danger  { background: #fff5f5; border-color: #fca5a5; color: #b91c1c; }
.jv-alert--info    { background: #ebf2ff; border-color: #bdd6ff; color: #023E8A; }
.jv-alert--warning { background: #fffbeb; border-color: #fcd34d; color: #92400e; }

.jv-alert-icon { font-size: 20px; flex-shrink: 0; line-height: 1.4; }
.jv-alert-body { flex: 1; font-size: 14px; line-height: 1.6; }
.jv-alert-body a { color: inherit; text-decoration: underline; }

.jv-alert-close {
  background: none; border: none; padding: 0; cursor: pointer;
  font-size: 16px; line-height: 1; opacity: .5; flex-shrink: 0;
  color: inherit; transition: opacity .15s;
}
.jv-alert-close:hover { opacity: 1; }

/* Alert dentro do card de login (layout auth) */
.lv-card .jv-alert { margin-left: 28px; margin-right: 28px; }

/* ── Dashboard: atalho "Ver todas" ───────────────────────────────────────── */
.jv-ver-todas-link {
  font-size: 12px; font-weight: 700; color: #023E8A;
  white-space: nowrap; text-decoration: none;
  display: inline-flex; align-items: center;
  padding: 4px 10px; border-radius: 20px;
  border: 1.5px solid #bdd6ff; background: #ebf2ff;
  transition: background .15s, border-color .15s;
}
.jv-ver-todas-link:hover { background: #023E8A; color: #fff; border-color: #023E8A; }

.jv-card-footer-cta {
  border-top: 1px solid #f0f2f5;
}
.jv-footer-cta-link {
  display: flex; align-items: center; justify-content: center;
  padding: 13px 20px; font-size: 13px; font-weight: 600;
  color: #6b7280; text-decoration: none;
  transition: background .15s, color .15s;
}
.jv-footer-cta-link:hover { background: #f5f7fb; color: #023E8A; }