// VALDREN (23-oct, 2): cabecera del diálogo con NPC en el Design System. La cargan npc_dialog.lua (importStyle) y
// la crean como hijos de la ventana HTML (game_npctrader.html), anclados a su esquina como el panel de misiones.
//   NpcRespuestas: respuestas rápidas a la derecha del retrato 64x64: botones de ÍCONO de 32 (Sí, No, Comerciar, Adiós,
//                  con tooltip); el resto de palabras del servidor siguen como botón de texto.
//   NpcPestanas:   Conversación | Misiones (GameTab, subrayado de acento) sobre la caja de la consola (top 147).
// Medidas en la escala de 4: retrato 16/39, respuestas 92/39 (287 x 64), pestañas 16/115 (363 x 24).

NpcRespuesta < Button
  height: 24
  focusable: false

// botón cuadrado con el ícono (data/images/game/npc/*.png, 32x32) que pone npc_dialog.lua con setIcon
NpcRespuestaIcono < Button
  size: 32 32
  focusable: false
  icon-size: 32 32
  icon-align: center
  padding: 0

NpcRespuestas < Panel
  anchors.top: parent.top
  anchors.left: parent.left
  margin-top: 39
  margin-left: 92
  size: 287 64
  focusable: false
  phantom: true

NpcPestanas < Panel
  anchors.top: parent.top
  anchors.left: parent.left
  margin-top: 115
  margin-left: 16
  size: 363 24
  focusable: false

  // separador de 1 px bajo las pestañas; va primero para que el subrayado de la activa quede encima
  UIWidget
    id: raya
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    height: 1
    background-color: $otmmo-border
    phantom: true

  GameTab
    id: conversacion
    anchors.top: parent.top
    anchors.left: parent.left
    text: Conversación

  GameTab
    id: misiones
    anchors.top: parent.top
    anchors.left: conversacion.right
    margin-left: 4
    text: Misiones

  // misiones que piden algo (aceptar o entregar) de este NPC
  GameCounter
    id: contador
    anchors.left: misiones.right
    anchors.verticalCenter: misiones.verticalCenter
    margin-left: -8
    margin-top: -1