/* Estilos extraídos de tarefas.html */
.header-info-bar { width: 90%; max-width: 600px; margin: 5px auto 15px auto; text-align: center; font-size: 0.8em; color: #a0a0a0; }
        .tabs { display: flex; border-bottom: 2px solid var(--cor-borda-container); margin-bottom: 20px; }
        .tab-button { padding: 10px 20px; cursor: pointer; background: none; border: none; color: var(--cor-texto-secundario); font-family: 'Cinzel', serif; font-size: 1.1em; }
        .tab-button.active { color: var(--cor-titulo-dourado); border-bottom: 2px solid var(--cor-titulo-dourado); }
        .tab-content { display: none; }
        .tab-content.active { display: block; }
        
        .task-item {
            background: var(--cor-item-lista);
            padding: 15px;
            margin-bottom: 10px;
            border-radius: 5px;
            border-left: 4px solid #555;
            transition: all 0.3s ease;
        }
        .task-item.completed {
            border-left-color: var(--cor-botao-sucesso);
        }
        .task-item.claimed {
            opacity: 0.6;
            filter: grayscale(80%);
            background: #222;
        }
        .task-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .task-header h4 { margin: 0; color: var(--cor-texto-principal); }
        .task-progress { font-size: 0.9em; color: var(--cor-texto-secundario); }
        .task-description { font-size: 0.9em; color: #aaa; margin: 5px 0 10px 0; }
        .task-reward { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
        .task-reward span { font-weight: bold; }
        .task-item.collectable {
        border-left-color: #28a745;
        box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);