/* Estilos extraídos de runas.html */
.header-info-bar { width: 90%; max-width: 600px; margin: 5px auto 15px auto; text-align: center; font-size: 0.8em; color: #a0a0a0; }
    .header-info-bar a { color: var(--cor-titulo-dourado); text-decoration: none; }
    
    .item-list-panel { background: rgba(0,0,0,0.3); padding: 15px; border-radius: 5px; }
    .item-details-panel { background: rgba(15,15,15,0.9); padding: 15px; border-radius: 5px; margin-top: 5px; border: 1px solid var(--cor-borda-container); }

    .item-selecionavel { display: flex; align-items: center; padding: 10px; background-color: var(--cor-item-lista); margin-bottom: 8px; border-radius: 5px; cursor: pointer; transition: background-color 0.2s; border: 2px solid transparent; }
    .item-selecionavel.selected { background-color: var(--cor-item-lista-hover); border-color: var(--cor-titulo-dourado); }
    .item-selecionavel img { width: 40px; height: 40px; margin-right: 15px; background-color: #111; border-radius: 4px; }
    .sockets-info { font-size: 0.8em; color: var(--cor-texto-secundario); }
    .runa-tier { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: var(--cor-item-lista); margin-bottom: 8px; border-radius: 5px; }
    .runa-tier.instalada { border: 1px solid var(--cor-titulo-dourado); background: #444; }
    .runa-tier.bloqueada { opacity: 0.5; }
    .mensagem { margin-top: 15px; font-weight: bold; min-height: 20px; }
    .sucesso { color: var(--cor-botao-sucesso); }
    .erro { color: #e71d36; }