/* ========= Variables rápidas ========= */
:root {
  --pp-radius: 8px;
  --pp-bd: #d0d7de;
  --pp-surface: #fff;
  --pp-muted: #f3f4f6;
  --pp-focus: #2f6feb;
  --pp-focus-ring: rgba(47, 111, 235, .2);
  --pp-text: #0f172a;
}

/* ===== Altura homogénea (ajustá aquí si querés 40/42/44/48) ===== */
.crmEntityFormView {
  --fld-h: 44px;
  /* altura base para inputs/selects */
  --lkp-h: 44px;
  /* altura para lookups */
  --lkp-bd: #ccc;
  --lkp-radius: 6px;
  --lkp-btn-bg: #f5f5f5;
  --lkp-focus: #0078d4;
}


/* Estilos generales del formulario */
#EntityFormPanel,
.entity-form {
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* ========= Base consistente de campos (IGNORA readonly/disabled) ========= */
.crmEntityFormView .entity-form input[type="text"]:not([id$="_datepicker_description"]),
.crmEntityFormView .entity-form input[type="email"],
.crmEntityFormView .entity-form input[type="number"],
.crmEntityFormView .entity-form input[type="tel"],
.crmEntityFormView .entity-form input[type="url"],
.crmEntityFormView .entity-form textarea,
.crmEntityFormView .entity-form select {
  border: 1px solid var(--pp-bd) !important;
  border-radius: var(--pp-radius) !important;
  background: var(--pp-surface) !important;
  color: var(--pp-text) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  margin-bottom: 15px !important;
  padding: 0 12px !important;
  /* padding vertical 0 */
  height: var(--fld-h) !important;
  /* altura unificada */
  line-height: calc(var(--fld-h) - 2px) !important;
}


/* Foco accesible y uniforme */
.crmEntityFormView .entity-form .form-control:focus {
  border-color: var(--pp-focus) !important;
  box-shadow: 0 0 0 3px var(--pp-focus-ring) !important;
  outline: 0 !important;
}

/* ===== Lookups unificados (Power Pages) – SOLO afecta a los lookups =====
   Estructura de lookup:
   <div class="input-group" role="none">
     <input class="form-control lookup" id="xxxxx_name" ...>
     <div class="text-muted" aria-hidden="true">—</div>
     <input type="hidden" id="xxxxx">                    (GUID)     ← cambia al seleccionar
     <input type="hidden" id="xxxxx_entityname" value=""> (entidad)  ← queda "" sin selección
     <button class="btn clearlookupfield"> … </button>
     <button class="btn launchentitylookup"> … </button>
   </div>
*/
.crmEntityFormView .entity-form .input-group[role="none"]:has(input.form-control.lookup) {
  display: grid !important;
  grid-template-columns: 1fr var(--lkp-h) var(--lkp-h) !important;
  align-items: stretch !important;
  width: 100% !important;
  height: var(--lkp-h) !important;
  margin: 0 0 15px !important;

  border: 1px solid var(--lkp-bd) !important;
  border-radius: var(--lkp-radius) !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* Input visible del lookup */
.crmEntityFormView .entity-form .input-group[role="none"] input.form-control.lookup {
  grid-column: 1/2 !important;
  position: relative !important;
  z-index: 2 !important;
  /* por encima del “—” */
  border: 0 !important;
  box-shadow: none !important;
  height: 100% !important;
  line-height: calc(var(--lkp-h) - 2px) !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  background: #fff !important;
}

/* Placeholder “—” (se oculta al haber selección) */
.crmEntityFormView .entity-form .input-group[role="none"]:has(input[type="hidden"][id$="_entityname"]:not([value=""])) .text-muted[aria-hidden="true"] {
  display: none !important;
}

.crmEntityFormView .entity-form .input-group[role="none"] .text-muted[aria-hidden="true"] {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #666 !important;
  opacity: .7 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  line-height: var(--lkp-h) !important;
}

/* Botones (X y lupa) con misma altura del control */
.crmEntityFormView .entity-form .input-group[role="none"]:has(input.form-control.lookup) .btn {
  position: relative !important;
  height: var(--lkp-h) !important;
  width: var(--lkp-h) !important;
  min-width: var(--lkp-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-left: 1px solid var(--lkp-bd) !important;
  background: var(--lkp-btn-bg) !important;
}

.crmEntityFormView .entity-form .input-group[role="none"] .btn.clearlookupfield {
  grid-column: 2/3 !important;
}

.crmEntityFormView .entity-form .input-group[role="none"] .btn.launchentitylookup {
  grid-column: 3/4 !important;
}

.crmEntityFormView .entity-form .input-group[role="none"] .btn .fa {
  font-size: 14px !important;
}

/* X SOLO cuando hay selección (usamos _entityname que queda vacío si no hay valor) */
.crmEntityFormView .entity-form .input-group[role="none"]:has(input[type="hidden"][id$="_entityname"][value=""]) .clearlookupfield {
  display: none !important;
  /* sin selección → ocultar */
}

.crmEntityFormView .entity-form .input-group[role="none"]:has(input[type="hidden"][id$="_entityname"]:not([value=""])) .clearlookupfield {
  display: flex !important;
  /* con selección → mostrar (vence inline style) */
}

/* Foco del grupo */
.crmEntityFormView .entity-form .input-group[role="none"]:has(input.form-control.lookup):focus-within {
  border-color: var(--lkp-focus) !important;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, .15) !important;
}

/* Alineación vertical de la celda que contiene lookups */
.crmEntityFormView .entity-form td.form-control-cell:has(.input-group[role="none"] input.form-control.lookup) {
  vertical-align: top !important;
}

/* ========= DATEPICKER (Power Pages Bootstrap datetimepicker) =========
   Importante: el input visible termina en _datepicker_description */
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker {
  display: table !important;
  /* Mantener layout de Bootstrap 3 */
  width: 100% !important;
  margin-bottom: 15px !important;
  border-collapse: separate !important;
}

.crmEntityFormView .entity-form .input-append.input-group.datetimepicker .form-control.input-text-box[id$="_datepicker_description"] {
  border: 1px solid var(--pp-bd) !important;
  border-right: 0 !important;
  /* icono a la derecha */
  border-radius: var(--pp-radius) 0 0 var(--pp-radius) !important;
  padding: 0 12px !important;
  height: var(--fld-h) !important;
  line-height: calc(var(--fld-h) - 2px) !important;
  margin-bottom: 0 !important;
  /* que no “empuje” el icono */
  box-shadow: none !important;
}

.crmEntityFormView .entity-form .input-append.input-group.datetimepicker .input-group-addon.btn {
  background: var(--pp-muted) !important;
  border: 1px solid var(--pp-bd) !important;
  border-left: 0 !important;
  border-radius: 0 var(--pp-radius) var(--pp-radius) 0 !important;
  height: var(--fld-h) !important;
  min-width: var(--fld-h) !important;
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 0 10px !important;
}

.crmEntityFormView .entity-form .input-append.input-group.datetimepicker:focus-within .form-control.input-text-box {
  border-color: var(--pp-focus) !important;
  box-shadow: 0 0 0 3px var(--pp-focus-ring) !important;
}

.crmEntityFormView .entity-form .input-append.input-group.datetimepicker:focus-within .input-group-addon.btn {
  border-color: var(--pp-focus) !important;
}

/* Calendario: por encima y con estilo moderno */
.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 50000 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .15) !important;
  padding: 8px !important;
  background: #fff !important;
}

