/* Encuesta rápida integrada: caras limpias, expresivas y sin fondo oscuro. */
.satisfaction-options.rating {
  gap: 14px !important;
  padding: 10px !important;
  border: 1px solid rgba(85,115,101,.18);
  border-radius: 24px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.72),rgba(225,237,232,.58)) !important;
  box-shadow: 0 14px 34px rgba(31,65,55,.1);
}
.satisfaction-options.rating label {
  min-height: 112px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.38) !important;
  color: #5b716b !important;
  transition: transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s !important;
}
.satisfaction-options.rating label:hover {
  transform: translateY(-3px);
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 9px 20px rgba(35,67,58,.12);
}
.satisfaction-options.rating .super-happy + label:hover,
.satisfaction-options.rating .super-happy:checked + label { color:#15974b !important; }
.satisfaction-options.rating .neutral + label:hover,
.satisfaction-options.rating .neutral:checked + label { color:#b6a800 !important; }
.satisfaction-options.rating .super-sad + label:hover,
.satisfaction-options.rating .super-sad:checked + label { color:#d43a27 !important; }
.satisfaction-options.rating input:checked + label { transform:translateY(-2px) scale(1.02); }

/* Los botones de búsqueda también se abren al pasar el cursor en escritorio. */
@media (hover:hover) and (pointer:fine) {
  .expanding-search:hover { width:100%; }
  .expanding-search:hover input[type="search"] {
    width:100% !important;
    border-radius:12px !important;
    cursor:text;
  }
  .expanding-search:hover input[type="search"]::placeholder { color:#7b8c87; }
}
.public-project-filters .expanding-search,
.gallery-filter .expanding-search,
.users-toolbar .expanding-search,
.audit-filters .expanding-search { justify-self:start; }

/* Retroalimentación visible durante la pulsación larga de Molly. */
.arope-assistant.is-holding .assistant-toggle::after {
  content:"Mueveme";
  position:absolute;
  left:50%;
  bottom:-24px;
  width:max-content;
  padding:4px 8px;
  border-radius:999px;
  background:#314e46;
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  transform:translateX(-50%);
  animation:assistant-hold-pulse .65s ease-in-out infinite alternate;
}
@keyframes assistant-hold-pulse { to { box-shadow:0 0 0 5px rgba(85,115,101,.18); } }

/* Cargador de libro al publicar el organigrama. */
.organigram-book-loader:not([hidden]) {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  padding:18px;
  color:#46665e;
}
.organigram-book-loader .book-wrapper {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:132px;
}
.organigram-book-loader .book {
  width:100%;
  height:auto;
  fill:rgba(255,255,255,.74);
  filter:drop-shadow(8px 8px 5px rgba(0,0,0,.12));
}
.organigram-book-loader .book-page {
  position:absolute;
  width:50%;
  height:auto;
  transform-origin:left;
  animation:organigram-paging .55s linear infinite;
}
@keyframes organigram-paging {
  0% { transform:rotateY(0deg) skewY(0deg); }
  50% { transform:rotateY(90deg) skewY(-18deg); }
  100% { transform:rotateY(180deg) skewY(0deg); }
}
html[data-theme="dark"] .satisfaction-options.rating { background:rgba(28,44,39,.72) !important; }
html[data-theme="dark"] .satisfaction-options.rating label { background:rgba(255,255,255,.045) !important;color:#cadbd5 !important; }
@media (prefers-reduced-motion:reduce) { .organigram-book-loader .book-page { animation-duration:1.6s; } }

/* Libro para distinguir la edición de evaluación del lápiz de presentación. */
.authenticated-ui .ui-action-book { color:#557365 !important; }
.authenticated-ui .action-book {
  width:25px;
  height:20px;
  overflow:visible;
  fill:rgba(85,115,101,.08);
  stroke:currentColor;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .28s ease;
}
.authenticated-ui .ui-action-book:hover .action-book,
.authenticated-ui .ui-action-book:focus-visible .action-book { transform:perspective(80px) rotateY(-12deg) scale(1.08); }

/* Paleta nocturna AROPE compartida entre administradores y usuarios. */
html[data-theme="dark"] {
  --night-sand: #d1a57a;
  --night-cream: #f3ead8;
  --night-khaki: #b7a46a;
  --night-olive: #6f6a3c;
  --night-ink: #2c2b20;
  --fondo: var(--night-ink);
  --blanco: var(--night-olive);
  --negro: var(--night-cream);
  --texto-sec: var(--night-khaki);
  --piedra-claro: var(--night-olive);
  --cafe: var(--night-sand);
  --piedra: var(--night-khaki);
  color-scheme: dark;
}

html[data-theme="dark"] body.authenticated-ui,
html[data-theme="dark"] body.public-ui {
  color: var(--night-cream);
  background-color: var(--night-ink) !important;
  background-image:
    radial-gradient(circle at 12% 10%, rgba(183, 164, 106, .22), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(111, 106, 60, .28), transparent 32rem),
    linear-gradient(145deg, var(--night-ink), #3b3825 58%, #4a432c) !important;
}

html[data-theme="dark"] body.authenticated-ui nav:not(.subnav),
html[data-theme="dark"] body.public-ui nav:not(.subnav) {
  background: rgba(44, 43, 32, .94) !important;
  border-bottom-color: rgba(209, 165, 122, .42) !important;
}

html[data-theme="dark"] body.authenticated-ui .subnav,
html[data-theme="dark"] body.public-ui .subnav {
  background: rgba(111, 106, 60, .88) !important;
  border-bottom-color: rgba(243, 234, 216, .22) !important;
}

html[data-theme="dark"] body.authenticated-ui .card,
html[data-theme="dark"] body.authenticated-ui .admin-card,
html[data-theme="dark"] body.authenticated-ui .operational-insights a,
html[data-theme="dark"] body.authenticated-ui .exports-card,
html[data-theme="dark"] body.authenticated-ui .empty-state {
  color: var(--night-cream) !important;
  background: linear-gradient(145deg, rgba(111, 106, 60, .7), rgba(44, 43, 32, .8)) !important;
  border-color: rgba(183, 164, 106, .4) !important;
}

html[data-theme="dark"] body.authenticated-ui .admin-card h3,
html[data-theme="dark"] body.authenticated-ui .operational-insights strong,
html[data-theme="dark"] body.authenticated-ui .operational-insights span,
html[data-theme="dark"] body.authenticated-ui .operational-insights small {
  color: var(--night-cream) !important;
}

html[data-theme="dark"] body.authenticated-ui .admin-card:hover,
html[data-theme="dark"] body.authenticated-ui .admin-card:focus-visible {
  border-color: var(--night-sand) !important;
  background: linear-gradient(145deg, rgba(209, 165, 122, .38), rgba(111, 106, 60, .82)) !important;
}

/* Rediseño claro exclusivo de las pantallas de usuarios autenticados. */
html:not([data-theme="dark"]) body.authenticated-ui > nav:not(.subnav) {
  background: linear-gradient(135deg, #557365, #3f5d51) !important;
  border-bottom: 3px solid #948a50 !important;
  box-shadow: 0 10px 28px rgba(63, 93, 81, .24) !important;
}

html:not([data-theme="dark"]) body.authenticated-ui > .subnav {
  background: #948a50 !important;
  border-bottom: 1px solid rgba(85, 115, 101, .3) !important;
  box-shadow: 0 5px 16px rgba(85, 115, 101, .12) !important;
}

html:not([data-theme="dark"]) body.authenticated-ui > .subnav .nav-link {
  color: #fff !important;
}

html:not([data-theme="dark"]) body.authenticated-ui {
  background-color: #edf2ef !important;
  background-image:
    radial-gradient(circle at 8% 12%, rgba(148, 138, 80, .18), transparent 28rem),
    radial-gradient(circle at 92% 18%, rgba(85, 115, 101, .16), transparent 32rem),
    linear-gradient(145deg, #f6f7f1, #e5ece8 58%, #f2eee1) !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-dashboard-heading h1,
html:not([data-theme="dark"]) body.authenticated-ui > .container > h1 {
  color: #557365 !important;
  letter-spacing: -.025em;
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-card,
html:not([data-theme="dark"]) body.authenticated-ui .card {
  border: 1px solid rgba(85, 115, 101, .18) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .42), rgba(237, 243, 239, .18)) !important;
  box-shadow: 0 18px 42px rgba(63, 93, 81, .11), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-card {
  min-height: 188px;
  justify-content: center;
  padding: 24px;
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-card:hover,
html:not([data-theme="dark"]) body.authenticated-ui .admin-card:focus-visible,
html:not([data-theme="dark"]) body.authenticated-ui .card.interactive-card:hover {
  border-color: #948a50 !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .56), rgba(234, 241, 237, .28)) !important;
  box-shadow: 0 24px 54px rgba(85, 115, 101, .18), inset 0 1px 0 rgba(255, 255, 255, .82) !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-icon,
html:not([data-theme="dark"]) body.authenticated-ui .course-card-arrow {
  border-color: rgba(148, 138, 80, .28) !important;
  background: rgba(255, 255, 255, .22) !important;
  color: #948a50 !important;
  box-shadow: 0 10px 24px rgba(85, 115, 101, .1), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-icon {
  width: 76px !important;
  height: 76px !important;
  margin-bottom: 24px !important;
  border-radius: 20px !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-icon svg {
  width: 38px !important;
  height: 38px !important;
  stroke-width: 1.55 !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-card:hover .admin-icon,
html:not([data-theme="dark"]) body.authenticated-ui .admin-card:focus-visible .admin-icon {
  background: rgba(85, 115, 101, .1) !important;
  color: #557365 !important;
  transform: translateY(-3px) scale(1.06);
}

html:not([data-theme="dark"]) body.authenticated-ui .admin-card h3,
html:not([data-theme="dark"]) body.authenticated-ui .course-section-card h3 {
  color: #2f4038 !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .btn {
  border-color: rgba(85, 115, 101, .3) !important;
  background: rgba(255, 255, 255, .2) !important;
  color: #35564f !important;
  box-shadow: 0 10px 24px rgba(63, 93, 81, .1), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

html:not([data-theme="dark"]) body.authenticated-ui .btn:hover,
html:not([data-theme="dark"]) body.authenticated-ui .btn:focus-visible {
  background: rgba(148, 138, 80, .14) !important;
  border-color: rgba(148, 138, 80, .48) !important;
  color: #5f5731 !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .btn.peligro {
  border-color: rgba(168, 50, 50, .32) !important;
  background: rgba(255, 245, 243, .62) !important;
  color: #9a3030 !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .btn.peligro:hover,
html:not([data-theme="dark"]) body.authenticated-ui .btn.peligro:focus-visible {
  border-color: rgba(168, 50, 50, .5) !important;
  background: rgba(168, 50, 50, .12) !important;
  color: #842727 !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .resource-library {
  background: rgba(255, 255, 255, .34) !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .resource-list a {
  border-color: rgba(85, 115, 101, .18);
  background: rgba(255, 255, 255, .24);
  box-shadow: 0 10px 24px rgba(63, 93, 81, .08);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

html:not([data-theme="dark"]) body.authenticated-ui .resource-list a > span {
  min-width: 52px;
  min-height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(168, 50, 50, .3);
  border-radius: 15px;
  background: rgba(255, 255, 255, .22);
  color: #a83232;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

html:not([data-theme="dark"]) body.authenticated-ui .ui-action-edit,
html:not([data-theme="dark"]) body.authenticated-ui .ui-action-save,
html:not([data-theme="dark"]) body.authenticated-ui .review-inbox-stack > summary,
html:not([data-theme="dark"]) body.authenticated-ui .styled-back-button::after {
  background: rgba(255, 255, 255, .18) !important;
  color: #35564f !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .ui-action-edit,
html:not([data-theme="dark"]) body.authenticated-ui .ui-action-save,
html:not([data-theme="dark"]) body.authenticated-ui .review-inbox-stack > summary {
  border: 1px solid rgba(85, 115, 101, .34) !important;
  box-shadow: 0 12px 28px rgba(63, 93, 81, .15), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

html:not([data-theme="dark"]) body.authenticated-ui .ui-action-edit:hover,
html:not([data-theme="dark"]) body.authenticated-ui .ui-action-save:hover,
html:not([data-theme="dark"]) body.authenticated-ui .review-inbox-stack > summary:hover {
  background: rgba(148, 138, 80, .14) !important;
  color: #5f5731 !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .review-inbox-stack > summary::before,
html:not([data-theme="dark"]) body.authenticated-ui .review-inbox-stack > summary::after {
  background: rgba(255, 255, 255, .18);
}

html:not([data-theme="dark"]) body.authenticated-ui .course-section-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, .36), rgba(237, 243, 239, .15)) !important;
}

html:not([data-theme="dark"]) body.authenticated-ui .course-section-card:hover,
html:not([data-theme="dark"]) body.authenticated-ui .course-section-card:focus-visible {
  background: linear-gradient(145deg, rgba(255, 255, 255, .52), rgba(237, 243, 239, .24)) !important;
}

/* El acceso no debe heredar el menú público de escritorio. */
.glass-filter-definitions {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
  pointer-events: none;
}

body.auth-page > nav,
body.auth-page > .subnav,
body.auth-page > .public-menu-scrim {
  display: none !important;
}

/* En escritorio, la navegación pública comparte la barra oscura del logotipo. */
@media (min-width: 901px) {
  .public-ui:not(.auth-page) > nav:first-of-type {
    position: relative;
    z-index: 91;
    min-height: 88px;
    margin: 0;
    padding: 10px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    background: #485642;
    box-shadow: none;
  }

  .public-ui:not(.auth-page) > nav:first-of-type .brand img {
    width: 122px;
    max-height: 58px;
    object-fit: contain;
  }

  .public-ui:not(.auth-page) > nav:first-of-type .universal-search {
    margin-left: 14px;
  }

  .public-ui:not(.auth-page) > .public-drawer {
    position: absolute !important;
    z-index: 92 !important;
    top: 0 !important;
    right: 205px !important;
    left: 285px !important;
    width: auto !important;
    height: 88px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .public-ui:not(.auth-page) > .public-drawer > div {
    height: 100%;
    justify-content: center !important;
    gap: 2px !important;
  }

  .public-ui:not(.auth-page) > .public-drawer .nav-link {
    padding: 11px 9px !important;
    color: rgba(255,255,255,.9) !important;
    font-size: .8rem !important;
    font-weight: 650;
  }

  .public-ui:not(.auth-page) > .public-drawer .nav-link:hover,
  .public-ui:not(.auth-page) > .public-drawer .nav-link:focus-visible {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
  }
}

/* El mismo lenguaje oscuro del portal se mantiene en cuentas y administración. */
.admin-ui > .admin-topbar,
.employee-ui > .employee-topbar {
  border-color: rgba(184,164,67,.42) !important;
  background: linear-gradient(110deg, #22251f, #30362e) !important;
  box-shadow: 0 8px 28px rgba(15,22,19,.2) !important;
}

.admin-ui > .admin-topbar {
  position: relative;
  z-index: 90;
}

.admin-ui > .admin-topbar > .nav-links {
  width: auto;
  margin-left: auto;
}

.admin-ui .admin-account-menu .employee-menu-panel {
  width: 330px !important;
}

.admin-ui .admin-account-menu .notificacion-punto {
  position: static;
  display: inline-grid;
  min-width: 21px;
  height: 21px;
  margin-left: auto;
  place-items: center;
  border-radius: 999px;
  background: #b33636;
  color: #fff;
  font-size: .68rem;
  font-weight: 900;
}

@media (min-width: 901px) {
  .admin-ui > .admin-topbar,
  .employee-ui > .employee-topbar {
    min-height: 88px;
    padding: 10px 30px;
  }

  .admin-ui > .admin-topbar .brand img,
  .employee-ui > .employee-topbar .brand img {
    width: 122px;
    max-height: 58px;
    object-fit: contain;
  }

  .admin-ui > .admin-drawer {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(184,164,67,.38) !important;
    border-radius: 0 !important;
    background: rgba(34,37,31,.96) !important;
    box-shadow: 0 8px 22px rgba(15,22,19,.14) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  .admin-ui > .admin-drawer > div {
    justify-content: flex-start !important;
    max-width: none !important;
    padding: 0 24px;
    scrollbar-width: thin;
  }

  .admin-ui > .admin-drawer .nav-link {
    color: rgba(255,255,255,.88) !important;
  }

  .admin-ui > .admin-drawer .nav-link:hover,
  .admin-ui > .admin-drawer .nav-link:focus-visible {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
  }
}

@media (max-width: 700px) {
  .admin-ui .admin-topbar {
    display: grid;
    grid-template-columns: minmax(94px, 130px) minmax(0, 1fr) 42px 42px;
    grid-template-areas: "brand user menu logout";
    align-items: center;
    gap: 6px;
    min-height: 68px;
    padding: 9px 10px !important;
  }

  .admin-ui .admin-topbar > .brand {
    grid-area: brand;
    min-width: 0;
  }

  .admin-ui .admin-topbar > .brand img {
    width: min(100%, 122px);
    height: auto;
  }

  .admin-ui .admin-topbar > .nav-links {
    display: contents !important;
  }

  .admin-ui .employee-mobile-user-chip {
    grid-area: user;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 7px;
    color: #fff;
    text-decoration: none;
  }

  .admin-ui .employee-mobile-user-chip > img,
  .admin-ui .employee-mobile-user-chip > .employee-menu-initial {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    object-fit: cover;
  }

  .admin-ui .employee-mobile-user-chip > span:last-child {
    min-width: 0;
    overflow: hidden;
  }

  .admin-ui .employee-mobile-user-chip b,
  .admin-ui .employee-mobile-user-chip small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .admin-ui .employee-mobile-user-chip b {
    font-size: .76rem;
  }

  .admin-ui .employee-mobile-user-chip small {
    color: rgba(255,255,255,.7);
    font-size: .6rem;
  }

  .admin-ui .employee-menu-toggle {
    grid-area: menu;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 12px;
    background: rgba(255,255,255,.1);
    color: #fff;
  }

  .admin-ui .employee-menu-toggle svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
  }

  .admin-ui .employee-menu-toggle span {
    display: none;
  }

  .admin-ui .employee-menu {
    position: absolute;
    width: 0;
    height: 0;
  }

  .admin-ui .employee-menu > summary {
    display: none;
  }

  .admin-ui .employee-menu-panel {
    position: fixed;
    top: 76px;
    right: 10px;
    left: 10px;
    width: auto !important;
  }

  .admin-ui .employee-mobile-logout {
    grid-area: logout;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    text-decoration: none;
  }

  .admin-ui .employee-mobile-logout svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}

/* Encabezado publico nocturno: una sola superficie negra. */
html[data-theme="dark"] body.public-ui:not(.auth-page) > nav:first-of-type,
html[data-theme="dark"] body.public-ui:not(.auth-page) > .public-drawer {
  background: #080808 !important;
  border-color: #26221e !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="dark"] body.public-ui:not(.auth-page) > nav::before,
html[data-theme="dark"] body.public-ui:not(.auth-page) > nav::after {
  display: none !important;
}
html[data-theme="dark"] body.public-ui:not(.auth-page) > .public-drawer > div {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.public-ui:not(.auth-page) > .public-drawer .nav-link {
  color: #f4eee7 !important;
  background: transparent !important;
}
html[data-theme="dark"] body.public-ui:not(.auth-page) > .public-drawer .nav-link:is(:hover, :focus-visible) {
  background: #49372a !important;
  color: #fff5e8 !important;
}
html[data-theme="dark"] body.public-ui:not(.auth-page) > .public-drawer .nav-link::after {
  display: none;
}
body.public-ui .public-drawer .theme-switch:focus-within {
  outline: none !important;
}
body.public-ui .public-drawer .theme-switch:has(:focus-visible) .theme-switch__container {
  outline: 2px solid #c5af8b;
  outline-offset: 4px;
}
@media(min-width:901px) { 
  .public-ui:not(.auth-page) > .public-drawer { left: 175px !important; }
  .public-ui:not(.auth-page) > .public-drawer > div { justify-content: safe center !important; }
}