/* V50 · desplegables consistentes, navegación móvil suave y ajustes simples */

/* Todos los desplegables de una sola opción comparten la misma forma visual.
   Se aplica también a los selectores "Mostrar 5, 10, 25..." de los listados. */
select:not([multiple]) {
  -webkit-appearance:none!important;
  appearance:none!important;
  border:1px solid #d5e1e9!important;
  border-radius:14px!important;
  background-color:#fff!important;
  background-image:linear-gradient(45deg,transparent 50%,#64788a 50%),linear-gradient(135deg,#64788a 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px)!important;
  background-repeat:no-repeat!important;
  background-size:5px 5px,5px 5px!important;
  padding-right:36px!important;
  box-shadow:0 1px 2px rgba(18,58,87,.04)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
select:not([multiple]):hover {
  border-color:#b7cbd8!important;
}
select:not([multiple]):focus {
  border-color:var(--gtic-teal,#20c6c9)!important;
  box-shadow:0 0 0 4px rgba(32,198,201,.12)!important;
}
select[name="per_page"] {
  min-width:78px!important;
  border-radius:14px!important;
}
.gtic-filter-unified select:not([multiple]),
.gtic-filter-one-line select:not([multiple]),
.gtic-filter-inline select:not([multiple]),
.filterbar select:not([multiple]),
.gtic-dn-filter select:not([multiple]),
.notification-filter-line select:not([multiple]),
.chat-filter-line select:not([multiple]),
.gtic-mobile-filter-advanced select:not([multiple]) {
  min-height:38px!important;
  border-radius:14px!important;
}

html[data-theme="dark"] select:not([multiple]) {
  background-color:#0e1b28!important;
  color:#edf4fb!important;
  border-color:#3a5065!important;
  background-image:linear-gradient(45deg,transparent 50%,#a9bdcb 50%),linear-gradient(135deg,#a9bdcb 50%,transparent 50%)!important;
}
html[data-theme="dark"] select:not([multiple]):hover {
  border-color:#587086!important;
}

/* Navegación móvil estable: la página no se desplaza ni anima al cambiar de módulo. */
@view-transition { navigation:none; }

@media(max-width:920px) {
  [data-page-content] {
    animation:none!important;
    transform:none!important;
  }
  .mobile-bottom-nav,
  .gtic-section-actions {
    justify-content:flex-start!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
  }
  .mobile-bottom-nav:not(.is-overflowing),
  .gtic-section-actions:not(.is-overflowing) {
    justify-content:center!important;
  }
  .mobile-bottom-nav a,
  .gtic-section-action {
    flex-shrink:0!important;
    transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .10s ease!important;
  }
  .mobile-bottom-nav a:active,
  .gtic-section-action:active {
    transform:scale(.985)!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  [data-page-content],
  .mobile-bottom-nav a,
  .gtic-section-action {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}