.cell.datetime.form-control-cell,
.entity-form .control,
.input-append.input-group.datetimepicker {
  overflow: visible !important;
  /* evita que se recorte el popover */
}

/* Header del calendario */
.bootstrap-datetimepicker-widget .picker-switch {
  font-weight: 600 !important;
  padding: 8px 0 !important;
}

.bootstrap-datetimepicker-widget .prev,
.bootstrap-datetimepicker-widget .next {
  border-radius: 8px !important;
  padding: 4px 8px !important;
}

.bootstrap-datetimepicker-widget .prev:hover,
.bootstrap-datetimepicker-widget .next:hover,
.bootstrap-datetimepicker-widget .picker-switch:hover {
  background: #f3f4f6 !important;
}

/* Días */
.bootstrap-datetimepicker-widget table td.day {
  border-radius: 8px !important;
  padding: 6px 0 !important;
}

.bootstrap-datetimepicker-widget table td.day:hover {
  background: #f3f4f6 !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--pp-focus) !important;
  color: #fff !important;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #9aa4b2 !important;
}

/* ========= Multiselect (si lo usás) – estilos suaves ========= */
.MscrmControls.MultiSelectPicklist.UpdMSPicklistControl,
.msos-container {
  width: 100% !important;
}

.msos-filter-container {
  height: var(--fld-h) !important;
  border: 1px solid var(--pp-bd) !important;
  border-radius: var(--pp-radius) !important;
  background: #fff !important;
}

