/* EIC Portal V18.13 - Nueva nota unificada y recepcion progresiva */
#n1813-note-kind{
  flex:1 1 auto;
  min-height:0;
  border:2px solid #ef1d32;
  border-radius:18px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px #ef1d3214;
}
#n1813-note-kind[hidden]{display:none!important}
.n1813-note-kind-head h3{margin:0 0 3px;font-size:18px;line-height:1.15}
.n1813-note-kind-head p{margin:0;color:#7b899d;font-size:12px}
.n1813-note-kind-grid{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:10px;
}
.n1813-note-kind-grid>button{
  min-width:0;
  min-height:118px;
  border:1px solid #cbd6e5;
  border-radius:16px;
  background:#fff;
  color:#17202b;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;
  font:inherit;
  -webkit-tap-highlight-color:transparent;
}
.n1813-note-kind-grid>button:not(:disabled):active{transform:translateY(1px);background:#f7f9fc}
.n1813-note-kind-grid>button .n9-icon{width:34px;height:34px;flex-basis:34px;color:#087cf0}
.n1813-note-kind-grid>button strong{font-size:15px;line-height:1.2}
.n1813-note-kind-grid>button small{font-size:10px;line-height:1.25;color:#7b899d}
.n1813-note-kind-grid>button:disabled{opacity:.42;background:#f3f5f8}

/* El resumen del equipo vive en la barra superior, no abajo del selector. */
#newNoteModal .n1813-device-summary-field{display:none!important}
#newNoteModal .form-grid>div:has(#deviceSummary){display:none!important}
#newNoteModal .form-grid>div:has(#rxSerial){grid-column:1/-1!important}
#newNoteModal .n1813-live-device{
  display:block;
  min-width:0;
  max-width:min(58vw,430px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#newNoteModal .n9-intake-progress strong{min-width:0}

/* Una vez elegido el tipo, las opciones anteriores desaparecen y el resumen sube. */
#newNoteModal .modal-section[data-device-stage]:not([data-device-stage="type"]) .device-types{display:none!important}
#newNoteModal .modal-section[data-device-stage]:not([data-device-stage="type"])>.desc{display:none!important}

/* Venta dentro de Nueva nota */
#newNoteModal .n1813-sale-extra{margin-top:10px;display:grid;gap:10px}
#newNoteModal .n1813-sale-extra[hidden]{display:none!important}
#newNoteModal .n1813-sale-field,
#newNoteModal .n1813-sale-details label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#67768b}
#newNoteModal .n1813-sale-field input,
#newNoteModal .n1813-sale-details textarea{
  width:100%;
  min-height:48px;
  border:1px solid #cbd6e5;
  border-radius:12px;
  padding:11px 12px;
  font:inherit;
  font-size:16px;
  color:#17202b;
  background:#fff;
  box-sizing:border-box;
}
#newNoteModal .n1813-sale-details{border:1px solid #d7e0ec;border-radius:12px;padding:10px;background:#fafcff}
#newNoteModal .n1813-sale-details summary{cursor:pointer;font-size:12px;font-weight:750;color:#506079}
#newNoteModal .n1813-sale-details[open]{display:grid;gap:10px}

@media(max-width:600px){
  #n1813-note-kind{padding:11px;gap:9px}
  .n1813-note-kind-grid{gap:8px}
  .n1813-note-kind-grid>button{min-height:112px;padding:10px 7px;border-radius:14px}
  .n1813-note-kind-grid>button .n9-icon{width:31px;height:31px;flex-basis:31px}
  .n1813-note-kind-grid>button strong{font-size:14px}
  #newNoteModal .n1813-live-device{max-width:55vw}
}