/* Estilo Visual Clean / Clinical Light - Padrão Acadêmico & Atlas Médico */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: #f1f5f9;
  color: #0f172a;
}

/* Glassmorphism Suave para Tema Claro */
.backdrop-blur-xl {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Sombras Suaves Anatômicas */
.shadow-atlas {
  box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.06), 0 4px 6px -2px rgba(15, 23, 42, 0.03);
}

/* Cabeçalho do Studio: prioridade visual e responsividade de notebook. */
.studio-header-main {
  min-width: 0;
}

@media (max-width: 1439px) {
  .studio-header {
    padding-top: .55rem;
    padding-bottom: .55rem;
  }
  .studio-header-main {
    align-items: flex-start;
    gap: .65rem;
  }
  .studio-header-main > :first-child {
    min-width: 0;
    padding-top: .15rem;
  }
  .studio-header-main > :last-child {
    max-width: 58%;
    justify-content: flex-end;
    flex-wrap: wrap;
    row-gap: .45rem;
  }
  #studio-active-lesson-badge {
    max-width: 260px;
    min-width: 0;
  }
  #studio-active-lesson-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 1199px) {
  .studio-header-main > :last-child {
    max-width: 54%;
  }
  .studio-utility-action {
    padding-left: .65rem;
    padding-right: .65rem;
  }
  .studio-utility-action > span:last-child {
    display: none;
  }
}

@media (max-width: 767px) {
  .studio-header-main {
    flex-wrap: wrap;
  }
  .studio-header-main > :last-child {
    max-width: none;
    width: 100%;
    justify-content: flex-start;
  }
  #studio-active-lesson-badge {
    display: none;
  }
}

/* Scrollbar Clean */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}