.msos-filter-container:focus-within {
  border-color: var(--pp-focus) !important;
  box-shadow: 0 0 0 3px var(--pp-focus-ring) !important;
}

.msos-selection-container {
  border: 1px solid var(--pp-bd) !important;
  border-radius: var(--pp-radius) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important;
  max-height: 260px !important;
  z-index: 1000 !important;
}

.msos-option {
  padding: 8px 12px !important;
}

.msos-option:hover {
  background: #f5f5f5 !important;
}

.msos-option.msos-option-selected {
  background: #f0f7ff !important;
}

/* ========= Estados/errores ========= */
.crmEntityFormView .help-block,
.crmEntityFormView .validator-text {
  color: #a94442 !important;
}

/* ========= Placeholders legibles ========= */
.crmEntityFormView ::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}

/* ===== User menu (nombre arriba a la derecha) – versión final ===== */
.navbar-dark .navbar-nav>li.dropdown>a.nav-link.dropdown-toggle,
.navbar-dark .navbar-nav>li.dropdown>a.dropdown-toggle {
  font-weight: 600 !important;
  color: #072A39 !important;
  background: transparent !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  border: 1px solid transparent !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.navbar-dark .navbar-nav>li.dropdown>a.nav-link.dropdown-toggle:hover,
.navbar-dark .navbar-nav>li.dropdown>a.dropdown-toggle:hover,
.navbar-dark .navbar-nav>li.dropdown>a.nav-link.dropdown-toggle:focus,
.navbar-dark .navbar-nav>li.dropdown>a.dropdown-toggle:focus,
.navbar-dark .navbar-nav>li.dropdown.open>a.nav-link.dropdown-toggle,
.navbar-dark .navbar-nav>li.dropdown.open>a.dropdown-toggle,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
  background: rgba(7, 42, 57, .08) !important;
  color: #072A39 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(7, 42, 57, .25) !important;
  /* ring sólido, sin punteado */
}

/* Caret */
.navbar-dark .navbar-nav>li.dropdown>a .caret {
  border-top-color: #072A39 !important;
}

.navbar-dark .navbar-nav>li.dropdown.open>a .caret,
.navbar-dark .navbar-nav>li.dropdown>a[aria-expanded="true"] .caret {
  transform: rotate(180deg);
  border-top-color: #072A39 !important;
}

/* Dropdown */
.navbar-dark .navbar-nav li.dropdown .dropdown-menu {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .15) !important;
  padding: 8px 0 !important;
  min-width: 220px !important;
}

