/* ═══════════════════════════════════════════════════════════════════
   NAV INFERIOR — relieve de la barra alrededor de "Agendar cita"
   Archivo: src/css/nav-relieve.css  (cargar DESPUÉS de admin.css)

   La barra SUBE en una curva suave detrás del botón central (como la referencia).
   - El círculo .bn__circle NO se toca: mismo tamaño, color, sombra y animaciones.
   - No se tocan clases, grid, etiquetas, iconos, raya activa, .bn__pill, gestos ni media queries.
   - Solo se agrega UN pseudo-elemento (::before) a .admin-bottom-nav: una "joroba" blanca con el
     mismo borde y la misma sombra suave que la barra, centrada sobre el botón del medio.
   Para revertir: quitar el <link> de este archivo en admin.html y barbero.html.

   Geometría (medida desde admin.css, barra ≤1024px):
     borde exterior de la barra = y 0 ·· círculo: 46 px, sobresale 12 px ·· joroba: 20 px de alto, 132 px de ancho
   ═══════════════════════════════════════════════════════════════════ */

:is(body[data-page="admin"], body[data-page="barbero"]) .admin-bottom-nav::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -21px;                 /* 20 px de joroba + 1 px del borde de la barra */
  width: 132px;
  height: 24px;               /* 20 + 1 + 3 px que se meten dentro de la barra para tapar su borde superior */
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 24'%3E%3Cpath d='M0 20.5C20 20.5 26 18.5 34 10C42 2.5 52 1 66 1C80 1 90 2.5 98 10C106 18.5 112 20.5 132 20.5V24H0Z' fill='%23ffffff'/%3E%3Cpath d='M0 20.5C20 20.5 26 18.5 34 10C42 2.5 52 1 66 1C80 1 90 2.5 98 10C106 18.5 112 20.5 132 20.5' fill='none' stroke='%23e6ebf3' stroke-width='1'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  filter: drop-shadow(0 -5px 6px rgba(15, 27, 51, 0.08));
  pointer-events: none;
}

/* Modo oscuro: mismos colores de la barra oscura (fondo #293646, borde #405267) */
:is(body[data-page="admin"], body[data-page="barbero"]) :is(#adminWorkspace, #barberoWorkspace).admin-dark-mode .admin-bottom-nav::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 24'%3E%3Cpath d='M0 20.5C20 20.5 26 18.5 34 10C42 2.5 52 1 66 1C80 1 90 2.5 98 10C106 18.5 112 20.5 132 20.5V24H0Z' fill='%23293646'/%3E%3Cpath d='M0 20.5C20 20.5 26 18.5 34 10C42 2.5 52 1 66 1C80 1 90 2.5 98 10C106 18.5 112 20.5 132 20.5' fill='none' stroke='%23405267' stroke-width='1'/%3E%3C/svg%3E");
  filter: drop-shadow(0 -5px 6px rgba(0, 0, 0, 0.35));
}