/* TELEXPRESS FULL VER21 · header uniforme de modales */
.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-content{overflow:hidden;border:0!important;}
.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header{background:#087aff!important;color:#fff!important;border:0!important;border-bottom:5px solid #006eff!important;}
.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header .modal-title,.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header h1,.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header h2,.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header h3,.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header small{color:#fff!important;}
.modal:not(#driverCallModal):not(#driverIncomingCallModal) .modal-header .btn-close{filter:brightness(0) invert(1);opacity:1;}
.tx-ui-feature-hidden{display:none!important;}

/* =====================================================================
   TELEXPRESS FULL VER22 · footer dinámico Driver
   Los controles ocultos por feature flags salen del flujo visual y los
   controles restantes se redistribuyen automáticamente a todo el ancho.
   ===================================================================== */
body.driver-app-body .driver-footer{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
}
body.driver-app-body .driver-footer>button{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
body.driver-app-body .driver-footer #driverNotificationsBadge:not(.d-none){display:grid!important;position:absolute;top:9px;right:calc(50% - 25px);min-width:18px;height:18px;padding:0 3px;place-items:center;background:#cf2440;color:white;border-radius:999px;font-size:10px;line-height:1}
.driver-notification-item{display:flex;width:100%;gap:12px;padding:14px 10px;text-align:left;border:0;border-bottom:1px solid #e8eaf0;background:#fff;color:#202833}
.driver-notification-item.unread{background:#f1f7ff}
.driver-notification-item span:nth-child(2){min-width:0;display:grid;gap:4px}
.driver-notification-item strong,.driver-notification-item small{overflow-wrap:anywhere}
.driver-notification-item small,.driver-notification-item time{color:#657085}
.driver-notification-indicator{width:8px;height:8px;flex:0 0 8px;margin-top:8px;border-radius:50%;background:transparent}
.driver-notification-item.unread .driver-notification-indicator{background:#087aff}
body.driver-app-body .driver-footer>button.tx-ui-feature-hidden,
body.driver-app-body .driver-footer>button[hidden]{
  display:none!important;
  flex:0 0 0!important;
}
/* Las reglas históricas del chat forzaban grid; VER22 mantiene el footer
   dinámico también mientras el chat del motorizado está abierto. */
body.driver-app-body.tx-driver-chat-open .driver-footer{
  display:flex!important;
}