/*
 * Tema do login, igual ao da Central de chamados e do Gestão.
 * Paleta do logo da Estratégia e Soluções: marinho #030530 e laranja #FD4C13
 * (o nome do arquivo ficou do tema azul anterior).
 * Só aparência: carregado depois dos estilos da página, não altera tamanhos,
 * posições nem a lógica. Para voltar ao visual anterior, remova o <link>
 * deste arquivo em login.html.
 *
 * O Solicitante usa laranja claro e o Técnico marinho, para seguirem
 * distintos. Mensagens de sucesso continuam verdes.
 */

:root {
  --green-700: #141a5c;
  --green-600: #d23c0b;
  --green-500: #fd4c13;
  --blue-700: #141a5c;
  --ink-950: #0f172a;
  --lt-sky-600: #ff7a45;
  --lt-blue-600: #fd4c13;
  --lt-blue-700: #d23c0b;
  --lt-navy-700: #141a5c;
  --lt-page: #f2f3f8;
}

body {
  background:
    radial-gradient(circle at 12% 7%, rgba(253,76,19, .08), transparent 27rem),
    radial-gradient(circle at 91% 87%, rgba(20,26,92, .08), transparent 32rem),
    var(--lt-page);
}

/* ---------- Painel de boas-vindas ---------- */

.welcome-panel::before {
  background: linear-gradient(90deg, rgba(255,162,127, .08), rgba(20,26,92, .12));
}

.welcome-panel::after {
  background: linear-gradient(90deg, rgba(255,162,127, .07), rgba(20,26,92, .08));
}

.brand-mark {
  background: linear-gradient(135deg, #fd4c13 0%, var(--lt-sky-600) 100%);
  box-shadow: 0 14px 26px rgba(253,76,19, .30);
}

.welcome-title .green,
.access-note-title .green {
  color: var(--lt-blue-600);
}

.access-note-title .blue {
  color: var(--lt-navy-700);
}

.mini-chart {
  background: conic-gradient(var(--lt-blue-600) 0 34%, #ffe0d1 34% 63%, var(--lt-navy-700) 63% 78%, #edf1f5 78%);
}

.requester-guide-title .accent {
  color: var(--lt-blue-600);
  background: linear-gradient(100deg, var(--lt-sky-600), var(--lt-blue-600) 50%, var(--lt-navy-700));
  background-clip: text;
  -webkit-background-clip: text;
}

.requester-guide-step {
  --step-color: var(--lt-navy-700);
  --step-soft: #f1f2f8;
  --step-border: #dfe1ec;
}

.access-role-card {
  --role-color: var(--lt-navy-700);
  --role-soft: #f1f2f8;
  --role-border: #dfe1ec;
}

.requester-guide-step:nth-child(-n + 2) {
  --step-color: var(--lt-sky-600);
  --step-soft: #fff4ef;
  --step-border: #ffd9c9;
}

.requester-guide-alert {
  color: #475569;
  border-color: #ffcdb8;
  background: linear-gradient(145deg, rgba(255,241,235, .98), rgba(255,249,246, .94));
}

.requester-guide-alert-icon {
  background: linear-gradient(145deg, var(--lt-blue-600), var(--lt-navy-700));
  box-shadow: 0 7px 15px rgba(253,76,19, .22);
}

.requester-guide-alert strong {
  color: var(--lt-navy-700);
}

.requester-training-icon {
  background: linear-gradient(145deg, var(--lt-sky-600), var(--lt-blue-600));
  box-shadow: 0 9px 18px rgba(253,76,19, .20);
}

/* ---------- Painel de acesso ---------- */

.auth-symbol {
  border-color: #ffd9c9;
  background: linear-gradient(145deg, #fffcfa, #fff1eb);
  box-shadow: 0 18px 34px rgba(253,76,19, .10);
}

.access-note {
  border-color: #ffd9c9;
  background: linear-gradient(135deg, rgba(255,241,235, .98), rgba(255,244,239, .98));
  box-shadow: 0 12px 28px rgba(20,26,92, .08);
}

.access-note-icon {
  box-shadow: 0 9px 20px rgba(253,76,19, .24);
}

.role-tab[aria-selected="true"] {
  box-shadow: 0 10px 20px rgba(253,76,19, .22);
}

.control:focus,
.select-control:focus {
  box-shadow: 0 0 0 4px rgba(253,76,19, .12), 0 8px 24px rgba(44, 58, 78, .06);
}

.primary-button {
  background: linear-gradient(118deg, var(--lt-blue-600), var(--lt-blue-700) 45%, var(--lt-navy-700));
  box-shadow: 0 14px 28px rgba(253,76,19, .28);
}

.primary-button:hover:not(:disabled) {
  box-shadow: 0 18px 32px rgba(253,76,19, .34);
}

.access-role-card--requester {
  --role-color: var(--lt-sky-600);
  --role-soft: #fff4ef;
  --role-border: #ffd9c9;
  background: linear-gradient(145deg, #fff, #fffaf7);
}

.session-card {
  border-color: #ffd9c9;
  background: linear-gradient(145deg, #fffcfa, #fff1eb);
}

.secondary-button {
  color: var(--lt-navy-700);
  border-color: #ffc9b3;
  background: #fff4ef;
}

.secondary-button:hover:not(:disabled) {
  background: #ffe6da;
}