// OT-MMO: buscador de grupo por rol (O). Lo pinta game_buscador.lua con lo que manda el servidor
// (server/scripts/buscador.lua, opcode 112). Textos y rótulos: clases comunes de data/styles/50-otmmo.otui.

// Casilla de marcar (roles y mazmorras): 14 px, borde 1; marcada, relleno de acento con el visto en bg.
BuCasilla < UIWidget
  size: 14 14
  border-width: 1
  border-color: $otmmo-border-hover
  text-align: center
  ttf-font: $otmmo-font-strong
  ttf-font-size: $otmmo-size-xs
  color: $otmmo-bg
  phantom: true

// Rol: fila de la columna izquierda con el objeto, el nombre, una nota («Sugerido», «Tu clase no puede») y la casilla.
// Estados de GameRow: hover surface-hover; marcado surface con borde de acento; desactivado apagado.
BuRol < UIWidget
  height: 56
  background-color: $otmmo-bg
  border-width: 1
  border-color: $otmmo-border
  focusable: false
  $hover !disabled !checked:
    border-color: $otmmo-border-hover
    background-color: $otmmo-surface-hover
  $checked:
    background-color: $otmmo-surface
    border-color: $otmmo-accent
  $disabled:
    opacity: 0.45

  GameCell
    id: marco
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    phantom: true

  UIItem
    id: item
    anchors.centerIn: marco
    size: 32 32
    virtual: true
    phantom: true

  Label
    id: nombre
    anchors.top: marco.top
    anchors.left: marco.right
    anchors.right: casilla.left
    margin-top: 3
    margin-left: 10
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-md
    color: $otmmo-text
    phantom: true

  Label
    id: nota
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    anchors.right: nombre.right
    margin-top: 3
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    phantom: true

  BuCasilla
    id: casilla
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 10

// Cabecera de tramo de nivel («Nivel 1-30») dentro de la lista.
BuTramo < UIWidget
  height: 26
  phantom: true

  Label
    id: texto
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    margin-left: 4
    margin-bottom: 5
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    text-auto-resize: true

  UIWidget
    id: linea
    anchors.left: texto.right
    anchors.right: parent.right
    anchors.verticalCenter: texto.verticalCenter
    margin-left: 8
    height: 1
    background-color: $otmmo-border

// Mazmorra: casilla, miniatura, nombre, «región · nivel 8-12» y a la derecha la etiqueta («Para tu nivel») o el motivo.
BuActividad < GameRow
  height: 48
  padding: 0 10

  BuCasilla
    id: casilla
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter

  // miniatura de la mazmorra (game_viaje/images/dungeons, PixelLab)
  UIWidget
    id: arte
    anchors.left: casilla.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 10
    size: 64 36
    border-width: 1
    border-color: #6E5B37
    phantom: true

  Label
    id: nombre
    anchors.top: parent.top
    anchors.left: arte.right
    anchors.right: etiqueta.left
    margin-top: 8
    margin-left: 10
    margin-right: 8
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    phantom: true

  Label
    id: meta
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    anchors.right: nombre.right
    margin-top: 3
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    phantom: true

  Label
    id: etiqueta
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    text-auto-resize: true
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-warn
    phantom: true

// Lo que queda por descubrir (sin nombres) o la lista vacía: título y explicación.
BuVacio < UIWidget
  height: 64
  phantom: true

  Label
    id: titulo
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 12
    margin-left: 4
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    text-auto-resize: false
    height: 16

  Label
    id: texto
    anchors.top: titulo.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 4
    margin-left: 4
    margin-right: 8
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    text-wrap: true
    text-auto-resize: false
    height: 32

// Integrante del grupo listo: rol, nombre, clase y nivel, y si ya aceptó.
BuMiembro < Panel
  height: 32

  Label
    id: rol
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    width: 84
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-2

  Label
    id: nombre
    anchors.left: rol.right
    anchors.right: estado.left
    anchors.top: parent.top
    margin-top: 1
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text

  Label
    id: meta
    anchors.left: nombre.left
    anchors.top: nombre.bottom
    anchors.right: nombre.right
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2

  Label
    id: estado
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    width: 80
    text-align: right
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2

// En cola: pastilla arriba al centro con el tiempo de espera; con clic abre la ventana.
BuPastilla < UIWidget
  size: 212 24
  background-color: #10161CD9
  border-width: 1
  border-color: $otmmo-border
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  color: $otmmo-text
  text-align: center
  $hover:
    border-color: $otmmo-accent

// Mazmorra descubierta: cartel arriba al centro (como el «Destino descubierto» del viaje), con la miniatura de la
// mazmorra, el nombre y a qué sirve. Se va solo.
BuCartel < UIWidget
  size: 560 140
  phantom: true
  focusable: false
  visible: false

  UIWidget
    id: arte
    anchors.top: parent.top
    anchors.horizontalCenter: parent.horizontalCenter
    size: 96 54
    border-width: 1
    border-color: #6E5B37
    phantom: true

  Label
    id: etiqueta
    anchors.top: arte.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    margin-top: 6
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-md
    ttf-stroke: 1 #10161C
    color: $otmmo-accent
    text: Mazmorra descubierta
    text-auto-resize: true
    phantom: true

  Label
    id: nombre
    anchors.top: etiqueta.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    margin-top: 2
    ttf-font: $otmmo-font-strong
    ttf-font-size: 24
    ttf-stroke: 2 #10161C
    color: $otmmo-text
    text-auto-resize: true
    phantom: true

  Label
    id: sub
    anchors.top: nombre.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    margin-top: 2
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-md
    ttf-stroke: 1 #10161C
    color: $otmmo-text
    text-auto-resize: true
    phantom: true