/* =========================================================
   CNEC BOLSAS - CABECALHO DO DASHBOARD
   ========================================================= */

.dashboard-welcome {
  position: relative;
  overflow: hidden;
  min-height: 146px;
  padding: 28px 32px;
  gap: 22px;
  border: 1px solid #dbe7f4;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #f6f9fe 54%,
    #edf5ff 100%
  );
  box-shadow: 0 10px 28px rgba(15, 43, 85, 0.08);
}

/* Ícone escolar */
.dashboard-welcome > .avatar {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  font-size: 0 !important;
  color: transparent;
  background: linear-gradient(135deg, #ffd64d 0%, #ffad19 100%);
  border: 3px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 9px 22px rgba(245, 174, 25, 0.25);
}

/* Livro vetorial no lugar do emoji */
.dashboard-welcome > .avatar::before {
  content: "";
  width: 34px;
  height: 34px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%230d2d5c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}

/* Área de texto */
.dashboard-welcome > div:nth-child(2) {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Rótulo */
.dashboard-welcome > div:nth-child(2)::before {
  content: "Painel administrativo";
  display: block;
  margin-bottom: 5px;
  color: #0f5cbd;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

/* Nome */
.dashboard-welcome h2 {
  margin: 0;
  color: #0b1f3a;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

/* Subtítulo */
.dashboard-welcome p {
  margin: 6px 0 0;
  color: #304d73;
  font-size: 15px;
  font-weight: 600;
}

/* Data */
.dashboard-welcome .date {
  display: inline-flex;
  width: auto;
  margin-top: 12px;
  padding: 7px 11px;
  gap: 7px;
  border: 1px solid #dce6f2;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #53657d;
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(15, 43, 85, 0.04);
}

/* Decoração azul */
.dashboard-welcome::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  top: -120px;
  right: -35px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(21, 90, 180, 0.17) 0%,
    rgba(21, 90, 180, 0.07) 48%,
    transparent 72%
  );
  pointer-events: none;
}

/* Detalhe amarelo */
.dashboard-welcome::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: -63px;
  right: 118px;
  border: 3px solid rgba(244, 190, 35, 0.9);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(16deg);
  pointer-events: none;
}

@media (max-width: 780px) {
  .dashboard-welcome {
    min-height: auto;
    padding: 24px 22px;
    gap: 16px;
  }

  .dashboard-welcome > .avatar {
    width: 62px;
    height: 62px;
  }

  .dashboard-welcome > .avatar::before {
    width: 29px;
    height: 29px;
  }

  .dashboard-welcome h2 {
    font-size: 23px;
  }

  .dashboard-welcome p {
    font-size: 14px;
  }

  .dashboard-welcome::after {
    right: 35px;
    opacity: 0.6;
  }
}

@media (max-width: 520px) {
  .dashboard-welcome {
    align-items: flex-start;
  }

  .dashboard-welcome .date {
    font-size: 12px;
  }

  .dashboard-welcome::before,
  .dashboard-welcome::after {
    opacity: 0.45;
  }
}