/* V56 · controles uniformes, chat móvil a pantalla útil completa y cierres centrados */

/* Todos los selects transformados usan exactamente la misma superficie visual. */
.gtic-smart-select {
  width:100%;
  min-width:0;
  max-width:100%;
  font-family:inherit;
}
label > .gtic-smart-select,
.gtic-filter-field-v55 > .gtic-smart-select,
.field > .gtic-smart-select,
.gtic-mobile-filter-advanced .gtic-smart-select {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.gtic-per-page-field-v55 .gtic-smart-select {
  min-width:88px!important;
  max-width:125px!important;
}
.gtic-smart-button {
  min-height:40px!important;
  height:40px!important;
  padding:0 38px 0 12px!important;
  border:1px solid #d5e1e9!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  color:var(--gtic-text,#233044)!important;
  box-shadow:0 1px 2px rgba(18,58,87,.04),0 7px 18px rgba(23,50,74,.035)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.gtic-smart-button::after {
  content:""!important;
  position:absolute;
  right:12px;
  top:50%;
  width:14px;
  height:14px;
  margin:0!important;
  transform:translateY(-50%)!important;
  background-color:#64778a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.7 8.7a1 1 0 0 1 1.4 0l3.9 3.9 3.9-3.9a1 1 0 1 1 1.4 1.4l-4.6 4.6a1 1 0 0 1-1.4 0L6.7 10.1a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.7 8.7a1 1 0 0 1 1.4 0l3.9 3.9 3.9-3.9a1 1 0 1 1 1.4 1.4l-4.6 4.6a1 1 0 0 1-1.4 0L6.7 10.1a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.gtic-smart-button:hover { border-color:#b7cbd8!important; }
.gtic-smart-select.open .gtic-smart-button,
.gtic-smart-button:focus-visible {
  border-color:var(--gtic-teal,#20c6c9)!important;
  box-shadow:0 0 0 4px rgba(32,198,201,.12)!important;
  outline:0!important;
}
.gtic-smart-panel {
  font-family:inherit!important;
}
.gtic-smart-option {
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
.gtic-per-page-field-v55 .gtic-smart-button { font-weight:750!important; }

/* Respaldo mientras JavaScript termina de transformar un select. */
select:not([multiple]) {
  min-height:40px!important;
  height:40px!important;
  border:1px solid #d5e1e9!important;
  border-radius:14px!important;
  background-color:#fff!important;
  color:var(--gtic-text,#233044)!important;
  box-shadow:0 1px 2px rgba(18,58,87,.04)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

/* Los calendarios mantienen el selector nativo, pero comparten el mismo diseño. */
input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"]) {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  min-height:40px!important;
  height:40px!important;
  padding:8px 11px!important;
  border:1px solid #d5e1e9!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  color:var(--gtic-text,#233044)!important;
  box-shadow:0 1px 2px rgba(18,58,87,.04),0 7px 18px rgba(23,50,74,.035)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  box-sizing:border-box!important;
}
input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"]):hover {
  border-color:#b7cbd8!important;
}
input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"]):focus {
  border-color:var(--gtic-teal,#20c6c9)!important;
  box-shadow:0 0 0 4px rgba(32,198,201,.12)!important;
  outline:0!important;
}
input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"])::-webkit-calendar-picker-indicator {
  width:18px;
  height:18px;
  margin:0;
  padding:0;
  opacity:.68;
  cursor:pointer;
}

/* Las X se dibujan geométricamente para quedar centradas en todos los diálogos. */
.modal-close,
.chat-v23-tools-close,
.chat-v23-room-back {
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
}
.modal-close::before,
.chat-v23-tools-close::before,
.chat-v23-room-back::before {
  content:""!important;
  position:static!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  transform:none!important;
  background-color:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.3 5.3a1 1 0 0 1 1.4 0L12 9.6l4.3-4.3a1 1 0 1 1 1.4 1.4L13.4 11l4.3 4.3a1 1 0 0 1-1.4 1.4L12 12.4l-4.3 4.3a1 1 0 0 1-1.4-1.4l4.3-4.3-4.3-4.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.3 5.3a1 1 0 0 1 1.4 0L12 9.6l4.3-4.3a1 1 0 1 1 1.4 1.4L13.4 11l4.3 4.3a1 1 0 0 1-1.4 1.4L12 12.4l-4.3 4.3a1 1 0 0 1-1.4-1.4l4.3-4.3-4.3-4.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.modal-close::after,
.chat-v23-tools-close::after,
.chat-v23-room-back::after { content:none!important; }

html[data-theme="dark"] .gtic-smart-button,
html[data-theme="dark"] input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"]) {
  color:#edf4fb!important;
  border-color:#3a5065!important;
  background:linear-gradient(180deg,#122433,#0e1b28)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .gtic-smart-button::after { background-color:#a9bdcb; }
html[data-theme="dark"] input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"])::-webkit-calendar-picker-indicator { filter:invert(1); }

@media(max-width:920px) {
  .gtic-per-page-field-v55 .gtic-smart-select { max-width:none!important; }
  .gtic-smart-button,
  input:is([type="date"],[type="datetime-local"],[type="month"],[type="time"]) {
    min-height:42px!important;
    height:42px!important;
  }
}

@media(max-width:760px) {
  html.gtic-chat-dialog-open,
  body.gtic-chat-dialog-open {
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .chat-v23-workspace.is-show {
    position:fixed!important;
    top:var(--gtic-chat-viewport-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    z-index:2147483400!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    width:100vw!important;
    max-width:none!important;
    height:var(--gtic-chat-viewport-height,100dvh)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#eef3f0!important;
    backdrop-filter:none!important;
  }
  .chat-v23-mobile-dialog-backdrop { display:none!important; }
  .chat-v23-workspace.is-show .chat-v23-room {
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .chat-v23-workspace.is-show .chat-v23-room-head {
    flex:0 0 auto!important;
    padding-top:max(9px,env(safe-area-inset-top,0px))!important;
  }
  .chat-v23-workspace.is-show .chat-v23-messages {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .chat-v23-workspace.is-show .chat-v23-compose,
  .chat-v23-workspace.is-show .chat-v23-readonly {
    position:relative!important;
    flex:0 0 auto!important;
    min-height:0!important;
    margin:0!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
  }
  .chat-v23-workspace.is-show .chat-v23-compose textarea {
    resize:none!important;
  }
  .chat-v23-room-back {
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:50%!important;
  }
  .chat-v23-room-actions .btn {
    display:grid!important;
    place-items:center!important;
    line-height:0!important;
  }
  .chat-v23-room-actions .btn::before {
    line-height:1!important;
    display:block!important;
    transform:translateY(-1px)!important;
  }
  .chat-v23-tools-popover {
    bottom:calc(var(--gtic-chat-viewport-bottom,0px) + max(10px,env(safe-area-inset-bottom,0px)) + 70px)!important;
  }
}
