// OT-MMO: logros, aviso y perfil (game_logros.lua; servidor server/scripts/logros/logros.lua, opcode 118).
// Textos, rótulos y pestañas: clases comunes de data/styles/50-otmmo.otui (GameText*, GameSection, GameTab).

// Un logro: medalla con los puntos, nombre, texto y a la derecha la fecha o el progreso. Separador fino debajo.
// Sin conseguir: todo en text-disabled; conseguido: el Lua lo pasa a text / text-2 y la medalla a acento.
LgFila < UIWidget
  height: 48
  border-width-bottom: 1
  border-color: $otmmo-border
  focusable: false

  UIWidget
    id: medalla
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    size: 32 32
    border-width: 1
    border-color: $otmmo-border
    background-color: $otmmo-bg
    text-align: center
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-disabled
    phantom: true

  Label
    id: nombre
    anchors.top: parent.top
    anchors.left: medalla.right
    anchors.right: derecha.left
    margin-top: 8
    margin-left: 12
    height: 16
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-disabled
    phantom: true

  Label
    id: texto
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    anchors.right: derecha.left
    height: 16
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-disabled
    phantom: true

  Label
    id: derecha
    anchors.right: parent.right
    anchors.top: parent.top
    margin-top: 8
    margin-right: 8
    width: 112
    text-align: right
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    phantom: true

  Panel
    id: barra
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    margin-right: 8
    margin-bottom: 12
    size: 112 6
    background-color: $otmmo-bg
    border-width: 1
    border-color: $otmmo-border
    visible: false
    phantom: true

    UIWidget
      id: fill
      anchors.left: parent.left
      anchors.top: parent.top
      anchors.bottom: parent.bottom
      margin: 1
      width: 1
      background-color: $otmmo-xp
      phantom: true

// Pieza de equipo en el perfil: marco sin estados (el borde lleva el color de calidad desde Lua).
LgCasilla < GamePanel
  size: 40 40

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