.navbar-dark .navbar-nav li.dropdown .dropdown-menu>li>a {
  color: #0f172a !important;
  padding: 10px 16px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.navbar-dark .navbar-nav li.dropdown .dropdown-menu>li>a:hover,
.navbar-dark .navbar-nav li.dropdown .dropdown-menu>li>a:focus {
  background: #f5f5f5 !important;
  color: #0f172a !important;
  text-decoration: none !important;
}

/* Anula estilos viejos de hover/subrayado */
.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li>a:focus {
  background: transparent !important;
  color: #072A39 !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Botón “Iniciar sesión” en navbar (estilo sólido) */
.navbar-dark .navbar-nav>li>a.btn-primary,
.navbar-dark .navbar-nav>li>a.button1 {
  font-weight: 400 !important;
  background-color: #072A39 !important;
  border: 1px solid #072A39 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
}

.navbar-dark .navbar-nav>li>a.btn-primary:hover,
.navbar-dark .navbar-nav>li>a.button1:hover,
.navbar-dark .navbar-nav>li>a.btn-primary:focus,
.navbar-dark .navbar-nav>li>a.button1:focus {
  font-weight: 400 !important;
  background-color: #0B3A4F !important;
  border-color: #0B3A4F !important;
  color: #fff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(7, 42, 57, .25) !important;
  /* ring sutil */
}

/* Oculta visualmente el título del modal pero lo mantiene accesible */
[id^="ModalFocusTrapZone"] h2#modalTitle {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

/* Labels de formularios */
.form-control-cell .table-info {
  margin-bottom: 8px !important;
}

.form-control-cell .field-label {
  color: #072A39 !important;
  font-weight: 600;
  display: block;
}

.crmEntityFormView label {
  background-color: #FFFFFF;
  color: #002b45; 
}

.entity-form label {
  font-weight: 600;
  color: #002b45;
  margin-bottom: 5px;
  display: inline-block;
}

/* Asterisco de requerido */
.form-control-cell .field-label .required,
.form-control-cell .field-label .text-danger,
.form-control-cell .field-label .ms-Label.is-required::after,
.form-control-cell .field-label [aria-hidden="true"] {
  color: #e53935 !important;
  font-weight: 700;
}

/* ===== Multiselect global (PCF msos-*) ===== */
.crmEntityFormView {
  --ms-h: 40px;
}

.crmEntityFormView .entity-form .msos-container {
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Barra visible (input + caret) */
.crmEntityFormView .entity-form .msos-filter-container {
  width: 100% !important;
  height: var(--ms-h) !important;
  overflow: hidden !important;
  border: 1px solid var(--pp-bd, #d0d7de) !important;
  border-radius: var(--pp-radius, 8px) !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  margin-bottom: 15px !important;
  /* separa del siguiente campo */
  transition: none !important;
  /* sin animaciones */
}

/* Congelar focus/hover (no halo, no cambio de color) */
.crmEntityFormView .entity-form .msos-filter-container:focus-within,
.crmEntityFormView .entity-form .msos-filter-container:hover {
  border-color: var(--pp-bd, #d0d7de) !important;
  box-shadow: none !important;
}

/* Input interno */
.crmEntityFormView .entity-form input.msos-input,
.crmEntityFormView .entity-form input[type="text"].msos-input,
.crmEntityFormView .entity-form input[type="search"].msos-input {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  height: 100% !important;
  width: 100% !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  line-height: calc(var(--ms-h) - 20px) !important;
  outline: none !important;
}

/* Caret a la derecha */
.crmEntityFormView .entity-form .msos-caret-container {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-left: 1px solid var(--pp-bd, #d0d7de) !important;
}

/* Panel de opciones (dropdown) */
.crmEntityFormView .entity-form .msos-selection-container {
  border: 1px solid var(--pp-bd, #d0d7de) !important;
  border-radius: var(--pp-radius, 8px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important;
  background: #fff !important;
  z-index: 50000 !important;
}

/* Chips seleccionados + opciones */
.crmEntityFormView .entity-form .msos-selecteditems-container {
  padding: 6px !important;
}

.crmEntityFormView .entity-form .msos-selecteditems {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.crmEntityFormView .entity-form .msos-selecteditems li {
  background: var(--pp-muted, #f3f4f6) !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
}

.crmEntityFormView .entity-form .msos-quick-delete {
  margin-left: 6px !important;
}

.crmEntityFormView .entity-form .msos-option {
  padding: 8px 12px !important;
}

.crmEntityFormView .entity-form .msos-option:hover {
  background: #f5f5f5 !important;
}

.crmEntityFormView .entity-form .msos-option.msos-option-selected {
  background: #f0f7ff !important;
}

/* ===================== DATEPICKER (Power Pages) ===================== */
/* Estructura del grupo (input visible termina en *_datepicker_description) */
/* === FIX Datepicker: ocultar el input técnico que queda superpuesto === */
.crmEntityFormView .entity-form .cell.datetime input.form-control.input-text-box:not([id$="_datepicker_description"]) {
  display: none !important;
}

/* === Asegurar ancho y layout del input visible + botón calendario === */
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker {
  display: table !important;
  width: 100% !important;
  border-collapse: separate !important;
}

.crmEntityFormView .entity-form .input-append.input-group.datetimepicker .form-control.input-text-box[id$="_datepicker_description"] {
  display: table-cell !important;
  width: 100% !important;
  /* <- clave para que no se encoja */
  height: 40px !important;
  border: 1px solid var(--pp-bd) !important;
  border-right: 0 !important;
  border-radius: var(--pp-radius) 0 0 var(--pp-radius) !important;
  padding: 10px 12px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

.crmEntityFormView .entity-form .input-append.input-group.datetimepicker .input-group-addon.btn {
  display: table-cell !important;
  height: 40px !important;
  min-width: 40px !important;
  border: 1px solid var(--pp-bd) !important;
  border-left: 0 !important;
  border-radius: 0 var(--pp-radius) var(--pp-radius) 0 !important;
  background: var(--pp-muted) !important;
  vertical-align: middle !important;
  padding: 0 10px !important;
}

/* ===== Datepicker: foco limpio en el grupo (sin doble halo) ===== */
/* 1) El ring va en el contenedor */
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker:focus-within {
  box-shadow: 0 0 0 3px var(--pp-focus-ring, rgba(47, 111, 235, .2)) !important;
  border-radius: var(--pp-radius, 8px) !important;
  /* para que el ring sea redondeado */
}

/* 2) Anular focos internos del input visible y del botón */
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker .form-control.input-text-box[id$="_datepicker_description"]:focus,
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker .input-group-addon.btn:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--pp-bd, #d0d7de) !important;
  /* sin cambio de borde interno */
}

/* (Opcional) Evitar que hover cambie el borde interno */
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker:hover .form-control.input-text-box[id$="_datepicker_description"],
.crmEntityFormView .entity-form .input-append.input-group.datetimepicker:hover .input-group-addon.btn {
  border-color: var(--pp-bd, #d0d7de) !important;
}

/* Ocultar el título del modal/pestaña y remover su espacio */
.crmEntityFormView .tab-title,
.crmEntityFormView h2.tab-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== SOLO Date/DateTime EN READONLY o DISABLED ===== */

/* Input visible del datepicker (readonly/disabled) */
.crmEntityFormView .entity-form .cell.datetime .datetimepicker > input.form-control.input-text-box[id$="_datepicker_description"][readonly],
.crmEntityFormView .entity-form .cell.datetime .datetimepicker > input.form-control.input-text-box[id$="_datepicker_description"].readonly,
.crmEntityFormView .entity-form .cell.datetime .datetimepicker > input.form-control.input-text-box[id$="_datepicker_description"][disabled],
.crmEntityFormView .entity-form .cell.date .datetimepicker > input.form-control.input-text-box[id$="_datepicker_description"][readonly],
.crmEntityFormView .entity-form .cell.date .datetimepicker > input.form-control.input-text-box[id$="_datepicker_description"].readonly,
.crmEntityFormView .entity-form .cell.date .datetimepicker > input.form-control.input-text-box[id$="_datepicker_description"][disabled] {
  display:block !important;
  width:100% !important;
  border:1px solid var(--pp-bd, #d0d7de) !important;
  border-radius:var(--pp-radius, 8px) !important;
  background:var(--pp-surface, #fff) !important;
  color:var(--pp-text, #0f172a) !important;
  padding:0 12px !important;
  height:var(--fld-h, 44px) !important;
  line-height:calc(var(--fld-h, 44px) - 2px) !important;
  margin-bottom:15px !important;
  box-shadow:none !important;
  opacity:1 !important;
  -webkit-text-fill-color:inherit !important; /* Safari/iOS */
}

/* Ocultar el botón calendario SOLO cuando el input está readonly/disabled */
.crmEntityFormView .entity-form .cell.datetime .datetimepicker > input[id$="_datepicker_description"][readonly] + .input-group-addon.btn,
.crmEntityFormView .entity-form .cell.datetime .datetimepicker > input[id$="_datepicker_description"].readonly + .input-group-addon.btn,
.crmEntityFormView .entity-form .cell.datetime .datetimepicker > input[id$="_datepicker_description"][disabled] + .input-group-addon.btn,
.crmEntityFormView .entity-form .cell.date .datetimepicker > input[id$="_datepicker_description"][readonly] + .input-group-addon.btn,
.crmEntityFormView .entity-form .cell.date .datetimepicker > input[id$="_datepicker_description"].readonly + .input-group-addon.btn,
.crmEntityFormView .entity-form .cell.date .datetimepicker > input[id$="_datepicker_description"][disabled] + .input-group-addon.btn {
  display:none !important;
}

/* Cuando el Date/Datetime se renderiza como texto plano */
.crmEntityFormView .entity-form .cell.datetime .form-control-static,
.crmEntityFormView .entity-form .cell.date .form-control-static {
  display:block !important;
  border:1px solid var(--pp-bd, #d0d7de) !important;
  border-radius:var(--pp-radius, 8px) !important;
  background:#fff !important;
  color:#0f172a !important;
  padding:0 12px !important;
  height:var(--fld-h, 44px) !important;
  line-height:calc(var(--fld-h, 44px) - 2px) !important;
  margin-bottom:15px !important;
}