/* EIC Portal V18.12 - Recepcion movil interactiva */
#newNoteModal .modal{
  height:min(820px,calc(100dvh - 10px));
  max-height:calc(100dvh - 10px)!important;
}
#newNoteModal .modal-head{
  padding:2px 0 8px!important;
  min-height:46px;
  align-items:center;
}
#newNoteModal .modal-head h2{
  font-size:20px!important;
  line-height:1.08!important;
  margin:0!important;
  letter-spacing:-.35px;
}
#newNoteModal .close-modal{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px;
}
#newNoteModal .n9-intake-progress{
  min-height:40px;
  padding:7px 10px!important;
  font-size:12px!important;
  line-height:1.2;
  border-bottom:2px solid var(--n9-red)!important;
}
#newNoteModal .n9-intake-progress strong{
  gap:6px!important;
  font-size:13px!important;
}
#newNoteModal .n9-intake-progress .n9-icon{
  width:18px!important;
  height:18px!important;
  flex-basis:18px!important;
}
#newNoteModal .modal-section:not(.n9-step-hidden){
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  border:2px solid #ef1d32!important;
  border-radius:18px!important;
  padding:12px!important;
  scrollbar-color:#ef1d32 transparent;
  scrollbar-width:thin;
  box-shadow:inset 0 0 0 1px #ef1d3214;
}
#newNoteModal .modal-section:not(.n9-step-hidden)::-webkit-scrollbar{width:6px}
#newNoteModal .modal-section:not(.n9-step-hidden)::-webkit-scrollbar-track{background:transparent}
#newNoteModal .modal-section:not(.n9-step-hidden)::-webkit-scrollbar-thumb{background:#ef1d32;border-radius:999px}
#newNoteModal .modal-section>.desc{
  margin:2px 0 10px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#newNoteModal .modal-section h3{
  margin:0 0 4px!important;
  font-size:17px!important;
}
#newNoteModal .modal-actions{
  flex:0 0 auto!important;
  padding:8px 0 0!important;
  margin:0!important;
  gap:8px!important;
  border:0!important;
  background:#fff!important;
}
#newNoteModal .modal-actions > button[data-close="#newNoteModal"]{display:none!important}
#newNoteModal .n9-intake-nav{
  width:100%;
  flex:1 1 100%!important;
  gap:8px!important;
}
#newNoteModal .n9-intake-nav .n9-btn,
#newNoteModal #saveNewNote{
  min-height:42px!important;
  height:42px!important;
  padding:7px 12px!important;
  border-radius:13px!important;
  font-size:14px!important;
}
#newNoteModal #n9-intake-next{
  background:#fff!important;
  color:#0a7cf5!important;
  border:2px solid #b9d8ff!important;
  opacity:1!important;
}
#newNoteModal #n9-intake-next .n9-icon{color:#0a7cf5!important}
#newNoteModal #n9-intake-prev{
  background:#fff!important;
  color:#344357!important;
}
#newNoteModal #n9-intake-prev:disabled{opacity:.4!important}
#newNoteModal .device-types,
#newNoteModal .brand-grid,
#newNoteModal .choice-grid{
  gap:8px!important;
}
#newNoteModal .device-types{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#newNoteModal .select-card{
  min-height:64px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  gap:9px!important;
  justify-content:center!important;
  text-align:center!important;
}
#newNoteModal .select-card .device-illustration{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
}
#newNoteModal .device-type-selected{
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid #0a7cf5!important;
  background:#f7fbff!important;
}
#newNoteModal .device-type-selected span{display:none!important}
#newNoteModal [data-device-stage]:not([data-device-stage="type"]) .device-types{
  display:flex!important;
  grid-template-columns:none!important;
  margin:0 0 8px!important;
}
#newNoteModal .brand-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#newNoteModal .brand-name-choice{
  min-height:48px!important;
  height:48px!important;
  padding:7px 8px!important;
  font-size:14px!important;
  justify-content:center!important;
  text-align:center!important;
}
#newNoteModal .brand-name-choice .brand-symbol{display:none!important}
#newNoteModal #familyGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#newNoteModal .family-name-choice{
  min-height:48px!important;
  height:48px!important;
  padding:6px 8px!important;
  font-size:13px!important;
  justify-content:center!important;
  text-align:center!important;
}
#newNoteModal .family-name-choice .device-illustration{display:none!important}
#newNoteModal #modelGrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
#newNoteModal .model-tile{
  min-height:50px!important;
  height:50px!important;
  padding:5px 4px!important;
  border-radius:11px!important;
  font-size:11px!important;
  line-height:1.12!important;
  font-weight:750!important;
  text-align:center!important;
  justify-content:center!important;
  overflow-wrap:anywhere!important;
}
#newNoteModal .model-tile span{display:block;width:100%}
#newNoteModal .model-tile .device-illustration{display:none!important}
#newNoteModal .device-model-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:38px;
  margin:7px 0 0;
  color:#66768c;
  font-size:12px;
  font-weight:750;
}
#newNoteModal .device-model-pager[hidden]{display:none!important}
#newNoteModal .model-page-button{
  width:38px;
  height:34px;
  border:1px solid #cbd6e5;
  border-radius:10px;
  background:#fff;
  color:#0a7cf5;
  font-size:24px;
  line-height:1;
}
#newNoteModal .model-page-button:disabled{opacity:.28}
#newNoteModal .field-label{
  margin:2px 0 7px!important;
  font-size:13px!important;
}
#newNoteModal [data-device-stage="complete"]>.desc{display:none!important}
#newNoteModal [data-device-stage="complete"] .form-grid{
  margin-top:8px!important;
  gap:9px!important;
}
#newNoteModal [data-device-stage="complete"] .form-grid label{
  font-size:12px!important;
}
#newNoteModal #rxSerial,
#newNoteModal #deviceSummary{
  min-height:48px!important;
  height:48px!important;
}
#newNoteModal #deviceSummary{
  background:#f6f8fb!important;
  color:#253246!important;
  opacity:1!important;
  -webkit-text-fill-color:#253246!important;
}
@media (min-width:700px){
  #newNoteModal #modelGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #newNoteModal .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #newNoteModal #familyGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:600px){
  #newNoteModal{padding:4px!important}
  #newNoteModal .modal{
    width:100%!important;
    height:calc(100dvh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    padding:11px!important;
    border-radius:19px 19px 0 0!important;
  }
  #newNoteModal .modal-head h2{font-size:19px!important}
  #newNoteModal .modal-section:not(.n9-step-hidden){padding:10px!important}
  #newNoteModal .device-types{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #newNoteModal .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #newNoteModal #familyGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #newNoteModal #modelGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #newNoteModal .select-card{flex-direction:row!important}
}
/* En el paso Dispositivo, serie/resumen aparecen hasta que ya se eligio el modelo. */
#newNoteModal [data-device-stage="type"]>.form-grid,
#newNoteModal [data-device-stage="brand"]>.form-grid,
#newNoteModal [data-device-stage="brand-manual"]>.form-grid,
#newNoteModal [data-device-stage="family"]>.form-grid,
#newNoteModal [data-device-stage="family-manual"]>.form-grid,
#newNoteModal [data-device-stage="model"]>.form-grid{
  display:none!important;
}